/* KI-Zeitung als Magazin. Wird nach antwortraum.css geladen und setzt Farbe, Schrift, Kopf, Fuss und Seitenkopf neu.
   Vorbilder (am 07.11.2026 angesehen): semafor.com, restofworld.org, markt-kom.com. Kein Creme, keine Eyebrows, Bilder mit Rolle. */
:root {
  --paper: #fff;
  --paper-2: #f4f4f2;
  --rule: #e3e3e3;
  --rule-strong: #111;
  --ink: #111;
  --ink-2: #4b4f57;
  --ink-3: #6f737a;
  --mark: #111;
  --mark-soft: #fff3bf;
  --mark-ink: #111;
  --gelb: #ffe27a;
  --signal: "Source Serif", Georgia, serif;
  --page: 80rem;
}
body { background: #fff; }
a:hover { color: var(--ink); text-decoration-color: var(--ink); }

/* ---------- Kopf: Schriftzug mittig, Rubriken zwischen Linien ---------- */
.mag-kopf { border-top: 6px solid var(--ink); }
.mag-kopf .wrap { padding-top: var(--s-4); }
.mag-datum { display: flex; justify-content: space-between; font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-2); }
.mag-marke { display: block; width: fit-content; margin: var(--s-2) auto 0; font-family: var(--serif); font-weight: 700; font-size: clamp(2.5rem, 1.5rem + 4vw, 5rem); letter-spacing: -0.035em; line-height: 1; text-decoration: none; color: var(--ink); }
.mag-marke span { background: linear-gradient(var(--gelb), var(--gelb)) no-repeat 0 82% / 100% 34%; }
.mag-claim { text-align: center; margin: var(--s-2) 0 0; font-family: var(--sans); font-size: var(--t-sm); color: var(--ink-2); }
.mag-rubriken { margin-top: var(--s-4); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); display: flex; justify-content: center; flex-wrap: wrap; gap: var(--s-1) var(--s-6); padding: var(--s-2) 0; font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; }
.mag-rubriken a { text-decoration: none; padding: var(--s-1) 0; white-space: nowrap; }
.mag-rubriken a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--gelb); }
.mag-kopf.klein .mag-marke { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); }
.mag-kopf.klein .mag-claim { display: none; }

/* ---------- Seitenkopf aller Unterseiten: wie ein Artikel ---------- */
main .ankunft { text-align: center; max-width: 52rem; margin: 0 auto; padding-top: var(--s-6); }
main .ankunft .riesig { font-family: var(--serif); font-weight: 700; letter-spacing: -0.02em; line-height: 1.06; margin: 0; }
main .ankunft .h1-gross { display: block; font-family: var(--serif); font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem); text-transform: none; letter-spacing: -0.02em; }
main .ankunft .h1-zusatz { display: block; margin-top: var(--s-3); font-family: var(--serif); font-weight: 400; font-size: var(--t-lg); color: var(--ink-2); letter-spacing: 0; }
main .ankunft .antwort, main .ankunft .unter { text-align: left; font-size: 1.15rem; max-width: 42rem; margin-left: auto; margin-right: auto; }
main .ankunft .blick, main .ankunft .kacheln, main .ankunft .frage-zitat, main .ankunft > p { text-align: left; margin-left: auto; margin-right: auto; max-width: 42rem; }
.meta-zeile { text-align: center; }
.pfad ol { justify-content: center; }
.titelbild { margin: var(--s-6) auto 0; max-width: 64rem; }
.titelbild img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.titelbild figcaption { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); margin-top: var(--s-2); text-align: left; }

/* Offenlegung am Seitenende statt oben */
.hinweis-ende { max-width: var(--measure); margin: var(--s-7) 0 0; padding-top: var(--s-3); border-top: 1px solid var(--rule); font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); }
.hinweis-ende strong { font-weight: 600; }

/* Überschriften in der Serifenschrift */
main h2 { font-family: var(--serif); font-weight: 700; letter-spacing: -0.015em; }
main h3 { font-family: var(--serif); }

