:root{
  color-scheme:light dark;
  --serif:Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;
  --rad:8px; --rad-klein:5px;
  --gitter:32px;
  --breite:72rem;
  
  --klebehoehe:105px;
  --schatten:0 1px 2px var(--schatten1),0 9px 26px -13px var(--schatten2);
  --ring:0 0 0 1px var(--linie);
  --ring-kontur:0 0 0 1px var(--kontur);
  --ring-kante:0 0 0 1px var(--kante);
}
:root{--grund:light-dark(oklch(96.4% .006 210),oklch(15.5% .014 220));--flaeche:light-dark(oklch(100% 0 0),oklch(20% .017 220));--flaeche2:light-dark(oklch(98.2% .005 210),oklch(17.6% .016 220));--tinte:light-dark(oklch(21% .022 220),oklch(94% .008 210));--tinte2:light-dark(oklch(41% .019 220),oklch(78% .012 210));--gedaempft:light-dark(oklch(50% .016 220),oklch(63% .015 215));--linie:light-dark(oklch(91.5% .009 215),oklch(27% .018 220));--linie2:light-dark(oklch(85% .014 215),oklch(34% .022 220));--kontur:light-dark(oklch(62% .014 215),oklch(54% .022 220));--kante:light-dark(oklch(48% .095 205),oklch(80% .12 195));--kante2:light-dark(oklch(95% .028 200),oklch(28% .045 200));--warn:light-dark(oklch(52% .11 65),oklch(78% .12 75));--warn2:light-dark(oklch(96% .04 80),oklch(28% .05 70));--ruhe:light-dark(oklch(63% .017 220),oklch(54% .016 220));--raster:light-dark(oklch(88% .012 215),oklch(22.5% .018 220));--leucht:light-dark(oklch(48% .095 205 / .18),oklch(80% .12 195 / .2));--glas:light-dark(oklch(100% 0 0 / .8),oklch(20% .017 220 / .76));--auf:light-dark(oklch(100% 0 0),oklch(15% .02 205));--schatten1:light-dark(oklch(21% .022 220 / .06),oklch(0% 0 0 / .5));--schatten2:light-dark(oklch(21% .022 220 / .14),oklch(0% 0 0 / .7));}@supports not (color:light-dark(#fff,#000)){:root{--grund:oklch(96.4% .006 210);--flaeche:oklch(100% 0 0);--flaeche2:oklch(98.2% .005 210);--tinte:oklch(21% .022 220);--tinte2:oklch(41% .019 220);--gedaempft:oklch(50% .016 220);--linie:oklch(91.5% .009 215);--linie2:oklch(85% .014 215);--kontur:oklch(62% .014 215);--kante:oklch(48% .095 205);--kante2:oklch(95% .028 200);--warn:oklch(52% .11 65);--warn2:oklch(96% .04 80);--ruhe:oklch(63% .017 220);--raster:oklch(88% .012 215);--leucht:oklch(48% .095 205 / .18);--glas:oklch(100% 0 0 / .8);--auf:oklch(100% 0 0);--schatten1:oklch(21% .022 220 / .06);--schatten2:oklch(21% .022 220 / .14);}@media(prefers-color-scheme:dark){:root{--grund:oklch(15.5% .014 220);--flaeche:oklch(20% .017 220);--flaeche2:oklch(17.6% .016 220);--tinte:oklch(94% .008 210);--tinte2:oklch(78% .012 210);--gedaempft:oklch(63% .015 215);--linie:oklch(27% .018 220);--linie2:oklch(34% .022 220);--kontur:oklch(54% .022 220);--kante:oklch(80% .12 195);--kante2:oklch(28% .045 200);--warn:oklch(78% .12 75);--warn2:oklch(28% .05 70);--ruhe:oklch(54% .016 220);--raster:oklch(22.5% .018 220);--leucht:oklch(80% .12 195 / .2);--glas:oklch(20% .017 220 / .76);--auf:oklch(15% .02 205);--schatten1:oklch(0% 0 0 / .5);--schatten2:oklch(0% 0 0 / .7);}}}@media(prefers-contrast:more){:root{--grund:light-dark(oklch(96.4% .006 210),oklch(15.5% .014 220));--flaeche:light-dark(oklch(100% 0 0),oklch(20% .017 220));--flaeche2:light-dark(oklch(98.2% .005 210),oklch(17.6% .016 220));--tinte:light-dark(oklch(21% .022 220),oklch(94% .008 210));--tinte2:light-dark(oklch(32% .02 220),oklch(88% .01 210));--gedaempft:light-dark(oklch(42% .018 220),oklch(74% .012 215));--linie:light-dark(oklch(72% .012 215),oklch(48% .022 220));--linie2:light-dark(oklch(62% .014 215),oklch(55% .022 220));--kontur:light-dark(oklch(48% .016 215),oklch(70% .02 220));--kante:light-dark(oklch(42% .1 205),oklch(87% .11 195));--kante2:light-dark(oklch(95% .028 200),oklch(28% .045 200));--warn:light-dark(oklch(44% .11 65),oklch(86% .11 75));--warn2:light-dark(oklch(96% .04 80),oklch(28% .05 70));--ruhe:light-dark(oklch(50% .018 220),oklch(70% .014 220));--raster:light-dark(oklch(88% .012 215),oklch(22.5% .018 220));--leucht:light-dark(oklch(48% .095 205 / .18),oklch(80% .12 195 / .2));--glas:light-dark(oklch(100% 0 0 / .8),oklch(20% .017 220 / .76));--auf:light-dark(oklch(100% 0 0),oklch(15% .02 205));--schatten1:light-dark(oklch(21% .022 220 / .06),oklch(0% 0 0 / .5));--schatten2:light-dark(oklch(21% .022 220 / .14),oklch(0% 0 0 / .7));}}@supports not (color:light-dark(#fff,#000)){@media(prefers-contrast:more){:root{--grund:oklch(96.4% .006 210);--flaeche:oklch(100% 0 0);--flaeche2:oklch(98.2% .005 210);--tinte:oklch(21% .022 220);--tinte2:oklch(32% .02 220);--gedaempft:oklch(42% .018 220);--linie:oklch(72% .012 215);--linie2:oklch(62% .014 215);--kontur:oklch(48% .016 215);--kante:oklch(42% .1 205);--kante2:oklch(95% .028 200);--warn:oklch(44% .11 65);--warn2:oklch(96% .04 80);--ruhe:oklch(50% .018 220);--raster:oklch(88% .012 215);--leucht:oklch(48% .095 205 / .18);--glas:oklch(100% 0 0 / .8);--auf:oklch(100% 0 0);--schatten1:oklch(21% .022 220 / .06);--schatten2:oklch(21% .022 220 / .14);}@media(prefers-color-scheme:dark){:root{--grund:oklch(15.5% .014 220);--flaeche:oklch(20% .017 220);--flaeche2:oklch(17.6% .016 220);--tinte:oklch(94% .008 210);--tinte2:oklch(88% .01 210);--gedaempft:oklch(74% .012 215);--linie:oklch(48% .022 220);--linie2:oklch(55% .022 220);--kontur:oklch(70% .02 220);--kante:oklch(87% .11 195);--kante2:oklch(28% .045 200);--warn:oklch(86% .11 75);--warn2:oklch(28% .05 70);--ruhe:oklch(70% .014 220);--raster:oklch(22.5% .018 220);--leucht:oklch(80% .12 195 / .2);--glas:oklch(20% .017 220 / .76);--auf:oklch(15% .02 205);--schatten1:oklch(0% 0 0 / .5);--schatten2:oklch(0% 0 0 / .7);}}}}


*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;
scroll-padding-top:calc(var(--klebehoehe) + .9rem)}
:target{scroll-margin-top:calc(var(--klebehoehe) + .9rem)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--grund);color:var(--tinte);
font:.9375rem/1.62 var(--sans);text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
scrollbar-color:var(--linie2) transparent;scrollbar-width:thin}


body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
background-image:linear-gradient(var(--raster) 1px,transparent 1px),
linear-gradient(90deg,var(--raster) 1px,transparent 1px);
background-size:var(--gitter) var(--gitter);
-webkit-mask-image:radial-gradient(120% 70% at 50% 0,#000 0%,transparent 72%);
mask-image:radial-gradient(120% 70% at 50% 0,#000 0%,transparent 72%)}
body::after{content:"";position:fixed;left:50%;top:-16rem;width:60rem;height:32rem;
transform:translateX(-50%);z-index:-1;pointer-events:none;
background:radial-gradient(50% 50% at 50% 50%,var(--leucht),transparent 70%)}

main{max-width:var(--breite);width:100%;margin:0 auto;padding:2.75rem 1.5rem 5rem;flex:1}
::selection{background:var(--kante);color:var(--auf)}
a{color:var(--kante);text-underline-offset:.18em;text-decoration-thickness:1px}


.sprungmarke{position:absolute;left:-9999px;top:0;z-index:40;
display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;
background:var(--flaeche);color:var(--kante);font-family:var(--sans);font-size:.9rem;
font-weight:600;text-decoration:none;border-radius:0 0 var(--rad) 0;
box-shadow:var(--ring-kante),var(--schatten)}
.sprungmarke:focus{left:0}


:focus-visible{outline:2px solid transparent;outline-offset:2px;border-radius:3px;
box-shadow:0 0 0 2px var(--flaeche),0 0 0 4px var(--kante)}


header{position:sticky;top:0;z-index:20;background:var(--glas);
-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);
box-shadow:0 1px 0 0 var(--linie)}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
background:linear-gradient(90deg,var(--kante),transparent 42%)}
.kopf{max-width:var(--breite);margin:0 auto;padding:.7rem 1.5rem;display:flex;
flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem}
.marke{display:inline-flex;align-items:center;text-decoration:none;
color:var(--tinte);font-family:var(--mono);font-size:1.04rem;letter-spacing:-.02em;line-height:1}
.marke .signet{color:var(--kante);flex:none;margin-right:.5rem;
transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.marke b{font-weight:700}
.marke span{color:var(--gedaempft);font-weight:400}


.kopf nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:0 1.05rem;font-size:.85rem}
.kopf nav a{position:relative;display:inline-flex;align-items:center;min-height:36px;
color:var(--tinte2);text-decoration:none;white-space:nowrap;transition:color .15s ease}
.kopf nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;
background:var(--kante);border-radius:2px;transform:scaleX(0);transform-origin:left;
transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.kopf nav a[aria-current]{color:var(--tinte);font-weight:600}
.kopf nav a[aria-current]::after{transform:scaleX(1)}

