@charset "utf-8";
/* CSS Document */

body{
margin:auto;
background-image: url(image/stoffregen_hg_body.jpg);
background-position: bottom;
background-repeat:no-repeat;
}

.thumbnail	{float:left; 
			 height: auto;
			 width: auto;
			 }

.navigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#803025;
	line-height:35px;
	}

.navigation_orange{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ee7f00;
	line-height:35px;
	}

.mengentext_braun{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#803025;
	line-height:25px;
	}
	
.mengentext_braun_fett{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#803025;
	line-height:25px;
	}
	
.mengentext_orange{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ee7f00;
	line-height:25px;
	}
	
.mengentext_orange_fett{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ee7f00;
	line-height:25px;
	}


.footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	line-height:25px;
	}




#layout_main{
	width: 800px;
	height:800px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#layout_head{
	width: 800px;
	height:240px;
	margin:auto;
}

#layout_platzhalter{
	width: 800px;
	height:25px;
	margin:auto;
}

#layout_headline{
	width: 800px;
	height:40px;
	margin:auto;
}

#layout_philosophie{
	width: 700px;
	height:100px;
	float:left;
	margin:0px 50px 0px 50px;
	border-top: 1px solid #803025;
}

#counter{
	width: 700px;
	height:30px;
	float:left;
	margin:0px 50px 0px 50px;

}

#layout_footer{
	width: 530px;
	height:25px;
	float:left;
	background-color: #803025;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 250px;
}






/*Navigation*/
#navigation_main{
	width: 800px;
	height:40px;
	margin:auto;
background-image: url(image/stoffregen_navigation_hg.jpg);
}

#navigation_platzhalter_left{
	width: 52px;
	height:40px;
	float: left;
}

#navigation_platzhalter_right{
	width: 50px;
	height:40px;
	float: left;
}

#navigation_platzhalter_center{
	width: 130px;
	height:40px;
	float: left;
}

#navigation_geschichte{
	width: 105px;
	height:40px;
	float: left;
}

#navigation_angebot{
	width: 95px;
	height:40px;
	float: left;
}

#navigation_historische_festlichkeiten{
	width: 180px;
	height:40px;
	float: left;
}

#navigation_kontakt{
	width: 110px;
	height:40px;
	float: left;
}

#navigation_impressum{
	width: 128px;
	height:40px;
	float: left;
}

/*geschichte*/

#main_geschichte{
	width: 800px;
	height:770px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#geschichte_inhalt{
	width: 750px;
	height:240px;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	background-image: url(image/stoffregen_geschichte_hintergrund.jpg);
	background-repeat: no-repeat;
}


/*angebot*/

#main_angebot{
	width: 800px;
	height:1430px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#angebot_inhalt{
	width: 700px;
	height:auto;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

#angebot_bildergalerie_torten{
	width:700px;
	height:90px;
	float:left;
	padding-left: 50px;
	background-repeat: no-repeat;
	padding-right: 50px;
	margin-bottom: 20px;
}



/*bilder für galerie*/
#angebot_bildergalerie_vorschau{
	width:160px;
	height:90px;
	float:left;
	margin-right: 20px;
}

#angebot_bildergalerie_vorschau_re{
	width:160px;
	height:90px;
	float:left;
}


/*historische festlichkeiten*/

#main_historische_festlichkeiten{
	width: 800px;
	height:840px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#historische_festlichkeiten_inhalt{
	width: 700px;
	height:auto;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	background-repeat: no-repeat;
	padding-right: 50px;
	background-image: url(image/stoffregen_historische_festlichkeiten_hintergrund.jpg);
}

/*kontakt*/

#main_kontakt{
	width: 800px;
	height:1030px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#kontakt_inhalt{
	width: 700px;
	height:500px;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	background-repeat: no-repeat;
	padding-right: 50px;
}

/*Impressum*/

#main_impressum{
	width: 800px;
	height:1860px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#impressum_inhalt{
	width: 700px;
	height:1350px;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 50px;
}

#main_datenschutz{
	width: 800px;
	height:3200px;
	margin:auto;
	border: 1px solid #803025;
	background-color: #FFFFFF;
}

#datenschutz_inhalt{
	width: 700px;
	height:2700px;
	float:left;
	margin:auto;
	padding-left: 50px;
	padding-top: 20px;
	padding-right: 50px;
}


#layout_headline {margin: 41px 0 16px 0 !important;}


/* mobile Menü */
 
.mm {	display: none}

.bar1, .bar2, .bar3 {
width: 35px !important;
height: 5px !important;
background-color: #333;
margin: 6px 0 !important;
transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}


#angebot_bildergalerie_torten div {float:left !important; width:20% !important}
 #navigation_main { /* display:block !important */}
/* mobile Menü */


#lightbox #imageContainer {background-color: transparent !important}
#lightbox * {background-color: transparent !important}

#counter a {display:none}

@media (max-width: 1400px) {
/* 	body { max-width:600px !important; width:100%; margin:0 auto}	 */	
}


@media (max-width: 800px) {
	
#historische_festlichkeiten_inhalt { background-image:none}
	
/* 	body {overflow-x:hidden} */
	.mm {
	display: inline-block !important;
	cursor: pointer;
	min-height: 35px;
	height: 35px !important;
	position: absolute;

	width: 35px !important;
	z-index: 999999;
	top: 35vw;
	right: 38px;caret-color: transparent;
}
	.mengentext_orange   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ee7f00;
	line-height: 25px;
	position: relative;
	text-align: left;
	float: left;
	display: block;
	width: 100%;
}
	
	#angebot_inhalt.mengentext_braun {margin-top:20px;float: left !important;}
	
	
	#layout_headline {
	margin: 72px 0 16px 0 !important;max-width: 95% !important;
}
	#layout_headline img { max-width: 100% !important;}	
	
	

	
#navigation_main {
	padding-top: 23px !important;
	border-bottom: 1px solid #ccc !important;
	border-right-color: rgb(204, 204, 204);
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: rgb(204, 204, 204);
	border-left-style: solid;
	border-left-width: 1px;
	width: 99% !important;
	background-color: #fff;
	border-right: none !important;
	border-left: none !important;
	height: auto auto !important; background-image:none; display:none
}

	#navigation_main a {/* display:none; */ }	
 

#layout_head img {display:none}
#layout_head {
	background-image: url(image/head_mobil.jpg);
	height: 32vw !important;
	background-size: 100%;
	background-repeat: no-repeat;
}


	
	body *, body div{ max-width: 100% !important; margin:auto }
	img { height:auto !important}
	 body div{ padding: 0%;
width: 100% !important;



  height: auto !important;
background-color: #fff;  


border: none !important;


background-color: #fff;
float: none !important;
margin: 0 !important;
	 padding: 0 !important;   }
	
	
	#layout_footer {padding:0 !important}
	 body div div {padding: 0 2% !important;
max-width: 96% !important;} 

#layout_footer {
	width: 100% !important;
	text-align: center;
	max-width: 100% !important;
}
	
}