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

@media screen and (max-width:1400px){
	header { padding: 0px 0px; }
}


@media screen and (max-width:1200px){
	.navtop { bottom: 15px; }
	.navtop.ntshow { right: 15px; }	
}


@media screen and (max-width:1000px){
	.navtop { bottom: 59px; }
}


@media screen and (max-width:920px){
	div.cc-window { display: block; }
	div.cc-window .cc-message { padding-right: 0px; }
	div.cc-window .cc-compliance { display: block; margin-top: 15px; }
	div.cc-window .cc-btn { display: inline-block; margin-top: 7px !important; }
}


@media screen and (max-width:760px){
	.multicol5 > div { width: 100%; margin-top: 25px; }
		.multicol5 > div:first-child { margin-top: 0px; }
	.multicol5.multicol-mobleft > div > * { text-align: left !important; }
		.multicol5.multicol-mobleft > div > table { margin-left: 0px !important; margin-right: auto !important; }
	.multicol5.multicol-mobcenter > div > * { text-align: center !important; }
		.multicol5.multicol-mobcenter > div > table { margin-left: auto !important; margin-right: auto !important; }
	.multicol5.multicol-mobright > div > * { text-align: right !important; }
		.multicol5.multicol-mobright > div > table { margin-left: auto !important; margin-right: 0px !important; }
	
	.multicol4 > div { width: 100%; margin-top: 25px; }
		.multicol4 > div:first-child { margin-top: 0px; }
	.multicol4.multicol-mobleft > div > * { text-align: left !important; }
		.multicol4.multicol-mobleft > div > table { margin-left: 0px !important; margin-right: auto !important; }
	.multicol4.multicol-mobcenter > div > * { text-align: center !important; }
		.multicol4.multicol-mobcenter > div > table { margin-left: auto !important; margin-right: auto !important; }
	.multicol4.multicol-mobright > div > * { text-align: right !important; }
		.multicol4.multicol-mobright > div > table { margin-left: auto !important; margin-right: 0px !important; }

	.multicol3 > div { width: 100%; margin-top: 25px; }
		.multicol3 > div:first-child { margin-top: 0px; }
	.multicol3.multicol-mobleft > div > * { text-align: left !important; }
		.multicol3.multicol-mobleft > div > table { margin-left: 0px !important; margin-right: auto !important; }
	.multicol3.multicol-mobcenter > div > * { text-align: center !important; }
		.multicol3.multicol-mobcenter > div > table { margin-left: auto !important; margin-right: auto !important; }
	.multicol3.multicol-mobright > div > * { text-align: right !important; }
		.multicol3.multicol-mobright > div > table { margin-left: auto !important; margin-right: 0px !important; }


	.zeilenabstand.nomobile { display: none; }


	/* mobile Nav */
	nav#mainNav { text-align: center; padding: 7px 0px 6px; }
	nav#mainNav > ul { display: none; }
	
	.navopener, .navcloser { display: inline-block; color: #000; font-size: 28px; padding: 4px 48px 0px 4px; cursor: pointer; overflow: hidden; position: relative; }
		.navopener span, .navopener-fixed span { display: block; width: 25px; height: 3px; background: #666; margin: 5px auto; transition: all 0.3s ease; }
		.navopener i { font-size: 16px; font-weight: normal; font-style: normal; margin: 0px 0px 0px 0px; position: absolute; top: 9px; right: 0px; }
		
	nav#mainNav ul { margin: 6px 0px 0px; padding: 7px 0px 0px; border-top: 1px solid #EEE; }
	nav#mainNav li { display: block; margin: 0px; }
		nav#mainNav li:before { display: none !important; }
	nav#mainNav li a { }
	
	/* Design des Klappmenüs */
	ul.dropdown ul { display: block !important; visibility: visible; opacity: 1; position: static; width: auto; height: auto; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; border: none !important; padding: 2px 0px !important; margin: 0px 0px 15px !important; }
	ul.dropdown ul li { display: inline-block !important; margin: 0px 5px !important; background: #F4F4F4;}
	ul.dropdown ul li a, ul.dropdown li:hover ul li a { border: none; color: #666; }

}


@media screen and (max-width:740px){
	.multicol > div { width: 100% !important; margin-top: 25px; }
		.multicol > div:first-child { margin-top: 0px; }
	.multicol.multicol-mobleft > div > * { text-align: left !important; }
		.multicol.multicol-mobleft > div > table { margin-left: 0px !important; margin-right: auto !important; }
	.multicol.multicol-mobcenter > div > * { text-align: center !important; }
		.multicol.multicol-mobcenter > div > table { margin-left: auto !important; margin-right: auto !important; }
	.multicol.multicol-mobright > div > * { text-align: right !important; }
		.multicol.multicol-mobright > div > table { margin-left: auto !important; margin-right: 0px !important; }
		
	
	div.content { padding-bottom: 100px; }
	div.footer { text-align: center; height: auto; }
	div.footer .slogan { padding: 12px 20px 0px; text-align: center; font-size: 3.5vw; }
	div.footernav { display: block; padding: 1px 20px 10px; }
		div.footer a { position: static !important; margin: 0px 10px; font-size: 80% !important; }
}


@media screen and (max-width:720px){
	main .form-zweispaltig { display: block; }
}


@media screen and (max-width:640px){
	div.footer .slogan { font-size: 4vw; }
}


@media screen and (max-width:560px){
	h1, h2, h3, h4, h5, h6 { line-height: 110%; }
	h1 { font-size: 8vw; }
	h2 { font-size: 7vw; }
	h3 { font-size: 6vw; }
	h4 { font-size: 5vw; }
	h5, h6 { font-size: 4vw; }
	
	div.header, .slider-wrapper { height: 200px; }

	div.footer {}
	div.footer .slogan { font-size: 4.5vw; padding-bottom: 5px; }
}

@media screen and (max-width:560px), screen and (max-height:760px){
	div.content { padding: 26px 15px 30px; }
	div.footer-wrapper { position: static; padding: 0px; }
}


@media screen and (max-width:560px) and (min-height:760px){
	div.content { padding-bottom: 100px; }
	div.footer-wrapper { position: fixed; padding: 0px 20px; }
}


@media screen and (max-width:460px){
	h1 { font-size: 8.5vw; }
	h2 { font-size: 8vw; }
	h3 { font-size: 7vw; }
	h4, h5, h6 { font-size: 6vw; }

	div.header, .slider-wrapper { height: 170px; }
	#logo { width: 195px; height: 80px; }
		#logo img { width: 100%; height: auto; }

	div.footer .slogan { font-size: 5vw; }
}


@media screen and (max-width:420px){
	div.header, .slider-wrapper { height: 140px; }
	#logo { width: 171px; height: 70px; }
}