/* Layout: eine 1200px-Spalte; blaue Live-Leiste; Hero + «Heute» nebeneinander, dann News-Raster, Agenda-Liste, drei Kacheln */
:root{
  --bg:#FDFDFD; --surface:#FFFFFF; --fg:#0E1A26; --muted:#33475B; --soft:#4A5D70; --line:#E3E8EE; --line-strong:#C9D3DD;
  --tint:#EEF3F9; --tint-2:#F4F6F9; --ph:#E8EEF5;
  --blue:#0B3D7A; --blue-2:#164C8C; --on-blue:#FFFFFF; --on-blue-soft:#C9DAF0;
  --red:#D9481F; --live:#FF8A5C; --brand:#1F55C4; --ok:#1E8A5A;
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0D141C; --surface:#0D141C; --fg:#E8EEF4; --muted:#B4C2D0; --soft:#93A4B5; --line:#223140; --line-strong:#34475A;
  --tint:#15212E; --tint-2:#121C27; --ph:#1A2735;
  --blue:#5B9BE6; --blue-2:#1C3A5E; --on-blue:#FFFFFF; --on-blue-soft:#C9DAF0;
  --red:#F07B55; --live:#FF8A5C; --brand:#6FA4F0; --ok:#4CC08A; color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#0D141C; --surface:#0D141C; --fg:#E8EEF4; --muted:#B4C2D0; --soft:#93A4B5; --line:#223140; --line-strong:#34475A;
  --tint:#15212E; --tint-2:#121C27; --ph:#1A2735;
  --blue:#5B9BE6; --blue-2:#1C3A5E; --on-blue:#FFFFFF; --on-blue-soft:#C9DAF0;
  --red:#F07B55; --live:#FF8A5C; --brand:#6FA4F0; --ok:#4CC08A; color-scheme:dark }
/* Leiste und Vereine-Kachel bleiben dunkelblau, auch im Dark Mode */
.band,.vereine{--band:#0B3D7A}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 var(--body)}
a{color:var(--blue)} a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:2px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:480px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.eyebrow.red{color:var(--red)}
.ph{background:var(--ph);border-radius:6px;max-width:100%;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}

header{background:var(--bg)}
header .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 32px;padding-block:18px}
header nav{justify-self:end}
.sbtn{width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--surface);color:var(--fg);box-shadow:0 2px 14px rgba(14,26,38,.10),0 0 0 1px rgba(14,26,38,.04)}
.sbtn:hover{box-shadow:0 4px 18px rgba(14,26,38,.16),0 0 0 1px rgba(14,26,38,.06)}
.sbtn[aria-expanded="true"]{background:var(--tint);color:var(--brand)}
@media (max-width:720px){header .wrap{grid-template-columns:1fr auto}header nav{grid-column:1/-1;grid-row:2;justify-self:start}.sbtn{width:46px;height:46px}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.search{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);box-shadow:0 12px 24px -16px rgba(14,26,38,.25);position:relative;z-index:20}
.search .wrap{padding-block:20px 28px}
.sfield{display:flex;align-items:center;gap:12px;padding:0 8px 0 18px;min-height:56px;border:2px solid var(--line-strong);border-radius:28px;background:var(--surface);color:var(--soft)}
.sfield:focus-within{border-color:var(--brand)}
.sfield input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 18px var(--body);color:var(--fg);padding:14px 0}
.sfield input::-webkit-search-cancel-button{cursor:pointer}
.sclose{min-height:44px;padding:0 16px;border:0;border-radius:22px;background:var(--tint);color:var(--fg);font:600 15px var(--body);cursor:pointer}
.scount{margin:14px 4px 0;font-size:15px;color:var(--soft)}
.scount:empty{display:none}
.sres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:8px 32px;margin-top:8px}
.sres:empty{display:none}
.sres h3{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin:12px 0 4px}
.srow{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
.srow:hover .st{text-decoration:underline}
.srow .sl{font-size:13px;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}
.srow .st{font-weight:600;line-height:1.35}
.srow .ss{font-size:14px;color:var(--soft)}
.sall{display:inline-block;margin-top:10px;font-weight:600;font-size:15px;color:var(--brand)}
.logo{text-decoration:none;font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.03em;color:var(--fg)}
.logo .dot{color:var(--red)} .logo .now{color:var(--brand)}
nav{display:flex;flex-wrap:wrap;gap:4px 32px}
nav a{position:relative;padding:12px 0;text-decoration:none;font-weight:500;font-size:17px;color:var(--muted)}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;border-radius:2px;background:var(--brand);transform:scaleX(0);opacity:.35}
nav a:hover{color:var(--fg)}
nav a:hover::after{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){nav a::after{transition:transform .2s ease-out,opacity .2s}}
@media (max-width:480px){nav{gap:4px 22px}nav a{font-size:16px}}

.band{background:var(--band);color:#fff}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:14px;padding-block:12px}
.band .live{display:flex;align-items:center;gap:8px;font-weight:600}
.band .pulse{width:8px;height:8px;border-radius:4px;background:var(--live)}
@media (prefers-reduced-motion:no-preference){.band .pulse{animation:p 2s ease-in-out infinite}@keyframes p{50%{opacity:.35}}}
.band .upd{margin-left:auto;color:#C9DAF0}

main.wrap{padding-block:40px 64px}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px;align-items:start}
.hero article{display:flex;flex-direction:column;gap:16px;min-width:0}
.hero .ph{aspect-ratio:16/9;position:relative}
.credit{position:absolute;left:12px;bottom:12px;font-size:12px;color:#3E5266;background:#fff;padding:4px 8px;border-radius:4px}
.hero h1,.hero h2{font-stretch:85%;font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.02em}
.hero h1 a,.hero h2 a{color:inherit;text-decoration:none}
.hero p{margin:0;font-size:18px;line-height:1.55;color:var(--muted);max-width:62ch}
.today{border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;flex-direction:column;min-width:0}
.today h2{font-weight:800;font-size:26px;margin-bottom:12px}
.trow{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.trow:hover .tt{text-decoration:underline}
.trow .tm{font-family:var(--display);font-weight:700;font-size:18px;width:64px;flex-shrink:0;font-variant-numeric:tabular-nums}
.trow .tt{font-weight:600} .trow .ts{font-size:14px;color:var(--soft)}
.more{margin-top:12px;font-weight:600;font-size:15px}

section.block{margin-top:72px}
.shead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:24px}
.shead h2{font-weight:800;font-size:clamp(28px,4vw,36px)}
.shead span{font-size:14px;color:var(--soft)}

.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:28px}
.news article{display:flex;flex-direction:column;gap:10px;min-width:0}
.news .ph{aspect-ratio:4/3}
.news .ph.noimg{display:flex;align-items:flex-end;padding:14px;box-sizing:border-box;background:var(--tint)}
.news .ph.noimg span{font-family:var(--display);font-weight:800;font-size:15px;color:var(--soft);letter-spacing:.02em}
.news h3{font-weight:700;font-size:21px;line-height:1.22}
.news h3 a{color:inherit;text-decoration:none} .news h3 a:hover{text-decoration:underline}
.news p{margin:0;font-size:15px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news .src{font-size:14px;font-weight:600}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{min-height:44px;padding:0 18px;border-radius:22px;font:600 15px var(--body);cursor:pointer;background:var(--bg);color:var(--fg);border:1px solid var(--line-strong)}
.chip[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:var(--bg)}
.chip .n{font-weight:500;opacity:.7;margin-left:6px;font-variant-numeric:tabular-nums}
.agenda{border-top:1px solid var(--line)}
.ev{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 0;border-bottom:1px solid var(--line)}
.date{width:72px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:6px;background:var(--tint)}
.date .wd,.date .mo{font-size:12px;font-weight:600;color:var(--soft)}
.date .d{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.05;color:var(--blue);font-variant-numeric:tabular-nums}
.thumb{width:88px;height:66px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--ph)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.evmain{flex:999 1 300px;min-width:0;display:flex;flex-direction:column;gap:4px}
.evmain a{font-family:var(--display);font-weight:700;font-size:20px;color:var(--fg);text-decoration:none;line-height:1.25}
.evmain a:hover{text-decoration:underline}
.evmain .meta{font-size:15px;color:var(--muted)}
.evside{flex:1 1 170px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.tag{font-size:13px;font-weight:600;padding:4px 10px;border-radius:12px;background:var(--tint-2);color:var(--muted)}
.tag.off{background:var(--red);color:var(--bg)}
.evside small{font-size:12px;color:var(--soft)}
.filters{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.filters .chips{margin-bottom:0}
.chips.time .chip{border-radius:6px}
details.ev{display:block;padding:0}
details.ev>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 0;cursor:pointer}
details.ev>summary::-webkit-details-marker{display:none}
details.ev>summary:hover .ttl{text-decoration:underline}
.evmain .ttl{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.25}
.chev{flex-shrink:0;width:28px;height:28px;color:var(--soft);transition:transform .15s}
details[open]>summary>.chev{transform:rotate(180deg)}
.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0 0 24px 96px}
@media (min-width:760px){.panel.withimg{grid-template-columns:minmax(0,1fr) 280px}}
@media (max-width:560px){.panel{padding-left:0}}
.panel p{margin:0;white-space:pre-line;font-size:15px;line-height:1.6;color:var(--muted);max-width:68ch}
.panel .pimg{border-radius:6px;overflow:hidden;background:var(--ph);aspect-ratio:4/3;max-width:100%}
.panel .pimg img{width:100%;height:100%;object-fit:cover;display:block}
.panel .facts{font-size:14px;color:var(--soft)}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:22px;font:600 15px var(--body);text-decoration:none;cursor:pointer;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--bg)}
.lauf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px}
.lauf a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fg);min-width:0}
.lauf .ph{aspect-ratio:16/10}
.lauf strong{font-family:var(--display);font-size:19px;line-height:1.25}
.lauf a:hover strong{text-decoration:underline}
.lauf span{font-size:14px;color:var(--soft)}
.showmore{margin-top:20px;min-height:44px;padding:0 22px;border-radius:22px;border:1px solid var(--line-strong);background:var(--bg);color:var(--fg);font:600 15px var(--body);cursor:pointer}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px}
.tile{border:1px solid var(--line);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tile h2{font-weight:800;font-size:28px}
.tile p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.tile small{font-size:12px;color:var(--soft)}
.vereine{background:var(--band);border-color:var(--band);color:#fff}
.vereine p{color:#E4ECF7}
.vereine .slot{padding:10px 12px;border-radius:4px;background:#164C8C;font-size:15px}
.list{border-top:1px solid var(--line);display:flex;flex-direction:column}
.list a,.list div{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:15px}
.list a:hover span:last-child{text-decoration:underline}
.list .lbl{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.list .lbl.red{color:var(--red)}
.inst{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.inst a{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:6px;text-decoration:none;color:var(--fg)}
.inst a:hover{border-color:var(--blue)}
.inst strong{font-family:var(--display);font-size:20px}
.inst span{font-size:14px;color:var(--soft)}
.inst em{font-style:normal;font-size:14px;font-weight:600;color:var(--blue)}

footer{border-top:1px solid var(--line);background:var(--tint-2)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted);padding-block:36px}
footer .col{display:flex;flex-direction:column;gap:6px;max-width:560px}
.err{color:var(--red);font-weight:600}

/* --- Mehrseitig --- */
nav a[aria-current="page"]{color:var(--fg);font-weight:700}
nav a[aria-current="page"]::after{transform:scaleX(1);opacity:1}
.pagehead{padding-block:8px 8px;display:flex;flex-direction:column;gap:10px}
.pagehead h1{font-weight:800;font-size:clamp(36px,6vw,56px);line-height:1.02;letter-spacing:-.02em;font-stretch:85%}
.pagehead p{margin:0;font-size:17px;color:var(--muted);max-width:62ch}
.pagehead + section.block{margin-top:40px}
.shead a{font-size:15px;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:24px}
.cards a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fg);min-width:0}
.cards .ph{aspect-ratio:4/3;position:relative}
.cards .when{position:absolute;left:10px;top:10px;background:var(--bg);color:var(--fg);font-size:13px;font-weight:600;padding:4px 8px;border-radius:4px}
.cards strong{font-family:var(--display);font-size:19px;line-height:1.25}
.cards a:hover strong{text-decoration:underline}
.cards span.s{font-size:14px;color:var(--soft)}
.amtrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:0 28px;border-top:1px solid var(--line)}
.amtrow a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:15px;min-width:0}
.amtrow a:hover span:last-child{text-decoration:underline}
.amtlist a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 20px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
.amtlist a:hover .t{text-decoration:underline}
.amtlist .d{font-size:14px;color:var(--soft);font-variant-numeric:tabular-nums}
.amtlist .t{font-size:16px;font-weight:600}
.amtlist .o{grid-column:2;font-size:14px;color:var(--soft)}
@media (max-width:520px){.amtlist a{grid-template-columns:minmax(0,1fr)}.amtlist .o{grid-column:1}}
.newslist{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.newslist article{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.newslist .ph{aspect-ratio:4/3}
.newslist h2{font-weight:700;font-size:23px;line-height:1.2}
.newslist h2 a{color:inherit;text-decoration:none}.newslist h2 a:hover{text-decoration:underline}
.newslist p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:68ch}
@media (max-width:620px){.newslist article{grid-template-columns:minmax(0,1fr)}}
.note{font-size:14px;color:var(--soft);margin-top:16px}
.amtrow .lbl,.amtlist .lbl{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.amtrow .lbl.red{color:var(--red)}
.band a:hover{text-decoration:underline}
/* News als Liste */
.nlist{border-top:1px solid var(--line);display:flex;flex-direction:column}
.nlist a{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);align-items:start}
.nlist a.img{grid-template-columns:110px minmax(0,1fr) 132px}
.nlist .d{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--soft);font-variant-numeric:tabular-nums;padding-top:3px}
.nlist .d b{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.nlist .d b.mm{color:var(--red)}
.nlist .c{display:flex;flex-direction:column;gap:4px;min-width:0}
.nlist .t{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25}
.nlist a:hover .t{text-decoration:underline}
.nlist .l{font-size:15px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nlist.full .l{-webkit-line-clamp:4;max-width:72ch}
.nlist .i{border-radius:4px;overflow:hidden;aspect-ratio:4/3;background:var(--ph)}
.nlist .i img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:620px){.nlist a,.nlist a.img{grid-template-columns:minmax(0,1fr)}.nlist .d{flex-direction:row;gap:10px;padding-top:0}.nlist .i{display:none}}

@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sbtn{box-shadow:0 0 0 1px var(--line-strong)}}
:root[data-theme="dark"] .sbtn{box-shadow:0 0 0 1px var(--line-strong)}

/* --- Intro Startseite: Claim --- */
.intro .wrap{padding-block:12px 16px}
.intro .claim{margin:0;font-family:var(--body);font-weight:400;font-size:clamp(17px,1.7vw,22px);line-height:1.4;letter-spacing:-.005em;color:var(--muted);max-width:34ch}
.intro .claim .dot{display:inline-block;width:.32em;height:.32em;margin-left:.08em;border-radius:50%;background:var(--red);color:transparent;line-height:0;overflow:hidden;vertical-align:baseline}

/* --- Infoleiste: Wetter, Sonnenuntergang, Anlässe heute (ohne Rahmenlinie, nur weicher Schatten) --- */
.infobar .wrap{padding-block:8px 12px}
.ibox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:10px 8px;border-radius:24px;background:var(--surface);box-shadow:0 10px 36px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.025)}
.iitem{position:relative;display:flex;align-items:center;gap:18px;padding:6px 32px;min-width:0;color:var(--fg);text-decoration:none}
.iitem+.iitem::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:var(--line)}
.iitem[hidden]{display:none}
.iitem[hidden]+.iitem::before{display:none}
.iic{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px}
.iic svg{width:48px;height:48px}
.iic.cal{width:56px;height:56px;border-radius:50%;background:#EDF2FB;color:#1F55C4}
.iic.cal svg{width:28px;height:28px}
.itx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:17px;color:var(--muted);line-height:1.25}
.itx strong{font-size:22px;font-weight:700;color:var(--fg)}
.ilink{border-radius:18px}
.ilink:hover strong{text-decoration:underline}
.ichev{margin-left:auto;flex-shrink:0;color:var(--brand)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ibox{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}}
:root[data-theme="dark"] .ibox{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}
@media (max-width:760px){
  .ibox{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 4px;border-radius:20px}
  .iitem{padding:9px 14px;gap:10px}
  .iic{width:40px;height:40px}.iic svg{width:36px;height:36px}
  .iic.cal{width:44px;height:44px}.iic.cal svg{width:22px;height:22px}
  .ilink::before{left:14px!important;right:14px;top:0!important;bottom:auto!important;width:auto!important;height:1px}
  .ilink{grid-column:1/-1;border-radius:0}
  .itx{font-size:14px}.itx strong{font-size:18px}
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .iic.cal{background:var(--tint);color:var(--brand)}}
:root[data-theme="dark"] .iic.cal{background:var(--tint);color:var(--brand)}

