/* Abschnitt „Wer dahinter steckt“ (Michael 09.11.2026): große Fotos, ruhige Karten, eigene Klassen (gr-), Farben nur über Variablen (Orange-Schicht greift) */
.gr-sec .gr-kopf{max-width:620px;margin:0 auto 40px;text-align:center}
.gr-sec .gr-kopf h2{margin:12px 0 12px;text-wrap:balance}
.gr-sec .gr-kopf p{color:var(--text-2);font-size:17px;line-height:1.6;margin:0}
.gr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto}
.gr-karte{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.07)}
.gr-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:#151517}
.gr-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.gr-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,var(--card),transparent)}
.gr-name{position:absolute;left:24px;bottom:18px;z-index:1}
.gr-name h3{margin:0;font-size:26px;line-height:1.15;color:var(--text)}
.gr-rolle{display:block;margin-top:6px;font-size:14px;font-weight:600;color:var(--accent)}
.gr-text{padding:6px 24px 26px}
.gr-text p{margin:0;color:var(--text-2);font-size:16px;line-height:1.65}
.gr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;list-style:none}
.gr-chips li{font-size:13px;line-height:1;padding:8px 11px;border-radius:999px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){
  .gr-grid{grid-template-columns:1fr;gap:20px;max-width:420px}
  .gr-name h3{font-size:24px}
}