/* Newsroom – Gestaltung. Oberfläche: Atkinson Hyperlegible; Zeitung (Druck): Playfair Display und Source Serif 4; Website: Inter. Schriften lokal aus /styles/fonts/. */
:root{
  --paper:#F4F2EE; --surface:#FFFFFF; --ink:#1C1F26; --muted:#5B6270; --line:#D8D4CC;
  --accent:#C8102E; --accent-ink:#FFFFFF; --accent-soft:#FBE4E7;
  --good:#257A4E; --good-soft:#E2F3E9; --warn:#B45A12; --warn-soft:#FCEBDC;
  --newsprint:#FBF8F1; --np-ink:#1A1A1A; --web:#FFFFFF; --web-ink:#14171C; --web-line:#E3E6EB;
  --w-was:#F6C945; --w-wer:#7DB9F0; --w-wann:#8FD19E; --w-wo:#F3A07A; --w-wie:#C7A3EA; --w-folgen:#F08FB3;
  --f-ui:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --f-head:"Playfair Display",Georgia,serif;
  --f-serif:"Source Serif 4",Georgia,serif;
  --f-web:"Inter","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#14161B; --surface:#1C1F27; --ink:#E8E9ED; --muted:#A0A6B3; --line:#323744;
  --accent:#FF5C6F; --accent-ink:#14161B; --accent-soft:#3A1E24;
  --good:#5CC28A; --good-soft:#163024; --warn:#E8954B; --warn-soft:#3A2614;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#14161B; --surface:#1C1F27; --ink:#E8E9ED; --muted:#A0A6B3; --line:#323744;
  --accent:#FF5C6F; --accent-ink:#14161B; --accent-soft:#3A1E24;
  --good:#5CC28A; --good-soft:#163024; --warn:#E8954B; --warn-soft:#3A2614;
  color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:17px;line-height:1.5;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:20px 16px 48px}
h1,h2,h3,h4{margin:0;line-height:1.2;text-wrap:balance}
h2{font-size:clamp(22px,3vw,30px)}
h3{font-size:20px}
button,select,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
a{color:inherit}

/* Kopf */
.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding-bottom:14px;border-bottom:3px double var(--ink);margin-bottom:22px}
.brand{text-decoration:none}
.brand h1{font-family:var(--f-head);font-size:clamp(30px,4.5vw,46px);font-weight:700;display:flex;align-items:center;gap:12px}
.logo{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--accent);color:#fff;border-radius:6px;font-family:var(--f-head);font-size:30px}
.brand p{margin:4px 0 0;color:var(--muted)}
.topr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.back{font-weight:700;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px;white-space:nowrap;font-size:15px}
.niveau{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:3px}
.nv-l{font-size:13px;color:var(--muted);padding:0 6px 0 10px}
.nv{border:0;background:none;border-radius:999px;padding:4px 12px;cursor:pointer;font-weight:700;font-size:15px}
.nv.on{background:var(--ink);color:var(--paper)}
.foot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:40px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.foot span{flex:1 1 100%}

