:selection {background: #504E4D; color: #fff;}
::-moz-selection {background: #504E4D; color: #fff;}

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

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

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       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.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       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+ */
       url('fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

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

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       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.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       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+ */
       url('fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

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


html {
font-family: 'Ubuntu';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}
body {
font-family: 'Ubuntu';
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #f5f5f5;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
font-size: 1.3vw;
font-weight: 500;
color: #373636;
background-image: url(bilder/backgr_x1.png);
background-repeat: repeat;
background-attachment: fixed;
}

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

.pink {
color: #CB0B88;
}

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

.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 15vw;
padding-right: 12.500vw;
padding-bottom: 12.500vw;
padding-left: 10vw;
line-height: 2.1875vw;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.datb {
position: fixed;
width: 27.5vw;
height: auto;
top: 7.5%;
right: 7.5%;
z-index: 100;
}
ol {
list-style-type:decimal;
padding-left: 1.35vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(#);
background-repeat: no-repeat;
padding-left: 0vw;
margin-top: 0.5vw;
}
.lista {
list-style-image: none;
background-image: url(#);
padding-left: 1vw;
}
.listb {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/dot.svg");
background-repeat: no-repeat;
padding-left: 2vw;
background-position: left 0.895vw;
background-size: 0.50vw 0.50vw;
}



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


img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-size: 3.229166666666667vw;
line-height: 3.4375000000000004vw;
font-weight: 500;
}
h2 {
font-size: 2.7083333333333335vw;
line-height: 2.9166666666666665vw;
font-weight: 500;
}
h3 {
font-size: 2.7083333333333335vw;
line-height: 2.9166666666666665vw;
font-weight: 300;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tf500 {
font-weight: 500;
}
.tk {
font-style: italic;
}

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

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

a:link, a:hover, a:visited, a:active {
font-family: 'Ubuntu'; 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.telo:link, A.telo:active, A.telo:visited, A.telo:hover {
color: #373636;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.telor:link, A.telor:active, A.telor:visited, A.telor:hover {
color: #db4800;
}


A.navb:link, A.navb:visited {
color: #373636;
transition: all ease-out .3s;
}
A.navb:hover {
color: #373636;
transition: all ease-out .3s;
}
A.navb.active {
color: #db4800;
transition: all ease-out .3s;
}
A.navbr:link, A.navbr:visited {
color: #373636;
transition: all ease-out .3s;
}
A.navbr:hover {
color: #373636;
transition: all ease-out .3s;
}
A.navbr.active {
color: #373636;
transition: all ease-out .3s;
}

A.navc:link, A.navc:visited {
color: rgba(0,0,0,1);
background: 
linear-gradient(to right, rgba(55,54,54,0), rgba(55,54,54,0)),
linear-gradient(to right, rgba(55,54,54,1.00), rgba(55,54,54,1.00), rgba(55,54,54,1.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(55,54,54,0);
padding-bottom: 0.25vw;
transition: all ease-out .3s;
}
A.navc.active, A.navc:hover {
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.25vw;
transition: all ease-out .3s;
}

A.navd:link, A.navd:visited {
color: #373636;
transition: all ease-out .4s;
border-bottom: 1px solid #504E4D;
padding-bottom: 0.25vw;
}
A.navd.active, A.navd:hover {
color: #373636;
transition: all ease-out .4s;
border-bottom: 1px solid #504E4D;
padding-bottom: 0.25vw;
}

header {
float: left;
clear: both;
width: 100%;
position: relative;
z-index: 5;
}
section {
float: left;
clear: both;
width: 100%;
position: relative;
z-index: 2;
}
.secta {
z-index: 10;
}
.sabsta {
margin-top: 5.416666666666667vw;
}
.sabstb {
margin-top: 5.416666666666667vw;
}
footer {
float: left;
clear: both;
width: 100%;
position: relative;
background-color: #f5f5f5;
z-index: 2;
}

.mobi {
width: 6vw;
float: left;
z-index: 101;
position: absolute;
top: -1.15vw;
left: 0vw;
}
.mobia {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.mobib {
width: 6vw;
height: 2px;
background-color: #504E4D;
}
.mobic {
width: 6vw;
height: 2px;
background-color: #504E4D;
margin-top: 0.9592326139088728vw;
margin-bottom: 0.9592326139088728vw;
}
.mobid {
width: 6vw;
height: 2px;
background-color: #504E4D;
}
.mobie {
width: 5vw;
height: 5vw;
position: absolute;
right: 0vw;
top: -1vw;
border-radius: 50vw;
}
.mobiea {
width: 100%;
height: 100%;
}


nav {
width: 100%;
height: 5.416666666666667vw;
float: left;
background-color: #f5f5f5;
position: fixed;
padding-left: 2.604166666666667vw;
padding-right: 2.604166666666667vw;
z-index: 100;
display: flex;
align-items: center;
font-size: 1.09375vw;
line-height: 1.09375vw;
opacity: 0.95;
}
.na {
width: 100%;
float: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.nb {
float: left;
color: #9b9a9a;
text-transform: uppercase;
}
.nba {
float: left;
}
.nbc {
margin-left: 2vw;
float: left;
}
.nbb {
margin-left: 2vw;
float: left;
}
.nc {
width: 22.135416666666664vw;
height: 2.1875vw;
float: right;
}


.starta {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
margin-top: 6vw;
}
.startb {
width: 50%;
float: left;
}
.startba {
width: 15vw;
margin-top: 5vw;
float: left;
line-height: 1.875vw;
}
.startbax {
width: 55vw;
top: 12.5vw;
float: left;
line-height: 5.75vw;
font-size: 4.75vw;
color: #fff;
z-index: 1;
position: absolute;
left: 7vw;
}
.startbb {
width: 7.135416666666666vw;
height: 3.75vw;
float: left;
position: absolute;
left: 17vw;
top: 12vw;
}
.startc {
width: 50%;
float: left;
}
.startca {
width: 100%;
float: left;
left: 0.1vw;
}
.startcb {
width: 100%;
float: left;
clear: both;
margin-top: 2.864583333333333vw;
text-transform: uppercase;
}

.banner {
width: 100%;
height: 54.6875vw;
float: left;
margin-top: 5.208333333333334vw;
clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
overflow: hidden;
background-image: url(bilder/big_banner.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
/*
.bannera {
width: 100%;
height: 100%;
float: left;
position: absolute;
z-index: 1;
top: -17.5vw;
}
*/


.bannerb {
width: 7.8125vw;
height: 7.8125vw;
background-color: #db4800;
border-radius: 50vw;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 0.9vw;
line-height: 0.9vw;
transition: all ease-out .3s;
-webkit-animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-7-6 14:54:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.bannerb:hover {
transform: scale(1.2);
}
.bannerba {
position: absolute;
top: 2.5vw;
right: 8vw;
z-index: 100;
}
.bannerc {
width: 10.416666666666668vw;
height: auto;
position: absolute;
z-index: 2;
bottom: 6vw;
left: 7.8125vw;
}

.einla {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
margin-top: 9.114583333333332vw;
background-image: url(bilder/icon_gesta_x2.svg);
background-repeat: no-repeat;
background-position: 12.5vw top;
background-size: auto;
}
.einlb {
width: 100%;
text-align: center;
z-index: 1;
}
.einlc {
width: 13vw;
height: auto;
text-align: center;
z-index: 2;
opacity: 0.05;
position: absolute;
top: 7vw;
}

.einld {
position: absolute;
right: 7.8125vw;
top: -5vw;
float: right;
z-index: 6;
}
.einlda {
width: 5.208333333333334vw;
height: 5.208333333333334vw;
border-radius: 50vw;
background-color: #db4800;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
right: 5.25vw;
transition: all ease-out .3s;
}
.einldax {
width: 5.208333333333334vw;
height: 5.208333333333334vw;
}
.einldaxx {
}

.einldb {
width: 6.25vw;
height: 6.25vw;
border-radius: 50vw;
background-color: #373636;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
top: 0.75vw;
right: -0.75vw;
transition: all ease-out .3s;
}
.einldbx {
width: 6.25vw;
height: 6.25vw;
}
.einldc {
width: 4.166666666666666vw;
height: 4.166666666666666vw;
border-radius: 50vw;
background-color: #9b9a9a;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
right: 7.5vw;
top: -2.5vw;
transition: all ease-out .3s;
}
.einldcx {
width: 4.166666666666666vw;
height: 4.166666666666666vw;
}
.einlda:hover, .einldb:hover, .einldc:hover {
transform: scale(1.1);
}

.einle {
width: 100%;
float: left;
margin-top: 6.5vw;
font-weight: 400;
line-height: 2.1875vw;
padding-left: 6.510416666666667vw;
padding-right: 6.510416666666667vw;
}
.einlea {
width: 32vw;
float: left;
}
.einleb {
width: 32vw;
float: right;
}
.einlec {
width: 100%;
float: left;
margin-top: 6.5vw;
font-weight: 300;
font-size: 1vw;
line-height: 1.5vw;
color: #9b9a9a;
}
.einlf {
width: 100%;
float: left;
clear: both;
margin-top: 10vw;
}
.einlfa {
width: 100%;
float: left;
}
.einlfb {
width: 46.25vw;
float: right;
}
.einlfba {
width: 100%;
float: left;
}
.einlfbc {
margin-top: 7.5vw;
font-weight: 700;
}
.einlfbd {
width: 100%;
float: left;
clear: both;
top: 3vw;
font-size: 1.3020833333333335vw;
line-height: 2.1875vw;
font-weight: 400;
}

.einlfc {
width: 50%;
float: left;
}
.einlfca {
width: 39.0625vw;
height: 46.875vw;
float: left;
}
.einlfcb {
width: 7.135416666666666vw;
height: 3.75vw;
float: left;
transform: rotate(180deg);
top: -3.5vw;
left: 45vw;
position: absolute;
z-index: 2;
}

.einlg {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.einlga {
float: left;
margin-top: 10vw;
font-size: 1.3020833333333335vw;
line-height: 2.1875vw;
font-weight: 400;
padding-left: 6.510416666666667vw;
}
.einlgaa {
float: left;
clear: both;
}
.einlgaaa {
float: left;
clear: both;
margin-top: 2vw;
}

.einlgb {
width: 38.28125vw;
height: 46.875vw;
top: -5vw;
float: right;
clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

.einlh {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
z-index: 3;
}
.einli {
width: 13vw;
height: auto;
text-align: center;
z-index: 2;
opacity: 0.05;
position: absolute;
top: -1.5vw;
}
.einlia {
width: 63.802083333333336vw;
height: 1px;
float: right;
top: 5vw;
background-color: #9b9a9a;
transform: rotate(6deg);
}
.einlib {
width: 63.802083333333336vw;
height: 1px;
float: left;
top: 6vw;
background-color: #9b9a9a;
transform: rotate(-5deg);
}
.einlic {
width: 100%;
float: left;
margin-top: 12.5vw;
margin-bottom: 2.5vw;
}
.einlica {
width: 50%;
float: left;
padding-left: 6.510416666666667vw;
text-transform: uppercase;
}
.einlicb {
width: 38.28125vw;
float: right;

}
.einlicc {
width: 30vw;
float: left;
top: 0.9vw;
font-size: 1.3020833333333335vw;
line-height: 2.1875vw;
font-weight: 400;
}

.einlid {
width: 7.8125vw;
height: 7.8125vw;
}
.einlida {
width: 100%;
height: 100%;
border-radius: 50vw;
display: flex;
align-items: center;
justify-content: center;
background-color: #db4800;
color: #fff;
font-size: 1vw;
line-height: 1vw;
transition: all ease-out .3s;
-webkit-animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
}
.einlida:hover {
transform: scale(1.2);
}
.einlidax {
position: absolute;
bottom: -10vw;
right: 7.8125vw;
}

.slida {
width: 100%;
float: left;
margin-top: 20vw;
z-index: 2;
}

.firma {
width: 100%;
float: left;
margin-top: 10vw;
padding-top: 7.8125vw;
background-color: #f5f5f5;
padding-right: 7.8125vw;
background-image: url(bilder/icon_gesta_x1.svg);
background-repeat: no-repeat;
background-position: right 15vw;
}
.firmax {
width: 100%;
float: left;
}
.firmb {
width: 14vw;
height: 14vw;
}
.firmbx {
position: absolute;
top: 3vw;
right: 22.5vw;
z-index: 1;
}
.firmc {
width: 9.114583333333332vw;
height: auto;
position: absolute;
right: 0vw;
opacity: 0.1;
}
.firmd {
float: left;
padding-left: 14.322916666666666vw;
margin-top: 5vw;
}
.firme {
width: 28.645833333333332vw;
height: 38.80208333333333vw;
float: left;
clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

.firmf {
width: 38.28125vw;
float: right;
text-transform: uppercase;
padding-top: 15vw;
}
.firmfa {
float: left;
}
.firmfb {
margin-top: 5vw;
float: left;
clear: both;
}

.konta {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-bottom: 10vw;
margin-top: 5vw;
}
.kontb {
width: 1.0416666666666665vw;
display: flex;
justify-content: center;
flex-wrap: wrap;
position: absolute;
}
.kontba {
width: 1px;
height: 3.125vw;
float: left;
background-color: #373636;
}
.kontbc {
width: 1.0416666666666665vw;
height: 4.583333333333333vw;
margin-top: 2vw;
float: left;
clear: both;
}

.kontc {
width: 38.28125vw;
float: right;
margin-top: 4vw;
}
.kontca {
font-size: 2.7083333333333335vw;
line-height: 2.9166666666666665vw;
font-weight: 500;
left: -4vw;
}
.kontcb {
float: left;
margin-top: 1.5vw;
clear: both;
}

.kontd {
width: 100%;
float: left;
padding-left: 6.510416666666667vw;
margin-top: 6vw;
}
.kontda {
width: 12.5vw;
float: left;
font-weight: 300;
font-size: 1vw;
line-height: 1.5vw;
color: #9b9a9a;
top: 0.3vw;
}
.kontdb {
width: 38.28125vw;
float: right;
}
.kontdba {
width: 21.09375vw;
height: 1px;
float: left;
background-color: #cdcdcd;
}
.kontdbb {
width: 100%;
float: left;
margin-top: 3vw;
margin-bottom: 3vw;
line-height: 2.1875vw;
}


.foo {
width: 100%;
float: left;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.fooa {
width: 7.8125vw;
height: 16.583333333333334vw;
right: 0px;
display: flex;
justify-content: center;
float: right;
position: absolute;
z-index: 2;
top: -5vw;
}
.fooaa {
width: 2.3958333333333335vw;
height: 14.583333333333334vw;
transition: all ease-out .3s;
margin-top: 2vw;
}
.fooaa:hover {
margin-top: 4vw;
transition: all ease-out .3s;
}
.foob {
width: 100%;
height: 47.39583333333333vw;
float: left;
background-image: url(bilder/bild_footer.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.fooba {
width: 16.25vw;
height: 8.333333333333332vw;
opacity: 0.9;
}
.fooc {
width: 100%;
float: left;
margin-top: 2.5vw;
margin-bottom: 4.5vw;
font-size: 1vw;
line-height: 1.5vw;
font-weight: 400;
}
.food {
float: left;
}
.fooda {
float: left;
}
.foodb {
float: left;
margin-left: 3vw;
}
.fooe {
width: 18vw;
float: right;
color: #9b9a9a;
}


/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
}
.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: #db4800;
color: rgba(55,54,54,0.50);
background-image: url(bilder/backgr_x1_resp.png);
background-position: center center;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 5vw;
left: 7.5vw;
width: 2.997601918465228vw;
height: 2.997601918465228vw;
}
.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;
}
.panelb {
width: 100%;
height: 12.470023980815348vw;
float: left;
background-color: #db4800;
z-index: 1;
}
.panelc {
width: 15vw;
height: 15vw;
display: flex;
align-items: center;
justify-content: center;
background-color: #373636;
z-index: 2;
border-radius: 50vw;
text-transform: uppercase;
top: -7.5vw;
right: 5.9vw;
float: right;
-webkit-animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
animation: heartbeat 1.5s ease-in-out 1s infinite reverse both;
}
.panelca {
font-size: 2vw;
line-height: 2vw;
font-weight: 500;
}
.paneld {
width: 100%;
float: left;
padding-left: 15.995203836930456vw;
padding-right: 15.995203836930456vw;
font-size: 12vw;
line-height: 12vw;
}
.panelda {
width: 30vw;
height: auto;
margin-bottom: 7.5vw;
float: left;
}
.panele {
float: left;
width: 100%;
}
.panelf {
float: left;
width: 100%;
margin-top: 4vw;
}
.panelg {
float: left;
width: 100%;
margin-top: 4vw;
}
.panelh {
width: 30vw;
height: auto;
float: left;
margin-top: 15.995203836930456vw;
}
.paneli {
float: left;
position: absolute;
right: 5.9vw;
bottom: 5.9vw;
}
.panelia {
float: left;
width: 2.997601918465228vw;
height: 22.062350119904075vw;
}
.panelib {
float: left;
width: 2.997601918465228vw;
height: 22.062350119904075vw;
clear: both;
margin-top: 1vw;
}


/* Ende - Mobile Navigation */


#loading {
animation: rotation 20s infinite linear
}

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




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

@media screen and (min-width: 835px) {
.mobi, .mobie, .mobiea {
display: none;
}
}


@media screen and (max-width: 1366px) {
nav {
  font-size: 1.2vw;
  line-height: 1.2vw;
}
.bannerba {
  top: 2vw;
}
.bannerb {
  width: 10vw;
  height: 10vw;
  font-size: 1.3vw;
  line-height: 1.3vw;
}
.einla {
  background-size: 60%;
}
}

@media screen and (max-width: 1194px) {
.data {
  font-size: 1.6vw;
  line-height: 2.75vw;
}
.kontca {
  font-size: 3.7vw;
  line-height: 3.9vw;
  left: -5.7vw;
}
.listb, .listdata {
  padding-left: 2.5vw;
  background-position: left 1.1vw;
  background-size: 0.60vw 0.60vw;
}
.kontbc {
  width: 1.3vw;
  height: 5.7180485762144055vw;
  margin-top: 2.5vw;
}
.kontb {
  width: 1.3vw;
}
.firma {
  background-size: 50vw;
}
.fooe {
  width: 23.5vw;
}
.kontda {
  width: 16.5vw;
}
.einlicc {
  width: 33vw;
  top: 0.25vw;
}
.einlfb {
  width: 45vw;
}
.einld {
  right: 5.5vw;
}
.einldc {
  width: 5.167vw;
  height: 5.167vw;
}
.einldcx {
  width: 5.167vw;
  height: 5.167vw;
}
.einlda {
  width: 6.208vw;
  height: 6.208vw;
}
.einldax {
  width: 6.208vw;
  height: 6.208vw;
}
.einldb {
  width: 7.25vw;
  height: 7.25vw;
}
.einldbx {
  width: 7.25vw;
  height: 7.25vw;
}
.einlga {
  padding-left: 0vw;
}
.einleb {
  width: 37.5vw;
}
.einlea {
  width: 37.5vw;
}
.einle {
  padding-left: 0vw;
  padding-right: 0vw;
}
.startbb {
  width: 10.050251256281408vw;
  height: 5.2818844221105525vw;
  left: 18vw;
  top: 14vw;
}
.einlfcb {
  width: 10.050251256281408vw;
  height: 5.2818844221105525vw;
}
.einlec, .kontda, .fooc {
  font-size: 1.3vw;
  line-height: 2.1vw;
}
.sabsta {
  margin-top: 7vw;
}
.nc {
  width: 27.470686767169177vw;
  height: 2.7145058626465666vw;
}
.einlid {
  width: 10vw;
  height: 10vw;
}
.einlida {
  font-size: 1.3vw;
  line-height: 1.3vw;
}
h1 {
  font-size: 4.25vw;
  line-height: 4.5vw;
}
.startba {
  width: 20vw;
  line-height: 2.5vw;
}
body, .einlfbd, .einlga, .einlicc {
  font-size: 1.6vw;
}
.einlfbd, .einle, .einlga, .einlicc, .kontdbb {
  line-height: 2.75vw;
}
nav {
  height: 7.5vw;
  font-size: 1.5vw;
  line-height: 1.5vw;
}
}

@media screen and (max-width: 1080px) {
.data {
  font-size: 1.8vw;
  line-height: 3vw;
}
.datb {
  width: 35.15625vw;
  top: 6.5%;
}
.fooba {
  width: 21.97265625vw;
  height: 11.267578125vw;
}
.fooe {
  width: 26.5vw;
}
.nbb, .nbc {
  margin-left: 3vw;
}
.kontdba {
  width: 25vw;
}
.einldb {
  width: 8.25vw;
  height: 8.25vw;
  top: -0.75vw;
}
.einldbx {
  width: 8.25vw;
  height: 8.25vw;
}
.einldc {
  width: 6.167vw;
  height: 6.167vw;
  right: 8.5vw;
  top: -3.5vw;
}
.einldcx {
  width: 6.167vw;
  height: 6.167vw;
}
.einlda {
  width: 7.208vw;
  height: 7.208vw;
  right: 7.25vw;
}
.einldax {
  width: 7.208vw;
  height: 7.208vw;
}
.firmbx {
  top: 1vw;
  right: 24.5vw;
}
.firmb {
  width: 17vw;
  height: 17vw;
}
.bannerc, .firmc {
  width: 12.5vw;
}
.einlidax {
  bottom: -14vw;
}
.einlid {
  width: 12vw;
  height: 12vw;
}
.einlida {
  font-size: 1.5vw;
  line-height: 1.5vw;
}
.bannerba {
  top: 0.75vw;
}
.bannerb {
  width: 12vw;
  height: 12vw;
  font-size: 1.5vw;
  line-height: 1.5vw;
}
h2 {
  font-size: 3.75vw;
  line-height: 4.25vw;
}
.einlicc {
  width: 38vw;
  top: 1.3vw;
}
.einlica {
  padding-left: 0vw;
}
.einlfbd {
  left: -2.6vw;
}
.einlec, .kontda, .fooc {
  font-size: 1.5vw;
  line-height: 2.4vw;
}
.einlfbd, .einle, .einlga, .einlicc, .kontdbb {
  line-height: 3vw;
}
.startba {
  width: 21vw;
  line-height: 2.75vw;
}
body, .einlfbd, .einlga, .einlicc {
  font-size: 1.8vw;
}
.nc {
  width: 35.15625vw;
  height: 3.4739453125vw;
}
nav {
  font-size: 2vw;
  line-height: 2vw;
}
.einlfb {
  width: 45.75vw;
}
}

@media screen and (max-width: 834px) {
.data {
  font-size: 2.75vw;
  line-height: 4vw;
  padding-top: 25vw;
}
.datb {
  width: 50.95923261390888vw;
  left: 10vw;
  right: auto;
}
A.navc:link, A.navc:visited {
padding-bottom: 0.5vw;
}
A.navc.active, A.navc:hover {
padding-bottom: 0.5vw;
}
.foob {
  width: 100%;
  height: 56vw;
}
.fooe {
  width: 35vw;
}
.foo {
  padding-left: 0vw;
  padding-right: 0vw;
  margin-top: 5vw;
}
.fooaa {
  width: 3.396vw;
  height: 21.583vw;
  margin-top: 1vw;
}
.kontdbb {
  margin-top: 4vw;
  margin-bottom: 4vw;
}
.kontdba {
  width: 38.25vw;
}
.kontc, .kontdb {
  width: 40vw;
}
.kontda {
  width: 25.5vw;
}
.kontd {
  padding-left: 0vw;
  margin-top: 8vw;
}
.konta {
  padding-left: 0vw;
}
.firma {
  background-size: 80vw;
}
.firmf {
  width: 40vw;
  padding-top: 25vw;
}
h3 {
  font-size: 3vw;
  line-height: 3.75vw;
}
.firmbx {
  top: -1vw;
  right: 17.5vw;
}
.firme {
width: 40vw;
height: 52.5vw;
}
.firmd {
  float: left;
  padding-left: 0vw;
  margin-top: 10vw;
}
.firmb {
  width: 25vw;
  height: 25vw;
}
.slida {
  margin-top: 12.5vw;
}
.einlida {
  font-size: 2vw;
  line-height: 2vw;
}
.einlid {
  width: 15vw;
  height: 15vw;
}
.einlidax {
  bottom: auto;
  top: 10vw;
  right: 5.995203836930456vw;
}
.einlic {
  margin-top: 22.5vw;
  margin-bottom: 0vw;
  clear: both;
}
.einlicb {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5vw;
}
.einlicc {
  width: 100%;
  top: 0vw;
}
.einlica {
  width: 100%;
}
.einlgb {
  width: 100%;
  height: 120vw;
  top: 10vw;
  float: left;
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  clear: both;
}
.einlg {
  padding-left: 0vw;
  padding-right: 0vw;
}
.einlga {
  width: 100%;
  padding-left: 5.995203836930456vw;
  padding-right: 5.995203836930456vw;
}
.einlfca {
  width: 100%;
  height: auto;
  clear: both;
  margin-top: 15vw;
}
.einlfc {
  width: 100%;
}
.einlfbd {
  left: 1.5vw;
}
.einlfbc {
  margin-top: 0vw;
}
.einlfba, .einla, .einlh, .firma, .fooc {
  padding-left: 5.995203836930456vw;
  padding-right: 5.995203836930456vw;
}
.einlfb {
  width: 100%;
  float: left;
}
.einlec, .kontda, .fooc {
  font-size: 2vw;
  line-height: 3.25vw;
}
.einlea {
  width: 100%;
}
.einleb {
  width: 100%;
  margin-top: 5vw;
  clear: both;
}
.bannerba {
  top: 5vw;
}
.bannerb {
  width: 15vw;
  height: 15vw;
  font-size: 2vw;
  line-height: 2vw;
}
.einldbx {
  width: 12.25vw;
  height: 12.25vw;
}
.einldb {
  width: 12.5vw;
  height: 12.5vw;
  top: 0vw;
}
.bannerc {
  width: 15vw;
  left: 5.995203836930456vw;
}
.banner {
  height: 70vw;
  margin-top: 10vw;
}
.startbb {
  width: 14.388489208633093vw;
  height: 7.412865707434054vw;
  left: 20vw;
  top: 19vw;
}
.startba {
  width: 32vw;
  line-height: 3.75vw;
}
body, .einlfbd, .einlga, .einlicc {
  font-size: 2.75vw;
}
.einlfbd, .einle, .einlga, .einlicc, .kontdbb {
  line-height: 4vw;
}
.starta {
  padding-left: 5.995203836930456vw;
  padding-right: 5.995203836930456vw;
  margin-top: 7.5vw;
}
h1, h2 {
  font-size: 6.25vw;
  line-height: 6.5vw;
}
.nc {
  width: 50.95923261390888vw;
  height: 5.035515587529976vw;
}
.sabsta {
  margin-top: 12.470023980815348vw;
}
.nb, .nba, .nbb, .nbc, .einlda, .einldax, .einldcx, .einldc, .einlfcb, .einlia, .einlib, .firmc, .kontb, .kontba, .kontbc {
display: none;
}
.na {
  justify-content: center;
}
nav {
  height: 12.470023980815348vw;
  padding-left: 5.995203836930456vw;
  padding-right: 5.995203836930456vw;
}
}

@media screen and (max-device-width : 926px) and (orientation : landscape) {
.panelia, .panelib {
  width: 2.5vw;
  height: auto;
  margin-top: 2vw;
}
.paneli {
  bottom: 5vw;
}
.panelb {
height: 0vw;
}
.panelc {
top: 5vw;
right: 15vw;
}
.panelh, .panelda {
display: none;
}
.paneld {
width: 100%;
float: left;
padding-left: 7vw;
padding-right: 7vw;
font-size: 7vw;
line-height: 7vw;
margin-top: 2.5vw;
}
}

@media screen and (max-width: 500px) {
.paneld {
  top: -2vw;
}
.data {
  font-size: 4.5vw;
  line-height: 7.5vw;
  padding-top: 35vw;
}
.datb {
  width: 77vw;
}
.panelia, .panelib {
  width: 5.116279069767442vw;
  height: 30.31860465116279vw;
}
.panelib {
  margin-top: 6vw;
}
.paneli {
  right: 7vw;
  bottom: 7vw;
}
.panelh {
  width: 35vw;
  margin-top: 17.5vw;
}
.panelf, .panelg {
  margin-top: 6vw;
}
.panelda {
  margin-bottom: 12.5vw;
}
.panelca {
  font-size: 3vw;
  line-height: 3vw;
}
.panelc {
  width: 22vw;
  height: 22vw;
  top: -10.25vw;
  right: 7vw;
}
.panelb {
  height: 18.6vw;
}
.schliessen {
  top: 6vw;
  width: 6.998vw;
  height: 6.998vw;
}
.foodb {
  float: left;
  margin-left: 6vw;
}
.fooa {
  width: 8.13953488372093vw;
  height: 30vw;
  right: 7vw;
  top: 95vw;
}
.fooaa {
  width: 8.13953488372093vw;
  height: 30vw;
  margin-top: 1vw;
  overflow: hidden;
}
.fooc {
  margin-top: 14.5vw;
  margin-bottom: 10vw;
}
.fooe {
  width: 72%;
  clear: both;
  margin-top: 10vw;
  float: left;
}
.fooba {
  width: 40vw;
  height: 20.497vw;
}
.foob {
  height: 80vw;
}
.kontdbb {
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.kontdba {
  width: 100%;
}
.kontcb {
  margin-top: 4vw;
  margin-left: 12.6vw;
}
.kontc {
  margin-top: 6vw;
}
.kontca {
  font-size: 8.25vw;
  line-height: 8.25vw;
  left: 0px;
  font-weight: 700;
}
.kontc, .kontdb {
  width: 100%;
}
.kontda {
  width: 100%;
  clear: both;
  margin-top: 10vw;
}
.sabstb {
  margin-top: 22.470023980815348vw;
}
.firmfb {
  margin-top: 10vw;
}
.aus2 {
display: none;
}
.firma {
  background-size: 100vw;
  background-position: right 110vw;
}
.firme {
  width: 100%;
  height: 132.5vw;
}
.firmf {
  width: 100%;
  padding-top: 15vw;
}
.firma {
padding-left: 0vw;
padding-right: 0vw;
padding-top: 0vw;
}
.firmd {
  margin-top: 0vw;
}
ol {
  padding-left: 2.5vw;
}
.einlfbc {
  color: #db4800;
}
.listb, .listdata {
  padding-left: 7vw;
  background-position: left 3vw;
  background-size: 2vw 2vw;
  margin-left: 0.5vw;
}
.lista {
  padding-left: 3vw;
}
.einlicb {
  width: 85%;
  margin-top: 7vw;
}
.einlidax {
  top: 15vw;
  right: 7vw;
}
.einli {
  width: 23vw;
  opacity: 0.1;
  top: 32.5vw;
  left: 5vw;
}
.einlida {
  font-size: 3vw;
  line-height: 3vw;
}
.einlid {
  width: 22vw;
  height: 22vw;
}
.einlic {
  margin-top: 42.5vw;
}
.einlgb {
  top: 17.5vw;
}
.einlf {
  margin-top: 15vw;
}
.einlfbd {
  left: 3.2vw;
  top: 0vw;
  margin-top: 5vw;
}
.einlec, .kontda, .fooc {
  font-size: 3.5vw;
  line-height: 6vw;
}
.einlc {
width: 23vw;
top: -7vw;
left: 9vw;
opacity: 0.1;
}
.einldbx {
  width: 17.25vw;
  height: 17.25vw;
}
.einldb {
  width: 17.5vw;
  height: 17.5vw;
  top: -12.5vw;
}
.einla {
  background-size: 80%;
  background-position: 7.5vw top;
}
.einla, .einlfca {
  margin-top: 20vw;
}
.einlga {
  margin-top: 17.5vw;
}
.einle {
  margin-top: 10vw;
}
.einleb {
  margin-top: 9vw;
}
.einlfbd, .einle, .einlga, .einlicc, .kontdbb {
  line-height: 7.5vw;
}
.einlfba, .einla, .einlh, .fooc, .firmf, .konta {
  padding-left: 7vw;
  padding-right: 7vw;
}
.mobi {
  top: -1.75vw;
}
.mobie {
  width: 7vw;
  height: 7vw;
  top: -1.35vw;
}
.bannerba {
  top: 1vw;
}
.bannerb {
  width: 22vw;
  height: 22vw;
  font-size: 3vw;
  line-height: 3vw;
}
.bannerc {
  width: 27.5vw;
  left: 39.5vw;
  bottom: 15vw;
}
h1 {
  font-size: 9.25vw;
  line-height: 9.5vw;
}
h2, h3 {
  font-size: 8.25vw;
  line-height: 9vw;
}
.startcb {
  width: 77.5%;
  float: right;
  clear: none;
  margin-top: 12vw;
}
.startc {
  width: 100%;
}
.startca {
  width: auto;
  left: -9vw;
  transform: rotate(270deg);
  top: 15vw;
}
body, .einlfbd, .einlga, .einlicc {
  font-size: 4.5vw;
}
.mobib, .mobid, .mobi {
  width: 8vw;
}
.mobic {
  width: 8vw;
  margin-top: 1.2vw;
  margin-bottom: 1.2vw;
}
nav {
  height: 18.6vw;
  padding-left: 7vw;
  padding-right: 7vw;
}
.nc {
  width: 56.97674418604651vw;
  height: 5.63013953488372vw;
}
.startbb, .startba, .firmb, #loading {
display: none;
}
.banner {
  height: 100vw;
  background-position: -10vw bottom;
  background-size: 160%;
}
}

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

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


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