:selection {background: #764291; color: #fff;}
::-moz-selection {background: #764291; 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;
}

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

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

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

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

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

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


html {
width: 100%;
height: 100%;
}
body {
margin: 0px;
font-family: 'Montserrat';
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: #2e2a33;
background-color: #dfdedf;
background-repeat: repeat;
background-position: center top;
background-image: url(bilder/backg_hell.png);
}

.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 10vw;
padding-right: 25vw;
padding-bottom: 12.500vw;
padding-left: 5vw;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.datb {
position: fixed;
width: 5vw;
height: auto;
top: 12%;
right: 6%;
z-index: 100;
}
.dtop {
position: absolute;
width: 4.25vw;
height: auto;
z-index: 100;
right: 6%;
}
.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.8vw;
background-size: 0.50vw 0.50vw;
}
.listl {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/icon_liste_leistungen.svg");
background-repeat: no-repeat;
padding-left: 4vw;
background-position: left 0.2vw;
background-size: 1.75vw 1.75vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
}
#x1 {
margin-top: -350px;
padding-top: 350px;
}
img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-family: 'lora';
font-size: 3.2vw;
line-height: 3.7vw;
font-weight: 400;
}
h2 {
font-family: 'lora';
font-size: 2.2vw;
line-height: 2.9vw;
font-weight: 400;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tl {
color: #764291;
}
.tk {
font-style: italic;
}

.absta {
float: left;
width: 100%;
height: 1px;
}
a:link, a:hover, a:visited, a:active {
font-family: 'Montserrat';
text-decoration: none;
outline: none;
cursor: pointer;
}

A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #764291;
}
A.tels:link, A.tels:active, A.tels:visited, A.tels:hover {
color: #2e2a33;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #dfdedf;
}
A.telwx:link, A.telwx:active, A.telwx:visited, A.telwx:hover {
font-family: 'Lora';
color: rgba(223,222,223,0.50);
}
A.telwxx:link, A.telwxx:active, A.telwxx:visited, A.telwxx:hover {
font-family: 'Lora';
color: rgba(223,222,223,1.00);
}

