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

/* source-sans-3-300 - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-3-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-3-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-3-v9-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-sans-3-v9-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-sans-3-v9-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-sans-3-v9-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */
}


/* source-sans-3-regular - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-3-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-3-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-sans-3-v9-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-sans-3-v9-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-sans-3-v9-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-600 - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-3-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-3-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-3-v9-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-sans-3-v9-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-sans-3-v9-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-sans-3-v9-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */
}


/* source-sans-3-700 - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-3-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-3-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-3-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/source-sans-3-v9-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/source-sans-3-v9-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/source-sans-3-v9-latin-700.svg#SourceSans3') format('svg'); /* Legacy iOS */
}



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: 'Source Sans 3';
height: 100%;
background-color: #f0f0f0;
font-weight: 400;
color: #4a4a49;
font-size: 1.5625vw;
}
	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}

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

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

.urlaub {
width: 100%;
height: 100%;
font-size: 1vw;
line-height: 1.7vw;
font-weight: 400;
text-align: center;
}

.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5vw;
padding-right: 12.239583333333332vw;
padding-bottom: 12.239583333333332vw;
padding-left: 12.239583333333332vw;
line-height: 2.2916666666666665vw;
}
.datb {
position: fixed;
width: 20.833333333333336vw;
height: 3.90625vw;
top: 9.5%;
right: 7.5%;
z-index: 100;
}

