:selection {background: #9b2355; color: #FFFFFF;}
::-moz-selection {background: #9b2355; color: #FFFFFF;}
::-webkit-scrollbar { display:none; }
* {
margin: 0px;
padding: 0px;
}

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

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


html {
font-family: 'Open Sans';
font-style: normal;
color: #2b2d2d;
font-weight: 400;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}
body {
font-family: 'Open Sans';
font-style: normal;
height: 100%;
color: #2b2d2d;
background-color: #f4f4f4;
font-weight: 400;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
img {
border: 0px;
height: auto;
}
.skal {
width: 100%;
height: auto;
}
h1 {
font-weight: 400;
font-size: 46px;
line-height: 46px;
}
h2 {
font-weight: 400;
font-size: 28px;
line-height: 39px;
}
h3 {
}
h4 {
}
li {
list-style-image: none;
list-style-type: none;
list-style-position: inside;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/dot.svg);
background-repeat: no-repeat;
padding-left: 30px;
background-position: left 12px;
}
.lista {
margin-top: 5px;
margin-bottom: 5px;
}
.tf {
font-weight: 700;
}
.tk {
font-style: italic;
}
.tfu {
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 1px;
}
.tr {
color: #9b2355;
}
.tfr {
font-weight: 700;
color: #9b2355;
}
.trennla {
width: 100%;
height: 1px;
float: left;
background-color: #e1e2e2;
margin-top: 30px;
margin-bottom: 30px;
}
.trennlb {
width: 100%;
height: 1px;
float: left;
background-color: #e1e2e2;
margin-top: 30px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 32px;
}
.datb {
position: absolute;
width: 7.8125%;
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%;
}
a:link, a:hover, a:visited, a:active {
text-decoration: none;
outline: none;
cursor: pointer;
}
A.nava:link, A.nava:visited {
color: #2b2d2d;
-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
}
A.nava:hover {
color: #9b2355;
-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
}
A.nava.active {
color: #9b2355;
-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
background: none;
}
A.navb:link, A.navb:visited {
color: #2b2d2d;
font-weight: 700;
}
A.navb.active, A.navb:hover {
color: #2b2d2d;
font-weight: 700;
}
A.navc:link, A.navc:visited {
color: #2b2d2d;
border-bottom: 1px solid #e1e2e2;
padding-bottom: 2px;
-webkit-transition: color 600ms ease, border 600ms ease;
-moz-transition: color 600ms ease, border 600ms ease;
-ms-transition: color 600ms ease, border 600ms ease;
-o-transition: color 600ms ease, border 600ms ease;
transition: color 600ms ease, border 600ms ease;
}
A.navc.active, A.navc:hover {
color: #9b2355;
border-bottom: 1px solid #9b2355;
-webkit-transition: color 600ms ease, border 600ms ease;
-moz-transition: color 600ms ease, border 600ms ease;
-ms-transition: color 600ms ease, border 600ms ease;
-o-transition: color 600ms ease, border 600ms ease;
transition: color 600ms ease, border 600ms ease;
}
A.navw:link, A.navw:visited {
color: #fff;
}
A.navw.active, A.navw:hover {
color: #fff;
}
A.navd:link, A.navd:visited {
color: #ffffff;
}
A.navd:hover {
color: #ffffff;
}
A.navd.active {
color: #ffffff;
font-weight: 700;
background: none;
}
A.nave:link, A.nave:visited {
color: #9b2355;
}
A.nave.active, A.nave:hover {
color: #9b2355;
}
A.navf:link, A.navf:visited {
color: #9b2355;
border-bottom: 1px solid rgba(155,35,85,0.30);
-webkit-transition: color 600ms ease, border 600ms ease;
-moz-transition: color 600ms ease, border 600ms ease;
-ms-transition: color 600ms ease, border 600ms ease;
-o-transition: color 600ms ease, border 600ms ease;
transition: color 600ms ease, border 600ms ease;
}
A.navf.active, A.navf:hover {
color: #9b2355;
border-bottom: 1px solid #9b2355;
-webkit-transition: color 600ms ease, border 600ms ease;
-moz-transition: color 600ms ease, border 600ms ease;
-ms-transition: color 600ms ease, border 600ms ease;
-o-transition: color 600ms ease, border 600ms ease;
transition: color 600ms ease, border 600ms ease;
}

/* Anfang Responsive Navigation */
.anzeige {
cursor: pointer;
}
.panel {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
min-height: 100%;
z-index: 2000;
background-color: #9b2355;
color: #ffffff;
float: left; /* this is only here for IE7 */
overflow: auto;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
background: rgb(155,35,85);
background: -moz-linear-gradient(190deg, rgba(155,35,85,1) 35%, rgba(220,95,147,1) 100%);
background: -webkit-linear-gradient(190deg, rgba(155,35,85,1) 35%, rgba(220,95,147,1) 100%);
background: linear-gradient(190deg, rgba(155,35,85,1) 35%, rgba(220,95,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9b2355",endColorstr="#dc5f93",GradientType=1);
}
.navi.open .panel {
display: flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}
.panela {
position: relative;
z-index: 2;
}
.panelb {
margin-top: 10%;
font-size: 46px;
line-height: 46px;
letter-spacing: 2px;
position: relative;
}
.panelc {
margin-top: 10%;
margin-bottom: 40%;
font-size: 46px;
line-height: 46px;
letter-spacing: 2px;
position: relative;
}
.paneld {
font-size: 18px;
line-height: 18px;
letter-spacing: 2px;
margin-bottom: 5%;
position: relative;
}
.panele {
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
background-image: url(bilder/signet_bildmarke_weiss.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 70% 70%;
opacity: 0.4;
top: 0px;
left: 0px;
}
.schliessen {
width: 54px;
height: auto;
position: absolute;
z-index: 10;
top: 30px;
right: 3.9%;
}
.close {
position: relative;
cursor: pointer;
width: 54px;
height: 54px;
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 {
width: 100%;
float: left;
position: relative;
z-index: 2;
padding-bottom: 7.5%;
}
section {
width: 100%;
float: left;
position: relative;
z-index: 1;
}
.sectiona {
padding-left: 19.53125%;
padding-right: 9.114583333333332%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sectionb {
padding-left: 9.114583333333332%;
padding-right: 9.114583333333332%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sectionc {
padding-left: 19.53125%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer {
width: 100%;
float: left;
position: relative;
z-index: 1;
}

.signetb {
width: 7.8125%;
height: auto;
float: left;
position: fixed;
left: 9.114583333333332%;
top: 0px;
margin-top: 7.291666666666667%;
z-index: 1;
}
.signetw {
width: 13.541666666666666%;
height: auto;
float: left;
position: relative;
left: 19.53125%;
top: 0px;
margin-top: 8.958333333333334%;
}
.signetbx {
width: 95px;
height: auto;
float: left;
position: relative;
z-index: 1;
}
.signetwx {
width: 160px;
height: auto;
position: relative;
margin-left: 125px;
margin-top: 20px;
z-index: 1;
}

.headnav {
position: fixed;
float: right;
top: 0px;
right: 0px;
z-index: 1;
width: 52.5%;
background-color: #f4f4f4;
padding: 18px;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-ms-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
padding-right: 12.5%;
padding-left: 50px;
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.active {
background-color: rgba(255,255,255,0.95);
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-ms-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

.heada {
font-size: 20px;
line-height: 20px;
display: flex;
display: -ms-flexbox;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.headb {
margin-top: 16px;
margin-bottom: 16px;
}
.headc {
width: 60px;
height: 1px;
border-top: 1px solid #d5d5d5;
border-right-width: 0px;
border-right-style: none;
border-bottom-width: 0px;
border-bottom-style: none;
border-left-width: 0px;
border-left-style: none;
margin-top: 25px;
}
#headd {
width: 54px;
height: 54px;
position: fixed;
z-index: 1;
right: 3.9%;
top: 0px;
margin-top: 30px;
opacity: 0.7;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
#headd:hover {
opacity: 1;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.headda {
width: 30px;
height: 1px;
margin-top: 5px;
background: #d5d5d5;
}
.headdb {
width: 30px;
height: 1px;
background: #d5d5d5;
}
.headdc {
width: 27px;
height: 1px;
float: left;
background-color: #d5d5d5;
}
.headdd {
width: 27px;
height: 1px;
margin-top: 6px;
float: left;
clear: both;
background-color: #d5d5d5;
}
.headde {
}

.seca {
width: 100%;
float: right;
position: relative;
}
.secb {
float: left;
position: absolute;
bottom: 12px;
left: 12.7%;
font-size: 21px;
line-height: 21px;
}
.secbx {
float: left;
position: relative;
bottom: 30px;
font-size: 16px;
line-height: 16px;
}
.secc {
width: 50%;
float: right;
position: relative;
font-size: 28px;
line-height: 45px;
font-weight: 300;
}
.secd {
width: 100%;
float: left;
margin-top: 10%;
position: relative;
background-color: #fbfbfb;
padding-top: 10%;
background-image: url(bilder/backgr_grau.svg);
background-repeat: repeat-y;
background-position: left top;
z-index: 1;
}
.secda {
width: 19.53125%;
height: 100%;
position: absolute;
background-color: #f4f4f4;
top: 0px;
left: 0px;
z-index: 2;
}
.secdb {
width: 80.46875%;
height: 12.5%;
position: absolute;
background-color: #f4f4f4;
bottom: 0px;
right: 0px;
z-index: 2;
}

.sece {
width: 50%;
float: left;
position: relative;
z-index: 3;
}
.secea {
float: left;
overflow: hidden;
width: 79.16666666666666%;
}
.secexa {
transition: all .7s ease-in-out;
}
.secexa:hover {
transform: scale(1.2);
}
.secec {
width: 50%;
position: absolute;
left: 50%;
top: 113%;
}
.seced {
float: left;
width: 27px;
height: auto;
margin-right: 9.5%;
margin-top: 3px;
}
.secee {
float: left;
width: 33px;
height: auto;
margin-right: 9.5%;
margin-top: 2px;
}
.secef {
float: left;
width: 22px;
height: auto;
}

.secf {
width: 50%;
position: relative;
float: left;
z-index: 3;
}
.secfa {
overflow: hidden;
float: right;
width: 79.16666666666666%;
}
.secfb {
float: right;
width: 79.16666666666666%;
margin-top: 10%;
margin-bottom: 15%;
}
.secfc {
width: 330px;
font-size: 21px;
line-height: 35px;
}
.secfcx {
width: 100%;
font-size: 16px;
line-height: 29px;
text-align: center;
padding-left: 15%;
padding-right: 15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 7.5%;
}
.secfd {
width: 12px;
height: auto;
position: absolute;
right: 7.5%;
top: -267px;
}
.secfe {
width: 16px;
height: auto;
position: absolute;
right: 7.25%;
top: 175px;
transition: all .1s ease-in-out;
}
.secfe:hover {
transform: scale(1.3);
}
.secff {
width: 42px;
height: auto;
float: left;
position: relative;
left: -21px;
}
.secffx {
width: 36px;
height: auto;
position: absolute;
left: 0px;
bottom: 9px;

}

.leia {
width: 100%;
margin-top: 10%;
padding-left: 19.53125%;
padding-top: 10%;
padding-bottom: 10%;
background-color: #fbfbfb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leib {
}
.leic {
width: 620px;
margin-top: 2.5%;
font-size: 21px;
line-height: 35px;
}
.leid {
width: 7.8125%;
height: auto;
position: absolute;
right: 7.5%;
top: 50%;
}
.leie {
width: 42px;
height: auto;
position: absolute;
top: 85%;
left: 9%;
}
.leif {
width: 100%;
position: relative;
background-color: #fbfbfb;
float: left;
}
.leig {
width: 92.5%;
float: left;
position: relative;
background-color: #f4f4f4;
padding-top: 7.5%;
padding-bottom: 7.5%;
padding-left: 19.53125%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leih {
width: 92.5%;
float: left;
position: relative;
}
.leii {
width: 51%;
margin-top: 8.6%;
float: left;
position: relative;
}

.praxa {
width: 100%;
position: relative;
background-color: #fbfbfb;
float: left;
padding-top: 7.5%;
padding-bottom: 7.5%;
}
.praxb {
float: left;
width: 50%;
position: relative;
}
.praxba {
float: left;
width: 69.27083333333334%;
height: auto;
position: relative;
z-index: 2000;
}
.praxc {
float: left;
width: 50%;
margin-top: 5%;
font-size: 18px;
line-height: 31px;
padding-right: 7.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.praxca {
width: 200px;
height: 1px;
float: left;
background-color: #e1e2e2;
margin-top: 5%;
margin-bottom: 7.5%;
position: relative;
}
.praxcc {
}
.praxcd {
width: 200px;
height: 1px;
float: left;
background-color: #e1e2e2;
margin-top: 7.5%;
position: relative;
}
.praxcb {
width: 100%;
float: left;
position: relative;
}
.praxd {
width: 50%;
float: left;
padding-left: 19.53125%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
line-height: 18px;
position: relative;
}
.praxe {
width: 50%;
float: left;
position: relative;
}

.fooa {
width: 100%;
position: relative;
background-color: #fbfbfb;
float: left;
padding-bottom: 7.5%;
font-size: 18px;
line-height: 31px;
}
.foob {
width: 92.469%;
float: right;
position: relative;
background-color: #f4f4f4;
}
.fooc {
width: 100%;
float: left;
position: relative;
padding-left: 7.5%;
padding-top: 7.5%;
padding-bottom: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.food {
width: 85%;
float: left;
position: relative;
}
.fooe {
width: 20%;
float: left;
margin-top: 2.5%;
position: relative;
}
.foof {
width: 58.5%;
float: right;
margin-top: 2.5%;
position: relative;
height: 100%;
}
.foog {
float: left;
width: 50px;
position: relative;
}
.fooh {
width: 300px;
float: left;
position: relative;
}
.fooi {
float: left;
width: 100%;
margin-top: 6%;
position: relative;
}
.fooj {
float: left;
width: 100%;
position: relative;
}
.fook {
width: 100%;
float: left;
position: relative;
}
.fool {
margin-top: 5%;
width: 100%;
float: left;
position: relative;
}
.foola {
width: 22px;
height: auto;
float: left;
position: absolute;
left: -50px;
top: -5px;
}
.foom {
width: 100%;
float: left;
position: relative;
}
.foon {
width: 350px;
float: left;
position: relative;
margin-top: 5%;
}
.fooo {
width: 38.5%;
position: absolute;
bottom: 7.5%;
}
.foooa {
margin-right: 7.5%;
float: left;
}
.fooob {
float: left;
}
.foop {
width: 100%;
position: relative;
float: left;
}
.foopa {
width: 29.583333333333332%;
position: absolute;
overflow: hidden;
bottom: 0px;
right: 10%;
}
.fooq {
width: 60px;
height: 60px;
position: absolute;
right: 7.5%;
top: 5%;
opacity: 1;
}
.fooqa {
width: 60px;
height: 60px;
position: absolute;
left: 0px;
top: 0px;
background-image: url(bilder/icon_pfeil_top.svg);
background-repeat: no-repeat;
background-position: center center;
opacity: 1;
background-color: #f4f4f4;
-webkit-transition: opacity 500ms ease, background-color 500ms ease;
-moz-transition: opacity 500ms ease, background-color 500ms ease;
-ms-transition: opacity 500ms ease, background-color 500ms ease;
-o-transition: opacity 500ms ease, background-color 500ms ease;
transition: opacity 500ms ease, background-color 500ms ease;
background-size: 100% 100%;
}
.fooqa:hover {
opacity: 0;
-webkit-transition: opacity 500ms ease, background-color 500ms ease;
-moz-transition: opacity 500ms ease, background-color 500ms ease;
-ms-transition: opacity 500ms ease, background-color 500ms ease;
-o-transition: opacity 500ms ease, background-color 500ms ease;
transition: opacity 500ms ease, background-color 500ms ease;
background-size: 100% 100%;
}
.fooqb {
width: 60px;
height: 60px;
background-image: url(bilder/icon_pfeil_top_aktiv.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.foor {
float: left;
clear: both;
}


/* Anfang Aufklappmenü */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(bilder/icon_plus.svg);
background-repeat: no-repeat;
background-position: right center;
}
.accordion-title.open { 
background-image: url("bilder/icon_minus_aktiv.svg");
background-repeat: no-repeat;
background-position: right center;
color: #9b2355;
}
.accordion-content {
display: none;
font-size: 18px;
line-height: 31px;
width: 90%;
float: left;
clear: both;
margin-top: 5px;
}
.accorda {
background-repeat: no-repeat;
background-position: right center;
-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
font-size: 18px;
position: relative;
font-weight: 700;
}
.accorda:hover {
color: #9b2355;
-webkit-transition: color 600ms ease;
-moz-transition: color 600ms ease;
-ms-transition: color 600ms ease;
-o-transition: color 600ms ease;
transition: color 600ms ease;
}
.accordb {
width: 90%;
position: relative;
font-size: 18px;
line-height: 31px;
}
.accordc {
width: 100%;
float: left;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
}

/* Anfang Aufklappmenü  */

.urlaub {
width: 100%;
font-size: 21px;
line-height: 35px;
}
.plakat {
width: 100%;
font-size: 21px;
line-height: 35px;
}


@media screen and (min-width: 1921px) {
.accorda {
font-size: 21px;
}
.accordb, .praxc, .fooa, .data {
font-size: 21px;
line-height: 35px;
}
.lista {
margin-top: 15px;
margin-bottom: 15px;
}
.secb, .praxd, .heada {
font-size: 21px;
line-height: 21px;
}
.fooh {
width: 75%;
}
.urlaub {
font-size: 28px;
line-height: 45px;
}
}

@media screen and (min-width: 813px) {
.signetbx, .signetwx, .secbx, .secffx, #headdx, #headdxa, .secfcx {
display: none;
}
}

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

@media screen and (max-width: 1600px) {
.secec {
top: 113%;
}
}

@media screen and (max-width: 1440px) {
h1 {
font-size: 42px;
line-height: 42px;
}
.headnav {
width: 53.5%;
}
.secc {
font-size: 26px;
line-height: 42px;
}
.secfe {
top: 150px;
}
.secfc {
width: 320px;
font-size: 20px;
line-height: 33px;
}
}

@media screen and (max-width: 1366px) {
.secec {
top: 114%;
}
.secfd {
width: 11px;
right: 8%;
}
.headnav {
padding-top: 24px;
padding-bottom: 24px;
}
#headd {
margin-top: 26px;
width: 46px;
height: 46px;
}
.close {
width: 46px;
height: 46px;
}
.heada {
font-size: 19px;
line-height: 19px;
}
.leic {
width: 600px;
margin-top: 15px;
font-size: 19px;
line-height: 34px;
}
.secc {
font-size: 24px;
line-height: 40px;
}
h1 {
font-size: 36px;
line-height: 36px;
}
h2 {
font-size: 24px;
line-height: 36px;
}
.seced {
width: 26px;
}
.secee {
width: 32px;
}
.secef {
width: 21px;
margin-top: 2px;
}
.fooe, .foof {
margin-top: 15px;
}
.schliessen {
width: 46px;
top: 26px;
right: 4%;
}
.fooq {
width: 50px;
height: 50px;
right: 4.3%;
}
.fooqa, .fooqb {
width: 50px;
height: 50px;
}
}

@media screen and (max-width: 1280px) {
.heada {
font-size: 18px;
line-height: 18px;
}
.secfc {
width: 290px;
font-size: 18px;
line-height: 31px;
}
.leic {
width: 570px;
font-size: 18px;
line-height: 31px;
}
.secc {
font-size: 22px;
line-height: 38px;
}
.signetb {
width: 8.59375%;
left: 8.9%;
}
.signetw {
width: 14.453125%;
}
.headnav {
padding-left: 45px;
}
.seced {
width: 25px;
}
.secee {
width: 31px;
}
.secef {
width: 20px;
}
.leia {
padding-top: 7.5%;
padding-bottom: 7.5%;
}
.leig {
padding-top: 6.5%;
padding-bottom: 6.5%;
}
.secec {
left: 48%;
}
}

@media screen and (max-width: 1180px) {
.headnav {
padding-left: 42px;
}
.seced {
width: 24px;
}
.secee {
width: 30px;
}
.secef {
width: 19px;
}
.fooe {
width: 25%;
}
h1 {
font-size: 32px;
line-height: 32px;
}
}

@media screen and (max-width: 1080px) {
.headnav {
padding-left: 38px;
}
.leie {
width: 38px;
left: 7.5%;
top: 80%;
}
.signetb {
width: 9.537037037037036%;
left: 7.5%;
}
.signetw {
width: 16.203703703703702%;
}
.secec {
top: 115%;
}
.seced {
width: 23px;
}
.secee {
width: 29px;
}
.secef {
width: 18px;
}
.secc {
font-size: 20px;
line-height: 32px;
}
.secb {
font-size: 20px;
line-height: 20px;
}
.secfd {
width: 10px;
top: -220px;
}
.secfe {
top: 140px;
}
.secff {
width: 38px;
left: -19px;
}
.secfc {
width: 270px;
font-size: 17px;
line-height: 30px;
}
.leic {
width: 450px;
font-size: 17px;
line-height: 30px;
}
.accorda {
font-size: 17px;
}
.accorda, .accordb, .praxc, .fooa {
font-size: 17px;
line-height: 30px;
}
.trennla {
margin-top: 25px;
margin-bottom: 25px;
}
.headc {
width: 26px;
}
h1 {
font-size: 31px;
line-height: 31px;
}
}

@media screen and (max-width: 1024px) {
.secfe {
top: 130px;
}
.datb {
width: 15%;
}
.praxc {
margin-top: 3%;
}
.praxca {
margin-bottom: 5%;
}
.praxcd {
margin-top: 5%;
}
.lista {
margin-top: 3px;
margin-bottom: 3px;
}
}

@media screen and (max-width: 960px) {
.schliessen {
width: 41px;
top: 17px;
right: 4.2%;
}
.secfd {
display: none;
}
.secfe {
top: -47px;
}
.secec {
top: 116%;
}
.seced {
width: 22px;
}
.secee {
width: 28px;
}
.secef {
width: 17px;
}
.headnav {
padding-left: 35px;
}
.secfc {
width: 250px;
font-size: 16px;
line-height: 29px;
}
.leic {
width: 400px;
font-size: 16px;
line-height: 29px;
}
.accorda, .accordb, .praxc, .fooa {
font-size: 16px;
line-height: 29px;
}
.praxd {
font-size: 16px;
line-height: 16px;
}
.foola {
width: 20px;
top: -3px;
}
.secff {
width: 36px;
left: -18px;
}
#headd {
margin-top: 19px;
width: 41px;
height: 41px;
}
.headnav {
padding-top: 18px;
padding-bottom: 18px;
}
.headb {
margin-top: 13px;
margin-bottom: 13px;
}
.headc {
margin-top: 21px;
}
}

@media screen and (max-width: 768px) {
.secd {
padding-top: 7%;
}
}

/* landscape */
@media screen and (max-device-width : 812px) and (orientation : landscape)  {
.panelb, .panelc {
font-size: 36px;
line-height: 32px;
}
.panelc {
margin-bottom: 20%;
}
}

@media screen and (max-width: 812px) {
.accordb {
width: 100%;
}
#headdx {
width: 45px;
height: 45px;
position: fixed;
z-index: 2;
right: 7.5%;
top: 0px;
margin-top: 40px;
}
#headdxa {
width: 28px;
height: auto;
position: fixed;
z-index: 2;
right: 17.5%;
top: 0px;
margin-top: 47px;
}
.praxba {
width: 78%;
}
h1 {
font-size: 29px;
line-height: 29px;
}
h2 {
font-size: 22px;
line-height: 32px;
}
.sectionb {
margin-top: 175px;
padding-left: 7.5%;
padding-right: 7.5%;
}
.heada, .secfe, .secff, .secb, .signetb, .signetw, #headd, .leie, .praxcd, .praxca {
display: none;
}
.headnav {
width: 100%;
padding-right: 7.5%;
padding-left: 7.5%;
padding-top: 21px;
padding-bottom: 21px;
}
.secda {
width: 7.5%;
}
.secdb {
width: 92.5%;
}
.secfb {
margin-top: 0px;
}
.secea, .secfa, .secfb {
width: 90%;
}
.secfb {
margin-bottom: 12.5%;
}
.secec {
left: 15%;
width: 80%;
}
.secec {
top: 156%;
}
.secc {
width: 100%;
float: left;
}
.seca {
width: 100%;
float: left;
padding-left: 125px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secbx {
width: 100%;
padding-left: 125px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secd {
margin-top: 66px;
margin-bottom: 10%;
}
.leia, .leig, .praxd {
padding-left: 7.5%;
}
.leid {
width: 10%;
top: 25%;
}
.fooe {
width: 30%;
}
.foopa {
width: 35%;
right: 7.5%;
}
.fooqa, .fooqb {
width: 46px;
height: 46px;
}
.fooq {
width: 46px;
height: 46px;
right: 7.5%;
}
.close {
width: 45px;
height: 45px;
}
.schliessen {
width: 45px;
top: 40px;
right: 7.5%;
}
.leia {
margin-top: 0px;
}
.fooq {
right: 8%;
}
.sectionb {
margin-top: 150px;
}
.food {
width: 80%;
}
}

@media screen and (max-width: 736px) {
.signetbx {
width: 85px;
}
.signetwx {
width: 150px;
margin-left: 110px;
margin-top: 17px;
}
#headdx {
margin-top: 38px;
}
#headdxa {
margin-top: 45px;
}
.secbx, .seca {
padding-left: 110px;
}
.fooe {
width: 24%;
}
.foooa {
margin-right: 10%;
}
.accorda, .accordb, .praxc, .fooa {
line-height: 28px;
}
.fooc {
padding-bottom: 30%;
}
.leid {
width: 12.5%;
}
}

@media screen and (max-width: 667px) {
#headdxa {
right: 18.5%;
}
}

@media screen and (max-width: 736px) {
.secffx, .signetwx, .secda, .secdb, .secfb, .secec, .leii, .trennlb, .foola {
display: none;
}
.foon {
width: 100%;
}
.secbx, .seca {
padding-left: 0px;
}
.signetbx {
width: 80px;
float: none;
margin-left: auto;
margin-right: auto;
}
#headdxa {
left: 7.5%;
margin-top: 41px;
}
#headdx {
margin-top: 34px;
}
.headnav {
padding-top: 16px;
padding-bottom: 16px;
background-color: #fff;
}
.secd {
padding-bottom: 0px;
margin-bottom: 0px;
}
.secfa {
margin-top: 20%;
}
.secea, .secfa {
width: 100%;
}
.secec {
top: 129%;
}
.leia {
padding-top: 10%;
}
.leic {
width: 350px;
}
.leig {
width: 100%;
}
.trennla {
margin-top: 20px;
margin-bottom: 20px;
}
.praxa {
padding-left: 7.5%;
padding-right: 7.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.praxd {
width: 100%;
padding-left: 0px;
margin-bottom: 10px;
}
.praxe, .praxba {
width: 100%;
}
.praxc {
width: 100%;
padding-right: 0px;
margin-top: 7.5%;
}
.praxb {
width: 100%;
margin-top: 7.5%;
}
.fooe {
width: 75%;
}
.foof {
width: 90%;
float: left;
margin-top: 5%;
}
.foob {
width: 100%;
}
.fooc {
padding-right: 7.5%;
}
.secd {
margin-top: 10%;
}
.fooq {
right: 7.5%;
}
.urlaub {
font-size: 18px;
line-height: 31px;
}
}

@media screen and (max-width: 500px) {
.leid {
display: none;
}
.foog {
width: 40px;
}
.fooob {
clear: both;
}
.foooa {
margin-right: 0px;
}
.fooc {
padding-bottom: 40%;
padding-top: 8%;
}
.foopa {
width: 43%;
}
.foof {
width: 100%;
}
}

@media screen and (max-width: 430px) {
.fooh {
width: auto;
}
.urlaub {
font-size: 16px;
line-height: 29px;
}
.fooc {
padding-top: 10%;
}
.foopa {
width: 48%;
}
.fooo {
width: 35%;
}
.leic {
width: 85%;
}
.fooi, .fool, .foon, .foof {
margin-top: 7.5%;
}
}

@media screen and (max-width: 375px) {
.foopa {
display: none;
}
.fooo {
width: 85.5%;
left: 7.5%;
bottom: 5%;
}
.foooa {
margin-right: 10%;
}
.fooob {
float: left;
clear: none;
}
.fooa {
padding-bottom: 0px;
}
}

@media screen and (max-width: 320px) {
h1 {
font-size: 27px;
line-height: 27px;
}
h2 {
font-size: 19px;
line-height: 28px;
}
.secc {
font-size: 18px;
line-height: 29px;
}
.foog {
width: 12.5%;
}
.fooh {
width: 80%;
}
.accordion-content {
width: 100%;
}
.accorda {
width: 80%;
}
}







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