:selection {background: #90ada6; color: #fff;}
::-moz-selection {background: #90ada6; color: #fff;}
::-webkit-scrollbar { display:none;}

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

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

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

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

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

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


html {
width: 100%;
height: 100%;
}
body {
margin: 0px;
font-family: 'Lato';
height: 100%;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
animation: fadein 1.0s;
-moz-animation: fadein 1.0s;
-webkit-animation: fadein 1.0s;
font-weight: 400;
color: #474646;
background-color: #f6f6f6;
}

.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: 25vw;
padding-bottom: 12.500vw;
padding-left: 12.5vw;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.datb {
position: fixed;
width: 12.5vw;
height: auto;
top: 10%;
right: 9%;
z-index: 100;
}
.dtop {
position: absolute;
width: 4.25vw;
height: auto;
z-index: 100;
right: 9%;
bottom: 9vw;
}
.datc {
width: 85%;
}
.stopanker {
margin-top: -350px;
padding-top: 350px;
position: relative;
}
.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.9vw;
background-size: 0.60vw 0.60vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
}
.lliste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_liste.svg);
background-repeat: no-repeat;
padding-left: 3.25vw;
background-position: left 0.7vw;
background-size: 1.25vw 1.25vw;
}
#x1 {
margin-top: -350px;
padding-top: 350px;
}
img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'Lato';
font-size: 2vw;
line-height: 2.75vw;
font-weight: 300;
}
h2 {
font-family: 'Lato';
font-size: 3.2vw;
line-height: 3.9vw;
font-weight: 700;
}
h3 {
font-family: 'Lato';
font-size: 4.2vw;
line-height: 4.2vw;
font-weight: 700;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tg {
color: #90ada6;
}
.tgk {
color: #90ada6;
font-style: italic;
}
.tk {
font-style: italic;
}
.th {
color: #a3a2a2;
}
.trenn {
float: left;
clear: both;
width: 100%;
height: 1px;
background-color: #474646;
margin-top: 3vw;
margin-bottom: 2.75vw;
}

a:link, a:hover, a:visited, a:active {
font-family: 'Lato';
text-decoration: none;
outline: none;
cursor: pointer;
}

A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #474646;
}

