:selection {background: #e95d62; color: #fff;}
::-moz-selection {background: #e95d62; color: #fff;}
/*::-webkit-scrollbar { display:none;}*/


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

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


/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v37-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/playfair-display-v37-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/playfair-display-v37-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/playfair-display-v37-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-v20-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}





html {
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
scroll-behavior: smooth;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
}
body {
font-family: 'Ubuntu';
height: 100%;
background-color: #fff;
font-weight: 400;
color: #464544;
font-size: 1.1vw;
}

@keyframes fadein {
from{opacity:0;}to{opacity:1;}
}


.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
}

.pink {
color: #CB0B88;
}
.tw {
color: #fff;
}

.next1 {
position: absolute;
display: block;
margin-top: -300px;
padding-top: 300px;
}

.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 12.5vw;
padding-right: 12.5vw;
padding-bottom: 12.5vw;
padding-left: 12.5vw;
line-height: 2.2916666666666665vw;
}
.datb {
position: fixed;
width: 15vw;
height: auto;
top: 7.5vw;
right: 7.5vw;
z-index: 100;
}
.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.8vw;
background-size: 0.50vw 0.50vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
background-repeat: no-repeat;
padding-left: 0vw;
margin-top: 0.5vw;
}


img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'Playfair Display';
font-size: 2.604166666666667vw;
line-height: 2.604166666666667vw;
font-weight: 400;
}
h2 {
font-family: 'Playfair Display';
font-size: 2.3vw;
line-height: 2.8vw;
font-weight: 400;
}
h3 {
font-family: 'Playfair Display';
font-size: 2.3vw;
line-height: 3.2vw;
font-weight: 400;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 900;
}
.tk {
font-style: italic;
}
.tfu {
font-weight: 600;
border-bottom: 3px solid #fff;
padding-bottom: 1px;
}
.tg {
color: #587563;
}
.tr {
color: #e95d62;
}
.tfr {
color: #e95d62;
font-weight: 900;
}

.absta {
float: left;
width: 100%;
height: 1px;
}

.aus1 {
display: inline;
}
.aus2 {
display: inline;
}
.aus3 {
display: inline;
}
.aus4 {
display: inline;
}

a:link, a:hover, a:visited, a:active {
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #587563;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.telwa:link, A.telwa:active, A.telwa:visited, A.telwa:hover {
color: rgba(255,255,255,0.50);
}
A.telg:link, A.telg:active, A.telg:visited, A.telg:hover {
color: #464544;
}

