h1, h2, h3, h4, h5, h6, body {
    font-family: 'Open Sans', sans-serif;
}
h1{
    border-bottom: 1px solid #999;
    padding-bottom: 16px;
    margin-bottom: 24px;
}
body.wrapper-fluid header>.grid-child,body.wrapper-fluid {
    padding-top: 0px;
    padding-bottom: 0px;
}
.container-header nav {
    margin-top: 0px;
}
.container-header .navbar-brand {
    margin-left: auto;
    margin-right: auto;
    padding:0px;
}
.navbar-brand img {
    height: 70px;
    width: auto;
    max-height: 70px;
}
@media (max-width: 991px) {
	.navbar-brand img {
    height: 52px;
	}
    .container-header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    }
	.container-header .container-nav nav {
    margin-top: 8px;
	margin-bottom: 8px;
    justify-content: center;
    }
    .metismenu.mod-menu .metismenu-item {
    display: block;
    text-align:center;
    }
}
.container-header{
    background-color:#fff;
    border-top: 3px solid #9e834e;
}
.container-nav{
    background-color:#555;
    justify-content: center !important;
    border-top: 2px solid #9e834e;
    border-bottom: 2px solid #9e834e;
}
.container-footer{
    border-top: 2px solid #9e834e;
    border-bottom: 3px solid #9e834e;
}

/* Ab hier in Arbeit */
.metismenu.mod-menu a {
    padding:8px;
    margin: 0px;
    border-radius:5px;
    text-decoration:none !important;
}
.metismenu.mod-menu a:link {      
}
.metismenu.mod-menu a:visited {
    color:#9e834e
}    
.metismenu.mod-menu a:focus {  
}
.metismenu.mod-menu a:hover {
    color:#555;
    background-color:#e5e5e5;
}
.metismenu.mod-menu a:active {  
}
.metismenu.mod-menu .active > a {
    color:#fff;
    background-color:#9e834e;
}
.container-header .metismenu>li>a:hover:after,.container-header .metismenu>li>button:hover:before,.container-header .metismenu>li.active>a:after,.container-header .metismenu>li.active>button:before {
    background: none;
}
.container-header .metismenu>li>a{
    color:#9e834e;
}
.footer a:not(.btn),.footer .btn-link {
    color: #9e834e
}
/* Bis hier in Arbeit */

/* 2020 - Position Sprachauswahl */
div.mod-languages{
	position:fixed;
	top:27px;
	left:20px;
    z-index:1000;
	display:inline;
}
div.pretext{
	float:left;
	padding-right:15px;
}
div.mod-languages ul {
	float:left;
}
.mod-languages ul li.lang-active,
.mod-languages ul li {
    background-color: transparent !important;
}
div.mod-languages a {
	padding:0;
}
@media (max-width: 991px) {
    div.mod-languages{
    top:70px;
    }
	div.pretext{
	display:none;
	}
}
/* 2020 - Position Sprachauswahl */
/* Kontakt, Email, Tel */
div.customkontakt {
	margin: 0;
	padding: 0;
	list-style:none;
	position:fixed;
	top:27px;
	right:20px;
	z-index:1000;
	}
.fa-envelope:before {
	padding-left:15px;
	padding-right:5px;
	font-size:16px;
    }
.fa-phone-alt:before {
	padding-left:15px;
	padding-right:5px;
    font-size:16px;
    }
.footer .fa-envelope:before {
	padding-left:0px;
	padding-right:5px;
    }
.footer .fa-phone-alt:before {
	padding-left:0px;
	padding-right:5px;
    }
@media (max-width: 979px) {
    div.customkontakt {
    top:70px;
    }
	span.hideres {
	display:none;
	}
}
/* Kontakt, Email, Tel */
/* 201231 Button und fixe Position Anfrage, Buchung */
.custombuttondiv1 {
	position:fixed;
	z-index:1000;
	width:100%;
    right:0;
	}
.button2 {
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	outline:1px solid #999;
	background-color:#9e834e;
	line-height:44px;
	margin:auto;
	margin-right:20px;
	font-size:18px;
	width:192px;
    text-decoration:none;
    }
.button3 {
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	outline:1px solid #999;
	background-color:#555;
	line-height:44px;
	margin:auto;
	margin-right:12px;
	font-size:18px;
	width:192px;
    text-decoration:none;
    }
.button3:hover, .button3:focus, .button2:hover, .button2:focus {
	outline:1px solid #999;
    background-color:#e5e5e5;
	color:#555;
    }
@media (min-width: 980px){
	.custombuttondiv1 {
	float:left;
	top:144px;
	}
}
@media (max-width: 979px) {
	.custombuttondiv1 {
	bottom: 0px;
	}
	.button2, .button3 {
	line-height: 38px;
	margin-right:auto;
	width:25%;
	}
}
@media (max-width: 767px) {
	.button2, .button3 {
	width:50%;
	}
}
/* 201231 Button und fixe Position Anfrage, Buchung */

/* 260828 Bildergalerie */
#i1, #i2, #i3, #i4, #i5, #i6, #i7, #i8, #i9, #i10, #i11, #i12, #i13, #i14, #i15, #i16, #i17, #i18, #i19, #i20, #i21, #i22, #i23, #i24, #i25, #i26, #i27, #i28, #i29{ display: none;}