.kopf nav a.marke::after{content:none}
.kopf nav a.marke{margin-right:.9rem;font-weight:400}


.kopfsuche{display:flex;align-items:center;margin:0;padding:0;background:none;
box-shadow:none;border-radius:0}
.kopfsuche input{min-width:10.5rem;max-width:15rem;min-height:36px;
font:.85rem var(--sans);color:var(--tinte);padding:.35rem .7rem .35rem 1.95rem;
border:0;border-radius:999px;background-color:var(--flaeche2);
box-shadow:var(--ring-kontur);
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='4.4' fill='none' stroke='%23566268' stroke-width='1.5'/%3E%3Cpath d='M10.4 10.4 14 14' stroke='%23566268' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:.62rem center;background-size:14px;
transition:box-shadow .14s ease,background-color .14s ease}
.kopfsuche input:focus{background-color:var(--flaeche)}
.nurvorleser{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
white-space:nowrap}

.kopfsuche input::placeholder{color:var(--gedaempft);opacity:1}


.sprachwechsel{display:inline-flex;align-items:center;min-height:36px;
padding:0 .7rem;border-radius:999px;box-shadow:var(--ring);
color:var(--tinte2);text-decoration:none;font-size:.8rem;white-space:nowrap;
transition:box-shadow .14s ease,color .14s ease}


.bereichsleiste{position:sticky;top:calc(var(--klebehoehe) - 45px);z-index:19;
background:var(--flaeche2);box-shadow:0 1px 0 0 var(--linie)}

nav[aria-label].bereichsinnen{max-width:var(--breite);margin:0 auto;padding:0 1.5rem;
display:flex;flex-wrap:wrap;gap:0 1.5rem;font-family:var(--sans);font-size:.83rem}

nav[aria-label].bereichsinnen a{display:inline-flex;align-items:center;gap:.45rem;
min-height:44px;min-width:0;padding:0;box-shadow:none;border-radius:0;
color:var(--tinte2);text-decoration:none;border-bottom:2px solid transparent;
white-space:nowrap;transition:color .14s ease,border-color .14s ease}
nav[aria-label].bereichsinnen a[aria-current]{color:var(--tinte);font-weight:600;
border-bottom-color:var(--kante)}
.bereichsinnen .zahl{font:400 .76rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums}


h1{font-family:var(--sans);font-size:clamp(1.95rem,1.25rem + 2.4vw,2.9rem);
font-weight:700;letter-spacing:-.034em;line-height:1.1;margin:0 0 .6rem;max-width:24ch;
overflow-wrap:anywhere;text-wrap:balance}

h2{font-family:var(--sans);font-size:.72rem;font-weight:650;letter-spacing:.13em;
text-transform:uppercase;color:var(--gedaempft);margin:3rem 0 1rem;
display:flex;align-items:center;gap:.7rem}
h2::before{content:"";flex:none;width:14px;height:2px;background:var(--kante);
box-shadow:0 0 8px var(--leucht)}
h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--linie),transparent)}
h3{font-family:var(--sans);font-size:1.02rem;font-weight:650;letter-spacing:-.01em;
margin:1.8rem 0 .5rem}
p{margin:0 0 1rem;max-width:68ch;font-family:var(--serif);font-size:1.0625rem;
line-height:1.72;color:var(--tinte2);text-wrap:pretty}
ul{padding-left:1.15rem;max-width:68ch}
li{margin-bottom:.4rem}
strong{font-weight:650;color:var(--tinte)}
.anriss{font-size:1.22rem;line-height:1.6;max-width:56ch;margin-bottom:0;color:var(--tinte2)}


.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
gap:.9rem;margin-top:.2rem}
.kachel{position:relative;display:flex;flex-direction:column;overflow:hidden;
background:var(--flaeche);border-radius:var(--rad);
box-shadow:var(--ring),var(--schatten);padding:1.1rem 1.2rem 1.2rem;
text-decoration:none;color:inherit;
transition:box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.kachel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
background:var(--kante);transform:scaleY(0);transform-origin:top;
transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.kachel-wort{font-size:.7rem;font-weight:650;letter-spacing:.09em;
text-transform:uppercase;color:var(--gedaempft);text-wrap:balance}
.kachel-zahl{font:700 2.5rem/1.02 var(--sans);letter-spacing:-.04em;
color:var(--tinte);font-variant-numeric:tabular-nums;margin:.5rem 0 .15rem}
.kachel-einheit{font-size:.8rem;color:var(--gedaempft)}
.kachel-datum{font:1rem/1.3 var(--mono);color:var(--tinte);
font-variant-numeric:tabular-nums;margin-top:.6rem}
.kachel-ruhig{background:transparent;box-shadow:none;
outline:1px dashed var(--linie2);outline-offset:-1px}

.kachel-titel{font:650 1.16rem/1.3 var(--sans);color:var(--tinte);
letter-spacing:-.012em;margin:.5rem 0 .3rem;text-wrap:balance}

a.kachel::after{content:"→";position:absolute;top:1rem;right:1.15rem;
color:var(--kontur);font-size:.9rem;
transition:color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}

@media(hover:hover){
  a.kachel:hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--kante) 45%,var(--linie)),
  0 1px 2px var(--schatten1),0 14px 32px -16px var(--leucht);
  transform:translateY(-2px)}
  a.kachel:hover::before{transform:scaleY(1)}
  a.kachel:hover::after{color:var(--kante);transform:translateX(3px)}
}


.kennzahl{display:flex;align-items:baseline;gap:.45rem;
font-variant-numeric:tabular-nums}
.kennzahl .wert{font:650 1.35rem/1.1 var(--sans);color:var(--tinte);
letter-spacing:-.02em}
.kennzahl .einheit{font-size:.8rem;color:var(--gedaempft)}

.kennzahl .unerhoben{font:400 .95rem/1.2 var(--sans);color:var(--gedaempft);
font-style:italic}


@property --dreh{syntax:"<angle>";inherits:false;initial-value:0deg}
.konsole{position:relative;margin:0 0 1.6rem;border-radius:var(--rad);
border:1px solid transparent;
background:linear-gradient(var(--flaeche),var(--flaeche)) padding-box,
conic-gradient(from var(--dreh),var(--linie) 0 62%,var(--kante) 78%,var(--linie) 92%) border-box;
box-shadow:var(--schatten);overflow:hidden;animation:dreh 9s linear infinite}
@keyframes dreh{to{--dreh:360deg}}
.konsole-kopf{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;
box-shadow:0 1px 0 0 var(--linie);background:var(--flaeche2);
font:.72rem/1 var(--mono);color:var(--gedaempft);letter-spacing:.02em}
.konsole-kopf::before{content:"";width:9px;height:9px;border-radius:50%;
background:var(--ruhe);box-shadow:14px 0 0 var(--ruhe),28px 0 0 var(--kante);
margin-right:2.2rem;flex:none}
.konsole-leib{padding:1.05rem 1.15rem;font:.86rem/1.75 var(--mono);
color:var(--tinte2);overflow-x:auto}
.konsole-leib b{color:var(--tinte);font-weight:600}
.konsole-zeile{display:block;white-space:pre}
.konsole-zeile.eingabe::before{content:"$ ";color:var(--kante);font-weight:700}
.konsole-zeile.ausgabe::before{content:"› ";color:var(--gedaempft)}

.tippen{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;
width:var(--zeichen);animation:tippen 1.9s steps(40,end) both}
@keyframes tippen{from{width:0}}
.zeiger{display:inline-block;width:.55ch;height:1.05em;vertical-align:-.16em;
background:var(--kante);margin-left:.15ch;animation:blinken 1.05s step-end infinite}
@keyframes blinken{50%{opacity:0}}



@property --anteil{syntax:"<percentage>";inherits:true;initial-value:0%}
.balken{display:block;height:6px;border-radius:99px;background:var(--flaeche2);
box-shadow:var(--ring);overflow:hidden;margin:.4rem 0 0}
.balken::before{content:"";display:block;height:100%;width:var(--anteil,0%);
background:linear-gradient(90deg,color-mix(in oklab,var(--kante) 65%,transparent),var(--kante));
border-radius:99px;animation:fuellen .9s cubic-bezier(.2,.8,.2,1) both}

.balken[data-besetzt]::before{min-width:2px}
@keyframes fuellen{from{width:0}}
.balken-warn::before{background:linear-gradient(90deg,
color-mix(in oklab,var(--warn) 65%,transparent),var(--warn))}
.verteilung{list-style:none;padding:0;margin:0;max-width:none;display:grid;gap:.8rem}
.verteilung li{margin:0}
.verteilung .zeile{display:flex;justify-content:space-between;align-items:baseline;
gap:1rem;font-size:.875rem}
.verteilung .zeile a{color:var(--tinte);text-decoration:none;font-weight:500}
.verteilung .wert{font-family:var(--mono);font-variant-numeric:tabular-nums;
color:var(--gedaempft);font-size:.8rem;white-space:nowrap}

@media(hover:hover){
  .verteilung .zeile a:hover{color:var(--kante);text-decoration:underline}
}


.datenbild{display:block;flex:none;overflow:visible}
.datenbild .rest{fill:var(--linie)}
.datenbild .belegt{fill:var(--kante)}
.datenbild .spur{fill:none;stroke:var(--linie);stroke-width:2}
.datenbild .spur-belegt{fill:none;stroke:var(--kante);stroke-width:2;
stroke-linecap:round}

