@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body{font:120% 'Open Sans', sans-serif;color:#333;background:url(../images/hin.jpg) fixed no-repeat bottom #a5d6fe;background-size:100%;padding:0;margin:0}
.wrapper{width:46.875em;margin:1em auto;background:url(../images/hin17.png) left repeat-y #fff;background-size:28%;padding:0;box-shadow:2px 8px 11px #010101;border-radius:12px}
.header{width:100%;height:auto;background-color:#fff;padding:0;margin:0;border-top-left-radius:10px;border-top-right-radius:10px}
.clear{clear:both;margin:0}
p,address,li,th,td,em,h2,h3,h4,table{font-size:1em;margin-left:1em}
table{width:95%}
th{background-color:#273351;color:#f8f8ff;width:50%}
h1 {background-color:#3399ff;color:#fff;font-size:1.1em;text-shadow:#333 1px 1px 1px;padding:0.1em 0.5em 0.1em 0;border-top:1px solid #E5E5DF;text-align:right;clear:both;font-weight:lighter;margin:0;line-height:1.5em;box-shadow:0px 3px 4px #505050}
h1::first-letter{color:#fff;font-size:1.2em}
h2{font-size:1.2em;font-style:italic}
h3{font-size:1em;color:#5983c9}
.bilder{float:right;width:46%;margin-right:2.5em;padding:0}
.logo img{border:none;margin:1em 0 1em 1em;right:0.5em;width:40%}
.kompass,.bild,.motorboot{padding:5px;border:1px solid #c0c0c0;margin:1em;width:100%;height:auto;border-radius:4px;height:auto}
.bild{float:right;width:45%}
#map{border:1px solid #c0c0c0;padding:1px;width:45%;height:350px;margin:1em;float:right}
.main{width:72%;float:right;clear:both;margin-right:0.3em;padding:1em 0 1em 0}
.footer{clear:both;border-top:1px solid #c0c0c0;width:100%;padding:0 0 0.5em 0;font-size:0.8em;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff}
.footer a{float:right;color:#3399ff;margin-right:1em}
.nav{float:left;width:27%;padding:0;margin-top:2em}
hr{border-top:1px dashed #c0c0c0;color:#fff;margin:0 1em 0 1em}
.nav ul{padding:0;margin:0}
.nav ul,.anker{list-style-type:none}
.nav li{display:block;border-bottom:1px dashed silver;padding:0.5em 0 0.5em 0.5em;width:85%;color:#3399ff}
.nav a{font-size:0.9em}
.nav li:last-child{border:none}
.anker a,.nav a,.kn a{text-decoration:none;color:#3399ff}
.open,.close{display:none}
.nav a:hover,.main a:hover,.footer a:hover,a.akt,kn a:hover {color:#ff6600}
.sub li{border:none;margin:0.1em 0 0.1em 0;padding:0;white-space:nowrap}
.kn a.akt{color:#ff6600}
#trainer,.kasten{clear:left;border:1px solid #E5E5DF;padding:8px;background-color:#f4f4f4;margin:1em;border-radius:4px}
.link{border-bottom:1px dashed;text-decoration:none;color:#3399ff}
.pfeil{float:right;margin-right:1em;width:2em;text-align:right}
.pfeil img{border:none}
.kn{list-style-type:none}
.kngif{margin-left:1em}
@media screen and (max-width: 56.9791667em)/*902px*/{
.wrapper{width:100%;box-shadow:none}
body{background-image:none;font-size:100%;background-color:#fff}
.kngif{max-width:95%}
.footer{border-radius:0}
}
@media screen  and (max-width:40.625em)/*650px*/{
body{font-size:90%}
.sub li a,.nav li a,.anker a{line-height:2em}
}
@media screen  and (max-width:35em)/*560px*/{
h1{clear:both;margin-top:10px;font-size:1.1em}
body{margin:0;padding:0}
.wrapper{margin:0;padding:0.1em 0 0 0;box-shadow:none;background-image:none}
.main{width:98%;float:none;clear:both}
.nav{position:absolute;top:0;right:0;height:100%;width:0;margin:0;padding:0;float:none;background-color:#fff;overflow:hidden}
.bilder{margin:0;width:37%;float:left;padding-right:2.5em}
.bild{float:left;width:37%}
.anker a{line-height:2em}
.logo img{width:auto;height:5em}
.nav ul{width:100%;margin:1em 0 0 0;padding:0.1em}
.nav li{width:95%;margin:0;padding:0}
#map{width:90%}
.nav li a{display:block;line-height:2.8em;font-size:1em}
.logo {float:left}
.sub li a,.kn{line-height:2.3em}
.menu-btn{float:right;margin:1.5em 0.5em 0 0}
#menu-open:target .nav{width:14.8em;height:auto;margin:0}
#menu-open:target .wrapper {margin-left:-14.8em}
#menu-open:target .nav ul{margin-left:1em}
.nav,.wrapper{transition: .5s}
#menu-close:target .nav ul{margin-left:1em}
a.open{padding:1em;display:block}
a.close{display:none}
#menu-open:target ul.sub{margin:0;padding:0}
#menu-open:target a.open{display:none}
#menu-open:target a.close{padding:1em;display:block}
#menu-close:target .sub{margin:0;padding:0;width:100%}
}
@media screen and (min-width:35.0625em)/*561px*/{
.menu-btn{display:none}
}