header{background-color:#FFF!important;}

#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #D42F35;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
line-height:1;
font-size:2rem;
opacity:.8;
}
@media (min-width:571px){
#myBtn {
font-size:3rem;
    bottom: 20px;
    right: 30px;
    padding: 15px;opacity:1;
   
}
}
#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}



/* Weiß */
.weiss {
  background-color: #FFFFFF;
}

/* Grün */
.gruen {
  background-color: #75a658;
}

.gruen-50 {
  background-color: #97b87c;
}

.gruen-30 {
  background-color: #b7cca1;
}

.gruen-10 {
  background-color: #e4eadb;
}

/* Blau */
.blau {
  background-color: #5a90cc;
}

.blau-50 {
  background-color: #85a7d8;
}

.blau-30 {
  background-color: #aabfe4;
}

.blau-10 {
  background-color: #eff2fa;
}

/* Türkis */
.tuerkis {
  background-color: #93cfca;
}

.tuerkis-50 {
  background-color: #afdad7;
}

.tuerkis-30 {
  background-color: #c8e5e3;
}

.tuerkis-10 {
  background-color: #dff0ef;
}
.weiss {
  fill: #FFFFFF;
}

/* Grün */
.gruen {
  fill: #75a658;
}

.gruen-50 {
  fill: #97b87c;
}

.gruen-30 {
  fill: #b7cca1;
}

.gruen-10 {
  fill: #e4eadb;
}

/* Blau */
.blau {
  fill: #5a90cc;
}

.blau-50 {
  fill: #85a7d8;
}

.blau-30 {
  fill: #aabfe4;
}

.blau-10 {
  fill: #eff2fa;
}

/* Türkis */
.tuerkis {
  fill: #93cfca;
}

.tuerkis-50 {
  fill: #afdad7;
}

.tuerkis-30 {
  fill: #c8e5e3;
}

.tuerkis-10 {
  fill: #dff0ef;
}
.bg-asym{
border-radius: 2rem;
transform: perspective(511px) rotateY(2deg) rotateX(-9deg);

}

.faq {
    max-width: 1100px;
    margin: auto;
    margin-bottom: 16px;
    border-bottom: solid;
    padding-bottom: 16px;
}