.datenbild circle.spur-belegt{stroke-dashoffset:0;
animation:ringfuellen .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes ringfuellen{from{stroke-dashoffset:var(--bogen)}}

.datenbild.verlauf .spur-belegt{stroke-linejoin:round}
.datenbild .flaeche-belegt{fill:color-mix(in oklab,var(--kante) 22%,transparent)}
.datenbild .flaeche-rest{fill:var(--flaeche2)}

.datenzeile{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.datenzeile .datenbild{order:2}
.datenzeile .zahl{font-family:var(--mono);font-variant-numeric:tabular-nums;
font-size:.8125rem;color:var(--gedaempft)}


table{display:block;width:100%;background:var(--flaeche);
border-radius:var(--rad);box-shadow:var(--ring),var(--schatten);font-family:var(--sans);
font-size:.9375rem;overflow:hidden}
tbody,tr,th,td{display:block}
tr{position:relative;padding:.62rem 1.05rem .68rem;box-shadow:0 1px 0 0 var(--linie);
transition:background-color .12s ease}
tr:last-child{box-shadow:none}
th{text-align:left;font-weight:600}
td{color:var(--tinte2)}
td + td{margin-top:.25rem}


.merkmale tr{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:0 1.75rem;
padding:1rem 1.15rem}
.merkmale th{font-weight:500;font-size:.8125rem;line-height:1.5;color:var(--gedaempft);
padding-top:.1rem}
.merkmale td{font-size:.9375rem;font-weight:500;color:var(--tinte);margin:0}


.strom tr{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:0 1.3rem;
padding:.74rem 1.05rem .8rem}
.strom th{font:400 .78rem/1.6 var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums;padding-top:.12rem}
.strom td{margin:0}
.strom td a{font-weight:600;font-size:.9375rem;color:var(--tinte);text-decoration:none}
.strom .herkunft{display:inline-block;margin-top:.1rem}

.strom td > .herkunft{display:block}
.strom th.fortsetzung time{position:absolute;width:1px;height:1px;overflow:hidden;
clip-path:inset(50%);white-space:nowrap}
.strom tr:has(+ tr > th.fortsetzung){box-shadow:none}
.strom th.fortsetzung::before{content:"";position:absolute;left:1.05rem;top:0;bottom:0;
width:1px;background:var(--linie2)}


.vergleich{overflow-x:auto}
.vergleich table{display:table;border-collapse:separate;border-spacing:0;min-width:44rem}
.vergleich tr{display:table-row;padding:0;box-shadow:none}
.vergleich th,.vergleich td{display:table-cell;padding:.82rem .95rem;
box-shadow:0 1px 0 0 var(--linie);vertical-align:top;text-align:left}
.vergleich tr:first-child th{font-size:.9375rem;font-weight:650;
box-shadow:0 1px 0 0 var(--linie2);background:var(--flaeche2)}
.vergleich tr th:first-child{position:sticky;left:0;background:var(--flaeche);
font-weight:500;font-size:.8125rem;color:var(--gedaempft);min-width:13rem}
.vergleich tr:first-child th:first-child{background:var(--flaeche2)}
.vergleich td{font-size:.9375rem;color:var(--tinte)}
.vergleich .herkunft,.vergleich .beleg{margin-top:.45rem}
.vergleich .herkunft{border-left:2px solid var(--kante);padding-left:.7rem}


.regeln tr{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:0 1.6rem;
padding:.92rem 1.15rem}
.regeln th{font:400 .8125rem/1.6 var(--mono);color:var(--kante);
word-break:break-word;padding-top:.05rem}
.regeln td{margin:0;font-size:.9375rem;line-height:1.6;color:var(--tinte2)}


.matrix{overflow-x:auto}
.matrix table{display:table;border-collapse:separate;border-spacing:0;min-width:34rem}
.matrix tr{display:table-row;padding:0;box-shadow:none}
.matrix th,.matrix td{display:table-cell;padding:.7rem .85rem;
box-shadow:0 1px 0 0 var(--linie);text-align:right;vertical-align:middle}
.matrix tr:first-child th{background:var(--flaeche2);font-size:.8rem;font-weight:650;
box-shadow:0 1px 0 0 var(--linie2)}
.matrix tr th:first-child{text-align:left;font-weight:500;font-size:.8125rem;
color:var(--gedaempft);background:var(--flaeche);position:sticky;left:0}
.matrix td{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.875rem;
color:var(--tinte);
background:color-mix(in oklab,var(--kante) calc(var(--anteil,0%) * .34),transparent)}
.matrix td a{color:inherit;text-decoration:none;display:block}


@media(hover:hover){
  tr:hover{background:var(--flaeche2)}
  .vergleich tr:hover,.matrix tr:hover{background:none}
  .strom td a:hover,.matrix td a:hover{color:var(--kante);text-decoration:underline}
}


.herkunft{font-family:var(--mono);font-size:.8125rem;line-height:1.55;
color:var(--gedaempft);letter-spacing:-.005em;word-break:break-word;
font-variant-numeric:tabular-nums}

p.herkunft{max-width:88ch;font-family:var(--mono);font-size:.8125rem}
.merkmale .herkunft,.beleg{border-left:2px solid var(--kante);padding-left:.7rem;
margin-top:.5rem;transition:border-color .16s ease,box-shadow .16s ease}
.merkmale .herkunft + .herkunft{margin-top:.25rem}
.beleg{font-family:var(--mono);font-size:.8125rem;line-height:1.55;
color:var(--gedaempft);word-break:break-word;border-left-color:var(--linie2)}
.veraltet,.offene-meldung{font-size:.8125rem}


pre.ausgabe{margin:0;padding:1rem 1.15rem;background:var(--flaeche);
border-left:2px solid var(--kante);border-radius:var(--rad-klein);
box-shadow:var(--ring),var(--schatten);
font:.8125rem/1.6 var(--mono);color:var(--tinte2);overflow-x:auto;white-space:pre;
-webkit-user-select:all;user-select:all}
code{font-family:var(--mono);font-size:.8125rem;color:var(--tinte);word-break:break-word}


.eintrag{font-size:.9375rem;font-weight:600;letter-spacing:-.005em;line-height:1.4}
.eintrag a{color:var(--tinte);text-decoration:none}

.eintrag[data-status]::before{content:""}
.eintrag[data-status]::before,.statuspunkt{display:inline-block;
width:.625rem;height:.625rem;border-radius:50%;background:var(--ruhe);
margin-right:.55rem;vertical-align:.02em;flex:none}
.eintrag[data-status="aktiv"]::before,.statuspunkt[data-status="aktiv"]{
background:var(--kante);box-shadow:0 0 0 0 var(--leucht);
animation:puls 3.4s ease-out infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 var(--leucht)}60%,100%{box-shadow:0 0 0 6px transparent}}
.eintrag[data-status="eingestellt"]::before,.statuspunkt[data-status="eingestellt"]{
background:var(--warn);animation:none}
tr:has(.offene-meldung) .eintrag::before{box-shadow:0 0 0 3px var(--warn2)}

.veraltet{font-family:var(--mono);color:var(--warn);margin-top:.4rem}
.leer{color:var(--gedaempft);font-style:italic}
.leise{font-size:.85rem;color:var(--gedaempft)}
.offene-meldung{font-family:var(--mono);color:var(--warn);
line-height:1.55;background:var(--warn2);border-left:2px solid var(--warn);
padding:.35rem .55rem .35rem .65rem;border-radius:0 3px 3px 0;margin:.5rem 0}
.alarm{color:var(--warn);font-weight:650}
.umbruch{overflow-x:auto}


.wege{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none}
.wege li{margin:0}
.wege a{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;
padding:0 .9rem;box-shadow:var(--ring);border-radius:99px;
background:var(--flaeche);color:var(--tinte2);text-decoration:none;font-size:.85rem;
transition:box-shadow .16s ease,color .16s ease,transform .16s ease}


.marken{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.15rem;padding:0;list-style:none}
.marken li{margin:0}
.marken a{display:inline-flex;align-items:center;gap:.45rem;min-height:32px;
padding:0 .3rem 0 .7rem;box-shadow:var(--ring-kontur);border-radius:99px;
background:var(--kante2);color:var(--tinte);text-decoration:none;font-size:.8rem;
font-family:var(--mono)}
.marken a::after{content:"×";display:inline-flex;align-items:center;justify-content:center;
width:20px;height:20px;border-radius:50%;background:var(--flaeche);color:var(--gedaempft);
font-size:.85rem;line-height:1}


@media(hover:hover){
  .eintrag a:hover{color:var(--kante);text-decoration:underline}
  .wege a:hover{box-shadow:var(--ring-kante);color:var(--kante);transform:translateY(-1px)}
  .marken a:hover::after{background:var(--warn);color:var(--auf)}
  .merkmale tr:hover .herkunft{border-left-color:var(--kante);
  box-shadow:-2px 0 6px -1px var(--leucht)}
  .merkmale tr:hover .beleg{border-left-color:var(--kontur)}
}


form{background:var(--flaeche);box-shadow:var(--ring),var(--schatten);
border-radius:var(--rad);padding:.95rem 1.05rem .4rem;margin:0 0 1.35rem;
font-family:var(--sans);

accent-color:var(--kante)}
form p{display:flex;flex-wrap:wrap;gap:.6rem .9rem;align-items:flex-end;margin:0;
max-width:none;font-family:var(--sans);font-size:inherit;line-height:inherit;color:inherit}

label{font-size:.72rem;font-weight:500;letter-spacing:.005em;
color:var(--gedaempft);display:flex;flex-direction:column;gap:.3rem}

select,input[type=text],input[type=search],input[type=number],input:not([type]){
font:.875rem var(--sans);color:var(--tinte);
padding:.46rem .62rem;border:0;border-radius:var(--rad-klein);
background:var(--flaeche2);min-width:9.5rem;max-width:15rem;min-height:38px;
box-shadow:var(--ring-kontur);
transition:box-shadow .14s ease}
select{appearance:none;padding-right:1.9rem;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23566268' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right .55rem center;background-size:11px}

@supports(field-sizing:content){
  input[type=text],input[type=search]{field-sizing:content}
}

select:focus,input:focus{box-shadow:0 0 0 2px var(--kante)}
select:focus-visible,input:focus-visible{outline:2px solid transparent;
box-shadow:0 0 0 2px var(--flaeche),0 0 0 4px var(--kante)}
button{font:650 .85rem var(--sans);letter-spacing:.01em;padding:.52rem 1.2rem;
border:0;border-radius:var(--rad-klein);background:var(--kante);
box-shadow:var(--ring-kante);
color:var(--auf);cursor:pointer;margin-bottom:.6rem;min-height:38px;
transition:filter .14s ease,transform .14s ease,box-shadow .14s ease}
button:active{transform:translateY(0)}
.zuruecksetzen{font-size:.8rem;color:var(--gedaempft);text-decoration:none;
display:inline-flex;align-items:center;min-height:2.1rem;margin-bottom:.6rem}


fieldset{margin:0 0 .9rem;padding:.7rem .9rem .3rem;border:0;border-radius:var(--rad-klein);
background:var(--flaeche2);box-shadow:var(--ring);min-width:0;
transition:box-shadow .14s ease}
fieldset:has(:focus-visible){box-shadow:0 0 0 1px var(--kante),0 0 0 4px var(--leucht)}
legend{font-size:.7rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;
color:var(--gedaempft);padding:0 .25rem}

.option-zahl{font-family:var(--mono);font-variant-numeric:tabular-nums;
color:var(--gedaempft)}


.umschalter{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;
padding:0 .85rem 0 .7rem;border-radius:99px;background:var(--flaeche);
box-shadow:var(--ring);font-size:.85rem;color:var(--tinte2);cursor:pointer;
flex-direction:row;font-weight:500;transition:box-shadow .14s ease,color .14s ease}
.umschalter input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--kante)}
.umschalter:has(:checked){color:var(--kante);box-shadow:var(--ring-kante)}