/* --- «Heute in Zug»: horizontal wischbare Karten --- */
.tday{margin-top:8px}
.tday .shead{margin-bottom:16px}
.sctl{display:flex;align-items:center;gap:10px}
.sctl a{margin-right:6px}
.sarr{width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--surface);color:var(--fg);box-shadow:0 2px 10px rgba(14,26,38,.08)}
.sarr:disabled{opacity:.35;cursor:default}
@media (hover:none){.sarr{display:none}}
.swipe{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:4px 2px 24px;margin:-4px -2px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.swipe::-webkit-scrollbar{display:none}
.swipe:focus-visible{outline-offset:4px}
@media (prefers-reduced-motion:no-preference){.swipe{scroll-behavior:smooth}}
.tcard{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;border-radius:20px;overflow:hidden;background:var(--surface);color:var(--fg);text-decoration:none;box-shadow:0 10px 30px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.03)}
.tim{position:relative;aspect-ratio:16/9;background:var(--ph);display:flex;align-items:flex-end;overflow:hidden}
.tim img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tim span{padding:14px 18px;font-family:var(--display);font-weight:800;font-size:15px;color:var(--soft)}
.tim.nob{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px 22px;box-sizing:border-box;background:var(--cbg);color:var(--cfg)}
.tim.nob svg{opacity:.9}
.tim.nob span{padding:0;color:var(--cfg);font-size:16px}
.c-kultur{--cbg:#E9E6FB;--cfg:#4B3BB0}.c-kinder{--cbg:#FDEBD8;--cfg:#A3510E}.c-sport{--cbg:#DDF3E6;--cfg:#1D7A45}
.c-treff{--cbg:#FCE4EC;--cfg:#A3264F}.c-maerkte{--cbg:#FFF2C9;--cfg:#86610A}.c-weitere{--cbg:#E3ECF7;--cfg:#1F55C4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tim.nob{background:color-mix(in srgb,var(--cfg) 22%,var(--surface));color:color-mix(in srgb,var(--cfg) 45%,#fff)}:root:not([data-theme="light"]) .tim.nob span{color:inherit}}
:root[data-theme="dark"] .tim.nob{background:color-mix(in srgb,var(--cfg) 22%,var(--surface));color:color-mix(in srgb,var(--cfg) 45%,#fff)}:root[data-theme="dark"] .tim.nob span{color:inherit}
.tb{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;flex:1}
.tb .tm{font-size:15px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums}
.tb strong{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tb .ts{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:var(--soft)}
.tb .ts span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb .ts svg{flex-shrink:0;color:var(--brand)}
.tcard:hover strong{text-decoration:underline}
@media (max-width:900px){.swipe{grid-auto-columns:calc((100% - 20px)/2.15)}}
@media (max-width:560px){.swipe{grid-auto-columns:82%;gap:14px}.tb strong{font-size:18px}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tcard,:root:not([data-theme="light"]) .sarr{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}}
:root[data-theme="dark"] .tcard,:root[data-theme="dark"] .sarr{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}
/* Aufmacher ohne Seitenspalte: Bild links, Text rechts */
@media (min-width:860px){
  .hero #lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:40px;row-gap:12px}
  .hero #lead>.ph{grid-column:1;grid-row:1/-1}
  .hero #lead>:not(.ph){grid-column:2}
  .hero #lead>.eyebrow{grid-row:2}.hero #lead>h2{grid-row:3}.hero #lead>p{grid-row:4}.hero #lead>a{grid-row:5;justify-self:start}
  .hero #lead>.eyebrow{justify-self:start}
}

/* --- Startseite «Aktuelle News»: Textliste ohne Bilder --- */
.hn{margin-top:48px}
.hnews{border-top:1px solid var(--line)}
.hnews a{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
.hnews .hc{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.hnews .hd{font-size:15px;color:var(--soft);font-variant-numeric:tabular-nums}
.hnews .ht{font-family:var(--body);font-weight:700;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.hnews .hl{font-size:16px;line-height:1.5;color:var(--soft);max-width:80ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hnews svg{flex-shrink:0;color:var(--brand)}
.hnews a:hover .ht{text-decoration:underline}
@media (max-width:560px){.hnews a{gap:12px;padding:16px 0}.hnews .ht{font-size:18px}.hnews .hl{font-size:15px}}

/* News-Themen */
.ntop{display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;background:var(--tint);color:var(--brand);font-size:12px;font-weight:600;font-style:normal;letter-spacing:.01em;white-space:nowrap}
.nlist .d .ntop{margin:4px 0 0;align-self:flex-start}
@media (max-width:620px){.nlist .d .ntop{margin:0}}

/* Top-Themen-Karten */
.tb .tl{font-size:15px;line-height:1.5;color:var(--soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tb .tm .ntop{vertical-align:1px}
.hn2{margin-top:40px}

/* Themen-Kacheln */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:14px}
.theme{--c:#2F5FD0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:20px 12px;border-radius:20px;text-align:center;text-decoration:none;color:var(--fg);background:color-mix(in srgb,var(--c) 8%,var(--surface));box-shadow:0 6px 22px rgba(14,26,38,.04)}
.theme svg{color:var(--c)}
.theme .tn{font-weight:600;font-size:16px;line-height:1.25}
.theme .tc{font-size:13px;color:var(--soft)}
.theme:hover .tn{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){.theme{transition:transform .18s ease-out}.theme:hover{transform:translateY(-2px)}}
.th-politik{--c:#2F5FD0}.th-bauen{--c:#C8641B}.th-mobilitaet{--c:#23845A}.th-bildung{--c:#7A4BD6}.th-kultur{--c:#D9403A}.th-umwelt{--c:#13807C}.th-soziales{--c:#C88A0A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme{background:color-mix(in srgb,var(--c) 18%,var(--bg));box-shadow:none}:root:not([data-theme="light"]) .theme svg{color:color-mix(in srgb,var(--c) 55%,#fff)}}
:root[data-theme="dark"] .theme{background:color-mix(in srgb,var(--c) 18%,var(--bg));box-shadow:none}
:root[data-theme="dark"] .theme svg{color:color-mix(in srgb,var(--c) 55%,#fff)}
@media (max-width:560px){.themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme{min-height:120px}}

/* Zeitraum-Umschalter Startseite */
.stitle{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.tday .shead{align-items:center}
.seg{display:inline-flex;gap:4px;padding:4px;background:var(--line);border-radius:24px}
.segb{min-height:40px;padding:0 18px;border:0;border-radius:20px;background:none;color:var(--fg);font:600 15px var(--body);cursor:pointer}
.segb[aria-pressed="true"]{background:var(--surface);color:var(--blue);box-shadow:0 1px 4px rgba(16,24,40,.12)}

/* «Das bewegt Zug» */
.bewegt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.bewegt a{text-decoration:none;color:var(--fg)}
.beye{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.bsrc{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--soft)}
.bl{font-size:16px;line-height:1.5;color:var(--soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blead{display:flex;flex-direction:column;background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 2px 14px rgba(16,24,40,.08)}
.bim{aspect-ratio:2/1;background:var(--line);overflow:hidden}.bim img{width:100%;height:100%;object-fit:cover;display:block}
.bb{display:flex;flex-direction:column;gap:12px;padding:28px 32px 32px}
.blead strong{font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.015em}
.blead:hover strong,.blist a:hover strong{text-decoration:underline}
.blist{display:flex;flex-direction:column}
.blist a{display:flex;gap:24px;align-items:flex-start;padding:4px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.blist .bc{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.blist strong{font-weight:800;font-size:22px;line-height:1.25;letter-spacing:-.01em}
.bth{flex-shrink:0;width:min(30%,200px);aspect-ratio:8/7;border-radius:12px;overflow:hidden;background:var(--line)}.bth img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:860px){.bewegt{grid-template-columns:1fr;gap:28px}.bb{padding:20px 20px 24px}.blist strong{font-size:19px}.bth{width:96px}}
.blist .bl{-webkit-line-clamp:2}

/* --- Politik --- */
.poltiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;margin-top:32px}
.ptile{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:20px;background:var(--surface);color:var(--fg);text-decoration:none;box-shadow:0 10px 30px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.03)}
.ptile strong{font-family:var(--display);font-weight:800;font-size:26px;line-height:1.15}
.ptile span:not(.pk){font-size:15px;color:var(--soft)}
.ptile em{font-style:normal;font-weight:600;font-size:15px;color:var(--brand);margin-top:4px}
.ptile:hover em{text-decoration:underline}
.ptile.dark{--band:#0B3D7A;background:var(--band);color:#fff;box-shadow:none}
.ptile.dark span:not(.pk){color:#C9DAF0}.ptile.dark em{color:#fff}.ptile.dark .pk{color:#C9DAF0}
.pk{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.polgrid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;margin-top:56px}
.polmain{flex:999 1 560px;min-width:0}
.polside{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.polcard{padding:22px 24px;border-radius:20px;background:var(--surface);box-shadow:0 10px 30px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.03)}
.polcard h2{font-weight:800;font-size:22px;margin-bottom:6px}
.psub{margin:0 0 14px;font-size:14px;color:var(--soft)}
.seats{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden}
.seatl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-size:15px}
.seatl li{display:flex;align-items:center;gap:8px;min-width:0}
.seatl i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.seatl b{margin-left:auto;font-variant-numeric:tabular-nums}
.seatl span{width:26px;text-align:right;font-size:13px;color:var(--soft);font-variant-numeric:tabular-nums}
.psrc{margin:14px 0 0;font-size:12px;color:var(--soft)}
.srl{list-style:none;margin:8px 0 0;padding:0}
.srl li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.srl li:last-child{border-bottom:0}
.srl li span:last-child{color:var(--soft);white-space:nowrap}
.pollinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.votes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px}
.vcard{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border-radius:20px;background:var(--surface);box-shadow:0 10px 30px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.03)}
.vcard.next{background:var(--tint)}
.vcard p{margin:0;font-size:15px;color:var(--muted)}
.vcard .muted{font-size:14px;color:var(--soft)}
.vcard a{color:var(--fg);text-decoration:none;font-weight:700;font-size:18px;line-height:1.3}
.vcard a:hover{text-decoration:underline}
.vdom{display:block;font-size:12px;font-weight:600;color:var(--soft);letter-spacing:.04em;text-transform:uppercase}
.vbar{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px}
.vtrack{height:10px;border-radius:5px;background:var(--line);overflow:hidden}
.vtrack span{display:block;height:100%;background:var(--brand)}
.vt{white-space:nowrap;font-variant-numeric:tabular-nums}
.vt b.yes{color:#23845A}.vt b.no{color:var(--red)}
.vt.muted{color:var(--soft)}
.polparties{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:14px}
.polparties a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--fg)}
.polparties a:hover{border-color:var(--brand)}
.polparties strong{font-weight:600;font-size:16px;line-height:1.3}
.polparties span{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--brand)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ptile:not(.dark),:root:not([data-theme="light"]) .polcard,:root:not([data-theme="light"]) .vcard{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}}
:root[data-theme="dark"] .ptile:not(.dark),:root[data-theme="dark"] .polcard,:root[data-theme="dark"] .vcard{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}
@media (max-width:480px){.vbar{grid-template-columns:76px minmax(0,1fr) auto;gap:8px}}
.psrc2{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--brand)}
.polh3{font-weight:800;font-size:22px;margin:48px 0 16px}

/* Kino */
.kino{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 40px}
.kf{padding:12px 0;border-top:1px solid var(--line);min-width:0}
.kh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kt{font-weight:600;font-size:16px;line-height:1.3;color:var(--fg);text-decoration:none}
.kt:hover{text-decoration:underline}
.ktag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:9px;background:var(--tint);color:var(--brand)}
.ktimes{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:4px;font-size:14px}
.ktimes a{color:var(--brand);font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;padding:4px 0}
.ktimes a small{font-weight:500;color:var(--soft);margin-left:3px;font-size:12px}
.ktimes a:hover{text-decoration:underline}
.km{font-size:13px;color:var(--soft)}
#kNote a{color:var(--brand);font-weight:600}

/* Vorbei (data-end) ausgeblendet */
.ev[hidden]{display:none}

/* Startseite: Umschalter Heute/Morgen/Wochenende mittig */
.tday .shead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 20px}
.tday .sctl{justify-self:end}
@media (max-width:720px){.tday .shead{grid-template-columns:1fr auto}.tday .seg{grid-column:1/-1;grid-row:2;justify-self:center}}

/* Agenda: Violator «Das läuft am Wochenende» rechts neben dem Seitenkopf */
.pagehead.withv{display:grid;grid-template-columns:minmax(0,max-content) minmax(168px,1fr);align-items:center;gap:20px 40px}
.pagehead.withv .violator{justify-self:center}
.pagehead.withv .phtext{display:flex;flex-direction:column;gap:10px}
.violator{width:168px;aspect-ratio:1;border-radius:50%;background:var(--brand);color:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;text-decoration:none;transform:rotate(-8deg);box-shadow:0 10px 28px rgba(31,85,196,.28);transition:transform .2s ease}
.violator:hover,.violator:focus-visible{transform:rotate(0) scale(1.04)}
.violator .v1{font-size:14px;font-weight:500;opacity:.9}
.violator .v2{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.05}
.violator .v3{font-size:14px;font-weight:600;margin-top:4px}
.violator .v3:empty::before{content:"Alle Anlässe →"}
@media (max-width:640px){.pagehead.withv{grid-template-columns:minmax(0,1fr)}.violator{width:132px;justify-self:end;margin-top:-8px}.violator .v2{font-size:18px}.violator .v1,.violator .v3{font-size:12px}}
@media (prefers-reduced-motion:reduce){.violator{transition:none}}
@media (max-width:640px){.pagehead.withv .violator{justify-self:end}}

/* Einzelseite Anlass */
.evhead{gap:12px}
.evhead h1{font-size:clamp(32px,5vw,52px)}
.evhead .evwhen{font-size:19px;font-weight:600;color:var(--fg)}
.evd{margin-top:32px}
.evd .evbody{display:flex;flex-direction:column;gap:16px;min-width:0}
.evd .evbody > p{margin:0;font-size:17px;line-height:1.6;max-width:68ch}
.evd:has(.evimg){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}
.evimg img{width:100%;border-radius:16px;display:block}
.evfacts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:8px 0 0;padding:18px 20px;background:var(--surface);border-radius:14px;box-shadow:0 1px 4px rgba(16,24,40,.06)}
.evfacts dt{font-size:14px;color:var(--soft)}
.evfacts dd{margin:0;font-size:15px}
@media (max-width:760px){.evd:has(.evimg){grid-template-columns:minmax(0,1fr)}.evimg{order:-1}}

/* --- Wandel: Wie sich Zug verändert --- */
.pagehead .lead2{font-family:var(--display);font-weight:700;font-size:22px;color:var(--fg)}
.mitreden{border-radius:14px;padding:22px 24px;background:var(--tint);border-left:6px solid var(--red);display:flex;flex-direction:column;gap:10px}
.mitreden .eyebrow{color:var(--red)}
.mitreden p{margin:0;font-size:17px}
.mitreden a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--fg);padding:8px 0;border-top:1px solid var(--line-strong)}
.mitreden a:first-of-type{border-top:0}
.mitreden a strong{font-family:var(--display);font-size:20px}
.mitreden a span{font-size:15px;color:var(--muted)}
.mitreden a:hover strong{text-decoration:underline}
.wmap{height:min(62vh,520px);border-radius:14px;overflow:hidden;background:var(--ph);box-shadow:0 2px 14px rgba(14,26,38,.10);z-index:0}
.wtip{background:var(--surface);color:var(--fg);border:0;border-radius:6px;font:700 13px var(--body);box-shadow:0 2px 8px rgba(0,0,0,.18);padding:3px 8px}
.wtip::before{display:none}
.wlegend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;font-size:14px;color:var(--soft);align-items:center}
.wlegend span{display:inline-flex;align-items:center;gap:6px}.wlegend i{display:inline-block;width:12px;height:12px;border-radius:50%}
.lg-plan{background:var(--red)}.lg-pol{background:var(--brand)}.lg-bau{background:var(--ok)}
.wtl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line-strong);margin-left:7px}
.wtl li{position:relative;padding:0 0 22px 26px}
.wtl li::before{content:"";position:absolute;left:-9px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong)}
.wtl li.done::before{background:var(--soft);border-color:var(--soft)}
.wtl li.next::before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 22%,transparent)}
.wtl li.now::before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 25%,transparent)}
@media (prefers-reduced-motion:no-preference){.wtl li.now::before{animation:p 2s ease-in-out infinite}}
.wtl a,.wtl li{color:var(--fg)}
.wtl a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px;text-decoration:none}
.wtl.dossier li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px}
.wtl .d{font-size:14px;font-weight:600;color:var(--soft);font-variant-numeric:tabular-nums}
.wtl li.next .d,.wtl li.now .d{color:var(--fg)}
.wtl li.done .c{color:var(--muted)}
.wtl .c b{display:block;font-family:var(--display);font-size:19px}
.wtl a:hover b{text-decoration:underline}
.wtl .src{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--brand)}
.wtl .src svg{width:12px;height:12px;vertical-align:-1px}
@media (max-width:560px){.wtl a,.wtl.dossier li{grid-template-columns:1fr}}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:20px}
.wcard{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:14px;background:var(--surface);box-shadow:0 2px 14px rgba(14,26,38,.08);text-decoration:none;color:var(--fg)}
.wcard strong{font-family:var(--display);font-size:24px;line-height:1.15}
.wcard .sub{font-size:15px;color:var(--muted)}
.wcard:hover strong{text-decoration:underline}
.wcard .nx{font-size:14px;color:var(--muted);margin-top:4px}
.wcard .nx b{color:var(--brand)}.wcard .nx.live b{color:var(--red)}
.phases{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-template-columns:repeat(var(--n,7),1fr);gap:4px}
.phases li{height:6px;border-radius:3px;background:var(--line)}
.phases li.on{background:var(--brand)}
.phases li.cur{background:var(--red)}
.phases span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.phases.big{gap:6px}
.phases.big li{height:10px;border-radius:5px;margin-bottom:28px;position:relative}
.wcard .ph-l{font-size:13px;font-weight:700;color:var(--red)}
.phases.big span{position:absolute;left:0;top:18px;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap;font-size:13px;font-weight:600;color:var(--soft)}
.phases.big li.on span{color:var(--muted)}
.phases.big li.cur span{color:var(--red);font-weight:800}
@media (max-width:560px){.phases.big span{font-size:0}.phases.big li.cur span{font-size:13px}}
.wfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;margin-top:16px}
@media (max-width:560px){.wfacts{grid-template-columns:1fr 1fr}.wfacts strong{font-size:18px}}
.wfacts div{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:12px;background:var(--tint-2)}
.wfacts span{font-size:13px;color:var(--soft)}
.wfacts strong{font-family:var(--display);font-size:22px;line-height:1.2}
/* Politik: Halbkreis-Sitzverteilung */
.hemi{display:block;width:100%;max-width:340px;margin:0 auto}
.hemi circle{transition:opacity .2s}
.hemi .hnum{font-family:var(--display);font-weight:800;font-size:34px;fill:var(--fg)}
.hemi .hlbl{font-size:12px;fill:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.seatl button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 8px;margin:0 -8px;border-radius:8px;cursor:pointer}
.seatl button:hover{background:var(--tint)}
.seatl button[aria-pressed="true"]{background:var(--tint);font-weight:600}
.seatl button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.seatl{gap:2px}
/* Politik: Themendossiers */
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.dcard{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:16px;background:var(--surface);box-shadow:0 10px 30px rgba(14,26,38,.06),0 2px 6px rgba(14,26,38,.03);text-decoration:none;color:var(--fg)}
.dcard strong{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.2}
.dcard .sub{font-size:15px;color:var(--muted);line-height:1.45}
.dcard .cnt{margin-top:auto;padding-top:6px;font-size:13px;color:var(--soft);font-variant-numeric:tabular-nums}
.dcard .nx{font-size:14px;color:var(--fg)}.dcard .nx b{color:var(--red)}
.dcard:hover strong{text-decoration:underline}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dcard{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}}
:root[data-theme="dark"] .dcard{background:var(--tint-2);box-shadow:0 0 0 1px var(--line)}
.gsteps{list-style:none;display:flex;gap:3px;margin:10px 0 4px;padding:0}
.gsteps li{flex:1;height:6px;border-radius:3px;background:var(--line-strong)}
.gsteps li.on{background:var(--blue)}.gsteps li.cur{background:var(--red)}
.glist{display:flex;flex-direction:column;gap:14px}
.gitem{padding:18px 22px;border-radius:14px;border:1px solid var(--line-strong)}
.gitem h3{margin:0 0 4px;font-family:var(--display);font-size:20px}
.gitem p{margin:6px 0 0;font-size:15px;color:var(--muted)}
.gitem .gl{font-size:13px;color:var(--soft)}
.gitem .nx{font-size:15px;color:var(--fg);margin-top:8px}.gitem .nx b{color:var(--red)}

