/* ueber uns */

#intro {
  background-color: hsla(44, 15%, 44%, 0.3);
}


#whitespots.box {
  background-color: hsla(44, 15%, 44%, 1);
  border: none;
}


.brandWhitespots {
  border-bottom: 1px solid;
  border-top: none;
  padding-top: 14px;
  padding-bottom: 10px;
}

.brandWhitespots:first-of-type {
  border-top: 1px solid;
}

.collapsible {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 2em; /* Platz für den Pfeil */
}


/* Style the collapsible content. Note: hidden by default */
.content {
  display: none;
  overflow: hidden;
}

.collapsible:after {
  content: "ˇ";
  position: absolute;
  right: 0.5em;
  top: 30%;
  padding: 0;
  font-size: 1.2em;
}

.collapsible.active:after {
  content: "ˆ"; /* Pfeil nach oben */
}



.whitespots-conditions {
  margin-top: 3em; /* Abstand vor dem Block */
}

.whitespots-conditions h4 {
  margin-bottom: 0.75em; /* Kleiner Abstand nach h4 */
}

.whitespots-conditions h2 {
  margin-top: 1em;      /* Großer Abstand zwischen Conditions */
  margin-bottom: 0.2em; /* Kleiner Abstand zum Text */
}

.whitespots-conditions p {
  margin-bottom: 0.5em; /* Abstand nach jedem Text */
}