:selection {background: #d98825; color: #FFFFFF;}
::-moz-selection {background: #d98825; color: #FFFFFF;}
::-webkit-scrollbar { display:none;}

* {
margin: 0px;
padding: 0px;
}

*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-family: 'PT Sans';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
font-weight: 400;
}
body {
font-family: 'PT Sans';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #f3f4f5;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
font-weight: 400;
color: #4d4745;
}

.ticker {
width: 99.9%;
position: relative;
font-size: 3.25vw;
line-height: 3.25vw;
font-weight: 700;
white-space: nowrap;
color: #b3b7be;
height: 4vw;
rotate: -2deg;
top: -7.5vw;
}

#loading {
animation: rotation 11s infinite linear;
}

@-webkit-keyframes rotation {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}

.trennl {
width: 100%;
float: left;
clear: both;
height: 1px;
background-color: #cccfd3;
}
.trennlausst {
width: 100%;
float: left;
clear: both;
height: 1px;
background-color: #cccfd3;
margin-bottom: 1.5vw;
margin-top: 1.5vw;
}
.trennlaussta {
width: 100%;
float: left;
clear: both;
height: 1px;
background-color: #cccfd3;
margin-bottom: 1.5vw;
}
.trennlausstb {
width: 100%;
float: left;
clear: both;
height: 1px;
background-color: #cccfd3;
margin-top: 1.5vw;
}
.trennlausstc {
width: 100%;
float: left;
clear: both;
height: 1px;
background-color: #cccfd3;
margin-top: 1.5vw;
}

.umbr {
clear: both;
}
.next1 {
position: absolute;
display: block;
margin-top: -50px;
padding-top: 50px;
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v16-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v16-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v16-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v16-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5vw;
padding-right: 12.500vw;
padding-left: 10vw;
font-size: 1.2vw;
line-height: 2.1vw;
}
.datb {
position: fixed;
width: 15.5vw;
height: auto;
top: 2vw;
right: 6.510416666666667vw;
z-index: 100;
}
.dtop {
position: absolute;
width: 55px;
height: auto;
z-index: 100;
bottom: 5%;
right: 5%;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
background-repeat: no-repeat;
padding-left: 2.5vw;
background-position: left 0.70vw;
background-size: 0.6vw 0.6vw;
}

.listdata {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/dot.svg);
background-repeat: no-repeat;
padding-left: 2.5vw;
background-position: left 0.7vw;
background-size: 0.75vw 0.75vw;
}

.linkliste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_listenpunkt.svg);
background-repeat: no-repeat;
padding-left: 2.75vw;
background-position: left 0.5vw;
background-size: 1.5vw 1.5vw;
transition: all ease-out .3s;
}
.linkliste:hover {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_listenpunkt.svg);
background-repeat: no-repeat;
padding-left: 3.25vw;
background-position: left 0.5vw;
background-size: 1.5vw 1.5vw;
transition: all ease-out .3s;
}

.ausstli {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_listenpunkt.svg);
background-repeat: no-repeat;
padding-left: 3.5vw;
background-position: left center;
background-size: 1.75vw 1.75vw;
float: left;
clear: both;
}

img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-size: 3.75vw;
line-height: 4.25vw;
}
h2 {
font-size: 2.1vw;
line-height: 2.5vw;
}
h3 {
font-size: 1.9vw;
line-height: 1.9vw;
}
h4 {
font-size: 2.75vw;
line-height: 3vw;
}
h5 {
font-size: 2.1vw;
line-height: 2.1vw;
}
h6 {
font-size: 3.75vw;
line-height: 4.25vw;
}
.tf {
font-weight: 700;
}
.tfo {
font-weight: 700;
color: #d98825;
}
.to {
color: #d98825;
}
.tk {
font-style: italic;
}
.tn {
font-weight: 400;
}
.tko {
font-style: italic;
color: #d98825;
}
.tkhell {
font-style: italic;
opacity: 0.5;
}
.tw {
color: #fff;
}
.twf {
color: #fff;
font-weight: 700;
}
.absta {
float: left;
width: 100%;
height: 1px;
margin-top: 2.5%;
margin-bottom: 2.5%;
}
.abstb {
float: left;
clear: both;
width: 100%;
height: 1px;
margin-top: 0.5vw;
}

a:link, a:hover, a:visited, a:active {
font-family: 'PT Sans'; 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #4d4745;
}
A.telo:link, A.telo:active, A.telo:visited, A.telo:hover {
color: #d98825;
}
A.navw:link, A.navw:active, A.navw:visited, A.navw:hover {
color: #fff;
}
A.navwa:link, A.navwa:active, A.navwa:visited, A.navwa:hover {
color: rgba(255,255,255,0.50);
}


.click {
display: none;
}
.box {
display: inline;
}


A.nava:link, A.nava:visited {
color: #4d4745;
transition: all ease-out .3s;
}
A.nava.active, A.nava:hover {
color: #d98825;
transition: all ease-out .3s;
}
A.navaa:link, A.navaa:active, A.navaa:visited, A.navaa:hover {
color: #d98825;
}

A.navb:link, A.navb:visited {
color: #4d4745;
transition: all ease-out .3s;
}
A.navb:hover {
color: #d98825;
transition: all ease-out .3s;
}
A.navb.active {
color: #d98825;
transition: all ease-out .3s;
}

A.navba:link, A.navba:visited {
color: #fff;
transition: all ease-out .3s;
opacity: 0.5;
}
A.navba:hover {
color: #fff;
transition: all ease-out .3s;
opacity: 0.5;
}
A.navba.active {
color: #fff;
transition: all ease-out .3s;
}

A.navc:link, A.navc:visited {
color: #4d4745;
transition: all ease-out .3s;
}
A.navc.active, A.navc:hover {
color: #d98825;
transition: all ease-out .3s;
}

A.navd:link, A.navd:visited {
color: #d98825;
transition: all ease-out .3s;
border-bottom: 1px solid rgba(217,136,37,0.25);
padding-bottom: 0.3vw;
}
A.navd.active, A.navd:hover {
color: #d98825;
transition: all ease-out .3s;
border-bottom: 1px solid rgba(217,136,37,1.00);
padding-bottom: 0.3vw;
}

A.nave:link, A.nave:visited {
color: #4d4745;
transition: all ease-out .3s;
border-bottom: 1px solid rgba(77,71,69,0.25);
padding-bottom: 0.3vw;
}
A.nave.active, A.nave:hover {
color: #d98825;
transition: all ease-out .3s;
border-bottom: 1px solid rgba(217,136,37,1.00);
padding-bottom: 0.3vw;
}

A.navf:link, A.navf:visited {
color: #b3b7be;
transition: all ease-out .3s;
}
A.navf.active, A.navf:hover {
color: #d98825;
transition: all ease-out .3s;
}

A.navg:link, A.navg:visited {
color: #b3b7be;
transition: all ease-out .3s;
border-bottom: 1px solid #b3b7be;
padding-bottom: 0.3vw;
}
A.navg.active, A.navg:hover {
color: #d98825;
transition: all ease-out .3s;
border-bottom: 1px solid rgba(217,136,37,1.00);
padding-bottom: 0.3vw;
}

A.navh:link, A.navh:visited {
color: #4d4745;
transition: all ease-out .3s;
}
A.navh.active, A.navh:hover {
color: #d98825;
transition: all ease-out .3s;
}

A.navi:link, A.navi:visited {
color: #d98825;
transition: all ease-out .3s;
}
A.navi.active, A.navi:hover {
color: #d98825;
transition: all ease-out .3s;
}

header {
float: left;
width: 100%;
position: relative;
z-index: 101;
padding-top: 2vw;
padding-bottom: 2vw;
}
.headw {
background-color: #fff;
position: fixed;
top: 0px;
}
section {
float: left;
clear: both;
width: 100%;
position: relative;
z-index: 1;
}
.sectiona {
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: left 22vw;
background-size: 50%;
padding-bottom: 12.5vw;
}
footer {
float: left;
clear: both;
width: 100%;
position: relative;
z-index: 1;
}

