/**
 * eigengrund Personen – Block eigengrund/person-aussage
 *
 * Ergänzt person-card.css, ändert dort nichts: Der Wrapper trägt zusätzlich
 * .eg-person-card, damit Fläche, Rahmen, __foto, __name, __rolle, __label und
 * __link unverändert von der bestehenden Karte kommen.
 *
 * Selektoren zweistufig wie in person-card.css – sonst überschreibt die
 * Theme-Regel ".entry-content p" (0,1,1) Größe, Farbe und Zeilenhöhe.
 * Beim Wrapper zwei Klassen am selben Element (.eg-person-card.eg-person-card--aussage),
 * weil ".entry-content figure" sonst die Außenabstände bestimmt.
 *
 * fonts.css lädt nur Newsreader 400 / 300 italic und Inter 400 / 500 –
 * daher keine Gewichte über 500.
 */

/* ── BASIS ─────────────────────────────────────────────────── */

/* Kompakt genug, um über dem Fließtext zu stehen: kein margin-top wie bei
   --compact (space-lg), das unter dem Artikel sitzt. */
.eg-person-card.eg-person-card--aussage {
  padding: var(--eg-space-md);
  margin: 0 0 var(--eg-space-md);
}

/* Schrift am Container, nicht an den <p>: Im Editor steht der RichText-Inhalt
   ohne Absatz-Tags, im Frontend in <p> (wpautop). Beides sieht damit gleich aus. */
.eg-person-card .eg-person-card__aussage {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--eg-text-muted);
}
.eg-person-card .eg-person-card__aussage p {
  margin: 0 0 .5rem;
  font: inherit;
  color: inherit;
}
.eg-person-card .eg-person-card__aussage p:last-child { margin-bottom: 0; }
.eg-person-card .eg-person-card__aussage a { color: var(--eg-accent); }
.eg-person-card .eg-person-card__aussage a:hover { color: var(--eg-amber); }

.eg-person-card--aussage .eg-person-card__label { margin-bottom: .5rem; }

/* Urheberzeile – in der Kurzantwort ein <div>, im Zitat die <figcaption>. */
.eg-person-card .eg-person-card__urheber {
  display: flex;
  align-items: center;
  gap: var(--eg-space-sm);
  margin: var(--eg-space-sm) 0 0;
  padding-top: var(--eg-space-sm);
  border-top: .5px solid var(--eg-border);
}
.eg-person-card .eg-person-card__urheber-text { min-width: 0; }

.eg-person-card--aussage .eg-person-card__foto { width: 48px; height: 48px; }
.eg-person-card--aussage .eg-person-card__name {
  font-size: 17px;
  line-height: 1.3;
}
.eg-person-card--aussage .eg-person-card__rolle {
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

/* ── KURZANTWORT ───────────────────────────────────────────── */

/* Zwei Klassen am Wrapper (0,3,0) → schlägt die Basisregel (0,2,0) oben. */
.eg-person-card.eg-person-card--aussage-kurzantwort .eg-person-card__aussage {
  font-size: 17px;
  line-height: 1.7;
  color: var(--eg-text);
}

/* ── ZITAT ─────────────────────────────────────────────────── */

/* Akzentkante wie bei --compact */
.eg-person-card.eg-person-card--aussage-zitat {
  border-left: 2px solid var(--eg-amber);
}
.eg-person-card.eg-person-card--aussage-zitat .eg-person-card__aussage {
  font-family: var(--eg-font-serif);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.6;
  color: var(--eg-text);
}

@media (max-width: 600px) {
  .eg-person-card.eg-person-card--aussage { padding: var(--eg-space-sm); }
}