@media(hover:hover){
  select:hover,input[type=text]:hover,input[type=search]:hover{box-shadow:var(--ring-kante)}
  button:hover{filter:brightness(1.08);transform:translateY(-1px);
  box-shadow:var(--ring-kante),0 6px 18px -8px var(--leucht)}
  .zuruecksetzen:hover{color:var(--kante);text-decoration:underline}
  .umschalter:hover{box-shadow:var(--ring-kante);color:var(--kante)}
  .aufklapp > summary:hover{color:var(--kante)}
}


nav[aria-label]{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;
margin:1.4rem 0 0;font-size:.85rem}
nav[aria-label] a,nav[aria-label] strong{display:inline-flex;align-items:center;
justify-content:center;min-width:2.2rem;min-height:2.2rem;padding:0 .55rem;
border-radius:var(--rad-klein);text-decoration:none;font-variant-numeric:tabular-nums}
nav[aria-label] a{color:var(--tinte2);box-shadow:var(--ring-kontur);
transition:box-shadow .14s ease,color .14s ease}
nav[aria-label] strong{background:var(--kante);color:var(--auf);font-weight:650}
nav[aria-label] .herkunft{flex-basis:100%;margin:.5rem 0 0}
nav[aria-label] .auslassung{color:var(--tinte2);padding:0 .1rem}


footer{font-family:var(--sans);font-size:.85rem;background:var(--flaeche);
box-shadow:0 -1px 0 0 var(--linie);margin-top:3rem}

footer nav[aria-label].fussinnen{max-width:var(--breite);margin:0 auto;
padding:2rem 1.5rem 1rem;display:grid;
grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1.5rem 2rem;font-size:.85rem}

footer nav[aria-label] a{display:flex;justify-content:flex-start;box-shadow:none;
min-width:0;padding:0;border-radius:0;min-height:44px}
.fussgruppe{display:flex;flex-direction:column}

.fusstitel{margin:0 0 .35rem;font-size:.7rem;letter-spacing:.11em;
text-transform:uppercase;color:var(--tinte);font-weight:650;font-family:var(--sans)}
footer a{display:inline-flex;align-items:center;min-height:44px;
color:var(--gedaempft);text-decoration:none}
.fussrand{max-width:var(--breite);margin:0 auto;padding:.85rem 1.5rem 1.35rem;
box-shadow:0 -1px 0 0 var(--linie);display:flex;flex-wrap:wrap;align-items:center;
gap:.4rem 1.1rem}
.fussmarke{display:inline-flex;align-items:center;font-family:var(--mono);
font-size:.9rem;color:var(--tinte);line-height:1}
.fussmarke .signet{color:var(--kante);margin-right:.45rem;width:16px;height:16px}
.fussmarke span{color:var(--gedaempft);font-weight:400}
.fussspruch{margin:0;color:var(--gedaempft);font-family:var(--sans);
font-size:.78rem;letter-spacing:.01em;max-width:none}
.fussdatei{font-family:var(--mono);font-size:.75rem}
.fussdatei:first-of-type{margin-left:auto}


@media(hover:hover){
  .marke:hover .signet{transform:rotate(90deg)}
  .marke:hover b{color:var(--kante)}
  .kopf nav a:hover{color:var(--kante)}
  .kopf nav a:hover::after{transform:scaleX(1)}
  .sprachwechsel:hover{box-shadow:var(--ring-kante);color:var(--kante)}
  nav[aria-label].bereichsinnen a:hover{color:var(--kante);border-bottom-color:var(--kante)}
  nav[aria-label] a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
  footer a:hover{color:var(--kante);text-decoration:underline}
}


.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
gap:.9rem;margin:.2rem 0 0}
.karte{position:relative;background:var(--flaeche);box-shadow:var(--ring),var(--schatten);
border-radius:var(--rad);padding:1.15rem 1.2rem}
.karte h3{margin:0 0 .45rem;font-size:.98rem}
.karte p{font-family:var(--sans);font-size:.875rem;line-height:1.62;margin:0;
color:var(--tinte2);max-width:none}
.karte-nr{font:700 .72rem/1 var(--mono);color:var(--kante);letter-spacing:.1em;
display:block;margin-bottom:.6rem}


.aufklapp{background:var(--flaeche);box-shadow:var(--ring);border-radius:var(--rad);
margin:1.2rem 0}
.aufklapp > summary{display:flex;align-items:center;gap:.55rem;min-height:44px;
padding:0 1.05rem;cursor:pointer;font:600 .875rem var(--sans);color:var(--tinte);
list-style:none;border-radius:var(--rad)}
.aufklapp > summary::-webkit-details-marker{display:none}
.aufklapp > summary::before{content:"";flex:none;width:0;height:0;
border-left:6px solid var(--kontur);border-top:5px solid transparent;
border-bottom:5px solid transparent;
transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.aufklapp[open] > summary::before{transform:rotate(90deg)}
.aufklapp .anzahl{margin-left:auto;font:400 .8125rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums}
.aufklapp-leib{padding:.2rem 1.05rem 1rem}

@supports(interpolate-size:allow-keywords) and (selector(::details-content)){
  .aufklapp{interpolate-size:allow-keywords}
  .aufklapp::details-content{block-size:0;overflow:hidden;
  transition:block-size .24s cubic-bezier(.2,.8,.2,1),content-visibility .24s allow-discrete;
  content-visibility:hidden}
  .aufklapp[open]::details-content{block-size:auto;content-visibility:visible}
}




@view-transition{navigation:auto}
@supports(view-transition-name:kopf){
  header{view-transition-name:kopf}
  footer{view-transition-name:fuss}
  main > h1{view-transition-name:titel}
}


@supports(animation-timeline:scroll(root block)){
  header::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;
  background:linear-gradient(90deg,var(--kante),color-mix(in oklab,var(--kante) 35%,transparent));
  transform-origin:left;transform:scaleX(1);
  animation:lesefortschritt linear both;animation-timeline:scroll(root block)}
  @keyframes lesefortschritt{from{transform:scaleX(0)}}
}


.zustand{display:inline-flex;align-items:baseline;gap:.5rem}
.zustand::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;
background:var(--ruhe);transform:translateY(-1px)}
.zustand-warn::before{background:var(--warn)}
.zustand-still::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--zeichen)}


.kachel-schwelle{font-size:.78rem;color:var(--gedaempft);margin-top:.45rem;
padding-top:.45rem;border-top:1px dashed var(--linie2)}


.marke-schaetzung{display:inline-block;font:600 .64rem/1.5 var(--sans);
letter-spacing:.06em;text-transform:uppercase;color:var(--warn);
background:var(--warn2);border-radius:999px;padding:.1rem .5rem;margin-left:.5rem;
vertical-align:.14em}


.betriebszahlen{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}
.betriebszahlen .kachel-zahl{font-size:1.85rem}


.betrieb-marke{font:600 .7rem/1 var(--sans);letter-spacing:.11em;
text-transform:uppercase;color:var(--gedaempft);align-self:center}


.betrieb-erklaerung{background:var(--flaeche2);border-radius:var(--rad);
box-shadow:var(--ring);padding:1rem 1.15rem;font-size:.86rem;line-height:1.65;
color:var(--tinte2);max-width:var(--breite)}
.betrieb-erklaerung strong{color:var(--tinte)}


.betriebstabelle.mitkopf tr:first-child{background:var(--flaeche2);
font:650 .72rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;
color:var(--gedaempft)}
.betriebstabelle.mitkopf tr:first-child th{font-weight:650;color:var(--gedaempft)}
.betriebstabelle.mitkopf tr:first-child td{color:var(--gedaempft)}


@media(min-width:52rem){
  .betriebstabelle tr{display:grid;grid-template-columns:14rem minmax(0,1fr);
  gap:0 1.5rem;align-items:baseline}
  .betriebstabelle.spalten3 tr{grid-template-columns:14rem minmax(0,1fr) 12rem}
  .betriebstabelle.spalten5 tr{grid-template-columns:12rem 7rem 9rem minmax(0,1fr) 9rem}
  .betriebstabelle td + td{margin-top:0}
}


.register tr{display:grid;grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:"name merkmale" "kennung merkmale";
column-gap:1.5rem;align-items:center}
.register .eintrag{grid-area:name}
.register .herkunft{grid-area:kennung}
.register .mm{grid-area:merkmale;margin:0;text-align:right;
font:400 .8125rem/1.5 var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums;white-space:nowrap}

