/* Block „RF Fragen“ – template-parts/blocks/rf-faq.php */

.rf-faq {
  /* Bezug für 100cqw: volle Breite ohne Scrollleiste */
  container-type: inline-size;
  position: relative;
  overflow: hidden;
  min-height: 880px;
  background-color: var(--sky);
}
.rf-faq--mark {
  position: absolute;
  top: 26px;
  left: max(0px, (100cqw - 1500px) / 2 - 58px);
  width: 494px;
  height: auto;
}
.rf-faq--inner {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 637px;
}
.rf-faq .rf-heading {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 40px;
}
.rf-faq--item {
  border-bottom: 1px solid var(--navy);
  color: var(--navy);
}
.rf-faq--item summary {
  position: relative;
  padding: 30px 60px 30px 0;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 300;
  list-style: none;
  cursor: pointer;
}
.rf-faq--item summary::-webkit-details-marker {
  display: none;
}
.rf-faq--item summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 26px;
  font-size: 38px;
  line-height: 1.2;
}
.rf-faq--item[open] summary::after {
  content: "–";
}
.rf-faq--answer {
  max-width: 660px;
  padding-bottom: 40px;
}
.rf-faq--answer p {
  color: var(--navy);
}
.rf-faq--answer a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 1399px) {
  .rf-faq {
    min-height: 0;
  }
  .rf-faq--mark {
    width: 28%;
    left: 0;
  }
  .rf-faq--inner {
    padding-left: 33%;
  }
  .rf-faq--item summary {
    font-size: 25px;
  }
}
@media (max-width: 991px) {
  .rf-faq--mark {
    display: none;
  }
  .rf-faq--inner {
    padding: 60px 50px;
  }
  .rf-faq .rf-heading {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .rf-faq--inner {
    padding: 50px 25px;
  }
  .rf-faq--item summary {
    padding: 22px 45px 22px 0;
    font-size: 21px;
  }
  .rf-faq--item summary::after {
    top: 16px;
  }
}

/* Smartphone: kleines Fragezeichen über der Überschrift */
@media (max-width: 767px) {
  .rf-faq--mark {
    display: block;
    position: relative;
    top: auto;
    left: 25px;
    width: 96px;
    margin-top: 50px;
  }
  .rf-faq--inner {
    padding-top: 25px;
  }
}