A.nava:link, A.nava:visited {
color: #764291;
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: #764291;
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: #764291;
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 {
font-family: 'Lora';
color: rgba(223,222,223,1.00);
font-weight: 400;
-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 {
font-family: 'Lora';
color: rgba(223,222,223,1.00);
font-weight: 400;
-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 {
font-family: 'Lora';
color: rgba(223,222,223,1.00);
font-weight: 400;
-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: #2e2a33;
-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: #764291;
-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: #2e2a33;
-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(118,66,145,0.00);
padding-bottom: 0px;
}
A.navc.active, A.navc:hover {
color: #764291;
-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(118,66,145,1.00);
padding-bottom: 4px;
}

A.navd:link, A.navd:visited {
color: #764291;
-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: #2e2a33;
-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 {
color: #dfdedf;
-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(223,222,223,0.00);
padding-bottom: 0px;
}
A.nave.active, A.nave:hover {
color: #dfdedf;
-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(223,222,223,1.00);
padding-bottom: 4px;
}

A.navf:link, A.navf:visited {
color: #2e2a33;
-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(46,42,51,0.50);
padding-bottom: 4px;
}
A.navf.active, A.navf:hover {
color: #764291;
-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(118,66,145,1.00);
padding-bottom: 4px;
}

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

.heada {
width: 100%;
float: left;
background-color: #2e2a33;
padding-top: 1.5625vw;
padding-bottom: 1.5625vw;
display: flex;
align-items: center;
-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;
}
.active1 {
background-color: #e7e6e7;
padding-top: 1.5625vw;
padding-bottom: 1.5625vw;
-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;
}
.headb {
float: left;
position: relative;
width: 15.625vw;
height: auto;
margin-left: 1.5625vw;
}
.headbx {
float: left;
position: relative;
width: 7.5vw;
height: auto;
margin-left: 7.5vw;
}
.headc {
position: absolute;
right: 1.5625vw;
color: #764291;
font-weight: 700;
font-size: 1.25vw;
line-height: 1.25vw;
-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;
}
.active2 {
color: #2e2a33;
-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;
}
.headca {
float: left;
position: relative;
}
.headcb {
float: left;
position: relative;
margin-left: 6vw;
}
.headcc {
float: left;
position: relative;
margin-left: 6vw;
}
.headcd {
width: 3.25vw;
height: auto;
float: left;
margin-right: 5vw;
position: relative;
}
.headce {
float: left;
margin-right: 0vw;
position: relative;
}
.headcf {
width: 4.5vw;
height: auto;
float: left;
position: relative;
margin-right: 5vw;
}
.headcg {
float: left;
position: relative;
margin-top: 1.5vw;
}

.selector {
max-height: 100%;
width: 100%;
height: 100%;
color: #dfdedf;
background-color: #dfdedf;
background-repeat: repeat;
background-position: left top;
background-image: url(bilder/backg.png);
}
.seca {
width: 100%;
height: 100%;
float: left;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.secb {
width: 4vw;
height: auto;
position: absolute;
bottom: 6vw;
left: 6vw;
z-index: 2;
}
.secc {
position: absolute;
bottom: 1.5625vw;
right: 1.5625vw;
font-weight: 700;
font-size: 2vw;
line-height: 2vw;
z-index: 2;
color: #764291;
}
.secd {
width: 58%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 2.5vw;
}
.secda {
width: 58vw;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.secdaa {
width: 58vw;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.sece {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.secea {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.seceb {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.secec {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.seced {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.secee {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.secef {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.seceg {
color: #dfdedf;
font-family: 'Lora';
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 400;
text-transform: uppercase;
}
.secf {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfa {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfb {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfc {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfd {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfe {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secff {
width: 10%;
height: 1px;
background-color: #dfdedf;
}
.secfg {
width: 10%;
height: 1px;
background-color: #dfdedf;
}


.proa {
float: left;
width: 100%;
margin-top: 7.5vw;
position: relative;
}
.prob {
float: left;
position: absolute;
left: 6vw;
}
.proc {
float: left;
width: 100%;
margin-top: 12.5vw;
position: relative;
}
.prod {
width: 100%;
float: left;
position: relative;
display: flex;
justify-content: center;
margin-top: 6vw;
}
.proe {
width: 38.333333333333336vw;
height: auto;
position: relative;
}
.proea {
width: 100%;
height: auto;
position: relative;
}
.proeb {
position: absolute;
bottom: -7.5vw;
left: -7.5vw;
font-size: 6vw;
line-height: 6vw;
font-weight: 700;
color: #764291;
}
.prof {
float: left;
width: 100%;
margin-top: 12.5vw;
position: relative;
}
.profx {
float: left;
width: 100%;
margin-top: 12.5vw;
position: relative;
}
.profa {
width: 100%;
float: left;
}
.profb {
float: right;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
width: 30vw;
margin-right: 20vw;
}
.prog {
width: 100%;
position: relative;
padding-left: 6vw;
padding-right: 6vw;
}
.proh {
width: 100%;
position: relative;
padding-left: 6vw;
padding-right: 6vw;
margin-top: 10vw;
float: left;
}
.proi {
width: 100%;
position: relative;
float: left;
padding-left: 30%;
padding-right: 30%;
margin-top: 10vw;
}

.proj {
width: 100%;
position: relative;
float: left;
padding-left: 6vw;
padding-right: 6vw;
margin-top: 12.5vw;
}
.proja {
float: left;
position: relative;
width: 5vw;
height: auto;
margin-top: 8vw;
opacity: 0.5;
-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;
}
.proja:hover {
opacity: 1;
-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;
}
.projb {
float: left;
position: relative;
width: 5vw;
height: auto;
margin-top: 8vw;
margin-left: 20vw;
}
.projc {
float: left;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
margin-left: 12.5vw;
margin-top: 6.5vw;
}
.projd {
width: 12.5vw;
height: auto;
float: right;
position: relative;
overflow: hidden;
}
.projda {
transition: all .7s ease-in-out;
}
.projda:hover {
transform: scale(1.1);
}

.prok {
width: 100%;
float: left;
position: relative;
padding-left: 6vw;
padding-right: 6vw;
margin-top: 10vw;
}
.proka {
width: 45%;
float: left;
}
.prokb {
width: 45%;
float: left;
margin-left: 10%;
}

.porba {
width: 2.604166666666667vw;
height: auto;
float: left;
position: relative;
}
.porbb {
width: 1.15vw;
height: auto;
float: left;
position: relative;
clear: both;
margin-top: 7vw;
margin-left: 0.75vw;
}
.porbc {
width: 79.16666666666666vw;
float: right;
margin-top: 5vw;
}
.porbd {
width: 100%;
height: 50vw;
position: relative;
overflow: hidden;
float: right;
}
.porbe {
float: left;
position: absolute;
bottom: 0px;
font-family: 'Lora';
font-size: 1.75vw;
line-height: 1.75vw;
font-weight: 400;
}


.porbf {
width: 90%;
height: 90%;
position: absolute;
top: 5%;
left: 5%;
right: 5%;
bottom: 5%;
background-color: rgba(118,66,145,0.00);
-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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10%;
padding-top: 10%;
padding-right: 10%;
padding-bottom: 10%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5vw;
line-height: 1.5vw;
font-weight: 500;
color: rgba(255,255,255,0.00);
}
.porbf:hover {
background-color: rgba(118,66,145,0.80);
color: rgba(255,255,255,1.00);
width: 80%;
height: 85%;
position: absolute;
top: 7.5%;
left: 10%;
right: 10%;
bottom: 7.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;
}
.porbfa {
display: block;
}
.porbg {
width: 100%;
float: left;
margin-top: 3vw;
position: absolute;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.porbh {
width: 100%;
float: left;
position: relative;
margin-bottom: 7.5vw;
}

.ba {
float: left;
width: 100%;
margin-top: 10vw;
}
.bb {
float: left;
width: 94vw;
background-color: #d5d4d6;
border-top-left-radius: 10vw;
}
.bc {
float: left;
width: 44vw;
margin-left: 21vw;
text-transform: uppercase;
margin-top: 10vw;
}
.bd {
width: 100%;
float: left;
position: relative;
margin-top: 7.5vw;
}
.be {
float: left;
position: relative;
margin-left: 6vw;
}
.bea {
width: 2.604166666666667vw;
height: auto;
float: left;
position: relative;
}
.beb {
width: 1.15vw;
height: auto;
float: left;
position: relative;
clear: both;
margin-top: 7vw;
margin-left: 0.75vw;
}
.bf {
float: right;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
width: 34vw;
margin-right: 20vw;
text-indent: 5vw;
}


.bg {
float: left;
width: 41vw;
margin-left: 21vw;
margin-top: 10vw;
position: relative;
}
.bh {
width: 100%;
float: left;
position: relative;
margin-top: 7.5vw;
}
.bi {
float: left;
position: absolute;
margin-left: 6vw;
top: -24vw;
}
.bia {
width: 2.604166666666667vw;
height: auto;
float: left;
position: relative;
}
.bj {
float: right;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
width: 34vw;
margin-right: 20vw;
}


.bk {
width: 100%;
float: left;
position: relative;
margin-top: 17.5vw;
}
.bl {
float: left;
position: relative;
margin-left: 6vw;
}
.bla {
width: 2.604166666666667vw;
height: auto;
float: left;
position: relative;
}


.ka {
float: left;
width: 100%;
}
.kb {
float: left;
width: 94vw;
background-color: #d5d4d6;
border-bottom-right-radius: 20vw;
}
.kc {
width: 100%;
float: left;
position: relative;
margin-top: 27.5vw;
}
.kd {
float: left;
position: relative;
margin-left: 6vw;
top: -10vw;
}
.kda {
width: 2.604166666666667vw;
height: auto;
float: left;
position: relative;
}
.ke {
float: left;
width: 41vw;
margin-left: 21vw;
position: absolute;
margin-top: -5vw;
}
.kea {
width: 27.604166666666668vw;
height: auto;
position: relative;
z-index: 1;
}
.keb {
width: 45vw;
height: auto;
position: absolute;
top: -17.5vw;
left: -7vw;
z-index: 2;
}
.kebx {
width: 100%;
height: auto;
overflow: hidden;
float: left;
position: relative;
}
.kec {
width: 3.25vw;
height: auto;
position: absolute;
right: -7vw;
bottom: 0px;
z-index: 1;
}
.ked {
width: 3.5vw;
height: auto;
position: absolute;
left: -15vw;
bottom: 0px;
z-index: 1;
}
.kf {
width: 20.833333333333336vw;
height: auto;
float: right;
position: absolute;
right: -6vw;
top: 25vw;
}
.kg {
width: 42vw;
float: left;
position: relative;
clear: both;
margin-left: 21vw;
margin-top: 32.5vw;
}
.kga {
text-transform: uppercase;
}
.kh {
float: left;
width: 100%;
position: relative;
}
.ki {
float: left;
width: 73vw;
margin-left: 21vw;
position: relative;
}
.kj {
width: 100%;
float: left;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
margin-top: 6vw;
}
.kk {
width: 100%;
float: left;
font-weight: 700;
font-size: 2.5vw;
line-height: 2.5vw;
color: #764291;
margin-top: 1vw;
}
.kl {
width: 100%;
float: left;
clear: both;
margin-top: 1vw;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 700;
}


.fo {
float: left;
width: 100%;
position: relative;
}
.foa {
float: left;
width: 73vw;
margin-left: 21vw;
margin-top: 20vw;
margin-bottom: 10vw;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.fob {
float: left;
}
.foc {
float: left;
margin-left: 7.5vw;
}
.fod {
float: left;
margin-left: 17.5vw;
}
.foe {
width: 4.25vw;
height: auto;
position: absolute;
top: -15vw;
right: 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;
}
.foe:hover {
top: -14vw;
-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;
}

.fof {
float: left;
width: 100%;
position: relative;
background-color: #2e2a33;
margin-top: 20vw;
color: #dfdedf;
}
.fog {
float: left;
width: 73vw;
margin-left: 21vw;
margin-top: 10vw;
margin-bottom: 10vw;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.foga {
width: 17.5vw;
height: auto;
position: absolute;
right: 15vw;
top: -17.5vw;
}
.fogb {
float: left;
width: 94vw;
margin-left: 6vw;
margin-top: 5vw;
margin-bottom: 10vw;
position: relative;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
}
.fogc {
float: left;
margin-left: 11.5vw;
}
.fogd {
float: left;
margin-left: 7.5vw;
}
.foge {
float: left;
margin-left: 17.5vw;
}
.fogf {
width: 3.5vw;
height: auto;
float: left;
position: relative;
top: 2.1vw;
}
.fogg {
width: 4.25vw;
height: auto;
position: absolute;
top: -15vw;
right: 6vw;
-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;
}
.fogg:hover {
top: -14vw;
-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;
}
.fogh {
float: left;
position: relative;
}
.fogha {
width: 100%;
float: left;
font-size: 1.3vw;
line-height: 2.2vw;
font-weight: 500;
color: #764291;
}
.foghb {
width: 100%;
float: left;
font-weight: 700;
font-size: 2.5vw;
line-height: 2.5vw;
color: #764291;
margin-top: 1vw;
}

/* Anfang Accord */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(#);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.875vw 1.875vw;
}
.accordion-title.open {
background-image: url(#);
background-repeat: no-repeat;
background-position: left center;
color: #6C7990;
background-size: 1.875vw 1.875vw;
}
.accordion-content {
display: none;
font-size: 1.3vw;
line-height: 2.1vw;
width: 100%;
padding-bottom: 2vw;
float: left;
clear: both;
}
.accorda {
position: relative;
font-weight: 700;
padding-left: 5vw;
padding-bottom: 2vw;
padding-top: 2vw;
border-top: 1px solid #D1D2D3;
}
/* Anfang Accord  */


/* Anfang - Mobile Navigation */
.icon {
z-index: 1000001;
color: #dfdedf;
}
.active3 {
color: #2e2a33;
}
.icon2 {
z-index: 1000001;
color: #dfdedf;
}
.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: #dfdedf;
background-repeat: repeat;
background-position: center top;
background-image: url(bilder/backg.png);
color: rgba(223,222,223,0.50);
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 5.75vw;
right: 7.5vw;
font-family: 'Montserrat';
color: #dfdedf;
font-size: 2.5vw;
line-height: 2.5vw;
font-weight: 500;
}
.panela {
font-family: 'Lora';
float: left;
position: relative;
z-index: 2;
}
.panelb {
float: left;
font-size: 10vw;
line-height: 10vw;
margin-top: 25vw;
margin-left: 7.5vw;
position: relative;
}
.panelba {
float: left;
}
.panelbb {
float: left;
clear: both;
margin-top: 3vw;
}
.panelc {
position: absolute;
bottom: 12.5vw;
float: left;
clear: both;
margin-left: 7.5vw;
font-size: 3vw;
line-height: 3vw;
font-weight: 500;
opacity: 0.6;
}
.panelca {
float: left;
}
.panelcb {
float: left;
clear: both;
margin-top: 3vw;
}
.paneld {
width: 10vw;
height: auto;
position: absolute;
top: 65%;
right: 7.5vw;
}



#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) {
.porbh{
display: none;
}
}

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

@media screen and (min-width: 835px) {
.headbx, .headce {
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) {
.foe, .fogg {
width: 5vw;
}
.secc {
font-size: 2.5vw;
line-height: 2.5vw;
}
.secb {
width: 5vw;
}
.secd {
margin-top: 0vw;
}
.secda {
margin-top: 2vw;
margin-bottom: 2vw;
}
.secdaa {
margin-top: 1vw;
margin-bottom: 2vw;
}
.headb {
width: 20vw;
}
.headc {
font-size: 1.5vw;
line-height: 1.5vw;
}
}

@media screen and (max-width: 1194px) {
.fogc {
margin-left: 10.5vw;
}
.headcd {
width: 4.75vw;
margin-right: 6vw;
}
.profb {
width: 32vw;
}
.proja, .projb {
margin-top: 10vw;
}
.projc {
margin-top: 8vw;
}
.projd {
width: 15vw;
}
.secc {
font-size: 3.25vw;
line-height: 3.25vw;
}
.foe, .fogg {
width: 6vw;
}
.ked, .fogf {
width: 4.5vw;
}
.kea {
width: 30vw;
}
.kg {
width: 42vw;
margin-top: 35vw;
}
.kc {
margin-top: 30vw;
}
.secd {
margin-top: 0.5vw;
}
.secd {
width: 62%;
}
.secda, .secdaa {
width: 62vw;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef, .seceg {
font-size: 3vw;
line-height: 3vw;
}
h1 {
font-size: 3.5vw;
line-height: 3.9vw;
}
h2 {
font-size: 2.5vw;
line-height: 3.4vw;
}
.bc {
width: 49vw;
}
.headb {
width: 22.5vw;
}
.headc {
font-size: 1.75vw;
line-height: 1.75vw;
}
.porbd {
height: 47.5vw;
}
.bf {
width: 37.5vw;
margin-right: 17.5vw;
}
.bf, .bj, .kj, .foa, .porbg, .fogb, .fogha, .projc, .profb, .data, .kl {
font-size: 1.5vw;
line-height: 2.5vw;
}
.listl {
padding-left: 5vw;
background-position: left 0.3vw;
background-size: 2vw 2vw;
}
.kk, .foghb {
font-size: 3.25vw;
line-height: 3.25vw;
margin-top: 1.5vw;
}
.secb {
width: 6vw;
}
}


@media screen and (max-device-width : 1024px) and (orientation : portrait) {
.secd {
width: 75%;
}
.secda {
width: 100%;
margin-top: 3.5vw;
margin-bottom: 3.5vw;
}
.secdaa {
width: 100%;
margin-top: 0vw;
margin-bottom: 3.5vw;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef, .seceg {
font-size: 3.5vw;
line-height: 3.5vw;
}
.secc {
font-size: 3.5vw;
line-height: 3.5vw;
}
.heada {
padding-top: 2vw;
padding-bottom: 2vw;
}
.headb {
width: 27.5vw;
}
.headc {
font-size: 2vw;
line-height: 2vw;
}
.secb {
width: 6vw;
}
}

@media screen and (max-width: 1080px) {
.listdata {
padding-left: 3vw;
background-position: left 0.9vw;
background-size: 0.750vw 0.750vw;
}
.proc {
margin-top: 15vw;
}
.proja {
margin-top: 11.6vw;
width: 7vw;
}
.projb {
margin-top: 11.6vw;
width: 7vw;
margin-left: 15vw;
}
.projc {
margin-top: 10vw;
}
.projd {
width: 17.5vw;
}
.profb {
width: 34vw;
}
.bg {
width: 48vw;
}
h1 {
font-size: 3.6vw;
line-height: 4vw;
}
h2 {
font-size: 2.6vw;
line-height: 3.5vw;
}
.bf {
width: 40vw;
margin-right: 12.5vw;
}
.bf, .bj, .kj, .foa, .porbg, .fogb, .fogha, .projc, .profb, .data, .kl {
font-size: 1.6vw;
line-height: 2.6vw;
}
.kec {
width: 4vw;
right: -8vw;
}
.headb {
width: 25vw;
}
.headb {
width: 30vw;
}
.headc {
font-size: 2.15vw;
line-height: 2.15vw;
}
.porbe {
font-size: 2vw;
line-height: 2vw;
}
}

@media screen and (max-width: 834px) {
.kl {
margin-top: 2vw;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef, .seceg {
font-size: 4vw;
line-height: 4vw;
}
.secda, .secdaa {
width: 100%;
}
.secd {
width: 85%;
}
.listdata {
padding-left: 4vw;
background-position: left 1.1vw;
background-size: 1vw 1vw;
}
.datb {
width: 7.5vw;
top: 7.5%;
right: 7.5%;
}
.headcd {
width: 6vw;
margin-right: 3vw;
margin-top: 0.2vw;
}
.fogf {
width: 5vw;
top: 3.8vw;
}
.foge {
margin-left: 15vw;
clear: both;
margin-top: 5vw;
line-height: 4.5vw;
}
.foga {
width: 22.5vw;
right: 10vw;
top: -22.5vw;
}
A.navc.active, A.navc:hover, A.nave.active, A.nave:hover {
padding-bottom: 2px;
}
.projd {
width: 20vw;
}
.projc {
margin-left: 10vw;
margin-top: 10.5vw;
}
.projb {
margin-top: 13vw;
width: 8vw;
margin-left: 10vw;
}
.proja {
margin-top: 13vw;
width: 8vw;
}
.proi {
padding-left: 25%;
padding-right: 25%;
}
.proeb {
bottom: -8.5vw;
left: -8.5vw;
font-size: 7vw;
line-height: 7vw;
}
.proe {
width: 50vw;
}
.prof {
margin-top: 15vw;
}
.proc {
margin-top: 20vw;
}
.porbf {
font-size: 2.5vw;
line-height: 2.5vw;
}
.kk, .foghb {
font-size: 4.25vw;
line-height: 4.25vw;
margin-top: 2vw;
}
.kec {
width: 4.5vw;
right: -9vw;
}
.fod {
margin-left: 0px;
clear: both;
margin-top: 5vw;
line-height: 4.5vw;
}
.kf {
width: 22.5vw;
top: 27.5vw;
}
.bi {
top: -12.5vw;
}
.keb {
width: 55vw;
left: -7.5vw;
}
.kea {
width: 35vw;
}
.kg {
width: 47vw;
margin-top: 37.5vw;
}
.listl {
padding-left: 7vw;
background-position: left 0.3vw;
background-size: 3vw 3vw;
}
.bj {
float: left;
width: 60vw;
margin-right: 0px;
left: 21vw;
}
.bf {
float: left;
width: 62%;
margin-right: 0px;
text-indent: 8vw;
left: 11vw;
}
.bf, .bj, .kj, .foa, .porbg, .fogb, .fogha, .projc, .profb, .data, .kl {
font-size: 2.2vw;
line-height: 3.4vw;
}
.bg {
width: 60vw;
}
.bc {
width: 62vw;
}
h1 {
font-size: 4.6vw;
line-height: 5vw;
}
h2 {
font-size: 3.6vw;
line-height: 4.5vw;
}
.foe, .fogg {
width: 8vw;
}
.porbb, .beb {
width: 1.75vw;
margin-top: 9vw;
margin-left: 1.05vw;
}
.porba, .bea, .bia, .kda {
width: 4vw;
}
.porbe {
font-size: 3vw;
line-height: 3vw;
}
.porbd {
height: 70vw;
}
.headb {
width: 35vw;
margin-left: 3vw;
}
.heada {
padding-top: 3vw;
padding-bottom: 3vw;
}
.headc {
font-size: 2.5vw;
line-height: 2.5vw;
right: 3vw;
}
.secb {
width: 8vw;
}
.secc {
font-size: 4vw;
line-height: 4vw;
bottom: 3vw;
right: 3vw;
}
}

@media screen and (max-device-width : 834px) and (orientation : portrait) {
.secdaa, .secda {
width: 100%;
display: inline;
float: left;
clear: both;
margin-bottom: 0vw;
margin-top: 0vw;
}
.sece {
float: right;
margin-bottom: 3vw;
}
.secec {
float: left;
clear: both;
margin-bottom: 3vw;
}
.secf {
width: 20%;
float: left;
margin-top: 2.75vw;
}
.secea {
float: left;
margin-bottom: 3vw;
}
.secfb {
float: left;
width: 44%;
margin-top: 2.75vw;
}
.secfa {
float: right;
clear: both;
margin-top: 2.75vw;
width: 62%;
}
.seceb {
float: right;
margin-bottom: 3vw;
}
.secfc {
width: 40%;
float: right;
margin-top: 2.75vw;
}
.secfd {
width: 31%;
float: left;
margin-top: 2.75vw;
}
.seced {
float: right;
margin-bottom: 3vw;
}
.secfe {
width: 66%;
float: right;
clear: both;
margin-top: 2.75vw;
}
.secee {
float: left;
margin-bottom: 3vw;
}
.secef {
float: right;
margin-bottom: 3vw;
}
.seceg {
float: left;
clear: both;
}
.secff {
width: 72%;
float: left;
margin-top: 2.75vw;
}
.secfg {
width: 31%;
float: right;
margin-top: 2.75vw;
}
}

@media screen and (max-device-width : 834px) and (orientation : landscape) {
.secdaa {
margin-bottom: 1.5vw;
}
.secda {
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef, .seceg {
font-size: 4vw;
line-height: 4vw;
}
.secda, .secdaa {
width: 100%;
}
.secd {
width: 85%;
margin-top: 10vw;
}
.heada {
padding-top: 2vw;
padding-bottom: 2vw;
}
.headbx {
width: 5vw;
}
.secb, .secc {
display: none;
}
.headcf {
width: 3.5vw;
font-size: 2vw;
line-height: 2vw;
}
.headcg {
margin-top: 1vw;
}
.panelb {
font-size: 5vw;
line-height: 5vw;
margin-top: 20vw;
}
.panelbb {
clear: none;
margin-top: 0vw;
margin-left: 8.3vw;
}
.schliessen {
top: 3.5vw;
}
.panelc {
bottom: 5.2vw;
font-size: 2.5vw;
line-height: 2.5vw;
}
.panelcb {
clear: none;
margin-top: 0vw;
margin-left: 5vw;
}
.paneld {
width: 7.5vw;
top: 71%;
right: 7.5vw;
}
}

@media screen and (max-width: 834px) {
.bb, .kb {
width: 92.5vw;
}
.kd, .bi, .be {
margin-left: 7.5vw;
}
.prob {
left: 7.5vw;
}
.dtop {
width: 8vw;
right: 7.5vw;
}
.data {
padding-right: 7.5vw;
padding-left: 7.5vw;
}
.projb {
margin-top: 13vw;
width: 8vw;
margin-left: 7.5vw;
}
.prog, .proh, .proj, .prok {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.proc {
margin-top: 22.5vw;
}
.fogf {
width: 5.5vw;
}
.ked {
width: 5.5vw;
left: -13.5vw;
}
.secc {
font-size: 4.5vw;
line-height: 4.5vw;
bottom: 4vw;
right: 4vw;
}
.headca, .headcb, .headcc, .headb, .headcd {
display: none;
}
.headc {
font-weight: 500;
right: 7.5vw;
}
}

@media screen and (max-width: 500px) {
.kl {
margin-top: 3vw;
}
.secb {
bottom: 7.5vw;
left: 7.5vw;
}
.listdata {
padding-left: 7vw;
background-position: left 2.6vw;
background-size: 2vw 2vw;
}
.datb {
width: 10vw;
top: 5%;
right: 7.5%;
}
.proj {
margin-top: 20vw;
}
.ba {
margin-top: 15vw;
}
.fogg {
right: 0vw;
}
.fogb {
width: 92.5vw;
margin-left: 7.5vw;
}
.fogb {
margin-top: 25vw;
}
.fogd {
float: left;
margin-left: 0vw;
clear: both;
margin-top: 7.5vw;
}
.foge {
margin-top: 20vw;
line-height: 8.5vw;
}
.fogc, .foge {
margin-left: 0vw;
}
.fog {
margin-top: 12.5vw;
width: 85vw;
margin-left: 7.5vw;
}
.projb {
margin-top: 23vw;
width: 12.5vw;
margin-left: 12.5vw;
float: right;
}
.proja {
margin-top: 23vw;
width: 12.5vw;
}
.projd {
width: 35vw;
}
.proi {
padding-left: 0%;
padding-right: 0%;
}
.prog, .proh, .prok {
padding-left: 0vw;
padding-right: 0vw;
}
.profx {
margin-top: 15vw;
}
.proe {
width: 65vw;
}
.prof {
margin-top: 27.5vw;
}
.profb {
float: left;
width: 85vw;
margin-right: 0vw;
margin-left: 7.5vw;
}
.proeb {
bottom: -16.5vw;
left: -10vw;
font-size: 11vw;
line-height: 11vw;
}
.proc {
margin-top: 31.5vw;
}
.panelbb {
margin-top: 4vw;
}
.kk, .foghb {
font-size: 8.5vw;
line-height: 8.5vw;
margin-top: 4vw;
}
.fod {
margin-top: 20vw;
}
.foc {
margin-left: 0vw;
clear: both;
margin-top: 7.5vw;
}
.kj {
margin-top: 12.5vw;
}
.foe {
width: 13.5vw;
right: 7.5vw;
top: -25vw;
}
.foe:hover {
top: -25vw;
}
.fogg {
width: 13.5vw;
right: 7.5vw;
top: -20vw;
}
.fogg:hover {
top: -20vw;
}
.foa {
width: 92.5vw;
margin-left: 7.5vw;
margin-top: 40vw;
}
.ki {
width: 92.5vw;
margin-left: 7.5vw;
}
.keb {
width: 50vw;
left: 8vw;
top: 57vw;
}
.kea {
width: 100%;
}
.kc {
margin-top: 50vw;
}
.ke {
width: 85vw;
margin-left: 7.5vw;
margin-top: -30vw;
}
.kg {
width: 85vw;
margin-top: 100vw;
margin-left: 7.5vw;
}
.kb {
width: 100%;
border-bottom-right-radius: 0vw;
}
.bh {
margin-top: 10vw;
}
.listl {
padding-left: 11vw;
background-position: left 0.9vw;
background-size: 5vw 5vw;
}
.bg {
width: 85vw;
margin-left: 7.5vw;
margin-top: 15vw;
}
.bj {
width: 85vw;
left: 7.5vw;
}
.porbe {
font-size: 4.5vw;
line-height: 4.5vw;
}
.porbe {
left: 0px;
display: flex;
justify-content: center;
width: 92.5%;
}
.porbg {
margin-top: 5vw;
}
.bf, .bj, .kj, .foa, .porbg, .fogb, .fogha, .projc, .profb, .data, .kl {
font-size: 4.6vw;
line-height: 7vw;
}
.fod {
line-height: 8.2vw;
}
.bf {
width: 85%;
text-indent: 0vw;
left: 7.5vw;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.bd {
margin-top: 12.5vw;
}
.bb {
width: 100%;
border-top-left-radius: 0vw;
}
.bc {
width: 85vw;
margin-left: 7.5vw;
margin-top: 14vw;
}
.porbf {
font-size: 4.5vw;
line-height: 4.5vw;
}
h1 {
font-size: 8vw;
line-height: 9vw;
}
h2 {
font-size: 6.5vw;
line-height: 8.25vw;
}
.porbc {
width: 92.5vw;
margin-top: 5vw;
}
.porbd {
height: 161vw;
}
.paneld {
width: 12.5vw;
top: 70%;
}
.panelb {
font-size: 13vw;
line-height: 13vw;
margin-top: 35vw;
margin-left: 7.5vw;
}
.schliessen {
font-size: 4.5vw;
line-height: 4.5vw;
}
.secb {
width: 13.5vw;
}
.secc, .prob, .be, .bi, .kd, .ked, .kf, .kec, .fogf, .projc, .foga {
display: none;
}
.secfg {
width: 35%;
opacity: 0.5;
}
.secff {
width: 76%;
opacity: 0.5;
}
.secfe {
width: 69%;
opacity: 0.5;
}
.secfd {
width: 34%;
opacity: 0.5;
}
.secfc {
width: 43%;
opacity: 0.5;
}
.secf {
width: 22%;
opacity: 0.5;
}
.secfa {
width: 66%;
opacity: 0.5;
}
.secfb {
width: 47%;
opacity: 0.5;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef {
margin-bottom: 4vw;
}
.secd {
margin-top: 0vw;
}
.headcg {
margin-top: 2.2vw;
font-size: 4.5vw;
line-height: 4.5vw;
}
.headcf {
width: 7.5vw;
margin-right: 7.5vw;
}
.headbx {
width: 11vw;
}
.heada {
padding-top: 4vw;
padding-bottom: 4vw;
}
.sece, .secea, .seceb, .secec, .seced, .secee, .secef, .seceg {
font-size: 5.75vw;
line-height: 5.75vw;
}
.secd {
width: 85%;
}
.panelc {
font-size: 4vw;
line-height: 4vw;
}
.panelcb {
margin-top: 4vw;
}
}
	
@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;}
}