A.nava:link, A.nava:visited {
color: #474646;
font-weight: 700;
-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: #90ada6;
font-weight: 700;
-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: #90ada6;
font-weight: 700;
-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: #474646;
font-weight: 700;
-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: #90ada6;
font-weight: 700;
-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: #90ada6;
font-weight: 700;
-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: #fff;
-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: #fff;
-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: #474646;
-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;
border-bottom: 1px solid rgba(163,162,162,0.50);
padding-bottom: 0.4vw;
}
A.navc.active, A.navc:hover {
color: #90ada6;
-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;
border-bottom: 1px solid rgba(144,173,166,1.00);
padding-bottom: 0.2vw;
}
A.navd:link, A.navd:visited {
color: #a3a2a2;
-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;
border-bottom: 1px solid rgba(163,162,162,0.50);
padding-bottom: 0.4vw;
}
A.navd.active, A.navd:hover {
color: #90ada6;
-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;
border-bottom: 1px solid rgba(144,173,166,1.00);
padding-bottom: 0.2vw;
}
A.nave:link, A.nave:visited {
color: #a3a2a2;
-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 {
color: #90ada6;
-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: #474646;
-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;
border-bottom: 1px solid rgba(163,162,162,0.50);
padding-bottom: 0.4vw;
}
A.navf.active, A.navf:hover {
color: #474646;
-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;
border-bottom: 1px solid #474646;
padding-bottom: 0.2vw;
}

.overla {
width: 100%;
float: left;
font-size: 1.25vw;
line-height: 2vw;
font-weight: 400;
margin-top: 5vw;
margin-bottom: 5vw;
padding-left: 5vw;
padding-right: 5vw;
text-align: left;
background-image: url(bilder/icon_zahn_grau_angeschnitten.svg);
background-repeat: no-repeat;
background-position: right 5vw;
background-size: 30%;
}
.overlb {
width: 100%;
float: left;
font-size: 1.25vw;
line-height: 2vw;
font-weight: 400;
background-color: rgba(238,209,112,1.00);
padding-left: 9vw;
padding-right: 9vw;
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
.vita {
width: 17.5vw;
height: 17.5vw;
float: left;
position: relative;
border-radius: 50vw;
background-image: url(bilder/portrait_marcus_meyer_2.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.vitb {
float: left;
position: relative;
margin-left: 7.5vw;
margin-top: 2.5vw;
}
.vitba {
float: left;
}
.vitbb {
float: left;
clear: both;
margin-top: 2vw;
margin-left: 0.4vw;
}
.vitc {
width: 100%;
clear: both;
float: left;
margin-top: 5vw;
}
.vitca {
width: 12.5vw;
float: left;
}
.vitcb {
float: left;
width: 65%;
}
.vitd {
width: 100%;
height: 1px;
float: left;
clear: both;
background-color: #d1d1d1;
margin-top: 1vw;
margin-bottom: 1vw;
}

header {
float: left;
width: 100%;
z-index: 10;
position: fixed;
}
section {
float: left;
width: 100%;
position: relative;
}
footer {
float: left;
width: 100%;
position: relative;
z-index: 1;
background-image: url(bilder/icon_bm_footer.svg);
background-repeat: no-repeat;
background-position: center 23.5vw;
background-size: 42% 42%;
background-color: #fff;
}

.ha {
float: left;
width: 100%;
position: fixed;
z-index: 5;
top: 0px;
left: 0px;
-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;
display: flex;
align-items: center;
background-color: rgba(251,251,251,0.00);
}
.active3 {
background-color: rgba(251,251,251,0.98);
-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;
}
.hb {
width: 9vw;
float: left;
}
.hba {
width: 100%;
height: 7vw;
float: left;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
background-color: #fff;
-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;
}
.active1 {
height: 6vw;
background-color: #fbfbfb;
-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;
}
.hbb {
width: 1.5vw;
height: 2px;
float: right;
background-color: #90ada6;
-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;
}
.hba:hover .hbb {
width: 3vw;
-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;
}
.hbc {
width: 3vw;
height: 2px;
background-color: #90ada6;
margin-top: 0.65vw;
margin-bottom: 0.6vw;
}
.hbd {
width: 1.5vw;
height: 2px;
float: left;
background-color: #90ada6;
-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;
}
.hba:hover .hbd {
width: 3vw;
-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;
}
.hbe {
position: relative;
}

.hc {
float: left;
margin-left: 6vw;
font-size: 1.25vw;
line-height: 1.25vw;
font-weight: 700;
}
.hcx {
float: left;
width: 6vw;
height: auto;
opacity: 0;
-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;
}
.active4 {
opacity: 1;
-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;
}
.hca {
float: left;
}
.hcb {
margin-left: 3.5vw;
float: left;
}

.hd {
width: 12.5vw;
height: auto;
position: absolute;
z-index: 6;
right: 9vw;
top: 3vw;
-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;
}
.active2 {
top: 1.2vw;
width: 9vw;
-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;
}


.sa {
float: left;
width: 100%;
margin-top: 7vw;
position: relative;
z-index: 2;
}
.sb {
float: left;
width: 100%;
}
.sba {
float: left;
width: 50%;
}
.sbb {
float: right;
width: 50%;
margin-top: 4vw;
position: relative;
}
.sbba {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url("bilder/hauptbild_neu_02.jpg");
width: 100%;
height: 44.79166666666667vw;
}
.sbbb {
position: absolute;
width: 3.5vw;
height: auto;
left: 4vw;
top: 4vw;
}
.sbbc {
position: fixed;
z-index: 1000;
width: 6vw;
height: 6vw;
border-radius: 50vw;
background-color: rgba(238,209,112,1.00);
display: flex;
align-items: center;
justify-content: center;
bottom: 5vw;
right: 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;
}
.sbbc:hover {
width: 7vw;
height: 7vw;
-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;
}
.sbbca {
width: 5.5vw;
height: 5.5vw;
}
.sbc {
float: left;
width: 9vw;
background-color: #fff;
padding-top: 4vw;
padding-bottom: 15vw;
}
.sbd {
width: 1.6vw;
height: auto;
float: left;
margin-left: 3.75vw;
}
.sbe {
width: 1.6vw;
height: auto;
float: left;
clear: both;
margin-left: 3.75vw;
margin-top: 5vw;
opacity: 0.5;
-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;
}
.sbe:hover {
opacity: 1;
-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;
}
.sbf {
width: 1px;
height: 5vw;
float: left;
clear: both;
background-color: #d1d1d1;
margin-left: 4.53vw;
margin-top: 5vw;
}
.sbg {
width: 1.6vw;
height: auto;
float: left;
clear: both;
margin-left: 3.75vw;
margin-top: 5vw;
opacity: 0.5;
-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;
}
.sbg:hover {
opacity: 1;
-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;
}
.sbgx {
width: 1.6vw;
height: auto;
float: left;
clear: both;
margin-left: 3.75vw;
margin-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;
}
.sbh {
width: 1.6vw;
height: auto;
float: left;
clear: both;
margin-left: 3.75vw;
margin-top: 5vw;
opacity: 0.5;
-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;
}
.sbh:hover {
opacity: 1;
-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;
}
.sbhx {
width: 1.6vw;
height: auto;
float: left;
clear: both;
margin-left: 3.75vw;
margin-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;
}
.sbi {
float: left;
width: 41vw;
padding-top: 4vw;
}
.sbia {
float: left;
margin-left: 6vw;
font-size: 1.25vw;
line-height: 2vw;
font-weight: 700;
margin-top: 4vw;
}
.sbib {
width: 100%;
float: left;
clear: both;
padding-top: 4vw;
margin-top: 4vw;
padding-left: 6vw;
padding-right: 9.5vw;
padding-bottom: 8.5vw;
color: #fff;
background-color: #90ada6;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
.sbj {
float: left;
clear: both;
width: 2.75vw;
height: auto;
margin-top: 7.5vw;
margin-left: 3.15vw;
}
.sbk {
float: left;
clear: both;
margin-top: 5vw;
border: 1px solid rgba(255,255,255,1.00);
border-top-left-radius: 10vw;
border-top-right-radius: 10vw;
border-bottom-left-radius: 10vw;
border-bottom-right-radius: 0vw;
-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;
}
.sbk:hover {
border-top-right-radius: 0vw;
border-bottom-right-radius: 10vw;
-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;
}
.sbka {
float: left;
margin-top: 0.75vw;
margin-bottom: 0.75vw;
margin-left: 1.5vw;
margin-right: 1.5vw;
font-size: 1.25vw;
line-height: 1.25vw;
font-weight: 500;
}

.sc {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
background-color: #fff;
height: 20vw;
z-index: 1;
}

.pa {
width: 100%;
float: left;
padding-left: 9vw;
padding-right: 9vw;
position: relative;
margin-top: 10vw;
}
.pb {
width: 76vw;
float: left;
margin-left: 6vw;
margin-bottom: 22.5vw;
}
/* Alt
.pb {
width: 76vw;
float: left;
margin-left: 6vw;
margin-bottom: 22.5vw;
}
*/
.pba {
float: left;
font-size: 1.25vw;
line-height: 1.25vw;
font-weight: 400;
}
.pbb {
clear: both;
float: left;
margin-top: 1vw;
}
.pbc {
float: left;
top: -10vw;
position: relative;
}
.pbca {
width: 23.958333333333336vw;
height: auto;
float: left;
position: relative;
}
.pbcb {
float: left;
clear: both;
position: relative;
z-index: 2;
font-size: 1.25vw;
line-height: 2vw;
font-weight: 400;
margin-top: 1.5vw;
}
.pbcc {
float: left;
position: absolute;
bottom: 2vw;
right: 2vw;
background-color: #90ada6;
color: #fff;
border-top-left-radius: 10vw;
border-top-right-radius: 10vw;
border-bottom-left-radius: 10vw;
border-bottom-right-radius: 0vw;
-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;
padding-top: 0.65vw;
padding-bottom: 0.65vw;
padding-left: 1.3vw;
padding-right: 1.3vw;
font-size: 1.25vw;
line-height: 1.25vw;
font-weight: 400;
z-index: 1;
}
.pbcc:hover {
border-top-right-radius: 0vw;
border-bottom-right-radius: 10vw;
-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;
}
.pbd {
width: 35vw;
float: left;
top: -12.5vw;
position: relative;
clear: both;
}
.pbe {
width: 35vw;
float: right;
position: relative;
margin-top: 7.5vw;
}
.pbf {
width: 35vw;
float: right;
position: relative;
margin-top: 5vw;
}
.pbg {
width: 100%;
height: 3.6458333333333335vw;
float: left;
position: absolute;
z-index: 1;
}

.pc {
width: 100%;
float: left;
}
.pca {
width: 35vw;
float: right;
margin-top: 1.75vw;
font-size: 1.25vw;
line-height: 2.25vw;
font-weight: 400;
padding-right: 7.5vw;
}

.pd {
position: absolute;
right: 9vw;
top: 45vw;
}
.pda {
width: 1.5vw;
height: auto;
float: left;
transition: all .1s ease-in-out;
position: relative;
z-index: 100;
}
.pda:hover {
transform: scale(1.3);
}
.pdd {
width: 1px;
height: 5vw;
float: left;
clear: both;
margin-left: 0.7vw;
margin-top: 5vw;
background-color: #d1d1d1;
}
.pdc {
width: 1.25vw;
height: auto;
float: left;
clear: both;
margin-top: 5vw;
}

.la {
width: 100%;
float: left;
position: relative;
background-color: #fff;
}
.lb {
width: 14vw;
height: auto;
float: right;
position: absolute;
z-index: 2;
top: -8.5vw;
right: 9vw;
}
#loading {
animation: rotation 20s infinite linear;
}
.lc {
width: 100%;
float: left;
position: relative;
}
.ld {
width: 39vw;
height: auto;
float: left;
position: relative;
z-index: 1;
top: -10vw;
}
.le {
width: 44%;
float: right;
margin-top: 10vw;
}
.lf {
float: left;
}
.lg {
float: left;
clear: both;
font-size: 1.25vw;
line-height: 2.25vw;
font-weight: 400;
margin-top: 4vw;
}
.lh {
width: 100%;
float: left;
font-size: 1.25vw;
line-height: 2.25vw;
font-weight: 400;
}
.li {
width: 37vw;
height: auto;
float: left;
position: relative;
}
.lia {
width: 22vw;
height: auto;
float: right;
position: relative;
}
.lib {
float: right;
width: 22vw;
clear: both;
margin-top: 3vw;
}
.lic {
float: left;
width: 3.5vw;
height: 3.5vw;
border-radius: 50vw;
border: 1px solid rgba(144,173,166,1.00);
display: flex;
justify-content: center;
align-items: center;
}
.lica {
float: left;
width: 1.4vw;
height: auto;
}
.lid {
float: left;
width: 3.5vw;
height: 3.5vw;
border-radius: 50vw;
border: 1px solid rgba(144,173,166,1.00);
opacity: 0.5;
display: flex;
justify-content: center;
align-items: center;
margin-left: 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;
}
.lid:hover {
opacity: 1;
-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;
}
.lida {
float: left;
width: 1.4vw;
height: auto;
}
.lj {
float: right;
width: 44%;
padding-right: 14vw;
}
.lk {
width: 100%;
float: left;
margin-top: 10vw;
}

.fooa {
float: left;
width: 100%;
padding-top: 10vw;
position: relative;
font-size: 1.25vw;
line-height: 2.25vw;
font-weight: 400;
padding-left: 9vw;
padding-right: 9vw;
}
.foob {
float: right;
width: 44%;
}
.fooba {
width: 100%;
float: left;
margin-top: 2.5vw;
}
.fooc {
width: 100%;
float: left;
margin-top: 7.5vw;
}
.food {
width: 44%;
float: right;
}
.fooe {
float: left;
padding-left: 6vw;
width: 50%;
}
.fooea {
float: left;
width: 3.5vw;
}
.fooeb {
float: left;
}
.fooec {
float: left;
width: 3vw;
text-align: center;
}
.fooed {
float: left;
}
.fooda {
width: 20vw;
}
.foof {
float: left;
clear: both;
}
.foog {
width: 100%;
height: 0.1vw;
float: left;
clear: both;
}
.fooh {
width: 100%;
float: left;
margin-top: 5vw;
}
.fooi {
position: absolute;
right: 9vw;
top: -25vw;
}
.fooia {
width: 4vw;
height: auto;
float: right;
margin-right: -4vw;
position: relative;
top: 0vw;
-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;
}
.fooia:hover {
position: relative;
top: 0.7vw;
-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;
}
.fooj {
width: 39vw;
height: auto;
float: left;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 2;
}
.fook {
width: 45%;
float: right;
position: relative;
z-index: 2;
font-size: 1.25vw;
line-height: 2.25vw;
font-weight: 400;
margin-top: 27vw;
padding-bottom: 6vw;
}
.fooka {
float: left;
}
.fookb {
float: left;
margin-left: 4vw;
}
.fool {
width: 100%;
height: auto;
position: absolute;
bottom: 0px;
left: 0px;
opacity: 0.5;
}




/* Anfang - Mobile Navigation */
.icon {
z-index: 1000001;
}
.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: rgba(223,222,223,0.50);
color: #474646;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 2vw;
left: 3vw;
width: 3vw;
height: 3vw;
}
.close {
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: 50%;
height: 100%;
float: left;
position: relative;
z-index: 2;
font-family: 'Lato';
background-color: #fff;
}
.panelb {
width: 41vw;
height: 100%;
float: right;
background-color: #f6f6f6;
padding-left: 6vw;
padding-top: 11vw;
overflow-y: auto;
background-image: url(bilder/icon_zahn_weiss_angeschnitten.svg);
background-repeat: no-repeat;
background-position: right 13vw;
background-size: 40%;
}
.panelba {
float: left;
font-size: 3.25vw;
line-height: 3.25vw;
font-weight: 700;
}
.panelbb {
float: left;
clear: both;
margin-top: 1.5vw;
font-size: 3.25vw;
line-height: 3.25vw;
font-weight: 700;
}
.panelc {
float: left;
clear: both;
font-size: 1.5vw;
line-height: 1.5vw;
font-weight: 500;
position: relative;
margin-top: 10vw;
margin-bottom: 2.5vw;
}
.panelca {
float: left;
}
.panelcb {
float: left;
margin-left: 3vw;
}

.paneld {
width: 15.625vw;
height: 4.0625vw;
height: auto;
clear: both;
float: left;
margin-top: 5vw;
}
.panelda {
width: 15.625vw;
height: 4.0625vw;
border-bottom-left-radius: 50vw;
border-bottom-right-radius: 50vw;
border-top-left-radius: 50vw;
border-top-right-radius: 50vw;
background-color: rgba(238,209,112,1.00);
display: flex;
align-items: center;
justify-content: center;
bottom: 5vw;
right: 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;
}
.panelda:hover {
border-bottom-left-radius: 50vw;
border-bottom-right-radius: 50vw;
border-top-left-radius: 50vw;
border-top-right-radius: 0vw;
-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;
}

.panele {
position: absolute;
z-index: 5;
right: 7.5vw;
top: 6.25vw;
}
.panelea {
width: 5vw;
height: auto;
float: left;
opacity: 0.5;
}
.paneleb {
width: 5vw;
height: auto;
float: left;
margin-left: 6vw;
margin-top: 0.5vw;
opacity: 0.5;
}



#loading {
animation: rotation 20s infinite linear
}

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

/* 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) {
.hcx {
display: none;
}
}

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

@media screen and (min-width: 835px) {
.sbhx, .sbgx, .panele {
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) {
.sbba {
height: 45.2vw;
}
.fooda {
width: 25vw;
}
.lib {
margin-top: 4vw;
}
.lid {
margin-left: 2.75vw;
}
.lia, .lib {
width: 24vw;
}
.li {
width: 39vw;
}
.lid, .lic {
width: 4.5vw;
height: 4.5vw;
}
.lica, .lida {
width: 1.75vw;
}
.pca {
padding-right: 5vw;
}
.lliste {
padding-left: 3.5vw;
background-position: left 0.5vw;
background-size: 1.5vw 1.5vw;
}
.sbj {
width: 3vw;
}
.sbd, .sbe, .sbg, .sbh {
width: 1.75vw;
}
.sbk {
margin-top: 4vw;
}
.sbib {
padding-right: 7vw;
}
h1 {
font-size: 2.1vw;
line-height: 2.8vw;
}
h2 {
font-size: 3.4vw;
line-height: 4.1vw;
}
.pda {
width: 1.75vw;
}
.lb {
width: 16vw;
}
.paneld, .panelda {
width: 17.5vw;
height: 5.5vw;
}
.lg {
font-size: 1.5vw;
line-height: 2.5vw;
}
.sbia, .pca, .pbcb, .lh, .fooa, .fook, .data, .overla, .overlb {
font-size: 1.5vw;
line-height: 2.3vw;
}
.hc, .sbka, .pbcc, .pba {
font-size: 1.5vw;
line-height: 1.5vw;
}
.hcb {
margin-left: 3vw;
}
.fooia {
width: 5vw;
margin-right: -5vw;
}
.dtop {
width: 5vw;
}
}

@media screen and (max-device-width : 1366px) and (orientation : landscape) {
.panelc {
position: absolute;
margin-top: 0vw;
margin-bottom: 0vw;
bottom: 7.5vw;
}
}


@media screen and (max-device-width : 1366px) and (orientation : portrait) {
.panelb {
background-position: right center;
background-size: 60%;
}
.panelba {
font-size: 5.5vw;
line-height: 5.5vw;
}
.paneld, .panelda {
width: 25vw;
height: 7.8vw;
}
.paneld {
margin-top: 10vw;
}
.panelbb {
margin-top: 2.5vw;
font-size: 5.5vw;
line-height: 5.5vw;
}
.panelc {
position: absolute;
margin-top: 0vw;
margin-bottom: 0vw;
bottom: 7.5vw;
}
.panelc {
bottom: 10vw;
}
.panelc {
font-size: 2.75vw;
line-height: 2.75vw;
}
.panelcb {
margin-left: 0vw;
clear: both;
margin-top: 3vw;
}
}

@media screen and (max-width: 1194px) {
.vitd {
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.panelc {
position: absolute;
margin-top: 0vw;
margin-bottom: 0vw;
bottom: 7.5vw;
}
}

@media screen and (max-width: 1080px) {
.hbc {
margin-top: 0.7vw;
}
}


@media screen and (max-width: 834px) {
.trenn {
margin-top: 6vw;
margin-bottom: 5.75vw;
}
.overlb {
margin-top: 10vw;
padding-left: 15vw;
padding-right: 15vw;
padding-top: 10vw;
padding-bottom: 10vw;
}
.overla {
background-position: right 10vw;
background-size: 40%;
}
.vitb {
margin-top: 6vw;
}
.vitc {
margin-top: 10vw;
}
.vita {
width: 30vw;
height: 30vw;
}
.vitca {
width: 20vw;
}
.panelc {
font-size: 3.5vw;
line-height: 3.5vw;
}
.paneld, .panelda {
width: 32.5vw;
height: 9vw;
}
.paneld {
margin-top: 10vw;
}
.panelba {
font-size: 6vw;
line-height: 6vw;
}
.panelbb {
margin-top: 2.5vw;
font-size: 6vw;
line-height: 6vw;
}
.panela {
width: 100%;
}
.schliessen {
top: 4vw;
left: 5vw;
width: 5vw;
height: 5vw;
}
.panelb {
width: 85%;
padding-top: 19vw;
}
.dtop {
width: 7.5vw;
}
.datb {
width: 22.5vw;
top: 8%;
}
.fooea {
width: 6.5vw;
}
.sbba {
height: 76vw;
}
.fook {
width: 100%;
float: left;
margin-top: 15vw;
padding-bottom: 10vw;
padding-left: 15%;
padding-right: 15%;
}
.fooj {
width: 100%;
position: relative;
}
.fooia {
width: 7.5vw;
margin-right: 0vw;
}
.fooia:hover {
top: 0vw;
}
.fooda {
width: 60%;
}
.lid {
margin-left: 3.75vw;
}
.foob, .food {
float: left;
width: 100%;
}
.fooe {
width: 100%;
padding-left: 0vw;
margin-top: 6vw;
}
.fooa {
padding-left: 15%;
padding-right: 15%;
}
.lliste {
padding-left: 6vw;
background-position: left 1vw;
background-size: 2.5vw 2.5vw;
}
.lica, .lida {
width: 2.75vw;
}
.lid, .lic {
width: 7.5vw;
height: 7.5vw;
}
.lib {
margin-top: 5vw;
}
.lh {
padding-left: 15%;
padding-right: 15%;
margin-top: 7.5vw;
}
.lj {
float: left;
width: 100%;
padding-right: 0px;
}
.lia, .lib {
width: 100%;
}
.lj {
float: left;
width: 100%;
padding-right: 0px;
margin-top: 5vw;
}
.li {
width: 100%;
}
.lb {
width: 30vw;
top: -22.5vw;
right: 62.5vw;
}
.ld {
width: 100%;
padding-left: 15%;
padding-right: 15%;
}
.le {
width: 100%;
float: left;
margin-top: 0vw;
padding-left: 15%;
padding-right: 15%;
}
.lg {
font-size: 2.5vw;
line-height: 4.5vw;
}
.pbcb {
margin-top: 2.5vw;
}
.pbca {
width: 100%;
}
.pbf {
width: 45%;
margin-top: 10vw;
}
.pbe {
width: 45%;
margin-top: 20vw;
}
.pbc {
width: 45%;
top: 0vw;
margin-top: 10vw;
}
.pbcc {
bottom: 3vw;
right: 3vw;
padding-top: 1vw;
padding-bottom: 1vw;
padding-left: 2vw;
padding-right: 2vw;
}
.pbd {
width: 45%;
top: 0vw;
}
.pbb {
margin-top: 1.5vw;
}
.pda {
width: 3.25vw;
}
.pd {
right: 7.5vw;
top: 0vw;
}
.sbia, .pca, .pbcb, .lh, .fooa, .fook, .data, .overla, .overlb {
font-size: 2.5vw;
line-height: 4vw;
}
.pca {
width: 100%;
padding-right: 0vw;
margin-top: 5vw;
}
.pb {
width: 70vw;
margin-left: 0vw;
margin-bottom: 27.5vw;
}
.pa {
padding-left: 15vw;
padding-right: 15vw;
}
.sbk {
margin-top: 10vw;
}
.sbka {
margin-top: 1.75vw;
margin-bottom: 1.75vw;
margin-left: 3vw;
margin-right: 3vw;
}
h1, h2 {
font-size: 5vw;
line-height: 6vw;
}
.sbib {
padding-top: 5vw;
margin-top: 0vw;
padding-left: 15vw;
padding-right: 19vw;
padding-bottom: 15vw;
}
.sbd, .sbe, .sbgx, .sbhx {
width: 3.5vw;
margin-left: 5.75vw;
}
.sbgx {
position: absolute;
margin-top: 49vw;
}
.sbhx {
position: absolute;
margin-top: 62vw;
}
.sbd {
position: absolute;
margin-top: 10vw;
}
.sbe {
position: absolute;
margin-top: 25vw;
opacity: 1;
}
.sbia {
margin-left: 15vw;
font-size: 3.25vw;
line-height: 4.25vw;
margin-top: 0vw;
color: #fff;
}
.sbbc {
width: 12vw;
height: 12vw;
bottom: 6vw;
right: 6vw;
}
.sbbc:hover {
width: 12vw;
height: 12vw;
}
.sbbca {
width: 11vw;
height: 11vw;
}
.hbc {
width: 4vw;
margin-top: 1.1vw;
margin-bottom: 0.9vw;
}
.hbb {
width: 4vw;
}
.hba:hover .hbb {
width: 4vw;
}
.hbd {
width: 4vw;
}
.hba:hover .hbd {
width: 4vw;
}
.hd {
width: 20vw;
right: 7.5vw;
top: 5.5vw;
}
.active2 {
top: 2.1vw;
width: 16.5vw;
}
.hc {
margin-left: 0vw;
}
.hc, .sbka, .pbcc, .pba {
font-size: 2.5vw;
line-height: 2.5vw;
}
.sa {
margin-top: 14vw;
background-color: #f6f6f6;
}
.hba {
width: 100%;
height: 13vw;
background-color: rgba(255,255,255,0.00);
}
.active1 {
height: 11vw;
background-color: #fbfbfb;
}
.hb {
width: 15%;
}
.sbc {
width: 15%;
background-color: rgba(255,255,255,0.00);
padding-top: 5vw;
padding-bottom: 0vw;
}
.sbb {
width: 85%;
margin-top: 5vw;
position: absolute;
right: 0px;
}
.sba {
width: 100%;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.sbi {
width: 100%;
padding-top: 50vw;
background-color: #90ada6;
margin-top: 38.00959232613909vw;
}
.sbf, .sbj, .sbg, .sbh, .sbbb, .pdd, .pdc {
display: none;
}
}


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

@media screen and (max-device-width : 926px) and (orientation : landscape) {
.panelc {
position: relative;
margin-top: 17.5vw;
}
.panelb {
padding-top: 10vw;
}
}

@media screen and (max-device-width : 834px) and (orientation : portrait) {
.panelba {
font-size: 8vw;
line-height: 8vw;
}
.panelbb {
font-size: 8vw;
line-height: 8vw;
margin-top: 3.5vw;
}
}

@media screen and (max-width: 500px) {
.overlb {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.overla {
background-position: right 40vw;
background-size: 55%;
}
.vitd {
margin-top: 3.5vw;
margin-bottom: 3.5vw;
}
.vitcb {
width: 100%;
margin-top: 2vw;
clear: both;
}
.vitca {
width: 100%;
}
.vitb {
margin-left: 0vw;
margin-top: 10vw;
clear: both;
width: 100%;
}
.vita {
width: 60vw;
height: 60vw;
}
.panele {
top: 6.25vw;
}
.panelea {
width: 6vw;
}
.paneleb {
width: 6vw;
}
.panelba {
font-size: 12vw;
line-height: 12vw;
}
.panelbb {
font-size: 12vw;
line-height: 12vw;
margin-top: 5vw;
}
.schliessen {
top: 5vw;
left: 7vw;
width: 8vw;
height: 8vw;
}
.panelb {
width: 100%;
padding-top: 23vw;
padding-left: 7.5vw;
}
.paneld, .panelda {
width: 60vw;
height: 17vw;
}
.paneld {
margin-top: 20vw;
}
.panelc {
bottom: 10vw;
}
.panelcb {
margin-left: 0vw;
clear: both;
margin-top: 3.5vw;
}
.panelc {
font-size: 4.5vw;
line-height: 4.5vw;
}
.dtop {
width: 12.5vw;
}
.datb {
width: 25vw;
top: 5%;
}
.data {
padding-top: 27.5vw;
padding-left: 7.5vw;
padding-right: 17.5vw;
}
.lk {
margin-top: 15vw;
}
.fookb {
margin-left: 0vw;
clear: both;
margin-top: 2vw;
}
.fooda {
width: 80%;
}
.fooe, .fooh {
margin-top: 10vw;
}
footer {
background-position: center -7.5vw;
background-size: 50% 50%;
}
.fook {
margin-top: 25vw;
padding-bottom: 15vw;
padding-left: 7.5%;
padding-right: 7.5%;
}
.fooia {
width: 12.5vw;
}
.fooa {
padding-top: 15vw;
}
.fooba {
margin-top: 3.5vw;
}
.fooea {
width: 12.5vw;
}
.lj {
margin-top: 7.5vw;
}
.lib {
margin-top: 7.5vw;
}
.lid {
margin-left: 6vw;
}
.lica, .lida {
width: 5.5vw;
}
.lid, .lic {
width: 15vw;
height: 15vw;
}
.lliste {
padding-left: 12vw;
background-position: left 2vw;
background-size: 5vw 5vw;
}
.pbcc {
bottom: 5vw;
right: 5vw;
padding-top: 3vw;
padding-bottom: 3vw;
padding-left: 5vw;
padding-right: 5vw;
border-top-right-radius: 10vw;
border-bottom-right-radius: 10vw;
}
.pbcc:hover {
border-top-right-radius: 10vw;
border-bottom-right-radius: 10vw;
}
.pbcb {
margin-top: 5vw;
}
.pbf {
width: 80%;
margin-top: 30vw;
}
.pbd {
width: 80%;
top: 15vw;
}
.pbe {
width: 80%;
margin-top: 15vw;
}
.pbc {
width: 80%;
margin-top: 15vw;
}
.pca {
margin-top: 7.5vw;
}
.pa {
margin-top: 15vw;
}
.pda {
width: 6vw;
}
.pbb {
margin-top: 2.5vw;
}
h2 {
font-size: 8vw;
line-height: 9.25vw;
}
.pb {
width: 100%;
margin-bottom: 40vw;
}
.lg {
font-size: 4.5vw;
line-height: 8vw;
margin-top: 7.5vw;
}
.sbia, .pca, .pbcb, .lh, .fooa, .fook, .data, .overla, h3, .overlb {
font-size: 4.5vw;
line-height: 6.7vw;
}
.lb {
width: 40vw;
right: 10vw;
top: -23.5vw;
}
.ld {
padding-left: 0vw;
padding-right: 0vw;
}
.pa, .le, .lh, .fooa {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.sbgx {
margin-top: 50vw;
}
.sbhx {
margin-top: 67vw;
}
.sbe {
margin-top: 23vw;
}
.sbd {
margin-top: 4vw;
}
.sbbca {
width: 13vw;
height: 13vw;
}
.sbbc {
bottom: 7.5vw;
right: 7.5vw;
width: 17.5vw;
height: 17.5vw;
}
.sbbc:hover {
width: 17.5vw;
height: 17.5vw;
}
.sbk {
border-bottom-right-radius: 10vw;
border-top-left-radius: 10vw;
border-top-right-radius: 10vw;
border-bottom-left-radius: 10vw;
}
.sbk:hover {
border-bottom-right-radius: 10vw;
border-top-left-radius: 10vw;
border-top-right-radius: 10vw;
border-bottom-left-radius: 10vw;
}
.hc, .sbka, .pbcc, .pba {
font-size: 4.25vw;
line-height: 4.25vw;
}
.sbka {
margin-top: 3vw;
margin-bottom: 3vw;
margin-left: 5vw;
margin-right: 5vw;
}
h1 {
line-height: 6.5vw;
}
.sbib {
padding-top: 6vw;
padding-left: 22vw;
padding-right: 10vw;
padding-bottom: 19vw;
}
.sbi {
padding-top: 55vw;
}
.sbia {
margin-left: 22vw;
font-size: 5vw;
line-height: 6vw;
}
.sbc {
width: 18%;
padding-top: 16.5vw;
}
.hd {
width: 33vw;
}
.active2 {
top: 3.6vw;
width: 28vw;
}
.hba {
height: 18vw;
}
.active1 {
height: 18vw;
background-color: rgba(251,251,251,0.00);
}
.sbba {
height: 90vw;
}
.sbd, .sbe, .sbgx, .sbhx {
width: 5.5vw;
margin-left: 8.4vw;
}
.sbb {
width: 78%;
margin-top: 10vw;
}
.hb {
width: 22%;
}
.hbc {
width: 7vw;
margin-top: 25%;
margin-bottom: 20%;
}
.hbb {
width: 7vw;
}
.hba:hover .hbb {
width: 7vw;
}
.hbd {
width: 7vw;
margin-top: 0px;
margin-bottom: 0px;
}
.hba:hover .hbd {
width: 7vw;
}
.hc {
display: none;
}
}

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