/* ============================================================
   FAQ-Block (theme/theme-faq.php)
   Eigenständige Datei – wird NICHT aus style.scss kompiliert.
   ============================================================ */

.block-faq {
  padding: 50px 0 60px;
  /* Sand-/Papier-Hintergrund wie die übrigen Sektionen (lokal im Theme). */
  background: url("../images/seestueck-prerow-background-white.jpg") no-repeat center center;
  background-size: cover;
}
/* Ab 768px erscheint der absolute "#beginn"-Button (top:120px) – genug
   Oberraum schaffen, damit die Überschrift nicht damit/dem Header kollidiert. */
@media (min-width: 768px) {
  .block-faq {
    padding: 120px 0 90px;
  }
}

.block-faq .faq-heading {
  margin: 0 0 28px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #1f4654;
  text-align: center;
}

.block-faq .faq-list {
  max-width: 840px;
  margin: 0 auto;        /* Akkordeon-Block zentriert (Frage/Antwort bleiben linksbündig = lesbar) */
}

/* Einzelner Eintrag (details) */
.block-faq .faq-item {
  border-bottom: 1px solid #e3e3e3;
}
.block-faq .faq-item:first-child {
  border-top: 1px solid #e3e3e3;
}

/* Frage (summary) – Akkordeon-Toggle */
.block-faq .faq-question {
  position: relative;
  display: block;
  list-style: none;            /* Standard-Dreieck weg */
  cursor: pointer;
  margin: 0;
  padding: 18px 44px 18px 0;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.15rem;
  line-height: 1.35;
  color: #2c2c2c;
  transition: color 0.2s ease;
}
.block-faq .faq-question::-webkit-details-marker { display: none; }  /* Safari/Chrome */
.block-faq .faq-question::marker { content: ""; }                    /* Firefox */

.block-faq .faq-question:hover {
  color: #55a2b2;
}

/* +/– Indikator rechts */
.block-faq .faq-question::after {
  content: "+";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  color: #55a2b2;
}
.block-faq .faq-item[open] .faq-question {
  color: #55a2b2;
  font-weight: 700;
}
.block-faq .faq-item[open] .faq-question::after {
  content: "\2013"; /* – */
}

/* Antwort */
.block-faq .faq-answer {
  padding: 2px 44px 22px 0;
  line-height: 1.65;
  color: #555;
}
.block-faq .faq-answer p {
  margin: 0 0 1em;
}
.block-faq .faq-answer p:last-child {
  margin-bottom: 0;
}