/* ==========================================================================
   Baukasten-Abschnitte (Frontend) — nutzt das Layoutsystem aus theme.css
   und ergänzt nur, was die Bausteine zusätzlich brauchen.
   ========================================================================== */

/* ------------------------------------------- Karten: Grün/Weiß im Wechsel */

.al-b .k-block.al-b-card--gruen {
  background: var(--green);
  border-color: var(--green);
}
.al-b .k-block.al-b-card--gruen h3 { color: var(--cream); }
.al-b .k-block.al-b-card--gruen p { color: rgba(244, 239, 233, .76); }

/* --------------------------------------------------------- Zitat: mittig */

.al-b--zitat .quote {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

/* --------------------------------------------------- Fragen & Antworten */

.k-faq { display: flex; flex-direction: column; gap: 12px; }
.k-faq details {
  background: var(--bg);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-md);
  padding: 18px 24px;
}
.k-faq summary {
  cursor: pointer; list-style: none;
  font: 500 17px/1.45 var(--sans);
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
}
.k-faq summary::-webkit-details-marker { display: none; }
.k-faq summary::after {
  content: "+";
  font-weight: 400; font-size: 24px; line-height: 1;
  color: var(--green); flex: none;
}
.k-faq details[open] summary::after { content: "–"; }
.k-faq .body-text { margin: 12px 0 0; max-width: 70ch; }

/* ------------------------------- Lesbarkeit auf dunkelgrünem Grund (ink) */

.al-b.sec--ink .body-text,
.al-b.sec--ink .lead,
.al-b.sec--ink .k-statement,
.al-b.sec--ink .note { color: rgba(247, 244, 238, .82); }

.al-b.sec--ink .k-block {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .16);
}
.al-b.sec--ink .k-block h3 { color: var(--cream); }
.al-b.sec--ink .k-block p { color: rgba(247, 244, 238, .82); }

.al-b.sec--ink .eyebrow { color: var(--gold-soft); }
.al-b.sec--ink .quote blockquote { color: var(--cream); }
.al-b.sec--ink .quote figcaption { color: rgba(247, 244, 238, .7); }
.al-b.sec--ink .k-chain li { color: rgba(247, 244, 238, .92); }
.al-b.sec--ink .k-chain li::after { color: rgba(247, 244, 238, .45); }
.al-b.sec--ink .k-chain--pill li {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .16);
}
.al-b.sec--ink .fineprint { color: rgba(247, 244, 238, .6); }
.al-b.sec--ink .k-faq details { border-color: rgba(255, 255, 255, .16); }