: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;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --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;
  }
}
: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;
}
*{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:8px}
.note{font-size:13px;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:12px;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:999px;padding:5px 11px;font-size:13px;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:15px}
.icon b{position:absolute;top:-3px;right:-3px;background:var(--lage);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;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:13px;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:999px;padding:3px;margin-bottom:14px}
.scope button{white-space:nowrap;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--muted)}
.scope button[aria-pressed="true"]{background:var(--nz);color:#fff}
:root[data-theme="dark"] .scope button[aria-pressed="true"]{color:#031B2A}
.tide{border-radius:16px;background:var(--deep);color:#fff;padding:12px 14px 10px}
.tide-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
.tide-h strong{font-size:22px;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:999px;padding:6px 11px;font-size:13px;white-space:nowrap}
.tick b{color:var(--c,var(--nz))}

/* Live banner */
.live{margin:14px 16px 0;background:var(--lage);color:#fff;border-radius:18px;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:12px;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:11.5px;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:#fff;font-weight:800;font-size:15px}
.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:22px;letter-spacing:-.03em;font-weight:800}
.sec-h button{font-size:13px;color:var(--nz);font-weight:600}
.why{font-size:12px;color:var(--muted)}

/* Drei Dinge */
.three{margin:0 16px;background:var(--nz);color:#fff;border-radius:24px;padding:18px 16px 14px}
:root[data-theme="dark"] .three{background:#0B4A6F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .three{background:#0B4A6F}}
.three .k{font-size:13px;opacity:.85;display:flex;justify-content:space-between}
.three h2{font-size:26px;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:26px;font-weight:900;line-height:1;opacity:.55;width:18px}
.three li strong{display:block;font-size:15.5px;line-height:1.2}
.three li span{font-size:13px;opacity:.8}
.three .row{display:flex;gap:8px;margin-top:10px;align-items:center}
.pill{border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--paper)}
.pill.solid{background:var(--nz);color:#fff;border-color:var(--nz)}
.three .pill{background:#fff;color:#06324D;border:0}
.three .pill.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.three small{display:block;font-size:11.5px;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:16px;padding:10px;display:flex;gap:10px;align-items:center;text-align:left}
.cc img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.cc strong{font-size:13.5px;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:999px;padding:6px 12px;font-size:13px;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:20px;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:19px;line-height:1.14;letter-spacing:-.02em;margin:4px 0 6px;font-weight:700}
.card.big h3{font-size:25px;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:12px;color:var(--muted)}
.meta .sp{flex:1}
.ep{background:var(--bg);border-radius:6px;padding:2px 7px;font-weight:600;color:var(--ink)}
.save{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.save[aria-pressed="true"]{background:var(--nz);color:#fff;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:12px;background:center/cover;flex:none}
.reel{aspect-ratio:4/5;color:#fff;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:999px;padding:5px 11px;font-size:12px;font-weight:600}
.reel h3{color:#fff}
.poll .opt{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;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:12px;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:22px;line-height:1}
.acts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.quiz .q{font-weight:600;font-size:15px;margin:6px 0 4px}
.dpa-l{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-weight:700}

/* Meistgelesen */
.rank{margin:0 16px;background:var(--paper);border-radius:20px;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:14.5px;line-height:1.2;display:block}
.rk small{font-size:12px;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:20px;padding:14px}
.days{display:flex;gap:6px;margin:10px 0 8px}
.days span{flex:1;height:34px;border-radius:10px;background:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted)}
.days span.y{background:var(--nz);color:#fff}
.days span.t{outline:2px dashed var(--nz);outline-offset:-2px;color:var(--nz)}
.week p{font-size:13px;color:var(--muted)}

/* ePaper teaser */
.epteaser{margin:0 16px;background:var(--deep);color:#fff;border-radius:22px;padding:16px;display:flex;gap:14px;align-items:center;text-align:left;width:calc(100% - 32px)}
.epteaser img{width:92px;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.epteaser strong{font-size:19px;line-height:1.1;display:block;margin:4px 0}
.epteaser small{font-size:12px;opacity:.8}
.foot{padding:26px 16px 8px;font-size:12px;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:13px;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:11.5px;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:999px;padding:6px 12px;font-size:13px;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:17.5px;line-height:1.62}
.body p+p{margin-top:12px}
.player{display:flex;gap:12px;align-items:center;background:var(--bg);border-radius:16px;padding:12px;margin-bottom:12px}
.pbtn{width:44px;height:44px;border-radius:50%;background:var(--nz);color:#fff;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:20px;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:12px;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:14.5px;display:block;line-height:1.2}
.link small{font-size:12px;color:var(--muted)}
.fb{display:flex;gap:6px;flex-wrap:wrap}

/* Live-Lage */
.lagehead{background:var(--lage);color:#fff;padding:16px}
.lagehead h1{font-size:30px;line-height:1;letter-spacing:-.035em;margin:6px 0}
.facts{background:var(--paper);margin:12px 16px 0;border-radius:20px;padding:14px}
.facts li{list-style:none;padding:7px 0 7px 18px;position:relative;font-size:14.5px;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:20px;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:16px;padding:12px}
.svc small{font-size:11.5px;color:var(--muted);display:block}
.svc strong{font-size:17px;display:block;margin:2px 0}
.svc .bad{color:var(--lage)}
.src{font-size:11.5px;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:6px;box-shadow:0 14px 30px -10px rgba(0,30,50,.45);cursor:pointer}
.issue strong{font-size:22px;letter-spacing:-.03em;line-height:1.05;display:block}
.issue small{display:block;font-size:12px;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:12px;font-weight:600}
.covers img{border-radius:5px;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:16px;padding:12px;text-align:left;border-left:5px solid var(--c)}
.sup strong{display:block;font-size:15px}
.sup small{font-size:12px;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:6px;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:13px;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:12px;font-weight:700;color:var(--nz);width:40px;flex:none;padding-top:2px}
.nl strong{font-size:15px;line-height:1.2;display:block}
.nl small{font-size:12px;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:18px;padding:12px;border-top:5px solid var(--leben)}
.ev strong{display:block;font-size:15px;line-height:1.2;margin:6px 0 4px}
.ev small{font-size:12px;color:var(--muted)}

/* Media */
.brief{margin:0 16px;background:var(--media);color:#fff;border-radius:24px;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:12px}
.reels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0 16px}
.rt{aspect-ratio:9/16;border-radius:14px;background:var(--bgimg) center/cover,var(--deep);position:relative;overflow:hidden;color:#fff;text-align:left}
.rt span{position:absolute;inset:auto 0 0 0;padding:8px;font-size:11.5px;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:16px;padding:12px;margin:0 16px 8px}
.pod .cv{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;flex:none}
.pod strong{display:block;font-size:14.5px}
.pod small{font-size:12px;color:var(--muted)}

/* Meine NZ */
.me{display:flex;gap:12px;align-items:center;margin:0 16px;background:var(--paper);border-radius:20px;padding:14px}
.av{width:52px;height:52px;border-radius:50%;background:var(--nz);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}
.me strong{font-size:17px;display:block}
.me small{font-size:12.5px;color:var(--muted)}
.list{margin:0 16px;background:var(--paper);border-radius:20px;padding:2px 14px}
.li2{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px;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:12px;font-weight:700;border-radius:6px;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:26px 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:22px;letter-spacing:-.03em;margin-bottom:4px}
.sheet p.s{font-size:13.5px;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:12px}
.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:12px;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:10.5px;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:#fff;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:13px;font-weight:600}
.story .sbody{position:relative;margin-top:auto;padding:18px 18px 28px}
.story .sbody small{font-size:12px;font-weight:700;background:rgba(255,255,255,.18);padding:3px 8px;border-radius:6px}
.story .sbody h2{font-size:30px;line-height:1.02;letter-spacing:-.035em;margin:10px 0 8px}
.story .sbody p{font-size:15px;opacity:.9;line-height:1.4}
.story .cta{margin-top:14px;display:flex;gap:8px}
.story .cta button{background:#fff;color:#06324D;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px}
.story .cta .gh{background:rgba(255,255,255,.18);color:#fff}
.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:999px;font-size:13px;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:12px;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:#fff}
.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:#fff;font-size:12.5px}
.strip svg{width:60px;height:16px;flex:none}
.strip b{color:#9FD6F5;font-weight:700}
.strip .al{color:#FF9A94;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:25px;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:24px;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:#fff;background:var(--lage);padding:6px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.lead .lcap{position:absolute;z-index:2;right:10px;bottom:8px;font-size:10.5px;color:#fff;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.lead .ltx{display:block;background:var(--lage);color:#fff;padding:16px 18px 16px}
.lead .ltx > *{display:block}
.lead .ltx > * + *{margin-top:8px}
.lead h2{font-size:29px;line-height:1.02;letter-spacing:-.035em;font-weight:900;max-width:22ch}
.lead p{font-size:15px;line-height:1.4;opacity:.96;max-width:52ch}
.lead .lmeta{display:flex;flex-wrap:wrap;gap:6px}
.lead .lmeta span{font-size:11.5px;font-weight:700;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);padding:4px 9px;border-radius:999px}
.lead .lf{font-size:13px;font-weight:800;opacity:.95}
.related{background:var(--paper);border-radius:24px;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:12px;background:center/cover var(--bg);flex:none}
.rth.ic{display:grid;place-items:center;font-size:22px;font-weight:900;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.rel strong{display:block;font-size:15px;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:36px}
  .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:38px}
  .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:999px;font-size:14.5px;font-weight:600;color:var(--muted)}
  .dnav button:hover{background:var(--bg);color:var(--ink)}
  .dnav button[aria-current="page"]{background:var(--nz);color:#fff}
  .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:26px;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:24px;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:44px}
  .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:#fff;background:var(--c);padding:3px 8px 3px 6px;border-radius:999px;letter-spacing:.01em}
.tw-badge em{font-style:normal;font-size:12px}
.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:999px;margin-left:6px}
.twempty{background:var(--paper);border:1px dashed var(--line);border-radius:18px;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:13.5px;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:999px;padding:8px 13px;font-size:13.5px;font-weight:700;color:var(--ink)}
.twpicks button[aria-pressed="true"]{background:var(--nz);border-color:var(--nz);color:#fff}

/* ===== 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:18px;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:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.aud .an{position:absolute;z-index:2;right:9px;bottom:9px;color:#fff;font-size:15px;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:11.5px;color:var(--muted);font-weight:600;line-height:1.3}
.aud .af{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:11.5px;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:10px;font-weight:800;padding:3px 7px;border-radius:999px}
.audhead{padding:18px 16px 12px;color:#fff;background:var(--c)}
.audhead .ae{font-size:34px;display:block}
.audhead h1{font-size:32px;line-height:1.02;letter-spacing:-.035em;font-weight:900;margin:6px 0 4px}
.audhead p{font-size:13.5px;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:#fff;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:#fff}
.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 46s 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:#fff;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:#9FD6F5;font-weight:800}
.tk-track .al{color:#FF9A94;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:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.03em}
.tk-pause{flex:none;width:30px;color:#fff;font-size:9px;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:999px;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:#fff}
.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:999px;padding:8px 13px;font-size:13.5px;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:15px;font-weight:600;color:var(--ink)}
.pllist .cb{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid var(--line);display:grid;place-items:center;font-size:13px;color:#fff}
.pllist button[aria-pressed="true"] .cb{background:var(--nz);border-color:var(--nz)}
.pllist small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}
.pllist .cnt{margin-left:auto;font-size:12px;color:var(--muted);font-weight:700}
.longhint{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;font-weight:600;padding:7px 13px;border-radius:999px;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:14px;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:10px;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:6px;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:#fff}
.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:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85;z-index:1}
.cover .ctitle{font-family:"Noto Serif",Georgia,serif;font-size:21px;line-height:1.02;font-weight:600;letter-spacing:-.02em;z-index:1}
.cover .csub{font-size:10.5px;line-height:1.3;opacity:.9;z-index:1;font-weight:600}
.cover .cfoot{position:absolute;left:11px;right:11px;bottom:10px;font-size:10px;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,#06324D) 0%,rgba(0,0,0,.05) 45%)}
.badge{position:absolute;z-index:3;right:7px;top:7px;font-size:10px;font-weight:800;padding:4px 8px;border-radius:999px;color:#fff;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:11.5px;color:var(--muted);margin-top:2px;font-weight:600}
.mag .mp{display:inline-block;font-size:11.5px;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:22px}
.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:#fff;background:var(--deep)}
.mhead h1{font-family:"Noto Serif",Georgia,serif;font-size:31px;line-height:1.05;margin:8px 0 4px;font-weight:600}
.mhead p{font-size:13.5px;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:18px;padding:14px;margin:12px 16px 0;display:grid;gap:8px}
@media(min-width:700px){.buybox{margin:12px 24px 0}}
.buybox strong{font-size:17px}
.buybox .p{font-size:13.5px;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:999px;padding:8px 13px;font-size:13.5px;font-weight:700;color:var(--ink)}
.epnav button[aria-pressed="true"]{background:var(--nz);color:#fff;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:12px;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:7px;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:18px;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:11.5px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:999px;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:12px;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:#fff;border-color:var(--nz)}
.prev{background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:11px 13px;font-size:13.5px;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:999px;padding:8px 13px;font-size:13.5px;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:18px;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:12px;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:12px;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:13px}
.warn{background:color-mix(in srgb,var(--leben) 16%,transparent);border-radius:12px;padding:9px 12px;font-size:13.5px;font-weight:600}
.st-b{font-size:12px;font-weight:700;border-radius:6px;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:16px;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:#fff;font-size:17px;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:999px}
.galmore{display:block;width:100%;margin-top:10px;border:1px solid var(--line);background:transparent;color:var(--nz);border-radius:12px;padding:9px;font:inherit;font-size:13px;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:12px;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:12px;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:#fff;font-size:13px;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:#fff}
.lbx .lbt button{background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:999px;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:#fff;border:0;border-radius:999px;width:44px;height:44px;font-size:18px;cursor:pointer}
.snip{margin:12px 0;border:1px solid var(--line);border-radius:16px;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:#fff;font-size:15px;cursor:pointer}
.snip div{min-width:0}
.snip strong{display:block;font-size:14px}
.snip small{font-size:12px;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:13px;font-weight:600}
.fstep .fv{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.fstep .fbar{grid-column:1/-1;height:10px;border-radius:999px;background:var(--line);overflow:hidden}
.fstep .fbar i{display:block;height:100%;border-radius:999px;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:999px;padding:7px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.ftab button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:#fff}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.fkpi{border:1px solid var(--line);border-radius:14px;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:13px;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:12px;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:999px;padding:8px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cfg-seg button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:#fff}
.cfg-prev{margin-top:14px;border:1px solid var(--line);border-radius:14px;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:999px;padding:7px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.a11y-bar button[aria-pressed=true]{background:var(--nz);border-color:var(--nz);color:#fff}
/* ===== V25: globales Barrierefreiheits-Panel (rechter Rand) ===== */
.eabtn{border:1px solid var(--nz);background:var(--nz);color:#fff}
.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:17px;flex:1}
.eahead button{border:0;background:var(--line);color:var(--fg);border-radius:999px;width:32px;height:32px;font-size:15px;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:12px;padding:10px;font:inherit;font-size:13px;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:12px;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:999px;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:#fff}
.eatog{margin-top:9px;display:flex;align-items:center;gap:10px}
.eatog .sw2{width:46px;height:26px;border-radius:999px;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:12px;padding:11px 12px;background:var(--card)}
.eaprev p{margin:0;font-size:15px;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:10px;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:#fff}
.eanote{font-size:11.5px;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:#fff!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:18px;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:19px}
.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:14px;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:13px}
.cm small{color:var(--muted);font-size:12px}
.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:12px;padding:10px;text-align:left;font-weight:600}
.langs button[aria-pressed="true"]{background:var(--nz);color:#fff;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:999px;padding:6px 12px;font-size:13px;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:16px;font-size:14px;background:var(--bg)}
.chat p.u{justify-self:end;background:var(--nz);color:#fff}
.mini{position:fixed;left:10px;right:10px;bottom:84px;z-index:16;background:var(--ink);color:var(--paper);border-radius:18px;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:13px}
.mi{flex:1;min-width:0}
.mi strong{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi small{display:block;font-size:11.5px;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:13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 9px}
.mx{color:var(--paper);font-size:16px;padding:4px}
.tw-head{padding:18px 16px 20px;color:#fff;background:var(--c)}
.tw-head h1{font-size:42px;letter-spacing:-.04em;line-height:.95;margin:8px 0}
.tw-head p{font-size:14.5px;opacity:.92;max-width:48ch}
.tw-head .acts .pill{background:#fff;color:#06324D;border:0}
.plan{margin:0 16px;border-radius:22px;padding:18px;background:var(--deep);color:#fff}
.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:16px;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:14.5px}
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:999px;padding:3px;gap:2px}
.modeswitch button{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.modeswitch button[aria-pressed="true"]{background:var(--nz);color:#fff}
#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:#fff;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:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.42);padding:5px 10px;border-radius:999px}
.rslide .rtxt{position:relative;z-index:3;padding:18px 16px 22px;max-width:640px}
.rslide .rkick{font-size:12.5px;font-weight:700;color:#9FD6F5;display:block;margin-bottom:6px}
.rslide h2{font-size:27px;line-height:1.1;letter-spacing:-.03em;font-weight:900;margin-bottom:8px}
.rslide p{font-size:15px;line-height:1.42;color:#DCE8F0}
.rslide .rmeta{margin-top:10px;font-size:12px;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:999px;padding:10px 16px;font-size:13.5px;font-weight:700;background:#fff;color:#05121C}
.rslide .rcta .gh{background:rgba(255,255,255,.16);color:#fff}
.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:11.5px;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:9px}
.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:9px;padding:12px;display:flex;gap:10px;align-items:center;overflow:hidden}
.local-service .service-icon{width:42px;height:42px;border-radius:8px;background:var(--nz);color:#fff;display:grid;place-items:center;font-size:21px;flex:none}
.local-service .service-copy{flex:1;min-width:0}.local-service strong{display:block;font-size:15px}.local-service small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.local-service .service-art{width:118px;height:42px;border-radius:7px;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:999px;padding:5px 9px;font-size:12px;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:7px;opacity:.92}
.video-long{background:var(--deep);color:#fff;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:#fff;border-radius:999px;padding:6px 10px;font-size:12px;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:#fff}.video-long .tag{opacity:.78}
.biga{margin:14px 0 4px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:9px}.biga-head{font-size:12px;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:7px;padding:7px}.biga-item .biga-thumb{width:48px;height:42px;border-radius:5px;background:center/cover;flex:none}.biga-item strong{font-size:12px;line-height:1.15;display:block}.biga-item small{font-size:10px;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:8px;overflow:hidden;position:relative;background:center/cover;text-align:left;color:#fff}.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:12px;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:13px;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:999px;background:var(--paper);padding:7px 10px;font-size:12px;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:#fff;border-radius:999px;padding:6px 10px;font-size:12px;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.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:#fff;font-weight:900;flex:none}
.feed > .card.compact h3{font-size:16px;margin:0}
.feed > .card.banner{min-height:0;background:var(--deep);color:#fff;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:#fff}
/* 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:13px;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:#fff;background:var(--deep)}
#v-thema .tw-head h1,#v-thema .tw-head p{color:#fff}
#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:#fff}
#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:9px;padding:10px;text-align:left;display:flex;align-items:center;gap:8px}
.local-info .info-icon{font-size:23px;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:13px}
#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:21px}
#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:21px}
#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:12px}.local-info small{font-size:10px}
}
@media (min-width:700px){
  #v-lokal .local-layout{display:grid}
  #v-lokal .local-feed-view{display:block}
}
/* Newsband minimal langsamer */
.tk-track{animation-duration:54s}
/* ================= NZ V27 FINAL: lokale Service- und Feedoberfläche ================= */
#v-lokal .local-feed-view .sec-h h2{visibility:visible;font-size:21px}
#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:12px;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:12px;margin-top:3px;line-height:1.35}
.primary-place-sheet{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.primary-place-sheet>strong,.primary-place-sheet>small{display:block}.primary-place-sheet>small{color:var(--muted);font-size:12px;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:999px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700}.primary-place-options button[aria-pressed="true"]{background:var(--nz);border-color:var(--nz);color:#fff}
.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{--u:112px;grid-auto-rows:var(--u);align-items:stretch}
.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:12px;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:#fff;font-size:15px;font-weight:700;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,.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:13.5px;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:13.5px;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:#fff;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:999px;padding:5px 11px;font-size:12px;font-weight:600;color:#fff}
.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:#fff;padding:16px 14px 14px}
.feed > .card.reel > .ov h3{color:#fff;font-size:19px;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:#fff;border-radius:999px;padding:5px 10px;font-size:12px;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:#fff;font-size:15px;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:#fff;position:relative;border-radius:20px;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:#fff;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
.hero .hlen{position:absolute;right:14px;top:14px;z-index:2;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:7px;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:#0F1E29;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:21px;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:25px}}
@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:999px;padding:7px 13px;font-size:12.5px;font-weight:700}
.mcfilter button[aria-selected="true"]{background:var(--nz);border-color:var(--nz);color:#fff}
.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:16px;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:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;font-style:normal}
.mcitem .mci b{position:absolute;left:9px;top:9px;background:var(--nzred);color:#fff;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;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:#0F1E29;display:grid;place-items:center;font-size:17px}
.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:12px;color:var(--muted)}
.mcmore{display:block;width:calc(100% - 32px);margin:12px 16px 0;padding:12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--nz);font-size:13.5px;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:12px;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:#fff;display:grid;place-items:center;font-size:12px}
.vid .vimg em{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;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:11.5px;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:999px;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:#fff}

/* ===== 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:12px;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:22px;color:var(--nz)}.ep-placeholder small{font-size:9px;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:10px;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:#fff}
.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:15px;line-height:1.15;font-weight:700}
.edc-fb i{font-style:normal;font-size:10.5px;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:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:5px}
.edc-lock{position:absolute;right:6px;top:6px;background:rgba(0,0,0,.62);color:#fff;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:#fff;font-size:10px;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:10.5px;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:13px}
 .edc-t{font-size:11.5px}
 .edc-s{font-size:9.5px}
}