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

@media screen and (max-width:1040px){
	.content-wrapper, footer { padding-right: 5%; padding-left: 5%; } 
	
	.slider { max-width: none; border-left: none; border-right: none; }
			
	.content-wrapper { width: 90%; background-position: center 540px; }
		.content-wrapper > div { display: block; }	

	.content { margin-bottom: 25px; }
	.partnerbox { width: auto; text-align: center; padding: 0px; }
	.partnerbox a { display: inline-block; vertical-align: middle; }
	
	.contentbox { margin-left: 14%;}
	.contentbox:nth-child(odd) {margin-left:0;}
}

@media screen and (max-width:1000px){
	.content { width: auto; }		
	.contentbox { margin-left: 11%; }
}

@media screen and (max-width:930px){
	.magazine-layout div { width: auto !important; max-width: 100%; text-align: center; float: none !important; padding: 0px !important; margin: 0px 0px 7px 0px !important; }
	
	.multicol-3col > div, .multicol-4col > div, .multicol-5col > div { float: none; width: 100% !important; margin-bottom: 40px; }
	.multicol-3col > div > div, .multicol-4col > div > div, .multicol-5col > div > div { margin: 0px !important; }

	
	header .inner { position: relative; max-width: 960px; margin: 0px auto; height: 90px; }
	.dorma {display: none;}
	.dormamobi { display: block; position: absolute;left: 0;bottom: 7px; padding-top: 5px; padding-left: 17px; background-color: #fff; width: 223px; }
	.logo { width: 130px; height: 115px; background-size: cover; }

	





	.contentbox { margin-left:10%; }

}
@media screen and (max-width:900px){
	.contentbox{ margin-left:6%; }
}

@media screen and (max-width:840px){
	.contentbox{ margin-left:4%; }
	

}

@media screen and (max-width:810px){
	.contentbox{ margin-left:2%; }
}

@media screen and (max-width:800px){
	.contentbox { width: 40%; }
	
	/*---------- mobile nav ----------*/
	nav { display: none; }
	nav#mobileNav { position:fixed; top: 0px; right: 0px; left: auto !important; z-index: 25; width: 240px; height: 100%; background-color: #333; color:#FFF; display: block !important; overflow-y: auto; overflow-x: hidden; }
	
	ul.dropdown { margin-top: 24px; background: none; width: auto; padding: 0px; }
		ul.dropdown li { display: block; font-size: 17px; margin: 0px; background: none; border-bottom: 1px solid #666; }
			ul.dropdown li.first { border-top: 1px solid #666; }
		ul.dropdown li a { display: block; background-image: none; padding: 11px 16px 11px 10px; color: #fff; text-transform: uppercase; }
			ul.dropdown li a:hover, ul.dropdown li a.selected { font-weight: normal; background-color: #555; }
		
	ul.dropdown ul { background: none; width: auto; padding: 0px; visibility: visible !important; position: relative; top: auto; left: auto; opacity: 1 !important; max-width: none; padding: 0px; }
		ul.dropdown ul li { background: none; margin: 0px; padding: 0px; display: block; font-size: 17px; }
		ul.dropdown ul li a { color: #FFF !important; text-transform: none; border: none !important; margin: 0px !important; padding: 11px 16px !important; }
		ul.dropdown ul li a:hover, ul.dropdown ul li a.selected { background-color: #555 !important; color: #FFF !important; }
		ul.dropdown ul li a { color: #FFF; }

	.simplesidebar {
		-webkit-transition: -webkit-transform 0.5s ease;
		-moz-transition: 	-moz-transform 0.5s ease;
		-ms-transition: 	-ms-transform 0.5s ease;
		-o-transition: 		-o-transform 0.5s ease;
		transition: 		transform 0.5s ease;

		-webkit-transform: 	translate(240px, 0);
		-moz-transform: 	translate(240px, 0);
		-ms-transform: 		translate(240px, 0);
		-o-transform: 		translate(240px, 0);
		transform: 			translate(240px, 0);
		}
	.simplesidebar-opened {
		-webkit-transform: 	translate(0px 0);
		-moz-transform: 	translate(0px, 0);
		-ms-transform: 		translate(0px, 0);
		-o-transform: 		translate(0px, 0);
		transform: 			translate(0px, 0);
		}
	.simplesidebar-pagecontent {
		-webkit-transition: -webkit-transform 0.5s ease;
		-moz-transition: 	-moz-transform 0.5s ease;
		-ms-transition: 	-ms-transform 0.5s ease;
		-o-transition: 		-o-transform 0.5s ease;
		transition: 		transform 0.5s ease;
	
		-webkit-transform: 	translate(0, 0);
		-moz-transform: 	translate(0, 0);
		-ms-transform: 		translate(0, 0);
		-o-transform: 		translate(0, 0);
		transform: 			translate(0, 0);
		}
	.simplesidebar-opened-pagecontent {
		-webkit-transform: 	translate(-240px, 0);
		-moz-transform: 	translate(-240px, 0);
		-ms-transform: 		translate(-240px, 0);
		-o-transform: 		translate(-240px, 0);
		transform: 			translate(-240px, 0);
		}
	.simplesidebar-body { overflow-x: hidden; }
	@-moz-document url-prefix() {
	.simplesidebar-body { overflow-x: inherit; }
		}
	
	
	.navopener, .navcloser { color: transparent; cursor: pointer; font-size: 20px; background-repeat: no-repeat; background-position: left center; position: absolute; top: 33px; right: 45px; }
	.navopener { display: block; background-image: url(mob-opener-weiss.png); height: 25px; width: 26px; }
	.navcloser { display: none; background-image:url(cross2.png); height: 25px; width: 31px; }
	/*---------- mobile nav - ENDE ----------*/		

	.magazine-layout div { width: auto !important; max-width: 100%; text-align: center; float: none !important; padding: 0px !important; margin: 0px 0px 7px 0px !important; }
	
	.multicol-3col > div, .multicol-4col > div, .multicol-5col > div { float: none; width: 100% !important; margin-bottom: 40px; }
	.multicol-3col > div > div, .multicol-4col > div > div, .multicol-5col > div > div { margin: 0px !important; }

}

@media screen and (max-width:760px){	
 	
}

@media screen and (max-width:740px){
	.contentbox { width: auto; max-width: 300px; margin: 25px auto 0px !important; float: none; }
	.content-wrapper { background: center 1040px; }
}



@media screen and (max-width:680px){
	.multicol-wrapper > div { float: none; width: 100% !important; margin-bottom: 0px; }
	.multicol-wrapper > div > div { margin: 0px !important; }
	
	ul.sitemap-2spaltig > li { float: none;	margin-right: 0px; width: auto; }
	
	.footerbox { float: none; margin-bottom: 25px; }
		.footerbox a { display: inline-block;  margin: 0px 8px 10px; }
	 footer { text-align: center; height: auto; padding-bottom: 33px; }
}

@media screen and (max-width:560px){
	form { clear: none; padding-top: 0px; }
	label { width: auto; float: none; display: block; margin-bottom: 3px; }
	input, textarea { width: 97%; }
	select { width: auto; }
	input.short { width: 25%; }
	input.half { width: 50%; }
	input.captcha { margin: 0px auto; }
	input.submit { width: 99%; }
	p.formsubmit { padding-left: 0px; }
	p.radio label { display: inline; }
	p.formcaptcha img { display: block; margin: 10px auto; }
	label.checkbox { display: inline; }
}

@media screen and (max-height:495px){
	.dormamobi {
		display: block;
		position: static;
		left: 0;
		margin-bottom: 7px;
		padding-top: 5px;
		padding-left: 17px;
		background-color: #fff;
		width: 223px;	
	}
	
	.partnerbox { max-width: 405px; }
	
}

@media screen and (max-width:475px){

	.partnerbox { display: none; }
	.content-wrapper { background-position: bottom center; display: block; width: auto; padding: 60px 25px 0px; }
}

@media screen and (max-width:355px){
	.contentbox { width:auto; }
	.navcloser, .navopener { right: 30px; }
}