A.nava:link, A.nava:visited {
color: rgba(255,255,255,1.00);
background: 
linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0.2)),
linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(255,255,255,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
}
A.nava.active, A.nava:hover {
color: rgba(255,255,255,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
}
A.navb:link, A.navb:visited {
color: #587563;
transition: all ease-out .2s;
}
A.navb.active, A.navb:hover {
color: #587563;
transition: all ease-out .2s;
}
A.navc:link, A.navc:visited {
color: #464544;
transition: all ease-out .2s;
}
A.navc.active, A.navc:hover {
color: #587563;
transition: all ease-out .2s;
}

A.navd:link, A.navd:visited {
color: rgba(70,69,68,1.00);
background: 
linear-gradient(to right, rgba(70,69,68,0.2), rgba(70,69,68,0.2)),
linear-gradient(to right, rgba(88,117,99,1), rgba(88,117,99,1), rgba(88,117,99,1));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(70,69,68,0);
padding-bottom: 0.3vw;
transition: all ease-out .3s;
}
A.navd.active, A.navd:hover {
color: rgba(88,117,99,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.3vw;
transition: all ease-out .2s;
}

header {
width: 100%;
float: left;
position: fixed;
z-index: 99;
}
section {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
.sfarbe {
background-color: #e3e8e4;
z-index: 0;
}
.pfarbe {
background-color: #f3f5f4;
z-index: 0;
}
footer {
float: left;
width: 100%;
position: relative;
z-index: 0;
background-color: #fff;
}

.foo {
width: 100%;
float: left;
position: relative;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
padding-top: 6vw;
padding-bottom: 4.5vw;
font-size: 1vw;
line-height: 1.5vw;
}
.foo2 {
width: 100%;
float: left;
position: relative;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
padding-top: 10.938vw;
padding-bottom: 10.938vw;
font-size: 1vw;
line-height: 1.5vw;
background-image: url(bilder/icon_zitat.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 16.458333333333332vw 17.083333333333332vw;
}
.fooa {
width: 50%;
float: left;
position: absolute;
bottom: 4.5vw;
}
.fooa2 {
width: 50%;
float: left;
position: relative;
top: 4.5vw;
}
.fooaa {
float: left;
position: relative
}
.fooaaa {
float: left;
position: relative;
bottom: 0px;
}
.fooaaa2 {
float: left;
position: relative;
bottom: 0px;
}
.fooab {
float: left;
margin-left: 2.75vw;
}
.foob {
width: 50%;
float: right;
position: relative;
}
.fooba {
float: right;
text-align: left;
position: relative;
}
.fooba2 {
float: right;
text-align: left;
position: relative;
right: 0px;
}

.headerbox {
width: 100%;
height: 8.85vw;
position: absolute;
background-color: #fff;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
transition: all ease-out .2s;
}
.active1 {
height: 6vw;
transition: all ease-out .2s;
}

.na {
width: 2.604166666666667vw;
height: 2.604166666666667vw;
float: left;
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
left: 2.864583333333333vw;
top: 2.34375vw;
transition: all ease-out .3s;
}
.active4 {
top: 1.7vw;
transition: all ease-out .2s;
}
.naa {
width: 100%;
height: 2px;
float: left;
background-color: #a9a9aa;
position: relative;
transition: all ease-out .2s;
}
.naaa {
width: 100%;
height: 2px;
float: left;
background-color: #587563;
position: relative;
transform: rotateZ(45deg);
transition: all ease-out .2s;
top: -2px;
}
.na:hover .naaa {
transform: rotateZ(90deg);
transition: all ease-out .2s;
}

.navbox {
float: left;
position: absolute;
z-index: 2;
top: 3vw;
left: 10.9375vw;
font-size: 1.1vw;
line-height: 1.1vw;
font-weight: 500;
color: #464544;
transition: all ease-out .3s;
}
.active5 {
top: 2.4vw;
transition: all ease-out .2s;
}
.nb {
float: left;
}
.nc {
float: left;
margin-left: 2.1875vw;
}
.nd {
width: 6.770833333333333vw;
height: 5.15625vw;
position: relative;
transition: all ease-out .2s;
}
.active2 {
transform: scale(0.8);
transition: all ease-out .3s;
}
.ne {
width: 14.0625vw;
height: 4.114583333333333vw;
position: absolute;
top: 2.34375vw;
right: 10.9375vw;
z-index: 2;
transition: all ease-out .2s;
}
.active3 {
width: 11.5vw;
height: auto;
top: 1.4vw;
transition: all ease-out .3s;
}
.nf {
float: left;
font-weight: 400;
}

.ne2 {
width: 14vw;
height: 14vw;
border-radius: 50vw;
background-color: rgba(88,117,99,1.00);
position: absolute;
z-index: 200;
right: 8.5vw;
top: 5.5vw;
display: flex;
justify-content: center;
align-items: center;
transition: all ease-out .3s;
}
.ne2a {
width: 5.7vw;
height: 5.7vw;
}


.seca {
width: 100%;
height: 47.4vw;
float: left;
background-image: url("bilder/irisierender_background.png");
position: relative;
background-color: #587563;
margin-top: 8.85vw;
background-repeat: repeat;
background-position: left top;
z-index: 2;
}

.secb {
float: left;
position: relative;
width: 50%;
padding-left: 10.9375vw;
color: #fff;
padding-right: 10.9375vw;
line-height: 1.9vw;
}
.secc {
float: right;
position: relative;
width: 50%;
z-index: 2;
}
.secca {
float: left;
position: relative;
clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
width: 100%;
height: 50.520833333333336vw;
z-index: 2;
}
.seccaa {
width: 4.5vw;
height: 4.5vw;
border-radius: 50vw;
background-color: rgba(255,255,255,0.80);
position: absolute;
z-index: 200;
right: 2.864583333333333vw;
bottom: 5.75vw;
display: flex;
justify-content: center;
align-items: center;
transition: all ease-out .3s;
}
.seccaa:hover {
background-color: rgba(255,255,255,1);
transition: all ease-out .2s;
}
.seccaaa {
width: 1.7vw;
height: 1.7vw;
}
.secba {
width: 100%;
float: left;
margin-top: 4vw;
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.15625vw;
font-weight: 300;
}
.secbb {
width: 100%;
float: left;
margin-top: 7.5vw;
}
.secbc {
width: 100%;
float: left;
margin-top: 4vw;
}
.secd {
width: 1.3541666666666667vw;
height: auto;
position: absolute;
bottom: 2.864583333333333vw;
left: 2.864583333333333vw;
}
.ia {
width: 100%;
float: left;
position: relative;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
padding-top: 10vw;
padding-bottom: 10vw;
}
.ia2 {
width: 100%;
float: left;
position: relative;
padding-top: 7.552083333333333vw;
padding-bottom: 13.020833333333334vw;
}
.ib {
width: 0.9vw;
height: auto;
position: absolute;
right: 5vw;
top: 17.5vw;
}
.ic {
width: 100%;
float: left;
position: relative;
display: flex;
justify-content: center;
}
.id {
width: 15vw;
height: 15vw;
}
.ie {
width: 100%;
float: left;
clear: both;
}
.if {
width: 50%;
float: left;
position: relative;
margin-top: 9vw;
}
.ifa {
width: 28.125vw;
height: 33.85416666666667vw;
position: relative;
z-index: 2;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
}
.ifb {
width: 28.125vw;
height: 33.85416666666667vw;
background-color: #f3f5f4;
position: absolute;
top: -5.989583333333334vw;
z-index: 1;
left: -4.036458333333334vw;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
}
.ifc {
float: left;
clear: both;
position: relative;
font-size: 1vw;
line-height: 1.5vw;
letter-spacing: 0.15625vw;
font-weight: 300;
margin-top: 4%;
}

.ig {
width: 50%;
float: right;
line-height: 1.9vw;
}
.iga {
float: left;
margin-top: 10.416666666666668vw;
}
.igb {
float: left;
padding-right: 10vw;
clear: both;
margin-top: 4vw;
}
.igc {
float: left;
clear: both;
margin-top: 4vw;
border-radius: 50vw;
background-color: #587563;
color: #fff;
display: flex;
align-items: center;
padding-left: 1.2vw;
padding-right: 1.6vw;
padding-top: 0.8vw;
padding-bottom: 0.85vw;
transition: all ease-out .2s;
}
.igc:hover {
background-color: #e95d62;
transition: all ease-out .2s;
}
.igca {
float: left;
margin-left: 1vw;
margin-right: 1.25vw;
font-weight: 700;
}
.igcb {
width: 0.78125vw;
height: 1.40625vw;
float: left;
}
.ih {
width: 1.3541666666666667vw;
height: auto;
position: absolute;
right: 5vw;
bottom: 3vw;
transition: all ease-out .2s;
}
.ih:hover {
bottom: 3.5vw;
transition: all ease-out .2s;
}
.igi {
width: 100%;
float: left;
clear: both;
margin-top: 3vw;
padding-right: 10vw;
}


.leibox {
width: 100%;
height: auto;
float: left;
background-image: url("bilder/irisierender_background.png");
position: relative;
background-color: #587563;
margin-top: 8.85vw;
background-repeat: repeat;
background-position: left top;
z-index: 2;
}
.lei {
float: left;
position: relative;
width: 100%;
padding-left: 10.9375vw;
color: #fff;
padding-right: 10.9375vw;
line-height: 1.9vw;
}
.leia {
width: 100%;
float: left;
position: relative;
margin-top: 4vw;
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.15625vw;
font-weight: 300;
}
.leib {
float: left;
margin-top: 4vw;
position: relative;
}
.leic {
width: 1.3541666666666667vw;
height: auto;
position: absolute;
top: 22.5vw;
left: 2.864583333333333vw;
}
.leid {
float: right;
position: absolute;
top: 2.864583333333333vw;
right: 2.864583333333333vw;
z-index: 2;
}
.leidaa {
width: 4.5vw;
height: 4.5vw;
border-radius: 50vw;
background-color: rgba(255,255,255,0.80);
position: relative;
z-index: 200;
display: flex;
justify-content: center;
align-items: center;
transition: all ease-out .5s;
}
.leidaa:hover {
background-color: #fff;
transition: all ease-out .2s;
}
.leidaaa {
width: 1.7vw;
height: 1.7vw;
}
.leie {
float: left;
position: relative;
width: 100%;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
padding-bottom: 10.9375vw;
color: #fff;
line-height: 1.9vw;
}
.leif {
width: 30.208333333333332vw;
height: 26.5625vw;
position: relative;
float: left;
margin-top: 5.729166666666666vw;
clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
.leifa {
display: none;
}
.leig {
width: 39.0625vw;
height: 31.770833333333332vw;
position: relative;
float: right;
top: 5.729166666666666vw;
clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
.leih {
width: 0.9vw;
height: auto;
position: absolute;
right: 5vw;
bottom: 10.9375vw;
}
.leii {
width: 39.0625vw;
height: 34.11458333333333vw;
position: relative;
float: right;
top: 5.729166666666666vw;
clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
.leij {
width: 27vw;
position: relative;
float: left;
margin-top: 4vw;
}
.leik {
width: 100%;
float: left;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
margin-bottom: 5.208333333333334vw;
}
.leil {
width: 100%;
float: left;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
margin-top: 7vw;
line-height: 1.9vw;
}
.leila {
width: 50%;
float: right;
}
.leilab {
width: 100%;
float: left;
}
.leilc {
width: 100%;
float: left;
margin-top: 4vw;
}
.leilca {
width: 100%;
float: left;
}
.leilcb {
width: 100%;
float: left;
font-size: 1.9791666666666665vw;
line-height: 1.9791666666666665vw;
font-weight: 700;
position: relative;
left: -2.6vw;
}
.leilcc {
width: 100%;
float: left;
margin-top: 0.5vw;
position: relative;
}

.prax {
width: 100%;
float: left;
line-height: 1.9vw;
}
.praxa {
width: 50%;
float: left;
}
.praxb {
width: 50%;
float: right;
top: 7vw;
position: relative;
}
.praxba {
width: 100%;
float: left;
}
.praxbb {
width: 100%;
float: left;
margin-top: 3vw;
}
.praxc {
width: 100%;
float: left;
position: relative;
margin-top: 9vw;
}
.praxca {
width: 28.125vw;
height: 33.85416666666667vw;
position: relative;
z-index: 2;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
left: 4.036458333333334vw;
}
.praxcb {
width: 28.125vw;
height: 33.85416666666667vw;
background-color: #f3f5f4;
position: absolute;
top: -5.989583333333334vw;
z-index: 1;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
}
.praxcc {
float: left;
clear: both;
position: relative;
font-size: 1vw;
line-height: 1.5vw;
font-weight: 300;
margin-top: 4%;
left: 4.036458333333334vw;
}
.praxd {
width: 100%;
float: left;
text-align: center;
}
.praxe {
width: 100%;
float: left;
margin-top: 7vw;
}
.praxf {
width: 50%;
float: left;
}
.praxg {
width: 50%;
float: right;
margin-top: 9vw;
padding-left: 6.8vw;
}
.praxf2 {
width: 50%;
float: left;
margin-top: 5vw;
}

.praxh {
width: 100%;
float: left;
position: relative;
margin-top: 9vw;
}
.praxha {
width: 28.125vw;
height: 33.85416666666667vw;
position: relative;
z-index: 2;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
left: 4.036458333333334vw;
}
.praxhb {
width: 28.125vw;
height: 33.85416666666667vw;
background-color: #fff;
position: absolute;
top: -5.989583333333334vw;
z-index: 1;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
}
.praxhc {
float: left;
clear: both;
position: relative;
font-size: 1vw;
line-height: 1.5vw;
font-weight: 300;
margin-top: 4%;
left: 4.036458333333334vw;
}

.pli {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/praxliste.svg");
background-repeat: no-repeat;
padding-left: 2vw;
background-position: left 0.5vw;
background-size: 0.5208333333333333vw 0.9375vw;
}
.pli2 {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/praxliste_2.svg");
background-repeat: no-repeat;
padding-left: 2vw;
background-position: left 0.5vw;
background-size: 0.5208333333333333vw 0.9375vw;
}

.kon {
float: left;
position: relative;
width: 50%;
z-index: 2;
}
.kona {
float: left;
position: relative;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
width: 100%;
height: 50.520833333333336vw;
z-index: 2;
}
.konb {
float: right;
position: relative;
width: 50%;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
color: #fff;
line-height: 1.9vw;
}
.konc {
width: 100%;
float: left;
margin-top: 4vw;
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.15625vw;
font-weight: 300;
}
.kond {
width: 100%;
float: left;
margin-top: 5vw;
}
.kone {
width: 100%;
float: left;
margin-top: 6vw;
}
.konea {
width: 100%;
float: left;
font-size: 1.9791666666666665vw;
line-height: 1.9791666666666665vw;
font-weight: 700;
position: relative;
left: -2.6vw;
}
.koneb {
width: 100%;
float: left;
margin-top: 0.5vw;
position: relative;
}
.konec {
width: 80%;
float: left;
font-size: 0.9375vw;
line-height: 1.4583333333333333vw;
font-weight: 300;
margin-top: 3vw;
}
.konf {
width: 0.9vw;
height: auto;
position: absolute;
right: 5vw;
top: 20vw;
}
.kong {
width: 50%;
float: left;
line-height: 1.9vw;
}
.konga {
width: 100%;
float: left;
}
.kongb {
width: 100%;
float: left;
margin-top: 1vw;
}
.kongc {
width: 9vw;
float: left;
}
.kongd {
width: 9vw;
float: left;
clear: both;
}
.konge {
width: 9vw;
float: left;
clear: both;
}
.kongf {
float: left;
}
.konh {
width: 50%;
float: left;
padding-left: 10.9375vw;
line-height: 1.9vw;
}
.koni {
width: 28.125vw;
height: auto;
float: left;
margin-top: 4vw;
position: relative;
background-image: url(bilder/icon_backg_gruen.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 101%;
overflow: hidden;
}
.konj {
width: 100%;
height: auto;
float: left;
padding: 15%;
background-color: #f3f5f4;
position: relative;
top: 0px;
left: 0px;
clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
display: flex;
justify-item: center;
justify-content: center;
flex-wrap: wrap;
}
.konja {
float: left;
text-align: center;
}
.konjb {
width: 100%;
float: left;
clear: both;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.5vw;
}
.konjc {
float: left;
background-color: #e95d62;
display: flex;
justify-content: center;
color: #fff;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 0.8vw;
padding-bottom: 0.8vw;
border-radius: 50vw;
transition: all ease-out .2s;
}
.konjc:hover {
background-color: #587563;
transition: all ease-out .2s;
}

.konk {
width: 100%;
float: left;
clear: both;
}
.konk-a {
float: left;
background-color: #587563;
color: #fff;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 0.8vw;
padding-bottom: 0.8vw;
border-radius: 50vw;
transition: all ease-out .2s;
display: flex;
justify-content: space-between;
align-items: center;
}
.konk-a:hover { 
background-color: #e95d62;
transition: all ease-out .2s;
}
.konk-aa {
width: 50%;
float: right;
padding-left: 10.9375vw;
}
.konk-b {
width: 2.083333333333333vw;
height: 2.03125vw;
float: left;
margin-right: 1vw;
}
.konk-c {
width: 100%;
float: left;
clear: both;
color: #a9a9aa;
font-size: 0.8vw;
line-height: 1vw;
margin-top: 1.25vw;
}

.konl {
width: 100%;
float: left;
clear: both;
margin-top: 3vw;
}




.overl {
width: 100%;
height: 100%;
text-align: left;
line-height: 1.9vw;
}
.overlb {
width: 100%;
float: left;
margin-top: 2vw;
text-align: center;
}
.overlc {
width: 100%;
float: left;
text-align: center;
color: #587563;
}
.overld {
width: 100%;
float: left;
text-align: center;
margin-top: 2.5vw;
}



/* Anfang - Rotation */

#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 */


/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
color: #a9a9aa;
}
.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: #587563;
color: #fff;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 2.1vw;
left: 2.6vw;
width: 3vw;
height: 3vw;
transition: all ease-out .3s;
}
.close {
width: 100%;
height: 100%;
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 */
}
.panelx {
width: 100%;
height: 100%;
}
.panela {
width: 100%;
height: 100%;
float: left;
position: relative;
}
.panelb {
width: 100%;
float: left;
z-index: 1;
background-color: #e1e1e1;
transition: all ease-out .3s;
}
.panelc {
height: 100%;
float: left;
font-size: 4vw;
line-height: 4vw;
display: flex;
align-content: center;
flex-wrap: wrap;
margin-left: 10.9375vw;
}
.paneld {
width: 100%;
float: left;
clear: both;
margin-top: 0.5vw;
margin-bottom: 0.5vw;
}
.panele {
font-size: 1.1vw;
line-height: 1.1vw;
position: absolute;
bottom: 5vw;
}
.panelfa {
float: left;
}
.panelfb {
float: left;
margin-left: 3vw;
}
.panelg {
width: 6.770833333333333vw;
height: auto;
position: absolute;
top: 4.4vw;
right: 4.5vw;
z-index: 1;
}

/* Anfang Accord Leistungen */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(bilder/icon_mehr.svg);
background-repeat: no-repeat;
background-position: 88.5% center;
background-size: 4.166666666666666vw 1.0416666666666665vw;
color: #535355;
border-top: 1px solid #cdd6d0;
transition: all ease-out .3s;
padding-top: 2.5vw;
padding-bottom: 2.3vw;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
font-weight: 600;
}
.accordion-title:hover {
color: #587563;
background-color: #f3f5f4;
}
.accordion-title.open {
background-image: url("bilder/icon_weniger.svg");
background-repeat: no-repeat;
background-position: 88.5% center;
background-size: 4.166666666666666vw 1.0416666666666665vw;
transition: all ease-out .3s;
color: #587563;
padding-top: 2.5vw;
padding-bottom: 2.3vw;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
font-weight: 600;
background-color: #f3f5f4;
}
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-bottom: 7.5vw;
padding-top: 1.5vw;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
position: relative;
background-color: #f3f5f4;
line-height: 1.9vw;
}
.accorda {
width: 100%;
float: left;
clear: both;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
}
.accordb {
height: 1px;
width: 100%;
float: left;
clear: both;
background-color: #cdd6d0;
}
.accordc {
width: 100%;
float: left;
clear: both;
}
.accordd {
width: 100%;
float: left;
clear: both;
margin-top: 5vw;
}
.accorde {
width: 31.770833333333332vw;
height: auto;
float: left;
background-color: #fff;
position: relative;
}
.accordea {
width: 27.604166666666668vw;
height: 20.3125vw;
float: left;
background-color: #fff;
position: relative;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
top: -1.2vw;
}
.accordf {
width: 31.770833333333332vw;
height: auto;
float: left;
background-color: #fff;
position: relative;
margin-left: 4.166666666666666vw;
}
.accordfa {
width: 27.604166666666668vw;
height: 20.3125vw;
float: left;
background-color: #fff;
position: relative;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
top: -1.2vw;
}
.accordg {
width: 31.770833333333332vw;
height: auto;
float: left;
clear: both;
background-color: #fff;
position: relative;
margin-top: 4.166666666666666vw;
}
.accordga {
width: 27.604166666666668vw;
height: 20.3125vw;
float: left;
background-color: #fff;
position: relative;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
top: -1.2vw;
}
.accordh {
width: 31.770833333333332vw;
height: auto;
float: left;
background-color: #fff;
position: relative;
margin-left: 4.166666666666666vw;
margin-top: 4.166666666666666vw;
}
.accordha {
width: 27.604166666666668vw;
height: 20.3125vw;
float: left;
background-color: #fff;
position: relative;
clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
top: -1.2vw;
}
.accordi {
width: 100%;
float: left;
clear: both;
padding-left: 4vw;
padding-bottom: 2vw;
padding-top: 1vw;
font-size: 1vw;
line-height: 1.5vw;
font-weight: 300;
}

.accordion-title2 {
width: 100%;
float: left;
clear: both;
border-top: 1px solid #cdd6d0;
padding-top: 2.5vw;
padding-bottom: 2.3vw;
padding-left: 10.9375vw;
padding-right: 10.9375vw;
font-weight: 600;
}

/* Ende Accord Leistungen */


/* Ende - Mobile Navigation */


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

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

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

@media screen and (max-width: 1440px) {
.konk-b {
width: 2.7777777777777777vw;
height: 2.7083333333333335vw;
}
.secba, .leia, .konc {
font-size: 1.1vw;
line-height: 1.1vw;
}
/*
.praxbb {
padding-left: 2.5vw;
}
*/
.igc {
padding-left: 1.4vw;
padding-right: 2vw;
padding-top: 1.1vw;
padding-bottom: 1.15vw;
}
.praxb {
top: 5vw;
}
.leij {
width: 30vw;
}
.accordion-title, .accordion-title.open {
background-size: 5.555555555555555vw 1.3888888888888888vw;
}
.konj {
padding: 16%;
}
.koni {
width: 30vw;
}
.kongc, .kongd, .konge {
width: 10vw;
}
h2 {
font-size: 2.4vw;
line-height: 2.9vw;
}
.igb {
padding-right: 7vw;
}
.paneld {
margin-top: 1vw;
margin-bottom: 1vw;
}
.secb {
padding-right: 9vw;
}
.konjc, .konk-a {
padding-left: 2.2vw;
padding-right: 2.2vw;
padding-top: 0.9vw;
padding-bottom: 0.9vw;
}
.ih, .leic {
width: 1.5vw;
}
.konea, .leilcb {
font-size: 2.1vw;
line-height: 2.1vw;
left: -2.8vw;
}
.leih, .ib {
width: 1vw;
}
.seccaaa, .leidaaa {
width: 1.9vw;
height: 1.9vw;
}
.seccaa, .leidaa {
width: 5vw;
height: 5vw;
}
.secd {
width: 1.5vw;
}
.secbb {
margin-top: 5vw;
}
.navbox, .panele {
font-size: 1.4vw;
line-height: 1.4vw;
}
body {
font-size: 1.4vw;
}
.secb, .kong, .konh, .konb, .accordion-content, .leil, .prax, .ig, .leie {
line-height: 2.1vw;
}
.praxhc {
font-size: 1.4vw;
line-height: 2vw;
}
.foo, .foo2, .accordi {
font-size: 1.2vw;
line-height: 1.7vw;
}
.konec, .praxcc, .ifc {
font-size: 1vw;
line-height: 1.5vw;
}
.pli {
padding-left: 2.5vw;
background-position: left 0.45vw;
background-size: 0.7vw auto;
margin-top: 0.3vw;
}
.fooaaa {
bottom: -7px;
}
.datb {
width: 17.5vw;
}
}

@media screen and (max-width: 1194px) {
h3 {
font-size: 2.6vw;
line-height: 3.6vw;
}
.konjb {
margin-top: 2vw;
}
.konjc, .konk-a {
padding-left: 2.3vw;
padding-right: 2.3vw;
padding-top: 1vw;
padding-bottom: 1vw;
}
.kone {
margin-top: 5vw;
}
.konec {
width: 100%;
}
h1 {
font-size: 3.604vw;
line-height: 3.604vw;
}
.datb {
width: 20vw;
}
.konea, .leilcb {
font-size: 2.5vw;
line-height: 2.5vw;
left: -3.3vw;
}
.secbc {
margin-top: 3vw;
}
.secbb {
margin-top: 4.5vw;
}
 h2 {
font-size: 2.5vw;
line-height: 3vw;
}
.seca, .leibox {
margin-top: 10vw;
}
.na {
width: 3vw;
height: 3vw;
top: 2.5vw;
}
.active4 {
top: 1.7vw;
}
.nd {
width: 7.705192629815745vw;
height: 5.867671691792295vw;
}
.active2 {
transform: scale(0.8);
}
.ne {
width: 15.912897822445563vw;
height: 4.655778894472363vw;
top: 2.7vw;
}
.active3 {
width: 14.5vw;
top: 2.05vw;
}
.headerbox {
height: 10vw;
}
.active1 {
height: 8vw;
}
.navbox, .panele {
font-size: 1.5vw;
line-height: 1.5vw;
}
.secba, .leia, .konc {
font-size: 1.2vw;
line-height: 1.2vw;
}
.secb {
padding-right: 7vw;
}
.igca {
margin-right: 1.5vw;
margin-left: 1.1vw;
}
.igcb {
width: 1.0050251256281406vw;
height: 1.8090452261306535vw;
}
.ih, .leic {
width: 1.7vw;
}
.iga {
margin-top: 8.417vw;
}
.igb, .igi {
padding-right: 0vw;
}
.secb, .kong, .konh, .konb, .accordion-content, .leil, .prax, .ig, .leie, .data, .overl {
line-height: 2.3vw;
}
body {
font-size: 1.5vw;
}
.igc {
padding-left: 1.5vw;
padding-right: 2.1vw;
padding-top: 1.3vw;
padding-bottom: 1.35vw;
}
.foo, .foo2, .accordi {
font-size: 1.3vw;
line-height: 1.8vw;
}
.konec, .praxcc, .ifc {
font-size: 1.2vw;
line-height: 1.8vw;
}
}

@media screen and (max-width: 1080px) {
.praxbb {
/*padding-left: 3vw;*/
}
.konjc, .konk-a {
padding-left: 2.5vw;
padding-right: 2.5vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
}
.koni {
width: 35vw;
}
.konh {
padding-left: 8.5vw;
}
.leie {
padding-bottom: 8.5vw;
}
.praxb {
top: 0vw;
}
.pli {
padding-left: 3vw;
background-position: left 0.45vw;
background-size: 0.9vw auto;
}
.praxhc, .ifc, .praxcc {
font-size: 1.6vw;
line-height: 2.3vw;
}
.praxg {
padding-left: 9vw;
}
.praxcc, .praxhc {
left: 0px;
}
.leij {
width: 35vw;
}
.leig, .leii {
top: 10vw;
}
.accordi {
padding-left: 4vw;
padding-bottom: 2.5vw;
padding-top: 1.5vw;
}
.accordg {
margin-top: 5vw;
}
.accordh {
margin-left: 5vw;
margin-top: 5vw;
}
.accordf {
margin-left: 5vw;
}
.accorde, .accordf, .accordg, .accordh {
width: 32.5vw;
}
.accordea, .accordfa, .accordga, .accordha {
width: 28.5vw;
height: 21vw;
}
.accorda {
padding-left: 6.5vw;
padding-right: 6.5vw;
}
.fooaaa {
bottom: -1.7592592592592593vw;
}
.panelg {
width: 10vw;
top: 4.5vw;
right: 8.5vw;
}
.fooaaa2 {
bottom: 0.9vw;
}
.foo {
padding-top: 7vw;
padding-bottom: 5.5vw;
}
.foo, .foo2, .accordi {
font-size: 1.6vw;
line-height: 2.2vw;
}
.igca {
margin-right: 2vw;
margin-left: 1.7vw;
}
.igc {
padding-left: 1.7vw;
padding-right: 2.9vw;
padding-top: 1.5vw;
padding-bottom: 1.55vw;
}
.konec {
font-size: 1.3vw;
line-height: 2vw;
}
.ih, .leic {
width: 2vw;
}
.ifa {
width: 32.5vw;
height: 38.75vw;
}
.praxca, .praxha {
width: 32.5vw;
height: 38.75vw;
left: 0vw;
}
.ifb, .praxcb, .praxhb {
width: 32.5vw;
height: 38.75vw;
left: -4vw;
}
.ib {
width: 1.25vw;
}
.id {
width: 18vw;
height: 18vw;
}
.secba, .leia, .konc {
font-size: 1.3vw;
line-height: 1.3vw;
}
.nb, .nc, .konf, .leih {
display: none;
}
.nd {
width: 9.166666666666666vw;
height: 6.980555555555555vw;
}
.active2 {
transform: scale(0.8);
}
.ne {
width: 18.055555555555554vw;
height: 5.283333333333333vw;
top: 3.6vw;
right: 8.5vw;
}
.active3 {
width: 15vw;
top: 2.9vw;
}
.seca, .leibox {
margin-top: 12vw;
}
.headerbox {
height: 12vw;
}
.active1 {
height: 10vw;
}
h2 {
font-size: 2.9vw;
line-height: 3.4vw;
}
.seccaaa, .leidaaa {
width: 2.6vw;
height: 2.6vw;
}
.seccaa, .leidaa {
width: 6vw;
height: 6vw;
}
.secd {
width: 2vw;
bottom: 3vw;
left: 3vw;
}
.secbb {
margin-top: 3.5vw;
}
.secb, .kong, .konh, .konb, .accordion-content, .leil, .prax, .ig, .leie, .data, .overl {
line-height: 2.5vw;
}
body {
font-size: 1.6vw;
}
.ia, .foo, .foo2, .accordion-title, .accordion-title.open, .accordion-content, .konb, .leie, .leik, .leil, .data, .accordion-title2 {
padding-left: 8.5vw;
padding-right: 8.5vw;
}
.secb {
padding-left: 8.5vw;
}
.navbox, .panele {
font-size: 1.7vw;
line-height: 1.7vw;
}
.navbox {
left: 15vw;
top: 5.05vw;
letter-spacing: 0.4vw;
}
.active5 {
top: 4vw;
letter-spacing: 0.2vw;
}
.na {
width: 4vw;
height: 4vw;
top: 4.1vw;
left: 8.5vw;
}
.active4 {
top: 3.1vw;
}
.schliessen {
top: 4.4vw;
left: 8.95vw;
}
.if {
margin-top: 11vw;
}
.iga {
margin-top: 11.5vw;
}
.accordion-title, .accordion-title.open {
background-size: 7.4074074074074066vw 1.8518518518518516vw;
}
}

@media screen and (max-device-width : 1024px) and (orientation : portrait) {
.panelg {
width: 12.5vw;
}
.paneld {
margin-top: 2vw;
margin-bottom: 2vw;
}
.panelc {
font-size: 8vw;
line-height: 8vw;
}
}

@media screen and (max-width: 834px) {
.konk-c {
font-size: 1.8vw;
line-height: 1.8vw;
margin-top: 2.25vw;
}
.konk-aa {
width: 100%;
float: left;
padding-left: 0vw;
margin-bottom: 5vw;
}
.ifb, .praxcb, .praxhb {
width: 47.5vw;
height: 56.5vw;
left: 12vw;
}
.leia, .secba {
margin-top: 8vw;
}
.konj {
padding-top: 13%;
padding-bottom: 16%;
padding-left: 16%;
padding-right: 16%;
}
.overld {
margin-top: 4vw;
}
h3 {
font-size: 3.6vw;
line-height: 5vw;
}
.kone {
margin-top: 8vw;
}
.konec {
margin-top: 6vw;
width: 66%;
}
.koneb {
left: 5.85vw;
}
.konea {
font-size: 4.5vw;
line-height: 4.5vw;
left: 0vw;
}
.kond {
margin-top: 6vw;
}
.listdata {
padding-left: 3.5vw;
background-position: left 1.5vw;
background-size: 1vw 1vw;
}
.data {
padding-top: 22.5vw;
}
.datb {
width: 30vw;
}
.konjc, .konk-a {
padding-left: 3.5vw;
padding-right: 3.5vw;
padding-top: 1.75vw;
padding-bottom: 1.75vw;
}
.konjb {
margin-top: 4vw;
}
.kongb {
margin-top: 3vw;
}
.koni {
margin-top: 6vw;
}
.kongc, .kongd, .konge {
width: 20vw;
}
.konh {
width: 100%;
clear: both;
padding-left: 0px;
margin-top: 5vw;
}
.konc {
margin-top: 6vw;
}
.seca {
margin-top: 15vw;
}
.konb {
float: left;
width: 100%;
padding-bottom: 8vw;
}
.kon, .kong, .praxf, .praxa {
width: 100%;
}
.koni {
width: 80%;
position: relative;
}
.kona {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 94%);
height: 100vw;
}
.praxc {
margin-top: 12vw;
}
.praxcc, .praxhc {
left: 18vw;
margin-top: 8%;
}
.praxg, .praxf2 {
width: 100%;
float: left;
padding-left: 0vw;
clear: both;
}
.leii {
width: 100%;
height: 72.5vw;
}
.praxbb {
width: 100%;
/*padding-left: 5vw;*/
margin-top: 5vw;
}
.pli {
padding-left: 5vw;
background-position: left 0.9vw;
background-size: 1.3vw auto;
}
.praxb {
width: 100%;
float: left;
clear: both;
top: 10vw;
}
.praxca, .praxha {
width: 47.5vw;
height: 56.5vw;
left: 18vw;
top: 2.5vw;
}
.panelg {
width: 12.5vw;
}
.paneld {
margin-top: 2vw;
margin-bottom: 2vw;
}
.panelc {
font-size: 8vw;
line-height: 8vw;
}
.leij {
width: 90%;
margin-top: 12.5vw;
}
.leii {
top: 5vw;
}
.accordi {
padding-left: 5vw;
padding-bottom: 3.5vw;
padding-top: 0vw;
}
.accorde {
width: 100%;
margin-left: 0vw;
margin-top: 5vw;
}
.accordf, .accordg, .accordh {
width: 100%;
margin-left: 0vw;
margin-top: 10vw;
}
.accordea, .accordfa, .accordga, .accordha {
width: 100%;
height: 50vw;
top: -3.2vw;
}
.accordd {
margin-top: 7.5vw;
}
.fooaaa {
bottom: -4vw;
}
.fooab {
margin-left: 4.75vw;
}
.foo2 {
background-image: none;
}
.leilcc {
margin-top: 1vw;
}
.leilc {
margin-top: 6vw;
}
.leilcb {
font-size: 4.5vw;
line-height: 4.5vw;
left: -5.9vw;
}
.ia2 {
padding-bottom: 20vw;
}
.leil {
margin-top: 12.5vw;
}
.leib {
width: 100%;
margin-bottom: 2vw;
margin-top: 6vw;
}
.leic, .uad, .secd {
display: none;
}
.aus3 {
display: none;
}
.leif {
width: 49.5%;
height: 36vw;
margin-top: 12.5vw;
}
.leig {
width: 49.5%;
height: 34vw;
top: 0vw;
}
.ih {
width: 3vw;
right: 6.75vw;
bottom: 5vw;
}
.fooaaa2 {
bottom: 2.9vw;
}
.foo, .foo2 {
padding-top: 7vw;
padding-bottom: 7.5vw;
}
.foo, .foo2, .accordi {
font-size: 2vw;
line-height: 3vw;
}
.ib {
width: 1.75vw;
right: 7.5vw;
top: 117.5vw;
}
.praxhc, .ifc, .praxcc, .konec {
font-size: 2vw;
line-height: 3vw;
font-weight: 400;
}
.ia {
padding-bottom: 27.5vw;
}
.ifa {
width: 47.5vw;
height: 53.75vw;
}
.ifb {
width: 47.5vw;
height: 53.75vw;
left: 12.5vw;
top: -8vw;
}
.ifc {
position: absolute;
margin-top: 56vw;
left: 18vw;
}
.igca {
margin-right: 3vw;
margin-left: 2vw;
}
.igcb {
width: 1.7985611510791366vw;
height: 3.237410071942446vw;
}
.igc {
padding-left: 2.7vw;
padding-right: 3.9vw;
padding-top: 2.25vw;
padding-bottom: 2.35vw;
margin-top: 7vw;
}
.igb {
margin-top: 7vw;
}
.ig {
width: 100%;
float: left;
}
.if {
width: 100%;
float: left;
clear: both;
display: flex;
justify-content: center;
margin-top: 22.5vw;
}
.nf {
font-weight: 500;
}
.id {
width: 30vw;
height: 30vw;
margin-left: 3.5vw;
}
.secca {
clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
height: 100vw;
}
.seccaaa, .leidaaa {
width: 3.5vw;
height: 3.5vw;
}
.seccaa {
width: 8.5vw;
height: 8.5vw;
right: 5vw;
bottom: unset;
top: 5vw;
}
.leidaa {
width: 8.5vw;
height: 8.5vw;
}
.leid {
right: 5vw;
top: 5vw;
}
.secbb {
margin-top: 6vw;
}
.secbc {
margin-top: 5vw;
}
body {
font-size: 2.5vw;
}
.secb, .kong, .konh, .konb, .accordion-content, .leil, .prax, .ig, .leie, .data, .overl {
line-height: 4vw;
}
h1, h2 {
font-size: 5.5vw;
line-height: 6.5vw;
}
.secba, .leia, .konc {
font-size: 2vw;
line-height: 2vw;
}
.secb {
width: 100%;
padding-bottom: 8.5vw;
}
.seca {
height: auto;
}
.secc {
float: left;
width: 100%;
}
.panele {
font-size: 2vw;
line-height: 2vw;
bottom: 9vw;
}
.schliessen {
top: 5.4vw;
left: 9vw;
width: 4vw;
height: 4vw;
}
.seca, .leibox {
margin-top: 15vw;
}
.headerbox {
height: 15vw;
}
.active1 {
height: 12vw;
}
.nd {
width: 11.990407673860911vw;
height: 9.131151079136691vw;
}
.active2 {
transform: scale(0.8);
}
.ne {
width: 25.77937649880096vw;
height: 7.54285371702638vw;
top: 3.8vw;
}
.active3 {
width: 20vw;
top: 3.4vw;
}
.na {
width: 5vw;
height: 5vw;
top: 5.1vw;
}
.active4 {
top: 3.5vw;
}
.navbox {
left: 16vw;
top: 6.4vw;
letter-spacing: 0.5vw;
font-size: 2vw;
line-height: 2vw;
}
.active5 {
top: 4.9vw;
letter-spacing: 0.15vw;
}
.naaa {
transform: rotateZ(90deg);
}
.accordion-title, .accordion-title.open {
padding-top: 3.5vw;
padding-bottom: 3.3vw;
background-size: 9.59232613908873vw 2.3980815347721824vw;
}
.accordion-title2 {
padding-top: 3.5vw;
padding-bottom: 3.3vw;
}
}

@media screen and (max-device-width : 926px) and (orientation : landscape) {
.panelg {
width: 12.5vw;
}
.paneld {
margin-top: 0.5vw;
margin-bottom: 0.5vw;
}
.panelc {
font-size: 5vw;
line-height: 5vw;
}
.panele {
bottom: 6vw;
}
}

@media screen and (max-width: 500px) {
.igi {
margin-top: 6vw;
}
.konk-aa {
margin-bottom: 10vw;
}
.konk-c {
font-size: 2.8vw;
line-height: 2.8vw;
margin-top: 4.25vw;
}
.konk-b {
width: 6.8181818181818175vw;
height: 6.646068181818182vw;
margin-right: 3vw;
}
.leifa {
width: 100%;
height: 69vw;
display: inline;
position: relative;
float: left;
margin-bottom: 10vw;
clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
}
.leig {
width: 100%;
height: 69vw;
}
.data {
padding-top: 40vw;
}
.datb {
width: 80%;
padding-left: 8.5vw;
padding-right: 8.5vw;
right: unset;
position: absolute;
}
.kongc, .kongd, .konge {
width: 33vw;
}
.kongb {
margin-top: 5vw;
}
.overld {
margin-top: 5vw;
}
h3 {
font-size: 6vw;
line-height: 7.5vw;
}
.konh {
margin-top: 9vw;
}
.konjb {
margin-top: 5vw;
}
.konjc, .konk-a {
padding-left: 5.5vw;
padding-right: 5.5vw;
padding-top: 2.75vw;
padding-bottom: 2.75vw;
}
.konj {
padding-top: 15%;
}
.koni {
width: 100%;
}
.kone {
margin-top: 11vw;
}
.konc {
margin-top: 9vw;
}
.kond {
width: 95%;
}
.konec {
margin-top: 9vw;
width: 100%;
}
.konb {
padding-bottom: 9vw;
}
.praxf2 {
margin-top: 10vw;
}
.praxh {
margin-top: 15vw;
}
.pli {
padding-left: 6vw;
background-position: left 1.6vw;
background-size: 2vw auto;
}
.praxbb {
margin-top: 10vw;
}
.praxe {
margin-top: 12vw;
}
.praxc {
margin-top: 17vw;
}
.praxb {
top: 15vw;
}
.praxcc, .praxhc {
left: 8vw;
margin-top: 6%;
}
.praxcb, .praxhb{
width: 85%;
height: 85vw;
left: 0vw;
top: -14vw;
}
.praxca, .praxha {
width: 80%;
height: 80vw;
left: 8vw;
}
.leij {
width: 100%;
}
.fooab {
margin-left: 6.5vw;
}
.fooaaa {
bottom: 0vw;
margin-top: 8vw;
clear: both;
}
.fooa2 {
width: 100%;
top: 0vw;
}
.fooba2 {
float: left;
}
.koneb, .leilcc {
left: 10vw;
margin-top: 2.5vw;
width: 80%;
}
.leilcb, .konea {
font-size: 7.5vw;
line-height: 7.5vw;
left: 0vw;
}
.leila {
width: 100%;
float: left;
}
.accordea, .accordfa, .accordga, .accordha {
width: 100%;
height: 60vw;
top: -3.5vw;
}
.accorda {
padding-left: 0vw;
padding-right: 0vw;
}
.accordion-content {
padding-bottom: 14.5vw;
}
.accordion-title, .accordion-title.open {
padding-top: 5.5vw;
padding-bottom: 5.3vw;
background-position: 89% center;
background-size: 16vw 4vw;
}
.accordion-title2 {
padding-top: 5.5vw;
padding-bottom: 5.3vw;
}
.leik {
margin-bottom: 7.5vw;
}
.ia2 {
padding-top: 12.5vw;
}
.leig {
top: 0vw;
margin-top: 5vw;
}
.panelfb {
margin-left: 8vw;
}
.panelg {
width: 22vw;
}
.panelc {
font-size: 13vw;
line-height: 13vw;
margin-left: 8.5vw;
}
.schliessen {
top: 7.5vw;
left: 9.4vw;
width: 8vw;
height: 8vw;
}
.foo, .foo2 {
padding-top: 10vw;
padding-bottom: 10.5vw;
}
.praxhc, .ifc, .praxcc, .konec, .foo, .foo2, .accordi {
font-size: 3.5vw;
line-height: 5.5vw;
}
.panele {
font-size: 4.5vw;
line-height: 4.5vw;
}
.ifc {
margin-top: 83vw;
left: 8vw;
}
.fooaaa2 {
bottom: inherit;
}
.fooa {
width: 100%;
float: left;
position: relative;
bottom: inherit;
clear: both;
margin-top: 8vw;
}
.foob {
width: 100%;
float: left;
}
.fooba {
float: left;
}
.ifb {
width: 85%;
height: 85vw;
left: 0vw;
top: -14vw;
}
.ifa {
width: 80%;
height: 80vw;
}
.ih {
width: 6vw;
right: 8.5vw;
bottom: 5vw;
}
.if {
margin-top: 32.5vw;
}
.igc {
padding-left: 4.7vw;
padding-right: 6.3vw;
padding-top: 3.25vw;
padding-bottom: 3.35vw;
margin-top: 10vw;
}
.igca {
margin-right: 5vw;
margin-left: 3vw;
}
.igcb {
width: 3vw;
height: 5.4vw;
}
.ia {
padding-top: 15vw;
padding-bottom: 37.5vw;
}
.iga {
margin-top: 12.5vw;
width: 65%;
}
.id {
width: 45vw;
height: 45vw;
margin-left: 5.5vw;
}
.secb {
padding-bottom: 10.5vw;
}
A.nava:link, A.nava:visited, A.nava.active, A.nava:hover,
A.navd:link, A.navd:visited, A.navd.active, A.navd:hover {
padding-bottom: 0.9vw;
}
.leia, .secba {
margin-top: 10vw;
}
.secbb, .leib {
margin-top: 9vw;
}
body {
font-size: 4.5vw;
}
.secb, .kong, .konh, .konb, .accordion-content, .leil, .prax, .ig, .leie, .data, .overl {
line-height: 7vw;
}
h1, h2 {
font-size: 7.5vw;
line-height: 9vw;
}
.secba, .leia, .konc {
font-size: 3.5vw;
line-height: 3.5vw;
}
.seca, .leibox {
margin-top: 25vw;
}
.naa, .naaa {
height: 3px;
}
.headerbox {
height: 25vw;
}
.active1 {
height: 25vw;
}
.nd {
width: 22vw;
height: 16.753999999999998vw;
}
.active2 {
transform: scale(1);
}
.na {
width: 10vw;
height: 10vw;
top: 7.25vw;
}
.active4 {
top: 7.25vw;
}
.ne, .seccaa, .seccaaa, .navbox, .nf, .ib, .leid, .leidaa, .aus1, .leif {
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;}
}