/* --------------------------- *\
   NAVIGATION
\* --------------------------- */

/* --------------------------- *\
   MAIN
\* --------------------------- */

/* HEADER */
@media only screen and ( max-width:728px ) {
  .section-header .section-inhalt {
    padding-bottom:3em;
  }
}


/* ANPASSUNGEN */
.section-daten {
  font-size:18px;
}


/* SPALTEN MIT ASIDE-INFOBOX */
.spalte-neben-infobox {
  padding-right:2.5em;
  max-width:644px;
}

@media only screen and ( min-width:729px ) and ( max-width:1068px ) {

  .spalte-neben-infobox {
    padding-right: 1.75em;
  }
}

@media only screen and ( max-width:728px ) {

  .spalte-neben-infobox {
    padding:0;
  }
}

.spalte-infobox {
  width:275px;
  min-width:275px;
}

@media only screen and (max-width:728px) {
  .spalte-infobox {
    width:100%;
    min-width:100%;
    padding-top:2.5em;       
  }
}


.checkbox-infobox-listenpunkt {
    background-image:url(/wmw/main/3/styles/images/checkbox/icon-2.svg);
    background-size:26px 26px;
    padding-bottom:0.75em;
    padding-top:0.75em;
}

/* --------------------------- *\
   LAYOUT SPALTEN + TRENNLINIE
\* --------------------------- */

.spalte-mt {
  width:100%;
}

.spalte-mt:nth-child(1) {
  padding-right:2.5em;
}

.spalte-mt:nth-child(2) {
  padding-left:2.5em;
}

.spalte-mi {
  padding-left:0;
  width: 100%;
}

@media only screen and (max-width:728px) {

  .spalte-mt:nth-child(1),.spalte-mt:nth-child(2) {
    padding-right:0;
    padding-left:0;
  }

  .spalte-mt:nth-child(1) {
    padding-bottom:3.5em;
  }
  
  .spalte-mt:nth-child(2) {
    padding-top:3.5em;
  }
}

.spalten-trennlinie {
  border-left:solid 1px #444;
}

@media only screen and (max-width:728px) {

  .spalten-trennlinie {
    border-left:none;
    border-top:solid 1px #444;
  }
}


/* --------------------------- *\
   FAQ
\* --------------------------- */

#faq,#faq:before,#faq:after,#faq *,#faq *:before,#faq *:after {
  box-sizing:content-box;
  margin:0;
  padding:0;
  letter-spacing:0.025em;
}

#faq {
  list-style:none;
  margin-left:0;
  text-align:left;
  margin-top:0;/* nur Datenschutz */
}

#faq li {
  color:rgb(181,181,181); 
  padding:1.5em 0;
  border-bottom:solid 1px #444;
}

#faq li:last-child {
    border-bottom:none;
  } 

#faq input {
  direction:ltr;
  text-align:left;
}

#faq-f1-status,#faq-f2-status,#faq-f3-status,#faq-f4-status {
  display:none;
}

#faq .faq-button {
  display:block;
}

#faq .faq-button-label {
  width:100%;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  opacity:0.85;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
  transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
}

#faq .faq-button-label:hover {
  opacity:1;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
  transition:opacity 0.3s cubic-bezier(0.24, 0.06, 0.56, 1);
}

#faq .faq-frage {
  display:block;
  position:relative;
  width:auto;
  color:currentColor;
  padding-right:60px;
  font-size:24px;/* nur Datenschutz */
  font-weight:500;
  letter-spacing:0.02em;
}

/* nur Datenschutz */
@media only screen and (max-width:728px) {

#faq .faq-frage {
  font-size:21px;
} 
}

#faq .faq-button-icon {
  position:absolute;
  z-index:99;
  top:0px;
  right:0;
  margin:0;
  display:block;
  color:currentColor;
  height:30px;
  width:30px;
  overflow:hidden;
}
  
#faq .faq-button-icon::before,
#faq .faq-button-icon::after {
  content:'';
  position:absolute;
  top:15px;
  height:3px;
  width:18px;
  left:6px;
  border-radius:5px;
  background:currentColor;
}
  
#faq .faq-button-icon::before {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:transform 0.22s ease-in-out;
  transition:transform 0.22s ease-in-out;
}

#faq .faq-button-icon::after {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transition:transform 0.22s ease-in-out;
  transition:transform 0.22s ease-in-out;
}
  
#faq-f1-status:checked ~ #faq-f1 .faq-button-icon::before,
#faq-f1-status:target ~ #faq-f1 .faq-button-icon::before,
#faq-f2-status:checked ~ #faq-f2 .faq-button-icon::before,
#faq-f2-status:target ~ #faq-f2 .faq-button-icon::before,
#faq-f3-status:checked ~ #faq-f3 .faq-button-icon::before,
#faq-f3-status:target ~ #faq-f3 .faq-button-icon::before,
#faq-f4-status:checked ~ #faq-f4 .faq-button-icon::before,
#faq-f4-status:target ~ #faq-f4 .faq-button-icon::before {
-webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition:transform 0.15s ease-out 0.1s;
  transition:transform 0.15s ease-out 0.1s;
}
  
#faq-f1-status:checked ~ #faq-f1 .faq-button-icon::after,
#faq-f1-status:target ~ #faq-f1 .faq-button-icon::after,
#faq-f2-status:checked ~ #faq-f2 .faq-button-icon::after,
#faq-f2-status:target ~ #faq-f2 .faq-button-icon::after,
#faq-f3-status:checked ~ #faq-f3 .faq-button-icon::after,
#faq-f3-status:target ~ #faq-f3 .faq-button-icon::after,
#faq-f4-status:checked ~ #faq-f4 .faq-button-icon::after,
#faq-f4-status:target ~ #faq-f4 .faq-button-icon::after  {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition:transform 0.15s ease-out 0.1s;
  transition:transform 0.15s ease-out 0.1s;
}

#faq .button-aktion-label {
  display:none;
  position:absolute;
  height:1px;
  width:1px;
  overflow:hidden;
}
 
#faq-f1 .faq-show-hide,#faq-f2 .faq-show-hide,#faq-f3 .faq-show-hide,#faq-f4 .faq-show-hide {
  position:relative;
  height:0;
  left:0;
  right:0;
  top:0;
  width:100%;
  display:block;
  visibility:hidden;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  -webkit-transition:opacity 0.55s ease-out;
  transition:opacity 0.55s ease-out;
}

#faq-f1-status:checked ~ #faq-f1 .faq-sh-item-1,
#faq-f1-status:target ~ #faq-f1 .faq-sh-item-1,
#faq-f2-status:checked ~ #faq-f2 .faq-sh-item-2,
#faq-f2-status:target ~ #faq-f2 .faq-sh-item-2,
#faq-f3-status:checked ~ #faq-f3 .faq-sh-item-3,
#faq-f3-status:target ~ #faq-f3 .faq-sh-item-3,
#faq-f4-status:checked ~ #faq-f4 .faq-sh-item-4,
#faq-f4-status:target ~ #faq-f4 .faq-sh-item-4 {
  height:auto;
  pointer-events:auto;
  visibility:visible;
  opacity:1;
  -webkit-transition:opacity 0.55s ease-out;
  transition:opacity 0.55s ease-out;
}

#faq .faq-antwort {
  font-size:0.9em;
  padding-top:1em;
  margin-right:35px;
}

@media only screen and (max-width:728px) {
  #faq .faq-antwort {
    margin-right:0;
      -webkit-hyphens:auto;
  hyphens:auto;
  overflow-wrap:break-word;
  }  
}

/* --------------------------- *\
   FOOTER
\* --------------------------- */