/* Wohnen */
.wchip{align-self:flex-start;font-size:13px;font-weight:700;color:var(--ok);background:var(--tint-2);border-radius:999px;padding:3px 10px}
.wzahl{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.wzahl strong{font-family:var(--display);font-size:72px;line-height:1;color:var(--ok)}
.wzahl span{flex:1 1 280px;font-size:18px;color:var(--muted)}
.wzbar{height:12px;border-radius:6px;background:var(--line);margin:18px 0 8px;overflow:hidden}
.wzbar i{display:block;height:100%;background:var(--ok);border-radius:6px}
.wzziel{font-size:15px;color:var(--soft);margin:0}
.wlist a{grid-template-columns:180px minmax(0,1fr)}.wlist .d{min-width:0}.wlist .d b{font-family:var(--display);font-size:22px;color:var(--ok)}
.wlist .t strong{display:block;font-size:17px}.wlist .o{display:block}
.wwege{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px}
.wweg{padding:20px 22px;border:1px solid var(--line);border-radius:14px}
.wweg h3{font-family:var(--display);font-size:22px;margin:4px 0 8px}
.wweg p{margin:0 0 8px}.wweg ul{margin:0 0 8px;padding-left:20px;color:var(--muted)}
.wweg .lk a{color:var(--brand);font-weight:600}
@media (max-width:560px){.wzahl strong{font-size:56px}.wlist a{grid-template-columns:minmax(0,1fr)}}
/* Politik: Geschäfte & Vorstösse */
#gesParty{margin-top:0}
.glist2{border-top:1px solid var(--line);display:flex;flex-direction:column}
.gr{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}
.gr .d{font-size:14px;color:var(--soft);font-variant-numeric:tabular-nums;padding-top:3px}
.gr .c{display:flex;flex-direction:column;gap:6px;min-width:0}
.gr .t{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25}
.gr:hover .t{text-decoration:underline}
.gk{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px}
.gk b{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.pbadge{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--fg)}
.pbadge i{width:9px;height:9px;border-radius:50%}
.gs{align-self:flex-start;font-size:13px;font-weight:600;padding:3px 10px;border-radius:12px;background:var(--tint);color:var(--muted)}
.gs.new{color:var(--blue)}.gs.ok{color:var(--ok)}.gs.done{background:var(--blue);color:var(--bg)}.gs.no{color:var(--red)}
.gway{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 0;padding:0;font-size:12px;font-weight:600}
.gway li{padding:3px 10px;border-radius:12px;border:1px solid var(--line-strong);color:var(--soft)}
.gway li.on{background:var(--tint);border-color:transparent;color:var(--fg)}
.gway li+li::before{content:"→ ";color:var(--soft)}
.glist2 .gmore{margin-top:16px;align-self:flex-start}
@media (max-width:620px){.gr{grid-template-columns:minmax(0,1fr)}.gr .d{padding-top:0}}

/* ---------- Startseite (body.v2) ---------- */
.v2 .ibox{grid-template-columns:repeat(4,minmax(0,1fr))}
.v2 .iitem{padding:6px 22px;gap:14px}
.v2 section.block{margin-top:52px}
.v2 .shead{margin-bottom:16px}
.v2 .blist .bl{display:none}
.mrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.mi{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--surface);box-shadow:0 2px 14px rgba(14,26,38,.08);text-decoration:none;color:var(--fg)}
.mi.live{box-shadow:inset 4px 0 0 var(--red),0 2px 14px rgba(14,26,38,.08)}
.mt{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;border-radius:10px;background:var(--tint);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted)}
.mt b{font-family:var(--display);font-size:24px;line-height:1;color:var(--fg)}
.mt.live{background:var(--red);color:#fff}.mt.live b{color:#fff}
.mc{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc .eyebrow{color:var(--brand)}.mi.live .mc .eyebrow{color:var(--red)}
.mc strong{font-family:var(--display);font-size:18px;line-height:1.2}
.mc span:last-child{font-size:14px;color:var(--muted)}
.mi:hover strong{text-decoration:underline}
.wgrid.w3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.wgrid.w3{grid-template-columns:minmax(0,1fr)}}
.v2 .wcard{padding:18px}.v2 .wcard strong{font-size:21px}.v2 .wcard .sub{display:none}
.wband{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--tint);text-decoration:none;color:var(--fg)}
.wband strong{font-family:var(--display);font-size:34px;line-height:1;color:var(--ok)}
.wband span{flex:1 1 220px;font-size:16px;color:var(--muted)}
.wband em{font-style:normal;font-weight:600;color:var(--brand)}
.v2 .gr{padding:14px 0}
@media (max-width:720px){.v2 .ibox{grid-template-columns:repeat(2,minmax(0,1fr))}.v2 .iitem{padding:9px 14px;gap:10px}.v2 section.block{margin-top:40px}}
@media (max-width:480px){.v2 nav{gap:4px 16px;flex-wrap:nowrap}.v2 nav a{font-size:15px}}
@media (max-width:900px){.wgrid.w3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 10px}.wgrid.w3 .wcard{flex:0 0 82%;scroll-snap-align:start}}
.wmap .leaflet-tile-pane{filter:grayscale(1) contrast(.55) brightness(1.3);opacity:.75}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .wmap .leaflet-tile-pane{filter:grayscale(1) invert(1) contrast(.5) brightness(.9);opacity:.8}}
:root[data-theme="dark"] .wmap .leaflet-tile-pane{filter:grayscale(1) invert(1) contrast(.5) brightness(.9);opacity:.8}
.mbox{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:var(--surface);box-shadow:0 2px 14px rgba(14,26,38,.08)}
.mic{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;background:var(--tint);color:var(--brand)}
.mbox .mc strong{font-size:19px}.mbox .mc span:last-child{font-size:16px;color:var(--fg)}
/* Sprachumschalter */
nav a.lang{align-self:center;padding:4px 10px;border:1.5px solid var(--line-strong);border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--fg)}
nav a.lang::after{display:none}
nav a.lang:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:480px){.v2 nav a.lang,nav a.lang{padding:2px 8px;font-size:13px}}