/* Allgemein */
.btn{border:2px solid var(--ink);background:var(--surface);border-radius:8px;padding:7px 16px;cursor:pointer;font-weight:700}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn:hover{box-shadow:3px 3px 0 var(--accent)}
.linkbtn{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--muted);padding:0}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.fld{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--surface)}
textarea.fld{resize:vertical;line-height:1.55}
.mini{font-size:14px;color:var(--muted)}
.fb{margin-top:10px;border-radius:8px;padding:0}
.fb.good,.fb.warn{padding:9px 12px}
.fb.good{background:var(--good-soft);border-left:4px solid var(--good)}
.fb.warn{background:var(--warn-soft);border-left:4px solid var(--warn)}
.live{font-family:var(--f-mono);font-weight:700;font-size:13px;background:var(--accent);color:#fff;border-radius:4px;padding:2px 8px;letter-spacing:.06em}
.crumb{font-size:14px;color:var(--muted);margin-bottom:10px}
.h-sec{margin:30px 0 12px;font-size:22px}

/* Startseite */
.hero{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:20px}
.hero p{margin:8px 0 0}
.hero-b{width:100%;border-radius:8px}
.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.stcard{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none}
.stcard:hover{border-color:var(--ink)}
.stcard b{display:block;font-size:18px}
.stcard .k{display:block;color:var(--muted);font-size:15px}
.stcard .pr{display:block;font-size:14px;margin-top:6px;font-family:var(--f-mono)}
.stcard.fertig{border-color:var(--good)}
.stcard.fertig .pr{color:var(--good)}
.stcard.bald{border-style:dashed;opacity:.8}
.nr{flex:none;display:grid;place-items:center;min-width:38px;height:38px;padding:0 6px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:700;font-family:var(--f-head);font-size:20px}
.nr.big{min-width:54px;height:54px;font-size:28px}
.tickerlink{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:14px;text-decoration:none}
.tickerlink .go{margin-left:auto;font-weight:700}
.reset{margin-top:28px;font-size:14px}

/* Station */
.sthead{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.buch{margin:2px 0 0;color:var(--muted);font-size:14px}
.intro{font-size:18px;max-width:760px}
.ex{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;margin:16px 0}
.ex-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.ex-n{font-family:var(--f-mono);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700}
.ok{margin-left:auto;color:var(--good);font-weight:700;font-size:15px}
.auftrag{font-weight:700;margin:0 0 10px}
.stnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px;font-weight:700}
.wissen{background:var(--accent-soft);border-left:5px solid var(--accent);border-radius:6px;padding:4px 16px}
.wlist{columns:2;column-gap:24px}
.pyr{margin:12px auto;max-width:460px;display:grid;gap:4px;text-align:center}
.pyr div{background:var(--ink);color:var(--paper);padding:8px;font-weight:700;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}
.pyr .p2{width:84%;margin:0 auto;opacity:.85}
.pyr .p3{width:64%;margin:0 auto;opacity:.7}
.pyr span{display:block;font-weight:400;font-size:14px}
.beispiel{background:var(--newsprint);color:var(--np-ink);border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin:12px 0;font-family:var(--f-serif)}
.b-h{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8A1C2B}
.b-sz{font-family:var(--f-head);font-weight:700;font-size:22px;margin:4px 0}
.b-note{font-family:var(--f-ui);font-size:14px;color:#555}

/* Reihenfolge */
.olist{list-style:none;counter-reset:o;padding:0;margin:0;display:grid;gap:8px}
.olist li{counter-increment:o;display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:8px;padding:8px 8px 8px 12px;background:var(--paper)}
.olist li::before{content:counter(o);font-weight:700;font-family:var(--f-head);font-size:20px;min-width:22px}
.olist .txt{flex:1}
.olist .mv{display:flex;flex-direction:column;gap:4px}
.mv button{border:1.5px solid var(--ink);background:var(--surface);border-radius:6px;width:40px;height:30px;cursor:pointer}
.mv button:disabled{opacity:.25;cursor:default}
.olist li.r,.mrow.r,.part.r{border-color:var(--good);background:var(--good-soft)}
.olist li.f,.mrow.f,.part.f{border-color:var(--warn);background:var(--warn-soft)}

/* Zuordnen */
.mlist{display:grid;gap:8px}
.mrow{display:grid;grid-template-columns:190px 1fr;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px}
.mrow select,.part select{width:100%;border:1.5px solid var(--line);border-radius:6px;padding:6px;background:var(--surface);min-width:0}

/* Fragen */
.q{border:1.5px solid var(--line);border-radius:8px;margin:0 0 10px;padding:10px 14px}
.q legend{font-weight:700;padding:0 4px}
.opt{display:flex;gap:8px;align-items:flex-start;padding:4px 0;cursor:pointer}
.opt input{margin-top:5px;width:18px;height:18px}
.h-q{margin:18px 0 8px}

/* Zeitung: Druck */
.print-look,.paper{background:var(--newsprint);color:var(--np-ink);font-family:var(--f-serif)}
.parts{border:1px solid var(--line);border-radius:6px;padding:12px}
.part{border:2px dashed #bbb;border-radius:6px;padding:8px 10px;margin:8px 0}
.plab{display:flex;gap:8px;align-items:center;font-family:var(--f-ui);margin-bottom:6px;max-width:340px}
.pl{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--np-ink);color:#fff;font-weight:700}
.pz-sz{font-family:var(--f-head);font-size:24px}
.pz-au{font-style:italic;margin:0}
.pz-vs{font-weight:700;margin:0}
.pz-be p{margin:0 0 8px}
.paper{border:1px solid #cfc9bd;border-radius:4px;padding:14px 16px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.mast{text-align:center;border-bottom:3px double var(--np-ink);padding-bottom:6px;margin-bottom:10px;display:grid;font-size:13px;font-family:var(--f-ui)}
.mast h4{font-family:var(--f-head);font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.05}
.fr-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}
.aufm,.ft{display:flex;flex-direction:column;gap:4px;text-align:left;border:0;background:none;padding:0;font-family:var(--f-serif);color:var(--np-ink)}
.aufm{cursor:pointer}
.aufm:hover .sz{text-decoration:underline}
.aufm .bild{width:100%;max-height:260px;border-radius:2px;background:#FBE3CF}
.aufm .sz{font-family:var(--f-head);font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.1}
.aufm .tz{font-size:17px}
.fr-side{display:grid;gap:10px;align-content:start}
.ft{border-top:1px solid #bbb;padding-top:8px}
.ft .bild{display:none}
.ft .sz{font-family:var(--f-head);font-weight:700;font-size:18px;line-height:1.15}
.ft .tz{font-size:14px}
.ressort{font-family:var(--f-ui);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8A1C2B;font-weight:700}
.wetter{background:#E9E3D6;padding:8px;font-size:14px}
.art-top{display:flex;justify-content:space-between;font-family:var(--f-ui);font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--np-ink);padding-bottom:4px;margin-bottom:10px}
.a-sz{font-family:var(--f-head);font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.1}
.a-au{font-style:italic;margin:4px 0 8px}
.a-vs{font-weight:700}
.art figure{margin:10px 0}
.art figure .bild{width:100%;max-height:300px}
.art figcaption{font-size:13px;font-family:var(--f-ui)}
.art figcaption span{color:#777}
.a-cols{columns:2;column-gap:22px;column-rule:1px solid #ddd}
.a-cols p{margin:0 0 10px}

/* Zeitung: Website */
.web{background:var(--web);color:var(--web-ink);font-family:var(--f-web);border:1px solid var(--web-line);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.wbar-top{display:flex;align-items:center;gap:16px;background:#8A1C2B;color:#fff;padding:9px 14px;font-size:14px}
.wbar-top b{font-family:var(--f-head);font-size:20px}
.wbar-top .nav{flex:1;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-grid{display:grid;grid-template-columns:1fr 240px;gap:16px;padding:14px}
.wcard{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;text-align:left;border:0;border-bottom:1px solid var(--web-line);background:none;padding:10px 0;font-family:var(--f-web);color:var(--web-ink);width:100%}
.wcard .bild{width:100%;border-radius:6px}
.wcard.big{display:flex;flex-direction:column;gap:6px;cursor:pointer}
.wcard.big .sz{font-size:clamp(20px,2.6vw,26px);font-weight:600;line-height:1.2}
.wcard.big:hover .sz{text-decoration:underline}
.wcard .sz{display:block;font-weight:600;line-height:1.25}
.dach{display:block;font-size:13px;color:#8A1C2B;font-weight:600}
.zeit{display:block;font-size:13px;color:#6B7280}
.meist{border-top:3px solid #8A1C2B;padding-top:6px;font-size:14px}
.meist ol{padding-left:20px;margin:6px 0}
.meist li{margin-bottom:6px}
.anz{margin-top:14px;border:1px dashed #9CA3AF;padding:22px 10px;text-align:center;font-size:14px;color:#4B5563;position:relative}
.anz span{position:absolute;top:2px;left:6px;font-size:11px;text-transform:uppercase}
.w-art{padding:14px 18px;max-width:720px}
.web .a-sz{font-family:var(--f-web);font-weight:600;font-size:clamp(22px,2.8vw,28px);line-height:1.2}
.w-meta{font-size:13px;color:#6B7280;margin:6px 0}
.share{display:flex;gap:8px;align-items:center;font-size:13px;color:#6B7280;margin-bottom:10px}
.share i{font-style:normal;border:1px solid var(--web-line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.update{background:#FFF4D6;border-left:4px solid #E0A800;padding:8px 10px;font-size:15px;margin:10px 0}
.gal .bild{width:100%;border-radius:6px}
.gal figcaption{font-family:var(--f-web)}
.dots{letter-spacing:3px}
.video{background:#1F2937;color:#fff;border-radius:6px;padding:26px;text-align:center;margin:12px 0;font-size:15px}
.verw{display:grid;gap:4px;border-top:1px solid var(--web-line);padding-top:8px;margin-top:12px;font-size:15px}
.post-h{margin-top:14px;border-top:2px solid var(--web-ink);padding-top:8px;font-weight:600}
.post-h span{display:block;font-weight:400;font-size:13px;color:#6B7280}
.eil{display:inline-block;background:#C8102E;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:3px;margin-bottom:6px}

/* Umschalter */
.switch{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden;margin:4px 0 12px;flex-wrap:wrap}
.switch button{border:0;background:var(--surface);padding:6px 16px;cursor:pointer;font-weight:700}
.switch button[aria-selected="true"]{background:var(--ink);color:var(--paper)}

/* Artikel-Fenster */
dialog{border:0;border-radius:12px;padding:0;width:min(860px,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(0,0,0,.55)}
.dlg-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;position:sticky;top:0;background:var(--paper);z-index:1;border-bottom:1px solid var(--line)}
.dlg-top .switch{margin:0}
.dlg-b{padding:14px}

/* W-Fragen markieren */
.wbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.wb{border:2px solid var(--ink);border-radius:999px;padding:4px 12px;cursor:pointer;font-weight:700;color:#1A1A1A}
.wb[aria-pressed="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--ink)}
.w-was{background:var(--w-was)}.w-wer{background:var(--w-wer)}.w-wann{background:var(--w-wann)}.w-wo{background:var(--w-wo)}.w-wie{background:var(--w-wie)}.w-folgen{background:var(--w-folgen)}
.marktext{border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-size:18px;line-height:1.75}
.marktext p{margin:0 0 10px}
.sg{cursor:pointer;border-radius:3px;padding:1px 0}
.marktext.hint .sg:not([class*="w-"]){text-decoration:underline dotted #888;text-underline-offset:4px}
.sg[class*="w-"]{color:#1A1A1A;padding:1px 2px}
.sg[data-lab]:not([data-lab=""])::after{content:" " attr(data-lab);font-family:var(--f-ui);font-size:11px;font-weight:700;vertical-align:super}
.sg.falsch{outline:3px solid #D9412F;outline-offset:1px}

/* Ticker */
.filters{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end;margin:12px 0 16px}
.filters label{display:grid;font-size:14px;color:var(--muted)}
.filters select{border:1.5px solid var(--line);border-radius:6px;padding:7px;background:var(--surface);color:var(--ink);font-size:16px}
.tlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tcard{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:10px;text-decoration:none}
.tcard:hover{border-color:var(--ink)}
.tcard b{display:block;font-size:18px}
.tq{display:block;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.mini-b{width:96px;border-radius:6px}
.lockic{font-size:40px;text-align:center}

/* Schreibtisch */
.desk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}
.agentur{background:#1F2430;color:#E8EAF0;border-radius:var(--r);padding:14px 16px;font-family:var(--f-mono);font-size:15px}
.agentur h3{font-family:var(--f-ui);font-size:20px;margin:6px 0}
.ag-h{font-size:13px;color:#A9B0C0}
.notiz{padding-left:18px;margin:8px 0}
.notiz li{margin-bottom:6px}
.notiz.geordnet{list-style:none;padding:0}
.notiz.geordnet li{display:grid;grid-template-columns:120px 1fr;gap:8px}
.notiz.geordnet b{color:#F6C945}
.zit{border-top:1px dashed #50586A;margin-top:8px;padding-top:8px}
.zit p{margin:4px 0}
.agentur .mini{color:#C0C6D4}
.auftragbox{background:var(--surface);border:1.5px solid var(--line);border-left:5px solid var(--accent);border-radius:8px;padding:10px 14px;margin-top:14px}
.auftragbox p{margin:4px 0 0}
.hilfe{background:var(--surface);border:1.5px solid var(--line);border-radius:8px;padding:8px 14px;margin-top:14px}
.hilfe summary{font-weight:700;cursor:pointer}
.hilfe ul{margin:4px 0 8px;padding-left:20px}
.lab{display:block;font-weight:700;margin:12px 0 4px}
.lab:first-child{margin-top:0}
.row2{display:grid;grid-template-columns:1fr 120px;gap:12px}
.zaehler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.zaehler span{font-family:var(--f-mono);font-size:13px;border:1.5px solid var(--line);border-radius:999px;padding:2px 10px}
.zaehler .okc{border-color:var(--good);color:var(--good)}
.radar{border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;margin-top:14px;background:var(--surface)}
.radar-h{font-weight:700}
.radar p,.radar ul{margin:4px 0;font-size:15px}
.radar ul{padding-left:18px}
.check{border:1.5px solid var(--line);border-radius:8px;margin:14px 0 0;padding:8px 14px}
.check legend{font-weight:700;padding:0 4px}
.check label{display:flex;gap:8px;padding:3px 0;align-items:flex-start;cursor:pointer}
.check input{margin-top:5px;width:18px;height:18px;flex:none}
.h-prev{margin:22px 0 4px}
.kurz-in{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start}
.kurz-in .bild{width:100%}
.kurz-in p{margin:6px 0 0}
.mbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1.5px solid var(--line);border-radius:8px;padding:10px 14px;margin-top:16px;background:var(--surface)}
.mbox b{flex:1 1 100%}
.mbox.open{display:block;background:var(--good-soft);border-color:var(--good)}
.mbox.open p{font-family:var(--f-serif)}
.mu-sz{font-family:var(--f-head)!important;font-weight:700;font-size:20px;margin:6px 0 2px}
.lockmsg{color:var(--warn);font-weight:700}
.gen code{display:block;background:var(--paper);padding:8px;border-radius:6px;margin:8px 0;font-family:var(--f-mono)}
.gen .fld{max-width:260px}

@media (max-width:700px){ .desk{grid-template-columns:1fr} }
@media (max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero-b{max-width:280px}
  .fr-grid,.w-grid{grid-template-columns:1fr}
  .ft .bild{display:block;max-width:140px}
}
@media (max-width:600px){
  .krow{grid-template-columns:1fr}
  .kbtns{justify-content:flex-start}
  .nb-zeile{grid-template-columns:auto 1fr}
  .nb-w th{width:120px}
  .mrow{grid-template-columns:1fr}
  .a-cols,.wlist{columns:1}
  .kurz-in{grid-template-columns:1fr}
  .kurz-in .bild{max-width:160px}
  .row2{grid-template-columns:1fr 90px}
}

/* Kategorien */
.klist{display:grid;gap:8px}
.krow{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;border:1.5px solid var(--line);border-radius:8px;padding:8px 10px}
.kbtns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.kb{border:1.5px solid var(--ink);background:var(--surface);border-radius:999px;padding:3px 12px;cursor:pointer;font-size:15px}
.kb[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.krow.r{border-color:var(--good);background:var(--good-soft)}
.krow.f{border-color:var(--warn);background:var(--warn-soft)}
/* Überarbeiten */
.ue-sz{font-family:var(--f-head);font-weight:700;font-size:24px;margin:0 0 6px!important}
.tw{cursor:pointer;border-radius:3px}
.tw.sel{background:#F6C945;color:#1A1A1A}
.tw.falsch{outline:3px solid #D9412F}
.ue2{line-height:2.1}
.ue-sel{font:inherit;font-size:16px;border:2px solid #8A1C2B;border-radius:6px;padding:2px 4px;background:#fff;color:#1A1A1A;max-width:100%}
.ue-sel.r{border-color:var(--good);background:var(--good-soft)}
.ue-sel.f{border-color:var(--warn);background:var(--warn-soft)}
.ue-neu{margin-top:10px}
/* Notizblatt */
.notizblatt{background:#fff;color:#1A1A1A;border:1px solid var(--line);border-radius:6px;padding:24px 28px;max-width:820px;font-family:var(--f-ui)}
.notizblatt h3{font-size:18px;margin:18px 0 6px}
.nb-kopf{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px double #1A1A1A;padding-bottom:6px;margin-bottom:12px}
.nb-kopf b{font-family:var(--f-head);font-size:28px}
.nb-zeile{display:grid;grid-template-columns:auto 1fr auto 160px;gap:8px;align-items:end}
.nb-l{display:block;border-bottom:1px solid #777;height:30px}
.nb-w{width:100%;border-collapse:collapse}
.nb-w th{text-align:left;vertical-align:top;width:190px;padding:6px 8px 6px 0;font-size:16px}
.nb-w th small{display:block;font-weight:400;font-size:13px;color:#555}
.nb-w td{padding:0 0 6px}
.nb-w tr{border-top:1px solid #ddd}
.nb-tipp{font-size:14px;color:#444;margin:2px 0 4px}
.nb-fragen{padding-left:22px;margin:0}
.nb-a{display:block;font-size:13px;color:#555;margin-top:4px}

/* Drucken: nur die Vorschau */
@media print{
  body.drucken .wrap > *:not(main), body.drucken .desk .col-l, body.drucken .col-r > *:not(#prev), body.drucken .crumb, body.drucken .nb-intro{display:none!important}
  .notizblatt{border:0;padding:0;max-width:none}
  body.drucken .desk{display:block}
  body{background:#fff}
  .paper,.web{box-shadow:none}
}

/* E-Paper: ganze Zeitungsseite, skaliert mit der Seitenbreite (cqw), Lupe vergrößert */
.ep-tools{display:flex;justify-content:flex-end;margin-bottom:6px}
.ep-frame{overflow:auto;border-radius:4px;box-shadow:0 3px 14px rgba(0,0,0,.18);background:#d9d4c9}
.ep-page{container-type:inline-size;width:100%;background:#FBF8F1;color:#1A1A1A;font-family:var(--f-serif);padding:3.2cqw 3.4cqw 4cqw;
  background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:3px 3px}
.ep-frame.zoom .ep-page{width:1150px}
.ep-page p{margin:0 0 .6em}
.ep-kopf{display:flex;justify-content:space-between;align-items:baseline;border-bottom:.25cqw solid #1A1A1A;padding-bottom:.6cqw;margin-bottom:1.8cqw;font-family:var(--f-ui);font-size:1.35cqw;text-transform:uppercase;letter-spacing:.08em}
.ep-kopf span:nth-child(2){font-family:var(--f-head);font-size:2.2cqw;text-transform:none;letter-spacing:0;font-weight:700}
.ep-ress{color:#fff;background:#8A1C2B;padding:.2cqw 1cqw;font-weight:700}
.ep-grid{display:grid;grid-template-columns:4fr 1fr;gap:2.2cqw}
.ep-main{display:grid;grid-template-columns:3fr 1fr;column-gap:2.2cqw;align-content:start}
.ep-main > :not(.ep-text):not(.ep-info){grid-column:1/-1}
.ep-dach{font-family:var(--f-ui);font-size:1.4cqw;font-weight:700;color:#8A1C2B;text-transform:uppercase;letter-spacing:.06em}
.ep-sz{font-family:var(--f-head);font-weight:700;font-size:4.9cqw;line-height:1.05;margin:.3cqw 0 .8cqw}
.ep-unter{font-family:var(--f-serif);font-size:2.1cqw;line-height:1.25;font-style:italic;margin:0 0 1.4cqw!important}
.ep-foto{margin:0 0 1.6cqw}
.ep-fig{display:block;aspect-ratio:16/8;overflow:hidden;background:#ddd}
.ep-fig .bild,.ep-fig img{width:100%;height:100%;object-fit:cover;display:block}
.ep-foto figcaption{font-family:var(--f-ui);font-size:1.2cqw;line-height:1.35;padding-top:.5cqw;border-bottom:.1cqw solid #999;padding-bottom:.5cqw}
.ep-foto figcaption span{color:#777;font-size:1.05cqw}
.ep-text{columns:3;column-gap:2cqw;column-rule:.1cqw solid #c9c3b6;font-size:1.48cqw;line-height:1.42;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ep-vs{font-weight:700;text-align:left;hyphens:auto}
.ep-au{display:block;font-family:var(--f-ui);font-weight:400;font-style:italic;font-size:1.25cqw;margin-bottom:.4cqw;text-align:left}
.ep-zt{font-family:var(--f-ui);font-size:1.5cqw;margin:.4em 0 .3em;break-after:avoid}
.ep-zit{margin:.5em 0 .8em;padding:.6cqw 0;border-top:.3cqw solid #8A1C2B;border-bottom:.1cqw solid #8A1C2B;font-family:var(--f-head);font-size:2.1cqw;line-height:1.2;text-align:left;break-inside:avoid}
.ep-zit cite{display:block;font-family:var(--f-ui);font-style:normal;font-size:1.15cqw;margin-top:.4cqw}
.ep-kz{font-style:italic;text-align:right}
.ep-info{background:#ECE5D6;padding:1.2cqw;font-family:var(--f-ui);font-size:1.25cqw;align-self:start}
.ep-info b{display:block;font-size:1.4cqw;border-bottom:.2cqw solid #8A1C2B;margin-bottom:.8cqw;padding-bottom:.3cqw}
.ep-info div{margin-bottom:.8cqw;line-height:1.2}
.ep-info span{display:block;font-family:var(--f-head);font-weight:700;font-size:2.6cqw;color:#8A1C2B}
.ep-kurz{border-left:.1cqw solid #c9c3b6;padding-left:1.6cqw;font-size:1.3cqw;line-height:1.38;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.ep-kurz h5{font-family:var(--f-ui);font-size:1.45cqw;text-transform:uppercase;letter-spacing:.06em;border-bottom:.25cqw solid #1A1A1A;margin:0 0 1cqw;padding-bottom:.3cqw}
.ep-k{border-bottom:.1cqw solid #c9c3b6;padding-bottom:.8cqw;margin-bottom:1cqw}
.ep-ksz{display:block;font-family:var(--f-head);font-size:1.75cqw;line-height:1.15;margin-bottom:.4cqw;text-align:left}
.ep-k.eigen{outline:.35cqw solid #E0A800;outline-offset:.5cqw;background:#FFF6D9}
.ep-dein{display:block;font-family:var(--f-ui);font-size:1.05cqw;font-weight:700;color:#8A5A00;text-transform:uppercase}
.ep-anz{display:grid;gap:.4cqw;border:.15cqw solid #1A1A1A;padding:1.2cqw;text-align:center;font-family:var(--f-ui);font-size:1.3cqw;position:relative;background:#fff}
.ep-anz span{font-size:.95cqw;text-transform:uppercase;letter-spacing:.08em;color:#666}
.ep-anz b{font-size:2cqw;color:#C8102E}
.ep-anz i{font-size:.95cqw;color:#666}
/* Titelseite */
.front .tf-kopf{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-family:var(--f-ui);font-size:1.3cqw;line-height:1.3}
.front .tf-r{text-align:right}
.tf-name{font-family:var(--f-head);font-weight:700;font-size:8.5cqw;line-height:1}
.tf-sub{text-align:center;font-family:var(--f-ui);font-size:1.25cqw;letter-spacing:.12em;text-transform:uppercase;border-top:.4cqw double #1A1A1A;border-bottom:.15cqw solid #1A1A1A;padding:.5cqw 0;margin:.8cqw 0 1.4cqw}
.tf-leiste{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;font-size:1.4cqw;line-height:1.25;border-bottom:.15cqw solid #1A1A1A;padding-bottom:1.2cqw;margin-bottom:1.8cqw}
.tf-leiste b{font-family:var(--f-head);font-size:1.75cqw}
.front .aufm{display:block;width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:#1A1A1A;font-family:var(--f-serif)}
.front .aufm .ep-fig{aspect-ratio:16/7.5;margin-bottom:1cqw}
.front .aufm .sz{display:block;font-family:var(--f-head);font-weight:700;font-size:6.2cqw;line-height:1.03;margin:.3cqw 0 .8cqw}
.front .aufm .tz{display:block;font-size:2.1cqw;line-height:1.35}
.front .aufm:hover .sz{text-decoration:underline}
.sv{font-family:var(--f-ui);font-weight:700;color:#8A1C2B;white-space:nowrap}
.tf-unten{display:grid;grid-template-columns:3fr 1fr;gap:2cqw;margin-top:2cqw;align-items:stretch}
.front .wetter{background:#E9E3D6;padding:1.2cqw;font-family:var(--f-ui);font-size:1.5cqw;display:flex;align-items:center;gap:1cqw}
@media print{ .ep-frame{box-shadow:none;overflow:visible} .ep-tools{display:none} .ep-page{width:100%!important} }
.front .aufm .ep-fig .bild{max-height:none;border-radius:0}
.tf-leiste .ressort{display:block}

/* Station 5: Lückensätze */
.bank{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border:1.5px dashed var(--line);border-radius:8px;margin:8px 0 12px}
.bw{padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600}
.bw.used{text-decoration:line-through;opacity:.5}
.lk-list{padding-left:1.4em;display:grid;gap:12px;margin:8px 0}
.lk-list li{line-height:2.1}
.lk-vor{display:block;color:var(--muted);font-style:italic;line-height:1.4;margin-bottom:2px}
.lk{font:inherit;font-size:16px;border:0;border-bottom:2px solid var(--accent,#8A1C2B);background:var(--surface);color:inherit;padding:1px 4px;margin:0 3px;border-radius:4px 4px 0 0;max-width:100%}
.lk:focus{outline:2px solid var(--accent,#8A1C2B);outline-offset:1px}
.lk.r{border-color:var(--good);background:var(--good-soft)}
.lk.f{border-color:var(--warn);background:var(--warn-soft)}

/* Schreibtisch Bericht: Werkzeugkasten, Teaser */
.wz{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0}
.wz b{margin-right:4px}
.wzb{padding:5px 12px;font-size:14px}
.row2.kzw{grid-template-columns:1fr 220px}
.wteaser{margin-bottom:18px;padding-bottom:6px;border-bottom:3px solid var(--web-line)}
.wteaser .mini{display:block;font-size:13px;color:var(--muted);margin-bottom:4px;font-family:var(--f-ui,inherit)}
.wteaser .dach{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#B3263E;font-weight:700}
.wteaser .tz{display:block;margin-top:4px}
.wteaser .zeit{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.mu-tz{border-top:1px solid var(--line);padding-top:8px;font-family:var(--f-ui,inherit)!important}
@media (max-width:700px){ .row2.kzw{grid-template-columns:1fr} }

/* Station 7: Feedbackbogen */
.fb-text{margin:10px 0 14px}
.fb-h{margin:14px 0 4px;font-size:18px}
.fbbogen .krow .ktxt{flex:1}
@media print{
  body.drucken-fb *{visibility:hidden}
  body.drucken-fb .fbbogen, body.drucken-fb .fbbogen *{visibility:visible}
  body.drucken-fb .fbbogen{position:absolute;left:0;top:0;width:100%}
}

/* Station 8: Eilmeldung */
.eil-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.eil-grid .agentur{margin-bottom:10px}
.eil-2{margin-top:14px}
.eil-grid .h-prev{margin-top:0}
@media (max-width:820px){ .eil-grid{grid-template-columns:1fr} }

/* Station 9: Ausgabe-Reiter */
.switch.ausg{border-radius:12px}
.switch.ausg button{flex:1 1 auto}

/* Kommentar (Druckseite) */
.km{position:relative;border-top:.5cqw solid #8A1C2B;padding-top:1.2cqw}
.km-kopf{display:flex;align-items:center;gap:1.2cqw;font-family:var(--f-ui);font-size:1.35cqw}
.km-lab{display:block;font-weight:700;color:#8A1C2B;text-transform:uppercase;letter-spacing:.08em;font-size:1.2cqw}
.km-foto{display:inline-grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;background:#2D3546;color:#fff;font-family:var(--f-ui);font-weight:700;font-size:2cqw;flex:none}
.km-sz{font-family:var(--f-head);font-weight:700;font-style:italic;font-size:4.2cqw;line-height:1.08;margin:1cqw 0 1.4cqw}
.km-text{columns:2;column-gap:2.4cqw;column-rule:.1cqw solid #c9c3b6;font-size:1.6cqw;line-height:1.45;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.km-text p:first-child::first-letter{font-family:var(--f-head);font-size:3.6em;float:left;line-height:.85;margin:.05em .08em 0 0;color:#8A1C2B}
.km.eigen,.lb.eigen{outline:.35cqw solid #E0A800;outline-offset:.8cqw;background:#FFF6D9}
.km-web{display:flex;align-items:center;gap:10px}
.km-web .km-foto{width:40px;height:40px;font-size:15px}

/* Leserbriefe (Druckseite) */
.lb-titel{font-family:var(--f-head);font-size:3.4cqw;margin:0 0 1.4cqw;border-bottom:.25cqw solid #1A1A1A;padding-bottom:.6cqw}
.lb-spalten{columns:2;column-gap:2.4cqw;column-rule:.1cqw solid #c9c3b6}
.lb{break-inside:avoid;margin-bottom:2cqw;font-size:1.55cqw;line-height:1.42;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.lb-ue{font-family:var(--f-head);font-size:2.3cqw;line-height:1.1;margin:0 0 .4cqw;text-align:left}
.lb-bz{font-family:var(--f-ui);font-style:italic;font-size:1.2cqw;color:#555;text-align:left}
.lb-name{font-weight:700;text-align:right;font-style:italic}

/* Postings */
.posts{margin-top:14px}
.post{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--web-line)}
.post p{margin:4px 0}
.post.eigen{background:#FFF6D9;outline:2px solid #E0A800;outline-offset:2px;border-radius:4px;padding:10px 8px}
.pav{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2D6CB5;color:#fff;font-weight:700}
.pmeta{font-size:14px;color:#6B7280}
.pmeta b{color:var(--web-ink)}
.pmeta .ep-dein{display:inline;font-size:12px}
.pact{font-size:13px;color:#6B7280}

/* Schreibtisch für Meinungstexte */
.bezug{font-size:15px}
.bezug p{margin:6px 0}
.bz-dach{display:block;font-family:var(--f-ui);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8A1C2B;font-weight:700}
.bz-sz{font-family:var(--f-head);font-size:22px;line-height:1.15;margin:4px 0 8px}
.ideen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){ .ideen{grid-template-columns:1fr} }
.hilfe-box{background:#EAF4FB;border:1.5px solid #2D6CB5;border-radius:8px;padding:10px 14px;margin-top:14px;color:#1C1F26}
.hilfe-box ul{margin:4px 0 8px;padding-left:20px}
.hilfe-box .rad{background:#fff;border-radius:6px;padding:8px 10px;margin:8px 0 0;border-left:5px solid #2D6CB5}

/* Feedback 1.11.: Ziffern, Ziehen, Online-Artikel, Meldungsseite, Weiter */
.nr{font-variant-numeric:lining-nums;line-height:1}
.olist .grip{display:grid;place-items:center;width:34px;min-height:34px;flex:none;cursor:grab;touch-action:none;color:var(--muted);font-size:20px;user-select:none}
.olist li{cursor:grab;user-select:none;-webkit-user-select:none}
.olist li.zieht{position:relative;z-index:5;cursor:grabbing;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:none}
.bw{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.bw.geist{position:fixed;z-index:1000;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25);background:var(--surface)}
.lk.ziel{outline:3px solid var(--accent,#8A1C2B)}
.ep-text.fill{column-fill:auto}
.w-unter{font-size:18px;line-height:1.35;color:#3B4250;margin:4px 0 8px}
.w-zt{font-family:var(--f-web);font-size:19px;margin:18px 0 4px}
.w-zit{margin:14px 0;padding:8px 0 8px 14px;border-left:4px solid #8A1C2B;font-size:20px;line-height:1.3;font-style:italic}
.w-zit cite{display:block;font-size:14px;font-style:normal;color:#6B7280;margin-top:4px}
.w-info{background:#F3F4F6;border-radius:8px;padding:10px 14px;margin:14px 0}
.w-info b{display:block;margin-bottom:6px}
.w-info span{font-weight:700;color:#8A1C2B}
.mk .ep-k{font-size:1.5cqw;line-height:1.4;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw 2cqw;align-items:start}
.mk-auf{grid-column:1/3;grid-row:span 2}
.mk-auf .ep-ksz{font-size:3cqw}
.mk-auf .ep-fig{margin:.6cqw 0 1cqw}
.weiter{margin-top:18px;flex-wrap:wrap}