@import url('https://fonts.googleapis.com/css?family=Montserrat:400i,700i');
@font-face { font-family: "h"; src: url("../fonts/EOT/h.eot"); /* IE9 Compat Modes */ src: url("../fonts/EOT/h.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/OTF/h.otf") format("opentype"), /* Open Type Font */ url("../fonts/SVG/h.svg") format("svg"), /* Legacy iOS */ url("../fonts/TTF/h.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/WOFF/h.woff") format("woff"), /* Modern Browsers */ url("../fonts/WOFF2/h.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal;}
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400i,700i|Oswald:300,400'); */
body{font-family: 'Montserrat', sans-serif; color:#ccc; font-size:1.7vw; line-height:2em;}
html{}
h1,h2,h3,h4,h5,h6{font-family: 'h', sans-serif; font-weight:300; color:#E22324}
h1{font-size:2em}
h2{font-size:1.7em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-size:1em}
a{color:#ccc}
b, strong{font-weight:700;}
/* p{margin:0; padding:0;} */
#head_mobile, .mobile{display:none;}
#unterlinks{margin:3vw 0;}
.unterlinks{width:100%; display:table; font-family: 'h', sans-serif;}
.unterlinks a{display:block; text-decoration:none; font-size:1.4em; line-height:2em; color:#ccc}
/*.unterlinks img{float:left; width:18%; margin-right:2%;}*/
img.unter{position:inline; vertical-align:text-top;  float:left; width:8%; margin-right:2%;}
/* Kontaktformular */
.fehler{color:#DA231D; font-weight:400}
.erfolg{color:green; font-weight:400}

#kontaktform{width:100%}
#kontaktform .sp1{width:35%; float:left; padding:1% 0;}
#kontaktform .sp2{width:65%; float:left; padding:1% 0;}
#kontaktform .sp3{width:100%; float:left; padding:1% 0; display:block;}
#kontaktform .large{width:99%}
#kontaktform .medium{width:30%}
#kontaktform .small{width:22%}
#kontaktform .largeerror{width:99%; color:#FFF; background:#DA231D;}
#kontaktform .mediumerror{width:30%; color:#FFF; background:#DA231D;}
#kontaktform .smallerror{width:22%; color:#FFF; background:#DA231D;}

fieldset{border:0.2vw solid #ccc;}
.hzf { border:0.1vw solid #333; color: #333; background-color: #ccc; padding: 0.2vw 0.5vw; font-size:1.4vw; font-weight: 400;}
.schalter { border: 0.2vw solid #333; color: #333; background-color:#ccc; padding:0.5vw 1vw; font-size: 2vw; font-weight: 400;}

input[type="submit"] {border-color:#ddd #999 #999 #ddd; border-style:solid;}

/* end Kontaktformular */
/* Callback */
#cbs{display:block; width:100%;}
#cbs .formularfehler{color:#FFF; background:#DA231D;}
#cbs .formularfehler a{color:#FFF;}
#cbs input[type="text"]{width:66%;}
#cbs select{}
#cbs textarea{width:99%;}
#cbs div{padding-top:0.5em;}
#cbs p{width:66%; padding:0.15em 0;}
/* end Callback */
/* Google-Anfahrt */
#googleanfahrt{color:#fff; text-shadow:0.05em 0.05em #000; width:90%; padding:5% 5% 3% 5%; display:table; text-align:center; background-color:#1E5F6F; background-image:url(../hs/googleanfahrt.jpg); background-size:cover; background-position:bottom right;}
#googleanfahrt h2{color:#fff; text-shadow:0.05em 0.05em #000; margin:0;}
#googleanfahrt input[type="text"]{width:99.2%; margin:0 0 2vw 0;}
#googleanfahrt input[type="submit"]{font-size:0.9em; width:100%}
#googleanfahrt .hinweis{text-align:justify; font-size:0.8em; text-shadow:none}
#googleanfahrt .hinweis a{color:#fff;}
/* end Google-Anfahrt */
/* Bildergalerie */
.bildergalerie {display:table; width:100%;}
.cont-bild img{width:33%; padding:0.16666%; float:left;}
/* Suchfeld */
#searchform{width:30%; float:right; margin:4.7vw 3vw 0 0;}
#searchfield{width:85%; color:#818C9B; background:#333; float:left; border:0; border-bottom:0.2vw solid #818C9B; font-size:1.3em; padding:0 2%;}
#searchbutton{width:10%; float:left; border:0; background:#333; vertical-align:middle}
.galeriesearch, .seg{display:table; padding:1vw 0;}
.galeriesearch a{text-decoration:none}
.galeriesearch a:hover{text-decoration:underline}
.se{width:25%; float:left; padding-right:3%;}
.seg a{text-decoration:none}
.seg a:hover{text-decoration:underline}
dl.bildunterschrift {float: left; margin:10px 10px 10px 0;}
dl.bildunterschrift dd {margin:0; font-size:70%; line-height:1em}
@media screen {
	body, html{width:100%; height:100%; padding:0; margin:0;}
	html {overflow-y: scroll; min-height: 100%; margin: 0px auto; padding: 0; background-color:#333;}
	input, select, textarea{font-size:1.7vw; border:0.15vw solid #ccc; font-family: 'Montserrat', sans-serif; font-weight:400; color:#ccc; background:#333;}
	#wrapper{width:100%; margin:auto; display:table; min-height:100%;}
	#head{width:35%; margin:2% 0 1% 2%; float:left;}
	#head a{border:none}
	.head{width:100%; display:table; padding-bottom:2vw;} /* background-image:url(../hs/logo.jpg); background-size:cover; padding:0 */
	.head_mobile{width:100%; display:table;}
	#links{width:33.35%; float:left; display:table; }
	.links{width:33.35%; float:left; display:table; }
	.rechts{width:66.3%; float:right; margin-right:0.35%; line-height:1.7em;}
/*	#links, .rechts{ border-top:0.35vw solid #E32424;} */
	#content{width:80%; margin:auto;}
	#content p{}
	#content div{}
	#content h1{padding-top:3vw;}
	.abstand{}
	#spalte{width:80%; margin:auto; font-weight:400; padding-bottom:4vw;}
	#spalte p{font-size:1.6vw;}
	#spalte h1{color:#fff; font-size:2.2vw;}
	#spalte h2{color:#fff; font-size:2.1vw; background:#E74E4A; padding:0 0.5vw; margin:2vw 0 0 0;}
	#spalte h3{color:#fff; font-size:2vw}
	#spalte h4{color:#fff; font-size:1.9vw}
	#spalte h5{color:#fff; font-size:1.8vw}
	#spalte h6{color:#fff; font-size:1.7vw}
	#spalteninhalt{width:100%; display:table}
	div#spalte .screenonly p{font-size:1.5vw}
	#login{position:fixed; width:30px; height:30px; bottom:0; right:0; z-index:100;}
	.login {width:30px; height:30px; border:none}
	#umenue {width:90%; margin-top:0vw; margin-bottom:2vw; float:left; border-collapse: collapse;} 
	#umenue a{font-family: 'h', sans-serif; color:#818C9B; display:block; font-weight:300; font-size:1.6em; line-height:1em; padding:0.5vw 0; text-decoration: none}
	#umenue a:hover{ color:#eee;} /*text-decoration:underline*/
	/* Style des aktiven Unterlinks in Grundeinstellungen vornehmen*/
	#footer{color:#748092; line-height:2.4vw; width:80%; margin:auto; padding:5%; border:0.2vw solid #748092; border-radius:0.5vw; margin-bottom:3.4vw; font-size:1.5vw;}
	#footer a{color:#748092; text-decoration:none;}
	#footer a:hover{text-decoration:underline}
	.slideshow{width:100%; height:auto;}
	#slideshow IMG{width:100%; height:auto;}
	#slideshow {position:relative; left:0px; width:100%; height:auto; display:table;} /*position:relative;*/
	#slideshow IMG { position:absolute; top:0px; left:0px; z-index:8; opacity:0.0;}
	#slideshow IMG.active { z-index:10; opacity:1.0;}
	#slideshow IMG.last-active { z-index:9;}
}

@media screen and (min-width: 784px){
	#content{padding-bottom:5vw}
/* Kontaktformular */
	input[type="checkbox"] {display:none;}
	input[type="checkbox"] + label span {display:inline-block; width:1.7vw; height:1.7vw; margin:0 0 0 0.5vw; vertical-align:middle; background:url(../hs/checkbox.png) left top no-repeat; background-size:cover; cursor:pointer;}
	input[type="checkbox"]:checked + label span { background:url(../hs/checkbox.png) right top no-repeat; background-size:cover;}

	input[type="radio"] {display:none;}
	input[type="radio"] + label span {display:inline-block; width:1.7vw; height:1.7vw; margin:0 0.5vw 0 0; vertical-align:middle; background:url(../hs/radio.png) left top no-repeat; background-size:cover; cursor:pointer;}
	input[type="radio"]:checked+ label span { background:url(../hs/radio.png) right top no-repeat; background-size:cover;}

	.upload-btn-wrapper { position:relative; overflow: hidden; display:inline-block; vertical-align:text-bottom;}
	.btn { border-width:0.1vw; border-style:solid; border-color:#ccc #999 #999 #ccc; color:#333; background-color:#ccc; padding: 0.2vw 0.5vw; font-size:1.4vw; font-weight: 400; font-family: 'Open Sans', sans-serif;}
	.upload-btn-wrapper input[type=file] {font-size: 100px; position: absolute; left:0; top:0; opacity: 0;}
/* end Kontaktformular */
}

@media screen and (max-width: 783.9px){
	html, body, input, select, textarea{font-size:5vw; line-height:2em;}
	#head_mobile{display:block; width:70%; height:auto; padding-left:5%}
	#head_mobile a{border:none}
	.nav{width:100%;}
	#searchmobile{width:40%; float:left; margin:0.8em 0 0 5%;}
	#searchfield{width:78%; color:#818C9B; background:#333; float:left; border:0; border-bottom:0.1em solid #818C9B; font-size:1.1em; line-height:1.2em; padding:0 2%;}
	#searchbutton{width:18%; float:left; border:0; background:#333; vertical-align:middle}
	input, select, textarea{border-width:0.1em; border-color:#aaa;}
	input, select{line-height:2em;}
	.mobile{display:table; width:100%; background:#333;}
	#platzhalter{width:15%; height:auto}

	#menu {display:table; width:100%; background:#333; border-bottom:0.2em solid #c00; z-index:10000}
	#menu a{width:12%; float:right; margin-top:2vw; padding: 0 0.3em;}

	#links, #login, #head, .screenonly{display:none;}
	#links:target{display:block; width:100%; }
	.rechts, .links{width:100%;}
	.rechts{padding-bottom:0;}
	#content, #spalte{width:90%; font-weight:300;}
	
	#umenue {width:100%; margin:auto;  margin-bottom:50px; border-collapse: collapse; background:#748092;} 
/*	#umenue a{ color:#fff; display:block; font-weight:400; font-size:1.3em; line-height:1.2em; padding:3vw 0; text-decoration: none; border-bottom: 0.1em solid #fff;} */
#umenue a{
display:block; border-radius:15px; 
background:linear-gradient(#0b2847, #113863); 
background: -webkit-linear-gradient(#0b2847, #113863); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0b2847, #113863); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0b2847, #113863); /* For Firefox 3.6 */
}
	#footer{width:90%; color:#333; background:#748092; font-size:4.9vw; margin-bottom:0; margin-top:10vw;}
	#footer a{line-height:50px; color:#333; display:block}
	
	#cbs input[type="text"]{width:99%;}
	#cbs p{width:99%;}

	.unterlinks a{display:block; text-decoration:none;}
	.unterlinks a:hover{background:#eee; color:#333}
	img.unter{position:inline; vertical-align:text-bottom; float:left; width:10vw; margin-right:2vw;}
	#kontaktform{display:table;}
	#kontaktform .sp1{width:98%;}
	#kontaktform .sp2{width:98%;}
	fieldset{border:2px solid #ccc;}
	.upload-btn-wrapper { position:relative; overflow: hidden; display:inline-block; vertical-align:text-bottom;}
	.btn { border-width:0.1vw; border-style:solid; border-color:#ccc #999 #999 #ccc; color:#333; background-color:#ccc; padding: 0.2vw 0.5vw; font-size:1.4vw; font-weight: 400; font-family: 'Open Sans', sans-serif;}
	.upload-btn-wrapper input[type=file] {font-size: 100px; position: absolute; left:0; top:0; opacity: 0;}
	
	/* end Kontaktformular */
	.hzf { border-width:0.5vw; padding: 0.1vw 0.5vw; font-size:4.9vw;}
	.btn { border-width:0.5vw; border-style:solid; border-color:#ddd #999 #999 #ddd; color:#333; background-color:#ccc; padding: 0.1vw 0.5vw; font-size:4.9vw; font-weight:400; font-family: 'Open Sans', sans-serif;}
	.schalter { border-width:0.5vw; border-style:solid; padding:0.5vw 1vw; font-size: 6vw;}
	input[type="file"]{border-width:1px}
	#searchform{display:none}

	/*
	input[type="checkbox"] + label span {
    display:inline-block;
    width:4.7vw;
    height:4.7vw;
	}

	input[type="radio"] + label span {
    display:inline-block;
    width:4.7vw;
    height:4.7vw;
	}
	*/
	/* end Kontaktformular */
	/* Bildergalerie */
	.cont-bild img{width:49%; padding:0.5%;}
	/* end Bildergalerie */
}	
@media screen and (max-width: 479.9px){
	.cont-bild img{width:100%; padding:0.8% 0;}
}
@media print{
	body{color:#000}
	#links,#searchform{display:none}
}