.register .mm .unerhoben{font-style:italic;color:var(--linie2)}


.register .spaltenkopf{background:var(--flaeche2);
box-shadow:0 1px 0 0 var(--linie2)}
.register .spaltenkopf th{font:650 .7rem/1.5 var(--sans);letter-spacing:.07em;
text-transform:uppercase;color:var(--gedaempft)}
.register .spaltenkopf th:first-child{grid-area:name}
.register .spaltenkopf th:nth-child(2){grid-area:kennung}
.register .spaltenkopf th:last-child{grid-area:merkmale;text-align:right}


nav[aria-label].themenband{display:flex;flex-wrap:nowrap;gap:.4rem;
overflow-x:auto;scroll-snap-type:x proximity;
scrollbar-width:thin;padding:0 0 .55rem;margin:0 0 1.1rem;
overscroll-behavior-x:contain}
nav[aria-label].themenband a{scroll-snap-align:start;flex:none;
text-decoration:none;font:500 .8125rem/1 var(--sans);color:var(--tinte2);
padding:.5rem .8rem;min-height:34px;display:inline-flex;align-items:center;
border-radius:99px;background:var(--flaeche);box-shadow:var(--ring);
transition:box-shadow .14s ease,color .14s ease}
nav[aria-label].themenband a.mehr{color:var(--kante);font-weight:650}
@media(hover:hover){
  nav[aria-label].themenband a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}


.marken-titel{font:650 .7rem/1.5 var(--sans);letter-spacing:.07em;
text-transform:uppercase;color:var(--gedaempft);margin:0 0 .4rem}


.strom .karte{box-shadow:0 1px 0 0 var(--linie)}
.strom .karte:last-child{box-shadow:none}

.strom .karte tr{padding:.18rem 1.05rem;box-shadow:none}
.strom .karte tr:first-child{padding-top:.6rem}
.strom .karte tr:last-child{padding-bottom:.6rem}
.strom .karte .herkunft{margin:0;line-height:1.45}

.strom .anzahl{font:400 .75rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums;margin-left:.5rem}


@media(max-width:640px){
  
  .register tr{grid-template-columns:minmax(0,1fr);
  grid-template-areas:"name" "kennung" "merkmale"}
  .register .mm{text-align:left;white-space:normal;margin-top:.3rem}
  
  .register .spaltenkopf th:last-child{text-align:left}
}


@media print{
  nav[aria-label].themenband{display:none}
  .marken-titel{order:-1;margin:0}
  
  .register .mm{color:inherit}
}


.kennung{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .55rem;
margin:.1rem 0 1.1rem;font-family:var(--mono);font-size:.8125rem;
color:var(--gedaempft)}
.kennung code{font-size:.8125rem;color:var(--tinte2);word-break:break-word}
.kennung .statuspunkt{margin-right:0}


nav[aria-label].reiter{display:flex;gap:.1rem;margin:0 0 1.35rem;padding:0;
overflow-x:auto;scrollbar-width:thin;
box-shadow:inset 0 -1px 0 0 var(--linie)}
nav[aria-label].reiter a{position:relative;display:inline-flex;align-items:center;gap:.5rem;
min-height:44px;padding:0 1rem;white-space:nowrap;text-decoration:none;
color:var(--tinte2);font:600 .875rem/1 var(--sans);
border-radius:var(--rad) var(--rad) 0 0;
transition:color .16s ease,background-color .16s ease}
nav[aria-label].reiter a::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:0;
height:2px;background:var(--kante);transform:scaleX(0);transform-origin:left;
transition:transform .2s cubic-bezier(.2,.8,.2,1)}
nav[aria-label].reiter a[aria-current="page"]{color:var(--tinte)}
nav[aria-label].reiter a[aria-current="page"]::after{transform:scaleX(1)}
nav[aria-label].reiter .anzahl{font:400 .75rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums}
@media(hover:hover){
  nav[aria-label].reiter a:hover{color:var(--kante);background:var(--flaeche2)}
  nav[aria-label].reiter a:hover::after{transform:scaleX(1)}
}



.kopfdaten{container-type:inline-size;display:grid;
grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:0;
margin:0 0 1.5rem;padding:0;background:var(--flaeche);border-radius:var(--rad);
box-shadow:var(--ring),var(--schatten);overflow:hidden}
.kopfdaten > div{margin:0;padding:.72rem .95rem .78rem;background:var(--flaeche);
box-shadow:inset -1px -1px 0 0 var(--linie)}
.kopfdaten dt{margin:0 0 .3rem;font:650 .68rem/1.2 var(--sans);letter-spacing:.08em;
text-transform:uppercase;color:var(--gedaempft)}
.kopfdaten dd{margin:0;font-size:.875rem;line-height:1.45;color:var(--tinte);
word-break:break-word}
.kopfdaten code{font-size:.8125rem;color:var(--tinte)}
.kopfdaten dd a{color:var(--kante)}
.kopfdaten .herkunft{display:block;margin-top:.25rem}


.stilllegung{margin:0 0 1.4rem;padding:.95rem 1.15rem 1rem;
background:var(--warn2);box-shadow:var(--ring);
border-left:3px solid var(--warn);border-radius:0 var(--rad) var(--rad) 0}
.stilllegung h2{margin:0 0 .55rem;font-size:.95rem;color:var(--tinte)}
.stilllegung .zitat{margin:0 0 .55rem;padding:0;max-width:68ch;
font:400 1.02rem/1.62 var(--serif);color:var(--tinte)}

.stilllegung .herkunft{margin:0;color:var(--tinte2)}


nav[aria-label].sprungleiste{position:sticky;top:var(--klebehoehe);z-index:5;
display:flex;gap:.35rem;margin:0 0 1.3rem;padding:.35rem 0;
overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;
scroll-snap-type:x proximity;
background:var(--glas);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
nav[aria-label].sprungleiste a{display:inline-flex;align-items:center;min-height:40px;
padding:0 .8rem;scroll-snap-align:start;white-space:nowrap;
border-radius:99px;box-shadow:var(--ring);background:var(--flaeche);
color:var(--tinte2);text-decoration:none;font-size:.8125rem;
transition:box-shadow .16s ease,color .16s ease}
@media(hover:hover){
  nav[aria-label].sprungleiste a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}

main section[id],main details[id]{scroll-margin-top:calc(var(--klebehoehe) + 3.6rem)}


.belegkopf{margin:0 0 1.15rem;padding:.7rem .95rem .75rem;
background:var(--flaeche2);box-shadow:var(--ring);
border-left:2px solid var(--kante);border-radius:0 var(--rad-klein) var(--rad-klein) 0}
.belegkopf p{margin:0;max-width:none}
.belegkopf p + p{margin-top:.32rem}
.belegkopf b{color:var(--tinte2);font-weight:650}


.grad{display:inline-block;font-style:normal;font-size:.7rem;
letter-spacing:.06em;text-transform:uppercase;color:var(--gedaempft);
white-space:nowrap}



.einordnung{list-style:none;margin:.3rem 0 .9rem;padding:0;max-width:none;
display:grid;gap:1px;
background:var(--linie);border-radius:var(--rad);
box-shadow:var(--ring),var(--schatten);overflow:hidden}
.einordnung li{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1.1rem;
margin:0;padding:.78rem 1.05rem;background:var(--flaeche)}
.einordnung .feld{flex:0 0 13rem;font:500 .8125rem/1.4 var(--sans);
color:var(--gedaempft)}
.einordnung .wert{flex:0 0 auto;min-width:5rem}
.einordnung .wert{font:650 .9375rem/1.3 var(--sans);color:var(--tinte)}
.einordnung .datenzeile{margin-left:auto}
.einordnung .datenzeile .zahl{font-size:.8125rem}
.einordnung > li > a{font-size:.8125rem;color:var(--kante);text-decoration:none;
white-space:nowrap}
@media(hover:hover){
  .einordnung > li > a:hover{text-decoration:underline}
}


.themenmarken{display:flex;flex-wrap:wrap;gap:.45rem;margin:.3rem 0 1.3rem;
padding:0;max-width:none;list-style:none}
.themenmarken li{margin:0}
.themenmarken a{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;
padding:0 .9rem;border-radius:99px;box-shadow:var(--ring-kontur);
background:var(--flaeche);color:var(--tinte2);text-decoration:none;
font-size:.8125rem;transition:box-shadow .16s ease,color .16s ease}
.themenmarken .anzahl{font:400 .75rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums}
@media(hover:hover){
  .themenmarken a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}


.rohblock{margin:1.3rem 0 1.5rem}
.rohblock .aufklapp-leib{padding-top:.55rem}
.rohangaben tr{display:grid;grid-template-columns:16rem minmax(0,1fr);
gap:0 1.5rem;padding:.56rem 1.05rem .62rem}
.rohangaben th{font-weight:500;font-size:.78rem;line-height:1.5;
color:var(--gedaempft);padding-top:.14rem}
.rohangaben td{margin:0;font-family:var(--mono);font-size:.8125rem;
line-height:1.55;color:var(--tinte);word-break:break-word}
.rohangaben .mitzaehlung{margin-top:.28rem;font-family:var(--sans);
font-size:.78rem}
.rohangaben .mitzaehlung a{color:var(--kante);text-decoration:none}
.rohangaben .grad{margin-left:.35rem}


#erreichbarkeit .kopfdaten{margin-bottom:.7rem}
#erreichbarkeit code{font-size:.8125rem;word-break:break-all}

.mitzaehlung{font-family:var(--mono);font-size:.8125rem;line-height:1.55;
color:var(--gedaempft);font-variant-numeric:tabular-nums}

.kopfdaten .mitzaehlung{display:block;margin-top:.28rem}


.vergleich tr.gleich th:first-child,.vergleich tr.gleich td{color:var(--gedaempft)}
.vergleich tr.gleich th:first-child::after{content:"=";margin-left:.5rem;
font-family:var(--mono);color:var(--kontur)}
.vergleich tr.gruppe th{background:var(--flaeche2);font:650 .72rem/1 var(--sans);
letter-spacing:.09em;text-transform:uppercase;color:var(--gedaempft);
padding:.7rem .95rem}
.unterschiede{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;
margin:0 0 .9rem}
.unterschiede p{margin:0;font-size:.875rem;color:var(--tinte2);max-width:none}

@supports selector(:has(*)){
  .vergleichsflaeche:has(#nur-unterschiede:checked) .vergleich tr.gleich{display:none}
}


.vorschlaege{list-style:none;margin:.3rem 0 1.3rem;padding:0;max-width:none;display:grid;
grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.55rem}
.vorschlaege li{margin:0}
.vorschlaege a{display:block;padding:.7rem .9rem .75rem;border-radius:var(--rad);
box-shadow:var(--ring);background:var(--flaeche);color:var(--tinte);
text-decoration:none;font-size:.875rem;line-height:1.45;
transition:box-shadow .16s ease,color .16s ease}
.vorschlaege .herkunft{display:block;margin-top:.2rem}
@media(hover:hover){
  .vorschlaege a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}



@supports((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){
  @media(max-width:820px){
    nav[aria-label].sprungleiste{scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 1.6rem),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 1.6rem),transparent 100%)}
    nav[aria-label].sprungleiste::-webkit-scrollbar{display:none}
  }
}

