:selection {background: #009fe3; color: #fff;}
::-moz-selection {background: #009fe3; color: #fff;}
::-webkit-scrollbar { display:none;}

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

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

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


* {
margin: 0px;
padding: 0px;
}
html {
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
body {
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #e5f5fc;
color: #3c3c3b;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
font-weight: 300;
background-image: url(bilder/backg.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
font-family: 'Open Sans', sans-serif;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.2vw;
line-height: 2.5vw;
}
.datb {
position: absolute;
width: 5%;
height: auto;
top: 7.5%;
right: 7.5%;
z-index: 100;
}
.dtop {
position: absolute;
width: 55px;
height: auto;
z-index: 100;
bottom: 5%;
right: 5%;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/dot.svg);
background-repeat: no-repeat;
padding-left: 2.75vw;
background-position: left 1.1vw;
background-size: 0.45vw;
}
.ll {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_smile.svg);
background-repeat: no-repeat;
padding-left: 5vw;
background-position: left 20px;
background-size: 2.5vw;
}
img {
border: 0px;
}
.skal {
width: 100%;
height: auto;
border: 0px;
}
.aus {
position: relative;
margin-top: -2.5vw;
width: 1px;
}
h1 {
font-size: 2.1vw;
line-height: 3.5vw;
font-weight: 300;
}
h2 {
font-size: 2.1vw;
line-height: 3.0vw;
font-weight: 700;
}
h3 {
}
h4 {
}
h5 {
}
.tra {
width: 100%;
float: left;
margin-top: 2px;
margin-bottom: 2px;
}
.tf {
font-weight: 700;
}
.tgr {
color: #38b27f;
}
.tw {
color: #fff;
}
.thell {
color: #8a8a89;
}
.tfb {
font-weight: 700;
color: #009fe3;
}
.tfk {
font-style: italic;
font-weight: 700;
}
.tfkb {
font-style: italic;
font-weight: 700;
color: #009fe3;
}
.tk {
font-style: italic;
}
.urlauba {
width: 100%;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}



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

A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: rgba(0,159,227,1.00);
}
A.telf:link, A.telf:active, A.telf:visited, A.telf:hover {
color: rgba(0,159,227,1.00);
font-weight: 700;
}
A.wf:link, A.wf:active, A.wf:visited, A.wf:hover {
color: rgba(255,255,255,1.00);
font-weight: 700;
}

A.nava:link, A.nava:visited {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nava:hover {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.nava.active {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.navb:link, A.navb:visited {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,159,227,0.20);
padding-bottom: 2px;
}
A.navb:hover {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,159,227,1.00);
padding-bottom: 2px;
}
A.navb.active {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,159,227,1.00);
padding-bottom: 2px;
}

A.navc:link, A.navc:visited {
color: rgba(60,60,59,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(60,60,59,0.20);
padding-bottom: 2px;
}
A.navc:hover {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,159,227,1.00);
padding-bottom: 2px;
}
A.navc.active {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,159,227,1.00);
padding-bottom: 2px;
}

