/* Ergänzungen für die WordPress-Fassung (01.11.2026) */
.credit{font:12px/1.4 Inter,'Helvetica Neue',Arial;color:#5f6672;margin:4px 0 8px}.credit a{color:inherit;text-decoration:underline;display:inline!important}
figcaption{font-size:12px!important;line-height:1.4!important;color:#5f6672!important}
.rechtstext h2{font:800 24px/1.15 'Barlow Condensed','Avenir Next Condensed',sans-serif;margin:30px 0 8px;color:var(--navy)}
.nav-links{display:flex;gap:18px;margin:28px 0;font:700 14px Inter,'Helvetica Neue',Arial}
.fehlerseite{padding:80px 0;text-align:center}.fehlerseite h1{font:800 56px/1 'Barlow Condensed',sans-serif;color:var(--navy)}
img.bild{object-fit:cover;width:100%}
/* Handy (01.11.2026): Profil- und Leistungsseite brachten eigene Abstände ohne Umbruch mit */
@media (max-width:820px){
.innen{padding-left:16px!important;padding-right:16px!important}
.held .innen,.zwei,.oben,.band .innen,.raster{grid-template-columns:1fr!important}
.held .innen{gap:28px;padding-top:36px;padding-bottom:36px}
.held h1{font-size:40px!important}
.portrait img{height:420px}
.kontakt .innen{flex-direction:column;align-items:flex-start;gap:18px}
header .innen{flex-wrap:wrap;gap:12px}
nav{display:flex;flex-wrap:wrap;gap:8px 16px}nav a{margin-left:0}
.leiste .innen{flex-wrap:wrap;gap:6px 16px}
.klein{grid-template-columns:110px 1fr}
img,svg,video,iframe{max-width:100%}
}
@media (max-width:520px){.bausteine{grid-template-columns:1fr!important}}
.bausteine>div,.zwei>*,.oben>*{min-width:0;overflow-wrap:break-word}

/* Gestaltungsprüfung 01.11.2026 (Norbert: „ja, alle 6“) */
.aufmacher{font:800 36px/1.05 'Barlow Condensed','Avenir Next Condensed',Inter,'Helvetica Neue';margin:0 0 12px;color:var(--navy)}
.nur-vorleser{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:820px){.aufmacher{font-size:34px}}
@media (max-width:520px){
nav{display:grid!important;grid-template-columns:repeat(4,auto);justify-content:space-between;width:100%;gap:10px 8px}
header nav a{font-size:13px;letter-spacing:.5px;margin-left:0}
nav a.yn{grid-column:1/-1;justify-self:start}
.held .zahlen{flex-wrap:wrap;gap:18px 28px}
}

/* Teilen-Leiste unter dem Artikel (01.11.2026): Logos in Markenfarbe auf runder Fläche, Name darunter (Vorbild tagesschau.de) */
.teilen{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 6px;margin:34px 0 8px;padding-top:18px;border-top:1px solid #e3e6ea}
.teilen-titel{flex-basis:100%;font:700 13px Inter,'Helvetica Neue',Arial;letter-spacing:1px;text-transform:uppercase;color:var(--navy)}
.teilen a,.teilen button{display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;padding:0;background:none;border:0;text-decoration:none;cursor:pointer;color:#3c4654}
.teilen .t-kreis{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#f0f2f5;color:var(--navy)}
.teilen .t-name{font:600 12px Inter,'Helvetica Neue',Arial;line-height:1.2;text-align:center;white-space:nowrap}
.teilen a:hover .t-kreis,.teilen button:hover .t-kreis{background:#dfe3e9}
.teilen a:focus-visible,.teilen button:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:8px}
.teilen [hidden]{display:none}

/* Newsletter-Anmeldung (01.11.2026) */
.nl-kasten{background:var(--hell);border-left:5px solid var(--gold);padding:22px 24px;margin:30px 0 10px;border-radius:4px}
.nl-start{margin-top:40px}
.nl-titel{display:block;font:800 24px/1.15 'Barlow Condensed','Avenir Next Condensed',Inter,'Helvetica Neue';color:var(--navy);margin:0 0 12px}
.nl-zeile{display:flex;gap:10px;flex-wrap:wrap}
.nl-zeile input[type=email]{flex:1 1 220px;min-width:0;font:16px Inter,'Helvetica Neue',Arial;padding:11px 12px;border:1px solid #b9c0ca;border-radius:6px;background:#fff;color:#111}
.nl-zeile button{font:700 15px Inter,'Helvetica Neue',Arial;padding:11px 20px;border:0;border-radius:6px;background:var(--navy);color:#fff;cursor:pointer}
.nl-zeile button:hover{background:#13305a}
.nl-hinweis{font:13px/1.5 Inter,'Helvetica Neue',Arial;color:#4a5361;margin:12px 0 0}
.nl-hinweis a{color:var(--navy)}
.nl-meldung{font:600 15px Inter,'Helvetica Neue',Arial;color:var(--navy);margin:10px 0 0;min-height:1em}

/* Ressortbilder (01.11.2026): Kacheln der Themen-Übersicht mit Bild, Köpfe der Ressortseiten mit Banner rechts */
.themen-raster a.mit-bild{padding:0;overflow:hidden;display:flex;flex-direction:column}
.themen-raster a.mit-bild .rbild{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.themen-raster a.mit-bild .rtext{padding:20px 24px 24px}
.themen-raster .rnennung{display:block;font:500 12px/1.3 Inter,'Helvetica Neue',Arial;color:#5f6672;padding:8px 24px 0}
.thema-kopf.mit-bild{position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center}
.thema-kopf.mit-bild>.innen{position:relative;width:100%}
.thema-kopf.mit-bild p{max-width:580px}
.thema-kopf .kbild{position:absolute;top:0;bottom:0;right:0;left:44%;background-size:cover;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}
.thema-kopf .knennung{position:absolute;right:12px;bottom:8px;font:500 11px Inter,'Helvetica Neue',Arial;color:rgba(255,255,255,.65)}
@media (max-width:700px){.thema-kopf .kbild{left:0;opacity:.45;-webkit-mask-image:none;mask-image:none}.thema-kopf.mit-bild{min-height:220px}}