@media(max-width:640px){
  .kopfdaten{grid-template-columns:1fr}
  .rohangaben tr,.merkmale tr{grid-template-columns:1fr;gap:.2rem}
  .rohangaben th,.merkmale th{padding-top:0}
  .einordnung .feld{flex:1 1 100%}
  .einordnung .datenzeile{margin-left:0}
  nav[aria-label].sprungleiste{top:calc(var(--klebehoehe) - 20px)}
  main section[id],main details[id]{scroll-margin-top:calc(var(--klebehoehe) + 3rem)}
}


@media print{
  nav[aria-label].reiter,nav[aria-label].sprungleiste{display:none}
  .unterschiede,.vorschlaege{display:none}
  details.aufklapp{box-shadow:none;margin:.5rem 0;break-inside:auto}
  details.aufklapp > summary{font-weight:700;padding:0;min-height:0}
  details.aufklapp > summary::before{display:none}
  details.aufklapp > *{display:block}
  details.aufklapp::details-content{block-size:auto;content-visibility:visible;
  overflow:visible}
  .aufklapp-leib{padding:.35rem 0 0}
  .kopfdaten{box-shadow:none;background:none;gap:0}
  .kopfdaten > div{padding:.2rem 0}
  .einordnung{box-shadow:none;background:none;gap:0}
  .einordnung li{padding:.2rem 0}
  .stilllegung{box-shadow:none}
  .vergleich tr.gleich{display:table-row}
}




.vorbehalte{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.7rem;
max-width:46rem}
.vorbehalte li{margin:0;padding:.15rem 0 .15rem .85rem;
border-left:2px solid var(--kante);
font:.9375rem/1.62 var(--serif);color:var(--tinte2)}

.vorbehalte li:last-child{border-left-color:var(--linie2);color:var(--gedaempft)}


.verteilungen{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));
gap:1rem;margin:0 0 1rem;align-items:start}
.verteilungsfeld{position:relative;background:var(--flaeche);
box-shadow:var(--ring),var(--schatten);
border-radius:var(--rad);padding:1rem 1.1rem 0.85rem}

@supports (animation-timeline:view()){
  .verteilungsfeld::before{content:"";position:absolute;left:0;top:0;
  height:2px;width:100%;background:var(--kante);transform-origin:left;
  border-radius:var(--rad) var(--rad) 0 0;
  animation:feldkante linear both;animation-timeline:view();
  animation-range:entry 5% cover 25%}
  @keyframes feldkante{from{transform:scaleX(0)}}
}
.verteilungsfeld h3{margin:0 0 .5rem;font:650 .95rem/1.3 var(--sans);color:var(--tinte)}

.verteilungsfeld > .datenzeile{margin:0 0 .6rem;color:var(--gedaempft);font-size:.8125rem}

.verteilungstabelle{width:100%;border-collapse:collapse;font-size:.85rem}
.verteilungstabelle tr + tr > *{padding-top:.42rem}
.verteilungsname{text-align:left;font:500 .85rem/1.4 var(--mono);color:var(--tinte);
word-break:break-word;padding-right:.8rem;vertical-align:top}
.verteilungswert{vertical-align:top;min-width:9rem}
.verteilungszahl{font-family:var(--mono);font-variant-numeric:tabular-nums;
font-weight:600;color:var(--tinte)}
.verteilungsanteil{font-family:var(--mono);font-variant-numeric:tabular-nums;
color:var(--gedaempft);margin-left:.35rem}

.verteilungswert .balken{margin-top:.3rem}


.kachel-thema .kachel-wort{padding-right:1.9rem}


.kachel-gemeinsam{display:block;margin-top:.55rem;font-size:.8125rem;
color:var(--gedaempft)}
.kachel-gemeinsam .datenzeile{gap:.45rem}
.kachel-gemeinsam .zahl{font-size:.8125rem}


.kachel-anteil .datenzeile{margin:.2rem 0 .1rem;gap:.7rem}
.kachel-anteil .datenzeile .zahl{font:700 1.9rem/1.05 var(--sans);
letter-spacing:-.03em;color:var(--tinte)}


.ausschnittliste .eintrag a{display:flex;align-items:center;min-height:44px}
.ausschnittliste td.herkunft{vertical-align:middle}


nav.themenband{display:block;margin:0 0 1.2rem;font-size:.8125rem}
nav.themenband ul{list-style:none;display:flex;gap:.45rem;margin:0;padding:.2rem 0 .55rem;
overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;
overscroll-behavior-x:contain;max-width:none}
nav.themenband li{margin:0;flex:none;scroll-snap-align:start}
nav.themenband a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;
min-width:0;padding:0 .7rem;border-radius:99px;text-decoration:none;
background:var(--flaeche);box-shadow:var(--ring);color:var(--tinte2);
white-space:nowrap;transition:box-shadow .14s ease,color .14s ease}
nav.themenband .bandzahl{font-family:var(--mono);font-variant-numeric:tabular-nums;
color:var(--gedaempft)}
nav.themenband a.bandalle,nav.themenband a.mehr{background:transparent;
box-shadow:var(--ring-kante);color:var(--kante)}

@supports selector(:has(*)){
  nav.themenband:not(:has(ul)){display:flex;gap:.45rem;padding:.2rem 0 .55rem;
  overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;
  overscroll-behavior-x:contain}
  nav.themenband:not(:has(ul)) > a{flex:none;scroll-snap-align:start}
}

@supports (background-attachment:local){
  nav.themenband ul{
    background-image:
      linear-gradient(to right,var(--grund),transparent 12px),
      linear-gradient(to left,var(--grund),transparent 12px),
      linear-gradient(to right,var(--schatten1),transparent 10px),
      linear-gradient(to left,var(--schatten1),transparent 10px);
    background-position:left center,right center,left center,right center;
    background-repeat:no-repeat;
    background-size:22px 100%,22px 100%,10px 100%,10px 100%;
    background-attachment:local,local,scroll,scroll;
  }
}
@media(hover:hover){
  nav.themenband a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}


.abgabewege{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.15rem;padding:0;
list-style:none}
.abgabewege li{margin:0}
.abgabewege a{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;
border-radius:99px;background:var(--flaeche);box-shadow:var(--ring);
color:var(--tinte2);text-decoration:none;font:.8125rem/1 var(--sans);
transition:box-shadow .14s ease,color .14s ease}
@media(hover:hover){
  .abgabewege a:hover{box-shadow:var(--ring-kante);color:var(--kante)}
}


nav.blaetterung a,nav.blaetterung strong{min-height:44px;min-width:44px}


.kacheln + h2{margin-top:2rem}


@media(max-width:640px){
  .verteilungen{grid-template-columns:1fr;gap:.75rem}
  .verteilungsfeld{padding:.85rem .9rem .7rem}
  .verteilungswert{min-width:7rem}
  
  nav.themenband ul{padding-left:.1rem;padding-right:.1rem}
  .kachel-anteil .datenzeile .zahl{font-size:1.6rem}
}


.balken::before{width:max(2px,var(--anteil,0%))}
.balken[style*="--anteil:0%"]::before,
.balken[style*="--anteil:0.00%"]::before{width:0}


@property --anteil-gesamt{syntax:"<percentage>";inherits:true;initial-value:0%}
.balken-zweispurig{position:relative;overflow:visible}
.balken-zweispurig::after{content:"";position:absolute;top:-2px;bottom:-2px;
left:var(--anteil-gesamt,0%);width:2px;border-radius:99px;
background:var(--kontur)}


@supports(grid-template-rows:subgrid){
  .kacheln:has(.kachel-gross){grid-auto-rows:auto}
  .kachel-gross{display:grid;grid-template-rows:subgrid;grid-row:span 4;
  align-content:start}
}

.kacheln:has(.kachel-gross){grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
gap:.55rem}
.kachel-gross{padding:.7rem .8rem .75rem}
.kachel-gross .kachel-zahl{font-size:1.6rem;margin:.25rem 0 .1rem}
.kachel-gross .kachel-wort{font-size:.66rem;letter-spacing:.06em;
text-transform:none;overflow-wrap:anywhere}
.kachel-gross .kachel-einheit{font-size:.72rem;line-height:1.35}
.kachel-gross .balken{margin-top:.45rem;align-self:end}
.kachel-gross .kachel-einheit + .kachel-einheit{margin-top:.1rem}

h2 > .anzahl{margin-left:.6rem;font:400 .8125rem var(--mono);color:var(--gedaempft);
font-variant-numeric:tabular-nums}