.hd {
position: fixed;
top: 0vw;
left: 0px;
z-index: 2;
}
.hda {
float: left;
position: absolute;
left: 2.34375vw;
margin-top: 3.1vw;
}
.hdaa {
width: 1vw;
height: 2px;
float: left;
clear: both;
background-color: #d98825;
transition: all ease-out .3s;
}
.hda:hover .hdaa {
width: 2.25vw;
background-color: #d98825;
transition: all ease-out .3s;
}
.hdaaa {
width: 1.75vw;
height: 2px;
float: left;
clear: both;
margin-top: 0.4vw;
background-color: #4d4745;
transition: all ease-out .3s;
}
.hda:hover .hdaaa {
width: 2.25vw;
background-color: #d98825;
transition: all ease-out .3s;
}
.hdaaaa {
width: 2.25vw;
height: 2px;
float: left;
clear: both;
margin-top: 0.4vw;
background-color: #4d4745;
transition: all ease-out .3s;
}
.hda:hover .hdaaaa {
width: 2.25vw;
background-color: #d98825;
transition: all ease-out .3s;
}
.hdb {
width: 15.5vw;
height: auto;
float: right;
position: relative;
margin-right: 6.510416666666667vw;
}

.hdc {
width: 84.375vw;
height: 45vw;
position: relative;
float: right;
background-image: url(bilder/fotos/hauptbild.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.hdd {
width: 6.770833333333333vw;
height: auto;
position: absolute;
top: 4vw;
left: 30vw;
}
.hde {
width: 40vw;
float: left;
margin-left: 6.510416666666667vw;
margin-top: 10vw;
}
.hdf {
width: 16vw;
float: left;
clear: both;
margin-top: 2.5vw;
margin-left: 12.5vw;
}
.hdg {
width: 3vw;
float: left;
position: absolute;
bottom: 4vw;
left: 5vw;
}
.hdh {
width: 8vw;
height: auto;
float: left;
position: absolute;
bottom: -2.5vw;
right: 17vw;
}

.hdi {
float: left;
position: absolute;
left: 15.625vw;
display: flex;
align-items: center;
font-size: 1.2vw;
line-height: 1.2vw;
color: #b3b7be;
margin-top: 0.55vw;
}
.hdia {
float: left;
width: 0.9375vw;
height: auto;
position: relative;
}
.hdib {
float: left;
position: relative;
margin-left: 3vw;
}

.hdix {
float: left;
position: absolute;
left: 7.5vw;
display: flex;
align-items: center;
font-size: 5vw;
line-height: 5vw;
color: #b3b7be;
}
.hdiax {
float: left;
width: 1.2vw;
height: auto;
position: relative;
}
.hdibx {
float: left;
position: relative;
margin-left: 3vw;
}


.sec {
width: 15.625vw;
position: fixed;
float: left;
height: 100%;
display: flex;
align-items: center;
}
.seca {
position: relative;
margin-left: 2.34375vw;
font-size: 1.35vw;
line-height: 1.35vw;
font-weight: 700;
}
.seca {
float: left;
position: relative;
}
.secaa {
float: left;
position: relative;
clear: both;
}
.secab {
float: left;
position: relative;
margin-top: 1vw;
clear: both;
}
.secac {
float: left;
position: relative;
margin-top: 1vw;
clear: both;
}
.secad {
float: left;
position: relative;
margin-top: 1vw;
clear: both;
}
.secae {
float: left;
position: relative;
margin-top: 1vw;
clear: both;
}
.secaf {
float: left;
position: relative;
margin-top: 1vw;
clear: both;
}

.secb {
width: 100%;
float: left;
clear: both;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 30vw 30vw;
background-size: 55%;
padding-bottom: 15vw;
}
.secba {
width: 84.375vw;
float: right;
position: relative;
}
.secbb {
width: 100%;
padding-right: 6.510416666666667vw;
}
.secbc {
width: 22.395833333333336vw;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 5;
}
.secc {
width: 100%;
float: left;
clear: both;
}
.secca {
width: 45%;
float: left;
}
.seccaa {
width: 27.864583333333332vw;
height: auto;
float: left;
position: relative;
z-index: 2;
margin-top: 5vw;
}
.seccaaa {
width: 27.864583333333332vw;
height: auto;
float: left;
position: absolute;
top: 8.25vw;
left: 6.510416666666667vw;
z-index: 1;
opacity: 0.25;
}
.seccaaaa {
width: 4vw;
height: auto;
float: left;
position: absolute;
z-index: 5;
top: 48vw;
left: 3vw;
}
.seccb {
width: 47.5%;
float: right;
font-size: 1.40625vw;
line-height: 2.96875vw;
font-weight: 700;
padding-right: 7.5vw;
margin-top: 5vw;
}
.seccba {
width: 100%;
float: left;
clear: both;
}
.seccbb {
float: left;
margin-top: 5vw;
}
.seccbbb {
float: left;
border-radius: 50vw;
padding-left: 2vw;
padding-right: 3.5vw;
padding-top: 0.3vw;
padding-bottom: 0.35vw;
font-size: 1.40625vw;
line-height: 2.96875vw;
font-weight: 700;
border: 1px solid #d98825;
color: #d98825;
transition: all ease-out .2s;
}
.seccbbb:hover {
border-bottom-left-radius: 0vw;
transition: all ease-out .2s;
}


.vogel {
width: 4.25vw;
height: auto;
position: relative;
top: 0vw;
left: -3vw;
float: left;
}
.vogel1 {
width: 4.25vw;
height: auto;
position: absolute;
top: -4vw;
left: -5vw;
float: left;
}
.anker {
width: 5.75vw;
height: auto;
position: absolute;
top: 3vw;
right: 10vw;
float: left;
}
.fisch {
width: 4.25vw;
height: auto;
position: absolute;
bottom: 3vw;
right: 16vw;
float: left;
}
.fisch2 {
width: 4.25vw;
height: auto;
position: absolute;
top: 35vw;
right: 22.5vw;
float: left;
}
.krabbe {
width: 4vw;
height: auto;
position: absolute;
top: 19vw;
left: -7.5vw;
float: left;
}
.leuchttum {
width: 3.5vw;
height: auto;
position: absolute;
top: 40vw;
left: 35vw;
float: left;
}
.muschel {
width: 4.5vw;
height: auto;
position: absolute;
bottom: 10vw;
left: 17vw;
float: left;
}
.steuerrad {
width: 7.5vw;
height: auto;
position: absolute;
bottom: -10vw;
right: 17vw;
float: left;
}

.lage {
width: 100%;
float: left;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 5vw 55vw;
background-size: 50%;
padding-bottom: 5vw;
}
.lagea {
width: 84.375vw;
float: right;
position: relative;
}
.lageaa {
width: 100%;
padding-right: 6.510416666666667vw;
}
.lageb {
width: 30.729166666666668vw;
float: left;
position: relative;
font-size: 1.2vw;
line-height: 2.1vw;
font-weight: 400;
}
.lageba {
width: 100%;
float: left;
text-align: center;
}
.lagebb {
width: 100%;
float: left;
margin-top: 1.5vw;
margin-bottom: 3vw;
}
.lagebba {
width: 5.78125vw;
height: auto;
margin-left: auto;
margin-right: auto;
}
.lagebc {
width: 100%;
float: left;
}
.lagebd {
width: 4vw;
height: auto;
float: left;
position: relative;
margin-top: 7.5vw;
}
.lagec {
width: 30.729166666666668vw;
float: right;
margin-right: 9.114583333333332vw;
position: relative;
font-size: 1.2vw;
line-height: 2.1vw;
font-weight: 400;
}
.lageca {
width: 100%;
height: 22.65625vw;
float: left;
margin-bottom: 5vw;
position: relative;
display: flex;
align-items: center;
}
.lageab {
width: 21.354166666666664vw;
height: auto;
position: absolute;
z-index: 3;
}
.lageac {
width: 25.520833333333332vw;
height: auto;
position: absolute;
z-index: 2;
opacity: 0.5;
}
.lagead {
width: 30.729166666666668vw;
height: auto;
position: absolute;
z-index: 1;
opacity: 0.25;
}

.foto {
width: 84.375vw;
height: auto;
float: right;
position: relative;
padding-bottom: 15vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 40vw 20vw;
background-size: 50%;
}
.fotox {
opacity: 0.75;
transition: all ease-out .4s;
}
.fotoa {
width: 26.302083333333332vw;
height: auto;
float: left;
position: relative;
margin-top: 7.5vw;
}
.fotob {
width: 26.302083333333332vw;
height: auto;
float: left;
position: relative;
margin-top: 0vw;
}
.fotoc {
width: 26.302083333333332vw;
height: auto;
float: left;
position: relative;
margin-top: 12.5vw;
}
.fotod {
width: 26.302083333333332vw;
height: auto;
float: left;
position: relative;
margin-top: 2.5vw;
}

.wg {
width: 100%;
float: left;
background-color: #e7e9eb;
position: relative;
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
.wga {
width: 84.375vw;
height: auto;
float: right;
position: relative;
padding-right: 6.510416666666667vw;
}
.wgb {
float: left;
margin-left: 17.96875vw;
}
.wgc {
width: 100%;
float: left;
clear: both;
padding-right: 9.114583333333332vw;
margin-top: 5vw;
}
.wgd {
width: 100%;
float: left;
font-size: 1.2vw;
line-height: 2.1vw;
font-weight: 700;
padding-top: 2vw;
padding-bottom: 2vw;
cursor: pointer;
border-bottom: 1px solid #cccfd3;
transition: all ease-out .2s;
}
.wgd:hover {
border-bottom: 1px solid #d98825;
transition: all ease-out .2s;
}
.wgda {
width: 17.96875vw;
float: left;
position: relative;
}
.wgdb {
width: 30vw;
float: left;
}
.wgddc {
float: right;
}
.wgddca {
float: left;
margin-right: 1.5vw;
position: relative;
top: 0.1vw;
}
.wgddcb {
width: 0.8854166666666666vw;
height: auto;
float: right;
}

.wge {
width: 100%;
float: left;
clear: both;
margin-top: 7.5vw;
padding-right: 9.114583333333332vw;
}
.wgea {
width: 6vw;
height: auto;
margin-left: auto;
margin-right: auto;
}

.wgf {
width: 100%;
position: relative;
float: left;
padding-left: 6.510416666666667vw;
padding-right: 6.510416666666667vw;
margin-top: 12.5vw;
padding-bottom: 7.5vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 0vw -5vw;
background-size: 60%;
}
.wgg {
width: 50%;
float: left;
clear: both;
position: relative;
padding-left: 9.114583333333332vw;
}
.wgga {
width: 80%;
float: left;
clear: both;
position: relative;
padding-left: 9.114583333333332vw;
font-size: 1.2vw;
line-height: 2.1vw;
margin-top: 3vw;
}
.wgh {
width: 100%;
float: left;
margin-top: 10vw;
}
.wgi {
float: right;
position: relative;
font-size: 1.2vw;
line-height: 1.2vw;
font-weight: 700;
}
.wgia {
float: left;
background-color: #d98825;
border-radius: 5vw;
}
.wgia:hover {
border-bottom-left-radius: 0vw;
transition: all ease-out .2s;
}
.wgib {
padding-left: 1.75vw;
padding-right: 1.75vw;
padding-top: 1vw;
padding-bottom: 1vw;
}
.wgiax {
position: absolute;
top: 3vw;
left: 14vw;
float: left;
background-color: #d98825;
border-radius: 5vw;
font-size: 1.6vw;
line-height: 1.6vw;
}
.wgic {
float: right;
position: relative;
font-size: 1.2vw;
line-height: 1.2vw;
font-weight: 700;
margin-top: 4vw;
margin-right: 6.510416666666667vw;
}

.wgj {
width: 3.125vw;
height: 3.125vw;
background-color: rgba(255,255,255,1.00);
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
float: left;
margin-left: 2vw;
transition: all .1s ease-in-out;
}
.wgj:hover {
transform: scale(1.2);
}
.wgja {
width: 1.40625vw;
height: auto;
position: relative;
}

.wgji {
width: 3.125vw;
height: 3.125vw;
background-color: rgba(255,255,255,1.00);
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
float: left;
margin-left: 2vw;
transition: all .1s ease-in-out;
}
.wgji:hover {
transform: scale(1.2);
}
.wgjai {
width: 1.40625vw;
height: auto;
position: relative;
}

.wgjix {
width: 10.5vw;
height: 10.5vw;
position: absolute;
z-index: 1000;
border-radius: 50%;
right: 7.5vw;
top: 6vw;
border: 1px solid #d98825;
display: flex;
justify-content: center;
align-items: center;
}
.wgjaix {
width: 4.25vw;
height: auto;
position: relative;
}

.wgk {
width: 100%;
position: relative;
float: left;
padding-left: 6.510416666666667vw;
padding-right: 6.510416666666667vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 40vw 5vw;
background-size: 60%;
}
.wgka {
width: 100%;
position: relative;
float: left;
}
.wgkb {
width: 100%;
position: relative;
float: left;
text-align: center;
clear: both;
}
.wgl {
width: 100%;
float: left;
position: relative;
font-size: 1.2vw;
line-height: 2.1vw;
margin-top: 5vw;
}
.wgla {
width: 45%;
float: left;
position: relative;
}
.wglb {
width: 45%;
float: left;
position: relative;
margin-left: 10%;
}

.wgm {
width: 100%;
float: left;
clear: both;
position: relative;
margin-top: 7.5vw;
}
.wgma {
width: 50vw;
margin-left: auto;
margin-right: auto;
}
.wgmb {
width: 100%;
float: left;
border: 1px solid #cccfd3;
position: relative;
}
.wgmc {
width: 50%;
height: 6vw;
float: left;
border-bottom: 1px solid #cccfd3;
border-right: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.9vw;
line-height: 1.9vw;
}
.wgmd {
width: 50%;
height: 6vw;
float: right;
border-bottom: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.9vw;
line-height: 1.9vw;
}
.wgme {
width: 100%;
height: 6vw;
float: right;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.9vw;
line-height: 1.9vw;
font-weight: 700;
letter-spacing: 0.25vw;
}

.wgn {
width: 100%;
float: left;
clear: both;
position: relative;
margin-top: 7.5vw;
font-size: 1.9vw;
line-height: 2.4vw;
}
.wgna {
width: 50%;
float: left;
position: relative;
padding-left: 6.510416666666667vw;
}
.wgnb {
width: 50%;
float: right;
position: relative;
text-align: right;
padding-right: 6.510416666666667vw;
}

.wgo {
position: absolute;
left: 1vw;
bottom: 1vw;
padding: 0.4vw;
font-size: 1vw;
line-height: 1vw;
background-color: rgba(255,255,255,0.90);
}

.umg {
width: 100%;
float: left;
position: relative;
}
.umga {
width: 84.375vw;
height: auto;
float: right;
position: relative;
padding-right: 6.510416666666667vw;
margin-top: 10vw;
}


.kont {
width: 100%;
float: left;
position: relative;
padding-bottom: 15vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 13vw 3vw;
background-size: 65%;
}
.kont2 {
width: 100%;
float: left;
position: relative;
padding-bottom: 7.5vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 13vw 3vw;
background-size: 65%;
}
.konta {
width: 84.375vw;
height: auto;
float: right;
position: relative;
padding-right: 15.624999999999999vw;
margin-top: 15vw;
display: flex;
justify-content: center;
}
.kontb {
float: left;
position: relative;
z-index: 1;
}
.kontba {
width: 39.84375vw;
height: 28.385416666666668vw;
float: left;
position: relative;
z-index: 1;
clip-path: polygon(0 5%, 100% 0, 100% 95%, 6% 100%);
background-image: url("bilder/fotos/bild_5_2024.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.kontbb {
width: 21vw;
position: absolute;
top: -1.5vw;
left: -6vw;
z-index: 2;
}
.kontbc {
width: 9vw;
height: auto;
position: absolute;
top: 7vw;
right: -4.5vw;
z-index: 2;
}

.kontx {
width: 100%;
float: left;
position: relative;
}
.kontax {
width: 84.375vw;
height: auto;
float: right;
position: relative;
padding-right: 15.624999999999999vw;
margin-top: 7.5vw;
display: flex;
justify-content: center;
}

.kontc {
float: left;
border: 1px solid #cccfd3;
font-size: 1.2vw;
line-height: 1.2vw;
font-weight: 400;
position: relative;
}
.kontca {
width: 50vw;
}
.kontda {
width: 50%;
height: 6vw;
float: left;
border-bottom: 1px solid #cccfd3;
border-right: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontdaa {
width: 10.416666666666668vw;
height: auto;
float: left;
}
.kontdb {
width: 50%;
height: 12vw;
float: right;
border-bottom: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.kontdbb {
width: 6vw;
height: auto;
float: left;
}
.kontdc {
width: 50%;
height: 6vw;
float: left;
border-bottom: 1px solid #cccfd3;
border-right: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontdd {
width: 50%;
height: 6vw;
float: left;
border-bottom: 1px solid #cccfd3;
border-right: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontde {
width: 50%;
height: 6vw;
float: right;
border-bottom: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontdf {
width: 50%;
height: 6vw;
float: left;
border-bottom: 1px solid #cccfd3;
border-right: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontdg {
width: 50%;
height: 6vw;
float: right;
border-bottom: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
}
.kontdh {
width: 100%;
height: 6vw;
letter-spacing: 0.25vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.9vw;
line-height: 1.9vw;
font-weight: 700;
}
.kontdi {
width: 100%;
height: 6vw;
letter-spacing: 0.25vw;
border-top: 1px solid #cccfd3;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.9vw;
line-height: 1.9vw;
font-weight: 700;
}

.konte {
width: 100%;
margin-top: 7.5vw;
display: flex;
justify-content: center;
float: left;
}
.kontea {
width: 8vw;
height: auto;
float: left;
}

.kontf {
width: 3.125vw;
height: 3.125vw;
background-color: #fff;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
float: left;
right: -1.5vw;
top: -1.5vw;
z-index: 2;
transition: all .1s ease-in-out;
}
.kontf:hover {
transform: scale(1.2);
}
.kontfa {
width: 1.40625vw;
height: auto;
position: relative;
}


.tipp {
width: 100%;
float: left;
position: relative;
padding-bottom: 15vw;
background-image: url(bilder/fotos/background_1.jpg);
background-repeat: no-repeat;
background-position: 13vw 3vw;
background-size: 65%;
}
.tippa {
width: 84.375vw;
height: auto;
float: right;
position: relative;
}
.tippb {
width: 45%;
float: left;
position: relative;
}
.tippc {
float: left;
width: 100%;
position: relative;
}
.tippca {
float: left;
width: 22vw;
position: relative;
}
.tippcb {
float: left;
width: 100%;
position: relative;
margin-top: 5vw;
font-size: 1.2vw;
line-height: 2.1vw;
font-weight: 400;
clear: both;
}
.tippd {
float: right;
position: relative;
margin-right: 0vw;
}
.tippda {
width: 27.864583333333332vw;
height: auto;
position: relative;
z-index: 2;
margin-right: 6.510416666666667vw;
}
.tippdb {
width: 27.864583333333332vw;
height: auto;
position: absolute;
top: -7.5vw;
right: 0vw;
z-index: 1;
opacity: 0.25;
}
.tippe {
width: 80%;
float: left;
margin-top: 2.5vw;
}


.foo {
width: 100%;
float: left;
position: relative;
padding-left: 15.624999999999999vw;
padding-right: 15.624999999999999vw;
padding-bottom: 4vw;
}
.fooa {
width: 100%;
float: left;
position: relative;
margin-top: 5vw;
}
.foob {
float: left;
position: absolute; 
top: 3.5vw;
left: 3.5vw;
color: #fff;
z-index: 2;
}
.fooba {
float: left;
position: absolute;
top: 3.5vw;
right: 3.5vw;
z-index: 2;
color: #fff;
}
.foobb {
position: relative;
width: 100%;
z-index: 1;
}
.fooc {
width: 100%;
float: left;
position: relative;
margin-top: 4vw;
font-size: 1.2vw;
line-height: 2.1vw;
font-weight: 400;
color: #b3b7be;
}
.food {
float: left;
position: relative;
}
.fooda {
float: left;
position: relative;
}
.foodb {
margin-left: 3vw;
float: left;
position: relative;
}
.fooe {
float: right;
position: relative;
}
.fooea {
width: 16.5vw;
float: right;
position: relative;
}
.fooeb {
width: 3.125vw;
height: auto;
float: right;
position: relative;
margin-left: 2vw;
}
.foof {
width: 100%;
float: left;
margin-top: 10vw;
padding-left: 7.5%;
padding-right: 7.5%;
padding-bottom: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
position: relative;
}
.foofa {
width: 2.34375vw;
height: auto;
float: right;
}



/* Anfang Accord */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(bilder/icon_plus.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 1.875vw 1.875vw;
border-top: 1px solid #cccfd3;
}
.accordion-title.open {
background-image: url(bilder/icon_plus_schliessen.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 1.875vw 1.875vw;
}
.accordion-content {
width: 100%;
display: none;
font-size: 1.2vw;
line-height: 2.1vw;
padding-bottom: 2vw;
float: left;
clear: both;
}
.accorda {
width: 100%;
position: relative;
padding-bottom: 1.25vw;
padding-top: 1.25vw;
}
.accordb {
width: 100%;
position: relative;
}
.accordc {
width: 100%;
float: left;
}
.accordd {
width: 100%;
float: left;
padding-left: 5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 3vw;
}
.accordx {
width: 100%;
float: left;
border-bottom: 1px solid #cccfd3;
}
/* Ende Accord  */

#counter {
width: 10vw;
float: left;
position: relative;
margin-left: 47vw;
font-size: 3vw;
line-height: 3vw;
font-weight: 400;
color: #b3b7be;
text-align: right;
margin-top: 3vw;
}

.grid:after {
content: '';
display: block;
clear: both;
}
.grid {
width: 103.33%;
margin-bottom: 0px;
position: relative;
left: -3.33%;
}
.grid-sizer,
.grid-item {
width: 30%;
margin-left: 3.33%;
margin-bottom: 3.33%;
float: left;
}
.grid-item img {
display: block;
width: 100%;
}

/* Anfang - Mobile Navigation */
.icon {
z-index: 1000001;
position: relative;
}
.panelx {
position: relative;
width: 100%;
height: 100%;
}
.mobilenav {
top: 0px;
left: 0px;
z-index: 30000000001;
opacity: 1;
display: none;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 0vw;
background-color: #d98825;
color: #fff;
background-image: url(bilder/background_navi.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 2.4vw;
left: 2.2vw;
width: 2.5vw;
height: 2.5vw;
}
.close {
width: 100%;
height: 100%;
position: relative;
background-repeat: no-repeat;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
}
.close:hover {
-moz-transform: rotate(360deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(360deg); /* Safari */
-o-transform: rotate(360deg); /* Opera */
-ms-transform: rotate(360deg); /* IE9 */
transform: rotate(360deg); /* W3C */
}
.panela {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.panelb {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.panelba {
width: 6.770833333333333vw;
height: auto;
float: left;
position: absolute;
right: 6.510416666666667vw;
}
.panelc {
right: 6.510416666666667vw;
position: absolute;
font-size: 1.2vw;
line-height: 1.2vw;
font-weight: 700;
top: 4vw;
}
.panelca {
float: left;
background-color: #fff;
border-radius: 50vw;
}
.panelca:hover {
border-bottom-left-radius: 0vw;
transition: all ease-out .2s;
}
.paneld {
width: 3.125vw;
height: 3.125vw;
background-color: #fff;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
float: left;
margin-left: 2vw;
}
.panelda {
width: 1.40625vw;
height: auto;
position: relative;
}
.panele {
float: left;
position: relative;
margin-left: 15.625vw;
font-size: 3.75vw;
line-height: 3.75vw;
font-weight: 700;
color: rgba(255,255,255,0.50);
}
.panelf {
float: left;
clear: both;
}
.panelfa {
float: left;
margin-top: 1vw;
clear: both;
}

.panelg {
width: 1.0416666666666665vw;
position: absolute;
bottom: 5vw;
left: 2.9vw;
}
.panelga {
float: left;
width: 1.0416666666666665vw;
height: auto;
}
.panelgb {
float: left;
width: 1.0416666666666665vw;
height: auto;
margin-top: 3vw;
}

/* Ende - Mobile Navigation */




/* Anfang - Up and Down Animation */
.uad {
position: relative;
z-index: 3;
-webkit-animation-name: uad;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: 10;
-moz-animation-name: uad;
-moz-animation-duration: 2.5s;
-moz-animation-iteration-count: 10;
animation-name: uad;
animation-duration: 2.5s;
animation-iteration-count: 10;
animation-delay: 4s;
}
@-webkit-keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes uad {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Ende - Up and Down Animation */




@media screen and (min-width: 501px) {
.wgjix, .wgjaix, .umbr, .hdix, .hdiax, .hdibx {
display: none;
}
}

@media screen and (min-width: 667px) {
}

@media screen and (min-width: 813px) {
}

@media screen and (min-width: 961px) {
}

@media screen and (min-width: 1113px) {
.wgiax {
display: none;
}
}

@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
.listdata {
padding-left: 2.75vw;
background-position: left 0.95vw;
background-size: 0.75vw 0.75vw;
}
.foofa {
width: 5vw;
}
.wgga {
width: 90%;
}
.fisch2 {
width: 5.25vw;
top: 42.5vw;
right: 15vw;
}
.panele {
font-size: 4.75vw;
line-height: 5.75vw;
}
.wgda {
top: 0.5vw;
}
.panelg, .panelga, .panelgb {
width: 1.25vw;
}
.accordion-title, .accordion-title.open {
background-size: 2vw 2vw;
}
.fooeb {
width: 3.75vw;
margin-left: 2.5vw;
}
.fooea {
width: 18.5vw;
}
.kontca {
width: 57.5vw;
}
.kontea {
width: 10vw;
}
.kontdb {
height: 14vw;
}
.kontda, .kontdc, .kontdd, .kontde, .kontdf, .kontdg, .kontdh, .wgme, .wgmd, .wgmc, .kontdi {
height: 7vw;
}
.kontdaa {
width: 12.5vw;
}
.kontf {
width: 4vw;
height: 4vw;
right: -2vw;
top: -2vw;
}
.wgib, .wgib {
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1.35vw;
padding-bottom: 1.35vw;
}
.wgj, .wgji, .paneld {
width: 4vw;
height: 4vw;
}
.wgja, .wgjai, .panelda {
width: 1.6vw;
}
.kontfa {
width: 1.6vw;
}
.ausstli {
padding-left: 4.25vw;
background-size: 2vw 2vw;
}
.wgddcb {
width: 1vw;
margin-top: 0.2vw;
}
.lagebb {
margin-top: 2vw;
margin-bottom: 4vw;
}
.lagebd {
width: 5vw;
margin-top: 6.5vw;
}
h2 {
font-size: 2.5vw;
line-height: 2.9vw;
}
.fooc {
font-size: 1.4vw;
line-height: 2.2vw;
}
.lageb, .lagebc, .wgd, .wgga, .wgl, .accordion-content, .data, .tippcb {
font-size: 1.4vw;
line-height: 2.7vw;
}
.kontc, .accorda, .wgi, .wgic, .panelc, .hdi {
font-size: 1.4vw;
line-height: 1.4vw;
}
.accorda {
padding-bottom: 1.75vw;
padding-top: 1.75vw;
font-size: 1.4vw;
line-height: 2vw;
}
.hdd {
width: 7.5vw;
}
.secab, .secac, .secad, .secae, .secaf  {
margin-top: 1.15vw;
}
.seca {
font-size: 1.6vw;
line-height: 1.6vw;
}
}

@media screen and (max-width: 1194px) {
.panelba {
width: 7.5vw;
}
.hdc {
width: 84.375vw;
height: 50vw;
}
}

@media screen and (max-width: 1112px) {
.linkliste {
padding-left: 4.75vw;
background-position: left 0.5vw;
background-size: 2.25vw 2.25vw;
}
.linkliste:hover {
padding-left: 5.5vw;
background-position: left 0.5vw;
background-size: 2.25vw 2.25vw;
}
.listdata {
padding-left: 4vw;
background-position: left 1.2vw;
background-size: 1vw 1vw;
}
.datb {
width: 22.5vw;
top: 3vw;
right: 7.5vw;
}
.panelc {
right: 7.5vw;
}
.wgna {
padding-left: 0vw;
}
.wgnb {
padding-right: 0vw;
}
.trennlaussta {
margin-bottom: 2vw;
}
.trennlausst {
margin-bottom: 2vw;
margin-top: 2vw;
}
.trennlausstb, .trennlausstc {
margin-top: 2vw;
}
.ausstli {
padding-left: 5vw;
background-size: 2.5vw 2.5vw;
}
.hdi {
left: 19vw;
margin-top: 1.55vw;
}
.wgga {
padding-left: 0px;
margin-top: 5vw;
}
.wgg {
width: 100%;
padding-left: 0px;
}
.wgf {
margin-top: 16vw;
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.panelg {
left: 5vw;
}
.panelba {
width: 10vw;
}
.panelgb {
margin-top: 4vw;
}
.panelg, .panelga, .panelgb {
width: 1.75vw;
}
.schliessen {
top: 3.8vw;
left: 8vw;
width: 3.5vw;
height: 3.5vw;
}
.wgib, .wgib {
padding-top: 1.6vw;
padding-bottom: 1.6vw;
padding-left: 2.5vw;
padding-right: 2.5vw;
}
.accorda {
padding-bottom: 2vw;
padding-top: 2vw;
font-size: 1.9vw;
line-height: 2.5vw;
}
.tipp {
background-position: 15vw 5vw;
background-size: 75%;
}
.fooeb {
width: 4.5vw;
}
.foodb {
margin-left: 4vw;
}
.fooea {
width: 26vw;
}
h4 {
font-size: 4.75vw;
line-height: 4.75vw;
}
h5 {
font-size: 3.1vw;
line-height: 3.1vw;
}
.foo {
padding-left: 7.5%;
padding-right: 7.5%;
}
.fooc {
font-size: 1.9vw;
line-height: 2.8vw;
}
.tippe {
width: 100%;
margin-top: 4.5vw;
}
.steuerrad {
width: 10vw;
}
.tippda, .tippdb {
width: 32.5vw;
}
.tippca {
width: 35vw;
}
.tippa {
width: 92.5vw;
}
.vogel1 {
width: 5.25vw;
top: -10vw;
left: -2.5vw;
}
.kontdbb {
width: 7.5vw;
}
.kontdaa {
width: 16vw;
}
.kont {
background-position: 0vw 10vw;
background-size: 85%;
}
.kontf {
width: 5vw;
height: 5vw;
right: -2.5vw;
top: -2.5vw;
}
.kontfa {
width: 2.1vw;
}
.konte {
margin-top: 10vw;
}
.kontea {
width: 12.5vw;
}
.kontdh, .wgme, .kontdi {
font-size: 2.4vw;
line-height: 2.4vw;
}
.kontda, .kontdc, .kontdd, .kontde, .kontdf, .kontdg, .kontdh, .wgme, .wgmd, .wgmc, .kontdi {
height: 8vw;
}
.kontdb {
height: 16vw;
}
.kontc, .wgi, .wgic, .panelc, .hdi {
font-size: 1.9vw;
line-height: 1.9vw;
}
.kontca {
width: 70vw;
}
.kontbc {
width: 11vw;
top: 9vw;
right: -7.5vw;
}
.kontbb {
width: 25vw;
top: -2.5vw;
}
.kontba {
width: 50vw;
height: 35vw;
}
.wgddca {
top: 0vw;
margin-right: 2vw;
}
.wgea {
width: 9vw;
}
.wgd {
padding-top: 3vw;
padding-bottom: 3vw;
}
.wgda {
top: 0.8vw;
}
.wgdb {
width: 45vw;
}
#counter {
margin-left: 60vw;
margin-top: 7.5vw;
}
.fotoa, .fotob, .fotoc, .fotod {
width: 32.5vw;
}
.foto {
width: 92.5vw;
background-size: 62.5vw;
background-position: 35vw 20vw;
}
.lage {
background-position: 5vw 90vw;
background-size: 75%;
padding-bottom: 10vw;
}
.leuchttum {
width: 5vw;
top: 48.5vw;
left: 37.5vw;
}
.lagebb {
margin-top: 3vw;
margin-bottom: 5vw;
}
.lagebba {
width: 7.5vw;
}
h2 {
font-size: 3vw;
line-height: 3.5vw;
}
.ticker {
font-size: 3.5vw;
line-height: 3.5vw;
height: 7vw;
top: -7.5vw;
}
.lageb, .lagebc, .wgd, .wgga, .wgl, .accordion-content, .data, .tippcb {
font-size: 1.9vw;
line-height: 3.25vw;
}
.lageca {
width: 100%;
height: 28.5vw;
}
.lageab {
width: 25.5vw;
}
.lagead {
width: 38.219424460431654vw;
}
.lageac {
width: 31.5vw;
}
.lageaa {
padding-right: 0px;
}
.lageb {
width: 45%;
}
.lagec {
width: 45%;
margin-right: 0px;
}
.secb {
padding-bottom: 17.5vw;
}
.seccb {
margin-top: 9vw;
}
.muschel {
width: 6vw;
bottom: 7.5vw;
left: 22.5vw;
}
.krabbe {
width: 5vw;
top: 7.5vw;
left: -2.5vw;
}
.fisch {
width: 6vw;
bottom: 2vw;
right: 12.5vw;
}
.anker {
width: 6.75vw;
top: 4vw;
right: 11vw;
}
.vogel {
width: 6vw;
top: -1vw;
left: -4vw;
}
.seccaaaa {
width: 6vw;
top: 53vw;
left: 11vw;
}
.seccbbb {
padding-left: 2.75vw;
padding-right: 4.25vw;
padding-top: 1.4vw;
padding-bottom: 1.4vw;
font-size: 1.9vw;
line-height: 1.9vw;
}
.seccb {
width: 45%;
font-size: 1.40625vw;
line-height: 2.96875vw;
font-weight: 700;
padding-right: 0vw;
margin-top: 10vw;
}
.seccb {
font-size: 1.9vw;
line-height: 3.7vw;
}
.seccaa {
width: 32.5vw;
}
.seccaaa {
width: 32.5vw;
top: 10vw;
left: 15vw;
}
.secba, .lagea, .wga, .konta, .kontax {
width: 100%;
float: left;
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.wgk {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.secbb, .wgc, .wge {
padding-right: 0px;
}
.secbc {
width: 25vw;
}
.hdh {
width: 10vw;
bottom: -3vw;
right: 20vw;
}
.hdf {
width: 27.5vw;
margin-top: 3.5vw;
margin-left: 17.5vw;
}
.hde {
width: 62vw;
margin-left: 7.5vw;
}
h1 {
font-size: 5.5vw;
line-height: 6vw;
}
h6 {
font-size: 4.5vw;
line-height: 5vw;
}
.hdg {
width: 4.5vw;
bottom: 5vw;
left: 7.5vw;
}
.wgj, .wgji, .paneld {
width: 5vw;
height: 5vw;
}
.wgja, .wgjai, .panelda {
width: 2.1vw;
}
.wgic {
margin-top: 5vw;
margin-right: 7.5vw;
}
.wgiax {
top: 3.25vw;
left: 17.5vw;
}
.sectiona {
margin-top: 10.83984375vw;
background-position: 5vw 27.5vw;
background-size: 60%;
}
.hdb {
width: 22.5vw;
margin-right: 7.5vw;
}
header {
position: fixed;
padding-top: 3vw;
padding-bottom: 3vw;
background-color: #fff;
}
.hdaaaa {
width: 4.75vw;
margin-top: 0.7vw;
}
.hda:hover .hdaaaa {
width: 4.75vw;
}
.hdaaa {
width: 4vw;
margin-top: 0.7vw;
}
.hda:hover .hdaaa {
width: 4.75vw;
}
.hdaa {
width: 3.25vw;
}
.hda:hover .hdaa {
width: 4.75vw;
}
.hda {
left: 7.5vw;
margin-top: 4.7vw;
}
.hdc {
width: 100%;
height: 60vw;
}
.sec, .wgia, .hdd, .lagebd {
display: none;
}
}

@media screen and (max-width: 1024px) {
.lagebba {
width: 8.5vw;
}
.secbc {
width: 27.5vw;
}
.accorda {
padding-bottom: 2.5vw;
padding-top: 2.5vw;
}
.accordion-title, .accordion-title.open {
background-size: 2.5vw 2.5vw;
}
.konta {
margin-top: 17.5vw;
}
.wgla {
width: 47.5%;
}
.wglb {
width: 47.5%;
margin-left: 5%;
}
.wgmd, .wgmc {
font-size: 2.4vw;
line-height: 2.4vw;
}
.wgn {
font-size: 2.4vw;
line-height: 2.9vw;
}
.wgk {
background-position: 0vw 0vw;
background-size: 90%;
}
.wgo {
left: 1.5vw;
bottom: 1.5vw;
padding: 0.7vw;
font-size: 1.5vw;
line-height: 1.5vw;
}
.wgf {
background-position: -5vw -10vw;
background-size: 80%;
}
.fisch2 {
width: 6.5vw;
top: 10vw;
right: 20vw;
}
.wgga {
width: 100%;
}
.grid {
width: 105%;
left: -5%;
}
.grid-sizer,
.grid-item {
width: 45%;
margin-left: 5%;
margin-bottom: 5%;
}
.hdi {
margin-top: 1.2vw;
}
.hdia {
width: 1.2vw;
}
.hda {
margin-top: 4.6vw;
}
.wgiax {
top: 3vw;
left: 17.5vw;
}
#counter {
margin-left: 68vw;
margin-top: 7.5vw;
}
h2 {
font-size: 3.25vw;
line-height: 3.75vw;
}
.muschel {
bottom: 5vw;
left: 30vw;
}
.hdh {
width: 12.5vw;
bottom: -4vw;
right: 20vw;
}
.leuchttum {
top: 47.5vw;
}
}

@media screen and (max-device-width : 1024px) and (orientation : portrait)  {
.panele {
font-size: 6.75vw;
line-height: 8.75vw;
}
.panelba {
width: 12.5vw;
}
}

@media screen and (max-width: 834px) {
.linkliste {
padding-left: 5.75vw;
background-position: left 0.5vw;
background-size: 3.25vw 3.25vw;
}
.linkliste:hover {
padding-left: 6.75vw;
background-position: left 0.5vw;
background-size: 3.25vw 3.25vw;
}
.listdata {
padding-left: 5vw;
background-position: left 1.4vw;
background-size: 1.5vw 1.5vw;
}
.foofa {
width: 7.5vw;
}
.datb {
width: 27.5vw;
top: 4vw;
}
.lagebba {
width: 10vw;
}
.hdi {
margin-top: 1.6vw;
}
.wgn {
font-size: 2.9vw;
line-height: 3.6vw;
}
.wgmd, .wgmc {
font-size: 2.9vw;
line-height: 2.9vw;
}
.wgma {
width: 60vw;
}
.wgo {
left: 2vw;
bottom: 2vw;
padding: 1vw;
font-size: 2vw;
line-height: 2vw;
}
.fisch2 {
width: 7.5vw;
top: 11vw;
right: 21vw;
}
.wgf {
background-position: 0vw -15vw;
background-size: 100%;
}
.wgf {
margin-top: 13.908872901678656vw;
}
.paneld {
margin-left: 3vw;
}
.schliessen {
top: 4.5vw;
left: 7.5vw;
width: 5vw;
height: 5vw;
}
.kontea {
width: 15vw;
}
.foodb {
margin-left: 5vw;
}
.fooea {
width: 32vw;
}
.fooc {
font-size: 2.4vw;
line-height: 3.3vw;
}
.accordion-title, .accordion-title.open {
background-size: 3vw 3vw;
}
.wgddcb {
width: 1.25vw;
margin-top: 0.35vw;
}
.wgddca {
margin-right: 2.5vw;
}
.kontax {
margin-top: 10vw;
}
.kontdaa {
width: 20vw;
}
.kontdbb, .wgea {
width: 9.5vw;
}
.kontdh, .wgme, .kontdi {
font-size: 2.9vw;
line-height: 2.9vw;
}
.kontdb {
height: 20vw;
}
.kontda, .kontdc, .kontdd, .kontde, .kontdf, .kontdg, .kontdh, .wgme, .wgmd, .wgmc, .kontdi {
height: 10vw;
}
.kontca {
width: 77.5vw;
}
.kontfa {
width: 2.5vw;
}
.kontf {
width: 6vw;
height: 6vw;
right: -3vw;
top: -3vw;
}
.kontc, .wgi, .wgic, .panelc, .hdi {
font-size: 2.4vw;
line-height: 2.4vw;
}
.accorda {
font-size: 2.4vw;
line-height: 3.25vw;
}
.kontbc {
width: 12.5vw;
top: 7.5vw;
right: -8.5vw;
}
.kontba {
width: 60vw;
height: 42.5vw;
}
.wgda {
width: 19.5vw;
}
.wgdb {
width: 50vw;
}
#counter {
font-size: 4vw;
line-height: 4vw;
margin-left: 69vw;
margin-top: 8.5vw;
}
.lage {
background-position: 0vw 125vw;
background-size: 100%;
}
.lagebc, .seccba {
hyphens: auto;
}
.seccaaaa {
width: 7vw;
top: 54vw;
left: 12vw;
}
.ticker {
font-size: 5vw;
line-height: 5vw;
height: 12.5vw;
}
.seccaaa {
top: 12.5vw;
}
.secbc {
width: 30vw;
}
.seccb {
margin-top: 7.5vw;
}
.seccbbb {
padding-left: 3vw;
padding-right: 5.25vw;
padding-top: 1.5vw;
padding-bottom: 1.6vw;
font-size: 2.6vw;
line-height: 2.6vw;
}
.hdg {
width: 5.5vw;
}
.wgja, .wgjai, .panelda {
width: 2.6vw;
}
.wgj, .wgji, .paneld {
width: 6vw;
height: 6vw;
}
.wgj {
margin-top: 5vw;
}
.sectiona {
margin-top: 13.908872901678656vw;
}
.wgib, .wgib {
padding-top: 1.75vw;
padding-bottom: 1.75vw;
padding-left: 2.75vw;
padding-right: 2.75vw;
}
.hdb {
width: 27.5vw;
}
.wgiax {
top: 4.1vw;
left: 19vw;
font-size: 2.1vw;
line-height: 2.1vw;
}
.lageb, .lagebc, .wgd, .wgga, .wgl, .accordion-content, .data, .tippcb, .seccb {
font-size: 2.4vw;
line-height: 3.75vw;
}
.hda {
margin-top: 6vw;
}
.hdaaaa {
width: 5.5vw;
margin-top: 0.7vw;
}
.hda:hover .hdaaaa {
width: 5.5vw;
}
.hdaaa {
width: 4.75vw;
margin-top: 0.7vw;
}
.hda:hover .hdaaa {
width: 5.5vw;
}
.hdaa {
width: 4vw;
}
.hda:hover .hdaa {
width: 5.5vw;
}
header {
padding-top: 4vw;
padding-bottom: 4vw;
}
.schliessen {
top: 3.6vw;
left: 7.5vw;
width: 4vw;
height: 4vw;
}
h3 {
font-size: 2.4vw;
line-height: 2.4vw;
}
.fooeb {
width: 5.25vw;
}
.foo {
padding-bottom: 5vw;
}
.fooc {
margin-top: 5vw;
}
.tippb {
width: 47.5%;
}
.schliessen {
top: 5vw;
left: 8vw;
}
}

@media screen and (max-device-width : 834px) and (orientation : portrait)  {
.panelg, .panelga, .panelgb {
width: 2.25vw;
}
}

@media screen and (max-width: 768px) {
.leuchttum {
top: 52.5vw;
left: 39.5vw;
}
h2 {
font-size: 3.75vw;
line-height: 4.25vw;
}
.steuerrad {
width: 15vw;
}
.tippca {
width: 41vw;
}
h5 {
font-size: 4vw;
line-height: 4vw;
}
.konta {
margin-top: 20vw;
}
.wgm, .wgn {
margin-top: 12.5vw;
}
.ausstli {
padding-left: 7.5vw;
background-size: 3.5vw 3.5vw;
}
.wgl {
margin-top: 3vw;
}
.trennlaussta, .trennlausst {
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}
.trennlausstc {
display: none;
}
.wglb {
width: 100%;
margin-left: 0px;
}
.wgla {
width: 100%;
}
.kontax {
margin-top: 15vw;
}
.kontbb {
width: 28.5vw;
}
h6 {
font-size: 5vw;
line-height: 5.75vw;
}
.lageb, .lagec {
width: 47.5%;
}
.seccb {
margin-top: 6vw;
}
.seccaaaa {
width: 7.5vw;
top: 57vw;
}
.seccaaa {
top: 14vw;
}
.secbc {
width: 35vw;
}
.hdg {
width: 6.5vw;
bottom: 6.5vw;
}
.hdf {
width: 32.5vw;
margin-top: 5vw;
}
.hde {
width: 72vw;
margin-top: 12.5vw;
}
h1 {
font-size: 6.5vw;
line-height: 6.75vw;
}
.hdc {
height: 70vw;
}
}

@media screen and (max-width: 500px) {
.tippcb {
margin-top: 7.5vw;
}
.accordion-content {
padding-bottom: 6.5vw;
}
.linkliste {
padding-left: 10.5vw;
background-position: left 1.5vw;
background-size: 6vw 6vw;
}
.linkliste:hover {
padding-left: 10.5vw;
background-position: left 1.5vw;
background-size: 6vw 6vw;
}
.listdata {
padding-left: 8vw;
background-position: left 2.6vw;
background-size: 3vw 3vw;
}
.foofa {
width: 10vw;
}
.datb {
width: 32.5vw;
top: 7.75vw;
}
.wgn {
font-size: 5vw;
line-height: 6.5vw;
}
.wgm, .wgn {
margin-top: 15vw;
}
.wgmd, .wgmc {
font-size: 5vw;
line-height: 5vw;
}
.wgma {
width: 100%;
}
.wgk {
background-position: 0vw -5vw;
background-size: 100%;
}
.trennlausstb, .trennlausstc {
margin-top: 5vw;
}
.trennlaussta, .trennlausst {
margin-bottom: 5vw;
margin-top: 5vw;
}
.ausstli {
padding-left: 15vw;
background-size: 7.5vw 7.5vw;
}
.wgkb {
text-align: left;
}
.wgo {
left: 5vw;
bottom: 5vw;
padding: 2vw;
font-size: 4vw;
line-height: 4vw;
}
.wgka {
margin-top: 7.5vw;
}
.wgh {
margin-top: 5vw;
}
.grid {
width: 100%;
left: 0px;
}
.grid-sizer,
.grid-item {
width: 100%;
margin-left: 0px;
margin-bottom: 0px;
}
.grid-item img {
margin-top: 5vw;
}
.wgga {
margin-top: 10vw;
}
.hdiax {
width: 2.5vw;
}
.hdibx {
margin-left: 5vw;
}
.wgg {
margin-top: 12.5vw;
}
.wgf {
margin-top: 32.8vw;
background-position: 0vw -20vw;
}
A.nave:link, A.nave:visited,
A.navd:link, A.navd:visited {
padding-bottom: 1.25vw;
}
A.nave.active, A.nave:hover,
A.navd.active, A.navd:hover {
padding-bottom: 1.25vw;
}
.kontca {
width: 75vw;
}
.fooeb {
width: 12.5vw;
margin-left: 0px;
}
.fooea {
width: 67.5vw;
float: left;
}
.fooe {
float: left;
position: relative;
clear: both;
padding-left: 7.5vw;
margin-top: 7.5vw;
width: 100%;
padding-right: 7.5vw;
}
.fooc {
margin-top: 7.5vw;
}
.foodb {
margin-left: 0px;
clear: both;
margin-top: 0.5vw;
}
.fooc {
font-size: 5vw;
line-height: 7.5vw;
}
.food {
padding-left: 7.5vw;
width: 100%;
}
h5 {
font-size: 6vw;
line-height: 6vw;
}
h4 {
font-size: 6.75vw;
line-height: 6.75vw;
}
.foo {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 7.5vw;
}
.tippe {
margin-top: 10vw;
}
.tipp {
background-position: 0vw -10vw;
background-size: 100%;
}
.accordion-title, .accordion-title.open {
background-size: 7vw 7vw;
}
.accorda {
padding-bottom: 6.5vw;
padding-top: 6.5vw;
}
.tippca {
width: 100%;
}
.tippb {
width: 100%;
}
.tippa {
width: 100%;
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.wgc {
margin-top: 10vw;
}
.kont {
padding-bottom: 20vw;
}
.konte {
margin-top: 15vw;
}
.kontea {
width: 25vw;
}
.kontf {
width: 11vw;
height: 11vw;
right: -5.5vw;
top: -5.5vw;
}
.kontfa {
width: 4.25vw;
}
.kontda, .kontdc, .kontdd, .kontdf {
border-right: 0px solid ;
}
.kontdaa {
width: 40vw;
}
.kontc, .wgi, .wgic, .panelc, .hdi, .kontdh, .kontdi, .wgme {
font-size: 5vw;
line-height: 5vw;
}
.accorda {
font-size: 5vw;
line-height: 7vw;
}
.kontda, .kontdc, .kontdd, .kontde, .kontdf, .kontdg, .kontdh, .kontdi, .wgme {
height: 19vw;
width: 100%;
}
.wgmd, .wgmc {
height: 19vw;
}
.kontbc {
width: 17.5vw;
top: 7.5vw;
right: -4.5vw;
}
.kontbb {
width: 50vw;
top: -4.5vw;
left: 6vw;
}
.kontba {
width: 85vw;
height: 60vw;
}
.wge {
margin-top: 12.5vw;
}
.kontdbb, .wgea {
width: 17.5vw;
}
.wgddcb {
width: 4vw;
margin-top: 0px;
}
.wgddca {
margin-right: 4.5vw;
}
.wgdb {
width: 70%;
margin-top: 5vw;
}
.wgddc {
margin-top: 9.5vw;
}
.wgda {
width: 100%;
}
h3 {
font-size: 7vw;
line-height: 7vw;
}
.wgd {
padding-top: 5vw;
padding-bottom: 5vw;
}
.wg {
padding-top: 12.5vw;
padding-bottom: 12.5vw;
}
.wgb {
margin-left: 0px;
}
h6 {
font-size: 9vw;
line-height: 10.5vw;
}
.foto {
background-size: 100vw;
background-position: 0vw 40vw;
}
#counter {
font-size: 5vw;
line-height: 5vw;
margin-left: 75vw;
margin-top: 22.5vw;
}
.fotoa, .fotob, .fotoc, .fotod {
width: 70vw;
}
.fotoa {
margin-top: 15vw;
}
.fotoc {
margin-top: 10vw;
}
.lage {
padding-bottom: 20vw;
background-position: 0vw 0vw;
}
.lageab {
width: 70vw;
}
.lageac {
width: 85vw;
}
.lagead {
width: 100vw;
}
.lageca {
width: 100vw;
height: 74vw;
margin-top: 10vw;
margin-bottom: 10vw;
left: -7.5vw;
}
.lagebb {
margin-top: 6vw;
margin-bottom: 10vw;
}
.lagebba {
width: 20vw;
}
h2 {
font-size: 7.5vw;
line-height: 8.5vw;
}
.lageb, .lagec {
width: 100%;
}
.secb {
padding-bottom: 25vw;
background-position: 0vw 120vw;
background-size: 100%;
}
.ticker {
width: 99.7%;
font-size: 10vw;
line-height: 10vw;
height: 20vw;
}
.seccbbb {
padding-left: 6vw;
padding-right: 9vw;
padding-top: 2.75vw;
padding-bottom: 2.77vw;
font-size: 5vw;
line-height: 5vw;
}
.seccbb {
margin-top: 10vw;
}
.lageb, .lagebc, .wgd, .wgga, .wgl, .accordion-content, .data, .tippcb, .seccb {
font-size: 5vw;
line-height: 8vw;
}
.seccb {
margin-top: 15vw;
}
.seccaaaa {
width: 15vw;
top: 135vw;
left: 7.5vw;
}
.seccaaa {
width: 70vw;
top: 55vw;
left: 30vw;
}
.seccaa {
width: 70vw;
margin-top: 30vw;
left: -7.5vw;
}
.secca {
width: 100%;
}
.seccb {
width: 100%;
}
.secbc {
width: 70vw;
}
.hdh {
width: 17.5vw;
bottom: -5vw;
right: 15vw;
}
.hdg {
width: 10vw;
bottom: 7.5vw;
}
.hdf {
width: 50vw;
margin-top: 10vw;
}
.hde {
width: 85vw;
margin-top: 20vw;
}
h1 {
font-size: 11.75vw;
line-height: 11.75vw;
}
.sectiona {
margin-top: 22.8vw;
padding-bottom: 22.5vw;
background-position: 5vw 117.5vw;
background-size: 65%;
}
.hdaa {
width: 5.75vw;
}
.hda:hover .hdaa {
width: 8.75vw;
}
.hdaaa {
width: 7.25vw;
margin-top: 1.5vw;
}
.hda:hover .hdaaa {
width: 8.75vw;
}
.hdaaaa {
width: 8.75vw;
margin-top: 1.5vw;
}
.hda:hover .hdaaaa {
width: 8.75vw;
}
.hda {
margin-top: 9.8vw;
}
.hdb {
width: 50vw;
float: none;
margin-left: 23.75vw;
margin-right: 0vw;
}
header {
padding-top: 6vw;
padding-bottom: 6vw;
}
.hdc {
height: 72.5vh;
}
.box {
display: none;
}
.click {
cursor: pointer;
display: inline-block;
color: #4d4745;
border-bottom: 1px solid rgba(77,71,69,0.25);
padding-bottom: 0.5vw;
margin-top: 4vw;
}
.wgiax, .wgic, .paneld, .anker, .vogel, .leuchttum, .muschel, .vogel1, .steuerrad, .krabbe, .fisch, .wgddca, .kontdb, .tippd, .wgi, .fisch2, .hdi, .hdia, .hdib, .kontf, .kontfa {
display: none;
}
.schliessen {
top: 8vw;
left: 8vw;
width: 7.5vw;
height: 7.5vw;
}
}

@media screen and (max-device-width : 926px) and (orientation : landscape) {
.panele {
font-size: 4vw;
line-height: 4.5vw;
margin-left: 17.5vw;
}
}

@media screen and (max-device-width : 500px) and (orientation : portrait) {
.panelg, .panelga, .panelgb {
width: 4vw;
}
.panelb {
align-items: flex-start;
padding-top: 25vw;
}
.panele {
font-size: 11vw;
line-height: 13.5vw;
margin-left: 22vw;
}
.panelgb {
margin-top: 7vw;
}
.panelg {
left: 8vw;
bottom: 27.5vw;
}
.panelba {
width: 22.5vw;
right: 39vw;
bottom: 7.5vw;
}
.panelc {
font-size: 4.5vw;
line-height: 4.5vw;
top: 7vw;
}
.wgib, .wgib {
padding-top: 3.5vw;
padding-bottom: 3.5vw;
padding-left: 5vw;
padding-right: 5vw;
}
}
	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}