/* Nachgefragt: kurze Gespraeche vor Ort (seit 31.10.2026). Volle Inhaltsbreite, Spalten statt schmaler Textsaeule. */
.ng-seite{padding-top:40px}
.ng-seite h1{margin:6px 0 12px; font-size:clamp(2rem,3.4vw,3rem); line-height:1.1}
.ng-kicker{display:inline-block; background:var(--gruen); color:#fff; font-weight:700; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; border-radius:999px; padding:5px 14px 4px}
.ng-teaser{font-size:1.2rem; color:var(--ink); margin:0 0 14px}
.ng-meta{color:var(--muted); font-size:.95rem; margin:0 0 18px}
.ng-zurueck{display:inline-block; margin-bottom:18px; font-weight:600}
.ng-zurueck::before{content:"\2190"; margin-right:8px}
.ng-h2{font-size:1.4rem; margin:34px 0 14px}
.ng-kopf{display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:48px; align-items:start}
.ng-kopf-text p{margin:0 0 14px}
.ng-kapitel{list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px}
.ng-kapitel button{width:100%; text-align:left; background:var(--sand); border:1px solid var(--line); border-radius:10px; padding:10px 14px; font:inherit; color:var(--ink); cursor:pointer; display:flex; gap:12px; align-items:baseline}
.ng-kapitel button:hover{border-color:var(--gruen); background:var(--gruen-hell)}
.ng-t{font-weight:700; color:var(--gruen); min-width:3.2em; font-variant-numeric:tabular-nums}
.ng-video-spalte{position:sticky; top:96px}
.ng-video .vid-fassade{aspect-ratio:9/16; padding:0; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; padding:22px; background:#1d2b23 var(--ng-poster) center/cover no-repeat; border:0}
.ng-video .vid-fassade::before{background:linear-gradient(180deg, rgba(20,34,28,0) 35%, rgba(20,34,28,.88) 100%)}
.ng-video .vid-fassade > *{position:relative; z-index:1}
.ng-video .vid-titel{color:#fff; font-size:1.25rem}
.ng-video .vid-fassade p{color:#e4ebe6; font-size:.85rem; margin:0}
.ng-video .vid-load{align-self:flex-start}
.ng-video .vid-rahmen{aspect-ratio:9/16}
.ng-bald{position:relative}
.ng-bald img{border-radius:14px; aspect-ratio:9/16; object-fit:cover; width:100%}
.ng-bald p{position:absolute; left:16px; bottom:16px; color:#fff; font-weight:700}
.ng-raster{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr); gap:28px; margin-top:44px; align-items:start}
.ng-raster .ng-h2{margin-top:0}
.ng-fakten,.ng-audio{background:var(--sand); border:1px solid var(--line); border-radius:var(--radius); padding:24px 26px}
.ng-fakten dl > div{display:grid; grid-template-columns:7.5em 1fr; gap:12px; padding:9px 0; border-bottom:1px solid var(--line)}
.ng-fakten dl > div:last-child{border-bottom:0}
.ng-fakten dt{font-weight:700; color:var(--gruen-dunkel)}
.ng-quelle{font-size:.8rem; margin-left:6px; white-space:nowrap}
.ng-portrait img{border-radius:var(--radius); width:100%; aspect-ratio:4/5; object-fit:cover}
.ng-portrait figcaption{margin-top:10px; font-size:.95rem; color:var(--muted)}
.ng-portrait figcaption strong{display:block; color:var(--ink); font-size:1.05rem}
.ng-audio audio{width:100%; margin:12px 0 8px}
.ng-klein{font-size:.85rem; color:var(--muted); margin:0}
.ng-galerie{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.ng-galerie img{border-radius:12px; width:100%; aspect-ratio:4/5; object-fit:cover}
.ng-galerie figcaption{font-size:.85rem; color:var(--muted); margin-top:6px}
.ng-abschrift{columns:2; column-gap:48px}
.ng-abschrift h3{font-size:1.05rem; color:var(--gruen); margin:18px 0 8px; break-after:avoid}
.ng-abschrift h3:first-child{margin-top:0}
.ng-abschrift p{margin:0 0 12px; break-inside:avoid}
.ng-wer{display:block; font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:2px}
.ng-frage{font-weight:700}
.ng-hinweis{margin-top:34px; padding:16px 20px; border-left:4px solid var(--gruen); background:var(--gruen-hell); border-radius:0 10px 10px 0; font-size:.95rem}
.ng-fuss{margin-top:22px; color:var(--muted)}
/* Uebersicht */
.ng-karten{display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:26px; margin-top:28px}
.ng-karte{display:grid; grid-template-columns:150px 1fr; gap:18px; background:var(--sand); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; color:var(--ink); transition:box-shadow .2s}
.ng-karte:hover{box-shadow:var(--schatten)}
/* neuestes Gespraech als Aufmacher ueber die volle Breite */
.ng-aufmacher{grid-column:1/-1; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:34px}
.ng-karte.ng-aufmacher img{width:100%; height:100%; min-height:340px; aspect-ratio:1200/630}
.ng-aufmacher .ng-karte-text{padding:34px 34px 34px 0; display:flex; flex-direction:column; justify-content:center}
.ng-aufmacher h2{font-size:2rem}
.ng-aufmacher p{font-size:1.1rem}
.ng-karte img{width:150px; height:100%; min-height:220px; object-fit:cover}
.ng-karte-text{padding:18px 18px 18px 0}
.ng-karte-datum{font-size:.85rem; color:var(--muted)}
.ng-karte h2{font-size:1.3rem; margin:4px 0 8px}
.ng-karte p{margin:0 0 10px}
.ng-mehr{font-weight:700; color:var(--gruen)}
.ng-mehr::after{content:" \2192"}
@media (max-width:1100px){ .ng-raster{grid-template-columns:1fr 1fr} .ng-audio{grid-column:1 / -1} .ng-galerie{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){ .ng-kopf{display:flex; flex-direction:column; gap:0; align-items:stretch} .ng-kopf-text{display:contents} .ng-kopf-text > *{order:2; margin-top:0} .ng-kopf-text > h2{margin-top:14px} .ng-kopf-text > h1{margin-bottom:12px} .ng-kopf-text > .ng-kicker{order:0; align-self:flex-start; margin-bottom:10px} .ng-kopf-text > h1,.ng-kopf-text > .ng-teaser,.ng-kopf-text > .ng-meta{order:0} .ng-video-spalte{order:1; position:static; max-width:420px; margin:6px auto 22px; width:100%} .ng-kapitel{grid-template-columns:1fr} .ng-abschrift{columns:1} }
@media (max-width:900px){ .ng-karte.ng-aufmacher{grid-template-columns:1fr; gap:0} .ng-karte.ng-aufmacher img{width:100%; min-height:0} .ng-aufmacher .ng-karte-text{padding:22px} .ng-aufmacher h2{font-size:1.5rem} }
@media (max-width:640px){ .ng-raster{grid-template-columns:1fr} .ng-galerie{grid-template-columns:repeat(2,minmax(0,1fr))} .ng-karte{grid-template-columns:110px 1fr} .ng-karte img{width:110px} }
/* Kapitel der Abschrift nie ueber zwei Spalten reissen */
.ng-kap{break-inside:avoid; page-break-inside:avoid; display:block}