.werteliste{display:table;width:100%;border-collapse:separate;border-spacing:0}
.werteliste tr{display:table-row;padding:0;box-shadow:none}
.werteliste th,.werteliste td{display:table-cell;padding:.6rem .8rem;
box-shadow:0 1px 0 0 var(--linie);vertical-align:top}
.werteliste tr:first-child th{background:var(--flaeche2);font-size:.8rem;
font-weight:650;color:var(--gedaempft);box-shadow:0 1px 0 0 var(--linie2)}
.werteliste th{text-align:left;font-weight:500;font-size:.9375rem;
overflow-wrap:anywhere}
.werteliste .num{text-align:right;white-space:nowrap;width:1%;
font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.875rem}

.werteliste th a{color:var(--tinte);text-decoration:none;font-weight:500;
display:inline-flex;align-items:center;min-height:32px;
padding:.15rem 0;overflow-wrap:anywhere}
.werteliste .balken{max-width:22rem}

.werteliste .leerwert{font-style:italic;color:var(--gedaempft)}
@media(hover:hover){
  .werteliste th a:hover{color:var(--kante);text-decoration:underline}
}



@property --dichte{syntax:"<percentage>";inherits:true;initial-value:0%}
.wuerfel td,.wuerfel th{padding:.6rem .8rem;box-shadow:0 1px 0 0 var(--linie);
text-align:left;vertical-align:middle}
.wuerfel tr{display:table-row;padding:0;box-shadow:none}
.wuerfel{display:table;width:100%;border-collapse:separate;border-spacing:0;
min-width:34rem}
.wuerfel tr:first-child th{background:var(--flaeche2);font-size:.8rem;
font-weight:650;color:var(--gedaempft);box-shadow:0 1px 0 0 var(--linie2)}
.wuerfel .num{text-align:right;white-space:nowrap;font-family:var(--mono);
font-variant-numeric:tabular-nums}

.wuerfel td a{color:inherit;text-decoration:none;display:flex;
align-items:center;justify-content:flex-end;min-height:32px}
.wuerfelzeile td{background:color-mix(in oklab,var(--kante) var(--dichte,0%),var(--flaeche))}

.wuerfelzeile.leer td{background:var(--flaeche)}
@media(hover:hover){
  .wuerfel tr:hover{background:none}
  .wuerfel td a:hover{color:var(--kante);text-decoration:underline}
}
.matrix td:has(a){background:color-mix(in oklab,var(--kante)
clamp(9%,calc(9% + var(--anteil,0%) * 1.1),42%),var(--flaeche))}
.matrix td:not(:has(a)){background:var(--flaeche)}


.verteilung .zeile a{display:inline-flex;align-items:center;min-height:32px;
padding:.1rem 0;overflow-wrap:anywhere}

.merkmale .herkunft a{display:inline-flex;align-items:center;min-height:32px}


.werteliste .datenzeile{justify-content:flex-end;gap:.5rem}
.werteliste .datenzeile .zahl{font-size:.875rem}


.druckkopf{overflow-wrap:anywhere}


@media(max-width:640px){
  .werteliste{min-width:22rem}
  .werteliste th,.werteliste td{padding:.5rem .55rem}
  .werteliste .balken{max-width:none}
  .wuerfel{min-width:28rem}
  .wuerfel td,.wuerfel th{padding:.5rem .55rem;font-size:.8125rem}
  .kacheln:has(.kachel-gross){grid-template-columns:1fr}
}


.zwillingsgruppe{margin:1.6rem 0 2rem}
.zwillingsgruppe h3{font-size:.9rem;letter-spacing:.02em;color:var(--tinte2);
margin:1.1rem 0 .5rem}


.zwillingsgruppe .matrix tbody{display:table-row-group}
.zwillingsgruppe .matrix table{width:100%}
.zwillingsgruppe .matrix th,.zwillingsgruppe .matrix td{text-align:left}
.zwillingsgruppe .matrix th a{display:inline-flex;align-items:center;gap:.45rem;
font-family:var(--mono);font-size:.8125rem;font-weight:500;color:var(--tinte);
text-decoration:none;overflow-wrap:anywhere}
.zwillingsgruppe .matrix td{font-family:var(--mono);font-size:.8125rem;
line-height:1.55;color:var(--tinte2);overflow-wrap:anywhere}

.leerwert{font-style:italic;color:var(--gedaempft)}
@media(hover:hover){
  .zwillingsgruppe .matrix th a:hover{color:var(--kante);text-decoration:underline}
}


.ringreihe{display:flex;flex-wrap:wrap;gap:1.4rem;margin:.9rem 0 1.2rem}
.ringzeile{display:flex;align-items:center;gap:.7rem;
background:var(--flaeche);border-radius:var(--rad-klein);
box-shadow:var(--ring);padding:.7rem .95rem}
.ringzeile .datenzeile{flex-direction:row-reverse;align-items:center;gap:.65rem}
.ringzeile .zahl{font:600 .9375rem/1.2 var(--sans);color:var(--tinte);
font-variant-numeric:tabular-nums;white-space:nowrap}
.ringwort{font-size:.78rem;color:var(--gedaempft);max-width:14rem}


.rasterzeile{display:flex;align-items:flex-end;gap:1rem;margin:.8rem 0 1rem;
padding:.85rem 1rem;background:var(--flaeche);border-radius:var(--rad);
box-shadow:var(--ring)}
.rasterzeile .datenzeile{display:flex;flex-direction:column-reverse;
align-items:flex-start;gap:.45rem}
.rasterzeile .zahl{font:600 .875rem/1.2 var(--sans);color:var(--gedaempft);
font-variant-numeric:tabular-nums}
.rasterzeile .datenbild{overflow-x:auto;max-width:100%}


.profil tr{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem 1.5rem;
padding:.9rem 1.1rem}
.profil th{font-weight:600;font-size:.8125rem;color:var(--tinte);
display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.profil td{margin:0}
.profilmarke{font-size:.68rem;font-weight:650;letter-spacing:.07em;
text-transform:uppercase;color:var(--gedaempft);
box-shadow:var(--ring-kontur);border-radius:99px;padding:.12rem .5rem}
.profilmarke[data-gemischt="ja"]{color:var(--kante);box-shadow:var(--ring-kante)}
.profilwerte{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;
max-width:none}
.profilwerte > li{display:grid;grid-template-columns:minmax(6rem,1fr) 7.5rem 7.5rem;
gap:.2rem .9rem;align-items:baseline}
.profilwert{font-family:var(--mono);font-size:.8125rem;color:var(--tinte2);
overflow-wrap:anywhere}
.profilspalte{display:block;font-size:.78rem;color:var(--gedaempft)}
.profilzahl{display:flex;align-items:baseline;gap:.4rem;
font-variant-numeric:tabular-nums;color:var(--tinte);font-weight:600}
.profilzahl small{font-weight:400;font-size:.72rem;color:var(--gedaempft)}
.profilspalte .balken{margin-top:.25rem}
@supports(grid-template-columns:subgrid){
  .profil tr{grid-template-columns:15rem minmax(0,1fr)}
  .profil td{grid-column:2}
}


.rechenflaeche .verteilung .zeile a,
.rechenflaeche .verteilung .zeile span{display:inline-block;padding-block:.16rem}
.rechenflaeche .zwillingsgruppe .matrix th a{padding-block:.22rem}
.rechenflaeche .leise a{display:inline-block;padding-block:.3rem}
.rechenflaeche .aufklapp > summary{min-height:24px}


@media(max-width:640px){
  .profilwerte > li{grid-template-columns:minmax(0,1fr);gap:.35rem}
  .profilspalte{display:flex;align-items:baseline;gap:.6rem}
  .profilspalte .balken{flex:1;margin-top:0}
  .profil tr{grid-template-columns:minmax(0,1fr)}
  .profil td{grid-column:auto}
  .ringzeile{width:100%}
  .ringwort{max-width:none}
  .rasterzeile{flex-direction:column;align-items:stretch}
}

.keinedeutung{
  margin:1rem 0 1.4rem;
  padding:.75rem .95rem .75rem 1.1rem;
  font-family:var(--serif);
  font-size:.94rem;
  line-height:1.55;
  color:var(--tinte);
  background:color-mix(in oklab, var(--flaeche) 88%, var(--kante) 12%);
  border-radius:var(--rad);
  box-shadow:var(--ring-kontur);
  position:relative;
}

.keinedeutung::before{
  content:"";
  position:absolute;
  inset:.35rem auto .35rem 0;
  width:3px;
  border-radius:3px;
  background:var(--kante);
}


.nachbarschaft{margin:1.6rem 0 0}
.nachbarschaft h2{margin-bottom:.15rem}
.nachbarschaft > .herkunft{margin-top:0;margin-bottom:.6rem}

.nachbarschaft + .nachbarschaft{
  padding-top:1.5rem;
  box-shadow:inset 0 1px 0 0 var(--linie);
}


.leerbefund{
  font-family:var(--mono);
  font-size:.86rem;
  color:var(--gedaempft);
  padding:.5rem .7rem;
  border-radius:var(--rad);
  box-shadow:var(--ring-kontur);
  display:inline-block;
}


table.nachbargruppen tr,
table.sammel tr,
table.variablen tr,
table.domaenen tr{display:grid;gap:0 1.4rem;align-items:baseline}
table.nachbargruppen tr{grid-template-columns:12rem minmax(0,1fr)}
table.sammel tr{grid-template-columns:22rem minmax(0,1fr)}
table.variablen tr{grid-template-columns:minmax(0,1fr) 9rem 9rem}
table.domaenen tr{grid-template-columns:15rem minmax(0,1fr)}
table.nachbargruppen td,
table.sammel td,
table.variablen td,
table.domaenen td{margin:0}


table.nachbargruppen th{white-space:normal;word-break:break-word}
table.nachbargruppen td{line-height:1.9}
table.nachbargruppen td a{margin-right:.5rem}


.bestandsblick{margin:1.6rem 0 0}
.bestandsblick > summary{
  cursor:pointer;
  padding:.55rem .8rem;
  border-radius:var(--rad);
  box-shadow:var(--ring);
  font:600 1rem/1.4 var(--sans);
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.2rem .7rem;
}
.bestandsblick > summary .anzahl{
  font:400 .8125rem/1.4 var(--mono);
  color:var(--gedaempft);
}
.bestandsblick-leib{padding:.4rem 0 0}


.sammelfeld{
  width:100%;
  min-height:7.5rem;
  font-family:var(--mono);
  font-size:.9rem;
  line-height:1.6;
  resize:vertical;
}
@supports (field-sizing: content){
  .sammelfeld{field-sizing:content;max-height:60vh}
}


table.sammel th{
  font-family:var(--mono);
  font-weight:400;
  white-space:normal;
  word-break:break-all;
}
.sammeltreffer{margin-top:.3rem;line-height:1.7}


.bilanz{
  margin-top:1rem;
  font-family:var(--sans);
  font-size:1.02rem;
  font-weight:600;
  padding:.6rem .85rem;
  border-radius:var(--rad);
  box-shadow:var(--ring);
}


table.variablen th:first-child{font-family:var(--mono);font-weight:400;word-break:break-all}
table.variablen td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

table.variablenformate tr{display:grid;grid-template-columns:minmax(0,1fr) 9rem;
gap:0 1.4rem;align-items:baseline}
table.variablenformate th{font-family:var(--mono);font-weight:400}
table.variablenformate td{margin:0;text-align:right;font-variant-numeric:tabular-nums}
table.variablentexte td.beleg{
  font-family:var(--serif);
  white-space:normal;
  line-height:1.55;
  max-width:44rem;
}


.satzgruppe{margin:1.4rem 0 0}
.satzgruppe h3{margin-bottom:.3rem;font-size:.95rem;color:var(--gedaempft)}
.marke-wert{
  display:inline-block;
  padding:.2rem .5rem;
  margin:0 .3rem .3rem 0;
  border-radius:var(--rad);
  box-shadow:var(--ring-kontur);
  text-decoration:none;
}
.marke-wert code{font-size:.84rem}


table.domaenen th:first-child{font-family:var(--mono);font-weight:400;white-space:nowrap}
table.domaenen td{line-height:1.9;white-space:normal}
table.domaenen td a{margin-right:.5rem}


@media (max-width:640px){
  
  table.nachbargruppen tr,
  table.sammel tr,
  table.variablen tr,
  table.variablenformate tr,
  table.domaenen tr{display:block}
  table.nachbargruppen td,
  table.sammel td,
  table.variablen td,
  table.variablenformate td,
  table.domaenen td{margin-top:.25rem}
  table.variablen td.num,
  table.variablenformate td{text-align:left}
  table.variablentexte td.beleg{max-width:none}
  table.domaenen th:first-child{white-space:normal;word-break:break-all}
  .bilanz{font-size:.97rem}
  .sammelfeld{min-height:9rem}
}




.abgabe {
  margin: 2rem 0 0;
  padding: 1rem 0 0;
  box-shadow: inset 0 1px 0 var(--linie);
  font-family: var(--sans);
}
.abgabe-wege {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem 1rem;
  margin: 0 0 .5rem;
  font-family: var(--sans);
}
.abgabe-wege b { font-size: .9375rem; }

.abgabe-wege a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--mono);
  font-size: .875rem;
  padding: .25rem .8rem;
  border-radius: var(--rad-klein);
  box-shadow: var(--ring-kontur);
  text-decoration: none;
}

