/* Über ASI — seiten-eigene Ergänzungen (Bausteine: siehe PAGE-KIT.md) */

/* Breadcrumbs im Ink-Hero lesbar halten */
.page-hero--ink .breadcrumbs .current { color: #fff; }
.page-hero--ink .breadcrumbs .sep { color: rgba(255,255,255,0.35); }

/* Stimmen: Zitat in Display-Schrift innerhalb der Karten */
.voice-quote {
  font-family: var(--font-display);
  font-size: clamp(20px, 1.9vw, 24px);
  font-weight: 400; line-height: 1.4; letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 32px;
}
.voice-quote::before { content: '„'; }
.voice-quote::after { content: '“'; }

/* Chapter-Karte „Du bist hier“ (invertiert) */
.card--here { background: var(--ink); border-color: var(--ink); }
.card--here .card__title { color: #fff; }
.card--here .card__sub { color: rgba(255,255,255,0.65); }
.card--here .card__desc { color: rgba(255,255,255,0.75); }
.card--here .card__foot { border-top-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.65); }
.card--here .card__foot strong { color: #fff; }

/* CTA-Split: Pfeil-Bullets + betonte Karte */
.arrow-list { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.arrow-list li { display: flex; gap: 12px; font-size: 16px; line-height: 1.55; color: var(--ink-soft); }
.arrow-list li::before { content: '→'; color: var(--blue); flex-shrink: 0; }
.cta-card--featured { border: 2px solid var(--ink); }

/* Vorstand: 5 Rollen-Kacheln */
.vorstand-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.vorstand-tile {
  background: #fff;
  border: 1px solid var(--line-onW);
  border-radius: var(--r-4);
  padding: 32px 20px;
  text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.vorstand-tile .person__role { margin-top: 0; }

@media (max-width: 960px) {
  .vorstand-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .vorstand-grid { grid-template-columns: 1fr; }
}