:root{--ep-mo1:url(assets/thumbs/mo1.jpg);--ep-mo2:url(assets/thumbs/mo2.jpg);--ep-mo3:url(assets/thumbs/mo3.jpg);--ep-mo4:url(assets/thumbs/mo4.jpg);--ep-mo8:url(assets/thumbs/mo8.jpg);--ep-mo13:url(assets/thumbs/mo13.jpg);--ep-mo14:url(assets/thumbs/mo14.jpg);--ep-mo21:url(assets/thumbs/mo21.jpg);--ep-mo24:url(assets/thumbs/mo24.jpg);--ep-sa3:url(assets/thumbs/sa3.jpg);--ep-sa4:url(assets/thumbs/sa4.jpg);--ep-sa5:url(assets/thumbs/sa5.jpg);--ep-sa6:url(assets/thumbs/sa6.jpg);--ep-sa7:url(assets/thumbs/sa7.jpg);--ep-sa11:url(assets/thumbs/sa11.jpg);--ep-sa25:url(assets/thumbs/sa25.jpg);--ep-sa36:url(assets/thumbs/sa36.jpg);--i-wahlabend:url(assets/img/wahlabend.jpg);--i-windwremen:url(assets/img/windwremen.jpg);--i-schule110:url(assets/img/schule110.jpg);--i-hafensicher:url(assets/img/hafensicher.jpg);--i-pinguins:url(assets/img/pinguins.jpg);--i-wattlauf:url(assets/img/wattlauf.jpg);--i-luisamiller:url(assets/img/luisamiller.jpg);--i-sprit:url(assets/img/sprit.jpg);--i-playmobil:url(assets/img/playmobil.jpg);--i-villadohrmann:url(assets/img/villadohrmann.jpg);--i-bahnbederkesa:url(assets/img/bahnbederkesa.jpg);--i-digigewalt:url(assets/img/digigewalt.jpg);--i-gwahl:url(assets/img/gwahl.jpg);--i-gwind:url(assets/img/gwind.jpg);--i-gschule:url(assets/img/gschule.jpg);--i-ghafen:url(assets/img/ghafen.jpg);--i-hafen:url(assets/img/hafen.jpg);--i-arbeit:url(assets/img/arbeit.jpg);--i-klimatag:url(assets/img/klimatag.jpg);--i-klimabau:url(assets/img/klimabau.jpg);--i-waerme:url(assets/img/waerme.jpg);--i-pvt:url(assets/img/pvt.jpg);--i-solar:url(assets/img/solar.jpg);--i-stoerche:url(assets/img/stoerche.jpg);--i-schule:url(assets/img/schule.jpg);--i-hotel:url(assets/img/hotel.jpg);--i-robotik:url(assets/img/robotik.jpg);--i-eishockey:url(assets/img/eishockey.jpg);--i-drohne:url(assets/img/drohne.jpg);--i-steuer:url(assets/img/steuer.jpg);--i-tanker:url(assets/img/tanker.jpg);--i-wahl:url(assets/img/wahl.jpg);--i-kita:url(assets/img/kita.jpg);--i-baustelle:url(assets/img/baustelle.jpg);--i-rathaus:url(assets/img/rathaus.jpg);--i-klimahaus:url(assets/img/klimahaus.jpg);--i-food:url(assets/img/food.jpg);--i-crime:url(assets/img/crime.jpg);--i-garten:url(assets/img/garten.jpg);--i-archiv:url(assets/img/archiv.jpg);--i-promenade:url(assets/img/promenade.jpg);--i-markt:url(assets/img/markt.jpg);--i-podcast:url(assets/img/podcast.jpg);--i-epaperlese:url(assets/img/epaperlese.jpg);--i-watt:url(assets/img/watt.jpg);--i-faehre:url(assets/img/faehre.jpg);--i-a27:var(--i-baustelle);--i-inga:var(--i-promenade);--i-mihambo:var(--i-eishockey);--i-nao:var(--i-hafen);--i-teachers:var(--i-schule);--i-n_amt:var(--i-rathaus);--i-n_backstube:var(--i-food);--i-n_buehne:var(--i-markt);--i-n_bus:var(--i-faehre);--i-n_fest:var(--i-klimatag);--i-n_feuerwehr:var(--i-crime);--i-n_flohmarkt:var(--i-archiv);--i-n_gebaeude:var(--i-klimabau);--i-n_hafen:var(--i-arbeit);--i-n_klasse:var(--i-kita);--i-n_park:var(--i-garten);--i-n_polizei:var(--i-crime);--i-n_promenade:var(--i-promenade);--i-n_schule:var(--i-schule);--i-n_spielplatz:var(--i-garten);--i-n_sportplatz:var(--i-eishockey);--i-n_stau:var(--i-baustelle);--i-n_strasse:var(--i-robotik);--i-n_vintage:var(--i-archiv);--i-n_wiese:var(--i-stoerche);--i-page7:url(assets/img/page7.jpg);}

:root{
  --nz:#005380; --deep:#06324D; --paper:#FFFFFF; --bg:#EEF3F6; --ink:#0F1E29; --muted:#5B6B76; --line:#D6E1E8;
  --nzred:#b40c20; --lage:#b40c20; --lokal:#005380; --leben:#D98200; --sport:#148A5C; --mit:#0A8FA3; --media:#5B45C9; --dpa:#44525C;
  --stage:#DCE6EC;
}

:root[data-theme="dark"]{
  --nz:#5FB4E6; --deep:#031B2A; --paper:#12232F; --bg:#0A1720; --ink:#E9F1F6; --muted:#9AAEBB; --line:#24394A;
  --lokal:#5FB4E6; --nzred:#b40c20; --lage:#b40c20; --leben:#F2A93B; --sport:#3FC48A; --mit:#3CC3D6; --media:#9C8BFF; --dpa:#9AAEBB; --stage:#050E14;
}


/* V69.2: Farb-Tokens. Fest (in beiden Modi gleich): Marke und Flaechen, die immer dunkel bzw. hell sind.
   Hell-Varianten fuer Signalfarben auf dunklem Grund. Neue Regeln verwenden nur diese Namen. */
:root{
  --brand:#005380; --brand-deep:#06324D; --brand-night:#031B2A; --brand-700:#0B4A6F; --ink-fixed:#0F1E29;
  --on-dark:#fff; --on-dark-2:#CFE3F0;
  --lage-hi:#FF8F87; --sport-hi:#6FD39E; --nz-hi:#9FD6F5;
}
/* ================= V69: Designsystem - Tokens =================
   Radien, Abstaende, Schatten, Schriftgroessen und "Text auf Akzentfarbe".
   Neue Regeln verwenden nur diese Werte; feste Pixel-Radien wurden auf die vier Stufen abgebildet. */
:root{
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-pill:999px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px;
  --fs-xs:11px; --fs-s:12.5px; --fs-m:14px; --fs-l:16px;
  --sh-1:0 1px 2px rgba(15,30,41,.06),0 1px 1px rgba(15,30,41,.04);
  --sh-2:0 6px 18px rgba(15,30,41,.10);
  --on-nz:#fff;          /* Text/Icons auf Akzentflaechen (--nz) */
  --btn-h:36px;
}
:root[data-theme="dark"]{ --on-nz:var(--brand-night); --sh-1:0 1px 2px rgba(0,0,0,.35); --sh-2:0 8px 22px rgba(0,0,0,.45); }

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--stage);color:var(--ink);font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;padding:28px 12px 40px;gap:18px}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--nz);outline-offset:2px;border-radius:var(--r-xs)}
.note{font-size:12.5px;color:var(--muted);max-width:390px;text-align:center;line-height:1.45}
.phone{width:390px;height:820px;border-radius:46px;background:#000;padding:10px;box-shadow:0 40px 80px -30px rgba(0,30,50,.55);flex:none}
@media (max-width:430px){.phone{width:100%;height:calc(100vh - 90px);border-radius:30px;padding:6px}}
.screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}
@media (max-width:430px){.screen{border-radius:25px}}
.status{height:30px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 26px;font-size:12.5px;font-weight:600;background:var(--paper)}

/* Header */
.top{flex:none;background:var(--paper);display:flex;align-items:center;gap:8px;padding:6px 14px 10px;border-bottom:1px solid var(--line)}
.logo{font-weight:900;font-size:20px;letter-spacing:-.03em;color:var(--nz);display:flex;align-items:center;gap:6px}
.logo svg{width:22px;height:22px}
.place{border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 11px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap}
.place i{width:7px;height:7px;border-radius:50%;background:var(--nz)}
.top .sp{flex:1}
.icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;position:relative;font-size:16px}
.icon b{position:absolute;top:-3px;right:-3px;background:var(--lage);color:var(--on-dark);font-size:11px;min-width:17px;height:17px;border-radius:var(--r-sm);display:grid;place-items:center}

.viewport{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}
.viewport::-webkit-scrollbar{display:none}
.view{display:none;padding-bottom:28px}
.view.on{display:block}
.pad{padding:0 16px}

/* Hero */
.hero{background:var(--paper);padding:18px 16px 16px}
.date{font-size:12.5px;color:var(--muted);font-weight:500}
.hero h1{font-size:46px;line-height:.92;letter-spacing:-.045em;font-weight:900;margin:6px 0 12px}
.hero h1 span{display:block;color:var(--nz)}
.scope{display:inline-flex;background:var(--bg);border-radius:var(--r-pill);padding:3px;margin-bottom:14px}
.scope button{white-space:nowrap;border-radius:var(--r-pill);padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--muted)}
.scope button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark)}
:root[data-theme="dark"] .scope button[aria-pressed="true"]{color:var(--brand-night)}
.tide{border-radius:var(--r-md);background:var(--deep);color:var(--on-dark);padding:12px 14px 10px}
.tide-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px}
.tide-h strong{font-size:24px;font-weight:800;letter-spacing:-.02em}
.tide svg{width:100%;height:46px;display:block;margin:4px 0 2px}
.tide-l{display:flex;justify-content:space-between;font-size:11px;opacity:.8}
.rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 16px 2px;margin:0 -16px}
.rail::-webkit-scrollbar{display:none}
.tick{flex:none;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-pill);padding:6px 11px;font-size:12.5px;white-space:nowrap}
.tick b{color:var(--c,var(--nz))}

/* Live banner */
.live{margin:14px 16px 0;background:var(--lage);color:var(--on-dark);border-radius:var(--r-md);padding:13px 14px;display:flex;gap:12px;align-items:center;text-align:left;width:calc(100% - 32px)}
.pulse{width:10px;height:10px;border-radius:50%;background:#fff;flex:none;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.live strong{display:block;font-size:16px;line-height:1.15}
.live small{font-size:12.5px;opacity:.9}
.live .go{margin-left:auto;font-size:20px}

/* Stories */
.stories{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:16px 16px 4px}
.stories::-webkit-scrollbar{display:none}
.st{flex:none;width:70px;text-align:center;font-size:11px;line-height:1.2;font-weight:500}
.st .ring{width:66px;height:66px;border-radius:50%;padding:3px;background:conic-gradient(var(--nz),var(--mit),var(--leben),var(--nz));margin:0 auto 5px}
.st.seen .ring{background:var(--line)}
.st .ring div{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);background:var(--bgimg) center/cover,var(--deep);display:grid;place-items:center;color:var(--on-dark);font-weight:800;font-size:16px}
.st.lage .ring{background:var(--lage)}

/* Section */
.sec{margin-top:26px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 16px;margin-bottom:10px}
.sec-h h2{font-size:24px;letter-spacing:-.03em;font-weight:800}
.sec-h button{font-size:12.5px;color:var(--nz);font-weight:600}
.why{font-size:12.5px;color:var(--muted)}

/* Drei Dinge */
.three{margin:0 16px;background:var(--nz);color:var(--on-dark);border-radius:var(--r-lg);padding:18px 16px 14px}
:root[data-theme="dark"] .three{background:var(--brand-700)}

.three .k{font-size:12.5px;opacity:.85;display:flex;justify-content:space-between}
.three h2{font-size:28px;line-height:1;letter-spacing:-.035em;margin:6px 0 12px;font-weight:800}
.three ol{list-style:none;counter-reset:n}
.three li{counter-increment:n;display:flex;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.2);cursor:pointer}
.three li::before{content:counter(n);font-size:28px;font-weight:900;line-height:1;opacity:.55;width:18px}
.three li strong{display:block;font-size:16px;line-height:1.2}
.three li span{font-size:12.5px;opacity:.8}
.three .row{display:flex;gap:8px;margin-top:10px;align-items:center}
.pill{border-radius:var(--r-pill);padding:8px 13px;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--paper)}
.pill.solid{background:var(--nz);color:var(--on-dark);border-color:var(--nz)}
.three .pill{background:#fff;color:var(--brand-deep);border:0}
.three .pill.ghost{background:transparent;color:var(--on-dark);border:1px solid rgba(255,255,255,.4)}
.three small{display:block;font-size:11px;opacity:.75;margin-top:10px}

/* Continue */
.cont{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 16px}
.cont::-webkit-scrollbar{display:none}
.cc{flex:none;width:230px;background:var(--paper);border-radius:var(--r-md);padding:10px;display:flex;gap:10px;align-items:center;text-align:left}
.cc img{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover}
.cc strong{font-size:14px;line-height:1.2;display:block}
.bar{height:4px;border-radius:2px;background:var(--line);margin-top:6px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--nz)}

/* Filter + feed */
.filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:0 16px 12px}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none;border:2px solid var(--line);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--c,var(--ink))}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.feed{display:grid;gap:12px;padding:0 16px}
.card{background:var(--paper);border-radius:var(--r-lg);overflow:hidden;border-top:5px solid var(--c);text-align:left;width:100%;display:block;position:relative}
.card[hidden]{display:none}
.card .ci{padding:13px 14px 12px}
.tag{font-size:12.5px;font-weight:700;color:var(--c)}
.card h3{font-size:20px;line-height:1.14;letter-spacing:-.02em;margin:4px 0 6px;font-weight:700}
.card.big h3{font-size:24px;letter-spacing:-.03em}
.card p{font-size:14px;color:var(--muted);line-height:1.4}
.meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.meta .sp{flex:1}
.ep{background:var(--bg);border-radius:var(--r-xs);padding:2px 7px;font-weight:600;color:var(--ink)}
.save{border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 10px;font-size:12.5px;font-weight:600}
.save[aria-pressed="true"]{background:var(--nz);color:var(--on-dark);border-color:var(--nz)}
.card .ph{aspect-ratio:16/8;background:center/cover}
.side{display:flex;gap:12px}
.side .th{width:84px;height:84px;border-radius:var(--r-sm);background:center/cover;flex:none}
.reel{aspect-ratio:4/5;color:var(--on-dark);border-top:0;background:#000}
.reel .bgv{position:absolute;inset:0;background:var(--bgimg) center/cover;animation:kb 12s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.12)}}
.reel .ov{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(transparent,rgba(0,20,35,.88))}
.reel .play{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.45);border-radius:var(--r-pill);padding:5px 11px;font-size:12.5px;font-weight:600}
.reel h3{color:var(--on-dark)}
.poll .opt{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;margin-top:8px;position:relative;overflow:hidden;font-size:14px;font-weight:500}
.poll .opt .fill{position:absolute;inset:0;width:0;background:color-mix(in srgb,var(--mit) 22%,transparent);transition:width .5s}
.poll .opt span{position:relative;display:flex;justify-content:space-between}
.poll.voted .opt{cursor:default}
.event .when{display:flex;gap:12px;align-items:center}
.cal{width:52px;flex:none;border-radius:var(--r-sm);background:var(--bg);text-align:center;padding:6px 0}
.cal small{display:block;font-size:11px;font-weight:700;color:var(--leben)}
.cal b{font-size:24px;line-height:1}
.acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.quiz .q{font-weight:600;font-size:16px;margin:6px 0 4px}
.dpa-l{font-size:11px;border:1px solid var(--line);border-radius:var(--r-xs);padding:1px 5px;font-weight:700}

/* Meistgelesen */
.rank{margin:0 16px;background:var(--paper);border-radius:var(--r-lg);padding:4px 14px}
.rk{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}
.rk:last-child{border:0}
.rk .n{font-size:28px;font-weight:900;color:var(--nz);width:22px;line-height:1}
.rk strong{font-size:14px;line-height:1.2;display:block}
.rk small{font-size:12.5px;color:var(--muted)}
.rk .tr{margin-left:auto;font-size:11px;font-weight:700;color:var(--sport);white-space:nowrap}
.rk .tr.dn{color:var(--muted)}

/* Week */
.week{margin:0 16px;background:var(--paper);border-radius:var(--r-lg);padding:14px}
.days{display:flex;gap:6px;margin:10px 0 8px}
.days span{flex:1;height:34px;border-radius:var(--r-sm);background:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted)}
.days span.y{background:var(--nz);color:var(--on-dark)}
.days span.t{outline:2px dashed var(--nz);outline-offset:-2px;color:var(--nz)}
.week p{font-size:12.5px;color:var(--muted)}

/* ePaper teaser */
.epteaser{margin:0 16px;background:var(--deep);color:var(--on-dark);border-radius:var(--r-lg);padding:16px;display:flex;gap:14px;align-items:center;text-align:left;width:calc(100% - 32px)}
.epteaser img{width:92px;border-radius:var(--r-xs);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.epteaser strong{font-size:20px;line-height:1.1;display:block;margin:4px 0}
.epteaser small{font-size:12.5px;opacity:.8}
.foot{padding:26px 16px 8px;font-size:12.5px;color:var(--muted);text-align:center}

/* Tabbar */
.tabbar{flex:none;background:var(--paper);border-top:1px solid var(--line);display:flex;padding:6px 6px 16px}
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);padding:4px 0}
.tabbar svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8}
.tabbar button[aria-current="page"]{color:var(--nz)}

/* Sub-view header */
.vh{background:var(--paper);padding:16px 16px 14px}
.vh h1{font-size:34px;letter-spacing:-.04em;line-height:.95;font-weight:900}
.vh p{font-size:14px;color:var(--muted);margin-top:6px}
.back{font-size:12.5px;font-weight:600;color:var(--nz);margin-bottom:10px}

/* Artikel */
.art-top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--paper)}
.art{background:var(--paper);padding:0 18px 22px}
.art h1{font-size:28px;line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:6px 0 10px}
.art .by{font-size:12.5px;color:var(--muted);line-height:1.5}
.art .hero-img{margin:14px -18px 6px;aspect-ratio:16/9;background:center/cover}
.cap{font-size:11px;color:var(--muted)}
.modes{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:16px 0 12px}
.modes button{flex:none;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:600}
.modes button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.body{font-family:"Noto Sans",system-ui,sans-serif;font-size:18px;line-height:1.62}
.body p+p{margin-top:12px}
.player{display:flex;gap:12px;align-items:center;background:var(--bg);border-radius:var(--r-md);padding:12px;margin-bottom:12px}
.pbtn{width:44px;height:44px;border-radius:50%;background:var(--nz);color:var(--on-dark);display:grid;place-items:center;font-size:16px;flex:none}
.wave{flex:1;display:flex;gap:2px;align-items:center;height:30px}
.wave i{flex:1;background:var(--nz);border-radius:2px;opacity:.35}
.wave i.p{opacity:1}
.box{background:var(--paper);margin:12px 16px 0;border-radius:var(--r-lg);padding:14px}
.box h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}
.link{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);width:100%;text-align:left}
.link:first-of-type{border-top:0}
.link .li{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-weight:800;flex:none}
.link strong{font-size:14px;display:block;line-height:1.2}
.link small{font-size:12.5px;color:var(--muted)}
.fb{display:flex;gap:6px;flex-wrap:wrap}

/* Live-Lage */
.lagehead{background:var(--lage);color:var(--on-dark);padding:16px}
.lagehead h1{font-size:28px;line-height:1;letter-spacing:-.035em;margin:6px 0}
.facts{background:var(--paper);margin:12px 16px 0;border-radius:var(--r-lg);padding:14px}
.facts li{list-style:none;padding:7px 0 7px 18px;position:relative;font-size:14px;line-height:1.35}
.facts li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:var(--lage)}
.tl{margin:12px 16px 0;background:var(--paper);border-radius:var(--r-lg);padding:14px}
.tl .e{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.35}
.tl .e:first-of-type{border:0}
.tl .e b{font-weight:800;color:var(--lage)}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 16px 0}
.svc div{background:var(--paper);border-radius:var(--r-md);padding:12px}
.svc small{font-size:11px;color:var(--muted);display:block}
.svc strong{font-size:18px;display:block;margin:2px 0}
.svc .bad{color:var(--lage)}
.src{font-size:11px;color:var(--muted);padding:12px 16px 0}

/* ePaper */
.issue{margin:0 16px;display:flex;gap:16px;align-items:flex-end}
.issue img{width:150px;border-radius:var(--r-xs);box-shadow:0 14px 30px -10px rgba(0,30,50,.45);cursor:pointer}
.issue strong{font-size:24px;letter-spacing:-.03em;line-height:1.05;display:block}
.issue small{display:block;font-size:12.5px;color:var(--muted);margin:6px 0 10px}
.covers{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 16px}
.covers::-webkit-scrollbar{display:none}
.covers button{flex:none;width:86px;text-align:left;font-size:12.5px;font-weight:600}
.covers img{border-radius:var(--r-xs);margin-bottom:5px;border:1px solid var(--line)}
.sup{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
.sup button{background:var(--paper);border-radius:var(--r-md);padding:12px;text-align:left;border-left:5px solid var(--c)}
.sup strong{display:block;font-size:16px}
.sup small{font-size:12.5px;color:var(--muted)}
.reader{background:#2B3A44;padding:14px 12px;position:relative}
.reader img{border-radius:3px;width:100%}
.hot{position:absolute;left:12px;right:12px;top:23%;height:39%;border:3px solid #FFC400;border-radius:var(--r-xs);background:rgba(255,196,0,.14);animation:blink 2.2s ease-in-out 2}
@keyframes blink{50%{background:rgba(255,196,0,.35)}}
.rbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--paper);font-size:12.5px;font-weight:600}

/* Lokal */
.places{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px}
.nl{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);text-align:left;width:100%}
.nl:first-child{border:0}
.nl time{font-size:12.5px;font-weight:700;color:var(--nz);width:40px;flex:none;padding-top:2px}
.nl strong{font-size:16px;line-height:1.2;display:block}
.nl small{font-size:12.5px;color:var(--muted)}
.evs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 16px}
.evs::-webkit-scrollbar{display:none}
.ev{flex:none;width:200px;background:var(--paper);border-radius:var(--r-md);padding:12px;border-top:5px solid var(--leben)}
.ev strong{display:block;font-size:16px;line-height:1.2;margin:6px 0 4px}
.ev small{font-size:12.5px;color:var(--muted)}

/* Media */
.brief{margin:0 16px;background:var(--media);color:var(--on-dark);border-radius:var(--r-lg);padding:16px}
.brief h2{font-size:24px;letter-spacing:-.03em;line-height:1.05;margin:6px 0 10px}
.brief .wave i{background:#fff}
.brief .pbtn{background:#fff;color:var(--media)}
.bl{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.25);font-size:14px}
.bl small{opacity:.8;display:block;font-size:12.5px}
.reels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 16px}
.rt{aspect-ratio:9/16;border-radius:var(--r-md);background:var(--bgimg) center/cover,var(--deep);position:relative;overflow:hidden;color:var(--on-dark);text-align:left}
.rt span{position:absolute;inset:auto 0 0 0;padding:8px;font-size:11px;font-weight:700;line-height:1.15;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.pod{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:var(--r-md);padding:12px;margin:0 16px 8px}
.pod .cv{width:52px;height:52px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--on-dark);font-weight:900;font-size:18px;flex:none}
.pod strong{display:block;font-size:14px}
.pod small{font-size:12.5px;color:var(--muted)}

/* Meine NZ */
.me{display:flex;gap:12px;align-items:center;margin:0 16px;background:var(--paper);border-radius:var(--r-lg);padding:14px}
.av{width:52px;height:52px;border-radius:50%;background:var(--nz);color:var(--on-dark);display:grid;place-items:center;font-weight:800;font-size:20px}
.me strong{font-size:18px;display:block}
.me small{font-size:12.5px;color:var(--muted)}
.list{margin:0 16px;background:var(--paper);border-radius:var(--r-lg);padding:2px 14px}
.li2{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14px;width:100%;text-align:left}
.li2:first-child{border:0}
.li2 small{color:var(--muted);font-size:12.5px}
.sw{width:42px;height:25px;border-radius:13px;background:var(--line);position:relative;flex:none;transition:background .2s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}
.sw[aria-checked="true"]{background:var(--nz)}
.sw[aria-checked="true"]::after{transform:translateX(17px)}
.follows{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px}
.status-l{font-size:12.5px;font-weight:700;border-radius:var(--r-xs);padding:2px 8px;background:color-mix(in srgb,var(--mit) 16%,transparent);color:var(--mit)}

/* Overlays */
.scrim{position:absolute;inset:0;background:rgba(3,20,32,.5);z-index:20;display:none}
.scrim.on{display:block}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:21;background:var(--paper);border-radius:var(--r-lg) 26px 0 0;padding:10px 18px 26px;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);max-height:82%;overflow-y:auto}
.sheet.on{transform:none}
.grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 14px}
.sheet h2{font-size:24px;letter-spacing:-.03em;margin-bottom:4px}
.sheet p.s{font-size:14px;color:var(--muted);margin-bottom:12px}
.notif{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.3;text-align:left;width:100%}
.notif i{width:9px;height:9px;border-radius:50%;background:var(--c);margin-top:5px;flex:none}
.notif small{display:block;color:var(--muted);font-size:12.5px}
.field{display:block;margin-bottom:10px}
.field span{display:block;font-size:12.5px;font-weight:600;margin-bottom:4px}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}
.steps{display:flex;gap:4px;margin:12px 0}
.steps span{flex:1;font-size:11px;font-weight:700;text-align:center;padding-top:6px;border-top:4px solid var(--line);color:var(--muted)}
.steps span.d{border-color:var(--mit);color:var(--ink)}
.story{position:absolute;inset:0;z-index:30;background:#000;color:var(--on-dark);display:none;flex-direction:column}
.story.on{display:flex}
.story .sbg{position:absolute;inset:0;background:var(--bgimg) center/cover;opacity:.85}
.story .shade{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.45),transparent 30%,transparent 50%,rgba(0,15,25,.92))}
.prog{position:relative;display:flex;gap:4px;padding:14px 12px 0}
.prog span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.prog span i{display:block;height:100%;width:0;background:#fff}
.story .shd{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;font-weight:600}
.story .sbody{position:relative;margin-top:auto;padding:18px 18px 28px}
.story .sbody small{font-size:12.5px;font-weight:700;background:rgba(255,255,255,.18);padding:3px 8px;border-radius:var(--r-xs)}
.story .sbody h2{font-size:28px;line-height:1.02;letter-spacing:-.035em;margin:10px 0 8px}
.story .sbody p{font-size:16px;opacity:.9;line-height:1.4}
.story .cta{margin-top:14px;display:flex;gap:8px}
.story .cta button{background:#fff;color:var(--brand-deep);border-radius:var(--r-pill);padding:10px 16px;font-weight:700;font-size:14px}
.story .cta .gh{background:rgba(255,255,255,.18);color:var(--on-dark)}
.tapL,.tapR{position:absolute;top:70px;bottom:190px;width:40%;z-index:1}
.tapL{left:0}.tapR{right:0}
.toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:9px 15px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;opacity:0;transition:.25s;z-index:40;white-space:nowrap;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.themeb{font-size:12.5px;color:var(--muted);text-decoration:underline}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Responsive Shell ===== */
body{display:block;padding:0;background:var(--bg);min-height:100vh}
.app{min-height:100vh;padding-bottom:84px}
.top{position:sticky;top:0;z-index:15;padding:0;display:block;border-bottom:0}
.top-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line)}
.dnav{display:none}
.strip{background:var(--deep);color:var(--on-dark)}
.strip-in{max-width:1240px;margin:0 auto;display:flex;gap:16px;align-items:center;overflow-x:auto;padding:6px 16px;font-size:12.5px;white-space:nowrap;scrollbar-width:none}
.strip-in::-webkit-scrollbar{display:none}
.tidechip{display:flex;align-items:center;gap:6px;color:var(--on-dark);font-size:12.5px}
.strip svg{width:60px;height:16px;flex:none}
.strip b{color:var(--nz-hi);font-weight:700}
.strip .al{color:var(--lage-hi);font-weight:700}.ok2{color:#9FE8C0;font-weight:700}
.viewport{overflow:visible}
.view{margin:0 auto}
.wrap{max-width:1240px;margin:0 auto}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:15;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.scrim,.story,.toast{position:fixed}
.sheet{position:fixed;z-index:21}
.toast{bottom:150px}

.greet{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 16px 10px}
.greet h1{font-size:24px;line-height:1.08;letter-spacing:-.035em;font-weight:900}
.greet h1 #greetName{color:var(--nz)}
.greet h1 span{color:var(--nz)}
.greet .date{margin-top:4px}
.greet .scope{margin:0;background:var(--paper)}

.topnews{display:grid;gap:12px;padding:0 16px}
.lead{display:block;width:100%;text-align:left;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 1px 2px rgba(6,50,77,.06)}
.lead .limg{display:block;position:relative;width:100%;aspect-ratio:16/10;background-image:var(--i-hafen);background-position:center 32%;background-size:cover;background-repeat:no-repeat}
.lead .limg::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,rgba(158,27,27,0),rgba(158,27,27,.22))}
.lead .lk{position:absolute;z-index:2;left:12px;top:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--on-dark);background:var(--lage);padding:6px 11px;border-radius:var(--r-pill);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.lead .lcap{position:absolute;z-index:2;right:10px;bottom:8px;font-size:11px;color:var(--on-dark);opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.lead .ltx{display:block;background:var(--lage);color:var(--on-dark);padding:16px 18px 16px}
.lead .ltx > *{display:block}
.lead .ltx > * + *{margin-top:8px}
.lead h2{font-size:28px;line-height:1.02;letter-spacing:-.035em;font-weight:900;max-width:22ch}
.lead p{font-size:16px;line-height:1.4;opacity:.96;max-width:52ch}
.lead .lmeta{display:flex;flex-wrap:wrap;gap:6px}
.lead .lmeta span{font-size:11px;font-weight:700;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);padding:4px 9px;border-radius:var(--r-pill)}
.lead .lf{font-size:12.5px;font-weight:800;opacity:.95}
.related{background:var(--paper);border-radius:var(--r-lg);padding:12px 16px 4px}
.related h3{font-size:14px;font-weight:700;color:var(--muted)}
.rel{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);width:100%;text-align:left}
.related h3+.rel{border-top:0}
.rth{width:56px;height:56px;border-radius:var(--r-sm);background:center/cover var(--bg);flex:none}
.rth.ic{display:grid;place-items:center;font-size:24px;font-weight:900;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.rel strong{display:block;font-size:16px;line-height:1.2;margin-top:2px}
.sec-st .stories{padding-top:2px}
.sec-st{margin-top:22px}
.layout{display:block}
.aside .sec:first-child{margin-top:26px}
.epteaser{width:calc(100% - 32px)}

/* Reader */
.rbar{position:sticky;top:98px;z-index:5}
.rnav{display:flex;align-items:center;gap:6px}
.rnav button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);font-size:18px;line-height:1}
.rlayout{display:block}
.reader{display:flex;justify-content:center;background:#2B3A44;padding:12px;touch-action:pan-y}
.pgw{position:relative;display:inline-block;max-width:100%}
.pgw img{width:auto;max-width:100%;max-height:calc(100vh - 170px);border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hot{left:0;right:0;top:23%;height:39%}
.hot[hidden]{display:none}
.rside .box{margin:12px 16px 0}

/* Tablet (Hochformat) */
@media (min-width:700px){
  .greet{padding:22px 24px 14px}
  .greet h1{font-size:34px}
  .topnews{padding:0 24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .lead .limg{aspect-ratio:16/9}
  .lead .ltx{padding:20px 24px}
  .lead h2{font-size:42px}
  .stories{padding-left:24px;padding-right:24px}
  .sec-h{padding:0 24px}
  .three,.cont,.rank,.week,.box,.me,.list,.brief,.pod{margin-left:24px;margin-right:24px}
  .cont,.filters,.follows,.places,.evs,.covers,.reels,.sup,.feed{padding-left:24px;padding-right:24px}
  .cont{margin:0}
  .feed{grid-template-columns:1fr 1fr;align-items:start}
  .feed .card.big{grid-column:1/-1}
  .feed .card.big .ph{aspect-ratio:21/8}
  .reels{grid-template-columns:repeat(5,1fr)}
  .epteaser{margin:0 24px;width:calc(100% - 48px)}
  .vh{padding:22px 24px 16px}
  .art{padding:0 24px 24px}
  .art .hero-img{margin:14px -24px 6px}
  .svc,.facts,.tl{margin-left:24px;margin-right:24px}
  .svc{grid-template-columns:repeat(4,1fr)}
  .src{padding:12px 24px 0}
  .view:not(#v-start):not(#v-reader){max-width:820px}
  .issue{margin:0 24px}
  .issue img{width:220px}
  .rside .box{margin:14px 24px 0}
  .pgw img{max-height:calc(100vh - 150px)}
}

/* Querformat / Desktop */
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .app{padding-bottom:0}
  .tabbar{display:none}
  .dnav{display:flex;gap:2px;margin-right:8px}
  .dnav button{padding:8px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--muted)}
  .dnav button:hover{background:var(--bg);color:var(--ink)}
  .dnav button[aria-current="page"]{background:var(--nz);color:var(--on-dark)}
  .logo{font-size:24px}
  .toast{bottom:28px}
  .layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px;align-items:start}
  .aside{position:sticky;top:110px}
  .aside .sec-h,.aside .rank,.aside .week{margin-left:0;margin-right:24px;padding-left:0}
  .aside .sec-h{padding-right:0}
  .aside .epteaser{margin:0 24px 0 0;width:calc(100% - 24px)}
  .aside .foot{text-align:left;padding:20px 24px 20px 0}
  .main .feed{grid-template-columns:1fr 1fr}
  .lead{min-height:420px}
  .lead h2{font-size:46px}
  .sheet{left:50%;right:auto;bottom:auto;top:50%;width:480px;border-radius:var(--r-lg);transform:translate(-50%,-40%);opacity:0;pointer-events:none;transition:.25s}
  .sheet.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}
  .grab{display:none}
  .story{top:24px;bottom:24px;left:50%;right:auto;width:min(430px,calc((100vh - 48px)*.5625));transform:translateX(-50%);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 100vmax rgba(3,15,24,.85)}
  #v-lage{display:none}
  #v-lage.on{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;align-items:start;padding:0 12px 28px}
  #v-lage .lagehead{grid-column:1/-1;border-radius:0 0 24px 24px;padding:22px 24px}
  #v-lage .lagehead h1{font-size:42px}
  .rlayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}
  .rside{position:sticky;top:160px}
  .rbar{top:104px}
  .pgw img{max-height:calc(100vh - 140px)}
  .view#v-reader{max-width:1400px}
}
@media (min-width:1000px){
  .greet,.topnews,.stories,.sec-h{padding-left:32px;padding-right:32px}
  .main .three,.main .cont,.main .filters,.main .feed{margin-left:0}
  .main > .sec .three{margin-left:32px}
  .main .cont,.main .filters,.main .feed{padding-left:32px}
  .main .feed{padding-right:16px}
  .main .sec-h{padding-right:16px}
  .main .three{margin-right:16px}
}

/* ===== V21: Themenwelten im Feed ===== */
.tw-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--on-dark);background:var(--c);padding:3px 8px 3px 6px;border-radius:var(--r-pill);letter-spacing:.01em}
.tw-badge em{font-style:normal;font-size:12.5px}
.card .twline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.card .twwhy{font-size:11px;color:var(--muted);font-weight:600}
.nl .twdot{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:2px 7px;border-radius:var(--r-pill);margin-left:6px}
.twempty{background:var(--paper);border:1px dashed var(--line);border-radius:var(--r-md);padding:16px;margin:0 16px;display:grid;gap:8px}
@media(min-width:700px){.twempty{margin:0 24px}}
.twempty strong{font-size:16px}
.twempty p{font-size:14px;color:var(--muted);line-height:1.45}
.twpicks{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.twpicks button{border:1px solid var(--line);background:var(--bg);border-radius:var(--r-pill);padding:8px 13px;font-size:14px;font-weight:700;color:var(--ink)}
.twpicks button[aria-pressed="true"]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}

/* ===== V20: Audiences ===== */
.audrow{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none}
.audrow::-webkit-scrollbar{display:none}
@media(min-width:700px){.audrow{padding-left:24px;padding-right:24px}}
.aud{flex:none;width:150px;border-radius:var(--r-md);overflow:hidden;text-align:left;background:var(--paper);border:1px solid var(--line);position:relative}
@media(min-width:700px){.aud{width:186px}}
.aud .ai{position:relative;aspect-ratio:16/10;background:center/cover;background-image:var(--bgimg)}
.aud .ai::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),color-mix(in srgb,var(--c) 78%,transparent))}
.aud .ae{position:absolute;z-index:2;left:9px;bottom:7px;font-size:24px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.aud .an{position:absolute;z-index:2;right:9px;bottom:9px;color:var(--on-dark);font-size:16px;font-weight:900;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.aud .ab{padding:9px 11px 11px;display:block}
.aud .ab small{display:block;font-size:11px;color:var(--muted);font-weight:600;line-height:1.3}
.aud .af{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:11px;font-weight:800;color:var(--c)}
.aud .af .dot{width:6px;height:6px;border-radius:50%;background:var(--c)}
.aud[data-following="1"]::before{content:"<svg class="ic" aria-hidden="true"><use href="#i-check"></use></svg> folgst du";position:absolute;z-index:3;left:8px;top:8px;background:rgba(255,255,255,.95);color:var(--c);font-size:11px;font-weight:800;padding:3px 7px;border-radius:var(--r-pill)}
.audhead{padding:18px 16px 12px;color:var(--on-dark);background:var(--c)}
.audhead .ae{font-size:34px;display:block}
.audhead h1{font-size:34px;line-height:1.02;letter-spacing:-.035em;font-weight:900;margin:6px 0 4px}
.audhead p{font-size:14px;opacity:.92;line-height:1.45;max-width:56ch}

/* ===== V17: Newsband, Header-Toggle, Multi-Ort ===== */
.ticker{display:flex;align-items:stretch;gap:0;background:var(--deep);color:var(--on-dark);overflow:hidden;position:relative}
.ticker .tk-lab{flex:none;display:grid;place-items:center;padding:0 11px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--lage);color:var(--on-dark)}
.ticker .tk-vp{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 26px),transparent)}
.tk-track{display:flex;align-items:center;gap:0;white-space:nowrap;width:max-content;animation:tkroll 64s linear infinite;padding:8px 0}
.ticker.paused .tk-track{animation-play-state:paused}
@keyframes tkroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tk-track button{display:inline-flex;align-items:center;gap:6px;color:var(--on-dark);font-size:12.5px;font-weight:600;padding:0 16px;position:relative}
.tk-track button::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4)}
.tk-track b{color:var(--nz-hi);font-weight:800}
.tk-track .al{color:var(--lage-hi);font-weight:800}
.tk-track .ok2{color:#9FE8C0;font-weight:800}
.tk-track svg{width:56px;height:15px;flex:none}
.tk-track .eil{background:var(--lage);color:var(--on-dark);font-size:11px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.03em}
.tk-pause{flex:none;width:30px;color:var(--on-dark);font-size:11px;opacity:.7;background:linear-gradient(90deg,transparent,var(--deep) 60%)}
.tk-pause[aria-pressed="true"]{opacity:1}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none;overflow-x:auto}}

.hmode{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 11px 5px 9px;font-size:12.5px;font-weight:700;color:var(--ink);background:var(--paper);white-space:nowrap}
.hmode .hm{display:none;line-height:1}
.hmode .hm.k{display:flex;flex-direction:column;gap:2.5px}
.hmode .hm.k i{display:block;width:13px;height:2px;border-radius:1px;background:var(--nz)}
.hmode .hm.k i:nth-child(2){width:9px}
.hmode[aria-pressed="true"]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.hmode[aria-pressed="true"] .hm.k{display:none}
.hmode[aria-pressed="true"] .hm.r{display:block;font-size:11px}
.hmode .hmlab{max-width:0;overflow:hidden;opacity:0;transition:.2s}
@media(min-width:420px){.hmode .hmlab{max-width:90px;opacity:1}}

.placesum{display:flex;align-items:center;gap:7px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 13px;font-size:14px;font-weight:700;color:var(--ink)}
.placesum i{width:8px;height:8px;border-radius:50%;background:var(--nz);flex:none}
.placesum b{color:var(--nz);font-weight:800;font-size:12.5px}
.pllist{max-height:min(46vh,340px);overflow-y:auto;margin-top:6px;border-top:1px solid var(--line)}
.pllist button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 2px;border-bottom:1px solid var(--line);font-size:16px;font-weight:600;color:var(--ink)}
.pllist .cb{flex:none;width:22px;height:22px;border-radius:var(--r-xs);border:2px solid var(--line);display:grid;place-items:center;font-size:12.5px;color:var(--on-dark)}
.pllist button[aria-pressed="true"] .cb{background:var(--nz);border-color:var(--nz)}
.pllist small{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:1px}
.pllist .cnt{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:700}
.longhint{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:var(--r-pill);z-index:30;opacity:0;pointer-events:none;transition:.2s}
.longhint.on{opacity:1}
.tabbar button.pressing svg{transform:scale(.86);opacity:.7;transition:.18s}

/* ===== V16 Kiosk ===== */
.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:4px;margin:0 16px;width:calc(100% - 32px)}
@media(min-width:700px){.seg{margin:0 24px;width:calc(100% - 48px)}}
.seg button{flex:1;border:0;background:transparent;border-radius:var(--r-sm);padding:9px 8px;font-size:14px;font-weight:700;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px rgba(6,50,77,.14)}
.shelf{display:flex;gap:14px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.shelf::-webkit-scrollbar{display:none}
@media(min-width:700px){.shelf{padding-left:24px;padding-right:24px;gap:18px}}
.mag{flex:none;width:132px;text-align:left;background:transparent;border:0;padding:0}
@media(min-width:700px){.mag{width:158px}}
.cover{position:relative;aspect-ratio:3/4;border-radius:var(--r-xs);overflow:hidden;background:var(--deep);box-shadow:0 6px 18px rgba(6,50,77,.28),0 1px 3px rgba(0,0,0,.2);display:grid;align-content:start;gap:5px;padding:12px 11px;color:var(--on-dark)}
.cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(255,255,255,.14),rgba(0,0,0,0))}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(122deg,rgba(255,255,255,.16) 0 28%,rgba(255,255,255,0) 42%)}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover .cbrand{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85;z-index:1}
.cover .ctitle{font-family:"Noto Serif",Georgia,serif;font-size:20px;line-height:1.02;font-weight:600;letter-spacing:-.02em;z-index:1}
.cover .csub{font-size:11px;line-height:1.3;opacity:.9;z-index:1;font-weight:600}
.cover .cfoot{position:absolute;left:11px;right:11px;bottom:10px;font-size:11px;font-weight:700;opacity:.9;z-index:1}
.cover .cimg{position:absolute;inset:auto 0 0 0;height:52%;background:center/cover;z-index:0}
.cover .cimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--cc,var(--brand-deep)) 0%,rgba(0,0,0,.05) 45%)}
.badge{position:absolute;z-index:3;right:7px;top:7px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:var(--r-pill);color:var(--on-dark);letter-spacing:.02em}
.badge.free{background:var(--sport)}
.badge.abo{background:var(--nz)}
.badge.buy{background:var(--leben)}
.badge.new{background:var(--lage)}
.mag .mt{display:block;font-size:14px;font-weight:800;line-height:1.2;margin-top:9px}
.mag .ms{display:block;font-size:11px;color:var(--muted);margin-top:2px;font-weight:600}
.mag .mp{display:inline-block;font-size:11px;font-weight:800;margin-top:4px;color:var(--nz)}
.locked .cover{filter:saturate(.75)}
.locked .cover .lockic{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(6,50,77,.34);font-size:24px}
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 16px}
@media(min-width:700px){.igrid{grid-template-columns:repeat(5,1fr);gap:18px;padding:0 24px}}
.igrid .mag{width:auto}
.mhead{padding:16px;color:var(--on-dark);background:var(--deep)}
.mhead h1{font-family:"Noto Serif",Georgia,serif;font-size:34px;line-height:1.05;margin:8px 0 4px;font-weight:600}
.mhead p{font-size:14px;opacity:.9;max-width:56ch;line-height:1.45}
@media(min-width:700px){.mhead{padding:22px 24px;border-radius:0 0 24px 24px}.mhead h1{font-size:42px}}
.buybox{background:var(--paper);border:2px solid var(--leben);border-radius:var(--r-md);padding:14px;margin:12px 16px 0;display:grid;gap:8px}
@media(min-width:700px){.buybox{margin:12px 24px 0}}
.buybox strong{font-size:18px}
.buybox .p{font-size:14px;color:var(--muted);line-height:1.45}

/* ===== V15 ===== */
.epnav{display:flex;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none}
.epnav::-webkit-scrollbar{display:none}
.epnav button{flex:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 13px;font-size:14px;font-weight:700;color:var(--ink)}
.epnav button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark);border-color:var(--nz)}
.epgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px}
@media(min-width:700px){.epgrid{grid-template-columns:repeat(5,1fr);padding:0 24px}}
.epgrid button{background:var(--paper);border-radius:var(--r-sm);padding:6px;text-align:center;border:2px solid transparent}
.epgrid button[aria-current="true"]{border-color:var(--nz)}
.epgrid .thumb{aspect-ratio:3/4;border-radius:var(--r-xs);background:var(--bg) center/cover;display:grid;place-items:center;font-size:20px;font-weight:900;color:var(--muted);position:relative;overflow:hidden}
.epgrid .thumb img{width:100%;height:100%;object-fit:cover}
.epgrid small{display:block;font-size:11px;margin-top:5px;color:var(--muted);font-weight:700}
.epgrid .dot{position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--lage)}
.resume{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:var(--r-md);padding:12px;margin:0 16px;width:calc(100% - 32px);text-align:left;border-left:5px solid var(--nz)}
.resume .bar{height:5px;border-radius:3px;background:var(--line);margin-top:6px;overflow:hidden}
.resume .bar i{display:block;height:100%;background:var(--nz)}
.why-b{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:var(--r-pill);padding:3px 9px;border:1px solid var(--line)}
.pushrow{display:flex;gap:8px;padding:2px 0}
.pushrow button{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:10px 6px;font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.25}
.pushrow button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark);border-color:var(--nz)}
.prev{background:var(--bg);border:1px dashed var(--line);border-radius:var(--r-md);padding:11px 13px;font-size:14px;display:grid;gap:3px}
.prev b{font-size:14px}
.ints{display:flex;flex-wrap:wrap;gap:8px}
.ints button{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-pill);padding:8px 13px;font-size:14px;font-weight:700;color:var(--ink)}
.ints button[aria-pressed="true"]{background:color-mix(in srgb,var(--nz) 12%,transparent);border-color:var(--nz);color:var(--nz)}
.ints button[aria-pressed="true"]::before{content:"<svg class="ic" aria-hidden="true"><use href="#i-check"></use></svg> "}

/* ===== Demo-Füllung ===== */
.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
.themes button{background:var(--paper);border-radius:var(--r-md);padding:14px;text-align:left;border-top:5px solid var(--c)}
.themes b{font-size:24px;display:block}
.themes strong{display:block;font-size:16px;margin-top:4px}
.themes small{font-size:12.5px;color:var(--muted)}
.hours{display:flex;gap:6px;overflow-x:auto;margin:14px 0 10px;scrollbar-width:none}
.hours span{flex:1;min-width:46px;background:var(--bg);border-radius:var(--r-sm);padding:8px 4px;text-align:center;font-size:16px}
.hours small{display:block;font-size:11px;color:var(--muted)}
.hours b{display:block;font-size:12.5px}
.warn{background:color-mix(in srgb,var(--leben) 16%,transparent);border-radius:var(--r-sm);padding:9px 12px;font-size:14px;font-weight:600}
.st-b{font-size:12.5px;font-weight:700;border-radius:var(--r-xs);padding:3px 8px;white-space:nowrap;margin-left:8px}
.st-b.bad{background:color-mix(in srgb,var(--lage) 14%,transparent);color:var(--lage)}
.st-b.ok{background:color-mix(in srgb,var(--sport) 14%,transparent);color:var(--sport)}
.st-b.warn2{background:color-mix(in srgb,var(--leben) 16%,transparent);color:var(--leben)}
/* ===== V23: Galerie, Snippets, Funnel ===== */
.gal{margin:12px 0 4px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--card)}
.galwrap{position:relative}
.galnav{position:absolute;top:34px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.62);color:var(--on-dark);font-size:18px;cursor:pointer;z-index:3;display:grid;place-items:center;backdrop-filter:blur(4px)}
.galnav.l{left:-4px}.galnav.r{right:-4px}
.galnav[disabled]{opacity:.28;cursor:default}
.galdots{display:flex;gap:5px;justify-content:center;margin-top:8px}
.galdots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:.2s}
.galdots i.on{background:var(--nz);width:18px;border-radius:var(--r-pill)}
.galmore{display:block;width:100%;margin-top:10px;border:1px solid var(--line);background:transparent;color:var(--nz);border-radius:var(--r-sm);padding:9px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.galstrip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 4px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.galstrip::-webkit-scrollbar{display:none}
.galstrip button{flex:0 0 auto;scroll-snap-align:start;width:132px;border:0;padding:0;background:none;cursor:pointer;text-align:left}
.galstrip .gi{width:132px;height:88px;border-radius:var(--r-sm);background-size:cover;background-position:center;border:1px solid var(--line)}
.galstrip small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.25;max-height:28px;overflow:hidden}
.galhead{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.galhead b{color:var(--nz)}
.lbx{position:fixed;inset:0;z-index:120;background:#000;display:none;flex-direction:column}
.lbx.on{display:flex}
.lbx .lbi{flex:1;background-size:contain;background-repeat:no-repeat;background-position:center}
.lbx .lbc{color:var(--on-dark);font-size:12.5px;line-height:1.4;padding:12px 16px 20px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.lbx .lbt{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:var(--on-dark)}
.lbx .lbt button{background:rgba(255,255,255,.16);color:var(--on-dark);border:0;border-radius:var(--r-pill);padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}
.lbx .lbn{display:flex;gap:10px;justify-content:center;padding:0 16px 16px}
.lbx .lbn button{background:rgba(255,255,255,.16);color:var(--on-dark);border:0;border-radius:var(--r-pill);width:44px;height:44px;font-size:18px;cursor:pointer}
.snip{margin:12px 0;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--card);display:flex;gap:10px;align-items:center}
.snip .sb{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;background:var(--nz);color:var(--on-dark);font-size:16px;cursor:pointer}
.snip div{min-width:0}
.snip strong{display:block;font-size:14px}
.snip small{font-size:12.5px;color:var(--muted)}
.fnl{display:grid;gap:10px;margin:8px 0 4px}
.fstep{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}
.fstep .fl{font-size:12.5px;font-weight:600}
.fstep .fv{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.fstep .fbar{grid-column:1/-1;height:10px;border-radius:var(--r-pill);background:var(--line);overflow:hidden}
.fstep .fbar i{display:block;height:100%;border-radius:var(--r-pill);background:var(--nz)}
.fstep .fn{grid-column:1/-1;font-size:11px;color:var(--muted)}
.ftab{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px}
.ftab button{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-pill);padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ftab button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.fkpi{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--card)}
.fkpi b{display:block;font-size:20px;line-height:1.1}
.fkpi small{font-size:11px;color:var(--muted)}
.frec{border-left:3px solid var(--nz);padding:8px 0 8px 10px;margin:8px 0;font-size:12.5px;line-height:1.45}
.frec b{color:var(--nz)}
/* ===== V23b: Lesekomfort ===== */
.cfgb{position:relative}
.cfg-row{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.cfg-row:last-child{border-bottom:0}
.cfg-row .cl{grid-column:1/-1;font-size:14px;font-weight:700}
.cfg-row .cd{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:-2px}
.cfg-seg{grid-column:1/-1;display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.cfg-seg button{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-pill);padding:8px 13px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.cfg-seg button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.cfg-prev{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--card)}
.cfg-prev p{margin:0;font-size:calc(17px * var(--pfs,1));line-height:var(--plh,1.62)}
.cfg-prev.serif p{font-family:'Noto Serif',Georgia,serif}
.a11y-bar{display:flex;gap:6px;overflow-x:auto;padding:0 0 4px;margin:2px 0 0}
.a11y-bar::-webkit-scrollbar{display:none}
.a11y-bar button{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-pill);padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.a11y-bar button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
/* ===== V25: globales Barrierefreiheits-Panel (rechter Rand) ===== */
.eabtn{border:1px solid var(--nz);background:var(--nz);color:var(--on-dark)}
.eabtn .ic{stroke-width:1.6}

.eabtn:focus-visible{outline:2px solid var(--nz);outline-offset:2px}
.eapanel{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:132;background:var(--bg);border-left:1px solid var(--line);box-shadow:-8px 0 34px rgba(0,0,0,.28);transform:translateX(102%);transition:transform .26s cubic-bezier(.22,.7,.3,1);display:flex;flex-direction:column}
.eapanel.on{transform:none}
.eahead{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.eahead h2{margin:0;font-size:18px;flex:1}
.eahead button{border:0;background:var(--line);color:var(--fg);border-radius:var(--r-pill);width:32px;height:32px;font-size:16px;cursor:pointer}
.eabody{flex:1;overflow-y:auto;padding:4px 16px 20px;-webkit-overflow-scrolling:touch}
.eafoot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px}
.eafoot button{flex:1;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-sm);padding:10px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.eascrim{position:fixed;inset:0;z-index:131;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .22s}
.eascrim.on{opacity:1;pointer-events:auto}
.eagrp{padding:14px 0;border-bottom:1px solid var(--line)}
.eagrp:last-child{border-bottom:0}
.eagrp .gl{font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px}
.eagrp .gd{font-size:12.5px;color:var(--muted);margin:3px 0 0;line-height:1.4}
.easeg{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.easeg button{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-pill);padding:8px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.easeg button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.eatog{margin-top:9px;display:flex;align-items:center;gap:10px}
.eatog .sw2{width:46px;height:26px;border-radius:var(--r-pill);border:0;background:var(--line);position:relative;cursor:pointer;flex:0 0 auto}
.eatog .sw2::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.eatog .sw2[aria-checked=true]{background:var(--nz)}
.eatog .sw2[aria-checked=true]::after{left:23px}
.eatog span{font-size:12.5px;font-weight:600}
.eaprev{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;background:var(--card)}
.eaprev p{margin:0;font-size:16px;line-height:1.55}
.ealang{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.ealang button{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:var(--r-sm);padding:9px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}
.ealang button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.eanote{font-size:11px;color:var(--muted);line-height:1.45;margin:14px 0 0}
/* globale Wirkung */
body.ea-fs{}
.hearb{background:var(--nz)!important;border-color:var(--nz)!important;color:var(--on-dark)!important}
.modes button.hearb[aria-pressed=true]{background:#111!important;border-color:#111!important}
/* ===== V25: globale Wirkung der Barrierefreiheits-Einstellungen ===== */
/* Panel-Button in Vollbild-Ansichten ausblenden */
body.fullview .eabtn{display:none}
.top .eabtn{flex:none}
.modes .hearb{margin-left:auto}
#aHearNote{margin:8px 0 0;padding:9px 11px;border-left:3px solid var(--nz);background:var(--card);border-radius:0 10px 10px 0;font-size:12.5px;line-height:1.45}
:root{--gfs:1;--glh:1.62}
body{font-size:calc(15px * var(--gfs))}
.feed h3,.card h3{font-size:calc(18px * var(--gfs));line-height:1.25}
.card p,.nl strong,.li2,.link strong,.cc strong{font-size:calc(14.5px * var(--gfs))}
.tag,.meta,.why,small{font-size:calc(12px * var(--gfs))}
.vh h1{font-size:calc(26px * var(--gfs))}
.art h1{font-size:calc(27px * var(--gfs));line-height:1.2}
.art .body p{font-size:calc(17px * var(--gfs));line-height:var(--glh);max-width:34rem}
.tabbar button{font-size:calc(10px * var(--gfs))}
body.g-serif .art .body p,body.g-serif .art h1,body.g-serif .card h3{font-family:'Noto Serif',Georgia,serif}
body.g-hl .art .body p{background:linear-gradient(transparent 62%,rgba(227,6,19,.10) 62%)}
body.g-wide .art .body p{max-width:none}
body.g-dys{letter-spacing:.022em;word-spacing:.08em}
body.g-dys .art .body p{letter-spacing:.03em;word-spacing:.12em}
body.g-links a,body.g-links .themeb,body.g-links .link strong{text-decoration:underline;text-underline-offset:2px}
body.g-noanim *,body.g-noanim *::before,body.g-noanim *::after{animation-play-state:paused!important;transition-duration:.001s!important}
body.g-noanim #tkTrack{animation:none!important;transform:none!important}
body.g-cursor button,body.g-cursor .chip,body.g-cursor .pill{min-height:48px;padding-top:11px;padding-bottom:11px}
body.g-cursor .tabbar button{min-height:60px}
body.g-hc{--muted:#111;--line:#555}
body.g-hc .card,body.g-hc .li2,body.g-hc .box{border-width:2px}
body.g-hc .tag,body.g-hc .why,body.g-hc small{color:#111}
html[data-theme=dark] body.g-hc{--muted:#f2f2f2;--line:#bbb}
html[data-theme=dark] body.g-hc .tag,html[data-theme=dark] body.g-hc .why,html[data-theme=dark] body.g-hc small{color:#f2f2f2}
.paywall{margin-top:16px;border-radius:var(--r-md);padding:16px;background:linear-gradient(var(--bg),var(--bg)) padding-box;border:2px solid var(--nz);display:grid;gap:8px;justify-items:start}
.paywall strong{font-size:20px}
.paywall p{font-size:14px;color:var(--muted)}
.body.cut{max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,transparent)}
.dyn-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.dyn-h button{font-size:18px;width:34px;height:34px;border-radius:50%;background:var(--bg);flex:none}
.sheet .li2{border-top:1px solid var(--line)}
.srch{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;font:inherit;background:var(--bg);color:var(--ink);margin-bottom:8px}
.cm{padding:10px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.4}
.cm b{font-size:12.5px}
.cm small{color:var(--muted);font-size:12.5px}
.cm .rp{margin-left:14px;padding-left:10px;border-left:3px solid var(--nz);margin-top:6px}
.langs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.langs button{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;text-align:left;font-weight:600}
.langs button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark);border-color:var(--nz)}
.tabs2{display:flex;gap:6px;margin:4px 0 10px;overflow-x:auto}
.tabs2 button{border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:600;flex:none}
.tabs2 button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.stepline{display:grid;gap:0;margin:8px 0}
.stepline div{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:14px;color:var(--muted)}
.stepline div i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);flex:none;margin-top:2px}
.stepline div.d{color:var(--ink)}
.stepline div.d i{background:var(--mit);border-color:var(--mit)}
.chat{display:grid;gap:8px;margin:6px 0 10px}
.chat p{max-width:80%;padding:9px 12px;border-radius:var(--r-md);font-size:14px;background:var(--bg)}
.chat p.u{justify-self:end;background:var(--nz);color:var(--on-dark)}
.mini{position:fixed;left:10px;right:10px;bottom:84px;z-index:16;background:var(--ink);color:var(--paper);border-radius:var(--r-md);padding:8px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mini[hidden]{display:none}
.mini .pbtn{width:38px;height:38px;font-size:12.5px}
.mi{flex:1;min-width:0}
.mi strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi small{display:block;font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi .bar{background:rgba(255,255,255,.2);margin-top:5px}
.mspd{color:var(--paper);font-weight:700;font-size:12.5px;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-pill);padding:4px 9px}
.mx{color:var(--paper);font-size:16px;padding:4px}
.tw-head{padding:18px 16px 20px;color:var(--on-dark);background:var(--c)}
.tw-head h1{font-size:42px;letter-spacing:-.04em;line-height:.95;margin:8px 0}
.tw-head p{font-size:14px;opacity:.92;max-width:48ch}
.tw-head .acts .pill{background:#fff;color:var(--brand-deep);border:0}
.plan{margin:0 16px;border-radius:var(--r-lg);padding:18px;background:var(--deep);color:var(--on-dark)}
.plan strong{font-size:24px;letter-spacing:-.02em;display:block;margin:4px 0}
.plan small{opacity:.8}
.offers{display:grid;gap:8px}
.offer{border:2px solid var(--line);border-radius:var(--r-md);padding:12px;text-align:left;width:100%}
.offer[aria-pressed="true"]{border-color:var(--nz);background:color-mix(in srgb,var(--nz) 8%,transparent)}
.offer strong{display:block}
.offer small{color:var(--muted)}
details.faq{border-top:1px solid var(--line);padding:11px 0;font-size:14px}
details.faq summary{cursor:pointer;font-weight:600}
details.faq p{color:var(--muted);margin-top:6px;font-size:14px}
button.tag{padding:0;text-align:left}
@media (min-width:700px){.themes{grid-template-columns:repeat(4,1fr);padding:0 24px}.tw-head{padding:26px 24px}.plan{margin:0 24px}}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){.mini{left:auto;right:24px;bottom:24px;width:380px}#v-thema.on{max-width:1240px}#v-thema .feed{grid-template-columns:repeat(3,1fr)}}

/* Echte NZ-Logos */
.logo{color:var(--ink);display:flex;align-items:center;gap:0;padding:2px 0}
.logo .mono{display:block;width:40px;height:29px;background:currentColor;-webkit-mask:url(assets/img/img-001.png) center/contain no-repeat;mask:url(assets/img/img-001.png) center/contain no-repeat}
.logo .wm{display:none;height:22px;width:auto}
.dnav button{white-space:nowrap}
@media (max-width:999px){.dnav button{padding:8px 10px!important}.place span{max-width:90px;overflow:hidden;text-overflow:ellipsis}}
@media (min-width:700px){.logo .mono{display:none}.logo .wm{display:block}}
@media (min-width:1000px){.logo .wm{height:26px}}
.evimg{display:block;height:90px;margin:-12px -12px 8px;background:center/cover}
.ev{overflow:hidden}


/* ===== Feed-Layout mehrspaltig: keine Lücken, Bilder mit klarer Fläche ===== */
@media (min-width:700px){
  .feed{align-items:stretch;grid-auto-flow:row dense;grid-auto-rows:minmax(320px,auto)}
  .feed > .card{height:100%}

  /* Variante A: Bild oben, mindestens zwei Drittel der Kachelhöhe */
  .feed > .card:has(> .ph){display:flex;flex-direction:column}
  .feed > .card:has(> .ph) > .ph{flex:2 1 0;aspect-ratio:auto;min-height:190px}
  .feed > .card:has(> .ph) > .ci{flex:0 0 auto}

  /* Grosse Aufmacherkarte behaelt ihr Panoramabild */
  .feed > .card.big{display:block}
  .feed > .card.big > .ph{aspect-ratio:21/8;min-height:0}

  /* Variante B: Bild als halbe Kachel (Seitenlayout) */
  .feed > .card:has(> .ci.side){display:flex;flex-direction:column;overflow:hidden}
  .feed > .card:has(> .ci.side) > .ci.side{flex:1 1 auto;padding:0;gap:0;align-items:stretch}
  .feed > .card:has(> .ci.side) > .ci.side > div:first-child{padding:13px 14px 12px;display:flex;flex-direction:column;justify-content:center}
  .feed > .card:has(> .ci.side) > .ci.side > .th{width:46%;height:auto;min-height:100%;border-radius:0;flex:none;order:2}

  /* Variante C: Bild als Kachel-Hintergrund (Reel) */
  .feed > .card.reel{aspect-ratio:auto;min-height:320px}

  /* Karten ohne Bild: Inhalt oben, Fussbereich unten */
  .feed > .card:not(:has(> .ph)):not(:has(> .ci.side)) > .ci{height:100%;display:flex;flex-direction:column}
  .feed > .card.poll > .ci .meta:last-child,
  .feed > .card.event > .ci .acts{margin-top:auto}
}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .feed > .card.reel{min-height:360px}
  .feed > .card:has(> .ph) > .ph{min-height:210px}
}
/* Fallback ohne :has(): gleich hohe Zeilen statt Loecher */
@supports not selector(:has(*)){
  @media (min-width:700px){
    .feed{grid-auto-rows:minmax(300px,auto)}
    .feed > .card .ph{min-height:200px}
    .feed > .card.reel{aspect-ratio:auto}
  }
}

/* ===== Mobile: Seitenbild nutzt die Kachelgrenzen ===== */
.card > .ci.side{padding:0;gap:0;align-items:stretch}
.card > .ci.side > div:first-child{padding:13px 14px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.card > .ci.side > .th{width:40%;min-width:120px;height:auto;min-height:118px;border-radius:0;flex:none;order:2;align-self:stretch}
.card:has(> .ci.side){overflow:hidden}

/* ===== Artikel-Fassungen ohne horizontales Scrollen ===== */
.modes{flex-wrap:wrap;overflow:visible;gap:6px 6px}
.modes button{flex:0 1 auto}

/* ===== Reel-Modus (TikTok) ===== */
.modeswitch{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;gap:2px}
.modeswitch button{border-radius:var(--r-pill);padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.modeswitch button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark)}
#v-reels{background:#05121C}
.rfeed{height:calc(100vh - 128px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;background:#05121C}
.rfeed::-webkit-scrollbar{display:none}
.rslide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;color:var(--on-dark);display:flex;flex-direction:column;justify-content:flex-end}
.rslide .rbg{position:absolute;inset:0;background:var(--bgimg) center/cover;transform:scale(1.04);transition:opacity .35s}
.rslide .rshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,28,.55) 0%,rgba(3,18,28,.08) 38%,rgba(3,18,28,.86) 100%)}
.rslide .rprog{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:4px;z-index:3}
.rslide .rprog span{flex:1;height:3px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}
.rslide .rprog i{display:block;height:100%;width:0;background:#fff}
.rslide .rtag{position:absolute;top:26px;left:14px;z-index:3;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.42);padding:5px 10px;border-radius:var(--r-pill)}
.rslide .rtxt{position:relative;z-index:3;padding:18px 16px 22px;max-width:640px}
.rslide .rkick{font-size:12.5px;font-weight:700;color:var(--nz-hi);display:block;margin-bottom:6px}
.rslide h2{font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:900;margin-bottom:8px}
.rslide p{font-size:16px;line-height:1.42;color:#DCE8F0}
.rslide .rmeta{margin-top:10px;font-size:12.5px;color:#A9C2D2;display:flex;gap:10px;flex-wrap:wrap}
.rslide .rcta{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.rslide .rcta button{border-radius:var(--r-pill);padding:10px 16px;font-size:14px;font-weight:700;background:#fff;color:#05121C}
.rslide .rcta .gh{background:rgba(255,255,255,.16);color:var(--on-dark)}
.rslide .tapL,.rslide .tapR{position:absolute;top:0;bottom:130px;width:34%;z-index:2}
.rslide .tapL{left:0}.rslide .tapR{right:0}
.rhint{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);z-index:3;font-size:11px;color:rgba(255,255,255,.6);pointer-events:none}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .rfeed{height:calc(100vh - 84px)}
  .rslide h2{font-size:34px}
  .rslide .rtxt{padding:24px 28px 30px}
}
@media (prefers-reduced-motion:reduce){.rslide .rbg{transform:none}}

.swipehint{display:none;font-size:11px;color:var(--muted);font-weight:600}
@media (hover:none) and (pointer:coarse){.swipehint{display:block;width:100%;margin-top:2px}}
#v-start,#rfeed{touch-action:pan-y}
/* ================= NZ Änderungsrunde: V26 ================= */
/* Ruhigere Kacheln, dezente Farbcodierung und sticky Auswahl */
.card,.cc,.ev,.themes button,.rank,.lead,.three,.poll,.event,.svc div,.box,.rel{border-radius:var(--r-sm)}
.card{border-top-width:3px}
.card[data-k="mit"],.card.poll{background:#EAF6F5}
.card[data-k="mit"] .ci,.card.poll .ci{background:transparent}
.filters{position:sticky;top:0;z-index:9;background:var(--bg);padding-top:9px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.filters .chip{border-width:1px}
.local-service{margin:12px 16px 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;display:flex;gap:10px;align-items:center;overflow:hidden}
.local-service .service-icon{width:42px;height:42px;border-radius:var(--r-xs);background:var(--nz);color:var(--on-dark);display:grid;place-items:center;font-size:20px;flex:none}
.local-service .service-copy{flex:1;min-width:0}.local-service strong{display:block;font-size:16px}.local-service small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.local-service .service-art{width:118px;height:42px;border-radius:var(--r-xs);background:url('nz-symbolbilder-service-interaktion (2).png') center/cover;opacity:.9;flex:none}
.local-hero{margin:12px 16px 0;overflow:hidden}.local-hero .ph{height:150px;background:center/cover}.local-hero .ci{padding:13px 14px 12px;background:var(--paper)}
.local-layout{display:block}.local-feed{min-width:0}.local-latest{min-width:0}
.local-mode{margin-left:auto;border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 9px;font-size:12.5px;font-weight:700;color:var(--nz);background:var(--paper)}
.local-topicrail{display:flex;gap:7px;overflow:auto;padding:0 16px;scrollbar-width:none}.local-topicrail::-webkit-scrollbar{display:none}.local-topicrail .chip{border-width:1px}
.local-feed-view .local-hero{display:none}.local-feed-view .local-latest{display:none}.local-feed-view .local-grid-cards{display:grid}
.local-grid-cards{display:none;gap:12px;padding:0 16px}.local-grid-cards .card{margin:0}
.interact-art{height:78px;margin:0 -14px 10px;background:url('nz-symbolbilder-service-interaktion (2).png') center/cover;border-radius:var(--r-xs);opacity:.92}
.video-long{background:var(--deep);color:var(--on-dark);border-top:0;min-height:230px}.video-long .video-image{height:130px;background:center/cover;position:relative}.video-long .video-image:after{content:'<svg class="ic fill" aria-hidden="true"><use href="#i-play"></use></svg>  Video · 3:42';position:absolute;left:12px;top:12px;background:rgba(0,35,55,.8);color:var(--on-dark);border-radius:var(--r-pill);padding:6px 10px;font-size:12.5px;font-weight:700}.video-long .ci{background:linear-gradient(transparent,rgba(6,50,77,.25))}.video-long h3,.video-long .tag,.video-long p{color:var(--on-dark)}.video-long .tag{opacity:.78}
.biga{margin:14px 0 4px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm)}.biga-head{font-size:12.5px;font-weight:800;color:var(--muted);margin-bottom:8px}.biga-list{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.biga-list::-webkit-scrollbar{display:none}.biga-item{display:flex;gap:8px;align-items:center;min-width:220px;text-align:left;background:var(--paper);border-radius:var(--r-xs);padding:7px}.biga-item .biga-thumb{width:48px;height:42px;border-radius:var(--r-xs);background:center/cover;flex:none}.biga-item strong{font-size:12.5px;line-height:1.15;display:block}.biga-item small{font-size:11px;color:var(--muted)}
.media-galleries{display:flex;gap:9px;overflow:auto;padding:0 16px;scrollbar-width:none}.media-galleries::-webkit-scrollbar{display:none}.media-gallery{min-width:172px;height:128px;border-radius:var(--r-xs);overflow:hidden;position:relative;background:center/cover;text-align:left;color:var(--on-dark)}.media-gallery:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,20,35,.9))}.media-gallery span{position:absolute;z-index:1;left:9px;right:7px;bottom:8px;font-size:12.5px;line-height:1.1;font-weight:800}
.themes-local-removed{display:none}
@media (min-width:700px){.local-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px;align-items:start}.local-layout>.local-latest{grid-column:2;grid-row:1}.local-layout>.local-feed{grid-column:1;grid-row:1}.local-layout .local-latest .sec{margin-top:12px}.local-grid-cards{grid-template-columns:1fr 1fr}.local-hero .ph{height:180px}}
@media (max-width:699px){.local-grid-cards{grid-template-columns:1fr}.local-service .service-art{width:88px}}
.filters{top:var(--nz-sticky-top,72px)}
#v-lokal.local-feed-mode .local-hero,#v-lokal.local-feed-mode .local-topicrail,#v-lokal.local-feed-mode .local-latest,#v-lokal.local-feed-mode .local-classic-services,#v-lokal.local-feed-mode>.sec:last-child{display:none}
#v-lokal.local-feed-mode .local-grid-cards{display:grid}
#v-lokal:not(.local-feed-mode) .local-grid-cards{display:none}
#v-lokal.local-feed-mode .local-feed-view{display:none}
#v-lokal.local-feed-mode .local-feed{grid-column:1 / -1}
@media (min-width:700px){#v-lokal.local-feed-mode .local-feed{grid-column:1 / -1}}
.local-hero .ci h2{margin:4px 0 0;font-size:20px;line-height:1.12}
.local-hero .ci p{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.35}
.local-topicrail{margin-top:10px}
.local-topicrail .topic-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);padding:7px 10px;font-size:12.5px;font-weight:700;color:var(--ink)}
.local-topicrail .topic-chip b{color:var(--media)}
@media (max-width:699px){.local-layout{display:block}.local-latest{display:block}.local-feed-mode .local-grid-cards{padding-top:12px}.local-service{margin-left:12px;margin-right:12px}}
/* ================= NZ V27: Layout, Ortsstartseite und Feedfilter ================= */
/* Einheiten: Hochformat 3/3, 2/3, 1/3; Querformat 2/2, 2/2, 1/2 und 1/1 */
.feed{grid-template-columns:1fr;grid-auto-flow:row}
.feed > .card{min-height:0}
.feed > .card.reel,.feed > .card.big{min-height:0;aspect-ratio:auto}
.feed > .card.reel .bgv{position:relative;inset:auto;aspect-ratio:16/9;transform:none!important;animation:none}
.feed > .card.reel .ov{position:relative;inset:auto;background:var(--paper);padding:13px 14px 12px;color:var(--ink)}
.feed > .card.reel h3,.feed > .card.reel p{color:var(--ink)}
.feed > .card.video-long{min-height:0;background:var(--paper);color:var(--ink);border-top:3px solid var(--lokal)}
.feed > .card.video-long .video-image,.feed > .card.video-long .ph{width:100%;height:auto;min-height:0;aspect-ratio:16/8;background-size:cover;background-position:center}
.feed > .card.video-long .video-image:after{content:'<svg class="ic fill" aria-hidden="true"><use href="#i-play"></use></svg> Video · 3:42';position:absolute;left:12px;top:12px;background:rgba(0,35,55,.82);color:var(--on-dark);border-radius:var(--r-pill);padding:6px 10px;font-size:12.5px;font-weight:700}
.feed > .card.video-long .ci{background:var(--paper)}

.feed > .card.card-3of3,.feed > .card.card-2of3{min-height:0}
.feed > .card.card-3of3{grid-row:span 3}
.feed > .card.card-2of3{grid-row:span 2}
.feed > .card.card-1of3{grid-row:span 1}
.feed > .card.compact{border-top-width:3px}
.feed > .card.compact .ci{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:72px}
.feed > .card.compact .ci:before{content:'•';width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--on-dark);font-weight:900;flex:none}
.feed > .card.compact h3{font-size:16px;margin:0}
.feed > .card.banner{min-height:0;background:var(--deep);color:var(--on-dark);border:0}
.feed > .card.banner .ci{min-height:120px;display:flex;align-items:center;gap:16px}
.feed > .card.banner h3,.feed > .card.banner p,.feed > .card.banner .tag{color:var(--on-dark)}
/* Seitliche Bilder nutzen im Querformat die komplette Kachelhöhe; Text sitzt oben und füllt den Leerraum mit Einordnung. */
.feed > .card .ci.side{align-items:stretch}
.feed > .card .ci.side > div:first-child{justify-content:flex-start;padding-top:14px}
.feed > .card .ci.side h3{margin-top:5px}
.feed > .card .ci.side .meta{margin-top:auto}
.feed > .card .ci.side .side-teaser{display:block;color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:8px}
/* Themenwelten: helle, themenspezifische Hintergründe mit lesbarem Text */
#v-thema{background:var(--bg);color:var(--ink)}
#v-thema .tw-head{color:var(--on-dark);background:var(--deep)}
#v-thema .tw-head h1,#v-thema .tw-head p{color:var(--on-dark)}
#v-thema #twList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}
#v-thema #twList .card{min-height:180px;border:0;background:var(--topic-bg,var(--paper));color:var(--topic-ink,var(--ink));overflow:hidden}
#v-thema #twList .card .ci{position:relative;z-index:2;background:linear-gradient(90deg,rgba(0,35,55,.84),rgba(0,35,55,.24));min-height:180px;display:flex;flex-direction:column;justify-content:flex-end}
#v-thema #twList .card h3,#v-thema #twList .card .tag{color:var(--on-dark)}
#v-thema #twList .card .ph{position:absolute;inset:0;height:100%;aspect-ratio:auto;opacity:.9}
#v-thema #twList .card:nth-child(1){--topic-bg:#284d63;--topic-ink:#fff;background:var(--i-archiv) center/cover}
#v-thema #twList .card:nth-child(2){--topic-bg:#7c572f;--topic-ink:#fff;background:var(--i-food) center/cover}
#v-thema #twList .card:nth-child(3){--topic-bg:#5b2630;--topic-ink:#fff;background:var(--i-crime) center/cover}
#v-thema #twList .card:nth-child(4){--topic-bg:#225a63;--topic-ink:#fff;background:var(--i-eishockey) center/cover}
#v-thema #twList .card:nth-child(5){--topic-bg:#216348;--topic-ink:#fff;background:var(--i-klimabau) center/cover}
#v-thema #twList .card:nth-child(6){--topic-bg:#57733d;--topic-ink:#fff;background:var(--i-garten) center/cover}
#v-thema #twList .card:nth-child(7){--topic-bg:#244a72;--topic-ink:#fff;background:var(--i-wahl) center/cover}
#v-thema #twList .card:nth-child(8){--topic-bg:#6e5543;--topic-ink:#fff;background:var(--i-schule) center/cover}
/* Lokale Startseite */
#v-lokal .local-service{margin-top:12px}
.local-info-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;margin-top:12px}
.local-info{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;text-align:left;display:flex;align-items:center;gap:8px}
.local-info .info-icon{font-size:24px;line-height:1;flex:none}.local-info strong{display:block;font-size:14px;white-space:nowrap}.local-info small{display:block;color:var(--muted);font-size:11px;line-height:1.2;margin-top:2px}
.local-info:hover{border-color:var(--nz)}
.local-localmain{min-width:0}.local-localmain .local-hero{margin-top:12px}.local-most{min-width:0}
.local-most .sec{margin-top:12px}.local-most .nl{padding-top:9px;padding-bottom:9px}
.local-most .nl strong{font-size:12.5px}
#v-lokal .local-layout{grid-template-columns:minmax(0,1fr) 360px}
#v-lokal .local-layout>.local-feed{grid-column:1;grid-row:1}
#v-lokal .local-layout>.local-latest{grid-column:2;grid-row:1}
#v-lokal .local-feed-view .sec-h h2:after{content:''}
#v-lokal .local-feed-view .sec-h h2{font-size:20px}
#v-lokal .local-feed-view .sec-h h2{visibility:hidden;font-size:0}
#v-lokal .local-feed-view .sec-h h2:before{content:'Dein Ort';visibility:visible;font-size:20px}
#v-lokal .local-feed-view .list{max-height:none}
@media (min-width:700px){
  .feed{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;grid-auto-rows:minmax(110px,auto)}
  .feed > .card.card-3of3{grid-column:span 2;grid-row:span 3}
  .feed > .card.card-2of3{grid-column:span 1;grid-row:span 2}
  .feed > .card.card-1of3{grid-column:span 1;grid-row:span 1}
  .feed > .card.reel,.feed > .card.big{grid-column:span 2}
  .feed > .card.banner{grid-column:span 2;grid-row:span 1}
  .feed > .card .ph{height:auto;aspect-ratio:16/8}
  .feed > .card .ci.side .th{min-height:100%;height:auto}
}
@media (max-width:699px){
  #v-thema #twList{grid-template-columns:1fr}
  .local-info-banner{padding:0 12px;gap:6px}.local-info{padding:8px 7px;display:block;text-align:left}.local-info .info-icon{display:block;margin-bottom:5px}.local-info strong{font-size:12.5px}.local-info small{font-size:11px}
}
@media (min-width:700px){
  #v-lokal .local-layout{display:grid}
  #v-lokal .local-feed-view{display:block}
}
/* Newsband minimal langsamer */
.tk-track{animation-duration:74s}
/* ================= NZ V27 FINAL: lokale Service- und Feedoberfläche ================= */
#v-lokal .local-feed-view .sec-h h2{visibility:visible;font-size:20px}
#v-lokal .local-feed-view .sec-h h2:before{content:none;visibility:hidden}
.local-load-status{min-height:28px;padding:9px 0 2px;color:var(--muted);font-size:12.5px;text-align:center}
.local-load-status.loading:after{content:'Weitere Meldungen werden geladen …'}
.local-load-status.done:after{content:'Alle verfügbaren Meldungen für diesen Ort sind geladen.'}
.primary-place-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px;border-bottom:1px solid var(--line);margin-bottom:10px}
.primary-place-row strong,.primary-place-row small{display:block}.primary-place-row small{color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.35}
.primary-place-sheet{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}
.primary-place-sheet>strong,.primary-place-sheet>small{display:block}.primary-place-sheet>small{color:var(--muted);font-size:12.5px;margin-top:3px}
.primary-place-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.primary-place-options button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-pill);padding:7px 10px;font:inherit;font-size:12.5px;font-weight:700}.primary-place-options button[aria-pressed="true"]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.local-info:focus-visible,.primary-place-options button:focus-visible{outline:3px solid color-mix(in srgb,var(--nz) 45%,transparent);outline-offset:2px}
@media(max-width:699px){.primary-place-row{align-items:flex-start;flex-direction:column}.primary-place-row .pill{align-self:flex-start}}
/* V27: feste Kachelklassen auch im Querformat */
@media (min-width:700px){
  #feed{grid-auto-rows:minmax(112px,auto);align-items:stretch}
  #feed>.card.card-3of3{grid-column:span 2;grid-row:span 3}
  #feed>.card.card-2of3{grid-column:span 1;grid-row:span 2}
  #feed>.card.card-1of3{grid-column:span 1;grid-row:span 1}
  #feed>.card.card-3of3.big,#feed>.card.reel{grid-column:span 2}
  #feed>.card.card-3of3 .ph{aspect-ratio:16/8}
  #feed>.card.card-2of3.side .th{width:100%;height:100%;min-height:100%;border-radius:0}
  #feed>.card.card-2of3 .ci.side{min-height:100%;display:flex;align-items:stretch}
  #feed>.card.card-2of3 .ci.side>div:last-child{width:38%;min-height:100%;height:auto;min-width:120px;border-radius:0;background:center/cover}
  #feed>.card.card-2of3 .ci.side>div:first-child{padding-top:14px}
}
@media (max-width:699px){
  #feed>.card.card-3of3{min-height:0}
  #feed>.card.card-2of3{min-height:0}
  #feed>.card.card-1of3{min-height:0}
}

/* ================= NZ FINAL 4: Einheitliches Kachelraster =================
   Hochformat (1 Spalte): 3/3 Reel + Aufmacher, 2/3 Standard mit Bild/Interaktion,
   1/3 Kompakt ohne Bild mit Icon.
   Querformat (2 Spalten): 2x2 Hero, 1x2 Reel, 1x2 Standard,
   2x1 Banner, 1x1 Kompakt.
   Die Kachelhoehe kommt aus dem Raster, das Bild fuellt den Restplatz.
   Dadurch sieht ein Video genauso aus wie eine normale News-Kachel. */

.feed > .card{display:flex;flex-direction:column;overflow:hidden;min-height:0}
/* Bildflaeche fuellt die Kachel, statt eine eigene Hoehe zu erzwingen */
.feed > .card > .ph,
.feed > .card.video-long > .ph,
.feed > .card.video-long > .video-image{flex:1 1 auto;min-height:0;height:auto;aspect-ratio:auto;background-size:cover;background-position:center;position:relative}
.feed > .card > .ci{flex:0 0 auto}
/* Reel: gleiche Bildlogik, nur hoehere Kachel */
.feed > .card.reel{aspect-ratio:auto;background:var(--paper);color:var(--ink);border-top:5px solid var(--c,var(--nz))}
.feed > .card.reel > .bgv{position:relative;inset:auto;flex:1 1 auto;min-height:0;aspect-ratio:auto;transform:none!important;animation:none;background:var(--bgimg) center/cover}
.feed > .card.reel > .ov{position:relative;inset:auto;flex:0 0 auto;background:var(--paper);color:var(--ink);padding:13px 14px 12px}
.feed > .card.reel > .play{position:absolute;top:12px;left:12px;z-index:3}
/* Video-Kachel exakt wie eine normale News-Kachel */
.feed > .card.video-long{border-top:5px solid var(--c,var(--lokal))}
.feed > .card.video-long > .ph:after,
.feed > .card.video-long > .video-image:after{left:12px;top:12px}
/* Seitenbild-Kacheln fuellen die Hoehe */
.feed > .card > .ci.side{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:12px;overflow:hidden}
.feed > .card > .ci.side > div:first-child{display:flex;flex-direction:column;min-width:0;flex:1}
.feed > .card > .ci.side .th{flex:none;width:38%;min-width:104px;max-width:150px;height:auto;min-height:100%;border-radius:var(--r-sm);background-size:cover;background-position:center}
/* Kompakt-Kachel: kein Bild, aber klares Icon */
.feed > .card.card-1of3,.feed > .card.compact{border-top-width:3px}
.feed > .card.card-1of3 > .ci,.feed > .card.compact > .ci{flex:1 1 auto;display:flex;align-items:center;gap:11px;padding:11px 13px}
.feed > .card.card-1of3 > .ci:before,.feed > .card.compact > .ci:before{content:'\25CF';width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--nz));color:var(--on-dark);font-size:16px;font-weight:700;flex:none;line-height:1}






.feed > .card.card-1of3 h3,.feed > .card.compact h3{font-size:16px;line-height:1.2;margin:0}
.feed > .card.card-1of3 p,.feed > .card.compact p{display:none}
.feed > .card.card-1of3 .meta,.feed > .card.compact .meta{margin-top:3px}
/* Hochformat: 3 Kachelhoehen in einer Spalte */
@media (max-width:699px){
  .feed{grid-template-columns:1fr}
  .feed > .card.card-3of3{grid-column:1;grid-row:span 3}
  .feed > .card.card-2of3{grid-column:1;grid-row:span 2}
  .feed > .card.card-1of3{grid-column:1;grid-row:span 1}
  .feed > .card.banner{grid-column:1;grid-row:span 1}
}
/* Querformat: 2 Spalten, 5 Formate */
@media (min-width:700px){
  .feed{grid-template-columns:repeat(2,minmax(0,1fr));--u:150px;grid-auto-rows:var(--u)}
  .feed > .card.card-3of3{grid-column:span 2;grid-row:span 2}      /* Hero-Thema 2x2 */
  .feed > .card.card-3of3.reel{grid-column:span 1;grid-row:span 2} /* Reel 1 breit, 2 hoch */
  .feed > .card.card-2of3{grid-column:span 1;grid-row:span 2}      /* Standard 1 breit, 2 hoch */
  .feed > .card.banner{grid-column:span 2;grid-row:span 1}         /* Banner 2 breit, 1 hoch */
  .feed > .card.card-1of3{grid-column:span 1;grid-row:span 1}      /* Kompakt 1x1 */
  .feed > .card.card-3of3 > .ph{aspect-ratio:auto}
}

/* ================= NZ FINAL 5: Gleiche Kachelmasse, nur Bildanordnung variiert ==
   Alle Standard-Kacheln sind exakt gleich hoch und gleich breit.
   Unterschiedlich ist nur, wo das Foto sitzt:
   - Querformat-Foto: oben, ganze Kachelbreite, 3/5 der Kachelhoehe
   - Hochformat-Foto: links oder rechts, halbe Kachelbreite, ganze Kachelhoehe
   - Reel: typische Reel-Optik, Bild vollflaechig mit Text darueber
   Video-Kacheln verhalten sich wie normale News-Kacheln. */
.feed{--u:112px;grid-auto-rows:var(--u);align-items:stretch}
.feed > .card{display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;background:var(--paper);color:var(--ink)}

/* --- Variante A: Querformat-Foto oben, 3/5 der Kachel --- */
.feed > .card > .ph,
.feed > .card.video-long > .ph,
.feed > .card.video-long > .video-image{flex:0 0 60%;height:60%;min-height:0;max-height:60%;width:100%;aspect-ratio:auto;background-size:cover;background-position:center;position:relative;border-radius:0;margin:0}
.feed > .card > .ci{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:11px 14px 12px;background:var(--paper)}
.feed > .card > .ci > .meta{margin-top:auto}
.feed > .card > .ci > h3{font-size:18px;line-height:1.16;margin:4px 0 5px}
.feed > .card > .ci > p{font-size:14px;line-height:1.35;overflow:hidden}

/* --- Variante B: Hochformat-Foto, halbe Kachel, ganze Hoehe --- */
.feed > .card > .ci.side{flex:1 1 auto;height:100%;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:0;padding:0;overflow:hidden}
.feed > .card > .ci.side > div:first-child{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;padding:12px 13px 12px 14px;overflow:hidden}
.feed > .card > .ci.side > div:first-child > h3{font-size:18px;line-height:1.16;margin:4px 0 6px}
.feed > .card > .ci.side > div:first-child > .side-teaser,
.feed > .card > .ci.side > div:first-child > p{font-size:14px;line-height:1.35;color:var(--muted);margin:0;overflow:hidden}
.feed > .card > .ci.side > div:first-child > .meta,
.feed > .card > .ci.side > div:first-child > .why{margin-top:auto;padding-top:8px}
.feed > .card > .ci.side .th{flex:0 0 50%;width:50%;max-width:50%;min-width:0;height:auto;min-height:100%;border-radius:0;margin:0;background-size:cover;background-position:center}
/* Foto rechts ist Standard; mit data-photo="left" sitzt es links */
.feed > .card[data-photo="left"] > .ci.side{flex-direction:row-reverse}

/* --- Variante C: Reel in typischer Reel-Optik --- */
.feed > .card.reel{position:relative;background:#000;color:var(--on-dark);border-top:0;padding:0}
.feed > .card.reel > .bgv{position:absolute;inset:0;flex:none;width:100%;height:100%;aspect-ratio:auto;background:var(--bgimg) center/cover;animation:kb 14s ease-in-out infinite alternate}
.feed > .card.reel > .play{position:absolute;top:12px;left:12px;z-index:3;background:rgba(0,0,0,.5);border-radius:var(--r-pill);padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--on-dark)}
.feed > .card.reel > .ov{position:absolute;inset:auto 0 0 0;z-index:2;flex:none;background:linear-gradient(transparent,rgba(0,18,30,.9));color:var(--on-dark);padding:16px 14px 14px}
.feed > .card.reel > .ov h3{color:var(--on-dark);font-size:20px;line-height:1.14}

/* --- Video wie eine normale News-Kachel, keine leere Restflaeche --- */
.feed > .card.video-long{background:var(--paper);color:var(--ink);border-top:5px solid var(--c,var(--lokal));min-height:0}
.feed > .card.video-long > .ph:after,
.feed > .card.video-long > .video-image:after{content:'\25B6 Video \00b7 3:42';position:absolute;left:12px;top:12px;background:rgba(0,35,55,.85);color:var(--on-dark);border-radius:var(--r-pill);padding:5px 10px;font-size:12.5px;font-weight:700}
.feed > .card.video-long > .ci{background:var(--paper)}
.feed > .card.video-long h3,.feed > .card.video-long .tag,.feed > .card.video-long p{color:var(--ink)}
.feed > .card.video-long p{color:var(--muted)}

/* --- Interaktionskacheln nutzen die gleiche Hoehe --- */
.feed > .card.poll > .ci,.feed > .card.quiz > .ci,.feed > .card.event > .ci{flex:1 1 auto;min-height:0;overflow:hidden}
.feed > .card .interact-art{flex:none;height:60px;margin:0 -14px 9px}

/* --- Kompakt-Kachel: kein Bild, Icon statt Foto --- */
.feed > .card.card-1of3{border-top-width:3px}
.feed > .card.card-1of3 > .ci{flex:1 1 auto;flex-direction:row;align-items:center;gap:11px;padding:11px 13px}
.feed > .card.card-1of3 > .ci:before{content:'\25CF';width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--nz));color:var(--on-dark);font-size:16px;flex:none;line-height:1}
.feed > .card.card-1of3[data-k="lokal"] > .ci:before{content:'\1F4CD'}
.feed > .card.card-1of3[data-k="leben"] > .ci:before{content:'\1F3AD'}
.feed > .card.card-1of3[data-k="sport"] > .ci:before{content:'\26BD'}
.feed > .card.card-1of3[data-k="mit"] > .ci:before{content:'\1F4AC'}
.feed > .card.card-1of3[data-k="thema"] > .ci:before{content:'\25C6'}
.feed > .card.card-1of3[data-k="dpa"] > .ci:before{content:'\1F30D'}
.feed > .card.card-1of3 h3{font-size:16px;line-height:1.2;margin:0}
.feed > .card.card-1of3 p{display:none}

/* --- Raster: Hochformat --- */
@media (max-width:699px){
  .feed{grid-template-columns:1fr}
  .feed > .card.card-3of3{grid-column:1;grid-row:span 3}
  .feed > .card.card-2of3{grid-column:1;grid-row:span 2}
  .feed > .card.card-1of3{grid-column:1;grid-row:span 1}
  .feed > .card.banner{grid-column:1;grid-row:span 1}
}
/* --- Raster: Querformat --- */
@media (min-width:700px){
  .feed{grid-template-columns:repeat(2,minmax(0,1fr));--u:150px}
  .feed > .card.card-3of3{grid-column:span 2;grid-row:span 2}
  .feed > .card.card-3of3.reel{grid-column:span 1;grid-row:span 2}
  .feed > .card.card-2of3{grid-column:span 1;grid-row:span 2}
  .feed > .card.banner{grid-column:span 2;grid-row:span 1}
  .feed > .card.card-1of3{grid-column:span 1;grid-row:span 1}
}


/* ================= NZ FINAL 6: Korrekturen Hoch- und Querformat =================
   1) keine weissen Luecken im Raster (dense)
   2) Texte werden saubere Zeilen gekuerzt statt mittig abgeschnitten
   3) Hochformat-Kacheln bekommen mehr Hoehe, Foto etwas schmaler
   4) Foto in Seitenkacheln reicht immer bis Kachelunterkante
   5) Interaktionskacheln (Umfrage, Quiz, Termin) bekommen genug Platz
   6) Videokachel zeigt Dachzeile, Schlagzeile und Meta, keinen abgeschnittenen Teaser */
.feed{grid-auto-flow:row dense}

/* Text sauber kuerzen */
.feed > .card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feed > .card > .ci > p,
.feed > .card > .ci.side p,
.feed > .card > .ci.side .side-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feed > .card.card-1of3 h3{-webkit-line-clamp:2}

/* Seitenkachel: Foto immer volle Hoehe */
.feed > .card > .ci.side{height:100%;align-items:stretch}
.feed > .card > .ci.side > .th{align-self:stretch;height:100%;min-height:100%}
.feed > .card > .ci.side > div:first-child{min-height:0}

/* Videokachel: kein abgeschnittener Teaser */
.feed > .card.video-long > .ph,
.feed > .card.video-long > .video-image{flex:0 0 52%;height:52%;max-height:52%}
.feed > .card.video-long > .ci > p{display:none}
.feed > .card.video-long > .ci > h3{-webkit-line-clamp:2}
.feed > .card.video-long > .ci{padding:10px 14px 11px}

/* Interaktionskacheln: mehr Luft, kein Beschnitt */
.feed > .card.poll .interact-art,
.feed > .card.quiz .interact-art,
.feed > .card.event .interact-art{display:none}
.feed > .card.poll > .ci,
.feed > .card.quiz > .ci,
.feed > .card.event > .ci{overflow:hidden;padding:12px 14px 12px}
.feed > .card.event .acts{flex-wrap:wrap;gap:6px}

@media (max-width:699px){
  .feed{--u:128px}
  /* Text bekommt mehr Breite als das Hochformat-Foto */
  .feed > .card > .ci.side > .th{flex:0 0 42%;width:42%;max-width:42%}
  .feed > .card > .ci.side > div:first-child{flex:1 1 58%;padding:11px 12px}
  .feed > .card > .ci.side p,
  .feed > .card > .ci.side .side-teaser{-webkit-line-clamp:2}
  .feed > .card.poll,.feed > .card.quiz{grid-row:span 4}
  .feed > .card.event{grid-row:span 3}
}
@media (min-width:700px){
  /* Videokachel als breite Auftaktkachel, damit keine Luecke daneben entsteht */
  .feed > .card.video-long.card-2of3{grid-column:span 2;grid-row:span 2}
  .feed > .card.video-long.card-2of3 > .ph,
  .feed > .card.video-long.card-2of3 > .video-image{flex:0 0 62%;height:62%;max-height:62%}
  .feed > .card.video-long.card-2of3 > .ci > p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .feed > .card.poll,.feed > .card.quiz{grid-row:span 3}
  .feed > .card.event{grid-row:span 2}
}

/* ===== V28: Typografie, Header-Toggle, Media ===== */
h1,h2,h3,.sec-h h2,.card h3,.cover .ctitle,.mhead h1,.vh h1,.art h1,.lead .ltx strong{font-family:"Noto Serif",Georgia,serif;font-weight:700;letter-spacing:-.01em}
.tabbar,.dnav,.chip,.pill,button.li2,.hmode,.badge,.tag{font-family:"Noto Sans",system-ui,sans-serif}
/* Header-Toggle zeigt das ZIEL, nicht den Ist-Zustand */
.hmode .hm.k{display:none}
.hmode .hm.r{display:block;font-size:11px}
.hmode[aria-pressed="true"] .hm.r{display:none}
.hmode[aria-pressed="true"] .hm.k{display:flex;flex-direction:column;gap:2.5px}
.hmode[aria-pressed="true"] .hm.k i{background:#fff}
/* Empfehlungs-Slider: Hero-Format, klar abgesetzt von "Kurz gesehen" */
.herorail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;padding:2px 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.herorail::-webkit-scrollbar{display:none}
.hero{flex:none;width:calc(100vw - 72px);max-width:520px;scroll-snap-align:center;text-align:left;color:var(--on-dark);position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--bgimg) center/cover,var(--deep);box-shadow:0 8px 26px rgba(0,26,44,.28)}
.hero:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,18,30,.35) 38%,rgba(0,18,30,.9))}
.hero .hkind{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:6px;background:var(--nzred);color:var(--on-dark);font-size:11px;font-weight:800;padding:5px 11px;border-radius:var(--r-pill);letter-spacing:.03em;text-transform:uppercase}
.hero .hlen{position:absolute;right:14px;top:14px;z-index:2;background:rgba(0,0,0,.6);color:var(--on-dark);font-size:11px;font-weight:700;padding:5px 9px;border-radius:var(--r-xs);backdrop-filter:blur(4px)}
.hero .hplay{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink-fixed);display:grid;place-items:center;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.hero .htx{position:absolute;inset:auto 0 0 0;z-index:2;padding:16px 16px 18px}
.hero .htx strong{display:block;font-family:"Noto Serif",Georgia,serif;font-size:20px;font-weight:700;line-height:1.16;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.hero .htx small{display:block;margin-top:6px;font-size:12.5px;font-weight:600;opacity:.92}
@media(min-width:560px){.hero{aspect-ratio:16/10}.hero .htx strong{font-size:24px}}
@media(min-width:700px){.herorail{padding-left:24px;padding-right:24px;scroll-padding-left:24px}.hero{width:min(560px,calc(100% - 90px))}}
/* Media-Sammelansichten */
.mcfilter{display:flex;gap:7px;overflow-x:auto;padding:12px 16px 2px;scrollbar-width:none;position:sticky;top:var(--nz-sticky-top,72px);background:var(--bg);z-index:5}
.mcfilter::-webkit-scrollbar{display:none}
.mcfilter button{flex:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-pill);padding:7px 13px;font-size:12.5px;font-weight:700}
.mcfilter button[aria-selected="true"]{background:var(--nz);border-color:var(--nz);color:var(--on-dark)}
.mcgrid{display:grid;gap:14px;padding:14px 16px 8px}
@media(min-width:620px){.mcgrid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.mcgrid.g3{grid-template-columns:repeat(3,1fr)}}
.mcitem{display:block;text-align:left;background:var(--paper);border-radius:var(--r-md);overflow:hidden;color:var(--ink);box-shadow:0 1px 6px rgba(0,30,50,.07)}
.mcitem .mci{width:100%;background:var(--bgimg) center/cover,var(--deep);position:relative}
.mcitem.f-video .mci{aspect-ratio:16/9}
.mcitem.f-reel .mci{aspect-ratio:9/16;max-height:340px}
.mcitem.f-gal .mci{aspect-ratio:3/2}
.mcitem.f-pod .mci{aspect-ratio:2/1}
.mcitem .mci em{position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.72);color:var(--on-dark);font-size:11px;font-weight:700;padding:3px 7px;border-radius:var(--r-xs);font-style:normal}
.mcitem .mci b{position:absolute;left:9px;top:9px;background:var(--nzred);color:var(--on-dark);font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em}
.mcitem .mci .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink-fixed);display:grid;place-items:center;font-size:18px}
.mcitem .mcb{padding:11px 13px 13px}
.mcitem .mcb strong{display:block;font-family:"Noto Serif",Georgia,serif;font-size:16px;line-height:1.24}
.mcitem .mcb small{display:block;margin-top:5px;font-size:12.5px;color:var(--muted)}
.mcmore{display:block;width:calc(100% - 32px);margin:12px 16px 0;padding:12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--nz);font-size:14px;font-weight:700}
.mcmore:hover{background:color-mix(in srgb,var(--nz) 8%,var(--paper))}
.sec-h h2.tapcat{cursor:pointer}
.sec-h h2.tapcat:after{content:" ›";color:var(--nz);font-weight:800}
.herodots{display:flex;gap:6px;justify-content:center;margin-top:10px}
.herodots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:.2s}
.herodots i.on{width:18px;border-radius:3px;background:var(--nz)}
/* Videos: Querformat, Longview */
.vidrail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;padding:0 20px 6px;scrollbar-width:none}
.vidrail::-webkit-scrollbar{display:none}
.vid{flex:none;width:262px;scroll-snap-align:start;text-align:left;color:var(--ink)}
.vid .vimg{width:262px;aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--bgimg) center/cover,var(--deep);position:relative;overflow:hidden}
.vid .vimg:after{content:"<svg class="ic fill" aria-hidden="true"><use href="#i-play"></use></svg>";position:absolute;left:10px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);color:var(--on-dark);display:grid;place-items:center;font-size:12.5px}
.vid .vimg em{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:var(--on-dark);font-size:11px;font-weight:700;padding:2px 6px;border-radius:var(--r-xs);font-style:normal}
.vid strong{display:block;font-family:"Noto Serif",Georgia,serif;font-size:14px;line-height:1.25;margin:7px 0 2px}
.vid small{font-size:11px;color:var(--muted)}
@media(min-width:700px){.vid,.vid .vimg{width:320px}}
.sec[hidden]{display:none!important}
.startview-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.startview-row .seg{display:flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;flex:none}
.startview-row .seg button{padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--nz);background:var(--paper)}
.startview-row .seg button[aria-pressed="true"]{background:var(--nz);color:var(--on-dark)}

/* ===== V28.4: Flat-Icon-System ===== */
.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ic.fill{fill:currentColor;stroke:none}
.ic-lg{width:1.35em;height:1.35em}
.icon .ic{width:19px;height:19px;stroke-width:1.8}
.tabbar .ic{width:22px;height:22px;margin:0 auto 2px;display:block}
.st .ring div .ic,.rt .ic{stroke-width:1.9}
button .ic+span,button .ic+div,.li2 .ic+div{min-width:0}
.sec-h h2.tapcat:after{content:none}
.sec-h h2.tapcat .ic{width:.62em;height:.62em;color:var(--nz);margin-left:.18em;stroke-width:2.6}

.edition-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edition-tab{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)}.edition-tab[aria-selected="true"]{border-color:var(--nz);box-shadow:inset 0 0 0 1px var(--nz);background:#fff8f8}.edition-tab strong{font-size:14px}.edition-tab small{font-size:11px;color:var(--muted)}.ep-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:6px;color:var(--muted);text-align:center}.ep-placeholder b{font-size:24px;color:var(--nz)}.ep-placeholder small{font-size:11px;line-height:1.15}.epgrid button{position:relative}.epgrid .dot{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--nz);box-shadow:0 0 0 2px #fff}
:root{--ep-mo5:url(assets/thumbs/mo5.jpg);--ep-mo6:url(assets/thumbs/mo6.jpg);--ep-mo7:url(assets/thumbs/mo7.jpg);--ep-mo9:url(assets/thumbs/mo9.jpg);--ep-mo10:url(assets/thumbs/mo10.jpg);--ep-mo11:url(assets/thumbs/mo11.jpg);--ep-mo12:url(assets/thumbs/mo12.jpg);--ep-mo15:url(assets/thumbs/mo15.jpg);--ep-mo16:url(assets/thumbs/mo16.jpg);--ep-mo17:url(assets/thumbs/mo17.jpg);--ep-mo18:url(assets/thumbs/mo18.jpg);--ep-mo19:url(assets/thumbs/mo19.jpg);--ep-mo20:url(assets/thumbs/mo20.jpg);--ep-mo22:url(assets/thumbs/mo22.jpg);--ep-mo23:url(assets/thumbs/mo23.jpg);--ep-sa1:url(assets/thumbs/sa1.jpg);--ep-sa2:url(assets/thumbs/sa2.jpg);--ep-sa8:url(assets/thumbs/sa8.jpg);--ep-sa9:url(assets/thumbs/sa9.jpg);--ep-sa10:url(assets/thumbs/sa10.jpg);--ep-sa12:url(assets/thumbs/sa12.jpg);--ep-sa13:url(assets/thumbs/sa13.jpg);--ep-sa14:url(assets/thumbs/sa14.jpg);--ep-sa15:url(assets/thumbs/sa15.jpg);--ep-sa16:url(assets/thumbs/sa16.jpg);--ep-sa17:url(assets/thumbs/sa17.jpg);--ep-sa18:url(assets/thumbs/sa18.jpg);--ep-sa19:url(assets/thumbs/sa19.jpg);--ep-sa20:url(assets/thumbs/sa20.jpg);--ep-sa21:url(assets/thumbs/sa21.jpg);--ep-sa22:url(assets/thumbs/sa22.jpg);--ep-sa23:url(assets/thumbs/sa23.jpg);--ep-sa24:url(assets/thumbs/sa24.jpg);--ep-sa26:url(assets/thumbs/sa26.jpg);--ep-sa27:url(assets/thumbs/sa27.jpg);--ep-sa28:url(assets/thumbs/sa28.jpg);--ep-sa29:url(assets/thumbs/sa29.jpg);--ep-sa30:url(assets/thumbs/sa30.jpg);--ep-sa31:url(assets/thumbs/sa31.jpg);--ep-sa32:url(assets/thumbs/sa32.jpg);--ep-sa33:url(assets/thumbs/sa33.jpg);--ep-sa34:url(assets/thumbs/sa34.jpg);--ep-sa35:url(assets/thumbs/sa35.jpg);--ep-sa37:url(assets/thumbs/sa37.jpg);--ep-sa38:url(assets/thumbs/sa38.jpg);--ep-sa39:url(assets/thumbs/sa39.jpg);--ep-sa40:url(assets/thumbs/sa40.jpg);--ep-sa41:url(assets/thumbs/sa41.jpg);--ep-sa42:url(assets/thumbs/sa42.jpg);--ep-sa43:url(assets/thumbs/sa43.jpg);--ep-sa44:url(assets/thumbs/sa44.jpg);--ep-sa45:url(assets/thumbs/sa45.jpg);--ep-sa46:url(assets/thumbs/sa46.jpg);--ep-sa47:url(assets/thumbs/sa47.jpg);--ep-sa48:url(assets/thumbs/sa48.jpg);--ep-sa49:url(assets/thumbs/sa49.jpg);--ep-sa50:url(assets/thumbs/sa50.jpg);--ep-sa51:url(assets/thumbs/sa51.jpg);--ep-sa52:url(assets/thumbs/sa52.jpg);--ep-sa53:url(assets/thumbs/sa53.jpg);--ep-sa54:url(assets/thumbs/sa54.jpg);}

.edcar{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.edcar::-webkit-scrollbar{display:none}
.edc{flex:0 0 132px;width:132px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-align:left;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.edc-th{position:relative;aspect-ratio:3/4;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line);background:var(--paper2,#f3f1ee);box-shadow:0 1px 3px rgba(0,0,0,.09)}
.edc-th img{width:100%;height:100%;object-fit:cover;display:block}
.edc-fb{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:9px;color:var(--on-dark)}
.edc-fb b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-weight:600}
.edc-fb span{font-family:var(--serif,'Noto Serif',serif);font-size:16px;line-height:1.15;font-weight:700}
.edc-fb i{font-style:normal;font-size:11px;opacity:.9}
.edc[aria-selected="true"] .edc-th{border-color:var(--nz);box-shadow:0 0 0 2px var(--nz),0 2px 8px rgba(0,0,0,.14)}
.edc-kind{position:absolute;left:6px;top:6px;background:rgba(255,255,255,.93);color:#1a1a1a;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-xs)}
.edc-lock{position:absolute;right:6px;top:6px;background:rgba(0,0,0,.62);color:var(--on-dark);border-radius:50%;width:20px;height:20px;display:grid;place-items:center}
.edc-lock .ic{width:11px;height:11px}
.edc-cur{position:absolute;left:0;right:0;bottom:0;background:var(--nz);color:var(--on-dark);font-size:11px;font-weight:700;text-align:center;padding:3px 0}
.edc-t{font-size:12.5px;font-weight:700;line-height:1.25;height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.edc-s{font-size:11px;color:var(--muted);line-height:1.25;height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Querformat: alle Ausgaben gleichzeitig vollstaendig sichtbar, kein Schieben */
@media (orientation:landscape){
 .edcar{display:grid;grid-template-columns:repeat(var(--edc-n,7),minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none;padding:2px 16px 8px}
 .edc{flex:none;width:auto;min-width:0;scroll-snap-align:none}
 .edc-fb span{font-size:12.5px}
 .edc-t{font-size:11px}
 .edc-s{font-size:11px}
}

/* Versionskarte in "Meine NZ" */
.vercard{margin:12px 16px 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper2,#f7f6f4)}
.vercard-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:12.5px}
.vercard-k{color:var(--muted);flex:0 0 auto}
.vercard strong{font-variant-numeric:tabular-nums}
.vercard code{font-size:11px;background:rgba(0,0,0,.05);padding:1px 4px;border-radius:4px}

/* ============================================================
   V41 - DEIN TAG: Feed-Raster + StandardNewsCard (konsolidiert)
   ============================================================
   Ersetzt die Bloecke V36-V40 vollstaendig. EINZIGE Quelle fuer
   Kacheln in :is(#feed,#lokalFeed). Regelwerk: StandardNewsCard 1:1.
   - Alle Feed-Kacheln: 1:1, eine Rasterzelle, keine Zeilen-Spans
   - StandardNewsCard: side (Text | Bild 40 %) und landscape (Bild 16:9 oben)
   - Masse in cqw = 1 % der eigenen Kachelbreite, keine px
   - kein line-clamp, keine Ellipse
*/

/* ---------- 1. Raster ---------- */
:is(#feed,#lokalFeed){
  grid-auto-rows:auto !important;
  grid-auto-flow:row !important;
  align-items:start !important;
}
:is(#feed,#lokalFeed) > .card{
  container-type:inline-size;
  grid-column:span 1 !important;
  grid-row:auto !important;
  aspect-ratio:1 / 1 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:start !important;
  overflow:hidden !important;
  position:relative;
  border-top:0 !important;
}
/* Akzentlinie aus dem Kacheltyp (Kap. 7), einheitlich fuer alle Feed-Kacheln */
:is(#feed,#lokalFeed) > .card::before{
  content:"";position:absolute;z-index:5;top:0;left:0;right:0;
  height:max(3px,.75cqw);background:var(--c,var(--nz));pointer-events:none;
}

/* ---------- 2. StandardNewsCard: Tokens ---------- */
:is(#feed,#lokalFeed) > article.card.news-card{
  --news-accent:var(--c,var(--nz));
  --nc-side-image:40%;
  --nc-pad-x:3.2cqw;
  --nc-pad-y:3.2cqw;
  --nc-kicker-size:12.5px;   --nc-kicker-line:1.20;
  --nc-headline-size:18px; --nc-headline-line:1.12;
  --nc-teaser-size:14px; --nc-teaser-line:1.28;   /* V54: +~1 pt */
  --nc-author-size:14px;  --nc-author-line:1.20;   /* V54: +~0,8 pt */
  --nc-context-size:12.5px; --nc-context-line:1.25;   /* V54: 12,2 px bei 358 px Kachelbreite (bisher 11) */
  --nc-gap-kicker-headline:1.1cqw;
  --nc-gap-headline-teaser:1.1cqw;
  --nc-gap-teaser-author:.8cqw;
  --nc-gap-author-context:1.0cqw;
  display:grid !important;
  padding:0 !important;
}

/* ---------- 3. StandardNewsCard: Varianten-Geometrie ---------- */
:is(#feed,#lokalFeed) > article.card.news-card--side{
  grid-template-columns:minmax(0,1fr) var(--nc-side-image) !important;
  grid-template-rows:100% !important;
}
:is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side{display:contents !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape{
  grid-template-columns:100% !important;
  grid-template-rows:56.25% 43.75% !important;   /* Bild exakt 16:9 */
}

/* Bildflaeche: randlos, cover */
:is(#feed,#lokalFeed) > article.card.news-card .news-card__image{
  width:100% !important;height:100% !important;
  min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;
  aspect-ratio:auto !important;flex:none !important;order:initial !important;
  margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
  display:block !important;align-self:stretch !important;
  background-position:var(--fp,center) !important;background-size:cover !important;background-repeat:no-repeat !important;
}
:is(#feed,#lokalFeed) > article.card.news-card--side .news-card__image{grid-column:2 !important;grid-row:1 !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape > .news-card__image{grid-column:1 !important;grid-row:1 !important}

/* Textflaeche: feste Folge, einheitliche Abstaende, Freiraum nur vor der Personalisierung */
:is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side > div.news-card__text,
:is(#feed,#lokalFeed) > article.card.news-card--landscape > div.news-card__text{
  width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;max-width:none !important;
  box-sizing:border-box !important;
  padding:var(--nc-pad-y) var(--nc-pad-x) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto auto auto minmax(var(--nc-gap-author-context),1fr) auto !important;
  overflow:hidden !important;
  background:transparent !important;
}
:is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side > div.news-card__text{grid-column:1 !important;grid-row:1 !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape > div.news-card__text{grid-column:1 !important;grid-row:2 !important}

/* ---------- 4. StandardNewsCard: Textelemente ---------- */
:is(#feed,#lokalFeed) > article.card.news-card .news-card__text > *{max-width:none !important}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__kicker{
  grid-row:1;color:var(--news-accent) !important;
  font:700 var(--nc-kicker-size)/var(--nc-kicker-line) "Noto Sans",system-ui,sans-serif !important;
  letter-spacing:normal !important;text-transform:none !important;
  display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;
  margin:0 !important;padding:0 !important;background:none !important;
}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__headline{
  grid-row:2;color:var(--ink) !important;
  font:700 var(--nc-headline-size)/var(--nc-headline-line) "Noto Serif",Georgia,serif !important;
  letter-spacing:-.01em !important;
  margin:var(--nc-gap-kicker-headline) 0 0 !important;
  display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;
  overflow-wrap:break-word !important;hyphens:auto;
}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__teaser{
  grid-row:3;color:var(--muted) !important;
  font:400 var(--nc-teaser-size)/var(--nc-teaser-line) "Noto Sans",system-ui,sans-serif !important;
  letter-spacing:normal !important;
  margin:var(--nc-gap-headline-teaser) 0 0 !important;
  display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;
  overflow-wrap:break-word !important;
}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__teaser:empty{display:none !important}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__author{
  grid-row:4;color:var(--news-accent) !important;
  font:700 var(--nc-author-size)/var(--nc-author-line) "Noto Sans",system-ui,sans-serif !important;
  margin:var(--nc-gap-teaser-author) 0 0 !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;
}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__context{
  grid-row:6;align-self:end;color:var(--muted) !important;
  font:400 var(--nc-context-size)/var(--nc-context-line) "Noto Sans",system-ui,sans-serif !important;
  margin:0 !important;
  white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;
}

/* ---------- 5. Sonderformate im 1:1-Raster ---------- */
/* Grundmuster: Spalte aus Medienflaeche (fuellt den Rest) + Textblock */
:is(#feed,#lokalFeed) > .card:not(.news-card){display:flex !important;flex-direction:column !important}
:is(#feed,#lokalFeed) > .card:not(.news-card) > .ci{flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}

/* Video lang: Bild fuellt, Text + Meta bleiben vollstaendig sichtbar */
:is(#feed,#lokalFeed) > .card.video-long > .ph,
:is(#feed,#lokalFeed) > .card.video-long > .video-image{
  flex:1 1 auto !important;min-height:0 !important;height:auto !important;aspect-ratio:auto !important;
}
:is(#feed,#lokalFeed) > .card.video-long > .ci{flex:0 0 auto !important}
:is(#feed,#lokalFeed) > .card.video-long > .ci .meta{margin-top:8px !important}

/* Reel: Bewegtbild fuellt die Kachel, Text unten */
:is(#feed,#lokalFeed) > .card.reel > .bgv{
  position:relative !important;inset:auto !important;flex:1 1 auto !important;min-height:0 !important;
  aspect-ratio:auto !important;height:auto !important;
}
:is(#feed,#lokalFeed) > .card.reel > .ov{flex:0 0 auto !important;position:relative !important}

/* Interaktive Kacheln (Umfrage, Event, Quiz, Mitmachen): Aktionen an den unteren Rand */
:is(#feed,#lokalFeed) > .card.poll > .ci > .meta:first-of-type{margin-top:auto !important}
:is(#feed,#lokalFeed) > .card.event > .ci > .acts{margin-top:auto !important}
:is(#feed,#lokalFeed) > .card.quiz > .ci > :last-child{margin-top:auto !important}
:is(#feed,#lokalFeed) > .card.card-mitmach > .ci > :last-child{margin-top:auto !important}

/* ---------- 6. Redaktionspruefung (nur ?nc-check) ---------- */
html.nc-check :is(#feed,#lokalFeed) > .card.news-card[data-nc-warn]{outline:3px solid #d0021b;outline-offset:-3px}
html.nc-check :is(#feed,#lokalFeed) > .card.news-card[data-nc-warn]::after{
  content:attr(data-nc-warn);position:absolute;z-index:6;left:0;right:0;bottom:0;
  background:#d0021b;color:var(--on-dark);font:600 11px/1.3 system-ui,sans-serif;padding:3px 6px;
}

/* ============================================================
   V42 - Bedienbarkeit: Trefferflaechen und Mindestschrift
   ============================================================ */
/* 1. Trefferflaeche mind. 44 x 44 px, ohne sichtbare Layoutaenderung:
      unsichtbares ::before waechst nur, wenn das Element kleiner ist. */
:is(.tk-track button,.themeb,.tk-pause,header .icon,.hmode,.placesum,header .place,header .logo,.eabtn,.chip,.save,.pill,.dnav button,.sec-h button,.opt){
  position:relative;
}
:is(.tk-track button,.themeb,.tk-pause,header .icon,.hmode,.placesum,header .place,header .logo,.eabtn,.chip,.save,.pill,.dnav button,.sec-h button,.opt)::before{
  content:"";position:absolute;
  top:min(0px,calc((100% - 44px) / 2));bottom:min(0px,calc((100% - 44px) / 2));
  left:min(0px,calc((100% - 44px) / 2));right:min(0px,calc((100% - 44px) / 2));
}

/* 2. Ganze Standardkachel antippbar (Klick wird per JS an die Headline gereicht) */
:is(#feed,#lokalFeed) > article.card.news-card{cursor:pointer}
:is(#feed,#lokalFeed) > article.card.news-card:focus-within{outline:2px solid var(--news-accent);outline-offset:2px}

/* 3. Mindestschrift 11 px fuer Kleinsttexte */
.tk-pause{font-size:11px !important}
.eil{font-size:11px !important}
.lcap{font-size:11px !important}
header .icon b{font-size:11px !important}

/* ============================================================
   V43 - Sonderformate im 1:1-Raster an die Standardkachel angleichen
   ============================================================
   - Umfrage, Quiz, Event: Foto randlos oben (wie landscape), fuellt den Restplatz
   - Video: Teaser wieder sichtbar
   - Dachzeile und Headline aller Sonderformate mit den Standard-Tokens
*/
:is(#feed,#lokalFeed) > .card:not(.news-card){
  --nc-kicker-size:12.5px;--nc-headline-size:18px;--nc-teaser-size:14px;
}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz,.event) > .ci > .interact-art{
  display:block !important;
  order:-1;
  flex:1 1 0 !important;min-height:0 !important;height:auto !important;
  margin:-13px -14px 10px !important;
  border-radius:0 !important;opacity:1 !important;
  background:var(--art,none) center/cover no-repeat !important;
}
/* Dachzeile: Akzentfarbe, Standardgroesse */
:is(#feed,#lokalFeed) > .card:not(.news-card):not(.reel) .tag{
  color:var(--c) !important;
  font:700 max(11px,var(--nc-kicker-size))/1.2 "Noto Sans",system-ui,sans-serif !important;
}
/* Headline: Serif, Standardgroesse (Reel behaelt helle Schrift auf dunklem Grund) */
:is(#feed,#lokalFeed) > .card:not(.news-card) h3{
  font-family:"Noto Serif",Georgia,serif !important;
  font-size:var(--nc-headline-size) !important;line-height:1.12 !important;
  letter-spacing:-.01em !important;
}
:is(#feed,#lokalFeed) > .card.quiz .q{font-size:max(12px,var(--nc-teaser-size)) !important;line-height:1.3 !important}
/* Video: Teaser sichtbar, vollstaendig, Standardgroesse */
:is(#feed,#lokalFeed) > .card.video-long > .ci > p{
  display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;
  font-size:max(12px,var(--nc-teaser-size)) !important;line-height:1.3 !important;color:var(--muted) !important;
}
/* Interaktionen bleiben am unteren Rand, das Foto nimmt nur den Restplatz */
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz,.event) > .ci > .interact-art + *{margin-top:0 !important}

/* ============================================================
   V44 - Dein Tag: Feinschliff
   ============================================================ */

/* ---------- 1. Textfolge neu: Autor nach unten ----------
   Kicker, Headline, Teaser oben; freier Raum; unten Autor + Personalisierung.
   side:      Autor eine Zeile ueber der Personalisierung
   landscape: Autor | Personalisierung in einer Zeile */
:is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side > div.news-card__text,
:is(#feed,#lokalFeed) > article.card.news-card--landscape > div.news-card__text{
  grid-template-rows:auto auto auto minmax(var(--nc-gap-teaser-author),1fr) auto auto !important;
}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__author{grid-row:5 !important;margin:0 !important}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__context{grid-row:6 !important;margin:var(--nc-gap-author-context) 0 0 !important;align-self:auto !important}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__context:empty{margin:0 !important}

:is(#feed,#lokalFeed) > article.card.news-card--landscape > div.news-card__text{
  grid-template-columns:max-content minmax(0,1fr) !important;
  grid-template-rows:auto auto auto minmax(var(--nc-gap-teaser-author),1fr) auto !important;
}
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__kicker,
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__headline,
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__teaser{grid-column:1 / -1 !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__author{grid-column:1 !important;grid-row:5 !important;align-self:baseline !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__context{grid-column:2 !important;grid-row:5 !important;margin:0 !important;align-self:baseline !important}
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__context:not(:empty)::before{
  content:"|";margin:0 .55em;color:var(--line);font-weight:400;
}

/* ---------- 2. Side-Kachel: Bild links (Wechsel per NZFeedLayout) ---------- */
:is(#feed,#lokalFeed) > article.card.news-card--side.media-left{grid-template-columns:var(--nc-side-image) minmax(0,1fr) !important}
:is(#feed,#lokalFeed) > article.card.news-card--side.media-left .news-card__image{grid-column:1 !important}
:is(#feed,#lokalFeed) > article.card.news-card--side.media-left > .ci.side > div.news-card__text{grid-column:2 !important}

/* ---------- 3. Reel: 2 Standardkacheln + Abstand hoch ----------
   2 Spalten: ueber zwei Rasterzeilen gestreckt. 1 Spalte: Hoehe per JS,
   max. eine sichtbare Bildschirmhoehe. */
:is(#feed,#lokalFeed) > .card.reel{
  aspect-ratio:auto !important;
  align-self:stretch !important;
}
@media (min-width:700px){
  :is(#feed,#lokalFeed) > .card.reel{grid-row:span 2 !important;height:auto !important}
}

/* ---------- 4. Video: Bild 16:9, Infozeile konsequent unten ---------- */
:is(#feed,#lokalFeed) > .card.video-long > .ph,
:is(#feed,#lokalFeed) > .card.video-long > .video-image{flex:0 0 56.25% !important}
:is(#feed,#lokalFeed) > .card.video-long > .ci{flex:1 1 auto !important}
:is(#feed,#lokalFeed) > .card.video-long > .ci > .meta{
  margin-top:auto !important;padding-top:1cqw !important;
  font-size:12.5px !important;line-height:1.25 !important;
}
:is(#feed,#lokalFeed) > .card.video-long > .ci > .meta .save{font-size:12.5px !important}

/* ---------- 5. Umfrage + Quiz: Foto als Hintergrund ---------- */
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) > .ci{
  position:relative !important;isolation:isolate;
  justify-content:flex-end !important;
  background:transparent !important;
}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) > .ci > .interact-art{
  position:absolute !important;inset:0 !important;z-index:-1 !important;
  margin:0 !important;height:auto !important;flex:none !important;
}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) > .ci > .interact-art::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,22,38,.30) 0%,rgba(0,22,38,.72) 45%,rgba(0,22,38,.92) 100%);
}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) .tag{color:#9FE3EE !important}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) :is(h3,.q){color:var(--on-dark) !important}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) :is(p,.meta,.meta span){color:rgba(255,255,255,.82) !important}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) .themeb{color:var(--on-dark) !important}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) :is(.opt,.acts button,.pill){
  background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.38) !important;color:var(--on-dark) !important;
}
:is(#feed,#lokalFeed) > .card.poll .opt .fill{background:color-mix(in srgb,var(--c) 55%,transparent) !important}
:is(#feed,#lokalFeed) > .card.poll .opt :is(b,em,span){color:var(--on-dark) !important}

/* ---------- 6. Sortierschalter + Ressorttitel ---------- */
.filters .sortb{
  flex:none;display:flex;align-items:center;gap:6px;position:relative;
  border:1px solid var(--ink);border-radius:var(--r-pill);padding:6px 12px;
  font-size:12.5px;font-weight:700;color:var(--ink);background:transparent;
  margin-right:6px;
}
.filters .sortb[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.filters .sortb::before{
  content:"";position:absolute;
  top:min(0px,calc((100% - 44px) / 2));bottom:min(0px,calc((100% - 44px) / 2));left:0;right:0;
}
:is(#feed,#lokalFeed) > .feed-group{
  grid-column:1 / -1 !important;
  margin:14px 0 -2px;padding:0 2px;
  font:700 18px/1.2 "Noto Serif",Georgia,serif;color:var(--ink);
  display:flex;align-items:center;gap:10px;
}
:is(#feed,#lokalFeed) > .feed-group:first-child,:is(#feed,#lokalFeed) > .feed-group[style*="order: 0"]{margin-top:2px}
:is(#feed,#lokalFeed) > .feed-group::after{content:"";flex:1;height:1px;background:var(--line)}
/* V44 Korrektur: Hintergrund-Variante - Dachzeile lesbar, Inhalt unten auf dem Bild */
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz):not(.news-card):not(.reel) .tag{color:#9FE3EE !important}
:is(#feed,#lokalFeed) > .card:is(.poll,.quiz) > .ci > .interact-art + *{margin-top:auto !important}
:is(#feed,#lokalFeed) > .card.poll > .ci > .meta:first-of-type,
:is(#feed,#lokalFeed) > .card.quiz > .ci > :last-child{margin-top:0 !important}
:is(#feed,#lokalFeed) > .card.quiz > .ci > .acts{margin-top:8px !important}

/* ============================================================
   V45 - Kleine Kachel: news-card--small, immer als Paar
   ============================================================
   Zwei kleine Kacheln bilden ein Paar (.news-pair). Das Paar ist im Raster
   eine normale 1:1-Zelle; innen zwei gleich hohe Zeilen mit Rasterabstand.
   => 2 kleine + Abstand = 1 Standardkachel, das Raster bleibt immer buendig.
   Aufbau kleine Kachel: Bild links (40 %, fluchtet mit side) |
   Ressort · Dachzeile, Titel, Autor | Personalisierung.
*/
:is(#feed,#lokalFeed) > .card.news-pair{
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
  gap:12px;                                   /* = Rasterabstand .feed */
  background:transparent !important;border-radius:0 !important;
  overflow:visible !important;padding:0 !important;
}
:is(#feed,#lokalFeed) > .card.news-pair::before{display:none !important}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small{
  --news-accent:var(--c,var(--nz));
  --nc-side-image:40%;
  --nc-pad-x:3.2cqw; --nc-pad-y:3.2cqw;
  --nc-kicker-size:12.5px;   --nc-kicker-line:1.20;
  --nc-headline-size:18px; --nc-headline-line:1.12;
  --nc-author-size:14px;  --nc-author-line:1.20;   /* V54: +~0,8 pt */
  --nc-context-size:12.5px; --nc-context-line:1.25;
  --nc-gap-kicker-headline:1.1cqw; --nc-gap-teaser-author:.8cqw; --nc-gap-author-context:1.0cqw;
  container-type:inline-size;
  position:relative;overflow:hidden;min-height:0;height:100%;width:100%;
  margin:0;border-top:0 !important;border-radius:var(--r-lg);background:var(--paper);
  display:grid !important;
  grid-template-columns:var(--nc-side-image) minmax(0,1fr);
  grid-template-rows:100%;
  cursor:pointer;
}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small::before{
  content:"";position:absolute;z-index:5;top:0;left:0;right:0;
  height:max(3px,.75cqw);background:var(--news-accent);pointer-events:none;
}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small:focus-within{outline:2px solid var(--news-accent);outline-offset:2px}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small > .news-card__image{
  grid-column:1;grid-row:1;width:100%;height:100%;
  background-position:center;background-size:cover;background-repeat:no-repeat;
}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small > .news-card__text{
  grid-column:2;grid-row:1;min-width:0;min-height:0;box-sizing:border-box;
  padding:var(--nc-pad-y) var(--nc-pad-x);
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto minmax(var(--nc-gap-teaser-author),1fr) auto;
  overflow:hidden;
}
:is(#feed,#lokalFeed) > .news-pair .news-card__kicker{
  grid-row:1;color:var(--news-accent);display:block;margin:0;
  font:700 var(--nc-kicker-size)/var(--nc-kicker-line) "Noto Sans",system-ui,sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:clip;
}
:is(#feed,#lokalFeed) > .news-pair .news-card__headline{
  grid-row:2;color:var(--ink);margin:var(--nc-gap-kicker-headline) 0 0;
  font:700 var(--nc-headline-size)/var(--nc-headline-line) "Noto Serif",Georgia,serif;
  letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;
}
/* Autor | Personalisierung: eine Zeile, wenn es passt; sonst Personalisierung darunter */
:is(#feed,#lokalFeed) > .news-pair .news-card__byline{grid-row:4;display:flex;flex-wrap:wrap;align-items:baseline;min-width:0}
:is(#feed,#lokalFeed) > .news-pair .news-card__author{
  margin:0;flex:none;color:var(--news-accent);white-space:nowrap;
  font:700 var(--nc-author-size)/var(--nc-author-line) "Noto Sans",system-ui,sans-serif;
}
:is(#feed,#lokalFeed) > .news-pair .news-card__context{
  margin:0;flex:0 1 auto;min-width:0;max-width:100%;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:clip;
  font:400 var(--nc-context-size)/var(--nc-context-line) "Noto Sans",system-ui,sans-serif;
}
:is(#feed,#lokalFeed) > .news-pair .news-card__byline:not(.is-wrapped) > .news-card__context:not(:empty)::before{
  content:"|";margin:0 .55em;color:var(--line);font-weight:400;
}
:is(#feed,#lokalFeed) > .news-pair .news-card__byline.is-wrapped > .news-card__context{flex-basis:100%;margin-top:var(--nc-gap-author-context)}
html.nc-check :is(#feed,#lokalFeed) > .news-pair > .news-card--small[data-nc-warn]{outline:3px solid #d0021b;outline-offset:-3px}
html.nc-check :is(#feed,#lokalFeed) > .news-pair > .news-card--small[data-nc-warn]::after{
  content:attr(data-nc-warn);position:absolute;z-index:6;left:0;right:0;bottom:0;
  background:#d0021b;color:var(--on-dark);font:600 11px/1.3 system-ui,sans-serif;padding:3px 6px;
}
/* V45 Korrektur: alte h3-Kuerzungsregeln duerfen den Titel der kleinen Kachel nicht abschneiden */
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small .news-card__headline{
  display:block !important;-webkit-line-clamp:unset !important;line-clamp:none !important;
  overflow:visible !important;text-overflow:clip !important;max-height:none !important;
  font-size:var(--nc-headline-size) !important;line-height:var(--nc-headline-line) !important;
  margin:var(--nc-gap-kicker-headline) 0 0 !important;
}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small .news-card__kicker{font-size:var(--nc-kicker-size) !important;line-height:var(--nc-kicker-line) !important}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small .news-card__author{font-size:var(--nc-author-size) !important;line-height:var(--nc-author-line) !important}
:is(#feed,#lokalFeed) > .news-pair > article.news-card--small .news-card__context{font-size:var(--nc-context-size) !important;line-height:var(--nc-context-line) !important}

/* ============================================================
   V47 - Ortsstartseite (Bereich Lokal)
   ============================================================ */
#v-lokal{padding-bottom:24px}
.lk-head{padding:14px 16px 6px}
.lk-greet{margin:0;font-size:12.5px;color:var(--muted);font-weight:600}
.lk-title{display:flex;align-items:center;gap:10px}
.lk-title h1{margin:2px 0 8px;font:700 28px/1.1 "Noto Serif",Georgia,serif;letter-spacing:-.02em;color:var(--ink)}
.lk-switch{position:relative;margin-left:auto;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--ink);background:var(--paper)}
.lk-switch::before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) 0}
.lk-places{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.lk-places::-webkit-scrollbar{display:none}
.lk-places .chip{flex:none;border-width:1px;position:relative}
.lk-places .chip::before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) 0}

/* Jetzt-Leiste */
.lk-now{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 16px 4px}
.lk-now::-webkit-scrollbar{display:none}
.lk-chip{flex:0 0 auto;min-width:132px;max-width:220px;min-height:52px;text-align:left;display:flex;flex-direction:column;justify-content:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px;color:var(--ink)}
.lk-chip b{font-size:16px;line-height:1.2}
.lk-chip small{font-size:12.5px;line-height:1.3;color:var(--muted);white-space:normal}
.lk-chip.is-alert{border-color:color-mix(in srgb,var(--lage) 45%,var(--line))}
.lk-chip.is-alert b{color:var(--lage)}

/* Neu seit letztem Besuch */
.lk-new{margin:10px 16px 0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);
  background:color-mix(in srgb,var(--lokal) 8%,var(--paper));font-size:14px;color:var(--ink)}
.lk-new small{color:var(--muted)}
.lk-new-n{flex:none;min-width:30px;height:30px;border-radius:var(--r-pill);background:var(--lokal);color:var(--on-dark);font-weight:800;display:grid;place-items:center}
.lk-new-ok{position:relative;margin-left:auto;flex:none;font-size:12.5px;font-weight:700;color:var(--lokal);background:none;border:0;padding:6px 4px}
.lk-new-ok::before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) -6px}

/* Nachrichten-Kacheln: gleiches System wie Dein Tag (#lokalFeed) */
.lk-sec{margin-top:18px}
.lk-sec .sec-h{padding-bottom:0}
#lokalFeed{margin-top:8px}
/* Neu-Markierung: kleiner Punkt vor der Dachzeile */
:is(#feed,#lokalFeed) .news-card.is-new .news-card__kicker::before{
  content:"Neu";display:inline-block;margin-right:.5em;padding:0 .45em;border-radius:var(--r-pill);
  background:var(--news-accent);color:var(--on-dark);font-size:.82em;line-height:1.45;vertical-align:.08em;
}

/* Leben */
.lk-leben{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 16px 0}
.lk-box{background:var(--paper);border-radius:var(--r-md);padding:12px 14px;text-align:left;color:var(--ink);border:0;border-top:3px solid var(--leben)}
.lk-box h3{margin:0 0 6px;font:700 16px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--leben)}
.lk-box ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.lk-box li{font-size:14px;line-height:1.3}
.lk-box li time{display:inline-block;min-width:44px;font-weight:700;color:var(--ink)}
.lk-box p{margin:0;font-size:14px;line-height:1.35;color:var(--muted)}
.lk-empty{color:var(--muted)}
.lk-box--btn{cursor:pointer}

/* Meistgelesen + Mitmachen */
.lk-rank{list-style:none;margin:8px 16px 0;padding:0;background:var(--paper);border-radius:var(--r-md)}
.lk-rank li+li{border-top:1px solid var(--line)}
.lk-rank button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:11px 14px;background:none;border:0;color:var(--ink)}
.lk-rank .n{flex:none;font:700 24px/1 "Noto Serif",Georgia,serif;color:var(--lokal);min-width:18px}
.lk-rank strong{display:block;font-size:14px;line-height:1.3}
.lk-rank small{font-size:12.5px;color:var(--muted)}
.lk-mit{margin:8px 16px 0;background:var(--paper);border-radius:var(--r-md);padding:14px;border-top:3px solid var(--mit)}
.lk-mit p{margin:0 0 10px;font-size:14px;line-height:1.4;color:var(--ink)}
.lk-more{margin:10px 16px 0}
#lkAll .list{margin:8px 16px 0}

@media (min-width:700px){
  .lk-head,.lk-now{padding-left:24px;padding-right:24px}
  .lk-new{margin-left:24px;margin-right:24px}
  .lk-leben{grid-template-columns:repeat(4,1fr);padding:8px 24px 0}
  .lk-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:0 12px}
  .lk-cols .lk-rank,.lk-cols .lk-mit{margin-left:12px;margin-right:12px}
  .lk-rank,.lk-mit,#lkAll .list,.lk-more{margin-left:24px;margin-right:24px}
}
/* V48: Tipps & Service (Kategorie Leben) im Block „Leben in …“ */
.lk-rat{margin:10px 16px 0;background:var(--paper);border-radius:var(--r-md);padding:12px 14px;border-top:3px solid var(--leben)}
.lk-rat h3{margin:0 0 8px;font:700 16px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--leben)}
.lk-rat-i{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:6px 0;color:var(--ink)}
.lk-rat-i+.lk-rat-i{border-top:1px solid var(--line)}
.lk-rat-img{flex:none;width:56px;height:56px;border-radius:var(--r-sm);background:center/cover no-repeat}
.lk-rat-i strong{display:block;font-size:14px;line-height:1.3}
.lk-rat-i small{font-size:12.5px;color:var(--muted)}
@media (min-width:700px){.lk-rat{margin-left:24px;margin-right:24px}}
/* V49: Gliederung im Orte-Dialog */
#s-place .pl-group{margin:14px 2px 4px;font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
#s-place .pl-group:first-child{margin-top:4px}

/* ============================================================
   V50 - Themen: Themenmix + Magazin
   ============================================================ */
#v-thema{padding-bottom:28px}
.mz-head{padding:18px 16px 6px}
.mz-kicker{margin:0;font:800 12.5px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--media)}
.mz-head h1{margin:4px 0 6px;font:700 34px/1.08 "Noto Serif",Georgia,serif;letter-spacing:-.02em;color:var(--ink)}
.mz-intro{margin:0;font-size:16px;line-height:1.45;color:var(--muted)}

/* Themenmix: Bildkacheln */
.mz-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px 4px}
.mz-tile{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;border:0;padding:0;text-align:left;color:var(--on-dark);background:#0a2233;cursor:pointer;
  outline:3px solid transparent;outline-offset:-3px;transition:outline-color .15s,transform .15s}
.mz-tile-img{position:absolute;inset:0;background:var(--img) center/cover no-repeat;opacity:.55;filter:grayscale(.6);transition:opacity .2s,filter .2s}
.mz-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,15,25,.85))}
.mz-tile.is-on{outline-color:var(--c)}
.mz-tile.is-on .mz-tile-img{opacity:1;filter:none}
.mz-tile-check{position:absolute;z-index:2;top:8px;right:8px;width:26px;height:26px;border-radius:var(--r-pill);display:grid;place-items:center;
  font:800 16px/1 system-ui,sans-serif;background:rgba(255,255,255,.9);color:#0a2233}
.mz-tile.is-on .mz-tile-check{background:var(--c);color:var(--on-dark)}
.mz-tile-t{position:absolute;z-index:2;left:10px;right:10px;bottom:24px;font:700 14px/1.15 "Noto Serif",Georgia,serif;hyphens:manual}
.mz-tile-n{position:absolute;z-index:2;left:10px;bottom:8px;font-size:11px;opacity:.85}
.mz-pick-sum{grid-column:1/-1;margin:4px 0 0;font-size:12.5px;color:var(--muted)}

/* Magazin-Kopf */
.mz-mag-h{display:flex;align-items:baseline;justify-content:space-between;margin:22px 16px 10px;padding-top:14px;border-top:2px solid var(--ink)}
.mz-date{font-size:12.5px;color:var(--muted)}

/* Titelgeschichte */
.mz-cover{position:relative;margin:0 16px;border-radius:var(--r-lg);overflow:hidden;min-height:420px;display:flex;align-items:flex-end;cursor:pointer;background:#06202f}
.mz-cover-img{position:absolute;inset:0;background:var(--img) center/cover no-repeat}
.mz-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,18,30,.92) 78%)}
.mz-cover-txt{position:relative;z-index:1;padding:20px 18px 18px;color:var(--on-dark)}
.mz-cover .mz-kick{color:var(--on-dark);background:var(--c);padding:3px 8px;border-radius:var(--r-pill)}
.mz-cover h2{margin:10px 0 8px;font:700 28px/1.1 "Noto Serif",Georgia,serif;letter-spacing:-.015em}
.mz-cover p{margin:0 0 8px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.88)}
.mz-cover .mz-meta{color:rgba(255,255,255,.7)}

/* Abschnitt je Thema */
.mz-sec{margin:30px 16px 0}
.mz-sec-h{display:flex;gap:10px;align-items:flex-start;padding-top:12px;border-top:4px solid var(--c)}
.mz-sec-e{flex:none;width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--c);color:var(--on-dark)}
.mz-sec-e .ic{width:18px;height:18px}
.mz-sec-h h2{margin:0;font:700 24px/1.1 "Noto Serif",Georgia,serif;color:var(--ink)}
.mz-sec-h p{margin:3px 0 0;font-size:12.5px;line-height:1.35;color:var(--muted)}
.mz-open{position:relative;margin-left:auto;flex:none;font-size:12.5px;font-weight:700;color:var(--c);background:none;border:0;padding:6px 0;white-space:nowrap}
.mz-open::before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) -6px}
.mz-kick{display:inline-block;font:800 11px/1.3 "Noto Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.mz-meta{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}

/* Aufmacher */
.mz-lead{margin-top:14px;cursor:pointer;background:var(--paper);border-radius:var(--r-md);overflow:hidden}
.mz-lead-img{aspect-ratio:3/2;background:center/cover no-repeat}
.mz-lead-txt{padding:14px 16px 16px}
.mz-lead h3{margin:6px 0 8px;font:700 24px/1.15 "Noto Serif",Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.mz-lead p{margin:0;font-size:16px;line-height:1.5;color:var(--ink);opacity:.85}
/* Layout B: Aufmacher mit farbigem Zitat-Rand statt Kasten */
.mz-sec--b .mz-lead{background:none;border-radius:0}
.mz-sec--b .mz-lead-img{border-radius:var(--r-md)}
.mz-sec--b .mz-lead-txt{padding:14px 0 0 14px;border-left:3px solid var(--c);margin-top:14px}

/* Zwei Beitraege */
.mz-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mz-card{cursor:pointer}
.mz-card-img{aspect-ratio:4/3;border-radius:var(--r-md);background:center/cover no-repeat}
.mz-card h4{margin:8px 0 0;font:700 16px/1.2 "Noto Serif",Georgia,serif;color:var(--ink)}

/* Ausserdem */
.mz-also{margin-top:16px;background:var(--paper);border-radius:var(--r-md);padding:12px 14px}
.mz-also h4{margin:0 0 4px;font:800 11px/1.3 "Noto Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.mz-also ul{list-style:none;margin:0;padding:0}
.mz-also li+li{border-top:1px solid var(--line)}
.mz-also button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 0;color:var(--ink)}
.mz-also strong{display:block;font-size:14px;line-height:1.3}
.mz-also small{font-size:12.5px;color:var(--muted)}
.mz-empty,.mz-empty-mag p{color:var(--muted);font-size:14px}
.mz-empty-mag{margin:24px 16px;padding:24px 18px;border-radius:var(--r-md);background:var(--paper);text-align:center}
.mz-empty-mag h2{margin:0 0 6px;font:700 24px/1.2 "Noto Serif",Georgia,serif}

/* Entdecken */
.mz-more{margin:34px 0 0;padding:18px 0 0;border-top:2px solid var(--ink)}
.mz-more h2{margin:0 16px 12px;font:700 24px/1.2 "Noto Serif",Georgia,serif;color:var(--ink)}
.mz-more-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 16px 4px;scroll-snap-type:x mandatory}
.mz-more-row::-webkit-scrollbar{display:none}
.mz-more-c{flex:0 0 78%;max-width:320px;scroll-snap-align:start;background:var(--paper);border-radius:var(--r-md);overflow:hidden;border-top:4px solid var(--c)}
.mz-more-img{aspect-ratio:16/9;background:var(--img) center/cover no-repeat}
.mz-more-t{padding:12px 14px 14px}
.mz-more-t strong{display:block;font:700 18px/1.2 "Noto Serif",Georgia,serif;color:var(--ink)}
.mz-more-t small{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.mz-more-a{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}

@media (min-width:700px){
  .mz-head{padding:22px 24px 6px}
  .mz-pick{grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 24px 4px}
  .mz-mag-h,.mz-cover,.mz-sec,.mz-empty-mag{margin-left:24px;margin-right:24px}
  .mz-cover{min-height:460px}
  .mz-cover h2{font-size:34px;max-width:22ch}
  .mz-cover p{max-width:60ch}
  /* Layout A: Aufmacher quer (Bild links, Text rechts) */
  .mz-sec--a .mz-lead{display:grid;grid-template-columns:1.25fr 1fr}
  .mz-sec--a .mz-lead-img{aspect-ratio:auto;min-height:280px}
  .mz-sec--a .mz-lead-txt{padding:20px 22px;align-self:center}
  .mz-sec--a .mz-lead h3{font-size:28px}
  /* Layout B: Aufmacher gross, darunter drei Spalten */
  .mz-sec--b .mz-lead h3{font-size:28px;max-width:26ch}
  .mz-two{grid-template-columns:repeat(2,1fr)}
  .mz-more h2{margin-left:24px}
  .mz-more-row{padding:0 24px 4px}
  .mz-more-c{flex-basis:300px}
}

/* V50: nur ein Zusatzbeitrag -> quer ueber die volle Breite */
.mz-two--one{grid-template-columns:1fr !important}
.mz-two--one .mz-card{display:grid;grid-template-columns:40% 1fr;gap:12px;align-items:center}
.mz-two--one .mz-card h4{margin:0}
/* V52: Bilder der ePaper-Artikel (KI-generierte Symbolbilder) */
:root{--i-ep-xxldock:url(assets/img/ep-xxldock.jpg);--i-ep-startklar:url(assets/img/ep-startklar.jpg);--i-ep-meteorologin:url(assets/img/ep-meteorologin.jpg);--i-ep-modularis:url(assets/img/ep-modularis.jpg);--i-ep-brueckenstrasse:url(assets/img/ep-brueckenstrasse.jpg);--i-ep-escooter:url(assets/img/ep-escooter.jpg);--i-ep-bibliothek:url(assets/img/ep-bibliothek.jpg);--i-ep-petermann:url(assets/img/ep-petermann.jpg);--i-ep-arktis:url(assets/img/ep-arktis.jpg);--i-ep-westermann:url(assets/img/ep-westermann.jpg);--i-ep-gezeiten:url(assets/img/ep-gezeiten.jpg);--i-ep-henning:url(assets/img/ep-henning.jpg);--i-ep-cduklima:url(assets/img/ep-cduklima.jpg);--i-ep-erntedank:url(assets/img/ep-erntedank.jpg);--i-ep-lichternacht:url(assets/img/ep-lichternacht.jpg);--i-ep-fledermaus:url(assets/img/ep-fledermaus.jpg);--i-ep-fischerei:url(assets/img/ep-fischerei.jpg);--i-ep-spieka:url(assets/img/ep-spieka.jpg);--i-ep-spiekafest:url(assets/img/ep-spiekafest.jpg);--i-ep-vogelmika:url(assets/img/ep-vogelmika.jpg);--i-ep-kitaspende:url(assets/img/ep-kitaspende.jpg);--i-ep-lebensraumkind:url(assets/img/ep-lebensraumkind.jpg);--i-ep-nachhaltig:url(assets/img/ep-nachhaltig.jpg);--i-ep-handwerksmuseum:url(assets/img/ep-handwerksmuseum.jpg);--i-ep-wiederbelebung:url(assets/img/ep-wiederbelebung.jpg);--i-ep-flohmarkt:url(assets/img/ep-flohmarkt.jpg);--i-ep-yunger:url(assets/img/ep-yunger.jpg);--i-ep-furchner:url(assets/img/ep-furchner.jpg);--i-ep-whales:url(assets/img/ep-whales.jpg);--i-ep-basketball:url(assets/img/ep-basketball.jpg);--i-ep-tvschiffdorf:url(assets/img/ep-tvschiffdorf.jpg);--i-ep-hagenladwig:url(assets/img/ep-hagenladwig.jpg);--i-ep-bokel:url(assets/img/ep-bokel.jpg);--i-ep-schwimmfest:url(assets/img/ep-schwimmfest.jpg);--i-ep-eulabel:url(assets/img/ep-eulabel.jpg);--i-ep-ebikes:url(assets/img/ep-ebikes.jpg);--i-ep-corolla:url(assets/img/ep-corolla.jpg);--i-ep-krimispiele:url(assets/img/ep-krimispiele.jpg);--i-ep-ubud:url(assets/img/ep-ubud.jpg);--i-ep-100ml:url(assets/img/ep-100ml.jpg);--i-ep-gemuese:url(assets/img/ep-gemuese.jpg);--i-ep-duenger:url(assets/img/ep-duenger.jpg);--i-ep-heimisch:url(assets/img/ep-heimisch.jpg);--i-ep-ki:url(assets/img/ep-ki.jpg);--i-ep-elbtunnel:url(assets/img/ep-elbtunnel.jpg);--i-ep-russland:url(assets/img/ep-russland.jpg);--i-ep-a1:url(assets/img/ep-a1.jpg);}

/* ============================================================
   V54 - Aufmacher + "Dazu" als ein Block, "Frisch eingetroffen"
   ============================================================
   Farbe des Aufmachers folgt der Gewichtung: wichtiges Thema (Live-Lage, Eilmeldung,
   Schwerpunkt) = NZ-Rot, sonst NZ-Blau var(--brand). "Dazu" liegt im selben Rahmen,
   leicht in der Aufmacherfarbe getoent. */
:root{--nzblau:var(--brand)}
#v-start .topnews{grid-template-columns:minmax(0,1fr) !important}
.leadbox{--lead:var(--lage);border-radius:var(--r-sm);overflow:hidden;background:var(--paper);box-shadow:0 1px 2px rgba(6,50,77,.06);display:grid;grid-template-columns:minmax(0,1fr)}
.leadbox[data-prio="normal"]{--lead:var(--nzblau)}
.leadbox .lead{border-radius:0 !important;box-shadow:none;background:transparent}
.leadbox .lead .ltx,.leadbox .lead .lk{background:var(--lead)}
.leadbox .lead .limg{background-position:var(--fp,center 32%)}
.leadbox .lead .limg::after{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--lead) 24%,transparent))}
.leadbox .related.dazu{border-radius:0;margin:0;padding:12px 18px 6px;
  background:color-mix(in srgb,var(--lead) 11%,var(--paper));border-top:1px solid color-mix(in srgb,var(--lead) 30%,transparent)}
.leadbox .related.dazu h3{color:var(--lead);font-family:"Noto Sans",system-ui,sans-serif;font-size:12.5px;letter-spacing:.02em;text-transform:uppercase}
.leadbox .related.dazu h3 span{text-transform:none;letter-spacing:0;font-weight:600;opacity:.85}
.leadbox .related.dazu .rel{border-top-color:color-mix(in srgb,var(--lead) 18%,transparent);border-radius:0}
.related .rel .tag{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related .rel > span:last-child{min-width:0}
.related.fresh{border-radius:var(--r-sm)}
.related.fresh h3{display:flex;align-items:center;gap:8px}
.related.fresh h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sport);box-shadow:0 0 0 3px color-mix(in srgb,var(--sport) 25%,transparent)}
.related.fresh .rtime{color:var(--ink)}
.rth{background-position:var(--fp,center) !important;background-size:cover}
[data-theme="dark"] .leadbox .related.dazu{background:color-mix(in srgb,var(--lead) 22%,var(--paper))}

@media (min-width:700px){
  .leadbox:not(.solo){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .leadbox:not(.solo) .related.dazu{border-top:0;border-left:1px solid color-mix(in srgb,var(--lead) 30%,transparent);padding:16px 20px 8px}
  #v-start .topnews.has-fresh{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important}
}

/* ============================================================
   V54 - "Meine NZ" als Aufklappmenue + neue Bereiche
   ============================================================ */
.sheet.mnz{padding:8px 14px 20px}
.mnz-head{display:flex;align-items:center;gap:12px;padding:6px 4px 12px;border-bottom:1px solid var(--line)}
.mnz-head .av{width:40px;height:40px;border-radius:50%;background:var(--nz);color:var(--on-dark);display:grid;place-items:center;font-weight:800;flex:none}
.mnz-head strong{display:block;font-size:16px}
.mnz-head small{display:block;font-size:12.5px;color:var(--muted)}
.mnz-head > div:nth-child(2){flex:1;min-width:0}
.mnz-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.mnz-g{padding-top:10px}
.mnz-g h3{font:700 11px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 6px 4px}
.mnz-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 6px;border-radius:var(--r-sm);color:var(--ink)}
.mnz-i:hover,.mnz-i:focus-visible{background:color-mix(in srgb,var(--nz) 8%,transparent);outline:none}
.mnz-i > span{flex:1;min-width:0}
.mnz-i strong{display:block;font-size:16px;font-weight:700}
.mnz-i small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnz-i b{color:var(--muted);font-weight:400;font-size:18px}
.mnz-ic{width:34px;height:34px;padding:7px;border-radius:var(--r-sm);flex:none;stroke:var(--nz);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:color-mix(in srgb,var(--nz) 10%,transparent)}
.mnz-g:nth-of-type(4) .mnz-ic{stroke:var(--leben);background:color-mix(in srgb,var(--leben) 12%,transparent)}
/* Dropdown ab 900 px */
.sheet.mnz.mnz-drop{left:auto;bottom:auto;width:380px;max-height:calc(100% - 90px);border-radius:var(--r-md);
  box-shadow:0 18px 50px rgba(3,20,32,.28);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}
.sheet.mnz.mnz-drop.on{transform:none;opacity:1;pointer-events:auto}
.sheet.mnz.mnz-drop .grab{display:none}
[aria-expanded="true"][data-tab="v-meine"]{color:var(--nz)}

/* gemeinsame Bausteine */
.mnz-view .vh .back{display:block}
.mnz-bar{padding:10px 16px 0;overflow-x:auto;scrollbar-width:none}
.mnz-chips{display:flex;gap:8px;white-space:nowrap}
.mnz-kick{display:block;font-size:12.5px;font-weight:700;color:var(--leben)}
.mnz-note{margin-top:16px}
.mnz-note .pill,.mnz-tip .pill,.box .pill{margin-top:10px}
.mnz-link{font-size:12.5px;font-weight:700;color:var(--nz)}

/* Veranstaltungen */
.mnz-evlist{display:grid;gap:12px;padding:14px 16px 0}
.mnz-ev{display:grid;grid-template-columns:34% minmax(0,1fr);background:var(--paper);border-radius:var(--r-sm);overflow:hidden;min-height:132px}
.mnz-ev[hidden]{display:none}
.mnz-ev-img{background:var(--fp,center)/cover no-repeat}
.mnz-ev-tx{padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.mnz-ev-tx strong{font:700 16px/1.2 "Noto Serif",Georgia,serif}
.mnz-ev-tx small{font-size:12.5px;color:var(--muted)}
.mnz-ev-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:8px}
.mnz-free{font-size:12.5px;font-weight:700;color:var(--sport)}
.mnz-nzplus{font-size:12.5px;font-weight:700;color:var(--nz)}
@media (min-width:700px){.mnz-evlist{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 24px 0}}
@media (min-width:1100px){.mnz-evlist{grid-template-columns:repeat(3,minmax(0,1fr))}.mnz-ev{grid-template-columns:minmax(0,1fr);grid-template-rows:150px auto}}
/* Ticket-Sheet */
.mnz-tk{display:grid;gap:8px;margin:6px 0 12px}
.mnz-tk-k{display:flex;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:16px}
.mnz-tk-k[aria-pressed="true"]{border-color:var(--nz);background:color-mix(in srgb,var(--nz) 7%,transparent)}
.mnz-step{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 12px;font-size:16px}
.mnz-step > div{display:flex;align-items:center;gap:14px}
.mnz-step button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);font-size:20px;line-height:1}
.mnz-sum{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:6px;font-size:14px}
.mnz-sum > div{display:flex;justify-content:space-between}
.mnz-rab{color:var(--sport);font-weight:700}
.mnz-tot{font-weight:800;font-size:18px;padding-top:6px;border-top:1px dashed var(--line)}
.mnz-buy{width:100%;margin-top:14px;justify-content:center}
.mnz-ok{text-align:center;padding:14px 0}
.mnz-okc{width:54px;height:54px;border-radius:50%;background:var(--sport);color:var(--on-dark);display:grid;place-items:center;font-size:28px;margin:0 auto 10px}
.mnz-ok .pill{margin-top:12px}

/* Raetsel, Shop: Raster */
.mnz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px 0}
@media (min-width:700px){.mnz-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 24px 0}}
.mnz-rs{background:var(--paper);border-radius:var(--r-sm);padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--c)}
.mnz-rs-i{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;font:900 20px/1 "Noto Serif",Georgia,serif;color:var(--on-dark);background:var(--c);margin-bottom:6px}
.mnz-rs strong{font-size:16px}
.mnz-rs small{font-size:12.5px;color:var(--muted);line-height:1.3}
.mnz-prod{background:var(--paper);border-radius:var(--r-sm);overflow:hidden;display:flex;flex-direction:column;gap:3px;padding-bottom:12px}
.mnz-prod-img{aspect-ratio:4/3;background:var(--fp,center)/cover no-repeat;margin-bottom:8px}
.mnz-prod strong,.mnz-prod small,.mnz-prod-f{padding:0 12px}
.mnz-prod strong{font-size:14px;line-height:1.25}
.mnz-prod small{font-size:12.5px;color:var(--muted);line-height:1.3}
.mnz-prod-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.mnz-prod-f .pill{font-size:12.5px}

/* TV */
.mnz-tip{position:relative;overflow:hidden;border-left:4px solid var(--leben)}
.mnz-tv{margin-top:12px}
.mnz-tv .li2 > div{min-width:0}
.mnz-tv strong{display:block;font-size:14px}
.mnz-ch{display:block;font-size:11px;font-weight:700;color:var(--nz);text-transform:uppercase;letter-spacing:.04em}
.mnz-rem{font-size:16px;width:36px;height:36px;border-radius:50%}

/* Leserreisen */
.mnz-trips{display:grid;gap:12px;padding:14px 16px 0}
@media (min-width:700px){.mnz-trips{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 24px 0}}
.mnz-trip{background:var(--paper);border-radius:var(--r-sm);overflow:hidden}
.mnz-trip-img{aspect-ratio:16/9;background:var(--fp,center)/cover no-repeat}
.mnz-trip-tx{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.mnz-trip-tx strong{font:700 18px/1.2 "Noto Serif",Georgia,serif}
.mnz-trip-tx small{font-size:12.5px;color:var(--muted)}
.mnz-trip-f{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.mnz-trip-f b{font-size:16px;color:var(--nz)}

/* ============================================================
   V55 - Newsband langsamer, Barrierefreiheits-Schalter
   ============================================================ */
/* Newsband: rund 30 % langsamer (46 -> 64 s, Desktop 54 -> 74 s) */
/* Barrierefreiheit: gefuellte Figur, kraeftige Linien, klarer Kontrast (weiss auf NZ-Blau, 7,6:1) */
header .eabtn,.eabtn{background:var(--nzblau,var(--brand)) !important;border:2px solid var(--nzblau,var(--brand)) !important;color:var(--on-dark) !important;box-shadow:0 0 0 2px var(--paper),0 1px 4px rgba(0,40,70,.25)}
.eabtn .ic{width:24px !important;height:24px !important;stroke-width:2.4 !important;stroke:currentColor;fill:none}
.eabtn .ic circle{fill:currentColor !important;stroke:none !important}
.eabtn:hover{background:#00416a !important}
.eabtn[aria-expanded="true"]{background:#fff !important;color:var(--nzblau,var(--brand)) !important}
[data-theme="dark"] .eabtn{background:#5FB4E6 !important;border-color:#5FB4E6 !important;color:var(--brand-night) !important}


/* ============================================================
   V55 - Sonderkacheln im Feed (Medien, Magazin, Anzeige, Sponsored, Veranstaltung)
   Gleiche Rasterzelle wie die StandardNewsCard (1:1, aus V41), eigene Optik.
   ============================================================ */
:is(#feed,#lokalFeed) > .card.fx{display:grid !important;padding:0 !important;border-radius:var(--r-sm);overflow:hidden !important;cursor:pointer;
  grid-template-columns:minmax(0,1fr) !important;grid-template-rows:62% 38% !important;gap:0 !important}
:is(#feed,#lokalFeed) > .card.fx::before{display:none !important}
.fx h3{margin:0;font:700 16px/1.14 "Noto Serif",Georgia,serif;letter-spacing:-.01em;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.fx .fx-kick{display:block;font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx .fx-cta{font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;margin-top:auto}
.fx:focus-visible{outline:3px solid var(--nz);outline-offset:2px}

/* Medien: dunkel, Formatabzeichen, Laenge */
:is(#feed,#lokalFeed) > .card.fx-media{background:#0B1F2C !important;color:var(--on-dark);border:0 !important}
.fx-mimg{position:relative;background:var(--fp,center)/cover no-repeat}
.fx-mimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,44,0) 45%,rgba(11,31,44,.9))}
.fx-badge{position:absolute;z-index:1;left:3.2cqw;top:3.2cqw;display:inline-flex;align-items:center;gap:1.4cqw;padding:1.2cqw 2.6cqw 1.2cqw 1.8cqw;border-radius:var(--r-pill);
  background:var(--media);color:var(--on-dark);font:800 12.5px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.02em}
.fx-badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-len{position:absolute;z-index:1;right:3.2cqw;bottom:3cqw;font:700 12.5px/1 "Noto Sans",system-ui,sans-serif;background:rgba(0,0,0,.55);padding:1cqw 2cqw;border-radius:var(--r-xs)}
.fx-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:15cqw;height:15cqw;border-radius:50%;background:rgba(255,255,255,.92);color:#0B1F2C;display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.fx-play svg{width:7.5cqw;height:7.5cqw;margin-left:1cqw}
.fx-mtx{display:flex;flex-direction:column;gap:1.4cqw;padding:3cqw 3.4cqw 3.4cqw;min-height:0}
.fx-media .fx-kick{color:#B9AEFF}
.fx-media .fx-cta{color:var(--on-dark);opacity:.9}
.fx-media--pod .fx-mimg{filter:saturate(.8)}
.fx-media--pod .fx-badge{background:#0A8FA3}
.fx-media--reel .fx-badge{background:var(--lage)}

/* Magazin: Cover + Titelgeschichte */
:is(#feed,#lokalFeed) > .card.fx-mag{background:#F4EFE6 !important;color:var(--ink);grid-template-columns:44% minmax(0,1fr) !important;grid-template-rows:100% !important}
.fx-cover{position:relative;margin:4cqw 0 4cqw 4cqw;border-radius:3px;background:var(--fp,center)/cover no-repeat;box-shadow:0 6px 16px rgba(40,30,10,.3),-2px 0 0 rgba(0,0,0,.08) inset;transform:rotate(-2deg)}
.fx-mast{position:absolute;left:0;right:0;top:0;padding:2.4cqw 2cqw 2cqw;background:var(--mc);color:var(--on-dark);font:900 16px/1 "Noto Serif",Georgia,serif;letter-spacing:-.02em}
.fx-cnr{position:absolute;left:2cqw;bottom:2cqw;font:700 11px/1.1 "Noto Sans",system-ui,sans-serif;color:var(--on-dark);background:rgba(0,0,0,.45);padding:.8cqw 1.4cqw;border-radius:3px}
.fx-magtx{display:flex;flex-direction:column;gap:1.6cqw;padding:4.4cqw 4cqw 4cqw 4.4cqw;min-height:0}
.fx-mag .fx-kick{color:var(--c)}
.fx-mag h3{-webkit-line-clamp:5}
.fx-price{font:400 12.5px/1.3 "Noto Sans",system-ui,sans-serif;color:var(--muted);margin:0}
.fx-price b{color:var(--ink)}
.fx-mag .fx-cta{color:var(--c)}
[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-mag{background:#2A2418 !important}

/* Anzeige: neutraler Rahmen, Kennzeichnung oben */
:is(#feed,#lokalFeed) > .card.fx-ad{background:#ECEAE4 !important;grid-template-rows:auto minmax(0,1fr) !important;padding:0 !important}
.fx-adlab{display:block;padding:1.6cqw 3cqw;font:700 11px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6B6B66}
.fx-adc{position:relative;margin:0 2.4cqw 2.4cqw;border-radius:4px;overflow:hidden;background:var(--fp,center)/cover no-repeat}
.fx-adc::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tone) 0,color-mix(in srgb,var(--tone) 70%,transparent) 55%,transparent)}
.fx-adtx{position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:1.6cqw;padding:5cqw;max-width:72%;color:var(--on-dark)}
.fx-adtx small{font:600 11px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.fx-adtx strong{font:800 24px/1.05 "Noto Sans",system-ui,sans-serif;letter-spacing:-.02em}
.fx-adtx p{font:400 12.5px/1.3 "Noto Sans",system-ui,sans-serif;margin:0;opacity:.92}
.fx-adbtn{align-self:flex-start;margin-top:1.6cqw;padding:2cqw 3.6cqw;border:1.5px solid #fff;font:700 12.5px/1 "Noto Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}

/* Sponsored Story: Nachrichtenraster, aber eigener Grund und Kennzeichnung */
:is(#feed,#lokalFeed) > .card.fx-spon{background:#F3F1EC !important;grid-template-rows:52% 48% !important;outline:1px solid #DDD8CC;outline-offset:-1px}
.fx-simg{background:var(--fp,center)/cover no-repeat}
.fx-stx{display:flex;flex-direction:column;gap:1.3cqw;padding:3cqw 3.4cqw 3.2cqw;min-height:0}
.fx-slab{font:600 11px/1.2 "Noto Sans",system-ui,sans-serif;color:#6B6B66}
.fx-slab b{display:inline-block;background:#6B6B66;color:var(--on-dark);padding:.4cqw 1.6cqw;border-radius:3px;letter-spacing:.04em;text-transform:uppercase;font-size:.9em}
.fx-spon h3{color:#2A2A28;-webkit-line-clamp:2}
.fx-stx p{margin:0;font:400 12.5px/1.28 "Noto Sans",system-ui,sans-serif;color:#5E5E58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.fx-sadv{margin-top:auto;font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;color:#6B6B66}
[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-ad,[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-spon{background:#22262A !important}
[data-theme="dark"] .fx-spon h3{color:#E9F1F6}

/* Veranstaltung */
:is(#feed,#lokalFeed) > .card.fx-event{background:var(--paper) !important;cursor:default;grid-template-rows:50% 50% !important;box-shadow:inset 0 max(3px,.75cqw) 0 var(--leben)}
.fx-eimg{position:relative;background:var(--fp,center)/cover no-repeat}
.fx-etx{display:flex;flex-direction:column;gap:1.2cqw;padding:3cqw 3.4cqw 3.2cqw;min-height:0}
.fx-event .fx-kick{color:var(--leben)}
.fx-event h3{-webkit-line-clamp:2}
.fx-etx small{font:400 12.5px/1.25 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.fx-etx .ev-act{margin-top:auto}
.fx-etx .pill{font-size:12.5px;padding:1.8cqw 3.4cqw}

/* ============================================================
   V55 - Veranstaltungen & Tickets (js/events.js)
   ============================================================ */
.ev-list{display:grid;gap:12px;padding:14px 16px 0}
@media (min-width:700px){.ev-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 24px 0}}
@media (min-width:1100px){.ev-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ev-card{display:grid;grid-template-columns:34% minmax(0,1fr);background:var(--paper);border-radius:var(--r-sm);overflow:hidden;min-height:140px}
.ev-card[hidden]{display:none}
@media (min-width:1100px){.ev-card{grid-template-columns:minmax(0,1fr);grid-template-rows:150px auto}}
.ev-img{position:relative;background:var(--fp,center)/cover no-repeat}
.ev-date{position:absolute;left:8px;top:8px;background:#fff;color:var(--ink);border-radius:var(--r-xs);padding:4px 8px;text-align:center;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ev-date small{display:block;font-size:11px;font-weight:800;color:var(--leben);text-transform:uppercase}
.ev-date b{font:900 20px/1 "Noto Serif",Georgia,serif}
.ev-tx{padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ev-tx strong{font:700 16px/1.2 "Noto Serif",Georgia,serif}
.ev-tx small{font-size:12.5px;color:var(--muted)}
.ev-kick{display:block;font-size:12.5px;font-weight:700;color:var(--leben)}
.ev-rest{font-size:12.5px;font-weight:700;color:var(--lage)}
.ev-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:8px}
.ev-free{font-size:12.5px;font-weight:700;color:var(--sport)}
.ev-nz{font-size:12.5px;font-weight:700;color:var(--nz)}
.ev-link{font-size:12.5px;font-weight:700;color:var(--nz)}
.ev-empty{margin:14px 16px 0}
.ev-mine{margin-top:8px}
.ev-tk{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 0;border-top:1px solid var(--line)}
.list .ev-tk:first-child{border-top:0}
.ev-tk > span:nth-child(2){flex:1;min-width:0}
.ev-tk strong{display:block;font-size:14px}
.ev-tk small{display:block;font-size:12.5px;color:var(--muted)}
.ev-tk-d{width:44px;flex:none;text-align:center;background:color-mix(in srgb,var(--leben) 14%,transparent);border-radius:var(--r-xs);padding:5px 0;line-height:1}
.ev-tk-d small{font-size:11px;font-weight:800;color:var(--leben)}
.ev-tk-d b{font:900 18px/1 "Noto Serif",Georgia,serif}
.ev-ticket{text-align:center;padding:4px 0 12px}
.ev-ticket strong{display:block;font:700 20px/1.2 "Noto Serif",Georgia,serif;margin-top:4px}
.ev-ticket small{color:var(--muted)}
.ev-ticket p{font-weight:700;margin-top:8px}
.ev-qr{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:150px;margin:14px auto 0;padding:10px;background:#fff;border-radius:var(--r-xs)}
.ev-qr i{aspect-ratio:1;background:#fff}
.ev-qr i.on{background:var(--ink-fixed)}
/* Artikel: Box Tickets & Termin */
.ev-abox{margin:16px 0 4px;padding:14px 16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--leben) 10%,var(--paper));border-left:4px solid var(--leben);display:flex;flex-direction:column;gap:3px}
.ev-abox strong{font:700 18px/1.2 "Noto Serif",Georgia,serif}
.ev-abox small{font-size:12.5px;color:var(--muted)}
/* Lokal: Block im Bereich Leben */
.lk-ev ul{list-style:none;margin:0;padding:0}
.lk-ev li{display:flex;gap:8px;align-items:baseline;padding:4px 0}
.lk-ev time{flex:none;font-size:12.5px;font-weight:700;color:var(--muted);min-width:52px}
.ev-li{text-align:left;font-size:14px;font-weight:600;color:var(--ink)}
.ev-li span{font-size:11px;font-weight:800;color:var(--on-dark);background:var(--leben);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:1px}
.lk-ev .ev-link{margin-top:6px}

/* ============================================================
   V55 - Magazin-Schranke im Artikel
   ============================================================ */
.magwall{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;margin:16px 0;padding:16px;border-radius:var(--r-sm);background:#F4EFE6;align-items:start}
.magwall[hidden]{display:none}
.mw-cover{aspect-ratio:3/4;border-radius:3px;background:var(--mc);color:var(--on-dark);padding:8px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 14px rgba(40,30,10,.25)}
.mw-cover span{font:900 16px/1 "Noto Serif",Georgia,serif}
.mw-cover small{font-size:11px;font-weight:700;opacity:.9}
.mw-tx strong{display:block;font:700 18px/1.2 "Noto Serif",Georgia,serif}
.mw-tx p{font-size:14px;color:var(--muted);margin:6px 0 10px}
.mw-tx .pill{margin:0 8px 8px 0}
.mw-tx .why{font-size:12.5px;margin:2px 0 0}
[data-theme="dark"] .magwall{background:#2A2418}
#aKick.is-ad{color:#6B6B66 !important;text-transform:uppercase;letter-spacing:.06em}
/* V55: Korrektur - .paywall{display:grid} hob das hidden-Attribut auf; die Abo-Schranke stand dadurch unter jedem Artikel */
.paywall[hidden]{display:none !important}
/* Magazin-Kachel: Cover passt in die Zelle, Handlungsaufforderung sichtbar */
:is(#feed,#lokalFeed) > .card.fx-mag{grid-template-rows:minmax(0,1fr) !important}
.fx-cover{margin:5cqw 1cqw 6cqw 5cqw;min-height:0}
.fx-mag h3{-webkit-line-clamp:4}
.lk-ev{grid-column:1 / -1}
.lk-ev li{align-items:flex-start}
.lk-ev time{min-width:56px}

/* ============================================================
   V56 - Meine NZ: Dropdown aus der Kopfnavigation (auch Tablet quer)
   ============================================================ */
.sheet.mnz.mnz-drop{position:fixed !important;transform:translateY(-8px) !important;max-height:calc(100vh - 120px) !important;z-index:140 !important;border-radius:var(--r-md) !important}
.sheet.mnz.mnz-drop.on{transform:none !important;opacity:1 !important;pointer-events:auto !important}
.sheet.mnz:not(.mnz-drop){position:fixed !important}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .sheet.mnz:not(.mnz-drop){left:50%;top:50%;bottom:auto;width:420px}
}

/* ============================================================
   V56 - Aufmacher auf Desktop/Tablet quer kompakter
   Ziel: "Kurz gesehen" bleibt bei 1280 x 800 im ersten Bildschirm sichtbar.
   ============================================================ */
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  #v-start .greet{padding-top:14px;padding-bottom:10px}
  #v-start .greet h1{font-size:28px}
  .leadbox .lead{min-height:0 !important;display:grid;grid-template-rows:auto auto}
  .leadbox .lead .limg{aspect-ratio:auto !important;height:clamp(200px,31vh,300px)}
  .leadbox .lead .ltx{padding:14px 22px 16px}
  .leadbox .lead .ltx > * + *{margin-top:6px}
  .leadbox .lead h2{font-size:clamp(26px,2.3vw,34px) !important;line-height:1.05;max-width:none}
  .leadbox .lead p{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .leadbox .lead .lmeta{display:inline-flex;margin-right:10px;vertical-align:middle}
  .leadbox .lead .lf{display:none}
  .leadbox .related.dazu{padding:12px 18px 6px}
  .leadbox .related .rth{width:48px;height:48px}
  .leadbox .related .rel{padding:8px 0}
  .leadbox .related .rel strong{font-size:14px}
  #v-start .sec-st{margin-top:14px}
}

/* V56 - Reel-Kacheln: Hochformat ueber zwei Rasterzeilen, Text auf dem Bild */
:is(#feed,#lokalFeed) > .card.fx.fx-media--reel{grid-template-rows:minmax(0,1fr) !important;background:#000 !important}
.fx-media--reel .fx-mimg{grid-row:1;grid-column:1}
.fx-media--reel .fx-mimg::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 30%,rgba(0,12,20,.92) 100%)}
.fx-media--reel .fx-mtx{grid-row:1;grid-column:1;align-self:end;position:relative;z-index:2;padding:4cqw}
.fx-media--reel h3{font-size:20px;-webkit-line-clamp:4}
.fx-media--reel .fx-play{top:42%}
.fx-media--reel .fx-len{bottom:auto;top:3.2cqw}

/* V56 - ePaper Doppelseite im Querformat */
.pgw2[hidden]{display:none}
.reader.spread{gap:0;align-items:flex-start}
.reader.spread .pgw{max-width:50%}
.reader.spread .pgw img{max-width:100%;max-height:calc(100vh - 150px);border-radius:0}
.reader.spread .pgw:first-child img{border-radius:2px 0 0 2px;box-shadow:-6px 10px 30px rgba(0,0,0,.35),inset -12px 0 18px rgba(0,0,0,.12)}
.reader.spread .pgw2 img{border-radius:0 2px 2px 0;box-shadow:6px 10px 30px rgba(0,0,0,.35)}
.reader.spread .pgw2{position:relative}
.reader.spread .pgw2::before{content:"";position:absolute;left:0;top:0;bottom:4px;width:22px;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent);pointer-events:none;z-index:1}

/* ============================================================
   V56 - Servicemodule (js/service.js)
   ============================================================ */
.svc-mod{background:var(--paper);border-radius:var(--r-sm);padding:14px 16px}
.aside .sec .svc-mod{margin-right:24px}
.svc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.svc-h h2{font:700 18px/1.2 "Noto Serif",Georgia,serif}
.svc-more{margin-top:8px;font-size:12.5px;font-weight:700;color:var(--nz)}
/* im Feed: volle Breite, bricht die Kachelfolge auf */
#feed > .sec.feed-mod{grid-column:1 / -1 !important;margin:4px 0 !important;padding:0 !important}
#feed > .sec.feed-mod .sec-h{padding:0 !important;margin:0 0 8px !important}
#feed > .sec.feed-mod .rank,#feed > .sec.feed-mod .week,#feed > .sec.feed-mod .svc-mod{margin:0 !important}
#feed > .sec.feed-mod[data-mod="meist"]{background:var(--paper);border-radius:var(--r-sm);padding:14px 16px !important}
#feed > .sec.feed-mod[data-mod="meist"] .rank{background:transparent;padding:0}
#feed > .sec.feed-mod .week{border-radius:var(--r-sm)}
/* ePaper */
.svc-ep-b{display:flex;gap:12px;text-align:left;width:100%}
.svc-ep-b img{width:92px;flex:none;border-radius:2px;box-shadow:0 4px 14px rgba(0,0,0,.2);aspect-ratio:auto}
.svc-ep-b span{display:flex;flex-direction:column;gap:4px;min-width:0}
.svc-ep-b strong{font:700 16px/1.2 "Noto Serif",Georgia,serif}
.svc-ep-b small{font-size:12.5px;color:var(--muted)}
.svc-ep-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.svc-ep-more{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.svc-ep-more button{display:flex;flex-direction:column;gap:4px;text-align:left}
.svc-ep-more img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.svc-ep-more small{font-size:11px;color:var(--muted);line-height:1.2}
@media (max-width:999px){ #feed > .feed-mod .svc-ep{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 16px} #feed > .feed-mod .svc-ep .svc-h{grid-column:1/-1} #feed > .feed-mod .svc-ep-more{grid-row:2 / span 2;grid-column:2;margin:0;padding:0;border:0} }
@media (max-width:560px){ #feed > .feed-mod .svc-ep{display:block} #feed > .feed-mod .svc-ep-more{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)} }
/* Wetter */
.svc-wx-now{display:flex;align-items:center;gap:12px;text-align:left;width:100%}
.svc-wx-ic{font-size:42px;line-height:1}
.svc-wx-now b{display:block;font:800 34px/1 "Noto Sans",system-ui,sans-serif}
.svc-wx-now small{font-size:12.5px;color:var(--muted)}
.svc-wx-h{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0;text-align:center}
.svc-wx-h span{display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.svc-wx-h small{color:var(--muted)} .svc-wx-h i{font-style:normal;font-size:18px}
.svc-wx-tide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svc-wx-tide span{display:flex;flex-direction:column}
.svc-wx-tide small{font-size:11px;color:var(--muted)} .svc-wx-tide b{font-size:16px;color:var(--nz)}
.svc-wx-d{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;text-align:center}
.svc-wx-d span{display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.svc-wx-d i{font-style:normal;font-size:18px} .svc-wx-d small{color:var(--muted);font-size:12.5px}
/* Verkehr */
.svc-vk ul{list-style:none;margin:0;padding:0}
.svc-vk li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.svc-vk li:first-child{border-top:0;padding-top:0}
.svc-vk li i{width:10px;height:10px;border-radius:50%;flex:none;margin-top:5px;background:var(--sport)}
.svc-vk-al i{background:var(--lage) !important}
.svc-vk b{display:block;font-size:14px} .svc-vk small{display:block;font-size:12.5px;color:var(--muted);line-height:1.3}
/* Livescore */
.svc-sc-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:8px;scrollbar-width:none}
.svc-sc-tabs .chip{font-size:12.5px;padding:5px 10px}
.svc-sc-l{list-style:none;margin:0;padding:0}
.svc-sc-l li[hidden]{display:none}
.svc-sc-g{display:block;width:100%;text-align:left;padding:8px 0;border-top:1px solid var(--line);position:relative}
.svc-sc-l li:first-child .svc-sc-g{border-top:0}
.svc-sc-g small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.svc-sc-g span{display:flex;justify-content:space-between;font-size:14px;line-height:1.35}
.svc-sc-g em{font-style:normal} .svc-sc-g b{font-variant-numeric:tabular-nums;min-width:18px;text-align:right}
.svc-live{color:var(--on-dark);background:var(--lage);border-radius:3px;padding:0 4px;font-size:11px;animation:svcpulse 1.6s ease-in-out infinite}
@keyframes svcpulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.svc-live{animation:none}}
.svc-sc-live b{color:var(--lage)}
.svc-sc-tk{position:absolute;right:0;top:8px;font-style:normal;font-size:11px;font-weight:800;color:var(--on-dark);background:var(--leben);border-radius:4px;padding:1px 6px}
/* Top-Kommentare */
.svc-km-i{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:10px 0;border-top:1px solid var(--line)}
.svc-km-i:first-of-type{border-top:0;padding-top:0}
.svc-km-i q{font:italic 400 14px/1.4 "Noto Serif",Georgia,serif;color:var(--ink);quotes:"„" "“"}
.svc-km-i span{font-size:12.5px;color:var(--muted)} .svc-km-i span b{color:var(--ink)}
.svc-km-i small{font-size:12.5px;color:var(--nz);font-weight:700}
.svc-km-n{font-size:11px;margin-top:6px}

/* ============================================================
   V56 - Raetsel & Spiele (js/raetsel.js)
   ============================================================ */
.rz-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px 0}
@media (min-width:700px){.rz-hub{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 24px 0}}
.rz-card{background:var(--paper);border-radius:var(--r-sm);padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--c)}
.rz-i{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;font:900 20px/1 "Noto Serif",Georgia,serif;color:var(--on-dark);background:var(--c);margin-bottom:6px}
.rz-card strong{font-size:16px} .rz-card small{font-size:12.5px;color:var(--muted);line-height:1.3}
.rz-st{margin-top:8px;font-size:11px;font-weight:800;color:var(--c)} .rz-st.ok{color:var(--sport)}
.rz-body{padding:14px 16px 24px;max-width:560px;margin:0 auto;outline:none}
.rz-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.rz-hint{text-align:center;margin-top:10px}
.rz-link{font-size:14px;font-weight:700;color:var(--nz)}
.rz-done{margin-top:16px;padding:16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--sport) 12%,var(--paper));text-align:center}
.rz-done strong{display:block;font:700 18px/1.25 "Noto Serif",Georgia,serif} .rz-done p{font-size:14px;margin-top:6px}
/* Moin-Wort */
.mw-grid{display:grid;gap:6px;justify-content:center;margin:4px auto 14px}
.mw-row{display:grid;grid-template-columns:repeat(5,min(56px,15vw));gap:6px}
.mw-c{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);border-radius:var(--r-xs);font:800 28px/1 "Noto Sans",system-ui,sans-serif;background:var(--paper)}
.mw-f{border-color:var(--muted)}
.mw-g{background:#148A5C;border-color:#148A5C;color:var(--on-dark)} .mw-y{background:#D98200;border-color:#D98200;color:var(--on-dark)} .mw-x{background:#7A8791;border-color:#7A8791;color:var(--on-dark)}
.mw-kb{display:grid;gap:6px}
.mw-kb > div{display:flex;gap:4px;justify-content:center}
.mw-k{flex:1;max-width:42px;height:48px;border-radius:var(--r-xs);background:var(--line);font:700 16px/1 "Noto Sans",system-ui,sans-serif;color:var(--ink)}
.mw-k.mw-wide{max-width:64px;flex:1.5}
.mw-k.mw-g,.mw-k.mw-y,.mw-k.mw-x{color:var(--on-dark)}
/* Kreuzwortraetsel */
.kw-cur{min-height:44px;padding:10px 12px;border-radius:var(--r-xs);background:color-mix(in srgb,var(--c) 10%,var(--paper));font-size:14px;margin-bottom:10px}
.kw-cur span{color:var(--muted)}
.kw-grid{display:grid;gap:2px;max-width:440px;margin:0 auto}
.kw-x{aspect-ratio:1}
.kw-c{aspect-ratio:1;position:relative;background:var(--paper);border:1px solid #9AA8B2;font:800 clamp(13px,3.6vw,20px)/1 "Noto Sans",system-ui,sans-serif;color:var(--ink);padding:0;text-transform:uppercase}
.kw-c i{position:absolute;left:2px;top:1px;font:700 11px/1 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.kw-c.hi{background:color-mix(in srgb,var(--c) 14%,var(--paper))}
.kw-c.sel{background:color-mix(in srgb,var(--c) 38%,var(--paper));outline:2px solid var(--c);z-index:1}
.kw-c.bad{color:var(--lage)}
.kw-in{position:absolute;opacity:0;width:1px;height:1px;left:-9999px}
.kw-clues{display:grid;gap:14px;margin-top:16px}
@media (min-width:700px){.kw-clues{grid-template-columns:1fr 1fr}}
.kw-clues h3{font-size:14px;margin-bottom:6px}
.kw-clues ol{list-style:none;margin:0;padding:0}
.kw-clues li button{display:block;width:100%;text-align:left;font-size:14px;padding:5px 6px;border-radius:var(--r-xs);line-height:1.3}
.kw-clues li.on button{background:color-mix(in srgb,var(--c) 12%,transparent)}
.kw-clues li[data-ok] button{color:var(--muted);text-decoration:line-through}
/* Sudoku */
.su-grid{display:grid;grid-template-columns:repeat(9,1fr);max-width:420px;margin:0 auto;border:2px solid var(--ink)}
.su-c{aspect-ratio:1;border-right:1px solid #B8C3CB;border-bottom:1px solid #B8C3CB;font:600 clamp(15px,4.4vw,22px)/1 "Noto Sans",system-ui,sans-serif;color:var(--c);background:var(--paper);padding:0}
.su-c.fix{color:var(--ink);font-weight:800}
.su-c.br{border-right:2px solid var(--ink)} .su-c.bb{border-bottom:2px solid var(--ink)}
.su-c.rel{background:color-mix(in srgb,var(--c) 7%,var(--paper))}
.su-c.sel{background:color-mix(in srgb,var(--c) 28%,var(--paper))}
.su-c.bad{color:var(--lage);background:color-mix(in srgb,var(--lage) 10%,var(--paper))}
.su-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:420px;margin:12px auto 0}
.su-pad button{height:46px;border-radius:var(--r-xs);background:var(--paper);border:1px solid var(--line);font:700 18px/1 "Noto Sans",system-ui,sans-serif}
/* Quiz, Platt, Salat */
.qz-prog{display:flex;gap:4px;margin-bottom:14px}
.qz-prog i{flex:1;height:5px;border-radius:3px;background:var(--line)} .qz-prog i.d{background:var(--c)} .qz-prog i.c{background:color-mix(in srgb,var(--c) 45%,var(--line))}
.qz-q{font:700 20px/1.25 "Noto Serif",Georgia,serif;margin-bottom:12px}
.qz-a{display:grid;gap:8px}
.qz-a button,.pl-i button{padding:12px 14px;border-radius:var(--r-sm);background:var(--paper);border:1.5px solid var(--line);text-align:left;font-size:16px}
.qz-a button.ok,.pl-i button.ok{border-color:var(--sport);background:color-mix(in srgb,var(--sport) 12%,var(--paper))}
.qz-a button.no,.pl-i button.no{border-color:var(--lage);background:color-mix(in srgb,var(--lage) 8%,var(--paper))}
.qz-exp{margin:12px 0;font-size:14px;line-height:1.4}
.pl-list{display:grid;gap:14px}
.pl-i strong{display:block;font:700 20px/1.2 "Noto Serif",Georgia,serif;margin-bottom:6px}
.pl-i > div{display:flex;flex-wrap:wrap;gap:6px}
.pl-i button{padding:9px 12px;font-size:14px}
.bs-letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}
.bs-letters span{width:40px;height:46px;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--c);color:var(--on-dark);font:800 24px/1 "Noto Sans",system-ui,sans-serif}
.bs-in{display:flex;gap:8px;margin:12px 0 8px}
.bs-in input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r-sm);font:700 18px/1 "Noto Sans",system-ui,sans-serif;text-transform:uppercase;background:var(--paper);color:var(--ink)}
/* V56 Korrekturen */
:is(#feed,#lokalFeed) > .card.fx-media h3{color:var(--on-dark) !important}
.svc-sc-g .svc-live{color:var(--on-dark) !important}
/* V56: rechte Spalte ist mit den Servicemodulen hoeher als der Bildschirm - nicht mehr kleben, sonst bleiben untere Module unerreichbar */
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){ #v-start .aside{position:static} }

/* ============================================================
   V57 - Typografie, Aufmacher-Teaser
   ============================================================ */
/* Headlines: keine automatische Silbentrennung mehr (hyphens:auto trennte mitten im Wort).
   overflow-wrap:break-word bleibt nur als Notbremse fuer Woerter, die breiter als die Zeile sind. */
h1,h2,h3,.news-card__headline,.fx h3,.lead h2,.rel strong{hyphens:manual !important;-webkit-hyphens:manual !important;word-break:normal !important}
/* Aufmacher-Teaser: volle Kachelbreite, kein Abbruch */
.lead p{max-width:none}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .leadbox .lead p{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;max-width:none !important}
}

/* ============================================================
   V57 - Subaufmacher, Medien-Teaser, Magazin-Kachel mit Top-3
   ============================================================ */
#feed > .feed-sub{grid-column:1 / -1 !important;margin:6px 0}
#feed > .feed-sub[hidden]{display:none}
.feed-sub .leadbox .lead h2{font-size:clamp(22px,5.4vw,30px)}
@media (min-width:760px){
  .feed-sub .leadbox.solo{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .feed-sub .leadbox.solo .lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-column:1 / -1}
  .feed-sub .leadbox.solo .lead .limg{min-height:260px;height:100%}
  .feed-sub .leadbox.solo .lead .ltx{display:flex;flex-direction:column;justify-content:center}
}
@media (min-width:1000px), (min-width:760px) and (orientation:landscape){
  .feed-sub .leadbox .lead .limg{height:clamp(200px,26vh,280px)}
  .feed-sub .leadbox .lead h2{font-size:clamp(22px,2vw,28px) !important}
}
/* Medien: kurzer Teaser */
:is(#feed,#lokalFeed) > .card.fx-media:not(.fx-media--reel){grid-template-rows:52% 48% !important}
.fx-media h3{-webkit-line-clamp:2}
.fx-mx{margin:0;font:400 12.5px/1.3 "Noto Sans",system-ui,sans-serif;color:#C9D6DF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.fx-media--reel .fx-mx{-webkit-line-clamp:3;color:#E1EAF0}
/* Magazin: Titel + Top-3-Themen statt Ueberschrift */
.fx-magtx{gap:1.8cqw !important}
.fx-magt{font:900 20px/1.05 "Noto Serif",Georgia,serif;color:var(--c);letter-spacing:-.01em}
.fx-top{list-style:none;margin:.6cqw 0 0;padding:0;display:grid;gap:1.4cqw}
.fx-top li{position:relative;padding-left:3.4cqw;font:600 14px/1.25 "Noto Sans",system-ui,sans-serif;color:var(--ink)}
.fx-top li::before{content:"";position:absolute;left:0;top:.5em;width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--c)}
.fx-price{font-size:12.5px !important}

/* V57 - ePaper: Blaetterleiste direkt unter der Seite, nichts ueberdeckt die Zeitung */
.rbar{position:static !important}
.reader{flex-wrap:wrap;align-content:flex-start}
.rnav-bot{flex:0 0 100%;display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 0 4px}
.rnav-bot button{width:46px !important;height:46px !important;border-radius:50%;border:0 !important;background:#fff;color:var(--ink-fixed);font-size:24px !important;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.rnav-bot button:disabled{opacity:.35}
.rnav-bot #pgn{min-width:110px;text-align:center;color:var(--on-dark);font:700 16px/1 "Noto Sans",system-ui,sans-serif}
.pgw img{max-height:calc(100vh - 200px) !important}

/* ============================================================
   V57 - Konto, Hilfreich-Stimmen, Tippspiel, Media-Kategorien
   ============================================================ */
.su-check{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:6px}
.cm-help{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.cm-help b{color:var(--ink)}
.cm-help[aria-pressed="true"]{border-color:var(--lage);color:var(--lage);background:color-mix(in srgb,var(--lage) 8%,transparent)}
.svc-km-q{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%}
.svc-km-i{display:flex;flex-direction:column;align-items:flex-start}
/* Tippspiel */
.tp-box{margin:18px 0;padding:16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--sport) 8%,var(--paper));border:1.5px solid color-mix(in srgb,var(--sport) 35%,transparent)}
.tp-h{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.tp-kick{font-size:12.5px;font-weight:800;color:var(--sport);text-transform:uppercase;letter-spacing:.04em}
.tp-h strong{font:700 20px/1.2 "Noto Serif",Georgia,serif} .tp-h small{color:var(--muted);font-size:12.5px}
.tp-score{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 12px}
.tp-team{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0;text-align:center}
.tp-team > span{font-size:12.5px;font-weight:700;line-height:1.2}
.tp-colon{font:800 28px/1 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.tp-step{display:flex;align-items:center;gap:8px}
.tp-step button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);font-size:18px;line-height:1}
.tp-step b{min-width:34px;text-align:center;font:800 28px/1 "Noto Sans",system-ui,sans-serif}
.tp-go{width:100%;justify-content:center}
.tp-note{text-align:center;margin-top:8px}
.tp-extra{margin:4px 0 12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper)}
.tp-extra summary{font-weight:700;font-size:14px;cursor:pointer}
.tp-extra .field{margin-top:8px}
.tp-ht{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px;flex-wrap:wrap}
.tp-ht .tp-step b{font-size:20px;min-width:24px}
.tp-goals{display:flex;gap:6px;flex-wrap:wrap}
.tp-mine{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper)}
.tp-mine b{font:800 24px/1 "Noto Sans",system-ui,sans-serif} .tp-mine small{flex-basis:100%;color:var(--muted);font-size:12.5px}
.tp-comm,.tp-red,.tp-wait{margin-top:12px}
.tp-sub{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:800;font-size:14px;margin-bottom:6px}
.tp-sub span{font-weight:600;font-size:12.5px;color:var(--muted)}
.tp-bar{position:relative;display:flex;justify-content:space-between;padding:8px 10px;margin-bottom:5px;border-radius:var(--r-xs);background:var(--paper);overflow:hidden;font-size:14px}
.tp-bar i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--sport) 22%,transparent);z-index:0}
.tp-bar span,.tp-bar b{position:relative;z-index:1}
.tp-bar.me{outline:2px solid var(--sport)}
.tp-top{font-size:14px;margin-top:6px}
.tp-op{background:#6B6B66;color:var(--on-dark) !important;border-radius:4px;padding:1px 6px;font-size:11px !important;text-transform:uppercase;letter-spacing:.04em}
.tp-red{padding:12px;border-radius:var(--r-sm);background:var(--paper);border-left:4px solid #6B6B66}
.tp-red p{font-size:14px;line-height:1.4;margin:0 0 6px}
.tp-wait{padding:12px;border-radius:var(--r-sm);background:var(--paper)} .tp-wait p{font-size:14px;color:var(--muted);margin-top:4px}
.tp-stat{margin:12px 0 8px;font-size:14px}
/* Tippspiel-Kachel im Feed */
:is(#feed,#lokalFeed) > .card.fx-tipp{background:var(--paper) !important;grid-template-rows:48% 52% !important;box-shadow:inset 0 max(3px,.75cqw) 0 var(--sport)}
.fx-timg{position:relative;background:var(--fp,center)/cover no-repeat}
.fx-badge--tipp{background:var(--sport) !important}
.fx-ttx{display:flex;flex-direction:column;gap:1.2cqw;padding:3cqw 3.4cqw 3.2cqw;min-height:0}
.fx-tipp .fx-kick{color:var(--sport)}
.fx-ttx p{margin:0;font:400 12.5px/1.28 "Noto Sans",system-ui,sans-serif;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.fx-tipp .fx-cta{color:var(--sport)}
/* Media-Kategorien */
.mcfilter{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 0;scrollbar-width:none}
.mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px 24px}
@media (min-width:700px){.mc-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 24px 24px}}
@media (min-width:1100px){.mc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mc-item{display:flex;flex-direction:column;text-align:left;background:var(--paper);border-radius:var(--r-sm);overflow:hidden}
.mc-img{position:relative;aspect-ratio:16/10;background:var(--fp,center)/cover no-repeat}
.mc-reel .mc-img{aspect-ratio:9/14}
.mc-len{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.6);color:var(--on-dark);font-size:12.5px;font-weight:700;padding:2px 6px;border-radius:var(--r-xs)}
.mc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#0B1F2C;font-size:16px}
.mc-tx{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}
.mc-tx small{font-size:11px;font-weight:800;color:var(--media);text-transform:uppercase;letter-spacing:.03em}
.mc-tx strong{font:700 16px/1.25 "Noto Serif",Georgia,serif} .mc-tx > span{font-size:12.5px;color:var(--muted);line-height:1.3}

/* ============================================================
   V57 - Raetsel & Spiele: Uebersicht mit Bildern, Serie, Ranglisten, neue Spiele
   ============================================================ */
#rzHub{padding:0 16px 24px}
@media (min-width:700px){#rzHub{padding:0 24px 28px}}
.rz-h{font:700 20px/1.2 "Noto Serif",Georgia,serif;margin:22px 0 10px}
.rz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.rz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rz-card{position:relative;min-height:150px;border-radius:var(--r-sm);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;text-align:left;color:var(--on-dark);background-size:cover;background-position:center;box-shadow:inset 0 4px 0 var(--c);overflow:hidden}
.rz-card.big{min-height:190px}
.rz-card strong{font:800 20px/1.1 "Noto Serif",Georgia,serif}
.rz-card small{font-size:12.5px;opacity:.9;line-height:1.3}
.rz-card .rz-st{position:absolute;top:10px;left:10px;margin:0;padding:3px 8px;border-radius:var(--r-pill);background:rgba(255,255,255,.92);color:var(--c);font-size:11px;font-weight:800}
.rz-card .rz-st.ok{background:#148A5C;color:var(--on-dark)}
.rz-locked .rz-card{filter:grayscale(.4) brightness(.85)}
.rz-gate{margin-top:14px;padding:16px;border-radius:var(--r-sm);background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rz-gate strong{font:700 18px/1.2 "Noto Serif",Georgia,serif} .rz-gate p{font-size:14px;color:var(--muted)}
.rz-me{margin-top:14px;padding:16px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:var(--on-dark);display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center}
.rz-me-streak{display:flex;flex-direction:column;align-items:center;line-height:1}
.rz-flame{font-size:28px} .rz-me-streak b{font:900 34px/1 "Noto Sans",system-ui,sans-serif} .rz-me-streak small{font-size:11px;opacity:.85;margin-top:3px}
.rz-me-week{display:flex;gap:6px;justify-content:space-between}
.rz-me-week span{display:flex;flex-direction:column;align-items:center;gap:4px}
.rz-me-week i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}
.rz-me-week span.on i{background:#FFB23F;border-color:#FFB23F}
.rz-me-week span.today i{box-shadow:0 0 0 2px #fff}
.rz-me-week small{font-size:11px;opacity:.8}
.rz-me-kpi{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}
.rz-me-kpi span{display:flex;flex-direction:column} .rz-me-kpi b{font:800 20px/1.1 "Noto Sans",system-ui,sans-serif} .rz-me-kpi small{font-size:11px;opacity:.8}
.rz-me-acts{grid-column:1 / -1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rz-me-acts .pill{background:#fff;color:var(--brand-deep);border-color:#fff}
.rz-warn{font-size:12.5px;font-weight:700;color:#FFD08A}
.rz-cmp{font-size:14px;margin-top:6px} .rz-streak{font-size:14px;font-weight:700;margin-top:8px}
.rz-lv{display:grid;gap:10px}
.rz-lv button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:14px 16px;border-radius:var(--r-sm);background:var(--paper);border:1.5px solid var(--line);position:relative}
.rz-lv b{font-size:16px} .rz-lv small{font-size:12.5px;color:var(--muted)}
.rz-lv span{position:absolute;right:14px;top:14px;font-size:12.5px;font-weight:800;color:var(--sport)}
.rz-tipp{display:grid;gap:10px}
@media (min-width:700px){.rz-tipp{grid-template-columns:repeat(3,minmax(0,1fr))} .rz-tipp .why{grid-column:1 / -1}}
.rz-tp{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border-radius:var(--r-sm);color:var(--on-dark);background-size:cover;background-position:center;min-height:110px;justify-content:flex-end}
.rz-tp small{font-size:12.5px;opacity:.85} .rz-tp strong{font:700 16px/1.2 "Noto Serif",Georgia,serif} .rz-tp span{font-size:12.5px;font-weight:700;color:#9FE8C0}
/* Ranglisten */
.rk-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;scrollbar-width:none}
.rk-list{list-style:none;margin:0;padding:0}
.rk-list li,.rk-me{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--line);font-size:14px}
.rk-list li:first-child{border-top:0}
.rk-list li.me,.rk-me{background:color-mix(in srgb,var(--nz) 9%,transparent);border-radius:var(--r-xs);font-weight:700}
.rk-me{margin-top:6px;border-top:1px dashed var(--line)}
.rk-n{width:34px;text-align:right;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.rk-list li:nth-child(-n+3) .rk-n{color:#D98200}
.rk-name{flex:1;min-width:0}
.rk-list b,.rk-me b{font-variant-numeric:tabular-nums}
.rk-off{margin-top:8px;color:var(--lage)}
.rk-sw{margin-top:8px}
/* Daily 10 */
.d10-intro strong{font:700 20px/1.2 "Noto Serif",Georgia,serif}
.d10-intro ul{margin:10px 0 14px 18px;font-size:14px;line-height:1.5}
.d10-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.d10-q{font-weight:800;font-size:14px}
.d10-lives{color:var(--lage);font-size:20px;letter-spacing:2px} .d10-lives i{color:var(--line);font-style:normal}
.d10-timer{--p:100%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) var(--p),var(--line) 0)}
.d10-timer b{width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font:800 16px/1 "Noto Sans",system-ui,sans-serif}
.d10-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.d10-foot small{font-size:12.5px;color:var(--muted);flex:1;min-width:180px}
/* Wer bin ich */
.wb-art{font-size:12.5px;font-weight:800;color:var(--c);text-transform:uppercase;letter-spacing:.04em}
.wb-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.wb-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-sm);background:var(--paper);font-size:16px;line-height:1.35}
.wb-list li span{flex:none;width:24px;height:24px;border-radius:50%;background:var(--c);color:var(--on-dark);display:grid;place-items:center;font-size:12.5px;font-weight:800}
.wb-list li.new{outline:2px solid var(--c)}
/* Hot or not */
.hot-card{height:260px;border-radius:var(--r-md);background-size:cover;background-position:center;color:var(--on-dark);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}
.hot-card small{font-size:12.5px;opacity:.85} .hot-card strong{font:800 24px/1.15 "Noto Serif",Georgia,serif}
.hot-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.hot-btns button{padding:14px;border-radius:var(--r-sm);font-size:18px;font-weight:800;background:var(--paper);border:2px solid var(--line)}
.hot-btns button.sel{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--paper))}
.hot-bar{position:relative;display:flex;justify-content:space-between;margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--line);overflow:hidden;font-weight:800;font-size:14px}
.hot-bar i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,#E4572E 45%,transparent)}
.hot-bar span{position:relative}
.hot-sum{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.hot-sum li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:8px 10px;border-radius:var(--r-xs);background:var(--paper);font-size:14px}
.hot-sum small{grid-column:1 / -1;color:var(--muted);font-size:12.5px}
.hot-sum b.h{color:#E4572E} .hot-sum b.n{color:var(--muted)}
/* Frage des Tages */
.fdt{padding:16px;border-radius:var(--r-sm);background:var(--paper);margin-top:18px}
.fdt-k{font-size:12.5px;font-weight:800;color:var(--mit);text-transform:uppercase;letter-spacing:.04em}
.fdt h3{font:700 18px/1.25 "Noto Serif",Georgia,serif;margin:4px 0 10px}
.fdt-o{display:grid;gap:6px}
.fdt-o button{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);text-align:left;font-size:14px;overflow:hidden}
.fdt-o button i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:color-mix(in srgb,var(--mit) 16%,transparent);transition:width .5s}
.fdt-o button span,.fdt-o button b{position:relative}
.fdt-o button.fdt-me{border-color:var(--mit);font-weight:700}
.fdt-n{font-size:12.5px;color:var(--muted);margin-top:8px}
.fdt-y{margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--mit) 8%,var(--paper));font-size:14px;line-height:1.4}
.fdt-y small{display:block;font-size:11px;font-weight:800;color:var(--mit);text-transform:uppercase}
.fdt-y strong{display:block;margin:2px 0}
.fdt-hint{font-size:11px;margin-top:6px}
/* kompakt als Feed-Kachel */
:is(#feed) > .card.fdt-card{padding:0 !important;display:block !important;background:var(--paper) !important}
.fdt-c{margin:0;padding:4.4cqw;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2cqw;border-radius:0}
.fdt-c h3{font-size:18px;margin:0}
.fdt-c .fdt-o button{padding:2.4cqw 3cqw;font-size:14px}
.fdt-c .fdt-n{margin:0;font-size:12.5px}
.fdt-yc{margin:auto 0 0;font-size:12.5px;line-height:1.3;color:var(--muted)}
.fdt-yc .rz-link{font-size:inherit}
/* V57: Frage des Tages als Feed-Kachel - alte Poll-Farben (weisse Schrift) ueberschreiben */
#feed > .card.fdt-card,#feed > .card.fdt-card *{color:var(--ink) !important}
#feed > .card.fdt-card{background:#EAF6F5 !important}
#feed > .card.fdt-card .fdt-k{color:var(--mit) !important}
#feed > .card.fdt-card .fdt-n,#feed > .card.fdt-card .fdt-yc{color:var(--muted) !important}
#feed > .card.fdt-card .rz-link{color:var(--nz) !important}
#feed > .card.fdt-card .fdt-c{background:transparent}
#feed > .card.poll.fdt-card :is(h3,span,p,b,strong,button,small,div){color:var(--ink) !important}
#feed > .card.poll.fdt-card .fdt-k{color:var(--mit) !important}
#feed > .card.poll.fdt-card :is(.fdt-n,.fdt-yc){color:var(--muted) !important}
#feed > .card.poll.fdt-card .fdt-yc b{color:var(--ink) !important}
#feed > .card.poll.fdt-card .rz-link{color:var(--nz) !important}

/* ============================================================
   V58 - Gezeiten, Frage des Tages mit Bild, Raetsel-Kacheltitel
   ============================================================ */
.gz{display:grid;gap:12px}
@media (min-width:600px){.gz{grid-template-columns:1fr 1fr}}
.gz-ort{padding:12px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--nz) 6%,var(--paper))}
.gz-ort strong{display:block;font-size:16px} .gz-ort > small{color:var(--muted);font-size:12.5px}
.gz-now{display:flex;align-items:baseline;gap:8px;margin:8px 0;flex-wrap:wrap}
.gz-now b{font:800 24px/1 "Noto Sans",system-ui,sans-serif;color:var(--nz)} .gz-now span{font-size:12.5px;color:var(--muted)}
.gz-ort ul{list-style:none;margin:0;padding:0}
.gz-ort li{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid var(--line);font-size:14px}
.gz-ort li span{color:var(--muted)}
.svc-gz{display:grid !important;grid-template-columns:1fr !important;gap:4px !important}
.svc-gz > span{display:grid !important;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;align-items:baseline;flex-direction:row !important}
.svc-gz b{font-size:14px !important} .svc-gz .svc-gz-o{color:var(--ink) !important;font-weight:700}
.svc-gz-h small{font-size:11px}
/* Frage des Tages: Hintergrundbild mit dunkler Flaeche, heller Text, helle Antwortfelder */
#feed > .card.poll.fdt-card{background:#0B2A3A var(--i-arbeit) center/cover no-repeat !important}
#feed > .card.poll.fdt-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,24,36,.55) 0%,rgba(4,24,36,.82) 55%,rgba(4,24,36,.94) 100%);z-index:0}
#feed > .card.poll.fdt-card .fdt-c{position:relative;z-index:1}
#feed > .card.poll.fdt-card :is(h3,p,span,small,strong,b,div){color:var(--on-dark) !important}
#feed > .card.poll.fdt-card .fdt-k{color:#8FE3D6 !important}
#feed > .card.poll.fdt-card :is(.fdt-n,.fdt-yc){color:#D3E2EA !important}
#feed > .card.poll.fdt-card .fdt-yc b{color:var(--on-dark) !important}
#feed > .card.poll.fdt-card .rz-link{color:var(--nz-hi) !important}
#feed > .card.poll.fdt-card .fdt-o button{background:rgba(255,255,255,.94);border-color:transparent}
#feed > .card.poll.fdt-card .fdt-o button :is(span,b){color:var(--ink-fixed) !important}
#feed > .card.poll.fdt-card .fdt-o button.fdt-me{box-shadow:0 0 0 2px #8FE3D6}
#rzFdt .fdt{background:linear-gradient(180deg,rgba(4,24,36,.6),rgba(4,24,36,.92)),var(--i-arbeit) center/cover no-repeat;color:var(--on-dark)}
#rzFdt .fdt :is(h3,strong){color:var(--on-dark)} #rzFdt .fdt-k{color:#8FE3D6} #rzFdt .fdt-n{color:#D3E2EA} #rzFdt .rz-link{color:var(--nz-hi)}
#rzFdt .fdt-o button{background:rgba(255,255,255,.94);border-color:transparent;color:var(--ink-fixed)}
#rzFdt .fdt-y{background:rgba(255,255,255,.12);color:var(--on-dark)} #rzFdt .fdt-y small{color:#8FE3D6} #rzFdt .fdt-hint{color:#C4D3DC}
/* Raetsel-Kacheln: Titel skaliert mit der Kachelbreite, bleibt in der Kachel */
.rz-card{container-type:inline-size}
.rz-card strong{font-size:16px !important;letter-spacing:-.01em;max-width:100%}
.rz-card.big strong{font-size:18px !important}
.rz-card small{font-size:12.5px !important;max-width:100%}
.rz-card small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* ============================================================
   V59 - Merken & Teilen
   ============================================================ */
/* Feed-Kachel: kleine Symbole ueber dem Autor (freie Zeile zwischen Teaser und Autor) */
:is(#feed,#lokalFeed) > article.card.news-card .nc-acts{grid-row:4 !important;grid-column:1 / -1 !important;align-self:end;justify-self:start;display:flex;gap:1.6cqw;margin:0 0 1.2cqw}
:is(#feed,#lokalFeed) > .news-pair .nc-acts{grid-row:3;align-self:end;display:flex;gap:1.6cqw;margin:0 0 1cqw}
.nc-act{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--ink) 5%,transparent);padding:0}
.nc-act svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nc-act:hover{color:var(--nz);background:color-mix(in srgb,var(--nz) 10%,transparent)}
.nc-act[aria-pressed="true"]{color:var(--nz)}
.nc-act[aria-pressed="true"] svg{fill:currentColor}
.nc-act:focus-visible{outline:2px solid var(--nz);outline-offset:1px}
/* Artikel: Leiste zwischen Autorzeile und Titelbild; die Knoepfe in der oberen Leiste entfallen */
.art-top > div:has(#aSave){display:none !important}
.art-acts{display:flex;gap:8px;margin:10px 0 12px}
.art-act{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--paper);font-size:14px;font-weight:700;color:var(--ink)}
.art-act svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art-act[aria-pressed="true"]{border-color:var(--nz);color:var(--nz)}
.art-act[aria-pressed="true"] svg{fill:currentColor}
/* Teilen-Dialog */
.sh-fmt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.sh-fmt button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper)}
.sh-fmt button[aria-checked="true"]{border-color:var(--nz);background:color-mix(in srgb,var(--nz) 7%,var(--paper))}
.sh-fmt b{font-size:14px} .sh-fmt small{font-size:11px;color:var(--muted);line-height:1.25}
.sh-pv{margin:0 auto 12px;border-radius:var(--r-sm);overflow:hidden;background:var(--brand-deep);display:grid;place-items:center}
.sh-pv img{display:block;width:100%;height:100%;object-fit:contain}
.sh-pv-link{display:grid;grid-template-columns:34% minmax(0,1fr);background:var(--paper);border:1px solid var(--line);place-items:stretch}
.sh-pv-img{background:center/cover no-repeat;min-height:96px}
.sh-pv-tx{display:flex;flex-direction:column;gap:2px;padding:10px 12px;min-width:0}
.sh-pv-tx small{font-size:11px;color:var(--muted)} .sh-pv-tx b{font-size:14px;line-height:1.25} .sh-pv-tx em{font-style:normal;font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sh-pv-pic{width:min(240px,70%);aspect-ratio:1}
.sh-pv-reel{width:min(170px,48%);aspect-ratio:9/16}
.sh-pv-wait{color:var(--nz-hi);font-size:12.5px}
.sh-ch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sh-ch button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:var(--r-sm);text-align:center}
.sh-ch button:hover{background:color-mix(in srgb,var(--cc) 8%,transparent)}
.sh-ch span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--cc);color:var(--on-dark)}
.sh-ch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-ch b{font-size:12.5px} .sh-ch small{font-size:11px;color:var(--muted);line-height:1.2}
.sh-dl{margin-top:10px}
.sh-url{margin-top:8px;font-size:11px;word-break:break-all}
@media (max-width:380px){.sh-fmt small{display:none}}

/* ============================================================
   V60 - Merken/Teilen in der Autorzeile, Meilenstein-Layer
   ============================================================ */
:is(#feed,#lokalFeed) .news-card__author{display:flex !important;align-items:center;gap:1.4cqw;min-width:0}
:is(#feed,#lokalFeed) .news-card__author .nc-acts{display:flex;gap:1cqw;flex:none;margin:0 !important;grid-row:auto !important}
:is(#feed,#lokalFeed) .news-card__author .nc-by{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#feed,#lokalFeed) .news-card__author .nc-act{width:24px;height:24px}
.news-card__image,#aImg{position:relative}
/* V70.1: hier stand ein Regelrest ohne Selektor (seit V60) - er hat die folgende Regel unwirksam gemacht */
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__author,
:is(#feed,#lokalFeed) > article.card.news-card--landscape .news-card__context{align-self:center !important}
:is(#feed,#lokalFeed) .news-card__author .nc-act{align-self:center}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__text .news-card__author,
:is(#feed,#lokalFeed) > .news-pair article.news-card .news-card__author{display:flex !important;flex-direction:row !important;align-items:center !important;gap:1.4cqw !important;white-space:nowrap}
:is(#feed,#lokalFeed) > article.card.news-card .news-card__author .nc-acts,
:is(#feed,#lokalFeed) > .news-pair article.news-card .news-card__author .nc-acts{display:inline-flex !important;flex-direction:row !important}

/* V63: Keine Luecken im zweispaltigen Feed - volle Zeilen (Subaufmacher, Module, Ressorttitel)
   liessen bei ungerader Kachelzahl eine leere Zelle stehen ("verschluckte" Kachel). dense fuellt sie. */
#feed{grid-auto-flow:row dense !important}

/* ============================================================
   V63 - Menue Meine NZ kompakter, Konto-Kopf, Live-Center, Einfache Sprache
   ============================================================ */
#s-meine{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sheet.mnz{padding:6px 14px 18px}
.mnz-head{gap:10px;padding:4px 2px 10px}
.mnz-head .av{width:34px;height:34px;font-size:14px}
.mnz-who{flex:1;min-width:0}
.mnz-head strong{font-size:14px !important;line-height:1.2}
.mnz-head small{font-size:12.5px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mnz-auth{display:flex;gap:6px;align-items:center;flex:none}
.mnz-lnk{font-size:12.5px;font-weight:700;color:var(--nz);padding:6px 4px}
.mnz-reg{font-size:12.5px;font-weight:700;color:var(--on-dark);background:var(--nz);border-radius:var(--r-pill);padding:6px 12px}
.mnz-g{padding-top:8px}
.mnz-g h3{font-size:11px !important;padding:2px 4px 4px}
.mnz-i{padding:7px 4px;gap:10px}
.mnz-i strong{font-size:14px !important}
.mnz-i small{font-size:12.5px !important}
.mnz-ic{width:30px;height:30px;padding:6px;border-radius:var(--r-sm)}
.mnz-gi{display:block}
.mnz-symb .mnz-gi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 6px}
.mnz-t{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:var(--r-sm);text-align:center;color:var(--ink)}
.mnz-t:hover,.mnz-t:focus-visible{background:color-mix(in srgb,var(--nz) 8%,transparent);outline:none}
.mnz-t .mnz-ic{width:38px;height:38px;padding:8px;border-radius:var(--r-sm)}
.mnz-t span{font-size:11px;font-weight:600;line-height:1.2}
@media (max-width:340px){.mnz-symb .mnz-gi{grid-template-columns:repeat(3,minmax(0,1fr))}.mnz-auth .mnz-lnk{display:none}}
.sheet.mnz.mnz-drop .mnz-symb .mnz-gi{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Live-Center */
.lc-wrap{padding:0 16px 24px}
@media (min-width:700px){.lc-wrap{padding:0 24px 28px}}
.lc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lage);margin-right:6px;animation:svcpulse 1.6s ease-in-out infinite;vertical-align:1px}
.lc-h{font:700 20px/1.2 "Noto Serif",Georgia,serif;margin:20px 0 10px}
.lc-lagen{display:grid;gap:10px}
@media (min-width:700px){.lc-lagen{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lc-lage{display:grid;grid-template-columns:34% minmax(0,1fr);text-align:left;background:var(--paper);border-radius:var(--r-sm);overflow:hidden;border-left:4px solid var(--lage)}
@media (min-width:700px){.lc-lage{grid-template-columns:1fr;grid-template-rows:130px auto}}
.lc-img{position:relative;background:center/cover no-repeat;min-height:96px}
.lc-live{position:absolute;left:8px;top:8px;background:var(--lage);color:var(--on-dark);font-size:11px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.04em}
.lc-tx{display:flex;flex-direction:column;gap:3px;padding:10px 12px}
.lc-tx small{font-size:11px;color:var(--lage);font-weight:700}
.lc-tx strong{font:700 16px/1.25 "Noto Serif",Georgia,serif}
.lc-tx em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.3}
.lc-tk{width:100%;text-align:left}
.lc-tk small{display:block;font-size:11px;color:var(--muted)} .lc-tk strong{font-size:14px}
.lc-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px}
.lc-scores{display:grid;gap:8px}
@media (min-width:700px){.lc-scores{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lc-g{background:var(--paper);border-radius:var(--r-sm);padding:10px 12px;position:relative}
.lc-g[hidden]{display:none}
.lc-g small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.lc-g span{display:flex;justify-content:space-between;font-size:14px;line-height:1.4}
.lc-g em{font-style:normal} .lc-g b{font-variant-numeric:tabular-nums}
.lc-live b,.lc-g.lc-live span b{color:var(--lage)}
.lc-g .pill{margin-top:8px}
/* Einfache Sprache */
.es{font-size:18px;line-height:1.6}
.es-h{font:700 20px/1.3 "Noto Sans",system-ui,sans-serif;margin:20px 0 8px;color:var(--ink)}
.es-h:first-child{margin-top:4px}
.es-s{margin:0 0 8px}
.es-abs{margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.es-wort{margin-top:18px;padding:14px 16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--nz) 7%,var(--paper))}
.es-wort h3{font-size:16px;margin-bottom:8px}
.es-wort dl{margin:0;display:grid;gap:6px}
.es-wort dt{font-weight:800;font-size:16px}
.es-wort dd{margin:0 0 6px;font-size:16px;color:var(--muted)}
.es-hinweis{margin-top:12px;font-size:12.5px;color:var(--muted)}

/* ============================================================
   V64 - Reel-Hoehe, Einstellungen mobil, Dunkelmodus, Wettersymbole
   ============================================================ */
/* Reel einspaltig: feste Mindesthoehe als Rueckfall, falls die JS-Messung nicht greift */
@media (max-width:699px){
  :is(#feed,#lokalFeed) > .card.reel{min-height:min(150vw,calc(100vh - 220px)) !important}
}


/* V64: Dunkelmodus - feste helle Hintergruende nachgezogen (sonst helle Schrift auf hellem Grund) */
:root[data-theme="dark"] .card[data-k="mit"],:root[data-theme="dark"] .card.poll{background:#12303A !important}
:root[data-theme="dark"] .edition-tab[aria-selected="true"]{background:#1B2E3B !important}
:root[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-mag{background:#2A2418 !important}
:root[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-ad,:root[data-theme="dark"] :is(#feed,#lokalFeed) > .card.fx-spon{background:#1E2429 !important;outline-color:#2E3A44 !important}
:root[data-theme="dark"] .fx-spon h3{color:#E9F1F6 !important}
:root[data-theme="dark"] .fx-stx p,:root[data-theme="dark"] .fx-slab,:root[data-theme="dark"] .fx-sadv,:root[data-theme="dark"] .fx-adlab{color:#AEBCC6 !important}
:root[data-theme="dark"] .fx-slab b{background:#AEBCC6;color:#0A1720}
:root[data-theme="dark"] .magwall{background:#2A2418}
:root[data-theme="dark"] .vercard{background:var(--paper) !important;color:var(--ink)}
:root[data-theme="dark"] .vercard code{background:rgba(255,255,255,.08)}

/* Datumsschild auf Veranstaltungsbildern: immer dunkle Schrift auf weiss (auch im Dunkelmodus) */
.ev-date{color:var(--ink-fixed) !important}
/* Einstellungen mobil: Umschalter "Klassisch / Feed" bleibt im Rahmen */
.startview-row{flex-wrap:wrap}
.startview-row > div:first-child{flex:1 1 180px;min-width:0}
.startview-row .seg{margin:0 !important;width:auto !important;max-width:100%;flex:0 0 auto}
.startview-row strong{display:block}
.startview-row small{display:block;margin-top:2px}
@media (max-width:480px){ .startview-row .seg{flex:1 1 100%;width:100% !important} .startview-row .seg button{flex:1} }
/* Wettersymbole (flach, SVG) */
.svc-wx-ic svg{width:52px;height:52px;display:block}
.svc-wx-h i svg,.svc-wx-d i svg{width:28px;height:28px;display:block;margin:0 auto}
.svc-wx-h i,.svc-wx-d i{font-size:0 !important;line-height:0}
.wx-big svg{width:56px;height:56px;display:block} .wx-sm svg{width:26px;height:26px;display:block;margin:2px auto}

/* V64: Dunkelmodus - helle Akzentflaechen (NZ-Blau, Orange, Gruen) tragen dunkle Schrift; rote Texte aufgehellt */
:root[data-theme="dark"] .pill.solid,:root[data-theme="dark"] .av,:root[data-theme="dark"] .mnz-head .av,:root[data-theme="dark"] .mnz-reg,:root[data-theme="dark"] .startview-row .seg button[aria-pressed="true"],:root[data-theme="dark"] .hearb[aria-pressed="true"],:root[data-theme="dark"] .edc-cur,:root[data-theme="dark"] .lk-new-n,:root[data-theme="dark"] .days span.y,:root[data-theme="dark"] .dnav button[aria-current="page"],:root[data-theme="dark"] .chip[aria-pressed="true"],:root[data-theme="dark"] .rz-me-acts .pill{color:var(--brand-night) !important}
:root[data-theme="dark"] .svc-sc-tk,:root[data-theme="dark"] .ev-li span,:root[data-theme="dark"] .fx-badge--tipp,:root[data-theme="dark"] .fx-badge{color:var(--brand-night) !important}
:root[data-theme="dark"] .fx-media .fx-badge{color:var(--on-dark) !important}
:root[data-theme="dark"] .leadbox .related.dazu h3,:root[data-theme="dark"] .leadbox .related.dazu h3 span{color:color-mix(in srgb,var(--lead) 45%,#fff) !important}
:root[data-theme="dark"] .li2[class*="li2"] .st-b.bad,:root[data-theme="dark"] .st-b.bad{color:#FFB4AE !important}
:root[data-theme="dark"] .ev-rest{color:var(--lage-hi) !important}
:root[data-theme="dark"] .lc-tx small{color:var(--lage-hi) !important}
:root[data-theme="dark"] button.li2[data-act="reset"],:root[data-theme="dark"] .li2 .danger{color:var(--lage-hi) !important}

.lc-g .svc-live,.svc-sc-g .svc-live{color:var(--on-dark) !important;background:#b40c20}
.ev-date small{color:#B35F00 !important}

:root[data-theme="dark"] .svc-sc-live b,:root[data-theme="dark"] .lc-g.lc-live span b,:root[data-theme="dark"] .lk-now b,:root[data-theme="dark"] .lk-box b{color:var(--lage-hi) !important}
:root[data-theme="dark"] .hearb{color:var(--brand-night) !important}
:root[data-theme="dark"] .li2[data-act="plReset"],:root[data-theme="dark"] .li2.danger,:root[data-theme="dark"] button.li2[style*="nzred"],:root[data-theme="dark"] button.li2[style*="lage"]{color:var(--lage-hi) !important}

:root[data-theme="dark"] [data-ep][aria-pressed="true"]{color:var(--brand-night) !important}

/* V64: sehr schmale Displays (bis 360 px): Kopfzeile passt ohne seitliches Scrollen */
@media (max-width:360px){
  header .place{max-width:118px;min-width:0}
  header .place span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #hmode{display:none}
  header .icon{width:36px;height:36px}
  header .logo{font-size:24px}
}

/* ================= V65 ================= */
/* Themenwelt im Fokus (Tab Themen) */
.mz-focus{position:relative;margin:4px 16px 16px;padding:14px 16px 16px;border-radius:var(--r-md);color:var(--on-dark);overflow:hidden;
  background:linear-gradient(100deg,color-mix(in srgb,var(--c) 92%,#000) 0%,color-mix(in srgb,var(--c) 70%,transparent) 62%,rgba(0,0,0,.25) 100%),var(--img) center/cover}
.mz-focus-back{all:unset;cursor:pointer;font:700 12.5px/1 "Noto Sans",system-ui,sans-serif;opacity:.92;padding:4px 0}
.mz-focus-back:hover{text-decoration:underline}
.mz-focus-h{display:flex;gap:12px;align-items:flex-start;margin-top:12px}
.mz-focus-e{font-size:28px;line-height:1}.mz-focus-e .ic{width:30px;height:30px}
.mz-focus-h .mz-kicker{color:rgba(255,255,255,.85)}
.mz-focus-h h2{margin:2px 0 4px;font:700 clamp(26px,4vw,38px)/1.05 "Noto Serif",Georgia,serif;color:var(--on-dark)}
.mz-focus-h p{margin:0;max-width:60ch;font-size:14px;line-height:1.4;color:rgba(255,255,255,.92)}
.mz-focus-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mz-focus-a .pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:var(--on-dark)}
.mz-focus-a .pill.solid{background:#fff;color:var(--ink-fixed);border-color:#fff}
.mz-focus-list{margin-top:16px}
@media (min-width:900px){.mz-focus-list{grid-template-columns:repeat(3,1fr)}}
.mz-tile.is-focus{outline:3px solid var(--c);outline-offset:2px}

@media (min-width:700px){.mz-focus{margin:4px 24px 18px}}
body.mz-focusing #v-thema .mz-head,body.mz-focusing #mzPick{display:none}
body.mz-focusing .mz-focus{margin-top:14px}
.mz-focus-sec{border-top:0}.mz-focus-sec .mz-focus-list{margin-top:4px}
/* Frage des Tages: alle Antwortflaechen gleich breit, gleiche Schriftstaerke; eigene Stimme per Haken und Rahmen */
.fdt-o button{width:100%;margin:0;box-sizing:border-box;font-weight:500}
.fdt-o button.fdt-me{font-weight:500}
.fdt-o button b{font-weight:700;font-variant-numeric:tabular-nums}
.fdt-tick{display:inline-block;margin-right:6px;font-weight:800;color:var(--mit)}
/* Artikel-Galerie: Vorschaubilder waren inline-span (Breite 0) */
.galstrip .gi{display:block;width:100%;height:auto;aspect-ratio:3/2;background-color:var(--line)}
.galstrip button{width:clamp(132px,30%,190px)}
.galstrip button:hover .gi,.galstrip button:focus-visible .gi{outline:2px solid var(--nz);outline-offset:1px}
.biga--inline{margin:22px 0;border-left:4px solid var(--nz);border-radius:0 9px 9px 0}
.biga-head{text-transform:none;letter-spacing:0}
/* Meistgelesen: Rang-Trend der letzten 60 Minuten */
.tr{margin-left:auto;padding-left:8px;font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.tr.tr-up{color:#1E7F4E}.tr.tr-dn{color:#B4131F}.tr.tr-eq{color:var(--muted)}
.tr.tr-neu{color:var(--nz);background:color-mix(in srgb,var(--nz) 10%,transparent);padding:2px 6px;border-radius:var(--r-pill)}
:root[data-theme="dark"] .tr.tr-up,.dark .tr.tr-up{color:var(--sport-hi)}:root[data-theme="dark"] .tr.tr-dn,.dark .tr.tr-dn{color:var(--lage-hi)}
.tr-note{margin:6px 0 0;font-size:11px;color:var(--muted)}
.lk-rank button{display:flex;align-items:center;gap:8px}
/* Media-Kacheln: helle Schrift auf dunklem Grund (Teaser und Dachzeile waren grau bzw. dunkel) */
:is(#feed,#lokalFeed,#mzMag,.aside) .card.fx-media .fx-mx,.card.fx-media .fx-mx{color:rgba(255,255,255,.86) !important}
:is(#feed,#lokalFeed) > .card.fx-media .fx-kick,.card.fx-media .fx-kick{color:#D4CCFF !important}
:is(#feed,#lokalFeed) > .card.fx-media .fx-cta,.card.fx-media .fx-cta{color:var(--on-dark) !important;opacity:1}
:is(#feed,#lokalFeed) > .card.fx-media h3,.card.fx-media h3{color:var(--on-dark) !important}
.fx-media--reel .fx-mtx{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.feed-group--ort{grid-column:1/-1;margin:2px 0 -4px;font:800 12.5px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--lokal,var(--brand));display:flex;align-items:center;gap:8px}
.feed-group--ort::after{content:"";flex:1;height:1px;background:var(--line)}
/* Lokales: Service-Kacheln (Wetter, Verkehr, Abfuhr, Termine, Notdienst) */
.lk-now{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible !important}
@media (min-width:700px){.lk-now{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lk-tile{--tc:var(--nz);position:relative;display:flex !important;flex-direction:column;align-items:stretch;gap:3px;min-width:0 !important;width:auto !important;text-align:left;
  padding:10px 12px 12px !important;border-radius:var(--r-md) !important;border:1px solid var(--line) !important;background:var(--paper) !important;overflow:hidden;cursor:pointer;
  box-shadow:0 1px 2px rgba(15,30,41,.05);transition:transform .15s ease,box-shadow .15s ease}
.lk-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--tc)}
.lk-tile:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,30,41,.10)}
.lk-tile--wetter{--tc:#E9A23B}.lk-tile--verkehr{--tc:#2E7D5B}.lk-tile--verkehr.is-alert{--tc:var(--lage)}
.lk-tile--abfuhr{--tc:#C9A400}.lk-tile--termine{--tc:#6A4FD1}.lk-tile--notdienst{--tc:#0A8FA3}
.lk-tile-h{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.lk-tile-ic{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);color:var(--tc);background:color-mix(in srgb,var(--tc) 13%,transparent)}
.lk-tile--wetter .lk-tile-ic{background:none;width:30px;height:30px}
.lk-tile-ic svg{width:18px;height:18px}.lk-tile--wetter .lk-tile-ic svg{width:30px;height:30px}
.lk-tile-l{font:800 11px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--muted);letter-spacing:.01em}
.lk-tile-go{margin-left:auto;font-size:18px;line-height:1;color:var(--muted)}
.lk-tile b{font:700 18px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--ink) !important}
.lk-tile b em{font-style:normal;font-weight:500;font-size:12.5px;color:var(--muted)}
.lk-tile.is-alert b{color:var(--lage) !important}
.lk-tile small{font-size:12.5px;line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lk-tile.is-alert{border-color:color-mix(in srgb,var(--lage) 40%,var(--line)) !important;background:color-mix(in srgb,var(--lage) 5%,var(--paper)) !important}
:root[data-theme="dark"] .lk-tile.is-alert b{color:var(--lage-hi) !important}

:root[data-theme="dark"] .lk-now .lk-tile b{color:var(--ink) !important}
:root[data-theme="dark"] .lk-now .lk-tile.is-alert b{color:var(--lage-hi) !important}

:root[data-theme="dark"] .tr.tr-up{color:var(--sport-hi)}:root[data-theme="dark"] .tr.tr-dn{color:var(--lage-hi)}

/* Einspaltiger Feed: Spalte darf nicht breiter als der Bildschirm werden (bei 320 px lief die Startseite seitlich über) */
@media (max-width:699px){#feed,#lokalFeed{grid-template-columns:minmax(0,1fr) !important}}

/* ================= V66: einheitliche Inhaltsbreite und Werbeplaetze ================= */
:root{--cw:1000px}
@media (min-width:1024px){
  /* alle Hauptseiten gleich breit (Start war 1240 px, die anderen 820 px) */
  #v-start .wrap,.tick,.ticker{max-width:var(--cw) !important;margin-left:auto;margin-right:auto}
  .view:not(#v-start):not(#v-reader):not(#v-reels),#v-thema.on,#v-lage.on{max-width:var(--cw) !important;margin-left:auto;margin-right:auto}
  .layout{grid-template-columns:minmax(0,1fr) 316px !important;gap:16px !important}
  .aside{min-width:0}
}
.ad-slot{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--line) 55%,transparent) 0 10px,transparent 10px 20px),var(--paper);
  border:1px dashed color-mix(in srgb,var(--muted) 55%,transparent);color:var(--muted);font-family:"Noto Sans",system-ui,sans-serif}
.ad-lbl{position:absolute;top:4px;left:8px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.ad-ph{display:flex;flex-direction:column;gap:2px;padding:14px}
.ad-ph strong{font-size:12.5px;color:var(--ink)}.ad-ph small{font-size:12.5px;font-variant-numeric:tabular-nums}.ad-ph em{font-style:normal;font-size:11px;max-width:32ch}
body.ads-aus .ad-slot,body.ads-aus .ad-switch b{}
body.ads-aus .ad-slot{display:none !important}
/* Desktop-Rahmen */
.ad-top,.ad-sky{display:none}
@media (min-width:1024px){
  .ad-top{display:flex;max-width:var(--cw);height:250px;margin:14px auto 6px;width:calc(100% - 24px)}
  body.ads-wallpaper .ad-top{height:90px;max-width:728px;margin:14px calc(50% - var(--cw)/2) 6px auto;width:728px}
  body.fullview .ad-top,body.fullview .ad-sky{display:none !important}
  .ad-mca{display:none !important}
  .ad-feed-mr,.ad-feed-is{display:none !important}
}
@media (min-width:1368px){
  .ad-sky-r{display:flex;position:fixed;top:72px;left:calc(50% + var(--cw)/2 + 12px);width:160px;height:600px;z-index:5}
  body.ads-wallpaper .ad-sky-r{top:72px}
  body.ads-skin .ad-sky{display:flex;position:fixed;top:57px;bottom:0;height:auto;width:calc(50% - var(--cw)/2 - 12px);
    background:linear-gradient(180deg,var(--brand-700),var(--brand-deep));border:0;color:var(--on-dark-2)}
  body.ads-skin .ad-sky-l{left:0}
  body.ads-skin .ad-sky-r{left:auto;right:0}
  body.ads-skin .ad-sky .ad-ph strong,body.ads-skin .ad-sky .ad-lbl{color:var(--on-dark)}
  body.ads-skin .ad-top{background:linear-gradient(90deg,var(--brand-700),#0E6391);border:0;color:var(--on-dark-2);max-width:var(--cw)}
  body.ads-skin .ad-top .ad-ph strong,body.ads-skin .ad-top .ad-lbl{color:var(--on-dark)}
  body.ads-skin #vp{background:transparent}
}
@media (min-width:1680px){ body.ads-standard .ad-sky-r{width:300px} }
/* Medium Rectangle rechte Spalte (Start, Desktop) */
.ad-mr--aside{width:300px;height:250px;margin:14px auto}
@media (max-width:1023px){ .ad-mr--aside{display:none !important} }
/* Artikel */
.ad-art{width:300px;max-width:100%;height:250px;margin:22px auto}
/* Mobil */
.ad-mca{width:320px;max-width:calc(100% - 32px);height:100px;margin:10px auto}
#feed > .ad-feed-mr{grid-column:1/-1;height:250px;width:300px;max-width:100%;margin:0 auto;padding:0 !important}
#feed > .ad-feed-is{grid-column:1/-1;height:70vh;min-height:420px;padding:0 !important;overflow:hidden;clip-path:inset(0);border-radius:0 !important;background:none}
.ad-is-win{position:absolute;inset:0}
.ad-is-bg{position:fixed;inset:0;background:linear-gradient(160deg,#0E6391 0%,var(--brand-deep) 55%,#021a29 100%)}
.ad-feed-is .ad-ph{position:relative;z-index:1;color:var(--on-dark-2)}.ad-feed-is .ad-ph strong{color:var(--on-dark)}.ad-feed-is .ad-lbl{z-index:1;color:var(--on-dark)}
/* Demo-Umschalter */
.ad-switch{display:none}
@media (min-width:1024px){
  .ad-switch{display:block;position:fixed;left:12px;bottom:12px;z-index:30;font:600 12.5px/1 "Noto Sans",system-ui,sans-serif;padding:8px 12px;border-radius:var(--r-pill);
    border:1px solid var(--line);background:var(--paper);color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer}
  .ad-switch b{color:var(--ink)}
}
#feed > .card.fx.ad-feed-mr{aspect-ratio:auto !important;height:250px !important;min-height:0 !important;width:300px !important;justify-self:center;display:flex !important;
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--line) 55%,transparent) 0 10px,transparent 10px 20px),var(--paper) !important;border:1px dashed color-mix(in srgb,var(--muted) 55%,transparent) !important;box-shadow:none !important}
#feed > .card.fx.ad-feed-is{aspect-ratio:auto !important;height:72vh !important;min-height:420px !important;width:auto !important;display:flex !important;background:none !important;border:0 !important;box-shadow:none !important;margin:0 -16px !important}
/* V66: Autorenprofil im Artikelfuss */
.au-box{border-top:3px solid var(--nz)}
.au-h{display:flex;gap:12px;align-items:center}
.au-h > div{flex:1;min-width:0}
.au-h small{font-size:11px;font-weight:700;color:var(--muted)}
.au-h h3{margin:1px 0 1px !important;font:700 20px/1.2 "Noto Serif",Georgia,serif}
.au-role{font-size:12.5px;color:var(--muted)}
.au-av{width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--nz);color:var(--on-dark);font:700 20px/1 "Noto Serif",Georgia,serif}
:root[data-theme="dark"] .au-av{color:#06202f}
.au-bio{margin:10px 0 0;font-size:14px;line-height:1.5}
.au-demo{display:block;margin-top:4px;font-size:11px;color:var(--muted);font-style:italic}
.au-more h4{margin:14px 0 6px;font-size:12.5px}
.au-more ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.au-more button{all:unset;cursor:pointer;display:block;padding:8px 10px;border-radius:var(--r-sm);background:var(--bg);width:100%;box-sizing:border-box}
.au-more strong{display:block;font-size:14px;line-height:1.3}.au-more small{font-size:11px;color:var(--muted)}
.au-all{margin-top:10px}
.art-tw{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 16px 0}
.art-tw > span{font-size:12.5px;font-weight:700;color:var(--muted);margin-right:4px}
@media (min-width:700px){.art-tw{margin-left:24px;margin-right:24px}}
/* V66: Prospekte (ePaper-Reader und Kiosk) */
.pr-reader{margin:12px 0 0}
.pr-wrap{padding:10px 0 4px}
.pr-hd{display:flex;align-items:baseline;gap:8px;padding:0 16px 8px}
.pr-hd strong{font-size:14px}.pr-hd small{font-size:12.5px;color:var(--muted);margin-left:auto}
.pr-ad{font-size:11px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--line);color:var(--muted)}
.pr-row{display:flex;gap:10px;overflow-x:auto;padding:0 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.pr-row::-webkit-scrollbar{display:none}
.pr-c{all:unset;cursor:pointer;flex:0 0 118px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px}
.pr-cov{position:relative;aspect-ratio:3/4;border-radius:var(--r-xs);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;box-sizing:border-box;color:var(--on-dark);
  background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 75%,#fff) 0%,var(--pc) 60%,color-mix(in srgb,var(--pc) 70%,#000) 100%);box-shadow:0 2px 6px rgba(0,0,0,.15)}
.pr-ic{position:absolute;top:8px;right:8px;font-size:24px}
.pr-h{font:800 11px/1.2 "Noto Sans",system-ui,sans-serif;opacity:.9}
.pr-t{font:700 14px/1.15 "Noto Serif",Georgia,serif}
.pr-m b{display:block;font-size:12.5px}.pr-m small{font-size:11px;color:var(--muted)}
.pr-c:focus-visible .pr-cov{outline:3px solid var(--nz);outline-offset:2px}
@media (min-width:900px){ .rlayout > .pr-reader{grid-column:1;grid-row:2;margin-top:0;background:var(--paper)} .rlayout > .rside{grid-row:1 / span 2} }
/* V66: Social-Kanaele */
.so-l{list-style:none;margin:0;padding:0 16px;display:grid;gap:6px}
.aside .so-l{padding:0}
.so-r{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}
.so-r:hover{border-color:var(--sc)}
.so-ic{width:32px;height:32px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--sc);color:var(--on-dark);font:800 12.5px/1 "Noto Sans",system-ui,sans-serif}
.so-tx{flex:1;min-width:0}.so-tx strong{display:block;font-size:14px}.so-tx small{display:block;font-size:11px;line-height:1.3;color:var(--muted)}
.so-a{font-size:12.5px;font-weight:800;color:var(--nz);white-space:nowrap}
#feed > .card.so-card{grid-column:1/-1;aspect-ratio:auto !important;height:auto !important;min-height:0 !important;padding:0 !important;background:linear-gradient(135deg,var(--brand-deep),var(--brand)) !important;border:0 !important}
#feed > .card.so-card *{color:var(--on-dark) !important}
.so-in{padding:18px 16px}
.so-kick{font-size:11px;font-weight:800;opacity:.85}
.so-in h3{margin:4px 0 12px;font:700 20px/1.25 "Noto Serif",Georgia,serif}
.so-chips{display:flex;flex-wrap:wrap;gap:8px}
.so-chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);font:700 12.5px/1 "Noto Sans",system-ui,sans-serif}
.so-chip span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sc);font-size:11px;font-weight:800}
.so-in p{margin:12px 0 0;font-size:12.5px;opacity:.85}
@media (min-width:1024px){ #feed > .card.so-card{display:none !important} }
.so-meine{margin-top:18px}
/* Social: echte Logos */
img.so-ic{width:32px;height:32px;border-radius:0;background:none;object-fit:contain}
.so-r{text-decoration:none;color:inherit}
.so-chip{text-decoration:none}
.so-chip img{width:22px;height:22px;object-fit:contain}
.so-chip img{background:none !important}
/* V67: Suche mit KI-Antwort */
.ks{position:fixed;inset:0;z-index:60;background:rgba(3,20,31,.55);display:none;align-items:flex-start;justify-content:center}
.ks.on{display:flex}
body.ks-open{overflow:hidden}
.ks-in{width:min(760px,100%);max-height:100%;height:100%;display:flex;flex-direction:column;background:var(--bg)}
@media (min-width:800px){.ks-in{height:auto;max-height:calc(100% - 60px);margin-top:30px;border-radius:var(--r-md);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}}
.ks-top{display:flex;gap:8px;align-items:center;padding:12px;background:var(--paper);border-bottom:1px solid var(--line);padding-top:max(12px,env(safe-area-inset-top))}
.ks-f{flex:1;display:flex;gap:8px}
.ks-q{flex:1;min-width:0;font:500 16px/1.2 "Noto Sans",system-ui,sans-serif;padding:11px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.ks-q:focus{outline:none;border-color:var(--nz)}
.ks-go{border:0;border-radius:var(--r-sm);padding:0 16px;background:var(--nz);color:var(--on-dark);font-weight:700;cursor:pointer}
:root[data-theme="dark"] .ks-go{color:#06202f}
.ks-x{border:0;background:none;font-size:18px;color:var(--muted);cursor:pointer;padding:8px}
.ks-body{overflow:auto;padding:14px 14px 24px;flex:1}
.ks-start p{margin:6px 0 12px;font-size:14px;line-height:1.45;color:var(--muted)}
.ks-badge,.ks-lbl{display:inline-block;font:800 12.5px/1 "Noto Sans",system-ui,sans-serif;color:var(--media);background:color-mix(in srgb,var(--media) 12%,transparent);padding:5px 9px;border-radius:var(--r-pill)}
.ks-chips{display:flex;flex-wrap:wrap;gap:6px}
.ks-you{margin:6px 0 10px;margin-left:auto;max-width:85%;width:fit-content;padding:9px 13px;border-radius:var(--r-md) 14px 4px 14px;background:var(--nz);color:var(--on-dark);font-size:14px}
:root[data-theme="dark"] .ks-you{color:#06202f}
.ks-you span{display:none}
.ks-ai{padding:12px 14px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line)}
.ks-ai > p{margin:8px 0;font-size:16px;line-height:1.55}
.ks-ref{font-size:11px;font-weight:800;color:var(--nz)}
.ks-src{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.ks-src li::marker{font-size:11px;font-weight:800;color:var(--nz)}
.ks-hit{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:center;width:100%;padding:7px;border-radius:var(--r-sm)}
.ks-hit:hover{background:var(--bg)}
.ks-img{width:52px;height:40px;flex:none;border-radius:var(--r-xs);background:center/cover var(--line)}
.ks-hit strong{display:block;font-size:14px;line-height:1.3}.ks-hit small{font-size:11px;color:var(--muted)}
.ks-fu{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.ks-fu > span{font-size:12.5px;font-weight:700;color:var(--muted);margin-right:2px}
.ks-note{margin:10px 0 0 !important;font-size:11px !important;color:var(--muted)}
.ks-h{margin:16px 0 6px;font-size:12.5px}
.ks-turn{margin-bottom:14px}
.ks-new{display:block;margin:6px auto 0}
.ks-lock{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--media) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--media) 25%,var(--line));margin-bottom:6px}
.ks-lock span{font-size:12.5px;color:var(--muted)}
.ks-aside{padding:12px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);margin-bottom:12px}
.ks-al{display:block;font:800 12.5px/1.2 "Noto Sans",system-ui,sans-serif;margin-bottom:8px;color:var(--media)}
.ks-ar{display:flex;gap:6px}.ks-ar input{flex:1;min-width:0;padding:9px 11px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:14px}
/* V67: Info-, Unternehmens-, Werbekunden-Seiten und Portale */
#v-info .vh{padding-top:14px}
.in-g{margin:0;font-size:12.5px;font-weight:800;color:var(--nz)}
.in-b{padding:0 16px 24px}
@media (min-width:700px){.in-b{padding:0 24px 28px}}
.in-doc h3{margin:18px 0 4px;font:700 16px/1.3 "Noto Serif",Georgia,serif}
.in-doc p{margin:0;font-size:14px;line-height:1.55;max-width:70ch}
.in-lead{font-size:16px !important;line-height:1.5;margin:4px 0 14px !important;max-width:65ch}
.in-ph{margin:10px 0 !important;padding:8px 10px;border-left:3px solid var(--leben);background:color-mix(in srgb,var(--leben) 8%,transparent);font-size:12.5px !important;color:var(--muted)}
.in-doc > .pill,.in-doc > button{margin-top:14px}
.in-rel{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.in-rel h4{width:100%;margin:0 0 4px;font-size:12.5px}
.in-tab{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;font-size:12.5px}
.in-tab > div{display:grid;grid-template-columns:2fr 1.3fr 1fr auto;gap:8px;padding:8px 10px;border-top:1px solid var(--line)}.in-tab > div:first-child{border-top:0;background:var(--bg)}
.in-jobs,.in-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.in-jobs button,.in-list button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;gap:2px;padding:12px 14px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}
.in-jobs strong,.in-list strong{font-size:14px;line-height:1.3}.in-jobs small,.in-list small{font-size:12.5px;color:var(--muted)}
.in-list button{grid-template-columns:1fr auto}.in-list small{grid-column:1/-1}.in-list em{font-style:normal;font-size:12.5px;color:var(--nz);font-weight:700;grid-row:2;grid-column:2}
.in-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}
@media (min-width:700px){.in-kpis{grid-template-columns:repeat(4,1fr)}}
.in-kpis div{padding:12px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}.in-kpis b{display:block;font:700 24px/1.1 "Noto Serif",Georgia,serif;color:var(--nz)}.in-kpis small{font-size:12.5px;color:var(--muted)}
.in-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.in-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:3px;padding:14px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line)}
.in-card strong{font-size:14px}.in-card small{font-size:12.5px;color:var(--muted)}.in-card em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--nz)}
.in-form{display:grid;gap:12px;max-width:560px}
.in-form label{display:grid;gap:4px;font-size:12.5px;font-weight:700}
.in-form input[type=text],.in-form input[type=email],.in-form select,.in-form textarea{font:500 16px/1.35 "Noto Sans",system-ui,sans-serif;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.in-form fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}.in-form legend{font-size:12.5px;font-weight:700;margin-bottom:4px}
.ad-opt{display:flex !important;grid-template-columns:none;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font-weight:500 !important;cursor:pointer}
.ad-opt:has(input:checked){border-color:var(--nz);box-shadow:0 0 0 1px var(--nz)}
.ad-opt span{display:grid}.ad-opt strong{font-size:14px}.ad-opt small{font-size:12.5px;color:var(--muted);font-weight:500}
.ad-chk{display:flex !important;gap:8px;align-items:center;font-weight:500 !important}
.ad-cnt{font-weight:500;color:var(--muted);font-size:11px}
.ad-sum{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--nz) 7%,var(--paper))}
.ad-sum b{font:700 24px/1 "Noto Serif",Georgia,serif}.ad-sum small{margin-left:auto;font-size:12.5px;color:var(--muted)}
.ad-row{display:flex;gap:8px;flex-wrap:wrap}
.ad-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:4px;counter-reset:s}
.ad-steps li{counter-increment:s;flex:1;font-size:11px;font-weight:700;color:var(--muted);padding-top:8px;border-top:3px solid var(--line)}
.ad-steps li::before{content:counter(s) ". "}.ad-steps li.on{color:var(--nz);border-color:var(--nz)}.ad-steps li.done{border-color:color-mix(in srgb,var(--nz) 45%,var(--line))}
.ad-prev{padding:12px 14px;border-radius:var(--r-sm);border:1px dashed var(--line);background:var(--paper)}.ad-prev small{font-size:11px;color:var(--muted)}.ad-prev p{margin:4px 0 0;font-size:14px;white-space:pre-wrap}
.ad-foto{display:inline-block;margin-top:6px;font-size:11px;padding:2px 8px;border-radius:var(--r-xs);background:var(--line)}
.ad-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px}.ad-dl dt{color:var(--muted)}.ad-dl dd{margin:0}
.ad-receipt{max-width:560px;display:grid;gap:12px}
.ad-ok{font:700 18px/1.3 "Noto Serif",Georgia,serif;color:var(--sport)}
.ad-q{padding:14px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);display:grid;gap:6px;font-size:14px}
.ad-qh,.ad-ql{display:flex;justify-content:space-between;gap:12px}.ad-qh{padding-bottom:6px;border-bottom:1px solid var(--line)}.ad-qh span{color:var(--muted);font-variant-numeric:tabular-nums}
.ad-ql span:last-child{font-variant-numeric:tabular-nums}.ad-qt{font-weight:800;border-top:1px solid var(--line);padding-top:6px}.ad-q small{color:var(--muted);font-size:11px}
@media print{ body.print-receipt *{visibility:hidden} body.print-receipt .ad-q,body.print-receipt .ad-q *{visibility:visible} body.print-receipt .ad-q{position:absolute;left:0;top:0;width:100%} }
/* Footer */
.nz-foot{margin:32px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));background:var(--deep,var(--brand-deep));color:var(--on-dark-2);font-family:"Noto Sans",system-ui,sans-serif}
.nf-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
@media (min-width:900px){.nf-cols{grid-template-columns:repeat(4,1fr)}.nz-foot{padding:28px 24px;border-radius:var(--r-md) 16px 0 0}}
.nf-col h4{margin:0 0 6px;font-size:12.5px;color:var(--on-dark)}
.nf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.nz-foot button{all:unset;cursor:pointer;font-size:12.5px;line-height:1.7;color:var(--on-dark-2)}
.nz-foot button:hover,.nz-foot button:focus-visible{color:var(--on-dark);text-decoration:underline}
.nf-bot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}
.nf-soc{display:flex;gap:10px}.nf-soc img{width:26px;height:26px;display:block}
.nf-bot small{font-size:11px}.nf-bot small button{font-size:11px}
/* Menue Meine NZ: Zusatzgruppen */
.mnz-more h3{margin-top:14px}
.mnz-links{display:flex;flex-wrap:wrap;gap:6px}
.mnz-links button{all:unset;cursor:pointer;font-size:12.5px;padding:6px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper)}
.mnz-links .mnz-cta{background:var(--nz);color:var(--on-dark);border-color:var(--nz);font-weight:700}
.mnz-legal{margin:14px 0 4px;font-size:11px;color:var(--muted);line-height:1.8}
.mnz-legal button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
/* Servicespalte: Portale */
.in-aside-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.in-aside-g button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 10px;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600}
.in-aside-cta{margin-top:8px;width:100%}
.nf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.nf-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nz-foot button{white-space:normal;overflow-wrap:anywhere}
.nz-foot{box-sizing:border-box;max-width:100%}
@media (min-width:1024px){.nz-foot{max-width:var(--cw);margin-left:auto;margin-right:auto}}

/* ================= V68 ================= */
/* Mobil (bis 760 px): Bildvarianten mit 720 px Breite statt 1100 px */
@media (max-width:760px){:root{--i-arbeit:url(assets/img/m/arbeit.jpg);--i-archiv:url(assets/img/m/archiv.jpg);--i-bahnbederkesa:url(assets/img/m/bahnbederkesa.jpg);--i-baustelle:url(assets/img/m/baustelle.jpg);--i-crime:url(assets/img/m/crime.jpg);--i-digigewalt:url(assets/img/m/digigewalt.jpg);--i-drohne:url(assets/img/m/drohne.jpg);--i-eishockey:url(assets/img/m/eishockey.jpg);--i-ep-100ml:url(assets/img/m/ep-100ml.jpg);--i-ep-a1:url(assets/img/m/ep-a1.jpg);--i-ep-arktis:url(assets/img/m/ep-arktis.jpg);--i-ep-basketball:url(assets/img/m/ep-basketball.jpg);--i-ep-bibliothek:url(assets/img/m/ep-bibliothek.jpg);--i-ep-bokel:url(assets/img/m/ep-bokel.jpg);--i-ep-brueckenstrasse:url(assets/img/m/ep-brueckenstrasse.jpg);--i-ep-cduklima:url(assets/img/m/ep-cduklima.jpg);--i-ep-corolla:url(assets/img/m/ep-corolla.jpg);--i-ep-duenger:url(assets/img/m/ep-duenger.jpg);--i-ep-ebikes:url(assets/img/m/ep-ebikes.jpg);--i-ep-elbtunnel:url(assets/img/m/ep-elbtunnel.jpg);--i-ep-erntedank:url(assets/img/m/ep-erntedank.jpg);--i-ep-escooter:url(assets/img/m/ep-escooter.jpg);--i-ep-eulabel:url(assets/img/m/ep-eulabel.jpg);--i-ep-fischerei:url(assets/img/m/ep-fischerei.jpg);--i-ep-fledermaus:url(assets/img/m/ep-fledermaus.jpg);--i-ep-flohmarkt:url(assets/img/m/ep-flohmarkt.jpg);--i-ep-furchner:url(assets/img/m/ep-furchner.jpg);--i-ep-gemuese:url(assets/img/m/ep-gemuese.jpg);--i-ep-gezeiten:url(assets/img/m/ep-gezeiten.jpg);--i-ep-hagenladwig:url(assets/img/m/ep-hagenladwig.jpg);--i-ep-handwerksmuseum:url(assets/img/m/ep-handwerksmuseum.jpg);--i-ep-heimisch:url(assets/img/m/ep-heimisch.jpg);--i-ep-henning:url(assets/img/m/ep-henning.jpg);--i-ep-ki:url(assets/img/m/ep-ki.jpg);--i-ep-kitaspende:url(assets/img/m/ep-kitaspende.jpg);--i-ep-krimispiele:url(assets/img/m/ep-krimispiele.jpg);--i-ep-lebensraumkind:url(assets/img/m/ep-lebensraumkind.jpg);--i-ep-lichternacht:url(assets/img/m/ep-lichternacht.jpg);--i-ep-meteorologin:url(assets/img/m/ep-meteorologin.jpg);--i-ep-modularis:url(assets/img/m/ep-modularis.jpg);--i-ep-nachhaltig:url(assets/img/m/ep-nachhaltig.jpg);--i-ep-petermann:url(assets/img/m/ep-petermann.jpg);--i-ep-russland:url(assets/img/m/ep-russland.jpg);--i-ep-schwimmfest:url(assets/img/m/ep-schwimmfest.jpg);--i-ep-spieka:url(assets/img/m/ep-spieka.jpg);--i-ep-spiekafest:url(assets/img/m/ep-spiekafest.jpg);--i-ep-startklar:url(assets/img/m/ep-startklar.jpg);--i-ep-tvschiffdorf:url(assets/img/m/ep-tvschiffdorf.jpg);--i-ep-ubud:url(assets/img/m/ep-ubud.jpg);--i-ep-vogelmika:url(assets/img/m/ep-vogelmika.jpg);--i-ep-westermann:url(assets/img/m/ep-westermann.jpg);--i-ep-whales:url(assets/img/m/ep-whales.jpg);--i-ep-wiederbelebung:url(assets/img/m/ep-wiederbelebung.jpg);--i-ep-xxldock:url(assets/img/m/ep-xxldock.jpg);--i-ep-yunger:url(assets/img/m/ep-yunger.jpg);--i-epaperlese:url(assets/img/m/epaperlese.jpg);--i-faehre:url(assets/img/m/faehre.jpg);--i-food:url(assets/img/m/food.jpg);--i-garten:url(assets/img/m/garten.jpg);--i-ghafen:url(assets/img/m/ghafen.jpg);--i-gschule:url(assets/img/m/gschule.jpg);--i-gwahl:url(assets/img/m/gwahl.jpg);--i-gwind:url(assets/img/m/gwind.jpg);--i-hafen:url(assets/img/m/hafen.jpg);--i-hafensicher:url(assets/img/m/hafensicher.jpg);--i-hotel:url(assets/img/m/hotel.jpg);--i-kita:url(assets/img/m/kita.jpg);--i-klimabau:url(assets/img/m/klimabau.jpg);--i-klimahaus:url(assets/img/m/klimahaus.jpg);--i-klimatag:url(assets/img/m/klimatag.jpg);--i-luisamiller:url(assets/img/m/luisamiller.jpg);--i-markt:url(assets/img/m/markt.jpg);--i-page7:url(assets/img/m/page7.jpg);--i-pinguins:url(assets/img/m/pinguins.jpg);--i-playmobil:url(assets/img/m/playmobil.jpg);--i-podcast:url(assets/img/m/podcast.jpg);--i-promenade:url(assets/img/m/promenade.jpg);--i-pvt:url(assets/img/m/pvt.jpg);--i-rathaus:url(assets/img/m/rathaus.jpg);--i-robotik:url(assets/img/m/robotik.jpg);--i-schule:url(assets/img/m/schule.jpg);--i-schule110:url(assets/img/m/schule110.jpg);--i-solar:url(assets/img/m/solar.jpg);--i-sprit:url(assets/img/m/sprit.jpg);--i-steuer:url(assets/img/m/steuer.jpg);--i-stoerche:url(assets/img/m/stoerche.jpg);--i-tanker:url(assets/img/m/tanker.jpg);--i-villadohrmann:url(assets/img/m/villadohrmann.jpg);--i-waerme:url(assets/img/m/waerme.jpg);--i-wahl:url(assets/img/m/wahl.jpg);--i-wahlabend:url(assets/img/m/wahlabend.jpg);--i-watt:url(assets/img/m/watt.jpg);--i-wattlauf:url(assets/img/m/wattlauf.jpg);--i-windwremen:url(assets/img/m/windwremen.jpg)}}
/* Feed: Kacheln ausserhalb des sichtbaren Bereichs werden erst beim Heranscrollen gezeichnet
   (ihre Hintergrundbilder werden dann erst geladen) */
#feed > .card:not(.ad-feed-is),#lokalFeed > .card,.lk-list > *{content-visibility:auto;contain-intrinsic-width:auto 0px;contain-intrinsic-height:auto 380px}
/* Bis js/lazybg.js die Bilder unterhalb des Bildschirms geparkt hat, keine Feed-Hintergruende anfordern */
html:not(.lz-ready) :is(#feed,#lokalFeed,.lk-list,#mzMag,#mzMore,#v-media) [style*="--i-"]{background-image:none !important}
/* Mindestschriftgroesse 11 px (vorher 8-10,5 px an 30 Stellen) */
/* Mobil: Ortsauswahl nur einmal - im Begruessungsbereich (Start) bzw. in der Ortsleiste (Lokal); Kopfzeile entlastet */
@media (max-width:699px){ header.top .place{display:none !important} }
/* Tippflaechen: kleine Symbolknoepfe bekommen eine unsichtbar vergroesserte Trefferflaeche (mind. 44x44 px) */
.nc-act,.ev-link,.svc-more,.rz-link{position:relative}
.nc-act::after{content:"";position:absolute;inset:-11px}
.fx-adlab,.fx-slab b{font-size:11px !important}.fx-cnr{font-size:11px !important}
/* V68.1: Feed-Anzeigen fuer Mobil am Desktop sicher ausblenden (dort Medium Rectangle in der rechten Spalte) */
@media (min-width:1024px){ #feed > .card.fx.ad-feed-mr,#feed > .card.fx.ad-feed-is{display:none !important} }

/* ================= V69: Designsystem - Komponenten =================
   Knoepfe: .pill (Standard, umrandet) · .pill.solid (Primaer) · .pill.ghost (auf dunklen/Bildflaechen) · .themeb (Textlink)
   Karten: .card und Service-Boxen mit --r-md und --sh-1. */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--btn-h);padding:0 14px;
  border-radius:var(--r-pill);font:600 12.5px/1.2 "Noto Sans",system-ui,sans-serif;border:1px solid var(--line);background:var(--paper);color:var(--ink);
  text-decoration:none;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}
.pill:hover{border-color:color-mix(in srgb,var(--nz) 60%,var(--line))}
.pill.solid{background:var(--nz);border-color:var(--nz);color:var(--on-nz)}
.pill.solid:hover{background:color-mix(in srgb,var(--nz) 88%,#000)}
.pill.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:var(--on-dark)}
.pill:disabled,.pill[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.pill .ic,.pill svg{width:16px;height:16px;flex:none}
.themeb{font-size:var(--fs-s);color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.themeb:hover{color:var(--nz)}
.chip{min-height:34px}
.box{border-radius:var(--r-md)}
#feed > .card,#lokalFeed > .card{border-radius:var(--r-md)}
/* Text auf Akzentflaechen - ersetzt die vielen Einzelregeln fuer den Dunkelmodus */
.dnav button[aria-current="page"],.chip[aria-pressed="true"],.av,.lk-new-n{color:var(--on-nz)}
/* Mehrzeilige Knoepfe in schmalen Spalten zulassen */
.box .pill,.in-form .pill,.ad-row .pill,.ks-chips .pill,.ks-fu .pill{white-space:normal;text-align:center}
/* Knopfreihen umbrechen statt ueberlaufen (z. B. Morgenbriefing bei 320 px) */
.pill{max-width:100%}
.acts,.brief-acts,.three .acts{flex-wrap:wrap}
@media (max-width:380px){ .pill{white-space:normal;text-align:center} }
/* ================= V70.1 ================= */
/* Wetter: Gezeiten als Tabelle, Spalten sauber untereinander */
.svc-tide{width:100%;border-collapse:collapse;margin:10px 0 4px;font-variant-numeric:tabular-nums;table-layout:fixed}
.svc-tide caption{text-align:left;font-size:var(--fs-xs);font-weight:700;color:var(--muted);padding-bottom:4px}
.svc-tide th,.svc-tide td{padding:5px 0;font-size:var(--fs-m);text-align:right;border-top:1px solid var(--line)}
.svc-tide thead th{font-size:var(--fs-xs);font-weight:700;color:var(--muted);border-top:0;padding-top:0}
.svc-tide th:first-child{text-align:left;width:42%}
.svc-tide tbody th{font-weight:700;color:var(--ink)}
.svc-tide td{font-weight:700;color:var(--nz)}
.aside .svc-tide th,.aside .svc-tide td,.svc-tide th,.svc-tide td{font-size:12.5px !important;white-space:nowrap;padding:5px 0 5px 6px}
.svc-tide th:first-child{width:36%;padding-left:0}
.svc-tide thead th{font-size:11px !important}
.svc-tide{table-layout:auto}
.svc-tide th:first-child{width:auto}
.svc-tide th:not(:first-child),.svc-tide td{width:1%;padding-left:10px}

/* V70.1: Typo-Skala. Alle Schriftgroessen liegen auf 11 / 12,5 / 14 / 16 / 18 / 20 / 24 / 28 / 34 / 42 px
   (vorher 36 verschiedene Werte plus mit der Kachelbreite wachsende Groessen). Kacheln skalieren nicht mehr mit der Breite,
   dadurch wirken Querformat und Desktop ruhiger. */
:root{--fs-11:11px;--fs-12:12.5px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-28:28px;--fs-34:34px;--fs-42:42px}
/* Kachel-Headlines: feste Stufen statt Breitenskalierung; kleine Kacheln (Drittel/Paar) 16 px */
:is(#feed,#lokalFeed) > .card.card-1of3 .news-card__headline,.news-pair .news-card__headline{font-size:16px !important}
:is(#feed,#lokalFeed) .fx h3,.fx-mtx h3,.fx-etx h3,.fx-ttx h3,.fx-stx h3,.ov h3,.fdt h3{font-size:18px}
.fx-mx,.fdt-yc,.ov p{font-size:14px}
.ltx h2{font-size:28px}
.sec-h .why,.svc-h .why{font-size:12.5px}
/* Teaser: nie abgeschnitten oder verdeckt; Kachel waechst mit dem Text. Mindestens eine Zeile Luft vor der Autorenzeile. */
:is(#feed,#lokalFeed) article.card.news-card{height:auto !important;max-height:none !important;aspect-ratio:auto !important}
:is(#feed,#lokalFeed) article.card.news-card .news-card__text{overflow:visible !important;min-height:0}
:is(#feed,#lokalFeed) .news-card__teaser,.feed > .card > .ci.side .side-teaser,.fx-mx,.fx-media--reel .fx-mx{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;max-height:none !important}
:is(#feed,#lokalFeed) .news-card__teaser{margin-bottom:1.45em !important}
:is(#feed,#lokalFeed) .news-card__author{margin-top:auto}
:is(#feed,#lokalFeed) > .card:not(.news-card) > .ci{overflow:visible !important}
.fx-mx{margin-bottom:1em !important}
/* Kachelhoehe aus dem Inhalt: Textbereich darf nicht auf 0 schrumpfen (overflow:hidden hebt die Mindesthoehe auf) */
html body :is(#feed,#lokalFeed) article.card.news-card > .ci.news-card__text{overflow:visible !important;min-height:min-content !important}
html body :is(#feed,#lokalFeed) article.card.news-card--landscape{grid-template-rows:auto auto !important}
html body :is(#feed,#lokalFeed) article.card.news-card--side{grid-template-rows:auto !important;align-items:stretch}
html body :is(#feed,#lokalFeed) article.card.news-card--side > .ph{height:100% !important;min-height:100%}
/* Feed-Sonderkacheln (Galerie, Podcast, Video, Magazin ...): Hoehe aus dem Inhalt statt festem Seitenverhaeltnis */
html body :is(#feed,#lokalFeed) > .card.fx:not(.fx-media--reel):not(.ad-slot):not(.fx-ad){aspect-ratio:auto !important}   /* V70.3: Hoehe aus dem Raster, Zeilenaufteilung der Kachel wie im Original */
html body :is(#feed,#lokalFeed) > .card.fx .fx-mimg{min-height:0;aspect-ratio:16/9}
.fx-mtx > *,.fx-etx > *,.fx-stx > *,.fx-ttx > *{flex-shrink:0}
.fx-kick,.fx-mtx h3,.fx-mtx > div{overflow:visible !important;height:auto !important}
.fx-media--reel .fx-mtx{justify-content:flex-end}
/* (V70.3: Regel "Bild-neben-Text wird am Desktop Bild-oben" entfernt - Bild seitlich ist jetzt das grosse Format ueber zwei Spalten) */
/* Autorenzeile: umbrechen statt "Von der Re…" */
:is(#feed,#lokalFeed) .news-card__author,:is(#feed,#lokalFeed) .nc-by{white-space:normal !important;text-overflow:clip !important;overflow:visible !important}
html body :is(#feed,#lokalFeed) > .card.fx.fx-media--reel .fx-mimg{aspect-ratio:auto}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__teaser{margin-bottom:1.45em !important}
/* Nebeneinanderliegende Kacheln: gleiche Aussenkanten - die niedrigere waechst auf die Hoehe der hoeheren */
html body :is(#feed,#lokalFeed) > .card{align-self:stretch !important}
/* (V70.1: Flex nur fuer Bild-neben-Text-Kacheln, siehe unten; Querformat-Kacheln behalten ihr Raster) */
/* Feed-Spalten duerfen nie breiter als ihr Anteil werden (".main .feed{1fr 1fr}" liess Inhalte die Spalte aufdruecken) */
@media (min-width:700px){ html body :is(#feed,#lokalFeed){grid-template-columns:repeat(2,minmax(0,1fr)) !important} }
html body :is(#feed,#lokalFeed) > *{min-width:0}
/* Querformat-Kachel: Bild oben in fester Hoehe, Text darunter waechst; Kachel fuellt die Zeilenhoehe */
html body :is(#feed,#lokalFeed) article.card.news-card--landscape{grid-template-rows:auto 1fr !important}
html body :is(#feed,#lokalFeed) article.card.news-card--landscape > .ph{height:auto !important;aspect-ratio:16/9 !important}
/* kleine Kachel (Bild links, schmal): Autorenzeile unter den Text statt daneben abgeschnitten */
html body :is(#feed,#lokalFeed) article.card.news-card--small .news-card__author{flex-wrap:wrap}
html body :is(#feed,#lokalFeed) .news-card__author{flex-wrap:wrap !important;row-gap:4px;min-width:0}
html body :is(#feed,#lokalFeed) .nc-by{min-width:0;max-width:100%;overflow-wrap:anywhere}
html body :is(#feed,#lokalFeed) .news-card__byline{min-width:0;max-width:100%}html body :is(#feed,#lokalFeed) .news-card__byline > *{min-width:0;max-width:100%;flex:1 1 auto}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text{grid-template-rows:none !important;grid-auto-rows:auto !important;align-content:start}html body :is(#feed,#lokalFeed) article.card.news-card .news-card__kicker{height:auto !important;min-height:1.2em;overflow:visible !important}
/* Artikel: Vorspann = 250-Zeichen-Teaser aus dem CMS */
.a-lead{margin:8px 0 12px;font:600 16px/1.5 "Noto Sans",system-ui,sans-serif;color:var(--ink);max-width:68ch}
@media (min-width:700px){.a-lead{font-size:18px}}
html body :is(#feed,#lokalFeed) article.card:is(.news-card--small,.news-card--side) .nc-by{flex:1 1 100%}html body :is(#feed,#lokalFeed) article.card .news-card__context{height:auto !important;max-height:none !important;overflow:visible !important;white-space:normal !important}
html body :is(#feed,#lokalFeed) article.card:is(.news-card--small,.news-card--side){height:auto !important;max-height:none !important;min-height:0;grid-template-rows:auto !important;overflow:visible}html body :is(#feed,#lokalFeed) .news-pair{height:auto !important;grid-template-rows:auto !important;align-items:stretch}
html body :is(#feed,#lokalFeed) > .card.news-pair{aspect-ratio:auto !important;height:auto !important;grid-template-rows:auto auto !important}
/* Rechte Spalte mitlaufen lassen (siehe js/start.js) */
@media (min-width:1024px){ #v-start .layout{align-items:start} #v-start .aside{position:sticky;top:72px;align-self:start} }
/* Lokal "Leben in …": zwei gleich breite Spalten auch am Desktop - vorher 4 Spalten, halbe Reihen blieben leer */
@media (min-width:700px){ .lk-leben{grid-template-columns:repeat(2,minmax(0,1fr)) !important} }
.lk-leben :is(li,p) > b:first-child{display:inline-block;min-width:3.4em;margin-right:6px}
/* Media-Kacheln: Farbe der Kategorie (Lokal, Leben, Sport, Mitmachen, Themenwelt, Weitblick) statt pauschal Lila.
   Das Format (Bildergalerie, Podcast, Video, Reel) bleibt als Plakette auf dem Bild. */
html body :is(#feed,#lokalFeed) > .card.fx-media[data-kat]{border-top:4px solid var(--c)}
html body :is(#feed,#lokalFeed) > .card.fx-media[data-kat] .fx-kick{color:color-mix(in srgb,var(--c) 55%,#fff) !important}
html body :is(#feed,#lokalFeed) > .card.fx-media[data-kat] .fx-badge{background:var(--c) !important;color:#fff}
html body :is(#feed,#lokalFeed) > .card.fx-media[data-kat="dpa"] .fx-badge{background:#44525C !important}

/* ================= V70.2 ================= */
/* Farbstrich oben = Design-Standard fuer JEDE Kachel im Feed (Farbe = Kategorie). Ausnahme: Themen-Titelgeschichten (eigenes Design, nicht im Feed).
   Kategorie aus data-kat (Inhaltsmodell) bzw. data-k. Anzeigen/Sponsored: neutrales Grau (kein redaktioneller Inhalt). */
:is(#feed,#lokalFeed) .card{--stripe:var(--c,var(--nz))}
:is(#feed,#lokalFeed) .card:is([data-k="lokal"],[data-kat="lokal"]){--stripe:var(--lokal)}
:is(#feed,#lokalFeed) .card:is([data-k="leben"],[data-kat="leben"]){--stripe:var(--leben)}
:is(#feed,#lokalFeed) .card:is([data-k="sport"],[data-kat="sport"]){--stripe:var(--sport)}
:is(#feed,#lokalFeed) .card:is([data-k="mit"],[data-kat="mit"]){--stripe:var(--mit)}
:is(#feed,#lokalFeed) .card:is([data-k="thema"],[data-kat="thema"]){--stripe:var(--media)}
:is(#feed,#lokalFeed) .card:is([data-k="dpa"],[data-kat="dpa"]){--stripe:var(--dpa)}
:is(#feed,#lokalFeed) .card:is([data-k="ad"],.fx-ad,.fx-spon){--stripe:#8A96A0}
html body :is(#feed,#lokalFeed) > .card:not(.news-pair):not(.ad-slot):not(.so-card)::before,
html body :is(#feed,#lokalFeed) > .card.news-pair > .card::before{content:"" !important;display:block !important;position:absolute !important;inset:0 0 auto 0 !important;height:4px !important;
  background:var(--stripe) !important;z-index:6 !important;border-radius:var(--r-md) var(--r-md) 0 0;pointer-events:none}
html body :is(#feed,#lokalFeed) > .card.news-pair::before{display:none !important}
html body :is(#feed,#lokalFeed) .card{position:relative}
html body :is(#feed,#lokalFeed) > .card.fx-tipp{box-shadow:none !important}
html body :is(#feed,#lokalFeed) > .card.fx-media[data-kat]{border-top:0 !important}
html body :is(#feed,#lokalFeed) .card.fx-tipp{--sport:var(--mit);--c:var(--mit)}
html body :is(#feed,#lokalFeed) .card .fx-kick,html body :is(#feed,#lokalFeed) .card.fx-tipp .fx-ttx > span{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
/* Themen: zwei Gruppen im Themenmix */
.mz-pick{display:block !important}
.mz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:700px){.mz-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.mz-grp{margin:14px 0 8px;font:700 16px/1.25 "Noto Serif",Georgia,serif;color:var(--ink)}
.mz-grp:first-child{margin-top:4px}
.mz-grp small{display:block;margin-top:2px;font:400 12.5px/1.3 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.mz-pick-sum{grid-column:auto}

/* ================= V70.3: Standardhoehe / Raster =================
   Grundlage: feste Laengen im CMS (Dachzeile 1 Zeile, Titel max. 80 Zeichen = 3 Zeilen, Teaser 100/140/250,
   1 Zeile Luft, Autorenzeile, Personalisierungszeile). Daraus: Rastereinheit U = 210 px, Abstand g = 12 px.
     Klein            1 U                (Bild links, Teaser 100)  - nur paarweise
     Standard         2 U + g = 432 px   (Bild quer, Teaser 140)   - 1 Spalte
     Gross            2 U + g, 2 Spalten (Bild seitlich, Teaser 250)
     Hochformat/Reel  4 U + 3 g = 876 px - 1 Spalte, daneben zwei Standardkacheln
   Ab 700 px (zwei Feed-Spalten). Mobil (eine Spalte) waechst jede Kachel mit ihrem Inhalt. */
:root{--U:210px;--g:12px;--H1:var(--U);--H2:calc(2 * var(--U) + var(--g));--H4:calc(4 * var(--U) + 3 * var(--g))}
@media (min-width:700px){
  html body :is(#feed,#lokalFeed){row-gap:var(--g) !important;column-gap:var(--g) !important;grid-auto-rows:auto !important}
  html body :is(#feed,#lokalFeed) > :is(article,div,section).card.card{height:var(--H2) !important;min-height:0 !important;max-height:var(--H2) !important;grid-row:auto !important;overflow:hidden}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side{grid-column:1 / -1 !important}
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card:is(.reel,.fx-media--reel){height:var(--H4) !important;max-height:var(--H4) !important;grid-row:span 2 !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card{height:auto !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair{grid-template-rows:1fr 1fr !important;gap:var(--g)}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small{height:auto !important;min-height:0 !important}
  /* Grosse Kachel: Bild seitlich (Haelfte), Text mit 250er Teaser */
  html body :is(#feed,#lokalFeed) > article.card.news-card--side{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side{display:contents}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side .th.news-card__image{order:2 !important;width:100% !important;height:100% !important;aspect-ratio:auto !important;grid-row:1 !important;grid-column:2 !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side.media-left .th.news-card__image{grid-column:1 !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side.media-left .news-card__text{grid-column:2 !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side .news-card__text{grid-row:1 !important;grid-column:1;padding:16px 18px !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side .news-card__headline{font-size:20px !important}
}
/* Mobil (eine Spalte): Sonderkacheln wachsen mit dem Inhalt, Zeilen nach Inhalt */
/* (V71.1: V70.3-Mobilregel "Sonderkacheln wachsen mit" entfernt - feste Hoehen auch im Hochformat) */

/* ================= V70.4: Kachel-Templates – gleiche Bildflaechen je Format =================
   Jedes Format hat genau EINE Bildgeometrie. Zwei Kacheln desselben Formats nebeneinander sehen identisch aus,
   egal welches Bild, welcher Text oder welche Quelle (CMS-Artikel, Media, Veranstaltung, Tippspiel, Sponsored).
     Standard / alle "Bild oben"-Formate:  Bild volle Breite, 16:9 der Spaltenbreite, Text darunter
     Gross:                                Bild exakt halbe Breite, volle Hoehe (links oder rechts)
     Klein (im Paar):                      Bild 40 % Breite, volle Hoehe
     Reel:                                 Bild fuellt die Kachel
   Bilder immer object-fit/background-size: cover, Fokuspunkt aus dem CMS (--fp). */
@media (min-width:700px){
  /* Standard-Familie: Bild oben 16:9 */
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card:is(.news-card--landscape,.video-long,.fx-event,.fx-tipp,.fx-spon,.fx-media:not(.fx-media--reel)){
    display:grid !important;grid-template-rows:auto 1fr !important;grid-template-columns:1fr !important}
  html body :is(#feed,#lokalFeed) > .card:is(.news-card--landscape) > .ph,
  html body :is(#feed,#lokalFeed) > .card.video-long > .ph,
  html body :is(#feed,#lokalFeed) > .card.fx-event > .fx-eimg,
  html body :is(#feed,#lokalFeed) > .card.fx-tipp > .fx-timg,
  html body :is(#feed,#lokalFeed) > .card.fx-spon > .fx-simg,
  html body :is(#feed,#lokalFeed) > .card.fx-media:not(.fx-media--reel) > .fx-mimg{
    width:100% !important;height:auto !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;
    grid-row:1 !important;grid-column:1 !important;background-size:cover !important}
  html body :is(#feed,#lokalFeed) > .card.video-long{flex-direction:column}
  /* Gross: exakt halbe Breite, egal ob Bild links oder rechts */
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side,
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side.media-left{grid-template-columns:1fr 1fr !important}
  /* Klein im Paar: Bild 40 %, volle Hoehe; keine Personalisierungszeile (Format hat dafuer keinen Platz) */
  html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.card.news-card--small{display:grid !important;grid-template-columns:2fr 3fr !important;grid-template-rows:1fr !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small > .ci{display:contents !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__image{grid-column:1 !important;grid-row:1 !important;width:100% !important;min-width:0 !important;max-width:none !important;height:100% !important;min-height:0 !important;order:0 !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__text{grid-column:2 !important;grid-row:1 !important;min-width:0}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__context{display:none !important}
}
@media (min-width:700px){
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__kicker{white-space:normal !important;overflow:visible !important;text-overflow:clip !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__headline{font-size:16px !important;line-height:1.25 !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__text{padding:10px 12px !important;overflow:hidden}
}
/* Feste Ankerpunkte im Text: Dachzeile/Titel oben, Autoren- und Personalisierungszeile immer an der Unterkante */
@media (min-width:700px){
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text{display:flex !important;flex-direction:column !important}
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__byline,
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text > .news-card__author:first-of-type{margin-top:auto !important}
}
@media (min-width:700px){
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text{align-self:stretch !important;height:100% !important;min-height:0 !important;box-sizing:border-box}
  /* Personalisierungszeile: genau eine Zeile Platz reserviert (auch wenn leer), damit die Autorenzeile ueberall gleich hoch sitzt */
  html body :is(#feed,#lokalFeed) article.card.news-card:not(.news-card--small) .news-card__context{min-height:1.3em;max-height:1.3em;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis}
}
@media (min-width:700px){html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text > .news-card__author{margin-top:auto !important}}
@media (min-width:700px){html body :is(#feed,#lokalFeed) article.card.news-card--side .nc-by{flex:0 1 auto !important}}
@media (min-width:700px){ html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text{align-items:stretch !important;text-align:left} html body :is(#feed,#lokalFeed) article.card.news-card .news-card__author{justify-content:flex-start !important} }
@media (min-width:700px){ html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text > :is(.news-card__author,.news-card__context){align-self:stretch !important} }

/* ================= V71.1: Feste Kachelhoehen auch im Hochformat (eine Spalte) =================
   Gleiche Formate wie am Desktop, Hoehen aus Kartenbreite (--kw) + festem Textblock:
     Standard-Familie: Bild 16:9 der Kartenbreite + Textblock 260 px (Dachzeile, Titel <=3 Z., Teaser 140 <=4 Z., Luft, Autor, Personalisierung)
     Gross:            Bild 16:9 + Textblock 330 px (Teaser 250 <=7 Z. bei 320 px)
     Klein (Paar):     je 180 px, Bild 40 % links, Paar = 2 x 180 + g
     Reel:             Kartenbreite x 1,5
   Auf einem Geraet sind damit alle Kacheln eines Formats exakt gleich hoch; Werbeplaetze zaehlen in Kacheln. */
@media (max-width:699px){
  html body :is(#feed,#lokalFeed){container-type:inline-size;--kw:calc(100cqw - 32px);--txt2:260px;--txtL:330px;--H1m:180px}
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card:is(.news-card--landscape,.video-long,.fx-event,.fx-tipp,.fx-spon,.fx-media:not(.fx-media--reel)){
    display:grid !important;grid-template-rows:auto 1fr !important;grid-template-columns:1fr !important;
    height:calc(var(--kw) * 9 / 16 + var(--txt2)) !important;max-height:none !important;min-height:0 !important;overflow:hidden;aspect-ratio:auto !important}
  html body :is(#feed,#lokalFeed) > .card:is(.news-card--landscape) > .ph,
  html body :is(#feed,#lokalFeed) > .card.video-long > .ph,
  html body :is(#feed,#lokalFeed) > .card.fx-event > .fx-eimg,
  html body :is(#feed,#lokalFeed) > .card.fx-tipp > .fx-timg,
  html body :is(#feed,#lokalFeed) > .card.fx-spon > .fx-simg,
  html body :is(#feed,#lokalFeed) > .card.fx-media:not(.fx-media--reel) > .fx-mimg{
    width:100% !important;height:auto !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;grid-row:1 !important;grid-column:1 !important;background-size:cover !important}
  /* Gross: Bild oben, 250er Teaser */
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side{display:grid !important;grid-template-columns:1fr !important;grid-template-rows:auto 1fr !important;height:calc(var(--kw) * 9 / 16 + var(--txtL)) !important;overflow:hidden}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side > .ci.side{display:contents !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side .th.news-card__image{grid-row:1 !important;grid-column:1 !important;order:0 !important;width:100% !important;height:auto !important;aspect-ratio:16/9 !important;min-height:0 !important;max-width:none !important;flex:none !important}
  html body :is(#feed,#lokalFeed) > article.card.news-card--side .news-card__text{grid-row:2 !important;grid-column:1 !important}
  /* Paar: zwei kleine Kacheln */
  html body :is(#feed,#lokalFeed) > .card.news-pair{height:calc(2 * var(--H1m) + 12px) !important;grid-template-rows:1fr 1fr !important;gap:12px}
  html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.card.news-card--small{height:var(--H1m) !important;display:grid !important;grid-template-columns:2fr 3fr !important;grid-template-rows:1fr !important;overflow:hidden}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small > .ci{display:contents !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__image{grid-column:1 !important;grid-row:1 !important;width:100% !important;height:100% !important;min-width:0 !important;max-width:none !important;min-height:0 !important;order:0 !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__text{grid-column:2 !important;grid-row:1 !important;padding:10px 12px !important;min-width:0}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__headline{font-size:16px !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__context{display:none !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > .card.news-card--small .news-card__kicker{white-space:normal !important}
  /* Reel */
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card:is(.reel,.fx-media--reel){height:calc(var(--kw) * 1.5) !important;max-height:none !important}
  /* Textanker wie am Desktop */
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text{display:flex !important;flex-direction:column !important;align-items:stretch !important;min-height:0}
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text > .news-card__author{margin-top:auto !important}
  html body :is(#feed,#lokalFeed) article.card.news-card .news-card__text > :is(.news-card__author,.news-card__context){align-self:stretch !important}
  html body :is(#feed,#lokalFeed) article.card.news-card:not(.news-card--small) .news-card__context{min-height:1.3em;max-height:1.3em;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis}
}
@media (max-width:699px){
  /* Einschuebe ohne Bild-oben-Aufbau (Frage des Tages, Quiz, Mitmachen, Magazin, Anzeigenkachel) belegen einen Standard-Slot */
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card:is(.poll,.quiz,.card-mitmach,.fx-mag,.fx-ad):not(.ad-slot){height:calc(var(--kw) * 9 / 16 + var(--txt2)) !important;max-height:none !important;min-height:0 !important;aspect-ratio:auto !important;overflow:hidden}
}
@media (max-width:699px){
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card.card:is(.reel,.fx-media--reel){height:calc(var(--kw) * 1.5) !important;max-height:none !important;min-height:0 !important;aspect-ratio:auto !important}
  html body :is(#feed,#lokalFeed) > article.card.card.so-card{height:calc(var(--kw) * 9 / 16 + var(--txt2)) !important;overflow:hidden}
}
/* Leserprofil-Umschalter (Demo) */
.fe-prof{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 16px 8px;font-size:12.5px;color:var(--muted)}
@media (min-width:700px){.fe-prof{margin:0 24px 8px}}
.fe-prof select{font:600 13px/1.2 "Noto Sans",system-ui,sans-serif;padding:6px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink)}
/* V71.3: Grosse Kachel im Hochformat - Bild Zeile 1, Text Zeile 2 (aeltere Regel mit hoeherem Vorrang setzte beide in Zeile 1) */
@media (max-width:699px){
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > div.news-card__text{grid-row:2 !important;grid-column:1 !important;display:flex !important;flex-direction:column !important;padding:12px 14px !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > .th.news-card__image{grid-row:1 !important;grid-column:1 !important;width:100% !important}
}
/* V71.3: Reel-Kachel = Hoehe einer Standardkachel (vorher 2 Standard + Abstand). Das Hochformat-Video wird
   in der Kachel mittig beschnitten; im Reel-Player laeuft es im vollen 9:16-Format. */
@media (min-width:700px){
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card.card:is(.reel,.fx-media--reel){height:var(--H2) !important;max-height:var(--H2) !important;grid-row:span 1 !important}
}
@media (max-width:699px){
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card.card.card:is(.reel,.fx-media--reel){height:calc(var(--kw) * 9 / 16 + var(--txt2)) !important;max-height:none !important}
}
/* Social-Kachel: fuellt den Standard-Slot mit Hintergrundbild, Inhalt unten angeordnet statt Leerraum */
html body :is(#feed,#lokalFeed) > article.card.card.so-card{background:linear-gradient(180deg,rgba(6,50,77,.25) 0%,rgba(6,50,77,.92) 55%,#06324D 100%),var(--i-hafen) center/cover !important;display:flex !important;flex-direction:column;justify-content:flex-end}
html body :is(#feed,#lokalFeed) > article.card.so-card .so-in{padding:20px 16px 18px}
@media (max-width:699px){
  html body :is(#feed,#lokalFeed) > :is(article,div).card.card.card.card.card:is(.reel,.fx-media--reel){height:calc(var(--kw) * 9 / 16 + var(--txt2)) !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important}
}
/* V71.3: Hochformat - ALLE Kacheln in Standardhoehe (H = Bild 16:9 + 260 px)
   Gross wird zum "Standard seitlich": Bild links/rechts (42 %), Text daneben, Teaser nach Platz (teaserfit).
   Paar = zwei kleine Kacheln in genau einer Standardhoehe. Werbeplatz = Standard-Slot, Anzeige 300x250 mittig. */
@media (max-width:699px){
  html body :is(#feed,#lokalFeed){--Hm:calc(var(--kw) * 9 / 16 + var(--txt2))}
  html body :is(#feed,#lokalFeed) > article.card.card.card.news-card--side{height:var(--Hm) !important;grid-template-columns:42% 58% !important;grid-template-rows:1fr !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > .th.news-card__image{grid-row:1 !important;grid-column:1 !important;height:100% !important;aspect-ratio:auto !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side.media-left > .ci.side > .th.news-card__image{grid-column:1 !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side:not(.media-left) > .ci.side > .th.news-card__image{grid-column:2 !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side:not(.media-left){grid-template-columns:58% 42% !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > div.news-card__text{grid-row:1 !important;grid-column:2 !important;padding:12px !important;min-width:0}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side:not(.media-left) > .ci.side > div.news-card__text{grid-column:1 !important}
  html body :is(#feed,#lokalFeed) > .card.card.news-pair{height:var(--Hm) !important;grid-template-rows:1fr 1fr !important}
  html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.card.news-card--small{height:auto !important;min-height:0 !important}
  html body :is(#feed,#lokalFeed) > .card.card.ad-feed-mr{height:var(--Hm) !important;width:auto !important;justify-self:stretch;align-items:center;justify-content:center}
}
/* Silbentrennung statt Wortbruch in schmalen Textspalten */
:is(#feed,#lokalFeed) :is(.news-card__teaser,.news-card__headline){hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
html body :is(#feed,#lokalFeed) .news-card__teaser{hyphens:auto !important;-webkit-hyphens:auto !important;overflow-wrap:normal !important;word-break:normal !important}
html body :is(#feed,#lokalFeed) > .card.ad-feed-mr .ad-ph{max-width:100%;box-sizing:border-box}
html body :is(#feed,#lokalFeed) > .card.ad-feed-mr{overflow:hidden !important}
/* Sehr schmale Geraete (< 390 px): Text neben dem Bild waere zu schmal -> Bild oben, gleiche Standardhoehe */
@media (max-width:389px){
  html body :is(#feed,#lokalFeed) > article.card.card.card.news-card--side,
  html body :is(#feed,#lokalFeed) > article.card.card.card.news-card--side:not(.media-left){grid-template-columns:1fr !important;grid-template-rows:auto 1fr !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > .th.news-card__image,
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side:not(.media-left) > .ci.side > .th.news-card__image{grid-row:1 !important;grid-column:1 !important;height:auto !important;aspect-ratio:16/9 !important}
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side > .ci.side > div.news-card__text,
  html body :is(#feed,#lokalFeed) > article.card.card.news-card--side:not(.media-left) > .ci.side > div.news-card__text{grid-row:2 !important;grid-column:1 !important}
}
html body :is(#feed,#lokalFeed) > .card.ad-feed-mr .ad-lbl{left:8px;right:auto;max-width:calc(100% - 16px)}
@media (max-width:699px){ html body :is(#feed,#lokalFeed) article.card.card.news-card--side .nc-by{flex:0 1 auto !important} html body :is(#feed,#lokalFeed) > .card.card.ad-feed-mr{width:100% !important;max-width:none !important;box-sizing:border-box} }
/* V71.3: Textbausteine schrumpfen nie (sonst schieben sie sich uebereinander) */
html body :is(#feed,#lokalFeed) :is(.news-card__text,.fx-mtx) > *{flex-shrink:0 !important}
/* Merken/Teilen: fester Platz unten rechts im Textbereich, Autor links */
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__author{display:flex !important;flex-wrap:nowrap !important;align-items:center;gap:8px}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__author > .nc-acts{order:2;margin-left:auto;display:flex;gap:6px;flex:none}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__author > .nc-by{order:1;flex:1 1 auto !important;min-width:0;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__context{border:0 !important;padding-left:0 !important}
html body :is(#feed,#lokalFeed) article.card.news-card .news-card__context::before{display:none !important}
/* Media-Kachel: Fusszeile wie Artikel - Aktion links, Merken/Teilen rechts, an der Unterkante */
.fx-mtx{display:flex !important;flex-direction:column !important}
.fx-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px}
.fx-foot .nc-acts{margin-left:auto;display:flex;gap:6px}
.fx-foot .nc-act{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;border:0;position:relative}
.fx-foot .nc-act svg{width:15px;height:15px}
.fx-foot .nc-act::after{content:"";position:absolute;inset:-8px}
/* V71.3: Symbol mittig im Media-Bild (Podcast: Kopfhoerer, Video: Kamera, Reel: Play, Galerie: Bilderstapel) */
.fx-mimg{position:relative}
.fx-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0F1E29;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:2;pointer-events:none}
.fx-center svg{width:26px;height:26px}
.fx-media .fx-play{display:none !important}
/* Kleine Kachel (Paar): Autor links, Merken/Teilen rechts, beides an der Unterkante - quer und hochkant */
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.news-card--small .news-card__text{display:flex !important;flex-direction:column !important;height:100% !important;min-height:0 !important}
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.news-card--small .news-card__text > .news-card__author{margin-top:auto !important;display:flex !important;flex-wrap:nowrap !important;align-items:center;gap:6px;width:100%}
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.news-card--small .news-card__author > .nc-by{order:1;flex:1 1 auto !important;min-width:0 !important;overflow:hidden;white-space:nowrap !important;text-overflow:ellipsis !important;font-size:12.5px}
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.news-card--small .news-card__author > .nc-acts{order:2;margin-left:auto;flex:none;position:static !important;display:flex;gap:4px}
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.news-card--small .news-card__byline{margin-top:auto !important;width:100%}
/* Kleine Kachel: Autorname darf in 2 Zeilen umbrechen statt unter die Knoepfe zu laufen */
html body :is(#feed,#lokalFeed) > .card.news-pair > article.card.card.news-card--small .news-card__author > .nc-by{white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;line-height:1.2;max-height:2.4em;overflow-wrap:normal !important;word-break:normal !important}
/* V71.3: Stories - Hochkantbild mit Fokuspunkt; echtes Reel mit Play-Symbol */
.rslide .rbg{background-position:var(--rfp,center) !important}
.rslide .rplay{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0F1E29;z-index:3;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.rslide .rplay svg{width:32px;height:32px}
.rslide .rdur{position:absolute;right:16px;top:calc(env(safe-area-inset-top,0px) + 44px);z-index:3;font:700 12.5px/1 "Noto Sans",system-ui,sans-serif;color:#fff;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:999px}
/* ================= V71.4: Feste Werbebaender in "Dein Tag" =================
   Ein Werbeband steht ueber die volle Feed-Breite, mit Luft davor und danach und einer Trennlinie mit "Anzeige".
   Es gliedert den Feed in Abschnitte von je 8 Inhalts-Kacheln. Hoehe = Standardhoehe. */
html body :is(#feed) > .card.card.card:is(.fx-ad,.fx-spon){grid-column:1 / -1 !important;margin:28px 0 !important;overflow:visible !important;position:relative}
html body :is(#feed) > .card.card:is(.fx-ad,.fx-spon)::after{content:"Anzeige";position:absolute;left:50%;top:-22px;transform:translateX(-50%);font:700 11px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:0 10px;z-index:2}
html body :is(#feed) > .card.card:is(.fx-ad,.fx-spon){box-shadow:0 0 0 1px var(--line)}
html body #feed > .card.card:is(.fx-ad,.fx-spon) + *,html body #feed > * + .card.card:is(.fx-ad,.fx-spon){scroll-margin-top:80px}
#feed{--band-line:linear-gradient(var(--line),var(--line))}
html body :is(#feed) > .card.card:is(.fx-ad,.fx-spon)::before{background:#8A96A0 !important}
/* Trennlinie ueber die volle Breite, auf der das Label sitzt */
html body :is(#feed) > .card.card.card:is(.fx-ad,.fx-spon){border-top:0 !important}
html body :is(#feed) > .card.card:is(.fx-ad,.fx-spon) .fx-adlab{display:none}
@media (min-width:700px){
  html body :is(#feed) > article.card.card.card.fx-spon{display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr !important}
  html body :is(#feed) > .card.fx-spon > .fx-simg{grid-row:1 !important;grid-column:1 !important;aspect-ratio:auto !important;height:100% !important}
  html body :is(#feed) > .card.fx-spon > .fx-stx{grid-row:1 !important;grid-column:2 !important}
  html body :is(#feed) > .card.card.card.fx-ad{display:flex !important;align-items:stretch;justify-content:center}
  html body :is(#feed) > .card.fx-ad > .fx-adc{width:100%;height:100%}
}
/* Werbeband-Label auf der Trennlinie ueber dem Band */
html body :is(#feed) > .card.card:is(.fx-ad,.fx-spon)::after{content:none !important}
.band-lbl{display:none}
html body #feed > .card:is(.fx-ad,.fx-spon) > .band-lbl{display:block;position:absolute;left:0;right:0;top:-20px;height:12px;text-align:center;font:700 11px/12px "Noto Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);pointer-events:none;z-index:2}
html body #feed > .card:is(.fx-ad,.fx-spon) > .band-lbl::before,html body #feed > .card:is(.fx-ad,.fx-spon) > .band-lbl::after{content:"";position:absolute;top:6px;height:1px;width:calc(50% - 52px);background:var(--line)}
html body #feed > .card:is(.fx-ad,.fx-spon) > .band-lbl::before{left:0}
html body #feed > .card:is(.fx-ad,.fx-spon) > .band-lbl::after{right:0}
/* Sponsored Story: Teaser vollstaendig */
html body #feed > .card.fx-spon .fx-stx p{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;text-overflow:clip !important;white-space:normal !important}
html body #feed > .card.card:is(.fx-ad,.fx-spon){content-visibility:visible !important;contain:none !important}
html body #feed > .card.card.card.fx-ad{display:flex !important;align-items:stretch !important;padding:0 !important} html body #feed > .card.fx-ad > .fx-adc{flex:1 1 auto;width:100% !important;height:auto !important;min-height:100% !important;display:flex;align-items:flex-end} html body #feed > .card.fx-ad .fx-adtx p{color:rgba(255,255,255,.88) !important}
/* ================= V71.5: Werbung nach Vermarkter-Standard ================= */
/* Fireplace: Sky links und rechts direkt am Inhalt (Skin: Seitenflaechen am Fensterrand) */
@media (min-width:1024px){
  body.ads-fireplace .ad-sky-l{display:flex;position:fixed;top:72px;left:auto;right:calc(50% + var(--cw)/2 + 12px);width:160px;height:600px;z-index:5}
  body.ads-fireplace .ad-sky-r{left:calc(50% + var(--cw)/2 + 12px);right:auto;width:160px}
}
@media (min-width:1680px){ body.ads-fireplace :is(.ad-sky-l,.ad-sky-r){width:300px} }
.ad-sky[hidden]{display:none !important}
/* Mobile Top nur mobil */
.ad-top-m{display:none}
@media (max-width:699px){ .ad-top-m{display:flex;margin:12px 16px;min-height:100px} }
/* Werbeband mobil: reserviert fuer 320x480 (Interscroller/Understitial) */
@media (max-width:699px){ html body #feed > .card.card.card.card:is(.fx-ad,.fx-spon){height:512px !important} }
/* ohne Werbung: Baender ausblenden */
body.ads-feed-aus #feed > .card:is(.fx-ad,.fx-spon),body.ads-aus .ad-top-m{display:none !important}
/* Roadblock-Hinweis bei Takeover */
#feed > .card .ad-rb{position:absolute;right:12px;top:12px;z-index:7;font:700 11px/1 "Noto Sans",system-ui,sans-serif;background:#0F1E29;color:#fff;padding:6px 9px;border-radius:999px}
/* Eigenwerbung als Rueckfall */
#feed > .card .ad-housewrap{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;justify-content:center;background:var(--brand-deep);color:#fff;border-radius:inherit;padding:24px}
.ad-house{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left}
.ad-house small{font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;opacity:.85}
.ad-house strong{font:700 24px/1.2 "Noto Serif",Georgia,serif}
.ad-house .ad-house-btn{font-style:normal;font:700 14px/1 "Noto Sans",system-ui,sans-serif;background:#fff;color:var(--brand-deep);padding:10px 14px;border-radius:999px}
#feed > .card .ad-housewrap .ad-lbl{color:rgba(255,255,255,.8);margin-bottom:8px}
body.ads-hausanzeigen .ad-top{background:var(--brand-deep);color:#fff}
body.ads-hausanzeigen .ad-top .ad-ph strong,body.ads-hausanzeigen .ad-top .ad-lbl{color:#fff}
/* Slot-IDs einblenden (Demo fuer das Vermarkter-Gespraech) */
body.ad-debug [data-slot]{outline:2px dashed #E4572E;outline-offset:-2px}
body.ad-debug [data-slot]{position:relative}
body.ad-debug .ad-sky[data-slot]{position:fixed}
.ad-switchbox{position:fixed;left:12px;bottom:12px;z-index:60;display:flex;gap:6px}
.ad-switchbox .ad-switch{position:static}
.ad-dbg[aria-pressed="true"]{background:#E4572E;color:#fff;border-color:#E4572E}
@media (max-width:1023px){ .ad-switchbox{display:none} }
html body.ads-feed-aus #feed > .card.card.card.card.card:is(.fx-ad,.fx-spon){display:none !important}

.ad-id{position:absolute;left:6px;top:6px;z-index:30;background:#E4572E;color:#fff;font:700 11px/1.3 ui-monospace,Menlo,Consolas,monospace;padding:3px 6px;border-radius:4px;max-width:calc(100% - 12px);pointer-events:none;text-align:left}
body:not(.ad-debug) .ad-id{display:none}
html body #feed > .card > .ad-housewrap{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;margin:0 !important}
#feed > .card .ad-housewrap .ad-house strong,body.ads-hausanzeigen .ad-top .ad-house strong{color:#fff !important}
.rslide-ad .rcta [data-ract="save"],.rslide-ad .rcta [data-ract="classic"]{display:none}
html body #feed > .card.fx-ad > .fx-adc{margin:0 !important;max-width:100% !important;box-sizing:border-box}

/* V71.6: Bilder der 30 neuen Inhalte (Symbolbilder, 1024 px; mobil 600 px) */
:root{--i-n-impulse:url(assets/img/n-impulse.jpg);--i-n-hansecarre:url(assets/img/n-hansecarre.jpg);--i-n-fischbahnhofgal:url(assets/img/n-fischbahnhofgal.jpg);--i-n-aniane:url(assets/img/n-aniane.jpg);--i-n-aerztekammer:url(assets/img/n-aerztekammer.jpg);--i-n-laerm:url(assets/img/n-laerm.jpg);--i-n-moebelmord1:url(assets/img/n-moebelmord1.jpg);--i-n-guenthnerreaktion:url(assets/img/n-guenthnerreaktion.jpg);--i-n-rossmy:url(assets/img/n-rossmy.jpg);--i-n-zevenpartygal:url(assets/img/n-zevenpartygal.jpg);--i-n-pinguinsfansgal:url(assets/img/n-pinguinsfansgal.jpg);--i-n-brandbrake:url(assets/img/n-brandbrake.jpg);--i-n-boos:url(assets/img/n-boos.jpg);--i-n-gyhum:url(assets/img/n-gyhum.jpg);--i-n-mvznordholz:url(assets/img/n-mvznordholz.jpg);--i-n-b212ampel:url(assets/img/n-b212ampel.jpg);--i-n-grundstueck:url(assets/img/n-grundstueck.jpg);--i-n-wollhandkrabbe:url(assets/img/n-wollhandkrabbe.jpg);--i-n-moebelmord2:url(assets/img/n-moebelmord2.jpg);--i-n-buergerstiftung:url(assets/img/n-buergerstiftung.jpg);--i-n-kinderrechte:url(assets/img/n-kinderrechte.jpg);--i-n-reinkenheidesparkurs:url(assets/img/n-reinkenheidesparkurs.jpg);--i-n-midlumdm:url(assets/img/n-midlumdm.jpg);--i-n-moebelmordlive:url(assets/img/n-moebelmordlive.jpg);--i-n-motorradcrash:url(assets/img/n-motorradcrash.jpg);--i-n-meinewoche:url(assets/img/n-meinewoche.jpg);--i-n-escooterstk:url(assets/img/n-escooterstk.jpg);--i-n-rhade:url(assets/img/n-rhade.jpg);--i-n-guenthnerovg:url(assets/img/n-guenthnerovg.jpg);--i-n-zevencdu:url(assets/img/n-zevencdu.jpg)}
@media (max-width:760px){:root{--i-n-impulse:url(assets/img/m/n-impulse.jpg);--i-n-hansecarre:url(assets/img/m/n-hansecarre.jpg);--i-n-fischbahnhofgal:url(assets/img/m/n-fischbahnhofgal.jpg);--i-n-aniane:url(assets/img/m/n-aniane.jpg);--i-n-aerztekammer:url(assets/img/m/n-aerztekammer.jpg);--i-n-laerm:url(assets/img/m/n-laerm.jpg);--i-n-moebelmord1:url(assets/img/m/n-moebelmord1.jpg);--i-n-guenthnerreaktion:url(assets/img/m/n-guenthnerreaktion.jpg);--i-n-rossmy:url(assets/img/m/n-rossmy.jpg);--i-n-zevenpartygal:url(assets/img/m/n-zevenpartygal.jpg);--i-n-pinguinsfansgal:url(assets/img/m/n-pinguinsfansgal.jpg);--i-n-brandbrake:url(assets/img/m/n-brandbrake.jpg);--i-n-boos:url(assets/img/m/n-boos.jpg);--i-n-gyhum:url(assets/img/m/n-gyhum.jpg);--i-n-mvznordholz:url(assets/img/m/n-mvznordholz.jpg);--i-n-b212ampel:url(assets/img/m/n-b212ampel.jpg);--i-n-grundstueck:url(assets/img/m/n-grundstueck.jpg);--i-n-wollhandkrabbe:url(assets/img/m/n-wollhandkrabbe.jpg);--i-n-moebelmord2:url(assets/img/m/n-moebelmord2.jpg);--i-n-buergerstiftung:url(assets/img/m/n-buergerstiftung.jpg);--i-n-kinderrechte:url(assets/img/m/n-kinderrechte.jpg);--i-n-reinkenheidesparkurs:url(assets/img/m/n-reinkenheidesparkurs.jpg);--i-n-midlumdm:url(assets/img/m/n-midlumdm.jpg);--i-n-moebelmordlive:url(assets/img/m/n-moebelmordlive.jpg);--i-n-motorradcrash:url(assets/img/m/n-motorradcrash.jpg);--i-n-meinewoche:url(assets/img/m/n-meinewoche.jpg);--i-n-escooterstk:url(assets/img/m/n-escooterstk.jpg);--i-n-rhade:url(assets/img/m/n-rhade.jpg);--i-n-guenthnerovg:url(assets/img/m/n-guenthnerovg.jpg);--i-n-zevencdu:url(assets/img/m/n-zevencdu.jpg)}}
html body :is(#feed,#lokalFeed) article.card.card.news-card--side .news-card__author > .nc-by{flex:1 1 auto !important;min-width:0 !important;white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;line-height:1.2;max-height:2.4em}
/* ================= V71.7: Lesezoom (ePaper) ================= */
.lz{position:fixed;inset:0;z-index:200;background:#101820;color:#fff;overscroll-behavior:contain}
.lz[hidden]{display:none}
body.lz-on{overflow:hidden}
.lz-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}
.lz-stage:active{cursor:grabbing}
.lz-img{position:absolute;left:0;top:0;transform-origin:0 0;user-select:none;-webkit-user-select:none;max-width:none;box-shadow:0 8px 30px rgba(0,0,0,.5);background:#fff}
.lz-b{min-height:48px;min-width:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(16,24,32,.82);color:#fff;font:700 16px/1 "Noto Sans",system-ui,sans-serif;backdrop-filter:blur(6px);cursor:pointer}
.lz-b:hover{background:rgba(40,56,70,.95)}
.lz-top{position:absolute;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);display:flex;align-items:center;gap:10px;pointer-events:none}
.lz-top > *{pointer-events:auto}
.lz-title{flex:1;text-align:center;font:600 14px/1.3 "Noto Sans",system-ui,sans-serif;color:rgba(255,255,255,.85);text-shadow:0 1px 2px #000;pointer-events:none}
.lz-ctrl{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;gap:10px;align-items:center}
.lz-big{font-size:28px;width:60px;height:60px;padding:0}
.lz-pct{min-width:96px}
.lz-next{background:#5FB4E6;color:#031B2A;border-color:#5FB4E6}
.lz-pages{position:absolute;left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;gap:8px}
.lz-mini{position:absolute;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);width:96px;border:2px solid rgba(255,255,255,.7);border-radius:6px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.lz-mini img{display:block;width:100%;height:auto}
.lz-box{position:absolute;border:2px solid #E4572E;background:rgba(228,87,46,.15);pointer-events:none}
.lz-hint{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);transform:translateX(-50%);margin:0;background:rgba(0,0,0,.72);padding:10px 14px;border-radius:999px;font:600 14px/1.3 "Noto Sans",system-ui,sans-serif;transition:opacity .6s;text-align:center;max-width:calc(100% - 24px)}
.lz-hint.off{opacity:0;pointer-events:none}
@media (max-width:699px){ .lz-pages{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)} .lz-top .lz-b{min-height:44px;font-size:14px;padding:0 12px} .lz-ctrl{gap:8px} .lz-next{padding:0 12px} }
.lz-open{margin-left:auto}
@media (max-width:699px){
  .lz-title{display:none}
  .lz-top{justify-content:space-between}
  .lz-b{white-space:nowrap}
  .lz-hint{top:calc(env(safe-area-inset-top,0px) + 70px);font-size:13px;border-radius:14px;width:max-content;max-width:calc(100% - 24px)}
  .lz-next{font-size:15px}
}
/* ================= V71.8: Dein Tag nach Themen ================= */
html body #feed > .card.card.card.card.card.th-out,html body #feed > .feed-sub.th-out,#feed > .feed-group--thema.th-out{display:none !important}
#feed > .feed-group--thema{grid-column:1 / -1;display:flex;align-items:baseline;gap:10px;margin:18px 0 2px;padding:0 2px;font:700 20px/1.2 "Noto Serif",Georgia,serif;color:var(--ink)}
#feed > .feed-group--thema small{font:600 12.5px/1 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
#feed > .feed-group--thema::after{content:"";flex:1;height:1px;background:var(--line);align-self:center}
.th-bar{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.th-bar::-webkit-scrollbar{display:none}
.th-bar[hidden]{display:none}
.th-chip{white-space:nowrap;flex:none}
.th-chip small{opacity:.7;font-weight:600;margin-left:2px}
.th-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (min-width:700px){.th-bar{padding:8px 24px 4px}}
/* ================= V71.9: Dossier in der Artikelansicht ================= */
.dossier-box{padding-top:14px}
.dos + .dos{margin-top:18px}
.dos h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 10px;font:700 20px/1.25 "Noto Serif",Georgia,serif}
.dos h3 small{font:600 12.5px/1 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.dos-lbl{font:700 11px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--brand-deep);color:#fff;padding:5px 8px;border-radius:999px;align-self:center}
.dos-list,.dos-more{display:flex;flex-direction:column}
.dos-row{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;color:inherit;cursor:pointer;min-height:64px}
.dos-row:first-child{border-top:0}
.dos-img{flex:none;width:72px;height:54px;border-radius:var(--r-xs);background:center/cover no-repeat var(--line);box-shadow:inset 0 3px 0 var(--c)}
.dos-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dos-tx small{font:700 12.5px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--c)}
.dos-tx strong{font:700 16px/1.3 "Noto Serif",Georgia,serif}
.dos-tx em{font:400 12.5px/1.2 "Noto Sans",system-ui,sans-serif;font-style:normal;color:var(--muted)}
.dos-btn{margin-top:10px;width:100%}
/* ================= V73: Service-Module ausgeduennt ================= */
.svc-top{margin:0 0 8px}
.svc-top-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 0;font:700 12.5px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (min-width:700px){.svc-top-h{padding:10px 24px 0}}
.svc-all{background:none;border:0;color:var(--nz);font:700 14px/1 "Noto Sans",system-ui,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer;min-height:44px}
.svc-list{display:flex;flex-direction:column;padding:0 16px 12px}
.svc-li{display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:10px 0;color:inherit;cursor:pointer;width:100%}
.svc-li:first-child{border-top:0}.svc-li small{font:600 12.5px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--muted)}.svc-li strong{font:700 16px/1.3 "Noto Serif",Georgia,serif}
.svc-recap{margin:0;padding:0 16px 12px 36px}.svc-recap li::marker{font:800 18px "Noto Serif",Georgia,serif;color:var(--nz)}
.svc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 14px}.svc-tiles button{min-height:56px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);font:700 14px "Noto Sans",system-ui,sans-serif;color:var(--ink);cursor:pointer}
.svc-p{padding:0 16px;margin:0 0 10px;color:var(--muted)}.svc-mod > .pill{margin:0 16px 14px}
#feed > .svc-mod{grid-column:1 / -1}
.svc-hub h1{margin:8px 0 4px}.svc-hub-p{color:var(--muted);max-width:68ch}
.svc-hub-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media (min-width:900px){.svc-hub-grid{grid-template-columns:1fr 1fr}}
.svc-hub-c{background:var(--paper);border-radius:var(--r-md);box-shadow:var(--sh-1);overflow:hidden;display:flex;flex-direction:column}
.svc-hub-c > .svc-mod{margin:0;box-shadow:none;flex:1}
.svc-hub-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
#v-start .aside > :is(.ks-aside,.so-aside,.in-aside,[data-mod]):not(.svc-slot){display:none !important}
/* V73.1: neue Module im Stil der bestehenden */
.svc-x .svc-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.svc-x .svc-list{padding:0}
.svc-x .svc-tiles,.svc-x .svc-p{padding:0}
.svc-more{display:block;margin-top:8px;background:none;border:0;padding:8px 0 0;color:var(--nz);font:700 14px/1.2 "Noto Sans",system-ui,sans-serif;cursor:pointer;min-height:40px;text-align:left}
.svc-x .svc-li strong{font:700 15px/1.3 "Noto Sans",system-ui,sans-serif}
.three-recap{background:linear-gradient(160deg,#0B2A3F,#06324D)}
.svc-top .three{margin-top:6px}
.svc-top .sec{margin-top:0}
/* Auf einen Blick */
.svc-blick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 16px 10px}
@media (min-width:700px){.svc-blick{margin:4px 24px 12px}}
@media (max-width:520px){.svc-blick{display:flex;overflow-x:auto;scrollbar-width:none;margin-right:0;padding-right:16px}.svc-blick::-webkit-scrollbar{display:none}.svc-b{flex:0 0 78%}}
.svc-b{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);cursor:pointer;min-height:56px}
.svc-b b{display:block;font:700 14px/1.2 "Noto Sans",system-ui,sans-serif}.svc-b small{display:block;font:400 12.5px/1.3 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
.svc-b-ic{font-size:22px;line-height:1}
.svc-b.is-warn{border-color:#D98200;box-shadow:inset 3px 0 0 #D98200}
#svcTop > .sec > .svc-mod{margin:0 16px} @media (min-width:700px){#svcTop > .sec > .svc-mod{margin:0 24px}} #svcTop > .sec > .three{margin-left:16px;margin-right:16px} @media (min-width:700px){#svcTop > .sec > .three{margin-left:24px;margin-right:24px}}
/* V74: Auf einen Blick – drei Kacheln nebeneinander, auch mobil ohne Scrollen, Flat-Icons */
.svc-blick{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px;overflow:visible !important;padding-right:0 !important;margin-right:16px !important}
@media (min-width:700px){.svc-blick{margin-right:24px !important}}
.svc-b{flex:none !important;display:grid !important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 10px !important;min-height:60px}
.svc-b .svc-b-ic{grid-row:1 / 3;width:34px;height:34px;display:block}
.svc-b .svc-b-ic svg{width:100%;height:100%;display:block}
.svc-b b{font:800 15px/1.1 "Noto Sans",system-ui,sans-serif;white-space:nowrap}
.svc-b small{font:500 12px/1.2 "Noto Sans",system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:420px){ .svc-b{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;padding:8px 4px !important}
  .svc-b .svc-b-ic{grid-row:auto;width:30px;height:30px;margin-bottom:2px} .svc-b b{font-size:14px} .svc-b small{font-size:11px;max-width:100%} }
.svc-b-ort{grid-column:1 / -1;margin:0;font:500 12px/1.3 "Noto Sans",system-ui,sans-serif;color:var(--muted)}
/* Einstellungen */
.set-box{padding:14px 16px}.set-p{color:var(--muted);font-size:13px;margin:4px 0 10px}
.set-list{display:flex;flex-direction:column}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-weight:600}
.set-row:first-child{border-top:0}.set-row small{display:block;font-weight:400;color:var(--muted);font-size:12.5px}
.set-row select{min-height:40px;border-radius:var(--r-pill);border:1px solid var(--line);padding:0 12px;background:var(--paper);color:var(--ink);font:600 14px "Noto Sans",system-ui,sans-serif}
.set-sw{width:46px;height:28px;accent-color:var(--nz)}
.set-f{border:0;padding:0;margin:0 0 14px}.set-f legend{font:700 15px "Noto Sans",system-ui,sans-serif;margin-bottom:6px}
.set-radio{display:flex;gap:10px;align-items:flex-start;padding:8px 0;cursor:pointer}.set-radio input{margin-top:4px;width:20px;height:20px;accent-color:var(--nz)}
.set-radio b{display:block}.set-radio small{color:var(--muted)}
.set-chips{display:flex;flex-wrap:wrap;gap:8px}.set-chips .chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.svc-b .sm{display:none} @media (max-width:380px){.svc-b .lg{display:none}.svc-b .sm{display:inline}}
/* V74: Dropdown statt Wisch-Leiste bei Nach Ressorts / Nach Themen (hochkant) */
.feed-sel{display:none}
@media (max-width:699px){
  body.feed-sel-on #v-start .filters .chip,body.feed-sel-on #thBar{display:none !important}
  body.feed-sel-on .feed-sel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 16px 8px}
  .feed-sel label{display:flex;flex-direction:column;gap:3px;font:700 11px/1 "Noto Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
  .feed-sel select{min-height:44px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:600 15px "Noto Sans",system-ui,sans-serif;padding:0 10px;text-transform:none;letter-spacing:0}
  .feed-sel label:only-child{grid-column:1 / -1}
}
/* V74: NZ+ und Zusammenfassung */
.nzplus{display:inline-block;margin-right:6px;padding:2px 6px;border-radius:4px;background:#0F1E29;color:#FFD166;font:800 11px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.02em;vertical-align:1px}
:root[data-theme="dark"] .nzplus{background:#FFD166;color:#0F1E29}
#aKick.is-plus::before{content:"NZ+";display:inline-block;margin-right:8px;padding:2px 7px;border-radius:4px;background:#0F1E29;color:#FFD166;font:800 12px/1.2 "Noto Sans",system-ui,sans-serif}
.sum-k{margin:0 0 8px}.sum-list{margin:0 0 10px;padding-left:22px}.sum-list li{margin:0 0 10px;line-height:1.5}.sum-list li::marker{color:var(--nz)}