@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(/static/fonts/barlow-condensed-600-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/static/fonts/barlow-condensed-700-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(/static/fonts/barlow-condensed-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/static/fonts/inter-400-latin.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/static/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/static/fonts/inter-700.woff2) format("woff2")}
:root{
 --hue:205;
 --bg:oklch(0.985 0.003 205);--surface:oklch(0.96 0.008 205);--surface2:oklch(0.93 0.014 205);
 --ink:oklch(0.23 0.03 225);--muted:oklch(0.48 0.025 225);--border:oklch(0.88 0.012 205);
 --deep:oklch(0.30 0.06 222);--deep2:oklch(0.38 0.07 215);--accent:oklch(0.55 0.13 200);--accent-ink:#fff;
 --i0:oklch(0.62 0.15 160);--i1:oklch(0.72 0.14 125);--i2:oklch(0.80 0.15 85);--i3:oklch(0.64 0.18 45);--i4:oklch(0.52 0.19 20);--ina:oklch(0.75 0.01 225);
 --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;
 --t-sm:clamp(.83rem,.8rem + .2vw,.9rem);--t-base:clamp(1rem,.96rem + .2vw,1.075rem);--t-lg:clamp(1.2rem,1.1rem + .5vw,1.45rem);
 --t-xl:clamp(1.6rem,1.3rem + 1.3vw,2.3rem);--t-2xl:clamp(2.2rem,1.6rem + 3vw,3.6rem);
 --r:10px;--ease:cubic-bezier(.22,1,.36,1)
}
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 var(--t-base)/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:var(--deep2);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:"Barlow Condensed",Inter,sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.01em;text-wrap:balance;color:var(--deep)}
h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl);margin-bottom:var(--s4)}h3{font-size:var(--t-lg);font-weight:600;margin-bottom:var(--s2)}
p{max-width:70ch;text-wrap:pretty}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--s4)}
.muted{color:var(--muted)}.small{font-size:var(--t-sm)}
/* header */
.top{background:var(--deep);color:#fff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-family:"Barlow Condensed";font-weight:700;font-size:1.6rem;letter-spacing:.01em}
.logo:hover{color:#fff}
.logo svg{width:34px;height:34px}
.logo small{display:block;font:400 .72rem/1 Inter;opacity:.75;letter-spacing:0}
.nav{display:flex;gap:.2rem;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;padding:.45rem .7rem;border-radius:999px;font-size:.93rem;opacity:.9}
.nav a:hover,.nav a.on{background:oklch(1 0 0 / .12);opacity:1;color:#fff}
.ticker{background:var(--deep2);color:#fff;font-size:var(--t-sm)}
.ticker .wrap::-webkit-scrollbar{display:none}
.ticker .wrap{display:flex;gap:var(--s6);overflow-x:auto;white-space:nowrap;padding-top:.45rem;padding-bottom:.45rem;scrollbar-width:none}
.ticker a{color:#fff;text-decoration:none}.ticker b{font-weight:600}
/* hero */
.hero{background:var(--deep);color:#fff;padding:var(--s12) 0 var(--s12)}
.hero h1{color:#fff;max-width:18ch}
.hero .lead{font-size:var(--t-lg);opacity:.88;margin-top:var(--s4);max-width:52ch}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s8);align-items:center}
.panel{background:#fff;color:var(--ink);border-radius:var(--r);padding:var(--s6);box-shadow:0 10px 30px -12px oklch(0.2 0.05 225 / .35)}
.panel h2{font-size:var(--t-lg);margin-bottom:var(--s3)}
/* index chips */
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap}
.chip.i0{background:var(--i0)}.chip.i1{background:var(--i1);color:oklch(0.25 0.05 125)}.chip.i2{background:var(--i2);color:oklch(0.3 0.06 85)}.chip.i3{background:var(--i3)}.chip.i4{background:var(--i4)}.chip.ina{background:var(--ina);color:var(--ink)}
.dot{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;flex:none}
.dot.i0{background:var(--i0)}.dot.i1{background:var(--i1)}.dot.i2{background:var(--i2)}.dot.i3{background:var(--i3)}.dot.i4{background:var(--i4)}.dot.ina{background:var(--ina)}
/* sections */
section{padding:var(--s12) 0}
section.alt{background:var(--surface)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6)}
.sec-head h2{margin:0}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
.box{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:var(--s6)}
.big{font-family:"Barlow Condensed";font-weight:700;font-size:clamp(2.6rem,2rem + 3vw,4.2rem);line-height:1;color:var(--deep)}
.unit{font-size:1rem;color:var(--muted);font-family:Inter;font-weight:400;margin-left:.2rem}
/* ort-liste (kompakte Kacheln unterschiedlicher Größe) */
.orte{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}
.orte a{background:#fff;border:1px solid var(--border);border-radius:8px;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;text-decoration:none;color:var(--ink)}
.orte a:hover{background:var(--surface)}
.orte .n{font-weight:600;min-width:0;overflow-wrap:anywhere;line-height:1.3}.orte .v{flex:none}.orte .v{font-family:"Barlow Condensed";font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:.4rem}
/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:var(--t-sm);background:#fff}
.tbl th{text-align:left;font-weight:600;color:var(--muted);border-bottom:2px solid var(--border);padding:.6rem .7rem;white-space:nowrap}
.tbl td{border-bottom:1px solid var(--border);padding:.6rem .7rem;vertical-align:middle}
.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl tr:hover td{background:var(--surface)}
.tblwrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r)}
/* pegel bar */
.bar{height:8px;background:var(--surface2);border-radius:99px;position:relative;overflow:hidden}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:99px}
.diff-neg{color:var(--i3);font-weight:600}.diff-pos{color:var(--deep2);font-weight:600}
/* breadcrumb */
.crumbs{font-size:var(--t-sm);color:var(--muted);padding-top:var(--s4)}
.crumbs a{color:var(--muted)}
.pagehead{padding-top:var(--s8);padding-bottom:var(--s6);border-bottom:1px solid var(--border);margin-bottom:var(--s8)}
.pagehead .lead{font-size:var(--t-lg);color:var(--muted);margin-top:var(--s3);max-width:60ch}
.prose h2{margin-top:var(--s8)}.prose p,.prose ul{margin-bottom:var(--s4)}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.3rem}
.prose>*{max-width:72ch}.prose>.tblwrap{max-width:none}
.stand{font-size:var(--t-sm);color:var(--muted)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:var(--t-sm)}
.kv dt{color:var(--muted)}.kv dd{font-weight:600;margin:0}
.days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;text-align:center}
.days div{background:var(--surface);border-radius:8px;padding:.6rem .3rem;font-size:var(--t-sm)}
.days b{display:block;font-family:"Barlow Condensed";font-size:1.3rem}
.pl{display:grid;grid-template-columns:1fr repeat(3,auto);gap:.4rem .9rem;align-items:center;font-size:var(--t-sm)}
.lvl{display:inline-block;width:70px;height:8px;border-radius:99px;background:var(--surface2);position:relative;overflow:hidden}
.lvl i{position:absolute;inset:0 auto 0 0;border-radius:99px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
.card{display:block;text-decoration:none;color:var(--ink)}
.card .ress{font-size:.8rem;font-weight:600;color:var(--accent)}
.card h3{font-size:1.35rem;margin:.25rem 0 .4rem;color:var(--deep)}
.card:hover h3{color:var(--accent)}
.card img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);margin-bottom:.7rem;background:var(--surface2)}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:.6rem 1.1rem;border-radius:999px;font-weight:600;font-size:.95rem}
.btn:hover{background:var(--deep2);color:#fff}
.note{background:var(--surface);border-radius:var(--r);padding:var(--s4) var(--s6);font-size:var(--t-sm)}
.foot{background:var(--deep);color:oklch(0.9 0.02 205);padding:var(--s12) 0 var(--s8);font-size:var(--t-sm);margin-top:var(--s16)}
.foot a{color:#fff;text-decoration:none}.foot a:hover{text-decoration:underline}
.foot h4{font-family:"Barlow Condensed";font-size:1.15rem;color:#fff;margin-bottom:.6rem}
.foot ul{list-style:none;padding:0}.foot li{margin:.25rem 0}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s8)}
.foot .legal{border-top:1px solid oklch(1 0 0 / .15);margin-top:var(--s8);padding-top:var(--s4);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;opacity:.8}
svg.chart{width:100%;height:auto}
svg.chart polyline{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round}
.art-body{font-size:1.08rem}.art-body h2{margin-top:var(--s8)}.art-body p,.art-body ul,.art-body ol{margin-bottom:var(--s4)}.art-body ul,.art-body ol{padding-left:1.3rem}
@media (max-width:900px){
 .hero-grid,.grid2,.grid3,.cards,.foot .cols{grid-template-columns:1fr}
 .hero{background:var(--deep);padding-bottom:var(--s8)}
 .nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;scrollbar-width:none;margin:0 calc(-1*var(--s4));padding-left:var(--s4);width:calc(100% + 2*var(--s4))}
 .nav::-webkit-scrollbar{display:none}
 .nav a{flex:none}
 .days{grid-template-columns:repeat(3,minmax(0,1fr))}
 .days div:nth-child(n+4){display:none}
 .box{padding:var(--s4)}
 .orte{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
 .orte a{padding:.6rem .7rem;font-size:.92rem}
 .pl{gap:.4rem .5rem}.lvl{width:48px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Mobile-Menü */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#fff;font-weight:600;font-size:.95rem;padding:.5rem .8rem;border-radius:999px;background:oklch(1 0 0 / .1)}
.mnav summary::-webkit-details-marker{display:none}
.burger{display:inline-flex;flex-direction:column;gap:4px;width:18px}
.burger i{display:block;height:2px;background:#fff;border-radius:2px;transition:transform var(--dur,240ms) var(--ease),opacity .2s}
.mnav[open] .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mnav[open] .burger i:nth-child(2){opacity:0}
.mnav[open] .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav-panel{position:fixed;left:0;right:0;top:64px;bottom:0;background:var(--deep);overflow-y:auto;padding:var(--s4) var(--s4) var(--s12);z-index:30;display:grid;gap:var(--s6);border-top:1px solid oklch(1 0 0 / .12)}
.mnav-h{font:700 1.05rem/1 "Barlow Condensed",sans-serif;color:#5fd0c8;margin-bottom:.4rem}
.mnav-col a{display:block;color:#fff;text-decoration:none;padding:.6rem 0;border-bottom:1px solid oklch(1 0 0 / .1);font-size:1.02rem}
.mnav-col a:hover{color:#5fd0c8}
.answer{font-size:var(--t-lg);line-height:1.5;color:var(--ink);margin-top:var(--s4);max-width:62ch}
.answer strong{color:var(--deep)}
.facts{font-size:var(--t-sm);color:var(--muted);margin-top:var(--s3)}
@media (max-width:900px){
 .nav{display:none}
 .mnav{display:block}
 .top .wrap{flex-wrap:nowrap;min-height:64px}
 body:has(.mnav[open]){overflow:hidden}
}