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

@media screen and (max-width:1170px){
	.tb-separator { display: block; }
	.tb-box { margin: 0px 15px 70px !important; }
}


@media screen and (max-width:1080px){
	.slider { border-left: none; border-right: none; height: auto; }
		.slider .camera_wrap img { max-width: 100% !important; height: auto; }
	footer .left .inner { max-width: none; padding-left: 20px; }
}


@media screen and (max-width:1000px){
	.slider { margin: 0px; }
	
	form { float: none; margin: 0px auto 50px; }
	.form-intro { margin-top: 15px; }
	ul.form_warning { margin-left: auto; margin-right: auto; }
	
	
	
	/* mobile Nav */
	nav#mainNav, nav#mainNav > ul { display: none; }
	
	.navopener { display: block; width: 41px; height: 40px; background: #FFF; cursor: pointer; background-image: url(mob-opener.png); background-repeat: no-repeat; background-position: center center; position: absolute; top: 30px; right: 30px; }
	.navopener span { display: none; }
	
	#mobileNav { display: block; position: fixed; top: 0px; right: -250px; z-index: 25; width: 240px; height: 100%; margin: 0px; padding: 0px; background-color: #FFF; color: #AC9255; overflow-y: auto; overflow-x: hidden; background: #FFF; border-radius: 0px; box-shadow: none; }
	nav ul { padding: 28px 0px 15px; }
	nav li { display: block; border-top: 1px solid rgba(0,0,0, 0.1); margin: 0px; }
		nav li.first { border: none; }
	nav li a { display: block; color: #AC9255; padding: 8px; margin: 0px; border: none; font-weight: 300; }
	nav li a:hover, nav li a.selected, nav li.opened > a { font-weight: 500; }
	nav li.opened a, nav li a.selected { font-weight: bold; }
	
	nav ul.dropdown ul { position: static; width: auto; background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px 0px 10px; margin: 0px; opacity: 1; visibility: visible; }
	nav ul.dropdown ul li { border: none; }
	nav ul.dropdown ul li a { border: none !important; font-size: 15px; font-weight: normal; padding: 5px 7px !important; }
	nav ul.dropdown ul li a:hover, nav ul ul li a.selected { font-weight: bold !important; }
	

	.simplesidebar-opened-pagecontent .navopener { background-image: url(navcloser.png); }
	.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(0px, 0);
		-moz-transform: 	translate(0px, 0);
		-ms-transform: 		translate(0px, 0);
		-o-transform: 		translate(0px, 0);
		transform: 			translate(0px, 0);
		}
	.simplesidebar-opened {
		-webkit-transform: 	translate(-250px 0);
		-moz-transform: 	translate(-250px, 0);
		-ms-transform: 		translate(-250px, 0);
		-o-transform: 		translate(-250px, 0);
		transform: 			translate(-250px, 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(0px, 0);
		-moz-transform: 	translate(0px, 0);
		-ms-transform: 		translate(0px, 0);
		-o-transform: 		translate(0px, 0);
		transform: 			translate(0px, 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; overflow-y: hidden; }
	@-moz-document url-prefix() {
		.simplesidebar-body { overflow-x: inherit; }
	}	
}


@media screen and (max-width:900px){
	.filter-item { width: 33.33%; }
}


@media screen and (max-width:800px){
	header { padding: 25px 0px 50px; }
	.logo { width: 285px; height: 100px; }
	.slider-wrapper { margin-top: 35px; }
	/*.slider, #mainSlider { height: 300px; }*/
	.content { padding: 50px 20px 40px; }
	.navtop { margin: 30px 0px; }
		a.gototop { padding: 10px 22px; font-size: 15px; }
		
	.calendarbox { margin: 0px 15px 25px; }	
	.calendarbox-popup.left { margin-left: -5px; }
	.calendarbox-popup.left .cb-arrow { left: 0%; margin-left: 14px; }
	.calendarbox-popup.right { margin-left: -162px; }
	.calendarbox-popup.right .cb-arrow { left: auto; right: 0%; margin-right: 14px; }
}


@media screen and (max-width:700px){
	footer { display: block; }
	footer > div { display: block; width: auto; text-align: left !important; }
		footer .left .inner { padding: 23px 20px 20px; }
		footer .right { height: 150px; border-top: 2px solid #FFF; }
		
	.filter-item { width: 50%; }
	
	form { float: none; margin: 0px 0px 40px; background: none; width: auto; height: auto; }
	label { width: auto; float: none; display: block; margin: 0px 0px 3px 0px; visibility: visible !important; }
	input, textarea, select { width: 97%; background: #FFF; border: 1px solid #999; margin: 0px 0px 10px; }
	select { width: auto; }
	input.short { width: 25%; }
	input.half { width: 50%; }
	input.captcha { margin: 0px auto; }
	input.submit { width: 100%; padding: 5px 0px; }
	p.formsubmit { padding-left: 0px; }
	p.radio label { display: inline; }
	p.formcaptcha img { display: block; margin: 10px auto; }
	label.checkbox { display: inline; }
	
	.alert { position: static; font-size: 13px; }
	
	.form-anschrift, .form-nachricht { position: static; width: auto; margin: 0px; }
	.form-nachricht {margin-top: 15px;}
	.form-intro { display: none; }
}


@media screen and (max-width:638px){
	ul.sitemap-2spaltig > li { float: none;	margin-right: 0px; width: auto; }
	
	.linkbox { display: block; margin: 0px auto 25px; }
	.tb-box { display: block; margin: 0px auto 25px auto !important; }
	
	.content img { float: none; display: block; margin: 0px auto 20px; }	
}


@media screen and (max-height:638px) and (orientation:landscape){
}


@media screen and (max-width:560px){
	header { padding: 20px 0px 30px; }
	.logo { width: 190px; height: 57px; margin: -13px 0px 0px 20px; }
	.navopener { top: 25px; }
	.slider-wrapper { margin-top: 20px; }	
	.content { padding: 35px 20px 25px; }
	.navtop { margin: 20px 0px; }
	nav ul { padding-top: 23px; }
	footer .right { height: 125px; }
		
	.calendarbox-current { background-position: center top; padding: 150px 0px 10px; text-align: center; }
	.calendarbox-current .cbc-header { font-size: 18px; }
	.calendarbox { margin: 0px auto 25px; }
	
	.iframe-embed .ife-mobilelink { display: block; margin-bottom: 25px; }
	.iframe-embed iframe { max-height: 350px; }
	
	.faq > h3 { font-size: 17px; padding: 7px 7px 7px 43px; background-position: 7px 7px; }
	}


@media screen and (max-width:500px){
	body, td, th { font-size: 16px; }
	h1 { font-size: 23px !important; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4,h5,h6 { font-size: 16px; }
	
	.slider, section, footer { border-width: 10px; }
}


@media screen and (max-width:480px){
	.filter-grid { max-width: 75%; }
	.filter-item { width: 100%; }
	
	.linkbox { display: block; width: 209px; margin: 0px auto 25px; }
	
	.downloadlist dl { display: block; width: auto; }
	.downloadlist dt, .downloadlist dd { display: inline-block; border: none; width: 98% !important; }
		.downloadlist dd.tab3 { padding-top: 0px !important; text-align: left; }
	.downloadlist.dl-tablist a { margin: 0px; }
}


@media screen and (max-width:400px){
	.filter-grid { max-width: 90%; }
	
	.form-captcha .input-group > * { display: block; margin: 0px 0px 5px; }
	.form-captcha img { margin: 0px !important;}
}