.abgabe-wege a::before { content: "\2193\00a0"; color: var(--kante); }

@media(hover:hover){
  .abgabe-wege a:hover { box-shadow: var(--ring); }
}


.belegraster {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1rem;
  margin: 1rem 0 1.6rem;
}
.belegkarte {
  padding: 1rem 1.1rem;
  border-radius: var(--rad);
  background: var(--flaeche2);
  box-shadow: var(--ring-kontur);
}
.belegkarte > h3 {
  margin: 0 0 .6rem;
  font-family: var(--sans);
  font-size: .8125rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gedaempft);
}

.belegkarte table {
  display: block;
  width: 100%;
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.belegkarte tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .1rem;
  padding: .5rem 0;
  box-shadow: 0 1px 0 0 var(--linie);
}
.belegkarte tr:last-child { box-shadow: none; }
.belegkarte td { margin: 0; padding: 0; }
.belegkarte td:first-child { font-family: var(--sans); font-size: .9375rem; }
.belegkarte td:last-child { text-align: right; }

.belegkarte code { font-size: .75rem; line-height: 1.45; overflow-wrap: anywhere; }
.belegkarte .datenzeile { justify-content: flex-end; }
.belegkarte .herkunft { margin-top: .6rem; }
.belegkarte > .datenbild { margin-top: .4rem; width: 100%; height: auto; }


.luecken { margin: 1rem 0 1.6rem; }

.luecken tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0 1.25rem;
  align-items: baseline;
}
.luecken td { margin: 0; text-align: right; }
.luecken .datenzeile { justify-content: flex-end; }

.luecken tr.kopf { font-size: .8125rem; color: var(--gedaempft); font-family: var(--sans); }
.luecken tr.kopf th { font-weight: 500; }


.regelwerk { margin: 1rem 0; }
.regelwerk > summary {
  cursor: pointer;
  padding: .7rem .9rem;
  border-radius: var(--rad-klein);
  background: var(--flaeche2);
  box-shadow: var(--ring-kontur);
  font-family: var(--sans);
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 .75rem;
}
.regelwerk > summary::marker { color: var(--kante); }
.regelwerk[open] > summary { border-radius: var(--rad-klein) var(--rad-klein) 0 0; }
.regelwerk .anzahl {
  font-family: var(--mono);
  font-size: .8125rem;
  font-weight: 400;
  color: var(--gedaempft);
}
.regelwerk-leib { padding: .8rem 0 0; }


.suchhilfe { margin: 1rem 0; }
.suchhilfe ul { margin: .6rem 0; padding-left: 1.25rem; }
.suchhilfe li { margin: .3rem 0; font-family: var(--sans); }

.suchbeispiele {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .6rem 0 0;
  padding: 0;
  list-style: none;
}
.suchbeispiele li { margin: 0; }
.suchbeispiele a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 .85rem;
  border-radius: 99px;
  background: var(--flaeche);
  box-shadow: var(--ring);
  text-decoration: none;
}
.suchbeispiele code { font-size: .8125rem; }
@media(hover:hover){
  .suchbeispiele a:hover { box-shadow: var(--ring-kante); }
}


@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .belegkarte {
      animation: kante-an linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 45%;
    }
  }
}
@keyframes kante-an {
  from { box-shadow: 0 0 0 1px var(--kante); }
}

@media (max-width: 640px) {
  .belegraster { grid-template-columns: 1fr; }
  .abgabe-wege { gap: .5rem; }
}


@media(max-width:1000px){
  .kopfsuche input{min-width:8rem;max-width:11rem}
  :root{--klebehoehe:150px}
}
@media(max-width:820px){
  
  .kopfsuche{order:3;flex-basis:100%}
  .kopfsuche input{width:100%;max-width:none;min-height:40px}
  
  .kopf nav{margin-left:0;flex-basis:100%;order:2;flex-wrap:nowrap;overflow-x:auto;
  scrollbar-width:none;gap:0 1.05rem;font-size:.83rem;
  scroll-snap-type:x proximity;padding-bottom:.15rem}
  .kopf nav::-webkit-scrollbar{display:none}
  .kopf nav a{scroll-snap-align:start}
  nav[aria-label].bereichsinnen{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  nav[aria-label].bereichsinnen::-webkit-scrollbar{display:none}
  
  .bereichsleiste{position:static}
  :root{--klebehoehe:155px}
}
@supports((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){
  @media(max-width:820px){
    .kopf nav,nav[aria-label].bereichsinnen{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.1rem,#000 calc(100% - 1.6rem),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 1.1rem,#000 calc(100% - 1.6rem),transparent 100%)}
  }
}
@media(max-width:640px){
  main{padding:1.85rem 1rem 3.5rem}
  .kopf,.fussinnen,.fussrand,.bereichsinnen{padding-left:1rem;padding-right:1rem}
  .kopfsuche input{min-height:44px}
  .sprachwechsel{min-height:36px;order:1;margin-left:auto}
  h2{margin-top:2.35rem}
  p{font-size:1rem}
  .konsole-leib{font-size:.78rem}
  .fussspruch{margin-left:0;flex-basis:100%}
  
  .merkmale tr,.strom tr,.regeln tr{grid-template-columns:minmax(0,1fr);gap:0}
  .merkmale th,.regeln th{margin-bottom:.2rem}
  .strom th{margin-bottom:.25rem}
  .strom th.fortsetzung{margin-bottom:0}
  .strom th.fortsetzung::before{content:none}
}


@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

@media(forced-colors:active){
  .kachel,.karte,table,form,fieldset,.konsole,pre.ausgabe,select,input,button,
  .marken a,.wege a,.sprachwechsel,nav[aria-label] a{outline:1px solid CanvasText}
  .balken::before,.matrix td{background:Highlight}
  .kopf nav a::after{background:CanvasText}
  .datenbild .flaeche-belegt{fill:Highlight}
  .datenbild .flaeche-rest{fill:Canvas;stroke:CanvasText}
}

@media print{
  header,footer,.bereichsleiste,form,.wege,.sprungmarke{display:none}
  main{max-width:none;padding:0;display:flex;flex-direction:column}
  .druckkopf{display:block;order:-3;margin:0 0 .6rem;font-family:var(--mono);
  font-size:.72rem;color:var(--gedaempft)}
  h1{order:-2}
  .marken,nav[aria-label]{order:-1}
  .marken{display:flex;margin-bottom:.4rem}
  .marken a{box-shadow:none;background:none;padding-left:0}
  .marken a::after{content:none}
  nav[aria-label]{display:block;margin:0 0 1.2rem}
  nav[aria-label] a,nav[aria-label] strong,nav[aria-label] .auslassung{display:none}
  nav[aria-label] .herkunft{display:block;margin:0}
  .kachel,table,.karte,.konsole{box-shadow:none;break-inside:avoid}
  .kachel,.karte,table,pre.ausgabe{border:1px solid var(--linie)}
}