/* trendlage – Tokens nach master.md 11 (Stand 2.1): Standard hell, Dunkelmodus per Schalter, einfarbig Schwarz/Weiss, kein Orange. */
:root{
  --bg:#FFFFFF; --surface:#F4F4F1; --fg:#141414; --fg-2:#333333; --muted:#6B6B6B; --line:#D9D9D4; --line-strong:#141414;
  --accent:#141414; --accent-hover:#000000; --accent-soft:#E9E9E4; --signal:#141414; --rail:#1A1A1A; --rail-fg:#F5F5F2; --rail-muted:#B9B9B2;
  --chart:#141414; --chart-grid:#E8E8E3;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#141414; --surface:#1E1E1C; --fg:#F2F2EE; --fg-2:#D8D8D2; --muted:#A3A39C; --line:#333331; --line-strong:#F2F2EE;
  --accent:#F2F2EE; --accent-hover:#FFFFFF; --accent-soft:#2A2A28; --signal:#F2F2EE; --rail:#0C0C0C; --rail-fg:#F5F5F2; --rail-muted:#B9B9B2;
  --chart:#F2F2EE; --chart-grid:#2A2A28; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#141414; --surface:#1E1E1C; --fg:#F2F2EE; --fg-2:#D8D8D2; --muted:#A3A39C; --line:#333331; --line-strong:#F2F2EE;
  --accent:#F2F2EE; --accent-hover:#FFFFFF; --accent-soft:#2A2A28; --signal:#F2F2EE; --rail:#0C0C0C; --rail-fg:#F5F5F2; --rail-muted:#B9B9B2;
  --chart:#F2F2EE; --chart-grid:#2A2A28; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important} /* auch wenn eine Klasse display:flex setzt (Tooltip der Kurve) */
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
a{color:inherit;text-decoration:none}
a:hover h1,a:hover h2,a:hover h3,a.u:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:720px){.wrap{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body::before{background:var(--bg)}
.proto{background:var(--accent-soft);color:var(--accent);font:600 12px var(--sans);text-align:center;padding-block:6px}

/* Masthead */
.topbar{border-bottom:1px solid var(--line);font:500 12px var(--sans);color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:12px}
.geo{display:flex;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.geo button{appearance:none;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font:600 12px var(--sans);padding:5px 10px;cursor:pointer;min-height:26px}
.geo button:first-child{border-left:0}
.geo button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.theme{appearance:none;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font:600 12px var(--sans);padding:5px 10px;min-height:26px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.theme[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.mast{text-align:center;padding-block:18px 14px}
.mast a{display:inline-block}
.mast .logo{display:inline-flex;flex-direction:column;align-items:stretch;gap:2px;width:min(300px,70vw);color:var(--fg)}
.mast .word{font:700 44px/1 var(--sans);letter-spacing:-0.045em;text-align:left}
.mast .logo svg{width:100%;height:auto;display:block}
.mast .claim{font:400 13px var(--serif);color:var(--muted);margin-top:4px;font-style:italic}
@media(min-width:720px){.mast .logo{width:360px}.mast .word{font-size:56px}}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-top:2px solid var(--line-strong);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
@media(min-width:1100px){.nav .wrap{justify-content:center}}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;padding:11px 11px;font:600 14px var(--sans);color:var(--fg-2);white-space:nowrap;border-bottom:3px solid transparent;min-height:44px;display:inline-flex;align-items:center}
.nav a[aria-current="page"]{color:var(--fg);border-bottom-color:var(--accent)}
.nav a.sub{color:var(--muted)}

/* Teaser-Bausteine */
.kick{font:700 12px var(--sans);letter-spacing:0.05em;text-transform:uppercase;color:var(--accent);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.kick .cc{font:600 11px var(--sans);letter-spacing:0;background:var(--fg);color:var(--bg);padding:0 5px;border-radius:3px}
.meta{font:400 12px var(--sans);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.meta b{font-weight:600;color:var(--fg-2)}
.img{position:relative;background:var(--surface);overflow:hidden;max-width:100%}
.img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%} /* Gesichter sitzen im oberen Drittel */
.img .play{position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none} /* Video-Hinweis auf der Karte */
.r169{aspect-ratio:16/9}.r32{aspect-ratio:3/2}.r43{aspect-ratio:4/3}.r11{aspect-ratio:1/1}
.lead{font:400 17px/1.45 var(--serif);color:var(--fg-2)}
.t{font-family:var(--serif);font-weight:700;letter-spacing:-0.01em;line-height:1.2}

/* Seitenraster */
main{padding-block:22px 56px}
.page{display:grid;gap:36px}
@media(min-width:960px){.page{grid-template-columns:minmax(0,1fr) 300px}}
.col{display:flex;flex-direction:column;gap:40px;min-width:0}
.rail{display:flex;flex-direction:column;gap:28px}
.sech{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:2px solid var(--line-strong);padding-top:8px;margin-bottom:16px}
.sech h2{font:700 20px var(--sans);letter-spacing:-0.02em}
.sech a{font:600 13px var(--sans);color:var(--accent)}

/* Aufmacher */
.hero{display:grid;gap:24px}
@media(min-width:760px){.hero{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.hero .big{display:flex;flex-direction:column;gap:10px;min-width:0}
.hero .big h1{font-size:clamp(28px,3.6vw,40px)}
.hero .side{display:flex;flex-direction:column;gap:0;min-width:0}
.hero .side article{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding-block:14px;border-top:1px solid var(--line)}
.hero .side article:first-child{border-top:0;padding-top:0}
@media(min-width:760px){.hero .side article:first-child{padding-top:0}}
.hero .side h3{font-size:18px}
.hero .side .txt{display:flex;flex-direction:column;gap:6px;min-width:0}

/* Ressortblock: 1 gross links, 3 kleine rechts untereinander, oder 4 in Reihe */
.rsec .lead-art{display:grid;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:16px}
@media(min-width:640px){.rsec .lead-art{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}
.rsec .lead-art .txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.rsec .lead-art h3{font-size:24px}
.rsec .row{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.rsec .row article{display:flex;flex-direction:column;gap:7px;min-width:0}
.rsec .row h3{font-size:16px}

/* Ressortseite */
.rhead{border-top:4px solid var(--line-strong);padding-top:10px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}
.rhead h1{font:700 34px var(--sans);letter-spacing:-0.03em}
.rhead p{font:400 15px var(--serif);color:var(--muted)}
.list article{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:18px;border-bottom:1px solid var(--line)}
@media(min-width:560px){.list article{grid-template-columns:240px minmax(0,1fr);gap:18px}}
.list .txt{display:flex;flex-direction:column;gap:7px;min-width:0}
.list h3{font-size:21px}
.list .lead{font-size:15px}

/* Artikel */
.crumbs{font:500 12px var(--sans);color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--fg)}
.art{display:flex;flex-direction:column;gap:18px;max-width:760px;min-width:0}
.art h1{font-size:clamp(28px,4.2vw,44px)}
.art .lead{font-size:20px;font-weight:600;line-height:1.4}
.byline{display:flex;gap:10px;align-items:flex-start;padding-block:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline .av{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--fg);display:grid;place-items:center}
.byline .who{display:flex;flex-direction:column;gap:2px;font:400 13px var(--sans);color:var(--muted)}
.byline .who b{font-weight:600;color:var(--fg)}
figure{margin:0;display:flex;flex-direction:column;gap:6px}
figcaption{font:400 12px/1.4 var(--sans);color:var(--muted)}
figcaption a{text-decoration:underline;text-underline-offset:2px}
.body{display:flex;flex-direction:column;gap:18px;font:400 18px/1.7 var(--serif);color:var(--fg-2)}
.body h2{font:700 22px/1.25 var(--sans);letter-spacing:-0.02em;color:var(--fg);margin-top:10px}
.body p{max-width:68ch}
.chart{display:flex;flex-direction:column;gap:8px;background:var(--surface);border-radius:6px;padding:14px}
.chart svg{width:100%;height:auto;display:block}
.chart .src{font:400 12px var(--sans);color:var(--muted)}
.chart table{font:400 12px var(--sans)}
.lands{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.land{border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:4px;font-family:var(--sans)}
.land .cc{font:700 12px var(--sans);letter-spacing:0.05em;color:var(--muted)}
.land .v{font:700 24px var(--sans);letter-spacing:-0.02em;color:var(--fg);font-variant-numeric:tabular-nums}
.land .d{font:400 13px var(--sans);color:var(--muted)}
.box{border:1px solid var(--line);border-left:4px solid var(--fg);padding:14px 16px;display:flex;flex-direction:column;gap:8px;font:400 14px/1.5 var(--sans);color:var(--fg-2)}
.box h3{font:700 13px var(--sans);letter-spacing:0.05em;text-transform:uppercase;color:var(--fg)}
.box ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.box a{text-decoration:underline;text-underline-offset:2px}
.report{font:400 13px var(--sans);color:var(--muted)}
.report a{color:var(--accent);font-weight:600}
.glance{border-top:4px solid var(--line-strong);padding-top:10px;display:flex;flex-direction:column;gap:0}
.glance h3{font:700 13px var(--sans);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:6px}
.glance dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font:400 14px var(--sans)}
.glance dt{color:var(--muted)}.glance dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.more{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.more article{display:flex;flex-direction:column;gap:7px;min-width:0}
.more h3{font-size:16px}

/* Rechte Spalte */
.railh{border-top:4px solid var(--line-strong);padding-top:8px;font:700 13px var(--sans);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:8px}
\.most ol{list-style:none;margin:0;padding:0}
.most li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding-block:11px;border-bottom:1px solid var(--line)}
.most .n{font:700 20px/1.1 var(--serif);color:var(--accent)}
.most a{font:600 15px/1.35 var(--sans)}
.nl{background:var(--rail);color:var(--rail-fg);padding:20px;display:flex;flex-direction:column;gap:10px}
.nl h3{font:700 19px var(--sans);letter-spacing:-0.02em}
.nl p{font:400 14px/1.5 var(--serif);color:var(--rail-muted)}
.nl form{display:flex;flex-direction:column;gap:8px}
.nl input{min-height:44px;border:1px solid #444;background:#222;color:var(--rail-fg);padding:0 12px;font:400 15px var(--sans);min-width:0}
.nl button{min-height:44px;border:0;background:var(--rail-fg);color:var(--rail);font:700 14px var(--sans);cursor:pointer}
.nl small{font:400 12px var(--sans);color:var(--rail-muted)}
.nl .ok{font:600 14px var(--sans)}

/* Fusszeile */
footer{border-top:4px solid var(--line-strong);margin-top:20px;padding-block:28px 40px;font:400 13px/1.55 var(--sans);color:var(--muted)}
footer .wrap{display:grid;gap:20px}
@media(min-width:720px){footer .wrap{grid-template-columns:1.4fr 1fr 1fr}}
footer h4{font:700 12px var(--sans);letter-spacing:0.05em;text-transform:uppercase;color:var(--fg);margin-bottom:8px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
footer .logo{display:inline-flex;flex-direction:column;gap:1px;width:150px;color:var(--fg);margin-bottom:10px}
footer .word{font:700 26px/1 var(--sans);letter-spacing:-0.045em;color:var(--fg);display:block}
footer .logo svg{width:100%;height:auto;display:block}
footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;font-size:12px}
.empty{padding:40px 0;font:400 17px var(--serif);color:var(--muted)}
/* Consent-Banner */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg);color:var(--fg);border-top:2px solid var(--line-strong);box-shadow:0 -8px 30px rgba(0,0,0,.12);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px calc(16px + env(safe-area-inset-bottom,0px))}
.consent .in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.consent h2{font:700 16px var(--sans)}
.consent p{font:400 14px/1.5 var(--sans);color:var(--fg-2);max-width:80ch}
.consent .cats{display:flex;gap:14px;flex-wrap:wrap;font:500 13px var(--sans)}
.consent .cats label{display:inline-flex;gap:6px;align-items:center}
.consent .btns{display:flex;gap:8px;flex-wrap:wrap}
.consent button{min-height:44px;padding:0 18px;font:700 14px var(--sans);cursor:pointer;border:1px solid var(--fg);background:transparent;color:var(--fg)}
.consent button.primary{background:var(--fg);color:var(--bg)}
.consent a{text-decoration:underline;text-underline-offset:2px}
/* Video */
.video{display:flex;flex-direction:column;gap:6px}
.video .frame{position:relative;background:#111;color:#F5F5F2;aspect-ratio:16/9;max-width:100%;display:grid;place-items:center;overflow:hidden}
.video .frame.tiktok{aspect-ratio:9/16;max-width:320px;margin:0 auto}
.video .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.video .play{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px;font:500 13px var(--sans)}
.video .play b{font:700 15px var(--sans)}
.video .play .ic{width:56px;height:56px;border-radius:50%;background:#FFF;color:#111;display:grid;place-items:center}
.video .gate{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px;font:400 13px/1.5 var(--sans);color:#F5F5F2;max-width:34ch}
.video .gate button{min-height:44px;padding:0 16px;border:0;background:#FFF;color:#111;font:700 14px var(--sans);cursor:pointer}
.video figcaption{font:400 12px var(--sans);color:var(--muted)}

/* Themen-Kacheln ohne Bild (Phase 2, vor den Artikeln) */
.tcard{border:1px solid var(--line);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--bg)}
.tcard .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.tcard .f{font:700 22px var(--sans);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.tcard .f small{font:500 12px var(--sans);color:var(--muted);letter-spacing:0}
.tcard .lbl{display:inline-flex;gap:6px;align-items:center;font:600 12px var(--sans);color:var(--fg)}
.tcard .lbl svg{width:16px;height:16px}
.tcard .src{font:400 12px var(--sans);color:var(--muted)}
.grid3{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.lage{background:var(--surface);padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:10px}
.lage h2{font:700 16px var(--sans);letter-spacing:-0.01em}
.lage ol{list-style:none;margin:0;padding:0}
.lage li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding-block:9px;border-bottom:1px solid var(--line);align-items:baseline}
.lage li:last-child{border-bottom:0}
.lage .n{font:700 14px var(--sans);color:var(--muted)}
.lage .tp{font:600 15px var(--sans)}
.lage .lb{font:400 12px var(--sans);color:var(--muted)}
.lage .f{font:700 14px var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.geo a{display:inline-flex;align-items:center;padding:5px 10px;color:var(--muted);font:600 12px var(--sans);border-left:1px solid var(--line);min-height:26px}
.geo a:first-child{border-left:0}
.geo a[aria-current="true"]{background:var(--fg);color:var(--bg)}

/* Verlaufsgrafik */
.chart{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:14px 14px 10px;gap:6px}
.chart-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.chart-t{font:600 13px var(--sans);color:var(--fg)}
.chart-key{font:400 12px var(--sans);color:var(--muted);display:flex;gap:12px;align-items:center}
.chart-key i{display:inline-block;width:14px;height:0;border-top:2px solid var(--chart);margin-right:5px;vertical-align:middle}
.chart-key .k-acc{border-top-color:var(--chart);border-top-width:3.5px}
.chart-key .k-base{border-top:1px solid var(--muted)}
.chart-wrap{position:relative}
.chart .tip{position:absolute;pointer-events:none;background:var(--fg);color:var(--bg);font:400 12px var(--sans);padding:6px 9px;border-radius:4px;display:flex;flex-direction:column;gap:1px;white-space:nowrap;transform:translate(-50%,-115%)}
.chart .tip b{font:600 13px var(--sans)}
.chart table{font:400 12px var(--sans);border-collapse:collapse;margin-top:6px}
.chart th,.chart td{text-align:left;padding:3px 10px 3px 0;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums}
:root{--chart-axis:#B9B9B2}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--chart-axis:#3A3A38}}
:root[data-theme="dark"]{--chart-axis:#3A3A38}

/* Blättern und Archiv-Filter */
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:20px;flex-wrap:wrap}
.pager .btn[aria-disabled="true"]{opacity:.4}
.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0 6px}
.filters label{display:flex;flex-direction:column;gap:4px;font:600 12px var(--sans);color:var(--muted)}
.filters select{min-height:40px;border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:0 10px;font:400 14px var(--sans)}
.nl .ok{font:600 14px var(--sans)}

/* Consent-Banner und Video */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg);color:var(--fg);border-top:2px solid var(--line-strong);box-shadow:0 -8px 30px rgba(0,0,0,.12);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px calc(16px + env(safe-area-inset-bottom,0px))}
.consent .in{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.consent h2{font:700 16px var(--sans)}
.consent p{font:400 14px/1.5 var(--sans);color:var(--fg-2);max-width:80ch}
.consent .cats{display:flex;gap:14px;flex-wrap:wrap;font:500 13px var(--sans)}
.consent .cats label{display:inline-flex;gap:6px;align-items:center}
.consent .btns{display:flex;gap:8px;flex-wrap:wrap}
.consent button{min-height:44px;padding:0 18px;font:700 14px var(--sans);cursor:pointer;border:1px solid var(--fg);background:transparent;color:var(--fg)}
.consent button.primary{background:var(--fg);color:var(--bg)}
.consent a{text-decoration:underline;text-underline-offset:2px}
.video{display:flex;flex-direction:column;gap:6px}
.video .frame{position:relative;background:#111;color:#F5F5F2;aspect-ratio:16/9;width:100%;max-width:100%;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.video .frame.tiktok{aspect-ratio:9/16;width:min(360px,100%);height:auto;min-height:0;margin:0 auto;border-radius:8px}
.video .gate{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px;font:400 13px/1.5 var(--sans);color:#F5F5F2;max-width:34ch}
.video .gate button{min-height:44px;padding:0 16px;border:0;background:#FFF;color:#111;font:700 14px var(--sans);cursor:pointer}
.video figcaption{font:400 12px var(--sans);color:var(--muted)}

/* Mobile (28.10.2026): kompakter Kopf, Karten als Zeilen, Banner klein, Schiebehinweis in der Navigation */
.topbar .d-short{display:none}
.acard{display:flex;flex-direction:column;gap:8px;min-width:0}
.consent p.short{display:none}
@media(max-width:719px){
  .topbar .d-long{display:none}.topbar .d-short{display:inline}
  .topbar .wrap{gap:8px}
  .geo button,.geo a,.theme{min-height:32px;padding-inline:9px}
  .theme span{display:none}.theme{padding-inline:8px}
  .rsec .row,.more{grid-template-columns:1fr;gap:0}
  .rsec .row article,.more article{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;padding-block:12px;border-top:1px solid var(--line)}
  .rsec .row article:first-child{border-top:0;padding-top:0}
  .rsec .row article>.img,.more article>.img{grid-column:2;grid-row:1/4;align-self:start}
  .rsec .row article>*:not(.img),.more article>*:not(.img){grid-column:1}
  .rsec .row h3,.more h3{font-size:17px}
  .kick .lnd{display:none}
  .art .lead{font-size:18px}
  .body{font-size:17px}
  .consent{padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto}
  .consent .in{gap:8px}
  .consent h2{font-size:15px}
  .consent p.long{display:none}.consent p.short{display:block;font-size:13px;line-height:1.4}
  .consent .cats{gap:10px;font-size:12px}
  .consent .btns{gap:6px}
  .consent button{flex:1 1 40%;min-height:42px;padding:0 10px;font-size:13px}
  .nl{padding:16px}
}
@media(max-width:1099px){
  .nav{position:sticky}
  .nav .wrap{padding-right:40px}
  .nav::after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--bg) 70%);pointer-events:none}
}

/* Teilen (28.10.2026) */
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:600 13px var(--sans)}
.share .share-l{color:var(--muted);margin-right:4px}
.byline + .share{border-top:0}
.share a,.share button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--fg);font:600 13px var(--sans);cursor:pointer;text-decoration:none}
.share a:hover,.share button:hover{border-color:var(--fg)}
.share .share-wa{border-color:#25D366;color:#1b9e4b}
:root[data-theme="dark"] .share .share-wa{color:#4fe08a}
.share .share-native{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.share .share-copy.done{border-color:var(--fg)}
@media(max-width:719px){.share a:not(.share-wa),.share .share-copy{display:none}.share.all a,.share.all button{display:inline-flex}}