/* ---------- Startseite Raster (body.v3, Variante C, Vorschau /start-c/) */
.v3{--rl:var(--fg);--rf:"Inter Tight",var(--display)}
.v3 header .wrap,.v3 .infobar .wrap,.v3 .search .wrap{max-width:none;padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}
.v3 header{border-bottom:1px solid var(--rl)}
.v3 .logo{font-family:var(--rf)}
.v3 .logo .now{color:var(--fg)}
.v3 nav a{font-weight:600;font-size:16px;color:var(--fg)}
.v3 .infobar .wrap{max-width:none;padding:0}
.v3 .ibox{max-width:none;margin:0;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:0;border-radius:0;box-shadow:none;background:var(--bg)}
.v3 .infobar{border-bottom:1px solid var(--rl)}
.v3 .iitem{padding:18px 24px;gap:12px;border-left:1px solid var(--rl)}
.v3 .iitem:first-child,.v3 .iitem[hidden]+.iitem{border-left:0;padding-left:40px}
.v3 .iitem::before,.v3 .iic,.v3 .ichev{display:none}
.v3 .itx{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.v3 .itx strong,.v3 #sunT{font:700 22px/1.15 var(--rf);letter-spacing:-.01em;text-transform:none;color:var(--fg)}
.rwrap{max-width:none;margin:0;padding-bottom:0}
.rg{display:grid;gap:1px;background:var(--rl);border-bottom:1px solid var(--rl)}
.rg>*{background:var(--bg);min-width:0}
.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.r12{grid-template-columns:repeat(12,minmax(0,1fr))}
.rc{display:flex;flex-direction:column;gap:10px;padding:28px;color:var(--fg);text-decoration:none;min-width:0}
@media (hover:hover){a.rc:hover strong,.rpl a:hover strong{color:var(--brand)}}
.rc strong{font:700 24px/1.15 var(--rf);letter-spacing:-.01em;overflow-wrap:anywhere}
.rk{font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.rs{font-size:15px;line-height:1.45;color:var(--muted)}
.rs b{color:var(--fg)}
.ra{margin-top:auto;font-size:22px;line-height:1}
.rmore{margin-top:auto;font-weight:600;font-size:16px;color:var(--fg);text-decoration:none}
.rmore:hover{color:var(--brand)}
.rhead{padding:40px}
.rhead h2,.rparl h2,.rbar h2{margin:0;font:800 48px/1 var(--rf);letter-spacing:-.03em}
.rx{background:var(--bg)}
/* Hero */
.rh1{grid-column:span 5;padding:56px 40px 40px;justify-content:space-between;gap:40px;min-height:420px}
.rh1 h1{margin:0;font:800 84px/.95 var(--rf);letter-spacing:-.035em}
.rh1 .dot{color:var(--red)}
.rh1 p{margin:0;font-size:18px;line-height:1.5;max-width:34ch;color:var(--muted)}
.rg>.rlead{grid-column:span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rl);color:var(--fg);text-decoration:none}
.rim{position:relative;background:var(--ph);min-height:420px}
.rim img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rlt{background:var(--bg);padding:40px 32px}
.rlt strong{font-size:34px;line-height:1.08;letter-spacing:-.02em}
.rlt .rs{font-size:16px}
.rsrc{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px}
.rlead.noimg .rlt{grid-column:1/-1}
/* Agenda */
.rtall{gap:20px}
.rtabs{display:flex;flex-wrap:wrap;gap:8px}
.rtab{min-height:44px;padding:0 18px;border:2px solid var(--fg);background:var(--bg);color:var(--fg);font:600 15px var(--body);cursor:pointer}
.rtab[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.rg>.rpanels{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rl)}
.rpanel{display:contents}
.rpanel[hidden]{display:none}
.rev{background:var(--bg);min-height:180px}
.rev .rs{font-size:14px;color:var(--soft)}
/* Jetzt mitreden */
.rblue{background:color-mix(in srgb,var(--brand) 70%,#fff)}
.rblue>*{background:var(--brand);color:var(--on-blue)}
.rbar{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:12px 24px;padding:32px 40px 24px}
.rbar span{flex:1 1 300px;font-size:16px;color:var(--on-blue-soft)}
.rbar a{font-weight:600;color:var(--on-blue);text-decoration:none}
.rmi{color:var(--on-blue);min-height:170px}
.rmi .rk{color:var(--on-blue-soft)}
.rmi .rd{font:800 40px/1 var(--rf);letter-spacing:-.02em}
.rmi strong{font-size:18px;line-height:1.3;font-family:var(--body);font-weight:600}
.rmi .rs{font-size:14px;color:var(--on-blue-soft)}
a.rmi:hover strong{color:var(--on-blue);text-decoration:underline}
.rmi.live .rk{color:#fff}.rmi.live .rk::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--live)}
.rblue>.rx{background:var(--brand)}
/* Wandel */
.rwv{min-height:240px;gap:12px}
.rph{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:3px}
.rph i{height:6px;background:var(--line)}
.rph i.on{background:var(--brand)}
.rwv.ph6 .rph i.on,.rwv.ph7 .rph i.on{background:var(--ok)}
.rwv.ph6 .rk,.rwv.ph7 .rk{color:var(--ok)}
.rwv strong{font-size:28px;line-height:1.1}
.rwv .rs{margin-top:auto}
.rwohn{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 32px;padding:24px 40px}
.rwohn strong{font:800 56px/1 var(--rf);letter-spacing:-.03em;color:var(--brand)}
.rwohn .rt{font-weight:600;font-size:18px;line-height:1.3;max-width:30ch}
.rbarw{flex:1 1 240px;height:12px;background:var(--line);position:relative}
.rbarw i{position:absolute;left:0;top:0;bottom:0;background:var(--brand)}
.rwohn .rs{font-size:14px;color:var(--soft)}
/* News + Parlament */
.rg>.rnl{grid-column:span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rl)}
.rnl>*{background:var(--bg)}
.rline{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:baseline;padding:40px 40px 16px}
.rline .rmore{margin-top:0}
.rnw{min-height:170px}
.rnw:nth-child(even){padding-left:40px}
.rnw strong{font-size:22px;line-height:1.2}
.rg>.rparl{grid-column:span 5;padding:40px;background:var(--tint-2)}
.rparl h2{margin-bottom:10px}
.rpl a{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid var(--line-strong);color:var(--fg);text-decoration:none}
.rpl a:last-child{border-bottom:1px solid var(--line-strong)}
.rpl .rk{color:var(--soft)}
.rpl strong{font:600 17px/1.35 var(--body)}
.rparl .rmore{margin-top:14px}
.v3 footer .wrap{max-width:none;padding-left:40px;padding-right:40px}
@media (max-width:1100px){.rh1 h1{font-size:64px}.rlt strong{font-size:28px}}
@media (max-width:900px){
  .r4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r12{grid-template-columns:minmax(0,1fr)}
  .r12>*,.rg>.rlead,.rg>.rnl,.rg>.rparl,.rh1{grid-column:1/-1}
  .rtall{grid-column:1/-1;grid-row:auto}
  .rg>.rpanels{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rhead{grid-column:1/-1}
  .rh1{min-height:0;padding:40px 24px 32px}.rh1 h1{font-size:56px}
  .rim{min-height:260px}
  .v3 .ibox{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .iitem,.v3 .iitem:first-child,.v3 .iitem[hidden]+.iitem{padding:14px 20px;border-left:0}
  .v3 .iitem:nth-child(n){border-bottom:1px solid var(--rl)}
  .rc,.rnw:nth-child(even){padding:22px 20px}
  .rhead,.rline,.rparl,.rbar,.rwohn{padding:28px 20px}
  .rhead h2,.rparl h2,.rbar h2{font-size:38px}
  .v3 header .wrap{padding-left:20px;padding-right:20px}
}
@media (max-width:560px){
  .r4,.rg>.rpanels,.rg>.rnl,.rg>.rlead{grid-template-columns:minmax(0,1fr)}
  .rlt{grid-column:1/-1}
  .rh1 h1{font-size:44px}
  .rev,.rmi,.rnw,.rwv{min-height:0}
  .rx{display:none}
}
.v3 .ilink{border-radius:0}
.rlt .rs{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.v3 .ilink{grid-column:auto}}
@media (max-width:720px){.v3 nav{gap:4px 18px}.v3 nav a{font-size:15px}}

/* Raster: Kopf wie Entwurf (Nav mittig, ohne «Start», DE | EN, Suche ohne Kreis) */
.v3 header .wrap{grid-template-columns:1fr auto 1fr}
.v3 header nav{justify-self:center;gap:4px 32px}
.v3 header nav a[href="/"],.v3 header nav a[href="/en/"]:not(.lang){display:none}
.v3 header nav a.lang{position:absolute;right:max(104px,calc(env(safe-area-inset-right,0px) + 104px));top:50%;transform:translateY(-50%);border:0;padding:12px 0;font-size:15px;letter-spacing:0}
.v3 header .wrap{position:relative}
.v3 header nav a.lang{color:var(--soft)}
.v3 header nav a.lang::before{content:"DE  |  ";white-space:pre;color:var(--fg)}
html[lang="en"] .v3 header nav a.lang::before{content:"EN  |  "}
.v3 header nav a.lang:hover{color:var(--brand)}
.v3 .sbtn{justify-self:end;background:transparent!important;box-shadow:none!important;color:var(--fg)}
/* Infoleiste: Bezeichnung immer oben, Wert darunter */
.v3 .itx:has(> strong:first-child){flex-direction:column-reverse}
.v3 .itx > span:not(:only-child):not(#sunT){font-size:13px}
.v3 .rcd{font-style:normal;color:var(--brand)}
@media (max-width:720px){.v3 header .wrap{grid-template-columns:1fr auto}.v3 header nav{justify-self:start;grid-column:1/-1}.v3 header nav a.lang{right:72px;top:38px;transform:none}}
/* Raster: Schrift wächst mit breiten Bildschirmen mit */
@media (min-width:1500px){
  .rh1 h1{font-size:clamp(84px,5.8vw,132px)}
  .rhead h2,.rparl h2,.rbar h2{font-size:clamp(48px,3.3vw,68px)}
  .rlt strong{font-size:clamp(34px,2.3vw,46px)}
  .rc strong{font-size:clamp(24px,1.6vw,32px)}
  .rmi .rd{font-size:clamp(40px,2.8vw,56px)}
  .rwohn strong{font-size:clamp(56px,3.8vw,80px)}
  .rh1 p,.rlt .rs{font-size:clamp(18px,1.1vw,21px)}
}
/* Raster: Fuss schliesst direkt an, weiss wie das Raster */
.v3 main+#ftr,.v3 #ftr{margin-top:0}
.v3 footer{border-top:0;background:var(--bg);margin-top:0}
.v3 footer .wrap{padding-block:40px 48px}
/* Raster: Kopfzeile bleibt oben stehen */
.v3 #hdr{display:contents}
.v3 header{position:sticky;top:0;z-index:50;background:var(--bg)}
.v3 .search{position:sticky;top:var(--hh,81px);z-index:49;background:var(--bg)}
/* Raster: kurzer Auszug in den Agenda-Kacheln */
.rex{font-size:15px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rev .rs{margin-top:2px}
/* Raster: alle Bänder im Mittelteil gleich gebaut (Titel = erste Spalte), gleiche Mindesthöhe */
.rblue>.rhead{color:var(--on-blue);gap:14px}
.rblue>.rhead .rs{color:var(--on-blue-soft)}
.rblue>.rhead .rmore{color:var(--on-blue)}
.rblue>.rhead .rmore:hover{color:var(--on-blue);text-decoration:underline}
.rev,.rmi,.rwv{min-height:230px}
@media (min-width:1500px){.rpl strong{font-size:clamp(17px,1.15vw,21px)}}
/* Raster: Slider im Hero */
.rslide{display:contents}
.rslide[hidden]{display:none}
.rslide.noimg .rlt{grid-column:1/-1}
.rimg{position:absolute;inset:0;display:block}
.rslider .credit{top:12px;bottom:auto}
.rsa{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:rgba(255,255,255,.92);color:#0E1A26;cursor:pointer}
.rsa:hover{background:#fff;color:var(--brand)}
.rprev{left:0}.rnext{right:0}
.rcnt{position:absolute;right:12px;top:12px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#3E5266;background:#fff;padding:4px 8px;border-radius:4px}
.rsa:focus-visible,.rsd:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* News: Titelzeile so hoch wie nötig, zusätzliche Höhe geht an die Kacheln */
.rg>.rnl{grid-template-rows:auto;grid-auto-rows:1fr}
/* Raster-Rahmen auf allen Seiten (body.v3): Titelschrift, Fuss mit Linie */
.v3{--display:"Inter Tight","Archivo","Arial Narrow",system-ui,sans-serif}
.v3:not(.vhome) footer{border-top:1px solid var(--rl)}

/* ---------- Raster-Seiten (main.rpage): Übersicht, z. B. Agenda */
.v3 main.rpage{max-width:none;padding:0;margin:0}
.rpage .rhead h1,.rphub .rhead h1{margin:0;font:800 56px/1 var(--rf);letter-spacing:-.03em}
.rphead .rhead{gap:14px}
.rphead .rhead .rk{color:var(--soft);margin-top:auto}
.rphead .rhead .rmore{margin-top:0}
.rflt{gap:14px}
.rflt .rk{color:var(--soft)}
.v3 .rflt .chips{margin:0;gap:6px}
.v3 .chip,.v3 .chips.time .chip{min-height:40px;padding:0 14px;border-radius:0;border:1px solid var(--fg);background:var(--bg);color:var(--fg);font:600 14px var(--body)}
.v3 .chip[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.v3 .chip:hover{border-color:var(--brand);color:var(--brand)}
.v3 .chip[aria-pressed="true"]:hover{color:var(--bg)}
/* Liste: Zeilen im 4er-Raster (Datum | Titel ×2 | Kategorie) */
.rlist{border-bottom:1px solid var(--rl)}
.rlist .agenda{border-top:0}
.rlist details.ev{border-top:1px solid var(--rl);border-bottom:0}
.rlist details.ev:first-child{border-top:0}
.rlist details.ev>summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;position:relative;align-items:stretch}
.rlist details.ev>summary>*{padding:20px 28px;min-width:0}
.rlist .date{grid-column:1;width:auto;flex-direction:row;align-items:baseline;gap:8px;border-radius:0;background:none;padding-left:40px;border-right:1px solid var(--rl)}
.rlist .date .wd,.rlist .date .mo{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.rlist .date .d{font:800 30px/1 var(--rf);color:var(--fg)}
.rlist .thumb{display:none}
.rlist .evmain{grid-column:2/span 2;border-right:1px solid var(--rl);gap:6px}
.rlist .evmain .ttl{font:700 22px/1.2 var(--rf);letter-spacing:-.01em}
.rlist .evmain .meta{font-size:15px;color:var(--muted)}
.rlist .evside{grid-column:4;flex-direction:column;gap:6px;padding-right:64px}
.v3 .tag{border-radius:0;background:none;padding:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.v3 .tag.off{color:var(--red)}
.rlist details.ev>summary>svg{position:absolute;right:28px;top:22px;padding:0}
.rlist details.ev>summary:hover .ttl{text-decoration:none;color:var(--brand)}
.rlist details.ev[open]>summary .evmain,.rlist details.ev[open]>summary .date{border-bottom:0}
.rlist .panel{padding:4px 28px 28px calc(25% + 28px)}
.v3 .panel .pimg{border-radius:0}
.v3 .btn{border-radius:0}
.rmorebar{padding:20px 40px;border-top:1px solid var(--rl)}
.rmorebar:has(.showmore[hidden]){display:none}
.v3 .showmore{margin:0;border-radius:0;border:1px solid var(--fg)}
/* Kachel-Bänder mit Bild (Wochenende, Laufend): Linien nur wo Kacheln sind */
.rg>.rcards{grid-column:span 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--bg);margin:0 -1px -1px 0}
.rg:has(>.rcards){overflow:hidden}
.rcards>a{padding:28px;gap:10px;box-shadow:inset -1px 0 0 var(--rl),inset 0 -1px 0 var(--rl);background:var(--bg)}
.rcards>p{padding:28px;margin:0}
.v3 .rcards .ph{border-radius:0;aspect-ratio:16/10}
.v3 .rcards .ph img{border-radius:0}
.v3 .rcards .when{border-radius:0}
.rcards strong{font:700 22px/1.2 var(--rf);letter-spacing:-.01em}
.rcards a:hover strong{text-decoration:none;color:var(--brand)}
.rcards .eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
@media (min-width:1500px){.rpage .rhead h1,.rphub .rhead h1{font-size:clamp(56px,3.8vw,76px)}.rlist .evmain .ttl,.rcards strong{font-size:clamp(22px,1.5vw,30px)}}
@media (max-width:900px){
  .rpage .rhead h1,.rphub .rhead h1{font-size:42px}
  .rflt{grid-column:1/-1}
  .rlist details.ev>summary{grid-template-columns:96px minmax(0,1fr)}
  .rlist details.ev>summary>*{padding:16px 20px}
  .rlist .date{flex-direction:column;align-items:flex-start;gap:2px;padding-left:20px}
  .rlist .evmain{grid-column:2;border-right:0;padding-right:52px}
  .rlist .evside{grid-column:2;padding-top:0}
  .rlist details.ev>summary>svg{right:16px;top:18px}
  .rlist .panel{padding:0 20px 24px 116px}
  .rg>.rcards{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rmorebar{padding:16px 20px}
}
@media (max-width:560px){.rg>.rcards{grid-template-columns:minmax(0,1fr)}.rlist .panel{padding:0 20px 24px}}
.rlist details.ev.same .date>*{visibility:hidden}
.rlist details.ev.same{border-top:0}
.rlist details.ev.same>summary>.evmain,.rlist details.ev.same>summary>.evside{box-shadow:0 -1px 0 var(--rl)}
@media (max-width:900px){
  .rlist .date{grid-row:span 2}
  .rflt .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .rflt .chip{flex:0 0 auto}
}
@media (max-width:720px){.v3 header nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.v3 header nav a{flex:0 0 auto}}
@media (max-width:900px){.rlist details.ev.same>summary>.evside{box-shadow:none}}
/* Agenda-Liste: Linien wie .rg (1-px-Abstand statt Zellrand), auch im aufgeklappten Teil */
.rlist details.ev>summary{gap:1px;background:var(--rl)}
.rlist details.ev>summary>*{background:var(--bg)}
.rlist details.ev>summary>svg{background:none}
.rlist .date,.rlist .evmain{border-right:0}
.rlist .panel,.rlist .panel.withimg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;background:var(--rl)}
.rlist .panel::before{content:"";background:var(--bg)}
.rlist .panel>div:first-child{grid-column:2/span 2;background:var(--bg);padding:4px 28px 28px}
.rlist .panel>.pimg{grid-column:4;background:var(--bg);aspect-ratio:auto;padding:4px 28px 28px;max-width:none}
.rlist .panel>.pimg img{aspect-ratio:4/3;height:auto}
.rlist .panel:not(.withimg)::after{content:"";background:var(--bg)}
@media (max-width:900px){
  .rlist details.ev>summary{row-gap:0}
  .rlist .panel,.rlist .panel.withimg{grid-template-columns:96px minmax(0,1fr);row-gap:0}
  .rlist .panel>div:first-child{grid-column:2;padding:0 20px 20px}
  .rlist .panel>.pimg{grid-column:2;padding:0 20px 24px}
  .rlist .panel::before{grid-row:span 2}
  .rlist .panel:not(.withimg)::after{display:none}
}
/* News- und Amtlich-Liste im 4er-Raster (Datum | Titel ×2 | Bild/Stelle) */
.rspan3{grid-column:span 3}
.rspan2{grid-column:span 2}
.rflt .rs{margin:0;max-width:72ch}
.rlist .nlist,.rlist .amtlist{border-top:0;display:block}
.rlist .nlist a,.rlist .nlist a.img,.rlist .amtlist a{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;background:var(--rl);border-bottom:0;border-top:1px solid var(--rl);align-items:stretch}
.rlist .nlist a:first-child,.rlist .amtlist a:first-child{border-top:0}
.rlist .nlist a>*,.rlist .amtlist a>*{background:var(--bg);padding:22px 28px;min-width:0}
.rlist .nlist .d,.rlist .amtlist .d{grid-column:1;padding-left:40px;font-size:14px;color:var(--soft);gap:6px}
.rlist .nlist .d b{font-size:12px;letter-spacing:.08em;color:var(--brand)}
.v3 .nlist .d .ntop{font-style:normal;border-radius:0;background:none;padding:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.rlist .nlist .c{grid-column:2/span 2;gap:8px}
.rlist .nlist .t,.rlist .amtlist .t{font:700 22px/1.2 var(--rf);letter-spacing:-.01em}
.rlist .nlist a:hover .t,.rlist .amtlist a:hover .t{text-decoration:none;color:var(--brand)}
.rlist .nlist .i{grid-column:4;border-radius:0;aspect-ratio:auto;padding:22px 28px}
.rlist .nlist .i img{aspect-ratio:4/3;height:auto}
.rlist .nlist a:not(.img)::after{content:"";background:var(--bg)}
.rlist .amtlist .t{grid-column:2/span 2;display:flex;flex-direction:column;gap:6px}
.rlist .amtlist .t .lbl{font:600 12px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin:0!important}
.rlist .amtlist .t .lbl.red{color:var(--red)}
.rlist .amtlist .o{grid-column:4;font-size:14px;color:var(--soft)}
.rlist>p{padding:24px 40px;margin:0}
@media (min-width:1500px){.rlist .nlist .t,.rlist .amtlist .t{font-size:clamp(22px,1.5vw,30px)}}
@media (max-width:900px){
  .rspan3{grid-column:1/-1}
  .rlist .nlist a,.rlist .nlist a.img,.rlist .amtlist a{grid-template-columns:96px minmax(0,1fr);row-gap:0}
  .rlist .nlist a>*,.rlist .amtlist a>*{padding:16px 20px}
  .rlist .nlist .d,.rlist .amtlist .d{grid-row:span 2;padding-left:20px}
  .rlist .nlist .c,.rlist .amtlist .t{grid-column:2}
  .rlist .nlist .i{grid-column:2;padding-top:0}
  .rlist .amtlist .o{grid-column:2;padding-top:0}
  .rlist .nlist a:not(.img)::after{display:none}
}
.rlist .nlist .i{background:var(--bg)}

/* ---------- Raster für alle übrigen Seiten (Seitenkopf + Abschnitte): Titel links, Inhalt rechts */
.v3 main.wrap:not(.rpage){max-width:none;margin:0;padding:0}
.v3 main.wrap:not(.rpage)>.pagehead{margin:0;padding:56px 40px 44px;border-bottom:1px solid var(--rl);gap:14px}
.v3 main.wrap:not(.rpage)>.pagehead h1{font:800 clamp(44px,4.4vw,76px)/1 var(--rf);letter-spacing:-.03em;font-stretch:normal;max-width:18ch}
.v3 main.wrap:not(.rpage)>.pagehead p{max-width:64ch}
.v3 main.wrap:not(.rpage)>.pagehead .eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.v3 main.wrap:not(.rpage)>section.block{margin:0;display:grid;grid-template-columns:calc((100% - 3px) / 4) minmax(0,1fr);column-gap:1px;align-items:start;border-bottom:1px solid var(--rl);
  background:linear-gradient(var(--rl),var(--rl)) no-repeat calc((100% - 3px) / 4) 0/1px 100%}
.v3 main.wrap:not(.rpage)>section.block>.shead{grid-column:1;margin:0;padding:40px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}
.v3 main.wrap:not(.rpage)>section.block>.shead h2{font:800 clamp(32px,2.6vw,48px)/1.02 var(--rf);letter-spacing:-.03em}
.v3 main.wrap:not(.rpage)>section.block>.shead span{font-size:15px;color:var(--muted)}
.v3 main.wrap:not(.rpage)>section.block>.shead a{color:var(--fg);text-decoration:none}
.v3 main.wrap:not(.rpage)>section.block>.shead a:hover{color:var(--brand)}
.v3 main.wrap:not(.rpage)>section.block>:not(.shead){grid-column:2;margin:0;padding:40px 40px 40px 28px;min-width:0}
.v3 main.wrap:not(.rpage)>section.block>:not(.shead)+:not(.shead){padding-top:0}
.v3 main.wrap:not(.rpage)>div:not(.pagehead){margin:0;padding:32px 40px;border-bottom:1px solid var(--rl)}
.v3 main.wrap:not(.rpage) :where(*):not(i):not(.dot){border-radius:0!important}
.v3 main.wrap:not(.rpage) :where(*):not(:focus-visible){box-shadow:none!important}
@media (max-width:900px){
  .v3 main.wrap:not(.rpage)>.pagehead{padding:36px 20px 28px}
  .v3 main.wrap:not(.rpage)>section.block{display:block;background:none}
  .v3 main.wrap:not(.rpage)>section.block>.shead{padding:28px 20px 0}
  .v3 main.wrap:not(.rpage)>section.block>:not(.shead),.v3 main.wrap:not(.rpage)>section.block>:not(.shead)+:not(.shead){padding:20px 20px 28px}
  .v3 main.wrap:not(.rpage)>div:not(.pagehead){padding:24px 20px}
}
/* Mobil: kompakter Kopf, Infoleiste mit sauberen Linien (6.11.2026) */
.v3 .rcd::before{content:" · "}
@media (max-width:900px){
  .v3 .ibox{gap:1px;background:var(--rl)}
  .v3 .iitem,.v3 .iitem:first-child,.v3 .iitem[hidden]+.iitem,.v3 .iitem:nth-child(n){border:0;background:var(--bg);padding:14px 20px}
  .v3 .itx strong,.v3 #sunT{font-size:19px}
  .v3 .itx{font-size:11px}
  .v3 .rcd{display:block;font-size:14px;font-weight:600;letter-spacing:0}
  .v3 .rcd::before{content:none}
}
@media (max-width:720px){
  .v3 header .wrap{padding:8px 20px 0;gap:0 12px;grid-template-columns:1fr auto;align-items:center}
  .v3 .logo{font-size:26px;line-height:44px}
  .v3 .sbtn{width:44px;height:44px;grid-row:1;grid-column:2}
  .v3 header nav{grid-row:2;grid-column:1/-1;justify-self:stretch;gap:0 18px;margin:0 -20px;padding:0 20px}
  .v3 header nav a{font-size:15px;padding:10px 0 12px}
  .v3 header nav a::after{bottom:6px}
  .v3 header nav a.lang{position:absolute;top:30px;right:68px;transform:translateY(-50%);padding:8px 0;font-size:14px}
}
@media (max-width:900px){.v3 #wx[hidden]~.iitem:last-child{grid-column:1/-1}}
@media (max-width:900px){.v3 .ibox{align-items:stretch}}
/* Mobil: Agenda-Kacheln auf der Startseite als wischbarer Slider (6.11.2026) */
@media (max-width:720px){
  .rg>.rpanels{display:block;background:var(--bg)}
  .rpanel{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:1px;background:var(--rl);
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .rpanel::-webkit-scrollbar{display:none}
  .rpanel[hidden]{display:none}
  .rpanel>.rev{scroll-snap-align:start;min-height:220px}
  .rpanel>.rx{display:none}
  .ragenda .rtall{border-bottom:0}
}
/* Wisch-Gruppen (News, Jetzt mitreden): am Computer unsichtbar, mobil Slider wie die Agenda */
.rswipe{display:contents}
.rnwrap>.rnw:nth-child(odd){padding-left:40px}
.rnwrap>.rnw:nth-child(even){padding-left:28px}
@media (max-width:900px){.rnwrap>.rnw:nth-child(n){padding:22px 20px}}
@media (max-width:720px){
  .rswipe{display:grid;grid-column:1/-1;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:1px;background:var(--rl);
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .rswipe::-webkit-scrollbar{display:none}
  .rswipe>*{scroll-snap-align:start;min-height:200px}
  .rswipe>.rx{display:none}
  .rblue>.rswipe{background:color-mix(in srgb,var(--brand) 70%,#fff)}
}
.rnwrap>*{background:var(--bg)}
.rblue .rswipe>*{background:var(--brand);color:var(--on-blue)}
.rwvwrap>*{background:var(--bg)}
/* Wetter nur im Wochenend-Reiter und auf /wochenende/ (7.11.2026) */
.wkwx{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;font-size:14px;line-height:1.3;color:var(--muted)}
.wkwx[hidden]{display:none}
.wkd{display:inline-flex;align-items:center;gap:8px}
.wkd b{font-weight:700;color:var(--fg)}
.wkd svg{width:26px;height:26px;flex:none}
.wkd span+span{font-weight:600;color:var(--fg)}
.ragenda:not([data-t="wochenende"]) .wkwx{display:none}
.ragenda .wkwx{flex-direction:column;align-items:flex-start;gap:6px}
.pagehead .wkwx{margin-top:14px}
/* Mobil: Countdown «in N Tagen» ausblenden, Infoleiste bleibt ruhig zweizeilig (7.11.2026) */
@media (max-width:900px){.v3 .rcd{display:none}}
/* Karte Baugesuche (7.11.2026) */
.bgmap{height:min(52vh,440px)}
.wlegend i.lg-ring{background:transparent;border:3px solid var(--brand);box-sizing:border-box}
.bgpop .leaflet-popup-content{font:15px/1.45 var(--sans,inherit);margin:12px 16px}
.bgpop .leaflet-popup-content-wrapper{border-radius:0}
/* Startseite: Wohnzähler entfernt, Link «Günstig wohnen» unter «Alle Vorhaben» (7.11.2026) */
.rhead .rmore+.rmore2{margin-top:-4px}
/* Agenda: Tage auf- und zuklappbar (7.11.2026) */
.rlist details.aday{border-top:1px solid var(--rl)}
.rlist details.aday:first-child{border-top:0}
.rlist details.aday>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rl);position:relative;align-items:stretch}
.rlist details.aday>summary::-webkit-details-marker{display:none}
.rlist details.aday>summary>*{background:var(--bg);padding:20px 28px;min-width:0}
.rlist details.aday>summary>svg{position:absolute;right:28px;top:50%;margin-top:-11px;width:22px;height:22px;padding:0;background:none;transition:transform .2s}
.rlist details.aday[open]>summary>svg{transform:rotate(180deg)}
.rlist .aday>summary>.date{padding-left:40px}
.rlist .dpv{grid-column:2/span 2;align-self:stretch;display:flex;align-items:center;font-size:15px;line-height:1.5;color:var(--muted)}
.rlist .dpv .pvs{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rlist .dpv .pv:not(:last-child)::after{content:" · ";color:var(--soft)}
.rlist .dn{grid-column:4;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:64px}
.rlist .dn strong{font:700 18px/1.2 var(--rf)}
.rlist .dn .rel{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
@media (hover:hover){.rlist details.aday>summary:hover strong{color:var(--brand)}}
.rlist .dbody{border-top:1px solid var(--rl)}
.rlist .dbody details.ev:first-child>summary>.evmain,.rlist .dbody details.ev:first-child>summary>.evside{box-shadow:none}
@media (max-width:900px){
  .rlist details.aday>summary{grid-template-columns:96px minmax(0,1fr)}
  .rlist details.aday>summary>*{padding:16px 20px}
  .rlist .aday>summary>.date{grid-row:span 2;padding-left:20px}
  .rlist .dpv{grid-column:2;grid-row:2;align-items:flex-start;padding-top:4px;padding-right:52px;font-size:14px}
  .rlist .dn{grid-column:2;grid-row:1;padding-bottom:0;padding-right:52px;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:10px}
  .rlist .aday[open] .dpv{display:none}
  .rlist .aday[open]>summary>.date{grid-row:auto}
  .rlist details.aday>summary{row-gap:0}
  .rlist details.aday>summary>svg{right:16px;top:18px;margin-top:0}
}
/* offener Tag: keine Vorschau, Anzahl rückt nach links */
.rlist .aday[open] .dpv{display:none}
@media (min-width:901px){.rlist .aday[open] .dn{grid-column:2/span 3}}
/* Agenda: Tageszeilen hinterlegt, Anlässe weiss (7.11.2026) */
.rlist details.aday>summary>*:not(svg){background:var(--tint-2)}
@media (hover:hover){.rlist details.aday>summary:hover>*:not(svg){background:var(--tint)}}
/* Agenda mobil kompakter (7.11.2026): Tageszeile einzeilig, Anlässe volle Breite */
@media (max-width:900px){
  .rlist details.aday>summary{grid-template-columns:auto minmax(0,1fr);gap:0;background:var(--tint-2)}
  .rlist details.aday>summary>*{padding:14px 20px}
  .rlist .aday>summary>.date{grid-row:auto;flex-direction:row;align-items:baseline;gap:6px;padding:14px 0 14px 20px}
  .rlist .aday>summary>.date .d{font-size:24px}
  .rlist .dn{grid-column:2;grid-row:1;padding:14px 52px 14px 14px;align-self:center}
  .rlist .dn strong{font-size:16px}
  .rlist .dpv{grid-column:1/-1;grid-row:2;padding:0 52px 14px 20px;font-size:14px}
  .rlist details.aday>summary>svg{top:16px}
  .rlist details.aday:not([open])>summary>.date,.rlist details.aday:not([open])>summary>.dn{padding-bottom:4px}
  .rlist .dbody details.ev>summary{grid-template-columns:minmax(0,1fr)}
  .rlist .dbody details.ev>summary>.date{display:none}
  .rlist .dbody .evmain{grid-column:1;padding:14px 52px 4px 20px;box-shadow:none!important}
  .rlist .dbody .evmain .ttl{font-size:18px}
  .rlist .dbody .evside{grid-column:1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:0 20px 14px;box-shadow:none!important}
  .rlist .dbody details.ev{border-top:1px solid var(--rl)}
  .rlist .dbody details.ev:first-child{border-top:0}
  .rlist .dbody details.ev>summary>svg{top:14px}
  .rlist .dbody .panel,.rlist .dbody .panel.withimg{grid-template-columns:minmax(0,1fr)}
  .rlist .dbody .panel::before,.rlist .dbody .panel::after{display:none}
  .rlist .dbody .panel>div:first-child,.rlist .dbody .panel>.pimg{grid-column:1;padding:4px 20px 20px}
}
/* Agenda mobil: Filter einklappbar (7.11.2026) */
.fbtn{display:none}
@media (max-width:900px){
  .rphead .fbtn{display:flex;flex-direction:row;justify-content:flex-start;grid-column:1/-1;align-items:center;min-height:0;gap:12px;width:100%;padding:16px 20px;border:0;background:var(--tint-2);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
  .fbtn .fl{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
  .fbtn .fs{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fbtn .chev{width:22px;height:22px}
  .rphead.fopen .fbtn .chev{transform:rotate(180deg)}
  .rphead.fcol:not(.fopen) .rflt{display:none}
}
/* News & Amtlich mobil kompakter (7.11.2026): Datum als Zeile über dem Titel, volle Breite */
@media (max-width:900px){
  .rlist .nlist a,.rlist .nlist a.img,.rlist .amtlist a{grid-template-columns:minmax(0,1fr);gap:0}
  .rlist .nlist .d,.rlist .amtlist .d{grid-row:auto;grid-column:1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 20px 4px}
  .rlist .nlist .c,.rlist .amtlist .t{grid-column:1;padding:0 20px 16px}
  .rlist .amtlist .o{grid-column:1;padding:0 20px 16px;margin-top:-8px}
  .rlist .nlist .t,.rlist .amtlist .t{font-size:18px}
  .rlist .nlist .i{display:none}
}
/* Wochenende: Wetter in der Tageszeile (7.11.2026) */
.rlist .dwx{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--muted);margin-top:4px}
.rlist .dwx svg{width:26px;height:26px;flex:0 0 auto}
@media (max-width:900px){.rlist .dn{flex-wrap:wrap}.rlist .dwx{margin-top:0;font-size:13px}.rlist .dwx svg{width:22px;height:22px}}
/* Offener Tag: Anzahl weg (man sieht die Anlässe), nur «Heute/Morgen» (7.11.2026) */
.rlist .aday[open] .dn strong{display:none}
/* Agenda: Hinweis auf /wochenende/, nur bei Filter «Wochenende» (7.11.2026) */
.rlist .wklink{display:block;padding:16px 40px;border-bottom:1px solid var(--rl);font-weight:600;color:var(--brand);text-decoration:none;background:var(--bg)}
.rlist .wklink[hidden]{display:none}
@media (hover:hover){.rlist .wklink:hover{text-decoration:underline}}
@media (max-width:900px){.rlist .wklink{padding:14px 20px}}
/* News + Amtsblatt (7.11.2026): Amtsblatt-Einträge dunkel markiert */
.nlist .d b.ab,.rlist .nlist .d b.ab{color:var(--fg)}
@media (max-width:900px){.rspan2{grid-column:1/-1}}
/* Mobil: 4 Navigationspunkte über die ganze Breite verteilt (seit «Amtlich» weg, 7.11.2026) */
@media (max-width:720px){.v3 header nav{justify-content:space-between}}
/* Kontakt & Impressum (7.11.2026) */
.prose{max-width:68ch;font-size:16px;line-height:1.6;color:var(--muted)}
.prose p{margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin:2px 0}
.prose a{color:var(--brand)}

/* Wandel: Luftbild, verstrichene Termine, Prüfhinweis (7.11.2026) */
.aer{position:relative;display:block;width:100%;overflow:hidden;background:var(--tint-2,#e8edf2)}
.aer img{position:absolute;max-width:none;display:block}
.aer-pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:3px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px rgba(0,0,0,.25)}
.wcard .wimg{margin-bottom:10px}
.wcard .wimg .aer-pin{width:14px;height:14px;margin:-7px 0 0 -7px}
.wfig{margin:0}.wfig figcaption{font-size:12px;color:var(--soft);margin-top:6px}
.wtl li.due::before{border-style:dashed;border-color:var(--soft)}
.wtl .due{display:inline-block;font-size:13px;color:var(--soft);font-style:italic}
.note.warn{color:var(--red)}
/* Mobil: alle Wisch-Kacheln der Startseite gleich hoch (8.11.2026) */
@media (max-width:720px){
  .rpanel>.rev,.rswipe>.rc{box-sizing:border-box;height:280px;min-height:0;overflow:hidden}
  .rpanel>.rev strong,.rswipe>.rc strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex:none}
  .rpanel>.rev .rex,.rswipe>.rc .rex,.rswipe>.rc .rs{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .rpanel>.rev .rs{-webkit-line-clamp:1}
}
/* Aus dem Parlament: kurzer Kopf, Stand · Datum unten; mobil kompakter (8.11.2026) */
.rpl .rpm{font-size:13px;color:var(--soft)}
@media (max-width:720px){
  .rg>.rparl{padding:28px 20px 24px}
  .rparl h2{font-size:32px;margin-bottom:6px}
  .rpl a{gap:4px;padding:14px 0}
  .rpl strong{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .rparl .rmore{margin-top:16px}
}
/* Mobil: alle Abschnittsköpfe der Startseite gleich (8.11.2026) – Titel, darunter Links in einer Zeile, Agenda-Reiter zuletzt */
@media (max-width:720px){
  .vhome .rhead,.vhome .rg>.rparl{padding:28px 20px 24px}
  .vhome .rhead{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;align-content:flex-start;gap:10px 22px;min-height:0}
  .vhome .rhead h2{flex:0 0 100%}
  .vhome .rhead h2,.vhome .rparl h2{font-size:34px;line-height:1.05;margin:0}
  .vhome .rhead>.rs{display:none}
  .vhome .rhead .rmore,.vhome .rparl .rmore{margin:0;font-size:15px}
  .vhome .rhead .rtabs{order:3;flex:0 0 100%;margin:8px 0 0}
  .vhome .rhead .wkwx{order:4;flex:0 0 100%}
  .vhome .rparl h2{margin-bottom:10px}
  .vhome .rparl .rmore{align-self:flex-start;margin-top:16px}
}
/* Fuss gegliedert (8.11.2026): Logo, Veranstaltungen, Orte, Stadt & Politik, Stadtentwicklung, Kontakt – ein Link pro Zeile */
.v3 footer .wrap{display:grid;grid-template-columns:minmax(120px,1fr) repeat(5,minmax(0,1fr));gap:28px 32px;align-items:start}
.v3 footer .col{max-width:none}
footer .fcol{gap:7px}
footer .fcol .fh{font-weight:600;color:var(--fg);margin-bottom:4px}
footer .fcol a{color:var(--muted);text-decoration:none}
footer .fcol a:hover{color:var(--fg);text-decoration:underline}
footer .fnote{margin-top:6px;font-size:13px}
@media (max-width:1100px){.v3 footer .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.v3 footer .wrap>.col:first-child{grid-column:1/-1}}
@media (max-width:720px){.v3 footer .wrap{grid-template-columns:1fr 1fr;padding:32px 20px 40px;gap:28px 20px}
  .v3 footer .wrap>.col:first-child,.v3 footer .wrap>.col:last-child{grid-column:1/-1}}
/* Fuss mobil kompakt (8.11.2026): eine Spalte, Links pro Gruppe nebeneinander */
@media (max-width:720px){
  .v3 footer .wrap{grid-template-columns:1fr;gap:20px;padding:28px 20px 36px}
  footer .fcol{flex-direction:row;flex-wrap:wrap;gap:6px 16px;font-size:14px}
  footer .fcol .fh{flex:0 0 100%;margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
  footer .fcol a{color:var(--fg)}
  footer .fnote{flex:0 0 100%;margin-top:2px;font-size:12px;color:var(--soft)}
}
/* Hauptseiten-Kopf einheitlich (8.11.2026): Titel + ein Satz links, rechts drei Kacheln (Politik, Wandel) bzw. Filter (Agenda, News) */
.rphub .rptiles{display:contents}
.rpt{gap:8px;background:var(--bg)}
.rpt .rk{color:var(--brand)}
.rpt strong{font:800 clamp(30px,2.4vw,40px)/1 var(--rf);letter-spacing:-.02em}
.rpt .rt{font-weight:600;font-size:17px;line-height:1.3}
.rpt .rs{font-size:14px;color:var(--soft);line-height:1.4}
.rpt em{margin-top:auto;padding-top:8px;font-style:normal;font-weight:600;font-size:15px;color:var(--fg)}
a.rpt:hover em,a.rpt:hover .rt{color:var(--brand)}
.rpt.live .rk::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--live)}
.v3 main.wrap:not(.rpage)>.rphead{border-bottom:1px solid var(--rl)}
@media (max-width:900px){.rphub .rhead{grid-column:1/-1}}
@media (max-width:720px){
  .rpt{padding:18px 20px;gap:6px}
  .rpt strong{font-size:28px}
  .rpt em{padding-top:4px}
}
/* Politik im Raster (8.11.2026): Karten als Zellen mit 1-px-Linien statt schwebender Kästen */
.v3 .dgrid,.v3 .votes,.v3 .polparties,.v3 .polcomp{gap:0;background:none;border-top:1px solid var(--rl);border-left:1px solid var(--rl)}
.v3 .dcard,.v3 .vcard,.v3 .polparties a,.v3 .polc{background:var(--bg);border:0;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl);box-shadow:none}
.v3 .vcard.next{background:var(--tint-2)}
.v3 .dcard,.v3 .vcard{padding:24px}
.v3 .polparties a{padding:18px 20px}
.v3 .polparties a:hover,.v3 a.dcard:hover{background:var(--tint-2)}
.polcomp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.polc{padding:24px;min-width:0}
.polc .polh3{margin:0 0 8px}
.polc .hemi{max-width:340px}
@media (max-width:900px){.polcomp{grid-template-columns:minmax(0,1fr)}.polc{padding:20px}}
@media (max-width:900px){
  .v3 .dgrid,.v3 .votes,.v3 .polparties,.v3 .polcomp{border:0;border-top:1px solid var(--line)}
  .v3 .dcard,.v3 .vcard,.v3 .polparties a,.v3 .polc{border-right:0;border-bottom:1px solid var(--line);padding-left:0;padding-right:0}
  .v3 .vcard.next{padding-left:16px;padding-right:16px}
}
/* Unterseiten einheitlich (8.11.2026): Krümelpfad klein über dem Titel, Karten als Rasterzellen */
.v3 main.wrap:not(.rpage)>.pagehead .crumb{order:-2;margin:0!important;font-size:13px;color:var(--soft)}
.v3 main.wrap:not(.rpage)>.pagehead .crumb a{color:var(--soft)}
.v3 main.wrap:not(.rpage)>.pagehead .eyebrow{order:-1}
.v3 .wgrid,.v3 .wfacts,.v3 .wwege{gap:0;background:none;border-top:1px solid var(--rl);border-left:1px solid var(--rl)}
.v3 .wcard,.v3 .wfacts div,.v3 .wweg{background:var(--bg);border:0;border-right:1px solid var(--rl);border-bottom:1px solid var(--rl);box-shadow:none}
.v3 .wcard{padding:24px}
.v3 a.wcard:hover{background:var(--tint-2)}
@media (max-width:900px){
  .v3 .wgrid:not(.w3),.v3 .wfacts,.v3 .wwege{border:0;border-top:1px solid var(--line)}
  .v3 .wgrid:not(.w3) .wcard,.v3 .wfacts div,.v3 .wweg{border-right:0;border-bottom:1px solid var(--line);padding-left:0;padding-right:0}
  .v3 .wfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .wfacts div{padding:14px 12px 14px 0}
}
/* Politik: Filter Geschäfte & Vorstösse wie Agenda/News (8.11.2026) */
.gfbtn{display:none}
.gfilt{display:flex;flex-direction:column;gap:14px}
.gfrow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}
.gfrow[hidden]{display:none}
.gfrow .rk{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.gfilt .chips{margin:0;gap:6px}
@media (max-width:900px){
  .v3 main.wrap:not(.rpage)>section.block>.gfilt{padding:16px 0 0}
  .gfbtn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border:0;background:var(--tint-2);color:var(--fg);font:inherit;text-align:left;cursor:pointer}
  .gfbtn .fl{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
  .gfbtn .fs{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gfbtn .chev{width:22px;height:22px}
  .gfilt.fopen .gfbtn .chev{transform:rotate(180deg)}
  .gfilt:not(.fopen) .gfrow{display:none}
  .gfilt{gap:0;border-top:1px solid var(--rl);border-bottom:1px solid var(--rl)}
  .gfrow{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 20px 0}
  .gfrow:last-child{padding-bottom:16px}
  .gfilt .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .gfilt .chip{flex:0 0 auto}
}
/* Politik Feinschliff (8.11.2026) */
.v3 .pollinks{gap:8px 22px;margin-top:20px}
.v3 .pollinks a{font-weight:600;font-size:15px;color:var(--fg);text-decoration:none}
.v3 .pollinks a:hover{color:var(--brand)}
.srl li:last-child{border-bottom:0}
@media (max-width:900px){
  .v3 main.wrap:not(.rpage)>section.block>.gfilt{padding:0}
  .gfilt{border-top:0}
  .v3 .pollinks{flex-direction:column;gap:12px}
}
@media (max-width:900px){.v3 .polc:last-child,.v3 .dcard:last-child,.v3 .vcard:last-child,.v3 .polparties a:last-child{border-bottom:0;padding-bottom:0}}

/* Wandel-Dossier (10.11.2026): Luftbild klein im Kopf, Stand-Block ohne doppelte Linien, Schlussnotiz über volle Breite */
.v3 main.wrap:not(.rpage)>.pagehead.wdhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:24px 56px;align-items:start}
.wdhead .phtext{display:flex;flex-direction:column;gap:14px;min-width:0}
.wdhead .wfig{width:100%}
.wstand{display:flex;flex-direction:column;gap:24px}
.wstand .wfacts{margin:0}

@media (max-width:900px){
  .v3 main.wrap:not(.rpage)>.pagehead.wdhead{grid-template-columns:minmax(0,1fr)}
}
.v3 .wlinks .polparties{display:flex;flex-wrap:wrap;border:0}
.v3 .wlinks .polparties a{flex:0 1 280px;border:1px solid var(--rl);margin:0 -1px -1px 0;padding:18px 20px}
/* Jetzt mitreden als Terminliste, Vorhaben mit Luftbild (10.11.2026) */
.rg>.rml{grid-column:span 3;display:flex;flex-direction:column;justify-content:center;padding:16px 40px}
.rmr{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2.6fr) minmax(0,3fr) 24px;align-items:center;gap:8px 28px;
  padding:18px 0;color:var(--on-blue);text-decoration:none;border-top:1px solid color-mix(in srgb,var(--on-blue) 28%,transparent)}
.rmr:first-child{border-top:0}
.rmr .rd{font:800 36px/1 var(--rf);letter-spacing:-.02em}
.rmr .rmc{display:flex;flex-direction:column;gap:4px;min-width:0}
.rmr .rk{color:var(--on-blue-soft)}
.rmr strong{font:700 20px/1.2 var(--rf);color:var(--on-blue)}
.rmr .rs{font-size:15px;line-height:1.4;color:var(--on-blue-soft)}
.rmr .ra{font-size:20px;transition:transform .15s}
.rmr.live .rk{color:#fff}.rmr.live .rk::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--live)}
@media (hover:hover){.rmr:hover strong{text-decoration:underline}.rmr:hover .ra{transform:translateX(4px)}}
@media (min-width:1500px){.rmr .rd{font-size:clamp(36px,2.4vw,48px)}.rmr strong{font-size:clamp(20px,1.3vw,26px)}.rmr .rs{font-size:clamp(15px,.95vw,18px)}}
@media (max-width:900px){.rg>.rml{grid-column:1/-1;padding:4px 20px 8px}}
@media (max-width:720px){
  .rmr{grid-template-columns:76px minmax(0,1fr);gap:4px 16px;align-items:start;padding:16px 0}
  .rmr .rd{font-size:28px;grid-row:span 2}
  .rmr .rs{grid-column:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .rmr .ra{display:none}
}
.rwv .rwimg{margin:-28px -28px 6px;width:calc(100% + 56px)}
.rwv .rwimg .aer-pin{width:14px;height:14px;margin:-7px 0 0 -7px}
@media (hover:hover){.rwv .rwimg img{transition:transform .3s}a.rwv:hover .rwimg img{transform:scale(1.03)}}
@media (max-width:900px){.rwv .rwimg{margin:-22px -20px 6px;width:calc(100% + 40px)}}
@media (max-width:720px){.rwvwrap>.rc.rwv{height:auto}}

/* Raster-Abschnitte (10.11.2026): Abstand als Aussenabstand, damit Rahmen von Listen und Kartenrastern
   nicht auf den Rasterlinien liegen; Abschnitte ohne Titel über die volle Breite; Zeitachse durch die Punkte */
.v3 main.wrap:not(.rpage)>section.block>:not(.shead){padding:0;margin:40px 40px 40px 28px}
.v3 main.wrap:not(.rpage)>section.block>:not(.shead)+:not(.shead){margin-top:0;padding:0}
.v3 main.wrap:not(.rpage)>section.block:not(:has(>.shead)){background:none}
.v3 main.wrap:not(.rpage)>section.block:not(:has(>.shead))>*{grid-column:1/-1;margin:28px 40px}
.v3 main.wrap:not(.rpage)>section.block:not(:has(>.shead))>*+*{margin-top:0}
.v3 main.wrap:not(.rpage)>section.block:last-child{border-bottom:0}
.v3 main.wrap:not(.rpage)>section.block>ol.wtl{margin-left:35px}
.v3 main.wrap:not(.rpage)>section.block>ol.wtl>li:last-child{padding-bottom:0}
@media (max-width:900px){
  .v3 main.wrap:not(.rpage)>section.block>:not(.shead),
  .v3 main.wrap:not(.rpage)>section.block>:not(.shead)+:not(.shead),
  .v3 main.wrap:not(.rpage)>section.block:not(:has(>.shead))>*{margin:20px 20px 28px;padding:0}
  .v3 main.wrap:not(.rpage)>section.block>ol.wtl{margin-left:27px}
  .v3 main.wrap:not(.rpage)>section.block>.gfilt{margin:0}
}
.v3 main.wrap:not(.rpage)>section.block>:empty{display:none}
@media (max-width:900px){.v3 .gfilt+.glist2,.v3 .gfilt+.nlist,.v3 .gfilt+.amtlist{border-top:0}}

/* Kartenraster bündig im Abschnitt statt Rahmen im Rahmen (10.11.2026, Desktop) */
@media (min-width:901px){
  .v3 main.wrap:not(.rpage)>section.block>:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp),
  .v3 main.wrap:not(.rpage)>section.block>#polVotes:has(>.votes){margin-left:0;margin-right:-1px;border-left:0}
  .v3 main.wrap:not(.rpage)>section.block>.shead+:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp,#polVotes){margin-top:0;border-top:0}
  .v3 main.wrap:not(.rpage)>section.block>:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp,#polVotes):last-child{margin-bottom:-1px}
  .v3 #polVotes>.votes{border-top:0;border-left:0}
  .v3 main.wrap:not(.rpage)>section.block:has(>:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp,#polVotes)){overflow:clip}
}
@media (min-width:901px){
  .v3 main.wrap:not(.rpage)>section.block:not(:has(>.shead))>:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp):first-child{margin-top:0;border-top:0}
}
/* Kennzahlen im Dossier ohne eigenen Rahmen, nur Trennstriche */
.v3 .wstand .wfacts{border:0}
.v3 .wstand .wfacts div{border:0;border-left:1px solid var(--rl);padding:2px 20px}
.v3 .wstand .wfacts div:first-child{border-left:0;padding-left:0}
@media (max-width:900px){.v3 .wstand .wfacts div,.v3 .wstand .wfacts div:first-child{border-left:0;border-bottom:1px solid var(--line);padding:12px 12px 12px 0}}
/* Spaltenlinie als eigenes Element statt Hintergrund: rundet gleich wie die Kopf-Raster (kein Versatz um ein Bildschirmpixel) */
@media (min-width:901px){
  .v3 main.wrap:not(.rpage)>section.block{background:none;position:relative}
  .v3 main.wrap:not(.rpage)>section.block:has(>.shead)::before{content:"";position:absolute;top:0;bottom:0;left:calc((100% - 3px) / 4);width:1px;background:var(--rl);pointer-events:none}
}
@media (min-width:901px){.v3 main.wrap:not(.rpage)>section.block>:is(.wgrid,.wwege,.wfacts,.dgrid,.polparties,.polcomp,#polVotes):last-child{align-self:stretch}}
/* Wandel-Dossier: Kurz beantwortet + redaktionelle Texte (10.11.2026) */
.wfaq{border-top:1px solid var(--line)}
.wfq{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:6px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
.wfq h3{font-size:15px;font-weight:600;color:var(--soft);margin:0;line-height:1.45}
.wfq p{margin:0;font-size:16px;line-height:1.45}.wfq p+p{margin-top:2px;color:var(--soft)}
@media (max-width:560px){.wfq{grid-template-columns:1fr;gap:2px}}
.wtext p{max-width:68ch;font-size:17px;line-height:1.55;margin:0 0 12px}.wtext p:last-child{margin-bottom:0}
.phases li.opt{background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px)}