.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999999999999999999999999999999999999999999998;
   background-image: url('./../../fileadmin/template/images/preloader.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}


.header__container {  border-radius: 0 0 16px 16px;  background-color: #FFFFFF; border-bottom:1px solid #000000;}
.header-middle{max-width:1180px; margin:0px auto 15px auto; background-image: none}
.header-middle ul.menu { color: #000000;}
.header-middle{ padding:8px 8px 5px 0px ; border-radius:15px; }
.header-scroll .header__container {
  border-radius: 0 0 16px 16px;
  background-color: #FFFFFF;
  /*background-color: transparent;
    background-image: url("./../../fileadmin/images/transNav.png");*/
  transition: all 300ms ease-in-out;}
.header-scroll .header-top__logo img{display:block}
.header-scroll .header-middle {margin-top:-30px; margin-bottom:25px; }
.header-scroll .header-top__right {margin-top:-30px;}
.header-top{position:relative; justify-content: center;}
.header-top__logo.White  {display:none}
.header-top__logo.Black  {display:block}

@media screen and (min-width: 320px) and (max-width: 1024px) {
.header-mobile__logo.White  {display:none}
.header-mobile__logo.Black  {display:block}
.header-mobile__logo.Black img {transform: scale(0.5); transform-origin: top left;}
.header-mobile .burger .top, .header-mobile .burger .middle, .header-mobile .burger .bottom {
  filter: invert(0) brightness(200%);
}

}
/*Standort Start*/
	#topmapper{width:100%;  margin-bottom:25px; padding:5px 0%; margin-top:0px}
	#leftmapper{float:left; width:48%;  height: 700px;}
	#leftmapperInner{width:100%; overflow-y: auto; height: 700px; }
	#rightmapper{float:right; width:48%; position:relative!Important; height:700px!Important; }
	#map{ height:768px; max-height:768px; width:100%; overflow:hidden; position: relative; border-radius:15px; font-size:14px}
	#map div{ max-height:768px!important;}
	#map .gm-style{ max-height:768px; overflow:hidden; }
	.gm-style-iw-chr{position:absolute; right:-2px; top: -2px; z-index:25}
	.gm-style-iw-d{padding: 10px 0; margin-top:5px; position:relative;z-index:1}
	.gm-style-iw-d div{margin-top:10px; margin-left:10px; margin-right:25px}
	.yNHHyP-marker-view svg{fill:#C88F2F;}
	
	#mapAlternative{z-index:1; height:600px; max-height:600px; width:100%; overflow:hidden; position: relative; border-radius:0; font-size:14px; background-image: url("./../../fileadmin/template/images/map_alternative.jpg"); background-position:50% 50%;}
	#mapAlternative IMG { width:100%; height:auto}
	#mapAlternative div{z-index:19; position: absolute; background-color:#FFFFFF; border:1px solid #C88F2F; padding:20px 5%; width:80%; 
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	}
	

	#mapAlternative .custom-map-control-button{width:100%; margin-top:15px; border:1px solid #C88F2F; cursor: pointer; padding:15px 20px;  text-align:center; font-size:14px; background-color:#C88F2F; color:#FFFFFF;}
    #mapAlternative .custom-map-control-button:hover{background-color:#C88F2F; color:#FFFFFF;}
	#mapAlternative H2 {width:100%; text-align:center }
	
	#karte{width:100%; max-width:1230px; height:700px; margin: 0px auto 35px auto;position:relative}
		@media screen and (min-width: 320px) and (max-width: 1024px) {
	#karte{height:auto; }
	}
	#leftmapper ul{list-style:none; margin:0; padding:0;width:100%}
	#leftmapper ul li{padding: 17px 20px 8px 20px; border:1px solid #C88F2F; margin-bottom:20px; font-size:14px; line-height:16px; border-radius:15px} 
	#leftmapper .open{margin:5px 0}
	
	#leftmapper ol{list-style:none; margin:15px 0 0 0; padding:0; }
	#leftmapper ol li{float:left; margin-right:15px; border:1px solid #C88F2F; cursor:pointer; padding:0px; } 
	#leftmapper ol li a{display:block;}
	#leftmapper ol li:last-child{float:left; margin-right:0px;}
	
	#leftmapper ol li:hover{background-color:#C88F2F; color:#FFFFFF;}

    #topmapper .custom-map-control-button{border:1px solid #C88F2F; cursor: pointer; padding:15px 20px; font-size:14px}
    #topmapper .custom-map-control-button:hover{background-color:#C88F2F; color:#FFFFFF;}	
	
	#topmapper .custom-map-control-buttonError{border:1px solid #C88F2F; padding:15px 20px; color:#CCCCCC; font-size:14px; background-color:#EFEFEF; cursor: not-allowed}
    #topmapper .custom-map-control-buttonError:hover{background-color:#C88F2F; color:#CCCCCC; background-color:#EFEFEF}	
	
	
	#topleft {float:none; width:100%; text-align:left; margin-bottom:10px}
	#topleft .custom-map-control-button{border:1px solid #C88F2F; cursor:pointer; padding:15px 20px; width:20%; text-align:center}
	#topleft .formular{border:1px solid #C88F2F; cursor:pointer; padding:15px 20px; width:100%; font-size:20px; margin-bottom:12px; border-radius:15px}
	
	#topright{float:right; width:20%; text-align:right}
	#topright .custom-map-control-button{width:100%; text-align:center; font-size:14px}
	#topright .custom-map-control-buttonError{width:100%; text-align:center; font-size:14px}
	
	
	#map .custom-map-control-button{border:1px solid #C88F2F; cursor:pointer; padding:15px 20px;}
    #map .custom-map-control-button:hover{background-color:#C88F2F; color:#FFFFFF;}	
	#map .custom-map-control-button {display:none}
	
	
	.openList{position:relative; background:#FFFFFF; color:#000000}
	.openList IMG {margin:2px 0 0 10px; position:absolute;}
	.open{position:relative; }
	.open IMG {margin:0	0 0 10px; position:absolute;}
	.green{/*color:#30B829;*/  }
	.time{padding-top:10px;  font-size:18px; font-family: 'myHead', Arial, sans-serif;}
	.timeList{  font-size:18px;  font-family: 'myHead', Arial, sans-serif;}
	
	
	.info img{width:60px; height:auto; float: left;}
	.anfahrt img {width:60px; height:auto; float: left;}
	.telefon img {width:60px; height:auto; float: left;}
	.mittagstisch img {width:60px; height:auto; float: left;}
	.speisen img {width:60px; height:auto; float: left;}
	
	.info span{ float: right; padding: 17px 5px 5px 5px; display:none}
	.anfahrt span{ float: right; padding: 17px 5px 5px 5px;}
	.telefon span{ float: right; padding: 17px 5px 5px 5px; display:none}
	.mittagstisch span{}
	.speisen span{ }
	.anfahrt {display:none}
	
	#leftmapper ol.standortNavigation{margin-top:10px;padding-top:15px}
	#leftmapper ol.standortNavigation li{border-radius:5px; height:60px; font-size:18px; line-height:26px; padding:2px 10px; font-family: 'myHead', Arial, sans-serif;}
	/*#leftmapper ol.standortNavigation li:last-child{background:#FFFFFF; color:#000000}*/
	#leftmapper ol.standortNavigation li.openList:hover{background:#FFFFFF; color:#000000}
	#leftmapper ol.standortNavigation li.info{padding:0px; }
	#leftmapper ol.standortNavigation li.telefon{padding:0px; }
	.container7030 .standortWhite ol.standortNavigationDetail{margin-top:5px}
	.container7030 .standortWhite ol.standortNavigationDetail li{  border-radius:5px; height:70px; font-size: 20px; line-height:24px;  padding:10px; font-family: 'myHead', Arial, sans-serif;}
	/*.container7030 .standortWhite ol.standortNavigationDetail li:last-child{padding-top:10px; margin-left:30px!Important}
	.container7030 .standortWhite ol.standortNavigationDetail li:last-child:hover { background:#FFFFFF; color:#000000}*/
	.container7030 .standortWhite ol.standortNavigationDetail li.open {margin:15px 0}
	.container7030 .standortWhite ol.standortNavigationDetail li.open:hover { background:#FFFFFF; color:#000000}

@media screen and (min-width: 320px) and (max-width: 600px) {
.container7030 .standortWhite ol.standortNavigationDetail li{float:none; width:80%;margin-bottom:10px}
.container7030 .standortWhite ol.standortNavigationDetail li:last-child{padding-top:10px; margin-left:0px!Important}
}	
	.info {background-image: url(./../../fileadmin/template/images/icons/InfoBLACK.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 60px auto; color:#C88F2F;}
	.info:hover {background-image: url(./../../fileadmin/template/images/icons/InfoWEISS.png); color:#FFFFFF;}		
			
	.anfahrt {background-image: url(./../../fileadmin/template/images/icons/AnfahrtGOLD.svg);
			background-repeat: no-repeat;
			background-position:  0 0;
			background-size: 60px auto; color:#C88F2F;}
	.anfahrt:hover {background-image: url(./../../fileadmin/template/images/icons/AnfahrtWEISS.svg); color:#FFFFFF;}			
	.telefon {background-image: url(./../../fileadmin/template/images/icons/AnrufenBLACK.png);
			background-repeat: no-repeat;
			background-position:  0 0;
			background-size: 60px auto; color:#C88F2F;}
	.telefon:hover {background-image: url(./../../fileadmin/template/images/icons/AnrufenWEISS.png); color:#FFFFFF;}
	/*
	.mittagstisch {background-image: url(./../../fileadmin/template/images/icons/MittagstischGOLD.svg);
			background-repeat: no-repeat;
			background-position:  0 0;
			background-size: 50px auto; color:#C88F2F;}
	.mittagstisch:hover {background-image: url(./../../fileadmin/template/images/icons/MittagstischWEISS.svg); color:#FFFFFF;}			
	.speisen {background-image: url(./../../fileadmin/template/images/icons/karteGOLD.svg);
			background-repeat: no-repeat;
			background-position:  0 0;
			background-size: 50px auto; color:#C88F2F;}
	.speisen:hover {background-image: url(./../../fileadmin/template/images/icons/karteWEISS.svg); color:#FFFFFF;}*/



    

	
	@media screen and (min-width: 320px) and (max-width: 1024px) {
		#topmapper{float:none; width:100%; padding: 0 0;  margin:0 auto 0 auto}
		#leftmapper{float:none; width:100%; padding: 0 0;  height: auto; margin:115px auto 0 auto}
		#leftmapperInner{width:100%; overflow-y: none; height: auto; }
		#rightmapper{float:none; width:100%; padding: 0 0;   margin:0 auto 15px auto; height:600px}	
		#topleft {float:none; width:100%; margin-bottom:15px;}
		#topleft .custom-map-control-button{float:right}
		#topright {float:none; width:100%; margin-bottom:15px;}

		#topleft .custom-map-control-button{border:1px solid #C88F2F; cursor:pointer; padding:15px 10px; width:20%; text-align:center; background-color:#C88F2F; color:#FFFFFF;}
		#topright .custom-map-control-button{ background-color:#C88F2F; color:#FFFFFF;}
	
		#topleft .custom-map-control-button{ padding:15px 0; width:25%;}
	    #topleft .formular{ padding:15px 20px; width:74%}
		
		
		
		
	}
/*Standort Start*/



.cboth{clear:both}
#main{width:100%; margin-top:240px}
#mainImage{width:100%; margin-top:290px}


@media screen and (min-width: 320px) and (max-width: 1024px) {
#main{ margin-top:130px}
#mainImage{ margin-top:130px}
}

#main .inner{width:96%; max-width:1280px; padding: 2% 25px; margin:0px auto}
#main .innerWide{width:96%; padding:  25px 2%; margin:0px auto; max-width:1850px;}


#main .inner ul{list-style-type: disc; }
#main .inner ul li {list-style-type: disc; margin-left:30px}

#main .innerWide ul{list-style-type: disc; }
#main .innerWide ul li {list-style-type: disc; margin-left:30px}


#footerStandard{width:100%; }


			.homepage .s-gallery__item__content--tag{width:100% !Important; float:none; display:block}
			.homepage .s-gallery__item__content--name{width:100% !Important; float:none; display:block;}
			.homepage .s-gallery__item__content--button--mobile{dispy:none}
			.homepage .s-gallery__item__content--button{width:185px!Important; }


			.homepage .s-gallery__item__content .mobile{display:none}
			.homepage .s-gallery__item__content .standard{display:block;width:100%; margin-bottom:32px}
			

			.homepage .s-gallery__item__content .standard ul li:last-child a{position:absolute; right:15px; bottom:15px}

			.homepage .s-gallery__item__content--button .standard{width:185px; }
			
			.homepage .s-gallery__item__content .mobile {width:100%}
			.homepage .s-gallery__item__content .mobile .fleft{width:70%; float:left}
			.homepage .s-gallery__item__content .mobile .fright{width:50px; float:right; text-align:right}
			.homepage .s-gallery__item__content--button--mobile{right:0}
			.homepage .s-gallery__item__content--button--mobile img {width:35px; height:auto; margin: 0px 0 0 0px; }

			.s-gallery__item.gallery__item--0{font-family: 'myHead', Arial, sans-serif; font-size: 48px}
			
			.header-scroll .header-top__right {  margin-top: 0px!Important;  }	
		
			@media screen and (min-width: 320px) and (max-width: 1024px) {
			.homepage .s-gallery__item {height: calc((92vw / 1.6) + 90px);}
		    .homepage .s-gallery__item.gallery__item--0{height:60px}
			.homepage .s-gallery__item__content .standard{display:none}
			.homepage .s-gallery__item__content .mobile{display:block}
			
			
			.s-gallery.wrap {margin:0; padding:0; }
			
			}
			
			
			
			
.homepage .swiper-hero .swiper-slide .slide-content__title{font-family: 'myHead', Arial, sans-serif;}
h1.ce-headline-left{font-family: 'myHead', Arial, sans-serif; font-size: 36px}