:selection {background: #d8d7d7; color: #e6565b;}
::-moz-selection {background: #d8d7d7; color: #e6565b;}
::-webkit-scrollbar { display:none;}
* {
margin: 0px;
padding: 0px;
}

@-moz-document url-prefix() {
html,
body {
scrollbar-width: none;
}
}

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

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

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


/* signika-negative-300 - latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/signika-negative-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-negative-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-negative-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-negative-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-negative-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-negative-v11-latin-300.svg#SignikaNegative') format('svg'); /* Legacy iOS */
}

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

/* signika-negative-600 - latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/signika-negative-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-negative-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-negative-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-negative-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-negative-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-negative-v11-latin-600.svg#SignikaNegative') format('svg'); /* Legacy iOS */
}

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


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

.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-bottom: 12.500vw;
padding-left: 10vw;
font-size: 1.3vw;
line-height: 2.1vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.datb {
position: fixed;
width: 15vw;
height: auto;
top: 9.5%;
right: 7.5%;
z-index: 100;
}
.dtop {
position: absolute;
width: 55px;
height: auto;
z-index: 100;
bottom: 5%;
right: 5%;
}
.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.6vw;
background-size: 0.55vw 0.55vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
}
img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'Libre Baskerville'; 
font-size: 3.6vw;
line-height: 3.6vw;
font-weight: 400;
}
h2 {
font-family: 'Libre Baskerville'; 
font-size: 3.6vw;
line-height: 4.8vw;
font-weight: 400;
}
h3 {
font-family: 'Libre Baskerville'; 
font-size: 4.6vw;
line-height: 4.6vw;
font-weight: 400;
}
h4 {
font-family: 'Libre Baskerville'; 
font-size: 3.6vw;
line-height: 4.8vw;
font-weight: 400;
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tfr {
font-weight: 700;
color: #e6565b;
}
.tr {
color: #e6565b;
}
.tk {
font-style: italic;
}
.tkr {
font-style: italic;
color: #e6565b;
}
.absta {
float: left;
width: 100%;
height: 1px;
margin-top: 2.5%;
margin-bottom: 2.5%;
}

a:link, a:hover, a:visited, a:active {
font-family: 'Signika Negative'; 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
font-family: 'Libre Baskerville'; 
color: #4c4c4c;
}
A.telo:link, A.telo:active, A.telo:visited, A.telo:hover {
color: #4c4c4c;
}
A.nava:link, A.nava:visited {
color: #4c4c4c;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nava:hover {
color: #4c4c4c;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nava.active {
color: #e6565b;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navaa:link, A.navaa:visited {
color: #f5bbbd;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navaa:hover {
color: #4c4c4c;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navaa.active {
color: #4c4c4c;
font-weight: 600;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.navb:link, A.navb:visited {
color: #e6565b;
font-family: 'Libre Baskerville'; 
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navb.active, A.navb:hover {
color: #e6565b;
font-family: 'Libre Baskerville'; 
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.navc:link, A.navc:visited {
color: #e6565b;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navc.active, A.navc:hover {
color: #e6565b;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navd:link, A.navd:visited {
color: #e6565b;
border-bottom: 1px solid rgba(230,86,91,0.50);
padding-bottom: 4px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navd.active, A.navd:hover {
color: #e6565b;
border-bottom: 1px solid rgba(230,86,91,1.00);
padding-bottom: 4px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nave:link, A.nave:visited {
font-family: 'Libre Baskerville'; 
color: #4c4c4c;
border-bottom: 1px solid rgba(76,76,76,0.30);
padding-bottom: 4px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nave.active, A.nave:hover {
font-family: 'Libre Baskerville'; 
color: #e6565b;
border-bottom: 1px solid rgba(230,86,91,1.00);
padding-bottom: 4px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.navf:link, A.navf:visited {
color: #4c4c4c;
border-bottom: 1px solid rgba(76,76,76,0);
padding-bottom: 3px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navf.active, A.navf:hover {
color: #4c4c4c;
border-bottom: 1px solid rgba(76,76,76,1.00);
padding-bottom: 3px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}

header {
float: left;
width: 100%;
position: fixed;
z-index: 1000;
}
section {
float: left;
width: 100%;
position: relative;
}
footer {
float: left;
width: 100%;
position: relative;
}

.hda {
width: 100%;
float: left;
position: relative;
padding-left: 3.5vw;
padding-top: 3vw;
padding-bottom: 3vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3vw;
line-height: 1.3vw;
font-weight: 600;
background-color: #d8d7d7;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
}
.active1 {
background-color: #f5f5f5;
padding-top: 2vw;
padding-bottom: 2vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.hdb {
width: 2.60vw;
height: 3vw;
float: left;
margin-top: 2vw;
/*margin-top: 0.8vw;*/
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.active3 {
margin-top: 1.15vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.hdba {
top: 1.5vw;
width: 2.60vw;
height: 2px;
background-color: #3d3836;
position: relative;
}
.hdbb {
top: 1.4vw;
width: 2.60vw;
height: 2px;
background-color: #e6565b;
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-ms-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.hdb:hover .hdbb {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-webkit-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
-ms-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.hdc {
position: relative;
float: left;
margin-left: 13vw;
/*margin-top: 1.65vw;*/
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.hdca {
float: left;
}
.hdcb {
float: left;
margin-left: 2vw;
}
.hdd {
width: 15.625vw;
height: auto;
position: absolute;
right: 3.5vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.active2 {
width: 12.625vw;
height: auto;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}


.seca {
width: 100%;
float: left;
margin-top: 15vw;
background-image: url(bilder/icon_background_fleck_1.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
.secb {
float: left;
position: relative;
margin-left: 16.5vw;
padding-bottom: 7vw;
}
.secba {
float: left;
position: relative;
z-index: 2;
}
.secbb {
width: 20vw;
height: auto;
position: absolute;
z-index: 1;
top: 7vw;
left: 17vw;
}
.secbc {
width: 12.5vw;
height: auto;
position: relative;
z-index: 1;
top: -5vw;
left: 54vw;
}
.secbd {
width: 1.2vw;
height: auto;
position: absolute;
z-index: 1;
top: 7vw;
left: -7vw;
}
.secbe {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
}
.secbf {
width: 66.66666666666666vw;
height: auto;
position: relative;
z-index: 2;
}
.secbg {
width: 100%;
height: auto;
position: absolute;
left: 0px;
z-index: 1;
margin-top: 10vw;
}
.secbh {
width: 2vw;
height: auto;
position: absolute;
z-index: 2;
right: 3vw;
top: 3vw;
}
.secbi {
width: 56.770833333333336vw;
height: auto;
position: relative;
z-index: 1;
}
.secbj {
width: 100%;
float: left;
text-align: center;
font-size: 1.3vw;
line-height: 3vw;
font-weight: 600;
padding-left: 15vw;
padding-right: 15vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 5vw;
}
.secbk {
width: 3vw;
height: auto;
position: relative;
margin-top: 3.5vw;
}
.secbl {
width: 100%;
height: auto;
position: relative;
text-align: center;
font-family: 'Libre Baskerville'; 
font-size: 1.8vw;
line-height: 1.8vw;
letter-spacing: 4px;
font-weight: 600;
margin-top: 5vw;
}
.secbm {
width: 25vw;
height: auto;
position: relative;
margin-top: 1.5vw;
}
.secbn {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
position: relative;
}
.secbo {
width: 100%;
height: 30vw;
position: absolute;
bottom: 8.9vw;
left: 0px;
z-index: 1;
float: left;
background: -moz-linear-gradient(90deg, rgba(215,214,214,1) 2%, rgba(215,214,214,0.8) 20%, rgba(215,214,214,0) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(215,214,214,0)), color-stop(80%, rgba(215,214,214,0.8)), color-stop(100%, rgba(215,214,214,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(215,214,214,1) 2%, rgba(215,214,214,0.8) 20%, rgba(215,214,214,0) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(215,214,214,1) 2%, rgba(215,214,214,0.8) 20%, rgba(215,214,214,0) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(215,214,214,1) 2%, rgba(215,214,214,0.8) 20%, rgba(215,214,214,0) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(215,214,214,1) 2%, rgba(215,214,214,0.8) 20%, rgba(215,214,214,0) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d6d6', endColorstr='#d7d6d6',GradientType=0 ); /* ie6-9 */ 
}

.secbp {
width: 100%;
float: left;
margin-bottom: 8vw;
font-family: 'Libre Baskerville';
font-size: 3.5vw;
line-height: 3.5vw;
font-weight: 700;
}


.laga {
width: 100%;
float: left;
padding-left: 16.5vw;
padding-right: 16.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 10vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
background-image: url(bilder/icon_background_fleck_2.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
}
.lagb {
width: 50%;
float: left;
position: relative;
}
.lagba {
width: 68%;
float: left;
position: relative;
margin-top: 20vw;
}
.lagbb {
width: 6.510416666666667vw;
height: auto;
position: absolute;
top: 10vw;
left: -3vw;
}
.lagc {
width: 50%;
float: right;
position: relative;
}
.lagca {
width: 100%;
height: auto;
position: relative;
}
.lagcb {
height: auto;
position: absolute;
z-index: 2;
top: 6vw;
left: -12vw;
}


.ausa {
width: 100%;
float: left;
padding-left: 16.5vw;
padding-right: 16.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 10vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
background-image: url(bilder/icon_background_fleck_3.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
}
.ausb {
width: 100%;
position: relative;
float: left;
}

.ausc {
width: 100%;
position: relative;
float: left;
margin-top: 10vw;
}
.ausd {
float: left;
position: relative;
width: 42.5%;
}
.ause {
float: left;
position: relative;
width: 42.5%;
margin-top: 15vw;
margin-left: 15%;
}
.ausf {
width: 16vw;
height: auto;
position: absolute;
top: -10vw;
right: 0vw;
}
.ausg {
width: 100%;
height: 1px;
float: left;
background-color: #b1afaf;
position: relative;
}
.ausgx {
width: 100%;
height: 1px;
float: left;
background-color: #b1afaf;
position: relative;
}
.aush {
width: 100%;
float: left;
margin-top: 2vw;
margin-bottom: 2vw;
position: relative;
}
.ausi {
width: 42.5%;
float: left;
font-size: 1.3vw;
line-height: 2vw;
font-weight: 700;
bottom: 0vw;
position: absolute;
}
.ausia {
float: left;
position: relative;
}
.ausib {
width: 2.2vw;
height: auto;
float: right;
position: absolute;
bottom: 2.5vw;
right: 0px;
}
.ausj {
width: 100%;
height: 1px;
float: left;
background-color: #e6565b;
margin-top: 2vw;
}

.fotoa {
width: 100%;
float: left;
background-color: #3d3836;
margin-top: 15vw;
padding-top: 10vw;
position: relative;
z-index: 2;
}
.fotob {
float: left;
position: absolute;
top: -2.25vw;
left: 20vw;
z-index: 3;
color: #e6565b;
}
.fotoc {
width: 83.5%;
height: 45vw;
float: right;
position: relative;
overflow: hidden;
}


.aktcount {
position: absolute;
right: 16.5vw;
font-family: 'Libre Baskerville';
font-size: 1.3vw;
line-height: 1.3vw;
font-weight: 400;
font-style: italic;
color: #e6565b;
margin-top: 37.6vw;
}


.somm {
width: 100%;
float: left;
padding-top: 15vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
background-image: url(bilder/icon_background_fleck_4.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
}
.somma {
float: left;
}
.sommaa {
width: 27.34375vw;
height: auto;
position: relative;
margin-top: 7.5vw;
float: left;
}
.sommb {
width: 72.65625vw;
float: left;
}
.sommbb {
width: 45vw;
float: left;
margin-left: 12.25vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
}
.sommc {
float: left;
margin-left: 16.5vw;
position: relative;
}
.sommca {
float: left;
}
.sommcb {
width: 7vw;
height: auto;
position: relative;
float: left;
margin-left: 5vw;
margin-right: 5vw;
top: 2vw;
}
.sommcc {
float: left;
}
.sommd {
width: 100%;
float: left;
margin-top: 7.5vw;
}
.somme {
width: 11vw;
height: auto;
position: absolute;
right: 16.5vw;
top: 5vw;
}

.wint {
float: left;
width: 100%;
margin-top: 10vw;
}
.wintc {
float: left;
margin-left: 39.5vw;
position: relative;
}
.wintca {
float: left;
}
.wintcb {
width: 7vw;
height: auto;
position: relative;
float: left;
margin-left: 5vw;
margin-right: 5vw;
top: 2vw;
}
.wintcc {
float: left;
}
.wintd {
width: 100%;
float: left;
margin-top: 7.5vw;
}
.wintda {
float: right;
}
.wintdaa {
width: 27.34375vw;
height: auto;
position: relative;
margin-top: 5vw;
float: left;
}
.wintb {
width: 72.65625vw;
float: right;
}
.wintbb {
width: 45vw;
float: left;
margin-left: 16.5vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
}


.kont {
width: 100%;
float: left;
padding-top: 15vw;
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
background-image: url(bilder/icon_background_fleck_5.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
padding-left: 16.5vw;
padding-right: 16.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.konta {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
position: relative;
}
.kontb {
width: 30vw;
height: 44vw;
background-image: url(bilder/icon_background_kontakt.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
position: relative;
z-index: 1;
}
.kontc {
width: 22.5vw;
height: 35vw;
border-radius: 25vw 25vw 0px 0px;
background-image: url(bilder/bild_kontakt.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-top: -2vw;
position: relative;
z-index: 2;
}
.kontd {
width: 50vw;
height: auto;
position: absolute;
z-index: 3;
bottom: -1.5vw;
left: -10vw;
}
.konte {
width: 100%;
float: left;
margin-top: 12.5vw;
text-align: center;
}
.kontf {
font-family: 'Libre Baskerville';
width: 100%;
float: left;
margin-top: 3vw;
text-align: center;
font-size: 1.6vw;
line-height: 3.5vw;
font-weight: 400;
}
.kontg {
width: 100%;
float: left;
margin-top: 4vw;
text-align: center;
font-size: 1.6vw;
line-height: 3vw;
font-weight: 400;
}
.konth {
width: 100%;
float: left;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
position: relative;
margin-top: 6vw;
}
.kontha {
width: 4vw;
height: auto;
}

.linka {
width: 100%;
float: left;
margin-top: 15vw;
padding-left: 7.5%;
padding-right: 7.5%;
-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;
}
.linkaa {
width: 100%;
float: left;
background-color: #e6565b;
background-image: url("bilder/icon_background_fleck_6.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 80% 80%;
padding-top: 10vw;
padding-bottom: 10vw;
border-radius: 0px 8vw 0px 4vw;
position: relative;
}
.linkb {
width: 27vw;
height: 36vw;
position: relative;
top: -10vw;
left: -3.5vw;
background-image: url(bilder/bild_links.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 0px 11vw 0px 20vw;
}
.linkc {
width: 6.5vw;
height: auto;
position: absolute;
bottom: 5vw;
left: 5vw;
}
.linkd {
float: right;
width: 50%;
position: relative;
padding-right: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.linke {
width: 100%;
float: left;
}
.linkf {
width: 100%;
float: left;
height: 1px;
background-color: #4c4c4c;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.linkg {
width: 100%;
float: left;
margin-top: 2vw;
margin-bottom: 5vw;
}
.linkh {
float: left;
width: 100%;
}


.foo {
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;
}
.fooa {
float: left;
}
.fooaa {
float: left;
}
.fooaaa {
float: left;
margin-left: 3vw;
}
.foob {
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: 2vw 2vw;
}
.accordion-title.open {
background-image: url("bilder/icon_minus.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 2vw 2vw;
}
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
}
.accorda {
position: relative;
font-weight: 700;
}
.accordc {
width: 100%;
float: left;
}
.accordd {
width: 100%;
float: left;
}
/* Ende Accord  */


/* Anfang Responsive Navigation */
.anzeige {
position: fixed;
float: left;
z-index: 2000;
top: 0vw;
left: 3.5vw;
cursor: pointer;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.panel {
display: none;
position: fixed;
opacity: 1;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
min-height: 100%;
z-index: 2000;
float: left;
overflow: auto;
color: #f5bbbd;
animation: fadein ease 0.1s;
-webkit-animation: fadein ease 0.1s;
-moz-animation: fadein ease 0.1s;
-o-animation: fadein ease 0.1s;
-ms-animation: fadein ease 0.1s;
background-color: #e6565b;
background-image: url(bilder/icon_background_fleck_6.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.navi.open .panel {
display: block;
}
.panela {
width: 100%;
height: 100%;
padding-left: 16.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
font-size: 3vw;
line-height: 3vw;
font-weight: 600;
}
.panelaa {
}
.panelb {
float: left;
clear: both;
margin-left: 3vw;
}
.panelbb {
float: left;
clear: both;
margin-top: 1vw;
}
.panelbbb {
float: left;
clear: both;
margin-left: 2vw;
margin-top: 1vw;
}
.panelbbbb {
float: left;
clear: both;
margin-left: 5vw;
margin-top: 1vw;
}
.panelbbbbb {
float: left;
clear: both;
margin-left: -3vw;
margin-top: 1vw;
}
.panelbbbbbb {
float: left;
clear: both;
margin-left: 6vw;
margin-top: 1vw;
}
.panelbbbbbbb {
float: left;
clear: both;
margin-left: 1vw;
margin-top: 1vw;
}
.panelc {
float: left;
position: absolute;
bottom: 3.5vw;
left: 3.5vw;
}
.panelca {
float: left;
width: 1.5vw;
height: auto;
}
.panelcb {
float: left;
width: 1.5vw;
height: auto;
margin-left: 1vw;
}
.paneld {
width: 5vw;
height: auto;
position: absolute;
top: 3.5vw;
right: 3.5vw;
}

.schliessen {
width: 2.2vw;
height: 2.2vw;
position: absolute;
z-index: 11;
top: 2.5vw;
left: 3.75vw;
cursor: pointer;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.schliessen:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.active4 {
top: 1.5vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}

/* Ende Responsive Navigation */




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

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

@media screen and (min-width: 835px) {
.hdda, .secbha {
display: none;
}
}

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

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

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

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

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

@media screen and (max-width: 1366px) {
.wintc {
margin-left: 42vw;
}
.wintb, .sommb {
width: 70vw;
}
.sommaa, .wintdaa {
width: 30vw;
}
.ausib {
width: 2.5vw;
}
.lagba {
width: 78%;
margin-top: 17.5vw;
}
.hda {
font-size: 1.5vw;
line-height: 1.5vw;
}
.panelbb, .panelbbb, .panelbbbb, .panelbbbbb, .panelbbbbbb, .panelbbbbbbb {
margin-top: 2vw;
}
.secbj, .laga, .ausa, .sommbb, .wintbb, .linka, .foo, .data {
font-size: 1.5vw;
line-height: 3.2vw;
}
.ausi {
font-size: 1.4vw;
line-height: 2.4vw;
}
.secbj {
padding-left: 12vw;
padding-right: 12vw;
}
.secbo {
bottom: 9vw;
}
.sommc {
margin-left: 19vw;
}
.panela {
font-size: 4vw;
line-height: 4vw;
}
.listdata {
padding-left: 3vw;
background-position: left 1.15vw;
background-size: 0.65vw 0.65vw;
}
.panelcb {
margin-left: 1.5vw;
}
}

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

@media screen and (max-width: 1112px) {
.panelca, .panelcb {
width: 2vw;
}
.datb {
width: 20vw;
top: 5%;
right: 7.5%;
}
.listdata {
padding-left: 3.5vw;
background-position: left 1.15vw;
background-size: 0.75vw 0.75vw;
}
.wintb, .sommb {
width: 67.5vw;
}
.sommaa, .wintdaa {
width: 32.5vw;
}
.wintbb {
margin-left: 13.5vw;
}
.sommbb {
width: 50vw;
margin-left: 10vw;
}
.lagbb {
width: 7vw;
top: 9vw;
left: -4vw;
}
.lagcb {
top: 5vw;
left: -13vw;
}
.aktcount {
font-size: 1.7vw;
line-height: 1.7vw;
margin-top: 37.4vw;
right: 13.5vw;
}
.secbo {
bottom: 14.5vw;
height: 20vw;
}
.hda {
font-size: 1.7vw;
line-height: 1.7vw;
padding-top: 4vw;
padding-bottom: 4vw;
}
.active1 {
padding-top: 3vw;
padding-bottom: 3vw;
}
.hdb {
width: 3.5vw;
height: 3.5vw;
margin-top: 3.2vw;
}
.active3 {
margin-top: 2.15vw;
}
.secbj, .laga, .ausa, .sommbb, .wintbb, .linka, .foo, .data {
font-size: 1.7vw;
line-height: 3.3vw;
}
.secbh {
width: 2.5vw;
}
.secbf {
width: 73vw;
}
.hdc {
margin-left: 10vw;
}
.secb {
margin-left: 13.5vw;
padding-bottom: 5vw;
}
h1 {
font-size: 5vw;
line-height: 5vw;
}
h2, h4 {
font-size: 4vw;
line-height: 5.6vw;
}
h3 {
font-size: 5vw;
line-height: 5vw;
}
.secbb {
width: 25vw;
top: 10vw;
left: 23vw;
}
.secbd {
width: 1.4vw;
top: 10vw;
}
.hdba {
width: 3.5vw;
}
.hdbb {
width: 3.5vw;
}
.schliessen {
width: 3vw;
height: 3vw;
top: 3.5vw;
}
.active4 {
top: 2.5vw;
}
.hdd {
width: 20vw;
}
.active2 {
width: 16vw;
}
.panela {
padding-left: 13.5vw;
}
.laga, .ausa {
padding-left: 13.5vw;
padding-right: 13.5vw;
}
.fotoc {
width: 86.5%;
}
.linkb {
width: 32vw;
height: 42.6vw;
}
.foob {
width: 2.75vw;
}
.wintdaa {
margin-top: 7.5vw;
}
.paneld {
width: 7.5vw;
}
}

@media screen and (max-device-width : 1112px) and (orientation : portrait)  {
.panela {
font-size: 6vw;
line-height: 6vw;
}
.panelbb, .panelbbb, .panelbbbb, .panelbbbbb, .panelbbbbbb, .panelbbbbbbb {
margin-top: 3vw;
}
}

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

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

@media screen and (max-device-width : 926px) and (orientation : landscape)  {
}

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

@media screen and (max-device-width : 896px) and (orientation : landscape)  {
.panela {
padding-left: 22.5vw;
}
.panelc {
bottom: 5vw;
left: auto;
right: 5vw;
}
.paneld {
right: 5vw;
}
}

@media screen and (max-width: 834px) {
.hdbb {
top: 1.2vw;
}
.datb {
width: 25vw;
top: 6%;
right: 7.5%;
}
.listdata {
padding-left: 5vw;
background-position: left 1.5vw;
background-size: 1vw 1vw;
}
.fooaaa {
margin-left: 5vw;
}
.paneld {
width: 10vw;
top: 5vw;
right: 7.5vw;
}
.schliessen {
width: 5vw;
height: 5vw;
top: 5vw;
left: 7.5vw;
}
.active4 {
top: 4vw;
width: 5vw;
height: 5vw;
}
.panelca {
width: 2.5vw;
}
.panelcb {
width: 2.5vw;
margin-left: 2vw;
}
.fooa {
margin-top: 1vw;
}
.foob {
width: 3.75vw;
}
.linkc {
width: 8.5vw;
}
.accordion-title, .accordion-title.open {
background-size: 3vw 3vw;
}
.linkb {
width: 35vw;
height: 47vw;
left: -7.5vw;
}
.linkd {
width: 55%;
}
.kontha {
width: 6vw;
}
.kontg {
margin-top: 7vw;
font-size: 2.6vw;
line-height: 2.6vw;
}
.konte {
margin-top: 15vw;
}
.kontd {
width: 70vw;
bottom: -2.5vw;
left: -15vw;
}
.kontc {
width: 31vw;
height: 45.5vw;
margin-top: -3vw;
}
.kontb {
width: 40.02463054187192vw;
height: 58.00492610837439vw;
}
.kont {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.kontf {
margin-top: 4vw;
font-size: 2.6vw;
line-height: 6vw;
}
.sommcc, .wintcc {
clear: both;
margin-top: 2vw;
}
.wintbb {
width: 100%;
}
.wintbb {
margin-left: 0px;
}
.wint {
margin-top: 15vw;
}
.somme {
width: 20vw;
right: 7.5vw;
top: 10vw;
z-index: 1;
}
.sommcb, .wintcb {
width: 10vw;
margin-left: 4vw;
margin-right: 0vw;
top: 2.75vw;
}
.wintb, .sommb {
width: 100%;
padding-right: 15%;
padding-left: 15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 7.5vw;
}
.sommbb {
width: 100%;
margin-left: 0px;
}
.sommc, .wintc {
margin-left: 15vw;
}
.sommaa, .wintdaa {
margin-top: 0px;
width: 85%;
padding-left: 15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.somm {
background-position: center 75vw;
background-size: 90% 90%;
}
.fotob {
top: 6vw;
left: 12.5vw;
}
.aktcount {
font-size: 2.5vw;
line-height: 2.5vw;
margin-top: 81vw;
right: 7.5vw;
}
.fotoc {
width: 100%;
height: 90vw;
}
.fotoa {
margin-top: 17.5vw;
}
.ause {
width: 45%;
margin-left: 10%;
}
.ausd {
width: 45%;
}
.ausib {
width: 4.5vw;
}
.ausf {
width: 18vw;
}
.lagcb {
left: -15vw;
}
.lagba {
width: 85%;
margin-top: 18vw;
}
.lagbb {
width: 9vw;
top: -2.5vw;
left: -3vw;
}
.ausa {
padding-left: 7.5vw;
padding-right: 7.5vw;
margin-top: 15vw;
}
.laga {
padding-left: 7.5vw;
padding-right: 0px;
margin-top: 15vw;
}
.secbo {
bottom: 34.5vw;
height: 30vw;
}
.secbm {
width: 35vw;
margin-top: 2.5vw;
}
.secbl {
font-size: 2.4vw;
line-height: 2.4vw;
letter-spacing: 3px;
}
.secbk {
width: 5vw;
margin-top: 7.5vw;
}
.secbj {
padding-left: 5vw;
padding-right: 5vw;
margin-top: 7.5vw;
}
.secbj, .laga, .ausa, .sommbb, .wintbb, .linka, .foo, .data, .ausi {
font-size: 2.5vw;
line-height: 4.2vw;
}
.secbc {
width: 15vw;
left: 65vw;
}
.secbb {
width: 30vw;
top: 12vw;
left: 28vw;
}
.secbd {
width: 2vw;
top: 13vw;
left: -7.5vw;
}
h1, h3 {
font-size: 6vw;
line-height: 6vw;
}
h2, h4 {
font-size: 4.5vw;
line-height: 6.4vw;
}
.seca {
margin-top: 22.5vw;
}
.hdc, .hdd, .secbh {
display: none;
}
.hda {
padding-left: 0px;
padding-top: 3vw;
padding-bottom: 3vw;
}
.active1 {
padding-top: 2vw;
padding-bottom: 2vw;
}
.hdda {
width: 10vw;
height: auto;
position: static;
margin-right: auto;
margin-left: auto;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.active2 {
width: 8vw;
height: auto;
}
.secbha {
width: 5vw;
height: auto;
position: absolute;
z-index: 2;
right: 7.5vw;
top: 5vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.active5 {
top: 4vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.hdb {
width: 5.5vw;
height: 5.5vw;
margin-top: 6vw;
}
.active3 {
margin-top: 4.8vw;
}
.hdba, .hdbb {
width: 5.5vw;
}
.anzeige {
left: 7.5vw;
}
}

@media screen and (max-device-width : 812px) and (orientation : landscape)  {
}

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

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

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

@media screen and (max-device-width : 736px) and (orientation : landscape)  {
}

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

@media screen and (max-device-width : 667px) and (orientation : landscape)  {
}

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

@media screen and (max-device-width : 568px) and (orientation : landscape)  {
}

@media screen and (max-device-width : 500px) and (orientation : portrait)  {
.panela {
font-size: 11vw;
line-height: 11vw;
padding-left: 15vw;
}
.panelbb, .panelbbb, .panelbbbb, .panelbbbbb, .panelbbbbbb, .panelbbbbbbb {
margin-top: 4vw;
}
.panelc {
bottom: 7.5vw;
left: auto;
right: 7.5vw;
}
}

@media screen and (max-width: 500px) {
.kontd {
width: 80vw;
bottom: -2.5vw;
left: -12vw;
}
.paneld {
width: 15vw;
right: 7.5vw;
}
.foo {
padding-bottom: 10vw;
padding-left: 10%;
padding-right: 10%;
}
.listdata {
padding-left: 10vw;
background-position: left 3vw;
background-size: 2vw 2vw;
}
.data {
padding-right: 10%;
padding-left: 10%;
}
.datb {
width: 40vw;
top: 3%;
right: 10%;
}
.linkc {
width: 10vw;
bottom: -0.5vw;
left: 6vw;
}
.panelca {
width: 4vw;
}
.panelcb {
width: 4vw;
margin-left: 3vw;
}
.schliessen {
width: 7vw;
height: 7vw;
top: 9.5vw;
left: 10.5vw;
}
.active4 {
top: 7vw;
}
.fooaaa {
margin-left: 7vw;
}
.foob {
width: 6vw;
}
.linkf {
margin-top: 3vw;
margin-bottom: 3vw;
}
.accordion-title, .accordion-title.open {
background-size: 5vw 5vw;
}
.linkb {
width: 80%;
height: 60vw;
float: left;
top: 0px;
left: 10%;
margin-top: 10vw;
border-radius: 0px 15vw 0px 30vw;
}
.linkd {
width: 100%;
padding-left: 10%;
padding-right: 10%;
float: left;
}
.linka {
margin-top: 20vw;
padding-left: 0px;
padding-right: 0px;
}
.kontc {
width: 42vw;
height: 61.5vw;
margin-top: -6vw;
}
.konth {
margin-top: 10vw;
}
.kontha {
width: 7.5vw;
}
.kontg {
margin-top: 15vw;
font-size: 4.5vw;
line-height: 4.5vw;
}
.kontf {
margin-top: 5vw;
font-size: 4.25vw;
line-height: 8.75vw;
}
.kontb {
width: 56vw;
height: 81.5vw;
}
.kont {
background-size: contain;
padding-top: 20vw;
}
.somme {
width: 25vw;
right: 6.5vw;
top: 11vw;
}
.sommc, .wintc {
margin-left: 10vw;
}
.sommaa, .wintdaa {
width: 90%;
padding-left: 10%;
}
.sommcb, .wintcb {
width: 15vw;
margin-left: 6vw;
top: 4.5vw;
}
.wintb, .sommb {
padding-right: 10%;
padding-left: 10%;
}
.somm {
padding-top: 20vw;
background-position: center center;
background-size: 150% 150%;
}
.aktcount {
font-size: 4.5vw;
line-height: 4.5vw;
margin-top: 83.4vw;
right: 10vw;
}
.fotob {
left: 10vw;
}
.fotoc {
height: 96.2vw;
}
.fotoa {
padding-top: 21vw;
margin-top: 20vw;
}
.ausib {
width: 7.5vw;
bottom: 4.5vw;
}
.ausi {
width: 100%;
position: static;
margin-top: 3vw;
}
.aush {
margin-top: 3vw;
margin-bottom: 3vw;
}
.ause {
width: 100%;
margin-left: 0px;
margin-top: 0vw;
}
.ausd {
width: 100%;
}
.ausa {
padding-left: 10vw;
padding-right: 10vw;
margin-top: 20vw;
}
.anzeige {
left: 10vw;
}
.lagcb {
left: -5.5vw;
top: 8vw;
}
h2 {
font-size: 10vw;
line-height: 13vw;
}
h3 {
font-size: 10vw;
line-height: 10vw;
}
h4 {
font-size: 9vw;
line-height: 13vw;
}
.lagc {
width: 100%;
float: left;
}
.laga {
padding-left: 10vw;
padding-right: 10vw;
background-size: cover;
margin-top: 20vw;
}
.lagb {
width: 100%;
margin-top: 10vw;
}
.lagba {
width: 100%;
margin-top: 0vw;
}
.secbm {
width: 55vw;
margin-top: 3.5vw;
}
.secbl {
font-size: 4vw;
line-height: 4vw;
letter-spacing: 2px;
margin-top: 7.5vw;
}
.secbk {
width: 7.5vw;
margin-top: 10vw;
}
.secbj, .laga, .ausa, .sommbb, .wintbb, .linka, .foo, .data, .ausi {
font-size: 4.5vw;
line-height: 8.5vw;
}
.secbj {
padding-left: 10vw;
padding-right: 10vw;
margin-top: 10vw;
}
.secbi {
width: 90%;
}
.secbh {
width: 5vw;
right: 5vw;
top: 5vw;
}
.secbf {
width: 100%;
}
.secbc {
left: 62vw;
top: 13vw;
z-index: 4;
}
.secbb {
width: 40vw;
top: 22vw;
left: 43vw;
}
h1 {
font-size: 9vw;
line-height: 8vw;
}
.secb {
margin-left: 10vw;
}
.hdbb {
top: 1vw;
}
.hdba, .hdbb {
width: 8vw;
}
.hdb {
width: 8vw;
height: 8vw;
margin-top: 11.5vw;
}
.active3 {
margin-top: 8.9vw;
}
.hda {
padding-top: 5vw;
padding-bottom: 5vw;
}
.active1 {
padding-top: 3vw;
padding-bottom: 3vw;
}
.hdda {
width: 15vw;
}
.active2 {
width: 13vw;
}
.seca {
margin-top: 35vw;
}
.secbha {
width: 7.5vw;
top: 9.5vw;
right: 10vw;
}
.active5 {
width: 6.5vw;
top: 7vw;
}
.secbd, .secbg, .secbo, .lagbb, .ausgx, .ausf {
display: none;
}
}

@media screen and (max-width: 428px) {
.panelbbbbbbb {
margin-left: 2vw;
}
.panelbbbbbb {
margin-left: 15vw;
}
.panelbbbbb {
margin-left: -6vw;
}
.panelbbbb {
margin-left: 5vw;
}
.panelbbb {
margin-left: 10vw;
}
.panelb {
margin-left: 5vw;
}
.schliessen {
width: 8vw;
height: 8vw;
top: 11vw;
left: 11vw;
}
.active4 {
top: 8vw;
}
.hda {
padding-top: 5vw;
padding-bottom: 5vw;
}
.active1 {
padding-top: 3vw;
padding-bottom: 3vw;
}
.hdba, .hdbb {
width: 10vw;
}
.hdb {
width: 10vw;
height: 10vw;
margin-top: 13.5vw;
}
.active3 {
margin-top: 10.1vw;
}
.hdda {
width: 17vw;
}
.active2 {
width: 15vw;
}
.secbha {
width: 8.5vw;
top: 10.5vw;
}
.active5 {
width: 7.5vw;
top: 8vw;
}
}

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

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

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


	
@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;}
}