/* Firmenlogos */
.logo { display: inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 8px; border-radius: 4px; object-fit: contain; background: #fff; }
.logo-init { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 8px; border-radius: 4px; background: var(--paper-2); font: 700 10px/1 var(--sans); color: var(--ink-2); vertical-align: -4px; }
.kopf-logo { width: 56px; height: 56px; margin: 0 auto var(--s-4); border-radius: 12px; border: 1px solid var(--rule); padding: 6px; background: #fff; }

/* ---------- Fuss ---------- */
.mag-fuss { margin-top: var(--s-9); border-top: 6px solid var(--ink); padding: var(--s-6) 0 var(--s-8); font-family: var(--sans); font-size: var(--t-sm); color: var(--ink-2); }
.mag-fuss .wrap { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--s-5); }
.mag-fuss b { display: block; font-family: var(--serif); font-size: 1.6rem; color: var(--ink); margin-bottom: var(--s-2); }
.mag-fuss a { display: block; padding: 3px 0; text-decoration: none; }
.mag-fuss p { margin: 0 0 var(--s-2); max-width: 40ch; }
@media (max-width: 900px) {
  .mag-fuss .wrap { grid-template-columns: 1fr 1fr; }
  .mag-rubriken { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; gap: var(--s-5); }
  .mag-datum span + span { display: none; }
  main .ankunft { padding-top: var(--s-5); }
}

/* ---------- Titelseite ---------- */
.ts-oben { display: grid; grid-template-columns: 3fr 6fr 3fr; padding: var(--s-6) 0 var(--s-7); }
.ts-oben > * { padding: 0 var(--s-5); }
.ts-oben > * + * { border-left: 1px solid var(--rule); }
.ts-oben > :first-child { padding-left: 0; } .ts-oben > :last-child { padding-right: 0; }
.spalte-kopf { font-family: var(--sans); font-size: 0.95rem; font-weight: 700; margin: 0 0 var(--s-3); padding-bottom: var(--s-2); border-bottom: 2px solid var(--ink); }
.glance { list-style: none; margin: 0; padding: 0; counter-reset: g; }
.glance li { counter-increment: g; position: relative; padding: var(--s-3) 0 var(--s-3) 24px; border-bottom: 1px solid var(--rule); font-size: 1rem; line-height: 1.42; }
.glance li::before { position: absolute; left: 0; top: 13px; content: counter(g); font: 700 0.875rem var(--sans); }
.glance b { font-family: var(--sans); }
.quelle { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); margin-top: var(--s-2); }
.aufmacher { text-align: center; }
.aufmacher a { text-decoration: none; }
.aufmacher img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: var(--s-4); }
.aufmacher h2 { font-size: clamp(1.9rem, 1.2rem + 2vw, 3rem); line-height: 1.06; letter-spacing: -0.02em; margin: 0 0 var(--s-3); }
.aufmacher .dek { font-size: 1.15rem; line-height: 1.45; color: var(--ink-2); margin: 0 auto var(--s-3); max-width: 46ch; }
.artmeta { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); margin: 0; }
.neueste { list-style: none; margin: 0; padding: 0; }
.neueste li { padding: var(--s-3) 0; border-bottom: 1px solid var(--rule); display: grid; grid-template-columns: 1fr 84px; gap: var(--s-3); align-items: start; }
.neueste a { text-decoration: none; }
.neueste b { display: block; font-size: 1.02rem; line-height: 1.3; font-weight: 650; }
.neueste span { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); }
.neueste img { width: 84px; aspect-ratio: 1; object-fit: cover; }
.band { border-top: 1px solid var(--ink); padding: var(--s-5) 0 var(--s-7); }
.band-kopf { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--s-4); }
.band-kopf h2 { font-size: 1.9rem; margin: 0; }
.band-kopf a { font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; text-decoration: none; box-shadow: inset 0 -2px 0 var(--gelb); }
.drei { display: grid; grid-template-columns: repeat(3, 1fr); }
.drei > * { padding: 0 var(--s-5); } .drei > * + * { border-left: 1px solid var(--rule); } .drei > :first-child { padding-left: 0; } .drei > :last-child { padding-right: 0; }
.karte a { text-decoration: none; }
.karte img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; margin-bottom: var(--s-3); }
.karte h3 { font-size: 1.35rem; line-height: 1.2; margin: 0 0 var(--s-2); }
.karte p { font-size: 1rem; line-height: 1.5; color: var(--ink-2); margin: 0 0 var(--s-2); }
.krit { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); margin: 0 0 var(--s-3); }
.mini { list-style: none; margin: 0; padding: 0; font-family: var(--sans); font-size: var(--t-sm); }
.mini li { display: grid; grid-template-columns: 18px 1fr 70px 28px; gap: var(--s-2); align-items: center; padding: 6px 0; border-top: 1px solid var(--rule); }
.mini span { color: var(--ink-3); } .mini i { height: 5px; background: var(--ink); justify-self: start; } .mini em { font-style: normal; text-align: right; font-variant-numeric: tabular-nums; }
.liste-gross { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s-6); }
.liste-gross article { display: grid; grid-template-columns: 200px 1fr; gap: var(--s-4); padding: var(--s-4) 0; border-bottom: 1px solid var(--rule); }
.liste-gross img { width: 200px; aspect-ratio: 4 / 3; object-fit: cover; }
.liste-gross h3 { font-size: 1.25rem; line-height: 1.22; margin: 0 0 var(--s-2); }
.liste-gross a { text-decoration: none; }
.weiter { font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; box-shadow: inset 0 -2px 0 var(--gelb); }
.duo2 { display: grid; grid-template-columns: 1fr 1fr; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); text-align: left; margin-top: var(--s-4); }
.duo2 > div { padding: var(--s-3) var(--s-4) var(--s-4) 0; } .duo2 > div + div { padding: var(--s-3) 0 var(--s-4) var(--s-4); border-left: 1px solid var(--rule); }
.duo2 h4 { font-family: var(--sans); font-size: var(--t-xs); margin: 0 0 var(--s-2); }
.duo2 p { margin: 0; font-size: 1rem; line-height: 1.5; }
.nm { text-decoration: underline; text-decoration-color: #c9cdd4; text-underline-offset: 3px; }
.nm.beide { text-decoration: none; background: linear-gradient(var(--gelb), var(--gelb)) no-repeat 0 88% / 100% 72%; }
.bildzeile { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); margin-top: var(--s-2); text-align: left; }
@media (max-width: 980px) {
  .ts-oben { grid-template-columns: 1fr; }
  .ts-oben > * { padding: 0 !important; border: 0 !important; }
  .ts-oben > .aufmacher { order: -1; margin-bottom: var(--s-6); }
  
  .drei, .liste-gross { grid-template-columns: 1fr; }
  .drei > * { padding: 0 0 var(--s-5) !important; border: 0 !important; border-bottom: 1px solid var(--rule) !important; margin-bottom: var(--s-5); }
  .liste-gross article { grid-template-columns: 110px 1fr; }
  .liste-gross img { width: 110px; }
  .duo2 { grid-template-columns: 1fr; } .duo2 > div + div { border-left: 0; border-top: 1px solid var(--rule); padding-left: 0; }
}
.mag-claim { max-width: none; }
.aufmacher img { object-position: center 70%; }
.aufmacher img, .titelbild img, .karte img, .liste-gross img, .neueste img { height: auto; }
main .ankunft .h1-zusatz { max-width: none; margin-left: auto; margin-right: auto; text-align: center; }
main .ankunft .kacheln b { font-size: 1.35rem; overflow-wrap: anywhere; }
.kopf-logo { display: block; }
.liste-gross h2.h3 { font-size: 1.25rem; line-height: 1.22; margin: 0 0 var(--s-2); letter-spacing: -0.01em; }
.duo2 .duo-kopf { font-family: var(--sans); font-size: var(--t-xs); font-weight: 700; margin: 0 0 var(--s-2); }
.weiter, .band-kopf a { display: inline-block; padding: 6px 0; }
.ts-oben > div { min-width: 0; }
@media (max-width: 980px) { .ts-oben > div:not(.aufmacher) { margin-bottom: var(--s-6); } }
@media (max-width: 380px) {
  .preis-paar { display: grid; grid-template-columns: 1fr; gap: var(--s-1); }
  .klein-tabelle { display: block; overflow-x: auto; }
  .paar-wert { font-size: 0.8rem; }
  main h2 { overflow-wrap: anywhere; }
  .quer a { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 380px) { .tabelle-rahmen { max-width: 100%; overflow-x: auto; } }
/* Artikel */
.artikel { max-width: 42rem; margin: var(--s-7) auto 0; font-size: 1.15rem; line-height: 1.65; }
.artikel h2 { font-size: 1.6rem; line-height: 1.2; margin: var(--s-7) 0 var(--s-3); }
.artikel p { margin: 0 0 var(--s-4); max-width: none; }
.artikel .quellen { padding-left: 1.1em; font-family: var(--sans); font-size: var(--t-sm); line-height: 1.5; }
.artikel .quellen li { margin-bottom: var(--s-2); }
@media (max-width: 760px) {
  .vergleich.zahlen tr { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: var(--s-4); }
  .vergleich.zahlen tr > th[scope="row"] { grid-column: 1 / -1; display: block; padding: 0; }
  table.vergleich.zahlen { padding-top: 0; }
}
/* Kurz gemeldet */
.kurz-spalte { list-style: none; margin: 0; padding: 0; }
.kurz-spalte li { padding: var(--s-3) 0; border-bottom: 1px solid var(--rule); }
.kurz-spalte a { text-decoration: none; }
.kurz-spalte b { display: block; font-size: 1rem; line-height: 1.3; font-weight: 650; }
.kurz-spalte span { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); }
.kurz-liste { display: grid; gap: 0; max-width: var(--measure); }
.kurz { padding: var(--s-4) 0; border-bottom: 1px solid var(--rule); scroll-margin-top: var(--s-6); }
.kurz h2, .kurz h3 { font-size: 1.3rem; line-height: 1.25; margin: 0; }
.kurz p { margin: var(--s-2) 0 0; line-height: 1.5; }
.kurz .kurz-meta, .kurz .kurz-quelle { font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-3); }
.kurz-meta a { color: inherit; }
.kurz-liste.kurz-drei { max-width: none; grid-template-columns: repeat(3, 1fr); column-gap: var(--s-6); }
.kurz-drei .kurz { border-bottom: 0; padding-top: 0; }
.dossier-kopf { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-6); margin-bottom: var(--s-6); }
@media (max-width: 900px) {
  .kurz-liste.kurz-drei, .dossier-kopf { grid-template-columns: 1fr; }
  .kurz-drei .kurz { border-bottom: 1px solid var(--rule); padding: var(--s-4) 0; }
}
.karte .mini .logo { width: 20px; height: 20px; aspect-ratio: auto; margin: 0 var(--s-1) 0 0; object-fit: contain; }
.kurz.mit-bild { display: grid; grid-template-columns: 200px 1fr; gap: var(--s-5); align-items: start; }
.kurz.mit-bild img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.kurz-liste:has(.mit-bild) { max-width: 52rem; }
.kurz-drei .kurz.mit-bild { grid-template-columns: 1fr; gap: var(--s-3); }
@media (max-width: 640px) { .kurz.mit-bild { grid-template-columns: 1fr; gap: var(--s-3); } }