.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;
list-style-type: none;
background-image: url(bilder/icon_haken_rot.svg);
padding-left: 2.5vw;
margin-top: 0.5vw;
background-position: left 0.7vw;
background-size: 1.0416666666666665vw 0.78125vw;
background-repeat: no-repeat;
}
.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.125vw;
line-height: 3.125vw;
color: #193881;
font-weight: 400;
}
h2 {
font-size: 3.125vw;
line-height: 3.5vw;
color: #193881;
font-weight: 400;
}
h3 {
font-size: 2.6vw;
line-height: 3vw;
font-weight: 600;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.thell {
color: #808080;
}
.tk {
font-style: italic;
}
.tkn {
font-style: italic;
font-weight: 400;
}
.tblau {
color: #193881;
}

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

.aus1 {
display: inline;
}

a:link, a:hover, a:visited, a:active { 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.telo:link, A.telo:active, A.telo:visited, A.telo:hover {
color: #000;
}
A.telg:link, A.telg:active, A.telg:visited, A.telg:hover {
color: #4a4a49;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.navr:link, A.navr:active, A.navr:visited, A.navr:hover {
color: rgba(219,16,18,1);
}
A.nava:link, A.nava:visited, A.nava.active, A.nava:hover {
color: #db1012;
}
A.navaa:link, A.navaa:visited, A.navaa.active, A.navaa:hover {
color: #db1012;
}

A.navb:link, A.navb:visited {
color: rgba(74,74,73,1);
background: 
linear-gradient(to right, rgba(74,74,73,0), rgba(74,74,73,0)),
linear-gradient(to right, rgba(219,16,18,1.00), rgba(219,16,18,1.00), rgba(219,16,18,1.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(74,74,73,0);
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}
A.navb.active, A.navb:hover {
color: rgba(219,16,18,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}

A.navbx:link, A.navbx:visited {
color: rgba(74,74,73,1);
background: 
linear-gradient(to right, rgba(74,74,73,0), rgba(74,74,73,0)),
linear-gradient(to right, rgba(219,16,18,1.00), rgba(219,16,18,1.00), rgba(219,16,18,1.00));
background-size: 100% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
border-bottom: 1px solid rgba(74,74,73,0.15);
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}
A.navbx.active, A.navbx:hover {
color: rgba(219,16,18,1);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}

A.navc:link, A.navc:visited {
color: rgba(255,255,255,0.50);
background: 
linear-gradient(to right, rgba(74,74,73,0), rgba(74,74,73,0)),
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.1vw;
transition: all ease-out .3s;
}
A.navc.active, A.navc:hover {
color: rgba(255,255,255,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}

A.navd:link, A.navd:visited {
color: #193881;
transition: all ease-out .3s;
}
A.navd.active, A.navd:hover {
color: #db1012;
transition: all ease-out .3s;
}

A.nave:link, A.nave:visited {
color: rgba(255,255,255,1);
background: 
linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0)),
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.1vw;
transition: all ease-out .3s;
}
A.nave.active, A.nave:hover {
color: rgba(255,255,255,1.00);
background-size: 0 1px, 100% 1px;
background-repeat: no-repeat;
padding-bottom: 0.1vw;
transition: all ease-out .3s;
}

A.navf:link, A.navf:visited {
color: #4a4a49;
transition: all ease-out .3s;
}
A.navf.active, A.navf:hover {
color: #db1012;
transition: all ease-out .3s;
}


nav {
width: 100%;
height: 12.239583333333332vw;
float: left;
background-color: #fff;
position: fixed;
z-index: 1001;
transition: all ease-out .3s;
}
.active1 {
height: 4.479166666666667vw;
transition: all ease-out .4s;
}
.navbox {
width: 4.479166666666667vw;
height: 4.479166666666667vw;
float: left;
background-color: #db1012;
z-index: 1001;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.navboxa {
position: relative;
}
.navboxb {
width: 2.34375vw;
height: 2px;
background-color: #fff;
position: relative;
}
.navboxc {
width: 2.34375vw;
height: 2px;
background-color: #fff;
transform: rotate(45deg);
transition: all ease-out .2s;
top: -2px;
position: relative;
}
.navbox:hover .navboxc {
transform: rotate(90deg);
transition: all ease-out .2s;
position: relative;
}

.subnav {
position: absolute;
left: 10.239583333333332vw;
top: 1.7vw;
z-index: 1002;
font-size: 1.09375vw;
line-height: 1.09375vw;
transition: all ease-out .2s;
opacity: 0;
}
.aktive4 {
left: 12.239583333333332vw;
transition: all ease-out .4s;
opacity: 1;
}

.logoa {
width: 20.833333333333336vw;
height: 3.90625vw;
position: fixed;
float: left;
right: 4.479166666666667vw;
top: 2.2vw;
transition: all ease-out .2s;
}
.active2 {
width: 13.020833333333334vw;
height: 2.434046875vw;
top: 1.15vw;
transition: all ease-out .2s;
}

header {
float: left;
width: 100%;
position: relative;
z-index: 1002;
font-size: 1.09375vw;
line-height: 1.09375vw;
transition: all ease-out .2s;
opacity: 1;
}
.active3 {
transition: all ease-out .4s;
opacity: 0;
margin-top: -2.5vw;
}
section {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
footer {
float: left;
width: 100%;
position: relative;
}

.naviga {
float: left;
position: absolute;
z-index: 100;
left: 12.239583333333332vw;
top: 1.7vw;
}

.navigb {
float: left;
position: relative;
}
.navigc {
float: left;
margin-left: 4.6875vw;
position: relative;
}
.navigd {
float: left;
margin-left: 4.6875vw;
position: relative;
}
.navige {
float: left;
margin-left: 4.6875vw;
position: relative;
}
.navigf {
float: left;
clear: both;
position: relative;
}
.navigfa {
float: left;
clear: both;
margin-top: 0.7vw;
position: relative;
}
.navigfb {
width: 1vw;
height: 1vw;
float: left;
top: -0.2vw;
right: -1.2vw;
position: absolute;
background-color: #db1012;
border-radius: 50vw;
color: #fff;
font-size: 0.6770833333333334vw;
line-height: 0.6770833333333334vw;
display: flex;
justify-content: center;
align-items: center;
}

.outa {
width: 100%;
float: left;
position: relative;
margin-top: 12.239583333333332vw;
padding-left: 4.479166666666667vw;
padding-right: 4.479166666666667vw;
line-height: 2.2916666666666665vw;
}
.outb {
width: 100%;
float: left;
position: relative;
margin-top: 6.75vw;
line-height: 2.2916666666666665vw;
padding-left: 4.479166666666667vw;
/*padding-right: 4.479166666666667vw;*/
}
.outc {
width: 100%;
float: left;
position: relative;
padding-top: 12.239583333333332vw;
background-color: #fff;
}
.outd {
width: 100%;
float: left;
position: relative;
padding-top: 12.239583333333332vw;
}

.indexa {
width: 100%;
float: left;
text-align: center;
margin-top: 4.479166666666667vw;
padding-left: 24.041666666666668vw;
padding-right: 24.041666666666668vw;
}
.indexb {
width: 100%;
float: left;
color: #db1012;
overflow-x: hidden;
position: relative;
z-index: 2;
/*
background-image: url(bilder/backgr_blau.svg);
background-repeat: repeat-x;
background-position: left 23.82vw;
background-size: contain;
*/
}
.indexbx {
width: 100%;
height: 23.35vw;
position: absolute;
bottom: 0px;
z-index: 0;
background-color: #193881;
}
.indexbx2 {
width: 100%;
height: 25.5vw;
position: absolute;
top: 0px;
z-index: -1;
background-color: #fff;
}
.indexc {
width: 100%;
float: left;
position: relative;
background-color: #193881;
top: -0.5vw;
padding-top: 10vw;
}
.indexckont {
width: 100%;
float: left;
position: relative;
background-color: #193881;
top: -0.5vw;
}
.indexd {
width: 31.25vw;
height: 31.25vw;
float: left;
position: relative;
background-image: url(bilder/icon_background_welle_linien.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
.indexdkont {
width: 31.25vw;
height: 20vw;
float: left;
position: relative;
background-image: url(bilder/icon_background_welle_linien.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 250%;
}
.indexe {
width: 5.208333333333334vw;
height: 2.1875vw;
float: left;
position: absolute;
left: 18vw;
top: 11vw;
}
.indexekont {
width: 5.208333333333334vw;
height: 2.1875vw;
float: left;
position: absolute;
left: 18vw;
top: 8.5vw;
}
.indexf {
width: 50%;
float: right;
color: #fff;
position: relative;
}
.indexfkont {
width: 50%;
float: right;
color: #fff;
position: relative;
margin-top: 7.5vw;
}
.indexfa {
float: left;
position: relative;
}
.indexfb {
float: left;
font-size: 2.604166666666667vw;
line-height: 2.604166666666667vw;
position: relative;
}
.indexfc {
float: left;
clear: both;
margin-top: 0.5vw;
position: relative;
}
.indexfd {
font-size: 2.604166666666667vw;
line-height: 2.604166666666667vw;
float: left;
position: absolute;
left: -5vw;
font-style: italic;
}
.indexfe {
width: 60%;
float: left;
clear: both;
position: relative;
margin-top: 5vw;
}
.indexff {
width: 12vw;
height: 12vw;
position: absolute;
bottom: -5vw;
left: 25vw;
}
.indexfg {
width: 4.166666666666666vw;
height: 4.166666666666666vw;
border-radius: 50vw;
background-color: #fff;
position: absolute;
right: 4.479166666666667vw;
bottom: 4.479166666666667vw;
transition: all ease-out .3s;
}



.slboxa {
float: left;
top: 0.8vw;
color: #db1012;
position: relative;
}
.slboxb {
float: left;
margin-left: 1vw;
margin-bottom: 1vw;
position: relative;
}
.slboxc {
width: 19.010416666666664vw;
height: 15.5vw;
float: left;
padding-top: 3vw;
padding-bottom: 3vw;
padding-left: 3vw;
padding-right: 3vw;
background-color: #db1012;
position: absolute;
bottom: -1.65vw;
left: 0px;
z-index: 1;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
color: #fff;
line-height: 2.1vw;
border-top-right-radius: 5vw;
}


.fooa {
width: 100%;
float: left;
position: relative;
margin-top: 4.479166666666667vw;
margin-bottom: 4.479166666666667vw;
padding-left: 4.479166666666667vw;
padding-right: 4.479166666666667vw;
}
.foob {
float: left;
position: absolute;
bottom: 0px;
font-size: 1.09375vw;
line-height: 1.09375vw;
}
.fooba {
float: left;
}
.foobb {
float: left;
margin-left: 2.279166666666667vw;
}

.fooc {
width: 50%;
position: relative;
float: right;
font-size: 1.09375vw;
line-height: 1.5625vw;
}
.fooca {
float: left;
}
.foocb {
float: left;
margin-left: 4.479166666666667vw;
}

.food {
float: left;
clear: both;
width: 100%;
margin-top: 5vw;
color: #db1012;
}
.fooda {
float: left;
}
.foodb {
float: left;
margin-left: 4vw;
}

.firm {
width: 100%;
float: left;
position: relative;
line-height: 2.2916666666666665vw;
display: flex;
justify-content: center;
background-color: #f0f0f0;
}
.firma {
width: 75.52083333333334vw;
height: 40.625vw;
float: left;
position: relative;
z-index: 2;
margin-bottom: 9.114583333333332vw;
}
.firmaa {
width: 100%;
height: 100%;
float: left;
position: relative;
background-image: url(bilder/banner_kontakt.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.firmaaa {
width: 100%;
height: 100%;
float: left;
position: relative;
background-image: url(bilder/banner_unternehmen.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.firmb {
width: 100%;
height: 20.3125vw;
float: left;
position: absolute;
z-index: 1;
background-color: #fff;
}
.firmba {
width: 2.1875vw;
height: 5.208333333333334vw;
float: left;
position: absolute;
left: 5.15625vw;
top: 5.15625vw;
}
.firmc {
width: 50%;
height: 15vw;
float: left;
position: absolute;
z-index: 3;
bottom: -1.49vw;
left: 0vw;
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 4vw;
padding-right: 11vw;
background-color: #db1012;
color: #fff;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
border-top-right-radius: 5vw;
}
.firmd {
width: 100%;
float: left;
position: relative;
padding-left: 12.239583333333332vw;
padding-right: 12.239583333333332vw;
}
.firme {
width: 92%;
float: left;
text-indent: 7vw;
position: relative;
}
.firmf {
width: 100%;
float: left;
position: relative;
padding-left: 8vw;
padding-right: 8vw;
margin-top: 9.114583333333332vw;
}
.firmfa {
width: 42.5%;
float: left;
}
.firmfb {
width: 42.5%;
float: left;
margin-top: 9.114583333333332vw;
margin-left: 15%;
}

.firmg {
width: 100%;
float: left;
position: relative;
margin-top: 9.114583333333332vw;
overflow: hidden;
}
.firmh {
width: 100%;
float: left;
position: relative;
margin-top: 9.114583333333332vw;
text-align: center;
}
.firmha {
width: 100%;
float: left;
position: relative;
padding-left: 15vw;
padding-right: 15vw;
}
.firmi {
width: 100%;
float: left;
position: relative;
margin-top: 9.114583333333332vw;
}
.firmia {
width: 100%;
float: left;
position: relative;
margin-bottom: 2vw;
}
.firmib {
width: 100%;
height: 1px;
float: left;
background-color: #d2d2d1;
margin-top: 1.1vw;
margin-bottom: 1.1vw;
}
.firmic {
width: 100%;
float: left;
display: flex;
justify-content: space-between;
align-items: center;
}
.firmica {
width: 85%;
float: left;
}
.firmicb {
width: 1.8229166666666667vw;
height: 2.083333333333333vw;
float: right;
position: relative;
}
.firmicba {
width: 100%;
height: 100%;
float: left;
position: absolute;
}
.firmj {
width: 65%;
float: left;
position: relative;
margin-bottom: 10vw;
}
.firmk {
width: 1.5625vw;
height: auto;
position: absolute;
right: 4.85vw;
top: -15vw;
z-index: 2;
}


.firml {
width: 100%;
float: left;
position: relative;
margin-bottom: 10vw;
}

.konta {
width: 100%;
float: left;
position: relative;
}
.kontb {
float: left;
width: 50%;
}
.kontba {
width: 5.208333333333334vw;
height: 2.1875vw;
float: left;
}
.kontc {
float: left;
width: 40%;
}
.kontca {
float: left;
}
.kontcb {
float: left;
margin-left: 7vw;
}
.kontd {
width: 100%;
height: 1px;
float: left;
background-color: #d2d2d1;
margin-top: 5vw;
margin-bottom: 5vw;
}
.konte {
width: 100%;
float: left;
}
.kontf {
width: 100%;
float: left;
margin-top: 5vw;
margin-bottom: 20vw;
display: flex;
justify-content: space-between;
}
.kontfa {
width: 21.354166666666664vw;
height: 24.739583333333336vw;
float: left;
position: relative;
}
.kontfaa {
width: 100%;
height: 100%;
float: left;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
background-image: url("bilder/p_m_dorn.jpg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.kontfaaa {
float: left;
position: relative;
clear: both;
z-index: 2;
margin-top: 2vw;
}
.kontfb {
width: 21.354166666666664vw;
height: 24.739583333333336vw;
float: left;
position: relative;
}
.kontfbaa {
width: 100%;
height: 100%;
float: left;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
background-image: url("bilder/p_y_anders_2.jpg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.kontfbaaa {
float: left;
position: relative;
clear: both;
z-index: 2;
margin-top: 2vw;
}
.kontfc {
width: 21.354166666666664vw;
height: 24.739583333333336vw;
float: left;
position: relative;
}
.kontfcaa {
width: 100%;
height: 100%;
float: left;
position: relative;
z-index: 1;
top: 0px;
left: 0px;
background-image: url("bilder/p_m_anders.jpg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.kontfcaaa {
float: left;
position: relative;
clear: both;
z-index: 2;
margin-top: 2vw;
}

.transpa {
width: 100%;
float: left;
position: relative;
line-height: 2.2916666666666665vw;
}
.transpb {
width: 100%;
float: left;
position: relative;
padding-left: 12.239583333333332vw;
padding-right: 12.239583333333332vw;
margin-top: 3.90625vw;
}
.transpc {
float: left;
position: relative;
left: -3.5vw;
}
.transpd {
float: right;
position: relative;
top: 0vw;
}
.transpda {
float: left;
padding-top: 1.40625vw;
padding-left: 3.7vw;
padding-right: 1.65vw;
padding-bottom: 1.40625vw;
background-color: #db1012;
font-size: 1.09375vw;
line-height: 1.09375vw;
color: #fff;
background-image: url(bilder/icon_pfeil_weiss.svg);
background-repeat: no-repeat;
background-position: 1.5625vw center;
background-size: 1.25vw 0.9895833333333333vw;
text-align: right;
border-radius: 100vw;
transition: all ease-out .3s;
}
.transpda:hover {
background-color: #193881;
transition: all ease-out .3s;
}
.transpdaa {
width: 9vw;
height: 9vw;
float: left;
text-align: right;
border-radius: 100vw;
position: relative;
right: -3.8vw;
}
.transpe {
width: 66%;
float: left;
clear: both;
margin-top: 2.5vw;
}
.transpf {
width: 100%;
float: left;
position: relative;
padding-left: 12.239583333333332vw;
padding-right: 12.239583333333332vw;
margin-top: 7vw;
background-color: #193881;
z-index: 2;
padding-bottom: 10vw;
}
.transpfx {
width: 100%;
height: 9.375vw;
float: left;
position: absolute;
top: 0px;
left: 0px;
background-color: #f0f0f0;
z-index: 1;
}
.transpfa {
width: 28.125vw;
height: 33.59375vw;
float: left;
position: relative;
z-index: 3;
}
.transpfaa {
width: 2.604166666666667vw;
height: 1.7708333333333333vw;
float: left;
position: absolute;
left: 2.604166666666667vw;
top: 2.604166666666667vw;
z-index: 3;
}
.transpfaaa {
width: 2.604166666666667vw;
height: 1.7708333333333333vw;
float: left;
position: absolute;
right: 2.604166666666667vw;
bottom: 2.604166666666667vw;
z-index: 3;
}
.transpfb {
width: 37.76041666666667vw;
height: 42.96875vw;
float: right;
position: relative;
z-index: 3;
}
.transpfbb {
width: 2.604166666666667vw;
height: 1.7708333333333333vw;
float: left;
position: absolute;
right: 2.604166666666667vw;
bottom: 2.604166666666667vw;
z-index: 3;
}
.transpfbbb {
width: 2.604166666666667vw;
height: 1.7708333333333333vw;
float: left;
position: absolute;
left: 2.604166666666667vw;
top: 2.604166666666667vw;
z-index: 3;
}
.transpg {
width: 100%;
float: left;
clear: both;
position: relative;
color: #fff;
}
.transph {
width: 2.1875vw;
height: 5.208333333333334vw;
float: left;
position: absolute;
left: 5.15625vw;
top: 17.5vw;
}
.transpi {
width: 1.5625vw;
height: auto;
position: absolute;
right: 4.85vw;
top: -17vw;
z-index: 2;
}
.transpj {
width: 100%;
float: left;
position: relative;
left: 2.5vw;
}
.transpk {
width: 100%;
float: left;
position: relative;
margin-top: 5vw;
}
.transpka {
width: 40%;
float: left;
}
.transpkb {
width: 40%;
float: left;
margin-left: 10%;
}
.transpkc {
width: 100%;
float: left;
}
.transpl {
width: 100%;
float: left;
position: relative;
z-index: 2;
margin-top: 10vw;
padding-bottom: 12.5vw;
}
.transpla {
width: 100%;
padding-left: 12.239583333333332vw;
float: left;
position: relative;
}
.transpm {
float: left;
position: relative;
margin-bottom: 7.5vw;
margin-top: 5vw;
}
.transpma {
width: 37.76041666666667vw;
float: left;
text-align: center;
font-size: 1.09375vw;
line-height: 1.7vw;
padding-left: 11vw;
padding-right: 11vw;
}
.transpmb {
width: 37.76041666666667vw;
height: auto;
float: left;
position: relative;
clear: both;
left: 0px;
}
.transpmc {
width: 37.76041666666667vw;
height: auto;
float: right;
position: relative;
right: 0px;
margin-top: -22.75vw;
}
.transpmd {
width: 37.76041666666667vw;
float: right;
right: 0px;
position: relative;
margin-top: 12vw;
}
.transpmda {
width: 52%;
float: left;
position: relative;
font-size: 1.09375vw;
line-height: 1.7vw;
}


.transpn {
float: left;
top: 0.8vw;
color: #db1012;
position: relative;
}
.transpna {
float: left;
margin-left: 1vw;
position: relative;
}

.ents {
  width: 100%;
  padding-left: 12.239583333333332vw;
  float: left;
  position: relative;
  padding-right: 12.239583333333332vw;
}
.entsa {
  width: 37.76041666666667vw;
  height: 42.96875vw;
  float: right;
  position: relative;
  z-index: 3;
  top: 9.375vw;
}
.entsb {
  width: 28.125vw;
  height: auto;
  float: left;
  position: relative;
  clear: both;
  left: 0px;
}
.entsc {
  width: 37.5vw;
  height: auto;
  float: right;
  position: relative;
  margin-top: 10vw;
}
.entsd {
  width: 37.5vw;
  float: right;
  position: relative;
  font-size: 1.09375vw;
  line-height: 1.7vw;
}
.entsda {
  width: 73%;
  float: left;
}

.umz {
  width: 37.76041666666667vw;
  height: 42.96875vw;
  float: right;
  position: relative;
  z-index: 3;
}
.umza {
  width: 28.125vw;
  height: 33.59375vw;
  float: left;
  position: relative;
  z-index: 3;
  top: 9.375vw;
}
.umzb {
  float: left;
  position: relative;
  left: 2.5vw;
  margin-top: 7.5vw;
}
.umzc {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 7.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.umzca {
width: 40%;
float: left;
position: relative;
}
.umzca {
width: 18.75vw;
height: 5.416666666666667vw;
float: left;
display: flex;
justify-content: center;
align-items: center;
background-image: url(bilder/icon_pdf_weiss.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 5.46875vw auto;
background-color: #db1012;
border-radius: 100vw;
transition: all ease-out .3s;
}
.umzca:hover {
border-radius: 100vw 0px 100vw 100vw;
transition: all ease-out .3s;
}
.umzcaa {
margin-left: 3vw;
}
.umzcb {
width: 60%;
position: relative;
float: right;
padding-right: 7vw;
}
.umzd {
  width: 100%;
  float: left;
  position: relative;
  background-color: #193881;
  padding-bottom: 8.5vw;
}
.umzda {
  width: 28.125vw;
  height: auto;
  float: left;
  position: relative;
  top: 7.8125vw;
}
.umzdb {
  width: 28.125vw;
  height: auto;
  float: left;
  position: relative;
  margin-left: 2.994791666666667vw;
}
.umzdc {
  width: 37.76041666666667vw;
  height: auto;
  float: right;
  position: relative;
  top: 9.114583333333332vw;
}
.umze {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  color: #fff;
  padding-left: 12.239583333333332vw;
  padding-right: 12.239583333333332vw;
}
.umzf {
width: 100%;
float: left;
position: relative;
z-index: 2;
padding-bottom: 12.5vw;
}
.umzfa {
  width: 100%;
  float: left;
  position: relative;
}
.umzfb {
  width: 37.76041666666667vw;
  height: auto;
  float: left;
  position: relative;
  clear: both;
  left: 0px;
  margin-top: 16.927083333333336vw;
}
.umzfc {
  width: 28.125vw;
  height: auto;
  float: right;
  position: relative;
  right: 0vw;
}
.umzfd {
  width: 28.125vw;
  height: auto;
  float: left;
  position: relative;
  margin-left: 12.239583333333332vw;
  margin-top: 12.239583333333332vw;
}
.umzfe {
  width: 13vw;
  height: auto;
  float: left;
  position: relative;
  font-size: 1.09375vw;
  line-height: 1.7vw;
  margin-left: 12.239583333333332vw;
  margin-top: 26.24vw;
}
.umzff {
  width: 28.125vw;
  height: auto;
  float: left;
  position: relative;
  margin-left: 9.75vw;
  margin-top: -5vw;
}
.umzg {
  width: 1.5625vw;
  height: auto;
  position: absolute;
  right: 4.85vw;
  top: -8vw;
  z-index: 2;
}





/* Anfang Aufklapp */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url("");
background-repeat: no-repeat;
background-position: left 1.35vw;
background-size: 1.5vw 1.5vw;
border-top: 1px solid #CAD6DD;
transition: all ease-out .4s;
padding-bottom: 1.25vw;
padding-left: 3.5vw;
color: #4a4a49;
}
.accordion-title.open {
background-image: url("");
background-repeat: no-repeat;
background-position: left 1.35vw;
background-size: 1.5vw 1.5vw;
transition: all ease-out .4s;
color: #4a4a49;
}
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-bottom: 1.25vw;
padding-left: 3.5vw;
}
.accorda {
position: relative;
padding-top: 1.25vw;
}
.accordb {
width: 90%;
float: left;
}
.accordc {
width: 100%;
float: left;
}
.accordd {
width: 100%;
float: left;
}
.accorde {
width: 100%;
float: left;
}
.accordf {
width: 100%;
float: left;
}

.accordabst {
width: 100%;
float: left;
border-top: 1px solid #CAD6DD;
}
.accordabsta {
width: 100%;
float: left;
clear: both;
border-top: 1px solid #CAD6DD;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}

/* Ende Aufklapp */



/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
}
.panelx {
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: #193881;
color: #fff;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 0vw;
left: 0vw;
width: 4.479166666666667vw;
height: 4.479166666666667vw;
transition: all ease-out .3s;
background-color: #db1012;
}
.close {
width: 4.479166666666667vw;
height: 4.479166666666667vw;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
background-image: url("bilder/icon_close.svg");
background-position: center center;
background-size: cover;
}
.close:hover {
transform: rotate(360deg); /* W3C */
}
.panela {
width: 100%;
height: 100%;
z-index: 2;
}
.panelb {
width: 100%;
height: 100%;
position: relative;
padding-left: 12.239583333333332vw;
padding-right: 12.239583333333332vw;
display: flex;
justify-content: center;
align-items: center;
}
.panelbx {
width: 100%;
height: 50%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 2.604166666666667vw;
line-height: 2.604166666666667vw;
}
.panelc {
float: left;
}
.paneld {
float: left;
}
.panelda {
float: left;
}
.paneldb {
float: left;
clear: both;
margin-top: 1.5vw;
}
.paneldc {
float: left;
clear: both;
margin-top: 1.5vw;
}
.panele {
float: left;
position: relative;
}
.panelea {
float: left;
}
.paneleb {
float: left;
clear: both;
margin-top: 1.5vw;
}
.panelec {
float: left;
clear: both;
position: relative;
margin-top: 1.5vw;
}
.paneled {
width: 1.5vw;
height: 1.5vw;
float: left;
top: -0.5vw;
right: -2vw;
position: absolute;
background-color: #db1012;
border-radius: 50vw;
color: #fff;
font-size: 0.6770833333333334vw;
line-height: 0.6770833333333334vw;
display: flex;
justify-content: center;
align-items: center;
}
.panelf {
float: left;
}
.panelg {
width: 87.76041666666666vw;
height: 15.364583333333334vw;
position: absolute;
bottom: 0px;
left: 0px;
background-image: url("bilder/icon_background_welle_linien_2.svg");
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
font-size: 1.25vw;
line-height: 1.25vw;
}
.panelga {
width: 100%;
float: left;
padding-left: 12.239583333333332vw;
}
.panelgb {
float: left;
margin-top: 7.5vw;
}
.panelgc {
float: left;
margin-left: 4vw;
margin-top: 7.5vw;
}

.panelh {
float: right;
color: #fff;
margin-right: 17.25vw;
margin-top: 7.5vw;
}
.panelha {
float: left;
}
.panelhb {
float: left;
margin-left: 4vw;
}

/* Ende - Mobile Navigation */

#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) {
}

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


@media screen and (max-width: 1440px) {
.umzcb {
  width: 65%;
  padding-right: 12vw;
}
.umzb {
  left: 4vw;
}
.umzcaa {
  margin-left: 3.5vw;
}
.umzca {
  height: 5vw;
}
.transpma {
  padding-left: 8vw;
  padding-right: 8vw;
}
.paneldb, .paneleb, .panelec, .paneldc {
  margin-top: 2.5vw;
}
.panelbx {
  font-size: 3vw;
  line-height: 3vw;
}
.paneled {
  width: 1.75vw;
  height: 1.75vw;
  right: -2.5vw;
  font-size: 1vw;
  line-height: 1vw;
}
header, .foob, .subnav, .panelg, .transpda {
font-size: 1.3vw;
line-height: 1.3vw;
}
.naviga {
  top: 2vw;
}
.fooc, .transpm, .transpmda, .transpma, .entsda, .umzfe {
  font-size: 1.3vw;
  line-height: 1.9vw;
}
.foocb {
  margin-left: 6vw;
}
.transpb {
  margin-top: 4vw;
}
.transpda {
  padding-top: 1.6vw;
  padding-left: 5.5vw;
  padding-right: 2.4vw;
  padding-bottom: 1.6vw;
  background-position: 2.3vw center;
  background-size: 1.8vw 1.4vw;
}
.lista {
  padding-left: 4vw;
  margin-top: 0.75vw;
  background-position: left 0.5vw;
  background-size: 1.675041876046901vw 1.256281407035176vw;
}
}

@media screen and (max-width: 1194px) {
.transpn {
  top: 0.7vw;
}
.transpb {
  margin-top: 5vw;
}
.transpmda {
  width: 62%;
}
.food {
  margin-top: 6vw;
}
.logoa {
  right: 6vw;
}
.outb, .fooa {
  padding-left: 6vw;
}
.fooa {
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.panelh {
  margin-right: 16vw;
}
.naviga {
  top: 2.3vw;
}
.subnav {
  top: 2.45vw;
}
.aktive4 {
top: 2.35vw;
}
.close, .schliessen {
  width: 6vw;
  height: 6vw;
}
.navboxb, .navboxc {
  width: 3vw;
}
.navbox {
  width: 6vw;
  height: 6vw;
}
nav {
  height: 13.239583333333332vw;
}
.active1 {
  height: 6vw;
}
.logoa {
  width: 25.125628140703515vw;
  height: 4.696850921273032vw;
}
.data {
  padding-top: 17.5vw;
}
.datb {
  width: 25.125628140703515vw;
  height: 4.696850921273032vw;
  top: 5%;
  right: 5%;
}
.active2 {
  width: 17.587939698492463vw;
  height: 3.2877973199329986vw;
  top: 1.4vw;
}
.navigfb {
  width: 1.35vw;
  height: 1.35vw;
  top: -0.5vw;
  right: -1.6vw;
  font-size: 0.9vw;
  line-height: 0.9vw;
}
.navigfa {
  margin-top: 1vw;
}
.indexfg {
  width: 5.167vw;
  height: 5.167vw;
}
.foocb {
  margin-left: 6vw;
}
header, .foob, .subnav, .panelg, .transpda {
  font-size: 1.4vw;
  line-height: 1.4vw;
}
.fooc, .transpm, .transpma, .transpmda {
  font-size: 1.4vw;
  line-height: 2vw;
}
.outc, .outd {
  padding-top: 14vw;
}
.transpda {
  padding-top: 1.8vw;
  padding-left: 5.5vw;
  padding-right: 2.5vw;
  padding-bottom: 1.8vw;
  background-position: 2.2vw center;
  background-size: 1.8425460636515913vw 1.4586850921273031vw;
}
.transpd {
  top: -0.7vw;
}
.fooa {
  margin-top: 8vw;
  margin-bottom: 6vw;
}
}

@media screen and (max-width: 1080px) {
.listdata {
  padding-left: 3.5vw;
  background-position: left 1vw;
  background-size: 0.75vw 0.75vw;
}
.umzcb {
  padding-right: 8vw;
}
.umzca {
  height: 5.75vw;
  width: 20vw;
}
.umzfe {
  width: 19vw;
  margin-left: 8.24vw;
  text-align: center;
}
.umzca {
  height: 5.5vw;
}
.slboxa {
  top: 0.9vw;
}
.slboxb {
  margin-bottom: 1.5vw;
}
h1 {
  font-size: 3.525vw;
  line-height: 3.525vw;
}
.transpn {
  top: 0.7vw;
}
.transpda {
  padding-top: 1.80625vw;
  padding-left: 5.8vw;
  padding-right: 2.7vw;
  padding-bottom: 1.80625vw;
  background-position: 2.5vw center;
  background-size: 1.8425460636515913vw 1.4586850921273031vw;
}
.transpi {
  top: -15vw;
}
.transpma {
  padding-left: 6vw;
  padding-right: 6vw;
}
.transpmda {
  width: 74%;
}
.transpmd {
  margin-top: 10vw;
}
.firmc {
  height: 19vw;
  bottom: -1.9vw;
  padding-right: 6vw;
}
.firmj {
  width: 80%;
  margin-bottom: 15vw;
}
.firmicb {
  width: 2.7777777777777777vw;
  height: 3.1746018518518513vw;
}
.firmib {
  margin-top: 1.8vw;
  margin-bottom: 1.8vw;
}
h2 {
  line-height: 4vw;
}
.firmf {
  padding-left: 0vw;
  padding-right: 0vw;
}
.firmfa {
  width: 45%;
}
.firmfb {
  width: 45%;
  margin-left: 10%;
}
.kontc {
  float: left;
  width: 47.5%;
}
.firm, .data {
line-height: 3vw;
}
nav {
  height: 14vw;
}
.active1 {
  height: 6vw;
}
.panelh {
  margin-right: 15vw;
}
.foobb {
  margin-left: 4vw;
}
.indexfb {
  font-size: 3.5vw;
  line-height: 3.5vw;
}
.indexfd {
  font-size: 3.5vw;
  line-height: 3.5vw;
  left: -7vw;
}
.indexe {
  width: 7.12962962962963vw;
  height: 2.994444444444445vw;
  top: 11.75vw;
}
.kontba {
  width: 7.12962962962963vw;
  height: 2.994444444444445vw;
}
.indexff {
  width: 15vw;
  height: 15vw;
  bottom: -6.5vw;
  left: 27vw;
}
.indexd {
  width: 33vw;
  height: 35vw;
}
.indexfe {
  width: 70%;
}
.fooc, .transpm, .transpma, .transpmda, .umzfe {
  font-size: 1.6vw;
  line-height: 2.4vw;
}
header, .foob, .subnav, .panelg, .transpda {
font-size: 1.6vw;
line-height: 1.6vw;
}
.outa {
  line-height: 3vw;
  margin-top: 14vw;
}
.indexa {
  margin-top: 6vw;
  padding-left: 21vw;
  padding-right: 21vw;
}
.indexbx {
  height: 23.86vw;
}
.slboxc {
  width: 23vw;
  height: 16vw;
  padding-top: 3vw;
  padding-bottom: 3vw;
  padding-left: 3vw;
  padding-right: 3vw;
  line-height: 2.3vw;
}
body, .data {
  font-size: 1.9vw;
}
}

@media screen and (max-width: 1024px) {
.firmk, .transpi {
  width: 1.4vw;
  right: 5.1vw;
}
}

@media screen and (max-device-width : 1024px) and (orientation : portrait) {
.panelh {
  margin-right: 9.59232613908873vw;
}
.panelga {
  padding-left: 9.59232613908873vw;
}
.panelg {
  width: 100%;
  height: 17vw;
  background-size: cover;
  font-size: 2vw;
  line-height: 2vw;
}
.paneled {
  width: 2.75vw;
  height: 2.75vw;
  right: -3.5vw;
  font-size: 1.5vw;
  line-height: 1.5vw;
}
.panelbx {
  font-size: 5vw;
  line-height: 5vw;
  display: grid;
  justify-content: flex-start;
  margin-left: 6vw;
  height: auto;
  top: -8vw;
}
.paneld, .panele, .panelf {
  clear: both;
  margin-top: 6vw;
}
.panelh {
  margin-right: 9.59232613908873vw;
}
}

@media screen and (max-width: 834px) {
.listdata {
  padding-left: 5.5vw;
  background-position: left 1.5vw;
  background-size: 1.5vw 1.5vw;
}
.umzff {
width: 29%;
margin-left: 16.5vw;
margin-top: 13vw;
}
.umzfd {
  width: 29%;
  margin-left: 9.59232613908873vw;
}
.umzfe {
  width: 45%;
  margin-left: 10%;
  text-align: left;
  padding-right: 9.59232613908873vw;
  margin-top: 16.24vw;
}
.umzfc {
  width: 45%;
  margin-top: 10vw;
}
.umzfb {
  width: 45%;
}
.umzdc {
  width: 40%;
  float: right;
}
.umzda {
  width: 29%;
  float: left;
}
.umzdb {
  width: 29%;
  float: left;
  margin-left: 1vw;
  top: 0px;
}
.umze {
  padding-left: 0vw;
  padding-right: 0vw;
}
.umzg {
  width: 2.4vw;
  right: 6vw;
}
.umzcaa {
  margin-left: 6vw;
}
.umzca {
  width: 37vw;
  height: 9vw;
  background-size: 10vw auto;
}
.umzc {
  display: block;
  padding-left: 9.59232613908873vw;
  padding-right: 9.59232613908873vw;
  margin-top: 10vw;
}
.umzcb {
  width: 100%;
  clear: both;
  float: left;
  padding-right: 0vw;
  margin-top: 5vw;
}
.umzb {
  left: 15.5vw;
}
.entsb, .entsc, .entsd {
  width: 45%;
}
.ents {
  padding-left: 0vw;
  padding-right: 0vw;
}
.transpmda {
  width: 100%;
  padding-right: 9.59232613908873vw;
}
.transpmd {
  width: 45%;
  margin-top: 8vw;
}
.transpma {
  padding-left: 6vw;
  padding-right: 1vw;
  width: 45%;
  text-align: left;
}
.transpmc {
  width: 45%;
  margin-top: -25vw;
}
.transpmb {
  width: 45%;
}
.transpla {
  padding-left: 0vw;
}
.transpma, .transpmda, .entsda, .umzfe {
  font-size: 2.4vw;
  line-height: 3.6vw;
}
.transph {
  width: 4.5vw;
  height: auto;
  left: 4.604vw;
  top: 45vw;
  z-index: 4;
}
h3 {
  font-size: 5.6vw;
  line-height: 6.5vw;
}
.lista {
  padding-left: 6vw;
  margin-top: 1vw;
  background-position: left 1.5vw;
  background-size: 2.6378896882494005vw 1.9933573141486811vw;
}
.transpj {
  width: auto;
  left: 15vw;
  margin-top: 12.5vw;
}
.transpka, .transpkc {
  width: 100%;
  margin-left: 0vw;
  padding-left: 9.59232613908873vw;
  padding-right: 9.59232613908873vw;
}
.transpkb {
  width: 100%;
  margin-left: 0vw;
  padding-left: 9.59232613908873vw;
  clear: both;
}
.transpfbb {
  right: 4.604vw;
  bottom: 4.604vw;
}
.transpfbbb {
  left: 4.604vw;
  top: 4.604vw;
}
.transpfaaa {
  right: 4.604vw;
  bottom: 4.604vw;
}
.transpfaa {
left: 4.604vw;
top: 4.604vw;
}
.transpfaa, .transpfaaa, .transpfbb, .transpfbbb {
  width: 4.07673860911271vw;
  height: 2.7577937649880093vw;
}
.transpfb, .umz{
  width: 55.15587529976019vw;
  height: 62.76358513189449vw;
}
.entsa {
  width: 55.15587529976019vw;
  height: 62.76358513189449vw;
  top: 0vw;
}
.transpfa {
  width: 41.96642685851319vw;
  height: 50.126570743405274vw;
}
.umza {
  width: 41.96642685851319vw;
  height: 50.126570743405274vw;
  top: 0vw;
}
.transpfx {
  height: 10vw;
}
.transpb {
  margin-top: 8vw;
}
.transpc {
  left: 0vw;
}
.transpe {
  width: 100%;
  margin-top: 4vw;
}
.transpn {
  top: 1.7vw;
}
.firmj {
  margin-top: 3vw;
}
.firmicb {
  width: 4.1966426858513195vw;
  height: 4.796163069544365vw;
}
.firmib {
  margin-top: 2.8vw;
  margin-bottom: 2.8vw;
}
.firmha {
  padding-left: 0vw;
  padding-right: 0vw;
}
.firmc {
  width: 60%;
  height: 29vw;
  bottom: -2.8vw;
  padding-right: 5vw;
  padding-top: 5vw;
  padding-bottom: 5vw;
  padding-left: 5vw;
  border-top-right-radius: 10vw;
}
.firmfa {
  width: 100%;
}
.firmfb {
  width: 100%;
  margin-left: 0px;
  clear: both;
  margin-top: 5vw;
}
.firme {
  width: 100%;
  text-indent: 10vw;
  margin-top: 3vw;
}
.kontf {
  margin-bottom: 35vw;
}
.kontfaaa, .kontfbaaa, .kontfcaaa {
  margin-top: 3vw;
}
.kontfa {
  width: 45%;
  height: 41.5vw;
  float: left;
}
.kontfb {
  width: 45%;
  height: 41.5vw;
  float: right;
}
.kontfc {
  width: 45%;
  height: 41.5vw;
  clear: both;
  margin-top: 20vw;
}
.kontf {
  margin-bottom: 30vw;
  display: block;
  justify-content: inherit;
  flex-wrap: wrap;
}
.kontd {
  margin-top: 8vw;
  margin-bottom: 8vw;
}
.kontcb {
  margin-left: 15vw;
}
.firmk {
  width: 2.4vw;
  right: 6vw;
  top: -30vw;
}
.transpi {
  width: 2.4vw;
  right: 6vw;
  top: -25vw;
}
.kontc {
  width: 90%;
}
.firm {
  line-height: 5vw;
}
.firma {
  width: 100%;
  height: 90vw;
}
.firmaa, .firmaaa {
  background-position: 40% top;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
}
.outc, .outd {
  padding-top: 20vw;
}
.indexbx {
  height: 51.5vw;
}
.outb, .fooa, .firmd, .transpb {
  padding-left: 9.59232613908873vw;
  padding-right: 9.59232613908873vw;
}
.transpf {
  padding-left: 0vw;
  padding-right: 0vw;
  margin-top: 10vw;
  padding-bottom: 15vw;
}
.fooa {
  margin-top: 9.59232613908873vw;
  margin-bottom: 9.59232613908873vw;
}
.foob {
  position: relative;
  clear: both;
  padding-left: 9.59232613908873vw;
  margin-top: 15vw;
}
.fooc {
  width: auto;
  clear: both;
  font-size: 2.4vw;
  line-height: 3.6vw;
  float: left;
  padding-left: 9.59232613908873vw;
  margin-top: 9.59232613908873vw;
}
.transpm {
  font-size: 2.4vw;
  line-height: 3.6vw;
}
.indexfg {
  width: 9vw;
  height: 9vw;
  right: 9.59232613908873vw;
  bottom: 9.59232613908873vw;
}
.indexfc {
  margin-top: 1.5vw;
}
.indexdkont {
  width: 60vw;
  height: 20vw;
  margin-top: 7vw;
  background-size: 350%;
}
.indexd {
  width: 60vw;
  height: 40vw;
  margin-top: 15vw;
  background-size: 350%;
}
.indexfe {
  width: 80%;
  margin-top: 10vw;
}
.indexfb, .indexfd {
  font-size: 6.5vw;
  line-height: 6.5vw;
}
.indexfd {
  left: 0vw;
}
.indexfa {
  padding-left: 9.59232613908873vw;
}
.indexfe {
  padding-left: 9.59232613908873vw;
}
.indexf, .indexfkont {
  width: 100%;
  float: left;
  padding-left: 9.59232613908873vw;
}
.slboxc {
  width: 45vw;
  height: 35vw;
  padding-top: 6vw;
  padding-bottom: 6vw;
  padding-left: 6vw;
  padding-right: 6vw;
  line-height: 4.3vw;
  bottom: -3.5vw;
}
.indexc {
  padding-top: 11vw;
}
.slboxb {
  margin-left: 2vw;
  margin-bottom: 3vw;
}
.slboxa {
  top: 3.3vw;
}
h1, h2 {
  font-size: 7vw;
  line-height: 7vw;
}
.indexa {
  margin-top: 10vw;
  padding-left: 8vw;
  padding-right: 8vw;
}
.indexa {
  margin-top: 10vw;
}
.outa {
  line-height: 5vw;
  margin-top: 20vw;
}
.data {
  line-height: 5vw;
  padding-right: 9.59232613908873vw;
  padding-left: 9.59232613908873vw;
  padding-top: 25vw;
}
body, .data {
  font-size: 3.5vw;
}
.subnav {
  top: 3.7vw;
}
.aktive4 {
  left: 17vw;
  top: 3.7vw;
}
header, .foob, .subnav, .panelg, .transpda {
  font-size: 2.4vw;
  line-height: 2.4vw;
}
.close, .schliessen {
  width: 9.59232613908873vw;
  height: 9.59232613908873vw;
}
nav {
  height: 20vw;
}
.active1 {
  height: 9.59232613908873vw;
}
.navboxb, .navboxc {
  width: 5vw;
}
.navbox {
  width: 9.59232613908873vw;
  height: 9.59232613908873vw;
}
.logoa {
  width: 53.956834532374096vw;
  height: 10.086414868105516vw;
  top: 5.1vw;
  right: 5.995203836930456vw;
}
.datb {
  width: 40vw;
  height: auto;
  right: 6%;
}
.active2 {
  width: 28.776978417266186vw;
  height: 5.379424460431656vw;
  top: 2.35vw;
}
.naviga, .indexe, .indexekont, .firmba, .kontb, .transpda {
display: none;
 }
.outb {
  padding-left: 9.59232613908873vw;
  padding-right: 0vw;
  margin-top: 9.75vw;
}
.panelgc {
  margin-left: 6vw;
}
.panelh {
  margin-right: 9.59232613908873vw;
}
.panelhb {
  margin-left: 6vw;
}
.panelg {
  background-size: cover;
}
.indexff {
  width: 25vw;
  height: 25vw;
  bottom: -7.75vw;
  left: 9.59232613908873vw;
}
}

@media screen and (max-device-width : 926px) and (orientation : landscape) {
.panelh {
  margin-right: 4.5vw;
}
.panelgc {
  margin-left: 4.5vw;
}
.paneled {
  width: 2.75vw;
  height: 2.75vw;
  right: -3.5vw;
  font-size: 1.5vw;
  line-height: 1.5vw;
  top: -1vw;
}
}

@media screen and (max-width: 500px) {
.umzff {
width: 100%;
margin-left: 0vw;
margin-top: -1vw;
clear: both;
}
.listdata {
  padding-left: 6vw;
  background-position: left 2.4vw;
  background-size: 2vw 2vw;
}
.umzf {
  padding-bottom: 14.5vw;
}
.umzfc {
  width: 49.5%;
  margin-top: 12.5vw;
}
.umzfd {
  width: 49.5%;
  margin-left: 0px;
  margin-top: 12.5vw;
}
.umzfb {
  width: 100%;
  margin-top: 0px;
}
.umzfe {
  width: 100%;
  margin-left: 0px;
  padding-right: 9.59232613908873vw;
  margin-top: 10vw;
  padding-left: 9.59232613908873vw;
}
.umzda {
  width: 49.5%;
  top: 0px;
}
.umzdb {
  width: 49.5%;
  float: right;
  top: 0px;
}
.umzb {
  left: 8.592vw;
  margin-top: 12.5vw;
  width: 80%;
}
.umzd {
  padding-bottom: 15vw;
}
.umzcb {
  margin-top: 10vw;
}
.umzc {
  padding-left: 8.592vw;
  padding-right: 8.592vw;
  margin-top: 15vw;
}
.umzca {
  width: 60vw;
  height: 15vw;
  background-size: 18vw auto;
}
.umzcaa {
  margin-left: 12vw;
}
.entsd {
  width: 100%;
}
.entsb {
  width: 59.5%;
}
.entsc {
  width: 59.5%;
  margin-top: 12.5vw;
}
.entsda {
  width: 100%;
  clear: both;
  padding-left: 8.592vw;
  padding-right: 8.592vw;
  margin-top: 10vw;
}
.transpmd {
  width: 100%;
  margin-top: 12.5vw;
}
.transpmda {
  width: 100%;
  padding-right: 8.592vw;
  padding-left: 8.592vw;
}
.transpl {
  margin-top: 13vw;
  padding-bottom: 14.5vw;
}
.transpm {
  margin-bottom: 12.5vw;
  margin-top: 0vw;
}
.transpmb {
  width: 49.5%;
}
.transpmc {
  width: 49.5%;
  margin-top: 0vw;
}
.transpma, .transpmda, .entsda {
  font-size: 5vw;
  line-height: 7vw;
}
.transpma {
  padding-left: 8.592vw;
  padding-right: 8.592vw;
  width: 100%;
}
.transpj {
  left: 8.592vw;
}
.lista {
  padding-left: 10vw;
  margin-top: 2vw;
  background-position: left 2vw;
  background-size: 4.651162790697675vw 3.5250465116279073vw;
}
h3 {
  font-size: 8vw;
  line-height: 9.25vw;
}
.transpe {
  margin-top: 5vw;
}
.indexfd {
  left: -1.5vw;
}
.indexfg {
  width: 14vw;
  height: 14vw;
  right: 8.592vw;
  bottom: 8.592vw;
}
.outb {
  padding-left: 8.592vw;
}
.fooa, .firmd, .transpb, .indexf {
  padding-left: 8.592vw;
  padding-right: 8.592vw;
}
.transpkb, .transpka {
  padding-left: 8.592vw;
  padding-right: 8.592vw;
}
.transph {
  width: 6.5vw;
  left: 8.592vw;
  top: 43vw;
}
.transpdaa {
  width: 12vw;
  height: 12vw;
  right: -2vw;
  top: -0.5vw;
}
.transpna {
  margin-left: 2vw;
}
.transpn {
  top: 2.5vw;
}
.outc, .outd {
  padding-top: 23.6vw;
}
.firmib {
  margin-top: 3.8vw;
  margin-bottom: 3.8vw;
}
.firme {
  text-indent: 0vw;
}
.firmg {
  margin-top: 15vw;
}
.firmj {
  width: 100%;
  margin-bottom: 20vw;
}
.firmicb {
width: 8.13953488372093vw;
height: 9.30232558139535vw;
}
.firmf {
  margin-top: 13vw;
}
.firmfb {
  margin-top: 10vw;
}
.indexdkont {
  height: 30vw;
  background-size: 500%;
}
.indexfkont {
  margin-top: 10vw;
}
.kontc {
  width: 100%;
}
.kontf {
  margin-top: 8vw;
  margin-bottom: 35vw;
}
.kontfaaa, .kontfbaaa, .kontfcaaa {
  margin-top: 4vw;
}
.kontfc {
  width: 100%;
  height: 93.5vw;
  margin-top: 30vw;
}
.kontfb {
  width: 100%;
  height: 93.5vw;
  float: left;
  clear: both;
  margin-top: 30vw;
}
.kontfa {
  width: 100%;
  height: 93.5vw;
  float: left;
}
.firmd {
  margin-top: 3vw;
}
.kontd {
  margin-top: 12vw;
  margin-bottom: 12vw;
}
.kontcb {
  margin-left: 0vw;
  clear: both;
  margin-top: 8vw;
}
.foobb {
  margin-left: 8vw;
}
.foob {
  font-size: 5vw;
  line-height: 5vw;
  padding-left: 12vw;
}
.transpda {
  font-size: 5vw;
  line-height: 5vw;
}
.fooc {
  font-size: 5vw;
  line-height: 7vw;
  padding-left: 12vw;
}
.transpm, .umzfe {
  font-size: 5vw;
  line-height: 7vw;
}
.indexbx {
  height: 92.5vw;
}
.indexd {
  width: 50vw;
  height: 45vw;
  margin-top: 0vw;
  background-size: 650%;
}
.indexfe {
  width: 90%;
  margin-top: 12vw;
  margin-bottom: 15vw;
}
.indexfa, .indexfe {
  padding-left: 12vw;
}
.indexfb, .indexfd {
  font-size: 10vw;
  line-height: 10vw;
}
.slboxa {
  top: 4.75vw;
}
h1 {
  font-size: 10vw;
  line-height: 10vw;
  font-weight: 400;
}
h2 {
  font-size: 8vw;
  line-height: 9vw;
  font-weight: 400;
}
.slboxb {
  margin-left: 2vw;
  margin-bottom: 4vw;
}
.slboxc {
  width: 75.15511627906976vw;
  height: 45.5vw;
  padding-top: 6vw;
  padding-bottom: 0vw;
  padding-left: 7.5vw;
  padding-right: 12vw;
  line-height: 7vw;
  bottom: -11vw;
  border-top-right-radius: 20vw;
}
.indexa {
  padding-left: 7vw;
  padding-right: 7vw;
}
.outa {
  line-height: 7vw;
  margin-top: 24vw;
}
.firm, .data {
  line-height: 7vw;
}
body, .data {
  font-size: 5vw;
}
.navboxa {
  top: 0.2vw;
}
.navboxb, .navboxc {
  width: 7vw;
}
.navbox, .close, .schliessen {
  width: 15vw;
  height: 15vw;
}
.subnav, .aktive4, .indexff, .panelh, .food, .firmk, .firmc, .transpi, .transpfaa, .transpfaaa, .transpfbb, .transpfbbb, .umzg, .umzdc {
display: none;
}
nav {
  height: 23.6vw;
}
.active1 {
  height: 23.6vw;
}
.logoa {
width: 66.27906976744185vw;
height: 12.38986046511628vw;
top: 6vw;
right: 8.592vw;
}
.active2 {
width: 66.27906976744185vw;
height: 12.38986046511628vw;
top: 6vw;
right: 8.592vw;
}
.foocb {
  margin-left: 0vw;
  clear: both;
  margin-top: 8vw;
}
.panelg {
  height: 30vw;
  font-size: 5vw;
  line-height: 5vw;
}
.panelga {
  padding-left: 18.5vw;
}
.panelgb, .panelgc {
  margin-top: 11.5vw;
}
.paneled {
  width: 4.75vw;
  height: 4.75vw;
  right: -6.5vw;
  font-size: 3vw;
  line-height: 3vw;
}
.panelbx {
  font-size: 8vw;
  line-height: 8vw;
  display: grid;
  justify-content: flex-start;
  margin-left: 6vw;
  height: auto;
  top: -10vw;
}
.paneld, .panele, .panelf {
  margin-top: 7vw;
}
.paneldb, .paneleb, .panelec, .paneldc {
  margin-top: 3vw;
}
.panelgc {
  margin-left: 10vw;
}
.fooa {
  margin-bottom: 19.59232613908873vw;
}
}

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

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