A.navd:link, A.navd:visited {
color: rgba(60,60,59,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navd:hover {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.navd.active {
color: rgba(0,159,227,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.nave:link, A.nave:visited {
color: rgba(56,178,127,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(56,178,127,0.20);
padding-bottom: 2px;
}
A.nave:hover {
color: rgba(56,178,127,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(56,178,127,1.00);
padding-bottom: 2px;
}
A.nave.active {
color: rgba(56,178,127,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(56,178,127,1.00);
padding-bottom: 2px;
}

A.w:link, A.w:visited {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.w:hover {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.w.active {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.w2:link, A.w2:visited {
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.w2:hover {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
A.w2.active {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}

A.wu:link, A.wu:visited {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,0.50);
padding-bottom: 2px;
}
A.wu:hover {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,1.00);
padding-bottom: 2px;
}
A.wu.active {
color: rgba(255,255,255,1.00);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,1.00);
padding-bottom: 2px;
}

/* Anfang Responsive Navigation */
.anzeige {
width: 3.646vw;
height: 3.646vw;
position: fixed;
z-index: 100000;
top: 3.5vw;
left: 4.5vw;
border-radius: 100px;
cursor: pointer;
background-color: rgba(255,255,255,0.00);
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
background-image: url(bilder/icon_navkreis.svg);
background-repeat: no-repeat;
background-size: contain;
}
.anzeige:hover {
-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: rgba(0,159,227,0.90);
-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;
}
.anzeigex {
float: left;
}
.anzeige1 {
width: 1.3vw;
height: 1px;
float: left;
background-color: #009fe3;
}
.anzeige2 {
width: 1.3vw;
height: 1px;
float: left;
clear: both;
margin-top: 5px;
background-color: #009fe3;
}
.active2 {
background-color: #ffffff;
-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;
}
.panel {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
z-index: 2000;
float: left; /* this is only here for IE7 */
overflow: auto;
animation: fadein ease 0.5s;
-webkit-animation: fadein ease 0.5s;
-moz-animation: fadein ease 0.5s;
-o-animation: fadein ease 0.5s;
-ms-animation: fadein ease 0.5s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.navi.open .panel {
display: block;
}
.panela {
z-index: 2001;
float: left;
width: 100%;
position: relative;
background-color: #009fe3;
margin-top: 15vw;
padding-top: 6vw;
padding-right: 5vw;
padding-left: 10.5vw;
padding-bottom: 6vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom-right-radius: 16vw;
background-image: url(bilder/backg_kreise.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.panelb {
float: left;
clear: both;
width: 100%;
font-size: 2.2vw;
line-height: 3.5vw;
font-weight: 700;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.panelba {
float: left;
clear: both;
width: 100%;
font-size: 2.2vw;
line-height: 3.5vw;
font-weight: 700;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.panelbb {
float: left;
clear: both;
width: 100%;
font-size: 2.2vw;
line-height: 3.5vw;
font-weight: 700;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.panelbc {
float: left;
clear: both;
width: 100%;
font-size: 2.2vw;
line-height: 3.5vw;
font-weight: 700;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.panelc {
float: left;
clear: both;
width: 100%;
font-size: 1.2vw;
line-height: 2.2vw;
font-weight: 400;
margin-top: 3vw;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
position: relative;
z-index: 1000000;
}
.paneld {
float: left;
clear: both;
width: 100%;
font-size: 1.2vw;
line-height: 2.2vw;
font-weight: 400;
color: rgba(255,255,255,0.50);
-ms-transition: all ease-out .4s;
transition: all ease-out .4s;
position: relative;
z-index: 1000000;
}
.schliessen {
width: 42px;
height: auto;
position: absolute;
z-index: 2002;
left: 7.7%;
top: 27px;
}
.close {
position: relative;
cursor: pointer;
background-repeat: no-repeat;
background-position: center 0%;
-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 */
}

/* Ende Responsive Navigation */

header {
float: left;
width: 100%;
position: relative;
z-index: 3;
}
section {
float: left;
width: 100%;
position: relative;
z-index: 2;
}
footer {
float: left;
width: 100%;
position: relative;
z-index: 1;
}

.heada {
width: 100%;
float: left;
}
.headb {
float: left;
width: 100%;
margin-top: 4.85vw;
color: rgba(60,60,59,1.00);
font-size: 1vw;
line-height: 1vw;
font-weight: 700;
padding-left: 12.500vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.headba {
float: left;
}
.headbb {
float: left;
width: 3vw;
height: 1px;
background-color: #b2b2b2;
margin-top: 0.6vw;
margin-left: 2.5vw;
}
.headbc {
float: left;
margin-left: 2.5vw;
}
.headbd {
width: 5vw;
height: auto;
float: left;
margin-left: 6vw;
margin-top: 1.25vw;
}
.headc {
position: absolute;
top: 7.5vw;
right: 12.5vw;
}
.headca {
width: 4.219vw;
height: auto;
float: left;
}
.headcb {
width: 16.302vw;
height: auto;
float: left;
margin-top: 1vw;
margin-left: 1.823vw;
}
.headd {
float: left;
width: 25vw;
margin-top: 15vw;
padding-left: 12.500vw;
}
.heade {
float: left;
clear: both;
width: 22vw;
margin-top: 5vw;
padding-left: 12.500vw;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
color: rgba(0,159,227,1.00);
}
.headf {
width: 50%;
height: auto;
float: right;
position: absolute;
right: 0px;
z-index: 100;
top: -15vw;
}

.seca {
width: 87.5%;
padding-top: 10vw;
padding-bottom: 10vw;
margin-top: 10vw;
top: 0px;
float: left;
position: relative;
z-index: 1;
background-color: #fff;
}
.secb {
width: 25vw;
height: auto;
float: left;
position: relative;
}
.secc {
float: left;
width: 7.448vw;
heigth: auto;
position: absolute;
right: -4.688vw;
top: 6.771vw;
}
.secd {
float: left;
position: relative;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
width: 50%;
margin-left: 12.5vw;
margin-top: 17.5vw;
}
.secda {
width: 31vw;
float: left;
}
.secdb {
width: 28vw;
float: left;
margin-top: 3vw;
}
.sece {
position: absolute;
top: 28vw;
right: -6.75vw;
width: 0.938vw;
height: auto;
}
.secf {
float: left;
width: 100%;
padding-left: 12.500vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 7.5vw;
margin-bottom: 7.5vw;
}
.secfa {
float: left;
font-size: 1.2vw;
line-height: 1.2vw;
font-weight: 700;
}
.secfaa {
float: left;
margin-top: 0.8vw;
}
.secfb {
float: left;
width: 5vw;
height: 1px;
background-color: #b2b2b2;
margin-left: 5vw;
margin-top: 1.4vw;
}
.secfbx {
float: left;
}
.secfc {
float: left;
width: 2.500vw;
height: auto;
margin-left: 5vw;
}
.secfd {
float: left;
width: 2.500vw;
height: auto;
margin-left: 5vw;
}
.secfe {
float: left;
width: 2.500vw;
height: auto;
margin-left: 5vw;
}
.secff {
float: left;
width: 2.500vw;
height: auto;
margin-left: 5vw;
}
.secg {
width: 87.5%;
padding-bottom: 10vw;
float: right;
position: relative;
z-index: 1;
background-color: #fff;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}
.secga {
width: 25vw;
height: 43.490vw;
float: right;
top: 0px;
position: relative;
border-bottom-left-radius: 17vw;
background-image: url(bilder/banner_leistungen_01.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
}
.sech {
width: 57.5%;
flaot: left;
padding-left: 10vw;
padding-top: 10vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #009fe3;
}
.seci {
width: 57.5%;
float: left;
padding-left: 10vw;
padding-top: 4vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secj {
float: left;
width: 57.5%;
padding-left: 10vw;
padding-top: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.seck {
position: absolute;
right: 12.5vw;
bottom: 10vw;
width: 4vw;
height: auto;
}
.secl {
width: 87.5%;
padding-top: 10vw;
padding-bottom: 10vw;
margin-top: 15vw;
float: left;
position: relative;
z-index: 1;
background-color: #fff;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}
.secm {
width: 87.5%;
padding-top: 10vw;
padding-bottom: 10vw;
float: right;
position: relative;
z-index: 1;
background-color: #fff;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}

.gut {
width: 87.5%;
float: right;
position: relative;
font-size: 1.2vw;
line-height: 2.3vw;
font-weight: 300;
color: #fff;
z-index: 2;
}
.gutx {
background-color: #fff;
position: absolute;
z-index: 1;
top: -1vw;
float: right;
width: 87.5%;
right: 0px;
height: 50%;
}
.guta {
width: 100%;
height: 100%;
display: inline-block;
}
.gutb {
width: 100%;
height: 100%;
background-image: url(bilder/backg_kreise.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
padding-top: 7vw;
padding-right: 10vw;
padding-left: 10vw;
padding-bottom: 7.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0px 16vw 0px 10vw;
}
.gutc {
position: relative;
}
.gutd {
margin-top: 1vw;
width: 32vw;
position: relative;
}
.gute {
width: 3.125vw;
height: auto;
position: absolute;
top: -2px;
left: 10vw;
}

.praxa {
width: 87.5%;
float: left;
color: #009fe3;
padding-left: 12.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.praxb {
width: 87.5%;
float: left;
margin-top: 1vw;
padding-left: 12.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.praxc {
float: left;
width: 87.5%;
position: relative;
margin-top: 5vw;
}
.praxca {
position: relative;
float: left;
width: 100%;
height: auto;
z-index: 1;
}
.praxcb {
position: absolute;
float: left;
width: 100%;
height: auto;
bottom: 0px;
left: 0px;
z-index: 2;
}
.praxd {
float: left;
width: 87.5%;
padding-left: 12.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 10vw;
}
.praxda {
float: left;
width: 42.5%;
position: relative;
z-index: 2;
}
.praxdb {
float: left;
width: 42.5%;
margin-left: 15%;
position: relative;
z-index: 2;
}
.praxdc {
float: left;
width: 100%;
height: 100%;
position: relative;
z-index: 2;
}
.praxdd {
float: left;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
right: -2.5vw;
bottom: -2.5vw;
background-color: #e5f5fc;
}
.praxde {
float: left;
clear: both;
position: relative;
margin-top: 4.5vw;
margin-left: 2.5vw;
}
.praxdf {
float: left;
width: 42.5%;
position: relative;
z-index: 2;
margin-top: 5vw;
}
.praxdg {
float: left;
width: 42.5%;
margin-left: 15%;
position: relative;
z-index: 2;
margin-top: 5vw;
}

.part {
float: left;
width: 100%;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}
.parta {
float: left;
width: 87.5%;
color: #009fe3;
padding-left: 10vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.partb {
float: left;
padding-left: 10vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1vw;
}
.partc {
float: left;
width: 85.85%;
padding-left: 10vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 5vw;
}
.partca {
float: left;
width: 33%;
height: auto;
}
.partcb {
float: left;
width: 33%;
height: auto;
margin-left: 0.5%;
}
.partcc {
float: left;
width: 33%;
height: auto;
margin-left: 0.5%;
}
.partcd {
float: left;
width: 33%;
height: auto;
margin-top: 0.5%;
}
.partce {
float: left;
width: 33%;
height: auto;
margin-top: 0.5%;
margin-left: 0.5%;
}
.partcf {
float: left;
width: 33%;
height: auto;
margin-left: 0.5%;
margin-top: 0.5%;
}
.partcg {
float: left;
width: 33%;
height: auto;
margin-top: 0.5%;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
}
.partch {
float: left;
width: 33%;
height: auto;
margin-top: 0.5%;
margin-left: 0.5%;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
}
.partci {
float: left;
width: 33%;
height: auto;
margin-left: 0.5%;
margin-top: 0.5%;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
}
.partcj {
float: left;
width: 33%;
height: auto;
margin-top: 0.5%;
}
.partck {
float: left;
width: 33%;
margin-left: 0.5%;
margin-top: 0.5%;
}
.partcl {
float: left;
width: 33%;
margin-left: 0.5%;
margin-top: 0.5%;
}
.partd {
float: left;
width: 85.85%;
height: auto;
padding-left: 10vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 3vw;
}

.foo {
width: 100%;
padding-top: 10vw;
margin-top: 25vw;
float: left;
position: relative;
z-index: 1;
background-color: #fff;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}
.fooa {
float: left;
width: 37.500vw;
height: auto;
position: absolute;
left: 0px;
top: -13.906vw;
}
.foob {
float: left;
position: absolute;
top: -4vw;
right: 12.5vw;
width: 1.823vw;
height: auto;
}
.fooc {
width: 50%;
float: right;
position: relative;
}
.fooca {
float: left;
width: 27vw;
}
.foocax {
float: left;
width: 60%;
margin-top: 10vw;
}
.foocb {
float: left;
width: 33.5vw;
margin-top: 5vw;
}
.foocc {
width: 100%;
float: left;
color: #38b27f;
font-weight: 700;
}
.foocd {
float: left;
width: 100%;
margin-bottom: 10vw;
}
.foocde {
width: 3.5vw;
float: left;
}
.foocdf {
float: left;
}
.foocdg {
width: 100%;
clear: both;
float: left;
}

.food {
width: 50%;
float: left;
position: relative;
margin-top: 14.5vw;
padding-left: 12.5vw;
padding-right: 15vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fooda {
width: 100%;
float: left;
}
.foodaa {
display: inline-block;
padding-top: 1vw;
padding-right: 2.5vw;
padding-left: 2.5vw;
padding-bottom: 1vw;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(bilder/backg_kreise.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5vw 5vw 5vw 5vw;
-ms-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.foodaa:hover {
border-radius: 5vw 0vw 5vw 5vw;
-ms-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.foodb {
width: 100%;
float: left;
margin-top: 12.5vw;
}
.foodc {
width: 100%;
float: left;
margin-top: 4vw;
}
.foodd {
width: 100%;
float: left;
margin-top: 4vw;
}
.foode {
width: 100%;
float: left;
margin-top: 4.5vw;
}
.foodf {
float: left;
position: absolute;
left: 12.5vw;
bottom: 10vw;
}
.fooe {
width: 100%;
float: left;
position: relative;
background-color: #fff;
font-size: 1.2vw;
line-height: 2.5vw;
font-weight: 300;
}
.fooea {
width: 50%;
height: 100%;
float: right;
}
.foof {
position: relative;
float: right;
width: 3.646vw;
height: auto;
margin-top: 5vw;
margin-right: 7.5vw;
margin-bottom: 10vw;
}

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

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

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

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

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

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

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

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

@media screen and (max-width: 1440px) {
.sece {
top: 27vw;
right: -6.9vw;
width: 1.2vw;
}
h1 {
font-size: 2.2vw;
line-height: 3.6vw;
}
h2 {
font-size: 2.2vw;
line-height: 3.1vw;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .urlauba {
font-size: 1.3vw;
line-height: 2.6vw;
font-weight: 400;
}
.secfa {
font-size: 1.3vw;
line-height: 1.3vw;
}
.heade {
width: 26vw;
}
.secda {
width: 33vw;
}
.secdb {
width: 30vw;
}
.headcb {
width: 17vw;
margin-top: 1.3vw;
margin-left: 2.823vw;
}
.headca, .seck {
width: 5vw;
}
.anzeige {
width: 4vw;
height: 4vw;
}
.headb {
font-size: 1.3vw;
line-height: 1.3vw;
}
.headbb {
margin-top: 0.7vw;
}
.fooca {
width: 29vw;
}
.foocb {
width: 36vw;
}
.ll {
margin-top: 0.5vw;
background-position: left 15px;
}
.datb {
width: 7.5%;
}
}

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

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

@media screen and (max-width: 1080px) {
.panela {
padding-left: 11.8vw;
}
.headc {
top: 10vw;
}
.food {
padding-right: 12vw;
}
.gutd {
width: 38vw;
}
.secj {
width: 67%;
}
.secfc, .secfd, .secfe, .secff {
width: 3.5vw;
}
.secfaa {
margin-top: 1.1vw;
}
.secfb {
margin-top: 1.7vw;
}
.headd {
width: 28vw;
}
.heade {
width: 30vw;
}
.secda {
width: 38vw;
}
.secdb {
width: 36vw;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .urlauba, .paneld, .urlauba {
font-size: 1.5vw;
line-height: 2.8vw;
}
.secfa {
font-size: 1.5vw;
line-height: 1.5vw;
}
h1 {
font-size: 2.3vw;
line-height: 3.7vw;
}
h2 {
font-size: 2.3vw;
line-height: 3.2vw;
}
.headb {
font-size: 1.5vw;
line-height: 1.5vw;
}
.anzeige {
width: 5vw;
height: 5vw;
left: 4vw;
}
.active1 {
background-color: rgba(0,159,227,0.90);
}
.anzeige1 {
width: 2vw;
}
.anzeige2 {
width: 2vw;
margin-top: 3px;
}
.active2 {
background-color: #ffffff;
}
.headb {
margin-top: 5.25vw;
}
.headbb {
margin-top: 0.8vw;
}
.headca, .seck {
width: 5.5vw;
}
.headcb {
width: 18vw;
margin-top: 1.5vw;
}
.foof {
width: 5.646vw;
}
.panelb, .panelba, .panelbb, .panelbc {
font-size: 3.2vw;
line-height: 4.5vw;
}
.foob {
top: -7vw;
width: 2.5vw;
}
.fooa {
width: 40vw;
}
.foo {
width: 100%;
}
.fooca {
width: 31vw;
}
.foodaa {
padding-top: 1.3vw;
padding-right: 2.8vw;
padding-left: 2.8vw;
padding-bottom: 1.3vw;
}
.sece {
top: 25vw;
width: 1.4vw;
}
.datb {
width: 10%;
}
}

@media screen and (max-width: 1024px) {
.liste {
background-size: 0.65vw;
}
.ll {
padding-left: 6.5vw;
background-position: left 12px;
background-size: 3.5vw;
}
}

@media screen and (max-width: 960px) {
.foocde {
width: 4.5vw;
}
.aus {
margin-top: -3.25vw;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .panelc, .paneld, .urlauba {
font-size: 1.8vw;
line-height: 3.5vw;
}
.headba, .headbb, .headbc, .sece {
display: none;
}
.anzeige {
width: 6vw;
height: 6vw;
left: 7.5vw;
top: 6vw;
}
.headd, .heade {
padding-left: 7.5vw;
}
.headca, .seck {
width: 7vw;
}
.headcb {
margin-left: 4vw;
width: 26vw;
margin-top: 1.5vw;
}
h1, h2 {
font-size: 3vw;
line-height: 4.7vw;
}
.headd {
width: 49vw;
margin-top: 12.5vw;
}
.headc {
top: 5.75vw;
right: 7.5vw;
}
.panel {
padding-left: 7.5vw;
padding-right: 7.5vw;
}
.panela {
padding-left: 11.5vw;
margin-top: 19vw;
}
.panelb, .panelba, .panelbb, .panelbc {
font-size: 4vw;
line-height: 6vw;
}
.heade {
width: 36vw;
}
.secd {
margin-left: 10vw;
}
.sech {
padding-left: 7.5vw;
padding-top: 0vw;
}
.secg, .seca, .gut, .secl, .secm, .gutx {
width: 92.5%;
}
.secda {
width: 46vw;
}
.secdb {
width: 40vw;
}
.seck {
right: 7.5vw;
bottom: 7.5vw;
}
.secj {
width: 74%;
}
.seci {
padding-left: 7.5vw;
width: 64.5%;
}
.secj, .praxa, .praxb, .praxd, .parta, .partb, .partc, .partd {
padding-left: 7.5vw;
}
.gutd {
width: 49vw;
}
.gutb {
padding-right: 7.5vw;
padding-left: 14vw;
}
.gute {
left: 13.5vw;
}
.partc, .partd {
width: 92.5%;
}
.secm, .secl, .seca, .secg {
padding-top: 7.5vw;
padding-bottom: 7.5vw;
}
.heade {
margin-top: 7vw;
}
.secfa {
font-size: 1.9vw;
line-height: 1.9vw;
}
.secfb {
margin-top: 1.9vw;
}
.secl {
margin-top: 10vw;
}
.foob {
top: -8vw;
width: 3vw;
right: 7.5vw;
}
.fooca {
width: 40vw;
}
.food {
padding-right: 10vw;
padding-left: 7.5vw;
}
.foodb {
margin-top: 10vw;
}
.foof {
margin-top: 0vw;
}
.foocb {
width: 42vw;
}
.secf {
padding-left: 7.5vw;
}
.foode, .foodd, .foodc, .foocb {
margin-top: 7.5vw;
}
.foodaa {
padding-top: 1.6vw;
padding-right: 3vw;
padding-left: 3vw;
padding-bottom: 1.6vw;
}
.secfc, .secfd, .secfe, .secff {
width: 4vw;
margin-left: 6vw;
}
}

@media screen and (max-device-width : 896px) and (orientation : landscape)  {
.panela {
margin-top: 15vw;
padding-top: 4vw;
padding-bottom: 4vw;
}
.panelb, .panelc {
float: left;
width: 35%;
}
.panelba, .paneld {
float: left;
clear: none;
width: 35%;
}
.panelbb {
float: left;
width: 35%;
}
.panelbc {
float: left;
width: 35%;
clear: none;
}
.panelc {
float: left;
width: 20%;
margin-top: 2vw;
}
.paneld {
float: left;
clear: none;
width: 35%;
margin-top: 2vw;
}
}

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

@media screen and (max-device-width : 812px) and (orientation : landscape)  {
}

@media screen and (max-width: 768px) {
.liste {
background-position: left 1.3vw;
}
.datb {
width: 10%;
top: 5%;
}
.anzeige {
width: 7vw;
height: 7vw;
top: 5.5vw;
}
.anzeige1, .anzeige2 {
width: 3vw;
}
}

@media screen and (max-width: 736px) {
.foodf {
left: 7.5vw;
}
.foocde {
width: 6vw;
}
.aus {
width: 0px;
float: left;
}
.seci {
padding-left: 7.5vw;
width: 58.5%;
}
.secfaa {
margin-top: 1.4vw;
}
.secfc, .secfd, .secfe, .secff {
width: 5vw;
margin-left: 6vw;
}
.fooca {
display: none;
}
.foob {
top: 53vw;
width: 4vw;
right: 7.5vw;
}
.foo {
padding-top: 0vw;
}
.fooa {
width: 100%;
position: relative;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .panelc, .paneld, .urlauba {
font-size: 2.3vw;
line-height: 4vw;
}
.secdb {
width: 53vw;
}
.secda {
width: 52vw;
}
.heade {
width: 33vw;
}
h1, h2 {
font-size: 4vw;
line-height: 6vw;
}
.headd {
width: 65vw;
}
.secfa {
font-size: 2.3vw;
line-height: 2.3vw;
}
.secfb {
width: 8vw;
margin-top: 2.5vw;
}
.gutd {
width: 54vw;
}
.fooc {
width: 100%;
float: left;
padding-left: 7.5%;
padding-right: 7.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.foodaa {
padding-top: 2.4vw;
padding-right: 5vw;
padding-left: 5vw;
padding-bottom: 2.4vw;
}
.food {
width: 100%;
margin-top: 0vw;
}
.foodb {
margin-top: 7.5vw;
}
.foocb {
width: 100%;
}
.foode, .foodd, .foodc, .foocb {
margin-top: 6vw;
}
.partca {
width: 49%;
}
.partcb {
width: 49%;
margin-left: 1%;
}
.partcc {
width: 49%;
margin-left: 0px;
margin-top: 1%;
}
.partcd {
width: 49%;
margin-top: 1%;
margin-left: 1%;
}
.partce {
width: 49%;
margin-top: 1%;
margin-left: 0px;
}
.partcf {
width: 49%;
margin-left: 1%;
margin-top: 1%;
}
.partcj {
width: 49%;
margin-top: 1%;
margin-left: 0px;
}
.partck {
width: 49%;
margin-top: 1%;
margin-left: 1%;
}
.partcl {
width: 49%;
margin-top: 1%;
margin-left: 0px;
}
.foof {
margin-right: 0vw;
width: 7.646vw;
}
.ll {
padding-left: 8.5vw;
background-position: left 12px;
background-size: 4.5vw;
}
.secj {
width: 76%;
}
.partd {
margin-top: 7.5vw;
}
}

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

@media screen and (max-device-width : 736px) and (orientation : landscape)  {
.panela {
margin-top: 17.5vw;
padding-top: 5vw;
padding-bottom: 5vw;
}
.panelc {
width: 24%;
}
}

@media screen and (max-width: 667px) {
.liste {
background-position: left 1.7vw;
padding-left: 3.75vw;
background-size: 0.8vw;
}
.foocax {
width: 65%;
}
.headbd {
width: 5.5vw;
margin-left: 7vw;
margin-top: 1.1vw;
}
.anzeige {
width: 8vw;
height: 8vw;
top: 5vw;
}
.headc {
top: 4.6vw;
}
.headcb {
margin-left: 5vw;
width: 30vw;
margin-top: 2vw;
}
.headca, .seck {
width: 8vw;
}
.praxc {
margin-top: 7.5vw;
}
.praxd {
margin-top: 12.5vw;
}
.partcg {
width: 49%;
margin-top: 0px;
}
.partch {
width: 49%;
margin-top: 0px;
margin-left: 1%;
}
.partci {
width: 49%;
margin-left: 0px;
margin-top: 1%;
}
.foodaa {
border-radius: 10vw 10vw 10vw 10vw;
}
.foodaa:hover {
border-radius: 10vw 0vw 10vw 10vw;
}
.foocc {
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
}

@media screen and (max-device-width : 667px) and (orientation : landscape)  {
.panela {
margin-top: 17.5vw;
padding-top: 5vw;
padding-bottom: 5vw;
padding-left: 12.5vw;
}
.panelc {
width: 25%;
}
}

@media screen and (max-width: 568px) {
.liste {
background-position: left 2.4vw;
padding-left: 6.75vw;
background-size: 1.3vw;
}
.partb {
width: 92.5%;
}
.partc {
margin-top: 7.5vw;
}
.headc {
top: 5.6vw;
}
.praxde {
margin-top: 7.5vw;
}
.praxd {
margin-top: 17.5vw;
}
.praxc {
width: 100%;
}
.praxda {
width: 100%;
}
.praxdb {
width: 100%;
margin-left: 0px;
margin-top: 10vw;
}
.praxdf {
width: 100%;
margin-left: 0px;
margin-top: 10vw;
}
.praxdg {
width: 100%;
margin-left: 0px;
margin-top: 10vw;
}
.foob {
top: 44vw;
width: 6vw;
}
.foof {
width: 10vw;
}
.secg {
padding-bottom: 12vw;
}
.gute {
left: 7.5vw;
width: 4.125vw;
}
.gutb {
padding-right: 0vw;
padding-left: 7.5vw;
padding-bottom: 8.5vw;
}
.ll {
margin-top: 2vw;
padding-left: 11.5vw;
background-position: left 14px;
background-size: 6.5vw;
}
.gutd {
width: 84vw;
}
.secg, .seca, .gut, .secl, .secm, .gutx {
width: 100%;
}
.secm, .secl, .seca {
padding-top: 10vw;
padding-bottom: 10vw;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .panelc, .paneld, .urlauba {
font-size: 3.3vw;
line-height: 6vw;
}
h1, h2 {
font-size: 5vw;
line-height: 7.7vw;
}
.headd {
width: 81%;
}
.secc, .secb, .secfb, .secga, .seck{
display: none;
}
.seca {
width: 100%;
margin-top: 0px;
}
.headf {
width: 100%;
float: left;
position: relative;
left: 0px;
top: 0px;
margin-top: 10vw;
}
.heade, .secda, .secf, .sech, .seci, .secj {
width: 100%;
padding-left: 7.5%;
padding-right: 7.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secdb {
margin-top: 5vw;
width: 90%;
padding-left: 7.5%;
padding-right: 7.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secd {
margin-top: 0vw;
width: 100%;
margin-left: 0vw;
}
.secfa {
width: 100%;
}
.secfaa {
width: 100%;
float: none;
font-size: 3.3vw;
line-height: 3.3vw;
margin-top: 0px;
margin-bottom: 25px;
text-align: center;
}
.secfc {
width: 7vw;
margin-left: 0vw;
}
.secfbx {
float: none;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
}
.secfd, .secfe, .secff {
width: 7vw;
margin-left: 10vw;
}
.headca, .seck {
width: 9vw;
}
.headcb {
margin-left: 5vw;
width: 33vw;
margin-top: 2vw;
}
.headbd {
width: 7vw;
margin-left: 11vw;
margin-top: 1.8vw;
}
.anzeige {
width: 10vw;
height: 10vw;
top: 5.5vw;
}
.anzeige1, .anzeige2 {
width: 4vw;
}
.anzeige2 {
margin-top: 4px;
}
.foocax {
width: 82%;
}
.foocde {
width: 10vw;
}
}

@media screen and (max-device-width : 568px) and (orientation : landscape)  {
.panela {
margin-top: 19.5vw;
}
.panelb, .panelba, .panelbb, .panelbc {
font-size: 4.5vw;
line-height: 6.5vw;
}
.panelc {
width: 35%;
}
.panelb, .panelc {
float: left;
width: 37.5%;
}
.panelba, .paneld {
float: left;
clear: none;
width: 37.5%;
}
.panelbb {
float: left;
width: 37.5%;
}
.panelbc {
float: left;
width: 37.5%;
clear: none;
}
}

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

@media screen and (max-width: 430px) {
.liste {
background-position: left 2.6vw;
padding-left: 7.75vw;
background-size: 1.8vw;
}
.foocc {
margin-top: 3vw;
margin-bottom: 3vw;
}
.foodd, .foodc, .foocb {
margin-top: 10vw;
}
.foode {
margin-top: 12vw;
}
.foodf {
position: relative;
bottom: 10vw;
z-index: 100;
}
.fooea {
width: 100%;
float: left;
}
.foof {
width: 12vw;
margin-top: 10vw;
}
.foodaa {
padding-top: 3.5vw;
padding-right: 7vw;
padding-left: 7vw;
padding-bottom: 3.5vw;
}
.foocax {
width: 100%;
}
.secf {
margin-top: 10vw;
margin-bottom: 10vw;
}
.ll {
padding-left: 14.5vw;
background-size: 8.5vw;
}
.gute {
width: 6.5vw;
}
.gutb {
padding-top: 10vw;
padding-bottom: 12.5vw;
border-radius: 0px 25vw 0px 0vw;
}
.secm, .secl, .seca, .secg {
padding-top: 10vw;
}
.secfc, .secfd, .secfe, .secff {
width: 9vw;
}
.secfaa {
font-size: 4.2vw;
line-height: 4.2vw;
}
.secm, .secl, .seca {
padding-top: 11vw;
padding-bottom: 11vw;
}
h1, h2 {
font-size: 6.5vw;
line-height: 9.2vw;
}
.headd {
width: 84%;
}
.heade, .secd, .seci, .secg, .gut, .secl, .part, .foo, .data, .fooe, .panelc, .paneld, .urlauba {
font-size: 4.2vw;
line-height: 7.2vw;
}
.headca {
display: none;
}
.headcb {
margin-left: 0vw;
width: 47vw;
margin-top: 2.5vw;
}
.anzeige {
width: 12vw;
height: 12vw;
top: 6vw;
}
.headbd {
width: 8.5vw;
margin-left: 12.5vw;
margin-top: 2.4vw;
}
.panela {
padding-left: 7.5vw;
margin-top: 25vw;
}
.panelb, .panelba, .panelbb, .panelbc {
font-size: 7vw;
line-height: 9vw;
}
.panelc {
margin-top: 10vw;
}
.panel {
padding-left: 0vw;
padding-right: 0vw;
}
}

@media screen and (max-width: 375px) {
.panela {
margin-top: 30vw;
border-bottom-right-radius: 30vw;
}
.anzeige {
width: 14vw;
height: 14vw;
top: 7vw;
}
.headbd {
width: 9.5vw;
margin-left: 12.5vw;
margin-top: 4vw;
}
.headcb {
margin-left: 0vw;
width: 50vw;
margin-top: 4.3vw;
}
}

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


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