/* Box «Darum gehts» (Stil 20 Minuten/Blick, ab 10.11.2026) */
.artikel .darum{border-top:3px solid #141414;border-bottom:1px solid #d9d9d9;padding:14px 0 6px;margin:0 0 32px}
.artikel .darum h2{font-size:1rem;margin:0 0 8px;letter-spacing:0}
.artikel .darum ul{margin:0;padding-left:1.1em}
.artikel .darum li{margin:0 0 8px;line-height:1.45}

/* Kasten «Die Redaktion meint» (Meinung klar getrennt von den Fakten, ab 10.11.2026). Keine Eyebrow, kein Creme-Hintergrund */
.artikel .meinung{border:2px solid #141414;padding:20px 24px 8px;margin:40px 0 32px}
.artikel .meinung h2{margin:0 0 12px}

/* Live-Demo im Tool-Radar (z. B. Wobnimo) */
.tool-demo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #d9d9d9;padding:14px 16px;margin:12px 0}
.tool-demo wobnimo-mascot{width:120px;height:120px;display:block}
.tool-demo-knoepfe{display:flex;flex-wrap:wrap;gap:6px}
.tool-demo-knoepfe button{font:inherit;font-size:.85rem;padding:5px 10px;border:1px solid #141414;background:#fff;cursor:pointer;border-radius:3px}
.tool-demo-knoepfe button[aria-pressed="true"]{background:#141414;color:#fff}
.tool-demo .quelle{flex-basis:100%;margin:0;font-size:.8rem}

/* Archiv: Titel, darunter Rubrik und Datum */
.quellen.archiv li { display: block; }
.quellen.archiv .archiv-meta { display: block; margin-top: 2px; font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-2); }

/* Gastbeitrag: Kurzbio unter dem Text */
.gast-bio { margin-top: var(--s-6); padding-top: var(--s-3); border-top: 1px solid var(--ink); font-family: var(--sans); font-size: var(--t-sm); color: var(--ink-2); }

/* Kurzmeldungen: Anriss sichtbar, Rest zum Aufklappen */
.kurz-mehr { margin: var(--s-2) 0; }
.kurz-mehr > summary { display: inline-flex; align-items: center; gap: .4em; cursor: pointer; list-style: none; font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; color: var(--ink); padding: .35em 0; box-shadow: inset 0 -2px 0 var(--gelb); transition: box-shadow .2s ease; }
.kurz-mehr > summary::-webkit-details-marker { display: none; }
.kurz-mehr > summary::after { content: "+"; font-weight: 700; }
.kurz-mehr[open] > summary { box-shadow: inset 0 -2px 0 var(--rule); }
.kurz-mehr[open] > summary::after { content: "−"; }
.kurz-mehr[open] > summary { margin-bottom: var(--s-2); }
.kurz-mehr > summary:hover { box-shadow: inset 0 -4px 0 var(--gelb); }
.kurz-mehr > summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.kurz-weiter a { font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; text-decoration: none; box-shadow: inset 0 -2px 0 var(--gelb); }
@media (prefers-reduced-motion: reduce) { .kurz-mehr > summary { transition: none; } }

/* Kontaktformular */
form.kontakt { display: grid; gap: var(--s-3); max-width: 38rem; margin-top: var(--s-3); }
form.kontakt label { display: grid; gap: var(--s-1); font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; }
form.kontakt input, form.kontakt select, form.kontakt textarea { font: inherit; font-family: var(--sans); font-weight: 400; font-size: 1rem; padding: .7em .8em; border: 1px solid var(--ink); border-radius: 0; background: #fff; color: var(--ink); transition: box-shadow .2s ease; }
form.kontakt input:focus-visible, form.kontakt select:focus-visible, form.kontakt textarea:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--gelb); }
form.kontakt button { justify-self: start; font-family: var(--sans); font-weight: 700; font-size: 1rem; padding: .8em 1.4em; background: var(--ink); color: #fff; border: 0; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
form.kontakt button:hover { box-shadow: inset 0 -4px 0 var(--gelb); }
form.kontakt button:active { transform: scale(.98); }
form.kontakt .falle { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.formular-fehler { padding: var(--s-2) var(--s-3); border: 2px solid var(--ink); font-family: var(--sans); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { form.kontakt button, form.kontakt input, form.kontakt select, form.kontakt textarea { transition: none; } }

/* Artikelende: Mehr aus der Rubrik, als Karten mit Bild */
.weitere { margin-top: var(--s-7, 3.5rem); border-top: 6px solid var(--ink); padding-top: var(--s-3); }
.weitere-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); margin-bottom: var(--s-3); }
.weitere-kopf h2 { margin: 0; font-family: var(--serif); font-size: var(--t-xl, 1.6rem); letter-spacing: -0.02em; }
.weitere-kopf a { font-family: var(--sans); font-size: var(--t-sm); font-weight: 600; text-decoration: none; box-shadow: inset 0 -2px 0 var(--gelb); white-space: nowrap; }
.weitere ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-4); }
.weitere li { margin: 0; padding: 0; }
.weitere li a { display: grid; grid-template-columns: 7.5rem 1fr; gap: var(--s-3); align-items: start; text-decoration: none; color: var(--ink); padding-bottom: var(--s-3); border-bottom: 1px solid var(--rule); }
.weitere img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; transition: opacity .2s ease; }
.weitere b { display: block; font-family: var(--serif); font-weight: 700; font-size: 1.05rem; line-height: 1.25; transition: box-shadow .2s ease; }
.weitere small { display: block; margin-top: var(--s-1); font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-2); }
.weitere li a:hover b { box-shadow: inset 0 -.35em 0 var(--gelb); }
.weitere li a:hover img { opacity: .85; }
.weitere li a:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
@media (max-width: 40rem) { .weitere ul { grid-template-columns: 1fr; } .weitere li a { grid-template-columns: 6rem 1fr; } }
@media (prefers-reduced-motion: reduce) { .weitere img, .weitere b { transition: none; } }

