/* ─────────────────────────────────────────────────────────────
   FAQ-Karten (details/summary, ohne JavaScript)
   Muster: lightbox.css – eine Komponenten-Datei statt Inline-Styles
   auf jeder Seite. Die Werte sind 1:1 aus den bisherigen Inline-
   Styles uebernommen, damit sich die Optik nicht veraendert.
   ───────────────────────────────────────────────────────────── */

.faq-item {
  background: var(--white);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  margin-bottom: 14px;
  box-shadow: var(--shadow-sm);
}

.faq-item summary {
  font-weight: 600;
  cursor: pointer;
  color: var(--purple-800);
}

.faq-item > p {
  margin-top: 12px;
  color: var(--gray-600);
}

/* Variante fuer FAQ-Abschnitte mit weissem Hintergrund
   (z. B. Brunnenpumpen): Karte und Sektion tauschen die Farben. */
.faq-item--alt {
  background: var(--purple-50);
}