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


@media screen and (max-width:1285px){
	.newsbox { margin: 0px 20px 30px 0px; }
	.slider .camera_overlayer { }

}
@media screen and (max-width:1265px){
	.newsbox, .newsbox:nth-child(3n+1) { margin: 0px 30px 30px 0px; }
}


@media screen and (max-width:1120px){
	.mobile body, .mobile td, .mobile th { font-size: 15px; }
	.wrapper { padding-top: 89px; }
	
	.navmobile { display: block; background-color: #333; position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; height: 50px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.35); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.35); }
		.navmobile .navopener, .navmobile .home, .navmobile .searchopener {
			display: block;
			color: transparent;
			cursor: pointer;
			padding: 0px;
			position: absolute;
			top: 9px;
			left: 12px;
			width: auto;
			height: 25px;
			line-height: 25px;
			vertical-align: middle;
			color: #FFF;
			font-size: 32px;
		}
		.navmobile .lang { display: none; background: none; padding: 7px 3px 5px 0px; margin: 10px 48px 0px 0px; border-right: 1px solid #666; }
			.home .navmobile .lang { display: block; }
		.navmobile .home, .navmobile .searchopener { top: 12px; left: auto; right: 13px; font-size: 20px; display: none; }
			.navmobile .home a, .navmobile .searchopener { color: #999; text-decoration: none; }
			.home .navmobile .home { display: none; }
		.navmobile .searchopener { display: block; right: 12px; }
		
	nav, #mobileSearch { background-color: #333; width: 100%; height: auto; position: absolute; top: 45px; left: 0px; z-index: 90; padding: 0px; margin: 0px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.35); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.35); overflow: hidden; display: none; }
		nav .nav-line, nav .lang { display: none !important; }
		nav .nav-inner { height: auto; margin: 0px; }
		
	nav ul { padding: 20px 0px 15px; margin: 0px; bottom: auto; left: auto; position: relative; }
		nav ul ul { padding: 3px 12px 20px !important; }
			nav ul ul ul { padding: 3px 17px 3px 0px !important; display: block; }
	nav li { display: block; border-top: 1px solid #666; margin: 0px; width: auto; position: relative; }
		nav li:hover { -webkit-box-shadow: none !important; box-shadow: none !important; }
			nav li.haschilds > .toggler { display: block; width: 48px; height: 47px; position: absolute; top: 0px; right: 0px; background-color: red; z-index: 10; }
		nav li li { display: block; border: none; background: none; }
			nav li li li { display: inline-block !important; }
		nav li.first, nav li:hover { background: none !important; }
		nav li.first { border: none !important; }
	
	nav a { border: none !important; }
	nav li a { text-align: left; border-left: 5px solid #696 !important; padding: 10px 16px; font-weight: 300; color: #CCC !important; font-size: 22px; }
		nav ul.dropdown > li > a.haschilds { background-image: url(nav-haschilds.png) !important; background-repeat: no-repeat !important; background-position: right center !important; padding-right: 50px; }
			/*nav ul.dropdown > li > a.haschilds > .closer { display: block; width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; background-color: red; z-index: 10; }*/
		nav li a:hover, nav li a.selected { color: #FFF !important; }
		nav li li a, ul.dropdown ul li:hover a { border: none !important; background-color: transparent !important; color: #CCC !important; text-shadow: none; }
		nav li li a { font-size: 17px !important; margin-right: 20px; background-image: url(nav-anstrich.png) !important; background-repeat: no-repeat !important; background-position: 10px 9px !important; padding: 4px 10px 4px 20px !important; text-transform: uppercase !important; }
		nav li li a:hover, nav li li a.selected { color: #FFF !important; }
			nav li li li a, nav ul.dropdown li li li a.first { font-size: 16px !important; margin: 0px 5px 0px 10px; padding: 4px 10px !important; background: none !important; /*border-right: 1px solid #666 !important; -webkit-border-radius: 3px; border-radius: 3px;*/ text-transform: none !important; }
		
		nav li a.navid2 { border-left-color: #53667D !important; }
		nav li a.navid3 { border-left-color: #758597 !important; }
		nav li a.navid4 { border-left-color: #98A3B1 !important; }
		nav li a.navid5 { border-left-color: #BAC2CB !important; }
		nav li a.navid6 { border-left-color: #DDE0E5 !important; }
		
	nav ul.dropdown ul { visibility: visible !important; position: relative; top: auto; left: auto; opacity: 1 !important; max-width: none; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; }
		nav ul.dropdown ul li a:hover, nav ul.dropdown ul li a.selected { color: #FFF !important; }

	#mobileSearch { /*display: block;*/ }
		#mobileSearch form { display: block; position: relative; margin: 25px 15px 15px; }
		#mobileSearch input { background-color: #F9F9F9; border: 1px solid #CCC; font-size: 14px; font-family: 'Lato', sans-serif; font-style: italic; margin: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; border-radius: 0px; color: #333; }
		#mobileSearch .sbeg { display: block; height: 22px; width: 90%; padding: 2px 9% 2px 1%; }
		#mobileSearch .sbutton { width: 26px; height: 26px; background-image: url(icon-search.png); background-repeat: no-repeat; background-position: right center; position: absolute; top: 1px; right: 0px; border: none; }
		
	.content-wrapper { /*padding-top: 78px;*/ display: block; min-height: 1px; }
	.content { overflow: hidden; margin: 0px; display: block; width: auto; min-height: 300px; }
	.right { display: block; margin-top: 20px; padding: 0px; max-width: none; }
		.right { overflow: visible; }
		.right > div { display: inline-block; margin: 0px 17px 0px 0px; vertical-align: top; }
		.right .subnav, .right .search { display: none !important; }
		.right .infobox { min-height: 160px; }
		
	.vkal-search .opener { font-size: 14px; }
}

@media screen and (max-width:1000px){
	.vkal-search form input { width: 70%; }
	
	
	footer { padding-top: 45px; }
	.fb-logo { display: block; border: none !important; height: auto; text-align: center; padding: 0px 20px; margin: 0px 0px 40px; }
		.fb-logo a { margin: 0px auto; }
	.fb-nav { border-left: none !important; padding-left: 0px; }
}

@media screen and (max-width:950px){
	.vkal-search form .form-hidden > p { width: auto; }
	.vkal-search p.form-cat { display: block !important; }
		.vkal-search p.form-cat label { width: 118px !important; }		
	.vKDET .vdet-video { display: block; width: auto; margin-right: 0px; }
}

@media screen and (max-width:900px){
	.startimg { right: 10%; }
	
	.slider { height: 350px; }
	.slogan { top: 315px; font-size: 23px; }
}

@media screen and (max-width:800px){
	#sil { width: 250px; height: 152px; background-size: cover; }
	
	header { padding-bottom: 25px; }
	.logo { background-size: cover; right: 25px; top: 25px; }
	.slider { height: 300px; border: 15px solid #FFF; }
		.slider .camera_overlayer { background-image: url(header-schwung-mobile.png); background-size: auto; }
	.slogan { left: 25px; top: 270px; font-size: 21px; }
	
	footer { padding-bottom: 25px; }
	.footerbox { height: auto; }
	.fb-contact { padding-right: 0px; }
	.fb-other { display: block; border: none !important; height: auto; text-align: center; padding: 0px 20px; margin: 35px 0px 0px; }
		.fb-other ul { margin: 0px auto; position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 5; }
		.fb-other ul li { display: inline-block; margin: 0px 20px; }
		.fb-other .socials { width: auto; height: auto; padding-bottom: 45px; text-align: center; }
	
	.vKAL dl { display: block; width: auto; border-spacing: 0px; border-top: 1px solid #FFF; }
		.vKAL dl:nth-child(odd) { background-color: #F4F4F4; }
		.vKAL dl:nth-child(even) { background-color: #EFEFEF; }
		.vKAL dl.tab-entry { border-bottom: 1px solid #FFF; }
		.vKAL dl.tab-head { background-color: #FBBD2D; }
			.vKAL dl > dt { display: none; }
			.vKAL dl > dt.td3 { display: block; }
	.vKAL dl > dd { display: block; width: auto !important; text-align: left !important; padding: 6px 5px 6px; }
		.vKAL .td1 { padding-bottom: 0px; }
		.vKAL .td2 { padding-top: 0px; }		
			.vKAL .td1 > span { display: inline-block; margin: 0px 4px; }
		.vKAL .vkal-links { text-align: right !important; }
		.vKAL span.key { display: inline-block; margin: 0px 5px 0px 0px; font-weight: bold; color: #333; font-size: 14px; line-height: 19px; }
	.vkal-search .opener, .vkal-search form { border: none; }
		.mobile .vkal-search .opener { width: 160px; font-size: 15px; }
		
	.vKDET .vdet-info { float: none; width: auto; margin: 0px 0px 25px 0px; }
		.vKDET .vdet-inner { }
		.vKDET .vdet-img { width: 200px; float: left; margin: 0px 25px 0px 0px; }
	.vKDET .vdet-cnt { margin-left: 0px; }
	.vKDET .vdet-video { display: block; width: auto; margin-right: 0px; }
}

@media screen and (max-width:760px), screen and (max-height:650px){
	.wrapper-start { display: none !important; }
	
	.slider { height: 250px; /*border-bottom: 45px solid #FFF;*/ }
	.slogan { top: auto; bottom: 41px; left: 0px; right: 0px; text-align: center; font-size: 20px; }
	
	@media screen and (max-width:760px){
		.slogan { bottom: 38px; }
	}
}

@media screen and (max-width:710px){
	.content { padding: 25px 25px 20px; }	
	.newsbox, .newsbox:nth-child(3n+1) { margin: 0px auto 20px; float: none; }	
	.vkal-search form input { width: 65%; }
	
	.footerinfo { text-align: left; }	
}

@media screen and (max-width:660px){
	h2, h3, h4, h5, h6 { margin-top: 20px; font-weight: 400; }
	h2 { font-size: 24px; }
	h3 { font-size: 21px; }
	h4, h5, h6 { font-size: 18px; }
	h1.seitenueberschrift, h1.searchheader { /*font-size: 22px; font-weight: bold;*/ font-size: 28px; font-weight: 400;  margin: 0px 130px 20px 0px; }
	.logo { width: 85px; height: 47px; }
	
	header { padding-bottom: 20px; }
	.slogan { bottom: 33px !important; font-size: 18px; }
	ul.searchresults .url { display: none; }
	.vkal-search form input { width: 60%; }
}

@media screen and (max-width:600px){
	body { background-size: cover; background-position: left top; }
	.wrapper { padding-top: 67px; }
	.content { padding: 15px 17px 10px; }
	.fb-nav { display: none; }
	.fb-contact { padding: 0px; border: none !important; text-align: center; }	
	.vkal-search form input { width: 55%; }
	ul.sitemap-2spaltig > li { float: none;	margin: 0px 0px 30px !important; width: auto; }
	
}

@media screen and (max-width:550px){
	.vkal-search form label { float: none; display: block; margin-bottom: 3px; }
	.vkal-search form p > span { margin-left: 0px; }
	.vkal-search form input { width: 70%; }
	
	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; }
	.form-captcha input { margin-left: 0px; }
	button[type=submit] { margin-left: 0px; }
}

@media screen and (max-width:500px){
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4, h5, h6 { font-size: 17px; }
	h1.seitenueberschrift, h1.searchheader { /*font-size: 19px;*/ font-size: 22px; margin: 0px 50px 20px 0px; }
	
	
	header { padding-bottom: 15px; }
	.slogan { bottom: 28px !important; font-size: 15px; }
	.pagebuttons a { width: 25px; height: 25px; padding: 6px 7px 6px 5px; }
		.pagebuttons i { line-height: 25px; }
		.pagebuttons .pb-share { padding: 6px 8px 6px 4px; }
		.pagebuttons .pb-print { display: none; }
	.right .infobox { display: block; width: auto; margin-right: 0px; min-height: 0px; padding: 17px; }
	.vKDET .vdet-img { width: auto; float: none; margin: 0px 0px 25px 0px; }
	
	.newsteaser .teaser { margin-bottom: 20px !important; }
	.newsteaser .teaser .teaserimage { float: none; margin: 0px 0px 15px 0px; width: auto !important; }
	.newsteaser .teaser p.teaserlink { text-align: center !important; }
}

@media screen and (max-width:450px){
	.slogan { bottom: 18px !important; padding: 0px 30px; }
	.vkal-search .opener { width: 0px !important; padding: 0px 0px 0px 49px; background-position: center center; }	
	.vkal-search form input { width: 55%; }
	.vkal-search p.form-date { display: none !important; }
	.vKAL dl > dt.td3 { text-align: center; }
	
	.fb-logo { padding: 0px; }
	.fb-other ul li { display: block; margin: 5px 10px; }
	.fb-other .socials { padding-bottom: 100px; }
	.pagebuttons.pb-top { right: 0px; }
	
	input, textarea, select { width: 97%; }
	.fc-form label { float: none; display: block; margin-bottom: 3px; }
		.fc-form .fc-sandor label.fc-inline { display: inline-block; }
	.fc-form .fc-skat select { width: 100%; }
	
	.footerinfo { background-position: 25px top; padding-top: 0px; }
}

@media screen and (max-width:370px){
	h2 { font-size: 19px; }
	h3 { font-size: 18px; }
	h4, h5, h6 { font-size: 17px; }
	h1.seitenueberschrift, h1.searchheader { font-size: 19px; margin: 0px 50px 20px 0px; }
	
	.slider .camera_overlayer { background-size: contain; }

	.newsbox { width: auto; max-width: 250px; padding: 6px 6px 45px; }
	.newsbox h3 { font-size: 15px; }
}