/* Weiterlesen-Verweis im Fliesstext */
.artikel .weiterlesen a { font-family: var(--sans); font-weight: 600; text-decoration: none; box-shadow: inset 0 -2px 0 var(--gelb); }
.artikel .weiterlesen a::before { content: "→ "; }

/* Screenshots im Artikel */
.artikel figure.screenshot { margin: var(--s-4) 0; }
.artikel figure.screenshot img { width: 100%; height: auto; display: block; border: 1px solid var(--rule); }
.artikel figure.screenshot figcaption { margin-top: var(--s-1); font-family: var(--sans); font-size: var(--t-xs); color: var(--ink-2); }
/* Gastbeiträge mit Fussnoten und Rechtshinweis (Ligia Toea, 15.11.2026) */
.artikel sup.fn { font-family: var(--sans); font-size: 0.7em; line-height: 0; }
.artikel sup.fn a { text-decoration: none; padding: 0 0.1em; }
.artikel ol.fussnoten { font-family: var(--sans); font-size: var(--t-sm); color: var(--ink-2); line-height: 1.5; padding-left: 1.6em; }
.artikel ol.fussnoten li { margin-bottom: var(--s-2); }
.artikel ol.fussnoten .fn-zurueck { text-decoration: none; }
.hinweis-recht { font-family: var(--sans); font-size: var(--t-sm); color: var(--ink-2); line-height: 1.5; }
.ankunft .hinweis-recht.oben { max-width: 42rem; margin: var(--s-3) auto 0; text-align: center; }
.artikel .hinweis-recht { margin-top: var(--s-7); padding: var(--s-4) var(--s-5); background: var(--paper-2); border: 1px solid var(--rule); border-radius: 6px; }
.meta-zeile:has(.autor-bild) { display: flex; align-items: center; justify-content: center; gap: var(--s-3); flex-wrap: wrap; }
.meta-zeile .autor-bild { flex: none; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.gast-bio:has(.autor-bild) { display: flex; align-items: center; gap: var(--s-4); }
.gast-bio .autor-bild.gross { flex: none; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }

.meta-zeile:has(.autor-bild) > span { text-align: center; }