.container_slide{
		margin: 0 auto;
		margin-top: 16px;
		margin-bottom: 16px;
		position: relative;
		width: 90%;
		user-select: none;
		background-color: #555;
		height: 0;
		padding-bottom: 60%; 
	}
	.slide_text{
	color:#fff;
	height:10%;
	margin:0;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.container_slide .slide_img{
		position: absolute;
		width: 100%;;
		height: 95%;
	}
	.container_slide .slide_img img{
		width: inherit;
		height: inherit;
	}

	 .prev, .next{
		width: 12%;
		height: inherit;
		position: absolute;
		top:0; 
		background-color: rgba(88, 88, 88,.2);
		color:rgba(244, 244, 244,.9);
		z-index: 99;
		transition: .45s;
		cursor: pointer;
		text-align: center;
		margin:0;
	}

	.next{right:0;}
	.prev{left:0;}

	label span{
	display: block;
    position: absolute;
    top: 50%;
    width:100%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 128px; 
	}

	.prev:hover, .next:hover{
		transition: .3s;
		background-color: rgba(88, 88, 89,.8);
		color: #ffffff; 
	}

.container_slide #nav_slide{
	width: 100%;
	bottom: 12%;
	position: absolute;
	text-align: center;
	z-index: 99;
	cursor: default;
}

#nav_slide .dots{
	top: 0px;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
	transition: .4s;
}

#nav_slide .dots:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.9);
	transition: .25s
}

.slide_img{z-index: -1;}

	#i1:checked ~ #one  ,
	#i2:checked ~ #two  ,
	#i3:checked ~ #three,
	#i4:checked ~ #four ,
	#i5:checked ~ #five ,
	#i6:checked ~ #six  ,
	#i7:checked ~ #seven,
	#i8:checked ~ #eight,
	#i9:checked ~ #nine ,
	#i10:checked ~ #ten ,
	#i11:checked ~ #oneone  ,
	#i12:checked ~ #onetwo  ,
	#i13:checked ~ #onethree,
	#i14:checked ~ #onefour ,
	#i15:checked ~ #onefive ,
	#i16:checked ~ #onesix  ,
	#i17:checked ~ #oneseven,
	#i18:checked ~ #oneeight,
	#i19:checked ~ #onenine ,
	#i20:checked ~ #twenty  ,
	#i21:checked ~ #twoone  ,
	#i22:checked ~ #twotwo  ,
	#i23:checked ~ #twothree,
	#i24:checked ~ #twofour ,
	#i25:checked ~ #twofive ,
	#i26:checked ~ #twosix  ,
	#i27:checked ~ #twoseven,
	#i28:checked ~ #twoeight,
	#i29:checked ~ #twonine
		
	{z-index: 9; animation: scroll 1s ease-in-out;}

	#i1:checked  ~  #nav_slide #dot1,
	#i2:checked  ~  #nav_slide #dot2,
	#i3:checked  ~  #nav_slide #dot3,
	#i4:checked  ~  #nav_slide #dot4,
	#i5:checked  ~  #nav_slide #dot5,
	#i6:checked  ~  #nav_slide #dot6,
	#i7:checked  ~  #nav_slide #dot7,
	#i8:checked  ~  #nav_slide #dot8,
	#i9:checked  ~  #nav_slide #dot9,
	#i10:checked  ~  #nav_slide #dot10,
	#i11:checked  ~  #nav_slide #dot11,
	#i12:checked  ~  #nav_slide #dot12,
	#i13:checked  ~  #nav_slide #dot13,
	#i14:checked  ~  #nav_slide #dot14,
	#i15:checked  ~  #nav_slide #dot15,
	#i16:checked  ~  #nav_slide #dot16,
	#i17:checked  ~  #nav_slide #dot17,
	#i18:checked  ~  #nav_slide #dot18,
	#i19:checked  ~  #nav_slide #dot19,
	#i20:checked  ~  #nav_slide #dot20,
	#i21:checked  ~  #nav_slide #dot21,
	#i22:checked  ~  #nav_slide #dot22,
	#i23:checked  ~  #nav_slide #dot23,
	#i24:checked  ~  #nav_slide #dot24,
	#i25:checked  ~  #nav_slide #dot25,
	#i26:checked  ~  #nav_slide #dot26,
	#i27:checked  ~  #nav_slide #dot27,
	#i28:checked  ~  #nav_slide #dot28,
	#i29:checked  ~  #nav_slide #dot29
	
	{ background-color: rgba(255,255,255,.9);}

@keyframes scroll{
	0%{	opacity:.4;}
	100%{opacity:1;}
}		

@media screen and (max-width: 767px){
	.container_slide{
		border: none;
		width: 100%;
		height: 0;
		padding-bottom: 63%; 
	}	
	.container_slide .slide_img{
		height:93%;
	}
	.slide_text{
	height:14%;
}
	
	label span { font-size: 50pt; }
	
	.prev, .next{
		width: 15%;
	}	
	#nav_slide .dots{
		margin-bottom:3%;
		width: 12px;
		height: 12px;
	}
}
@media screen  and(min-width: 767px){
	.me{ display: none;}
}
/* 260828 Bildergalerie */

/* 260828 max-Breite */
div.site-grid{
	max-width:1280px;
	margin:auto;
}
/* 260828 max-Breite */