@view-transition{navigation:auto}
:root{
color-scheme:light;
accent-color:#3c7524;
--papier:#fff;--papier2:#f4f8f0;--karte:#fff;--karte2:#f5f9f1;
--neutral:#eceeec;
--vg:#16201a;--vg2:#3f4a42;--gedaempft:#5d6b60;
--rand:#e3e9de;--rand2:#c9d3c4;
--gruen:#3c7524;--gruen-hell:#4a8c2d;--gruen2:#eaf3e2;
--amt:#455567;--amt-hell:#5a6d82;--amt2:#eef1f5;
--warn:#8a5610;--warnflaeche:#fbf3e4;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
--rad:8px;--rad-klein:6px;
--spalte:90rem;--lesebreite:70ch;
--schatten:0 1px 2px rgba(22,32,26,.04);
--schatten-hoch:0 1px 2px rgba(22,32,26,.05),0 12px 28px -16px rgba(22,32,26,.22);
--tempo:.18s;--kurve:cubic-bezier(.2,.7,.3,1);
--kopfhoehe:3.85rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;padding:0;background:var(--papier);color:var(--vg2);
font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;min-height:100vh;display:flex;
flex-direction:column}
main{max-width:var(--spalte);width:100%;margin:0 auto;
padding:2.5rem 1.5rem 5rem;flex:1}
a{color:var(--gruen);text-decoration-line:underline;
text-decoration-thickness:1px;text-underline-offset:.18em;
text-decoration-color:color-mix(in srgb,var(--gruen) 40%,transparent);
transition:text-decoration-color var(--tempo) ease,color var(--tempo) ease}
a:hover{text-decoration-color:var(--gruen);text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--gruen);outline-offset:2px;border-radius:3px}
::selection{background:var(--gruen2);color:var(--vg)}
.sprung{position:absolute;left:-9999px;top:0;z-index:30;background:var(--gruen);
color:#fff;padding:.75rem 1.2rem;border-radius:0 0 var(--rad-klein) 0;
font:600 .92rem var(--sans);text-decoration:none}
.sprung:focus{left:0}
h1,h2,h3,h4{color:var(--vg);line-height:1.2;text-wrap:balance;
font-family:var(--sans)}
h1{font-size:clamp(2rem,1.5rem + 2.1vw,2.85rem);font-weight:450;
letter-spacing:-.021em;margin:0 0 .55rem}
h2{font-size:1.42rem;font-weight:600;letter-spacing:-.012em;
margin:3rem 0 .9rem;display:flex;align-items:baseline;gap:.65rem}
h2::before{content:"";flex:none;width:1.15rem;height:3px;border-radius:2px;
background:var(--gruen);transform:translateY(-.28em)}
h3{font-size:1.11rem;font-weight:600;margin:2rem 0 .45rem;letter-spacing:-.006em}
h4{font-size:.98rem;font-weight:600;margin:1.4rem 0 .3rem}
p{margin:.5rem 0 1.15rem;max-width:var(--lesebreite);text-wrap:pretty}
ul,ol{padding-left:1.25rem;max-width:var(--lesebreite)}
li{margin-bottom:.5rem}
li::marker{color:var(--gruen)}
strong{font-weight:650;color:var(--vg)}
hr{border:0;border-top:1px solid var(--rand);margin:2.5rem 0}
.anriss{font-size:1.2rem;line-height:1.6;color:var(--vg2);max-width:58ch;
margin-bottom:1.8rem;font-weight:400}
.eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;
font:600 .705rem/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;
color:var(--gedaempft);max-width:none}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--rand)}
.eyebrow[data-welt=amt]{color:var(--amt)}
.eyebrow[data-welt=gruen]{color:var(--gruen)}
.kopf{position:sticky;top:0;z-index:20;background:var(--karte);
border-bottom:1px solid var(--rand);view-transition-name:kopfbalken}
@supports (backdrop-filter:blur(1px)){
.kopf{background:color-mix(in srgb,var(--karte) 88%,transparent);
backdrop-filter:blur(14px) saturate(1.4)}
}
.kopf-innen{max-width:var(--spalte);margin:0 auto;padding:.7rem 1.5rem;
display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
@media(min-width:901px){
.kopf-innen{flex-wrap:nowrap}
}
.wortmarke{display:inline-flex;align-items:center;gap:.55rem;
text-decoration:none;color:var(--vg);font-size:1.24rem;font-weight:450;
line-height:1;letter-spacing:-.018em}
.wortmarke b{font-weight:650;color:var(--gruen)}
.wortmarke .signet{flex:none;color:var(--gruen);
transition:transform .55s var(--kurve)}
.wortmarke:hover .signet{transform:rotate(45deg)}
.signet{flex:none}
.kopf nav{font-size:.925rem;margin-left:auto;display:flex;flex-wrap:wrap;
gap:0 1.15rem}
@media(min-width:1280px){
.kopf nav{flex-wrap:nowrap}
}
.kopf-knopf{display:inline-flex;align-items:center;min-height:40px;
margin-left:1.15rem;padding:.3rem .95rem;border-radius:var(--rad-klein);
border:1px solid var(--gruen);background:var(--gruen);color:#fff;
font:600 .9rem var(--sans);text-decoration:none;white-space:nowrap;
transition:background-color var(--tempo) ease,border-color var(--tempo) ease}
.kopf-knopf:hover{background:var(--gruen-hell);border-color:var(--gruen-hell);
color:#fff}
.kopf nav a{position:relative;display:inline-flex;align-items:center;
min-height:38px;text-decoration:none;color:var(--vg2);
padding:0 .55rem;margin:0 -.55rem;border-radius:999px;
transition:color var(--tempo) ease,background-color var(--tempo) ease}
.kopf nav a::after{content:"";position:absolute;left:.55rem;right:.55rem;bottom:6px;
height:2px;border-radius:2px;background:var(--gruen);transform:scaleX(0);
transition:transform .22s var(--kurve)}
.kopf nav a:hover{color:var(--gruen);
background:color-mix(in srgb,var(--gruen2) 62%,transparent)}
.kopf nav a:hover::after{transform:scaleX(1)}
.kopf nav a[aria-current]{color:var(--gruen);font-weight:600;background:var(--gruen2)}
.kopf nav a[aria-current]::after{transform:scaleX(1)}
.kopf nav a[aria-current]::before{content:none}
.kopf nav a[href$="/werkzeuge"],.kopf nav a[href$="/aenderungen"]{
margin-left:.4rem;padding-left:1.1rem}
.kopf nav a[href$="/werkzeuge"]::before,
.kopf nav a[href$="/aenderungen"]::before{content:"";position:absolute;left:0;
top:50%;transform:translateY(-50%);width:1px;height:1.1em;background:var(--rand2)}
.kopf nav a[href$="/werkzeuge"]::after,
.kopf nav a[href$="/aenderungen"]::after{left:1.1rem}
.menue-haken{display:none}
.menue-knopf{display:none}
.menue-zu{display:none}
.menue-haken:checked ~ .menue-knopf .menue-auf{display:none}
.menue-haken:checked ~ .menue-knopf .menue-zu{display:inline}
.menue-haken:focus-visible ~ .menue-knopf{outline:2px solid var(--gruen);
outline-offset:2px;border-radius:var(--rad-klein)}
.brotkrumen{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .55rem;
list-style:none;padding:0;margin:0 0 1.4rem;max-width:none;
font-size:.86rem;color:var(--gedaempft)}
.brotkrumen li{margin:0;display:flex;align-items:center;gap:.55rem}
.brotkrumen li+li::before{content:"/";color:var(--rand2);font-size:.9em}
.brotkrumen a{color:var(--gedaempft);text-decoration-color:transparent}
.brotkrumen a:hover{color:var(--gruen)}
.brotkrumen [aria-current]{color:var(--vg2)}
.brotkrumen li:last-child{min-width:0}
.brotkrumen li:last-child [aria-current]{display:block;max-width:100%;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hwg{background:var(--amt2);border-bottom:1px solid var(--rand);color:var(--vg)}
.hwg-innen{max-width:var(--spalte);margin:0 auto;padding:.8rem 1.5rem;
font-size:.92rem;line-height:1.55;position:relative;padding-left:3rem}
.hwg-innen::before{content:"§";position:absolute;left:1.5rem;top:.72rem;
font:600 1.1rem/1 var(--sans);color:var(--amt)}
.umbruch{overflow-x:auto;-webkit-overflow-scrolling:touch;
border:1px solid var(--rand);border-radius:var(--rad);margin:1.2rem 0;
background:var(--karte)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--rand);
vertical-align:top}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
thead th{font-weight:600;font-size:.715rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--gedaempft);background:var(--karte2);
border-bottom:1px solid var(--rand);padding-top:.62rem;padding-bottom:.62rem}
tbody th{font-weight:600;color:var(--vg)}
tbody tr{transition:background-color var(--tempo) ease}
tbody tr:hover{background:var(--karte2)}
.tab-erstattung table,.tab-stand table,.tab-strom table{display:block}
.tab-erstattung thead,.tab-stand thead,.tab-strom thead,
.tab-erstattung tbody,.tab-stand tbody,.tab-strom tbody{display:block}
.tab-erstattung tr,.tab-stand tr,.tab-strom tr{display:grid;align-items:start;
column-gap:1.15rem;padding:.9rem 1rem;border-bottom:1px solid var(--rand)}
.tab-erstattung th,.tab-erstattung td,.tab-strom th,.tab-strom td,
.tab-stand th,.tab-stand td{padding:0;border:0;min-width:0}
.tab-erstattung thead tr,.tab-stand thead tr,.tab-strom thead tr{padding-top:.55rem;
padding-bottom:.55rem;background:var(--karte2);
border-bottom:1px solid var(--rand)}
.tab-erstattung tbody tr:last-child,.tab-stand tbody tr:last-child,
.tab-strom tbody tr:last-child{border-bottom:0}
.tab-erstattung tr{grid-template-columns:minmax(8rem,1.1fr) minmax(7rem,.9fr) 13rem 8.8rem}
.tab-stand tr{grid-template-columns:minmax(8rem,1fr) 11rem 7.5rem 7.5rem}
@media(min-width:901px){
.tab-erstattung th[data-feld=verfahren]{grid-area:1/1}
.tab-erstattung td[data-feld=traeger]{grid-area:1/2}
.tab-erstattung td[data-feld=stand]{grid-area:1/3}
.tab-erstattung td[data-feld=gueltigkeit]{grid-area:1/4}
.tab-erstattung td[data-feld=bedingung]{grid-area:2/1/auto/3}
.tab-erstattung td[data-feld=beleg]{grid-area:2/3/auto/-1}
.tab-stand td[data-feld=traeger]{grid-area:1/1}
.tab-stand td[data-feld=stand]{grid-area:1/2}
.tab-stand td[data-feld=gueltig_ab]{grid-area:1/3}
.tab-stand td[data-feld=gueltig_bis]{grid-area:1/4}
.tab-stand td[data-feld=bedingung]{grid-area:2/1/auto/3}
.tab-stand td[data-feld=beleg]{grid-area:2/3/auto/-1}
}
.tab-erstattung td[data-feld=bedingung],.tab-stand td[data-feld=bedingung]{
line-height:1.62;max-width:72ch;margin-top:.7rem;color:var(--vg2);
font-size:.925rem;padding-left:.9rem;
border-left:2px solid color-mix(in srgb,var(--amt) 20%,transparent)}
.tab-evidenz table{display:block}
.tab-evidenz thead,.tab-evidenz tbody{display:block}
.tab-evidenz tr{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
column-gap:1.15rem;align-items:start;padding:.9rem 1rem;
border-bottom:1px solid var(--rand)}
.tab-evidenz tbody tr:last-child{border-bottom:0}
.tab-evidenz th,.tab-evidenz td{padding:0;border:0;min-width:0}
.tab-evidenz thead tr{background:var(--karte2);
border-bottom:1px solid var(--rand);padding-top:.55rem;padding-bottom:.55rem}
.tab-evidenz thead th:nth-child(n+3){display:none}
.tab-evidenz td[data-feld=beleg]{grid-column:1/-1}
.tab-erstattung tr.gruppe{padding-top:1.3rem;grid-template-columns:1fr}
.tab-erstattung tr.gruppe th{grid-column:1/-1;font-size:1.02rem;color:var(--vg);
display:flex;align-items:baseline;gap:.5rem}
.tab-erstattung tbody:first-of-type tr.gruppe{padding-top:.9rem}
.tab-erstattung tr.gruppe,.tab-erstattung tr.gruppe th{scroll-margin-top:15rem}
.weiter{margin:.55rem 0 0;grid-column:1/-1;flex-basis:100%}
.weiter>summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;
list-style:none;color:var(--amt);font-size:.85rem;min-height:32px}
.weiter>summary::-webkit-details-marker{display:none}
.weiter>summary>span{border-bottom:1px dotted color-mix(in srgb,var(--amt) 50%,transparent)}
.weiter>summary::after{content:"";flex:none;width:.42rem;height:.42rem;
border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
transform:rotate(45deg) translate(-2px,-2px)}
.weiter[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.weiter>p{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem .9rem;margin:.6rem 0 0}
.weiter label{flex:1 1 10rem;max-width:15rem}
.rang{font:600 .78rem/1 var(--mono);color:var(--gedaempft);
background:var(--karte2);border:1px solid var(--rand);border-radius:999px;
padding:.2rem .45rem}
.startfrage{margin:.9rem 0 0;max-width:36rem}
.startfrage-frage{margin:0 0 .6rem;font:600 1.06rem/1.4 var(--sans);color:var(--vg)}
.startfrage-fehlt{margin:.7rem 0 0;font-size:.88rem;line-height:1.5;
color:var(--gedaempft);max-width:44ch}
.startfrage-fehlt a{color:var(--gruen);text-underline-offset:.2em}
.vertrauen{margin:1rem 0 0;font-size:.86rem;line-height:1.6;color:var(--gedaempft);
max-width:52ch}
.startfrage>form{margin:0}
.startfrage>form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem .8rem}
.startfrage label{flex:1 1 11rem;max-width:none}
.startfrage button{flex:0 0 auto;margin:0;min-width:8rem}
.sprungregister{padding:.9rem 1rem;border-bottom:1px solid var(--rand);
background:var(--karte2)}
.sprungregister>ul{list-style:none;margin:.5rem 0 0;padding:0;
display:flex;flex-wrap:wrap;gap:.45rem}
.sprungregister a{display:inline-flex;align-items:center;gap:.4rem;
min-height:36px;padding:.3rem .6rem;border:1px solid var(--rand);
border-radius:999px;background:var(--karte);text-decoration:none;
font-size:.9rem}
.sprungregister a:hover{border-color:var(--gruen);color:var(--gruen)}
.fuss-zusatz{font-size:.78rem;color:var(--gedaempft);white-space:nowrap}
.inhaltsverzeichnis{margin:1.6rem 0 2rem;padding:1rem 1.2rem;
border:1px solid var(--rand);border-radius:var(--rad);background:var(--karte2)}
.inhaltsverzeichnis ol{margin:.5rem 0 0;padding-left:1.3rem;
display:grid;gap:.3rem;font-size:.95rem}
.inhaltsverzeichnis a{color:var(--vg2);text-decoration:none;
border-bottom:1px solid var(--rand2)}
.inhaltsverzeichnis a:hover{color:var(--gruen);border-color:var(--gruen)}
.figur{margin:1.5rem 0 1.8rem;padding:0;max-width:var(--lesebreite)}
.figur svg{display:block;width:100%;max-width:30rem;height:auto;font-family:var(--sans)}
.figur figcaption{margin-top:.55rem;font-size:.88rem;line-height:1.5;color:var(--gedaempft);
max-width:30rem}
.ergebniszeile{margin:.9rem 0 .5rem;font-size:.92rem;color:var(--vg2)}
.nach-oben{margin:-3.4rem auto 2.4rem;padding:0 1.5rem;max-width:var(--spalte);
font-size:.9rem;text-align:right}
.nach-oben a{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;
padding:.3rem .8rem;border:1px solid var(--rand);border-radius:999px;
color:var(--vg2);text-decoration:none;background:var(--karte)}
.nach-oben a::before{content:"↑";font-size:.9em}
.nach-oben a:hover{border-color:var(--gruen);color:var(--gruen)}
.verweisliste.mit-vergleich li{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem}
.verweisliste.mit-vergleich li>a:first-child{flex:1 1 14rem}
.verweisliste a.vergleich{flex:0 0 auto;min-height:32px;padding:.15rem .7rem;
border:1px solid var(--rand);border-radius:999px;font-size:.84rem;color:var(--vg2)}
.verweisliste a.vergleich::after{content:none}
.verweisliste a.vergleich:hover{border-color:var(--gruen);color:var(--gruen)}
.ergebniszeile b{color:var(--vg);font-weight:600}
.tab-kassen .sprungregister{border:1px solid var(--rand);border-bottom:0;
border-radius:var(--rad) var(--rad) 0 0}
.tab-kassen .sprungregister a{min-width:36px;justify-content:center;padding:.3rem .5rem}
.tab-kassen tr.gruppe th{padding:1.1rem .9rem .45rem;font-size:.74rem;
letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);
background:var(--karte2);scroll-margin-top:9rem}
.tab-kassen td[data-feld=verfahren] .zahl{font-weight:600;color:var(--vg)}
.tab-kassen td[data-feld=verfahren] .stand{display:block;font-size:.84rem;color:var(--vg2)}
.tab-kassen td[data-feld=stand]{white-space:nowrap}
.tab-kassen th[data-feld=kasse] a{font-weight:600;text-decoration-thickness:1px;
text-underline-offset:.16em}
.tab-kassen th[data-feld=kasse] a:hover{text-decoration-color:var(--gruen)}
.tab-evidenz tr.gruppe{padding-top:1.3rem}
.tab-evidenz tr.gruppe th{grid-column:1/-1;font-size:1.02rem;color:var(--vg)}
.tab-evidenz tbody:first-of-type tr.gruppe{padding-top:.9rem}
.tab-zeitplan table{display:block}
.tab-zeitplan thead,.tab-zeitplan tbody{display:block}
.tab-zeitplan tr{display:grid;align-items:start;column-gap:1.15rem;row-gap:.35rem;
padding:.8rem 1rem;border-bottom:1px solid var(--rand);
grid-template-columns:minmax(7rem,.8fr) minmax(8rem,1fr) minmax(9rem,1fr) minmax(0,1.4fr)}
.tab-zeitplan th,.tab-zeitplan td{padding:0;border:0;min-width:0}
.tab-zeitplan thead tr{padding-top:.55rem;padding-bottom:.55rem;
background:var(--karte2);border-bottom:1px solid var(--rand)}
.tab-zeitplan tbody tr:last-child{border-bottom:0}
.tab-zeitplan td[data-feld=zuletzt],.tab-zeitplan td[data-feld=takt]{
font-variant-numeric:tabular-nums;color:var(--gedaempft);font-size:.9rem}
.tab-zeitplan td[data-feld=ergebnis]{font-size:.9rem;color:var(--vg2);line-height:1.55}
.tab-bonus table{display:block}
.tab-bonus thead,.tab-bonus tbody{display:block}
.tab-bonus tr{display:grid;align-items:start;column-gap:1.15rem;
padding:.9rem 1rem;border-bottom:1px solid var(--rand);
grid-template-columns:minmax(7rem,1fr) minmax(6.5rem,.85fr) minmax(8rem,1.15fr) minmax(7rem,.95fr) 8.6rem 6rem}
.tab-bonus th,.tab-bonus td{padding:0;border:0;min-width:0}
.tab-bonus thead tr{padding-top:.55rem;padding-bottom:.55rem;
background:var(--karte2);border-bottom:1px solid var(--rand)}
.tab-bonus tbody tr:last-child{border-bottom:0}
.tab-bonus thead th:nth-child(7),.tab-bonus thead th:nth-child(8){display:none}
@media(min-width:901px){
.tab-bonus th[data-feld=kasse]{grid-area:1/1}
.tab-bonus td[data-feld=programm]{grid-area:1/2}
.tab-bonus td[data-feld=gegenstand]{grid-area:1/3}
.tab-bonus td[data-feld=verfahren]{grid-area:1/4}
.tab-bonus td[data-feld=anerkennung]{grid-area:1/5}
.tab-bonus td[data-feld=richtung]{grid-area:1/6}
.tab-bonus td[data-feld=bedingung]{grid-area:2/1/auto/5}
.tab-bonus td[data-feld=beleg]{grid-area:2/5/auto/-1}
}
.tab-bonus td[data-feld=bedingung]{line-height:1.62;max-width:72ch;margin-top:.7rem;
color:var(--vg2);font-size:.925rem;padding-left:.9rem;
border-left:2px solid color-mix(in srgb,var(--amt) 20%,transparent)}
.tab-bonus td[data-feld=richtung]{font-size:.88rem;color:var(--gedaempft)}
.tab-erstattung thead th:nth-child(4),.tab-erstattung thead th:nth-child(6),
.tab-stand thead th:nth-child(3),.tab-stand thead th:nth-child(6){display:none}
.tab-erstattung td[data-feld=gueltigkeit],.tab-stand td[data-feld=gueltig_ab],
.tab-stand td[data-feld=gueltig_bis]{font-variant-numeric:tabular-nums;
font-size:.88rem;color:var(--gedaempft);line-height:1.5}
.fenster{display:block}
.fenster-wort{color:var(--gedaempft);font-variant-numeric:normal;
padding-right:.2em}
.fenster-datum{color:var(--vg2)}
.fenster-offen{color:var(--gedaempft)}
.tab-erstattung th[data-feld=verfahren] a{font-weight:600;
text-decoration-color:transparent}
.tab-erstattung th[data-feld=verfahren] a:hover{text-decoration-color:var(--gruen)}
.tab-strom tr{grid-template-columns:12.5rem minmax(0,1fr) auto;row-gap:.5rem}
.tab-strom thead th:nth-child(n+4){display:none}
@media(min-width:901px){
.tab-strom th[data-feld=stand]{grid-area:1/1}
.tab-strom td[data-feld=verfahren]{grid-area:1/2}
.tab-strom td[data-feld=klasse]{grid-area:1/3;justify-self:end}
.tab-strom td[data-feld=aenderung]{grid-area:2/1/auto/-1}
.tab-strom td[data-feld=anlass]{grid-area:3/1/auto/-1}
.tab-strom td[data-feld=beleg]{grid-area:4/1/auto/-1}
}
.tab-strom th[data-feld=stand]{font-weight:400;font-variant-numeric:tabular-nums}
.tab-strom td[data-feld=verfahren] a{font-weight:600;font-size:1.02rem;
text-decoration-color:transparent}
.tab-strom td[data-feld=verfahren] a:hover{text-decoration-color:var(--gruen)}
.tab-strom td[data-feld=anlass]{max-width:78ch;line-height:1.62;color:var(--vg2)}
.wert-feld{display:block;font-size:.9rem;font-weight:600;color:var(--vg)}
.wert-bereich{font-weight:400;color:var(--gedaempft)}
.wertwechsel{display:grid;grid-template-columns:minmax(0,1fr) 1.9rem minmax(0,1fr);
align-items:stretch;margin-top:.55rem;max-width:62rem}
.wert-alt,.wert-neu{display:block;padding:.55rem .8rem;font-size:.9rem;
line-height:1.55;border:1px solid var(--rand);border-radius:var(--rad-klein);
overflow-wrap:anywhere}
.wert-alt{background:var(--karte2);color:var(--gedaempft);
box-shadow:inset 3px 0 0 var(--rand2)}
.wert-neu{background:var(--karte);color:var(--vg);border-color:var(--rand2);
font-weight:500;box-shadow:inset 3px 0 0 var(--gruen)}
.wert-marke{display:block;margin-bottom:.12rem;
font:600 .655rem/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;
color:var(--gedaempft)}
.wert-pfeil{align-self:center;justify-self:center;line-height:1;
color:var(--rand2);font-size:1.05rem}
.tab-tarife table{display:block}
.tab-tarife thead,.tab-tarife tbody{display:block}
.tab-tarife tr{display:grid;align-items:start;column-gap:1.15rem;row-gap:.45rem;
padding:.9rem 1rem;border-bottom:1px solid var(--rand);
grid-template-columns:minmax(9rem,1fr) minmax(0,1fr) auto}
.tab-tarife th,.tab-tarife td{padding:0;border:0;min-width:0}
.tab-tarife thead tr{padding-top:.55rem;padding-bottom:.55rem;
background:var(--karte2);border-bottom:1px solid var(--rand)}
.tab-tarife tbody tr:last-child{border-bottom:0}
.tab-tarife thead th:nth-child(n+4){display:none}
@media(min-width:901px){
.tab-tarife th[data-feld=anbieter]{grid-area:1/1}
.tab-tarife td[data-feld=tarif]{grid-area:1/2}
.tab-tarife td[data-feld=stand]{grid-area:1/3;justify-self:end}
.tab-tarife td[data-feld=bedingung]{grid-area:2/1/auto/-1}
.tab-tarife td[data-feld=beleg]{grid-area:3/1/auto/-1}
}
.tab-tarife td[data-feld=bedingung]{max-width:78ch;line-height:1.62;color:var(--vg2)}
.tab-protokoll table{display:block}
.tab-protokoll thead,.tab-protokoll tbody{display:block}
.tab-protokoll tr{display:grid;align-items:start;column-gap:1.15rem;row-gap:.45rem;
padding:.9rem 1rem;border-bottom:1px solid var(--rand);
grid-template-columns:9.5rem minmax(0,1fr)}
.tab-protokoll th,.tab-protokoll td{padding:0;border:0;min-width:0}
.tab-protokoll thead tr{padding-top:.55rem;padding-bottom:.55rem;
background:var(--karte2);border-bottom:1px solid var(--rand)}
.tab-protokoll tbody tr:last-child{border-bottom:0}
.tab-protokoll thead th:nth-child(n+3){display:none}
@media(min-width:901px){
.tab-protokoll th[data-feld=datum]{grid-area:1/1}
.tab-protokoll td[data-feld=aenderung]{grid-area:1/2}
.tab-protokoll td[data-feld=grund]{grid-area:2/1/auto/-1}
}
.tab-protokoll th[data-feld=datum]{font-weight:400;font-variant-numeric:tabular-nums;
color:var(--gedaempft)}
.tab-protokoll td[data-feld=grund]{max-width:78ch;line-height:1.62;color:var(--vg2)}
.tab-erstattung tbody tr,.tab-stand tbody tr,.tab-strom tbody tr,
.tab-tarife tbody tr,.tab-protokoll tbody tr,.tab-evidenz tbody tr,
.tab-bonus tbody tr{
position:relative;transition:background-color var(--tempo) ease}
.tab-erstattung tbody tr::before,.tab-stand tbody tr::before,
.tab-strom tbody tr::before,.tab-tarife tbody tr::before,
.tab-protokoll tbody tr::before,.tab-evidenz tbody tr::before,
.tab-bonus tbody tr::before{content:"";
position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gruen);
transform:scaleX(0);transform-origin:left;
transition:transform .28s var(--kurve)}
.tab-erstattung tbody tr:hover,.tab-stand tbody tr:hover,
.tab-strom tbody tr:hover,.tab-tarife tbody tr:hover,
.tab-protokoll tbody tr:hover,.tab-evidenz tbody tr:hover,
.tab-bonus tbody tr:hover{background:var(--karte2)}
.tab-erstattung tbody tr:hover::before,.tab-stand tbody tr:hover::before,
.tab-strom tbody tr:hover::before,.tab-tarife tbody tr:hover::before,
.tab-protokoll tbody tr:hover::before,
.tab-evidenz tbody tr:hover::before,
.tab-bonus tbody tr:hover::before{transform:scaleX(1)}
.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));
gap:.6rem;margin:1.4rem 0 0;padding:0;max-width:none;list-style:none}
.kennzahlen li{margin:0;background:var(--karte);padding:.85rem 1rem .95rem;
border:1px solid var(--rand);border-radius:var(--rad-klein)}
.kennzahl-zahl{display:block;font:450 1.75rem/1.05 var(--sans);
letter-spacing:-.03em;color:var(--gruen);font-variant-numeric:tabular-nums}
.kennzahl-wort{display:block;margin-top:.25rem;font-size:.83rem;line-height:1.45;
color:var(--gedaempft)}
.kennzahl-zahl.leer{font-size:1rem;line-height:1.5;letter-spacing:0}
.chip-reihe{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;
margin:1.1rem 0 0;max-width:none}
.chip-reihe li{margin:0}
.chip-link{display:inline-flex;align-items:center;gap:.42rem;min-height:40px;
padding:.34rem .9rem;border:1px solid var(--rand2);border-radius:999px;
background:var(--karte);color:var(--vg2);text-decoration:none;
font:600 .875rem var(--sans);
transition:border-color var(--tempo) ease,background-color var(--tempo) ease,
color var(--tempo) ease,transform var(--tempo) var(--kurve)}
.chip-link:hover{color:var(--gruen);border-color:var(--gruen);
background:var(--gruen2);transform:translateY(-1px)}
.chip-zahl{font-weight:400;color:var(--gedaempft);font-variant-numeric:tabular-nums}
.chip-link:hover .chip-zahl{color:var(--gruen)}
.balken{display:block;height:.4rem;margin:.4rem 0 0;border-radius:999px;
background:var(--rand);overflow:hidden}
.balken span{display:block;height:100%;border-radius:inherit;
background:var(--gruen);width:var(--anteil,0%)}
.balken[data-ton=amt] span{background:var(--amt)}
.balken[data-ton=warn] span{background:var(--warn)}
.balken[data-ton=leer] span{background:var(--rand2)}
code{font:.9em/1.5 var(--mono);background:var(--karte2);
border:1px solid var(--rand);border-radius:4px;padding:.08em .35em;
overflow-wrap:break-word;color:var(--vg)}
.umbruch code{white-space:nowrap}
.beleg{color:var(--gedaempft);font-size:.805rem;line-height:1.55;
font-family:var(--mono);overflow-wrap:anywhere;
border-left:2px solid var(--rand2);padding-left:.7rem;margin-top:.55rem}
.beleg a{color:var(--amt);text-decoration-color:color-mix(in srgb,var(--amt) 40%,transparent)}
.beleg a:hover{text-decoration-color:var(--amt)}
.quelle{margin-top:.55rem}
.quelle>summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;
list-style:none;min-height:32px;
font:600 .78rem/1.5 var(--sans);letter-spacing:.01em;color:var(--amt);
transition:color var(--tempo) ease}
.quelle>summary::-webkit-details-marker{display:none}
.quelle>summary>span{border-bottom:1px dotted color-mix(in srgb,var(--amt) 50%,transparent)}
.quelle>summary::after{content:"";flex:none;width:.42rem;height:.42rem;
border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
transform:rotate(45deg) translate(-1px,-1px);
transition:transform .22s var(--kurve)}
.quelle[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.quelle>summary:hover{color:var(--amt-hell)}
.quelle>summary:hover>span{border-bottom-color:var(--amt-hell)}
.quelle .beleg{margin-top:.45rem}
.quelle-zahl{font-weight:400;color:var(--gedaempft)}
.wortlaut{margin:0}
.wortlaut>summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;
list-style:none;color:var(--amt);font-size:.9rem;min-height:26px}
.wortlaut>summary::-webkit-details-marker{display:none}
.wortlaut>summary>span{border-bottom:1px dotted color-mix(in srgb,var(--amt) 50%,transparent)}
.wortlaut>summary::after{content:"";flex:none;width:.42rem;height:.42rem;
border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
transform:rotate(45deg) translate(-2px,-2px)}
.wortlaut[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.wortlaut>summary:hover{color:var(--amt-hell)}
.wortlaut>summary:hover>span{border-bottom-color:var(--amt-hell)}
.wortlaut>p{margin:.5rem 0 0}
.quelle-zeile{display:flex;flex-wrap:wrap;align-items:baseline;
gap:0 .7rem;margin-top:.5rem}
.tab-erstattung td[data-feld=beleg] .quelle-zeile,
.tab-stand td[data-feld=beleg] .quelle-zeile{margin-top:.7rem}
.quelle-zeile>.quelle{margin-top:0}
.quelle-zeile>.quelle>summary{min-height:26px}
.stand{color:var(--gedaempft);font-size:.84rem}
.veraltet{color:var(--warn);font-size:.84rem;font-weight:500}
.leer{color:var(--gedaempft);font-style:italic}
.hinweis{border-left:3px solid var(--amt);background:var(--amt2);
padding:.85rem 1rem;border-radius:0 var(--rad-klein) var(--rad-klein) 0;
margin:1.3rem 0;color:var(--vg2);font-size:.95rem;max-width:var(--lesebreite)}
.hinweis > :last-child{margin-bottom:0}
.hinweis > :first-child{margin-top:0}
.chip{display:inline-flex;align-items:center;gap:.42rem;
font:600 .79rem/1.35 var(--sans);letter-spacing:.004em;
padding:.26rem .64rem;border-radius:999px;border:1px solid var(--rand2);
color:var(--vg2);background:var(--karte2);white-space:nowrap}
.chip[data-ton]::before{content:"";flex:none;width:.52rem;height:.52rem;
border-radius:50%;border:1.5px solid currentColor}
.chip[data-ton=ja]::before{background:currentColor}
.chip[data-ton=teils]::before{background:linear-gradient(90deg,currentColor 50%,
transparent 50%)}
.chip[data-ton=ja]{color:var(--gruen);background:var(--gruen2);
border-color:color-mix(in srgb,var(--gruen) 22%,transparent)}
.chip[data-ton=teils]{color:var(--warn);background:var(--warnflaeche);
border-color:color-mix(in srgb,var(--warn) 22%,transparent)}
.chip[data-ton=nein]{color:var(--gedaempft);background:var(--neutral)}
.chip[data-ton=streit]{color:var(--warn);background:var(--warnflaeche);
border-color:color-mix(in srgb,var(--warn) 38%,transparent)}
.chip[data-ton=streit]::before{background:currentColor;border-radius:1px;
transform:rotate(45deg)}
.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));
gap:0;margin:1.8rem 0 0;background:var(--karte);border:1px solid var(--rand);
border-radius:var(--rad);overflow:hidden}
.kachel{position:relative;display:flex;flex-direction:column;
background:var(--karte);padding:1.2rem 1.3rem 1.3rem;text-decoration:none;
color:inherit;overflow:hidden;
box-shadow:1px 0 0 var(--rand),0 1px 0 var(--rand);
transition:background-color var(--tempo) ease}
.kachel::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
background:var(--gruen);transform:scaleX(0);transform-origin:left;
transition:transform .32s var(--kurve)}
.kachel:hover{background:var(--karte2)}
.kachel:hover::before,.kachel:focus-visible::before{transform:scaleX(1)}
.kachel-wort{font-size:1.02rem;font-weight:600;color:var(--vg);line-height:1.3;
padding-right:1.5rem}
.kachel-zahl{font:450 2.75rem/1.02 var(--sans);letter-spacing:-.035em;
color:var(--gruen);font-variant-numeric:tabular-nums;margin:.65rem 0 .25rem}
.kachel-einheit{font-size:.85rem;line-height:1.5;color:var(--gedaempft)}
.arbeitsweise{margin:1rem 0 1.6rem;max-width:var(--lesebreite)}
.arbeitsweise dt{font-weight:650;color:var(--vg);margin-top:.9rem}
.arbeitsweise dd{margin:.2rem 0 0;color:var(--vg2);line-height:1.62}
.kachel-zusatz{display:block;margin-top:.45rem;padding-top:.45rem;
border-top:1px solid var(--rand);font-size:.78rem;line-height:1.45;
color:var(--gedaempft)}
.feld-meldung{display:block;margin-top:.35rem;font:600 .88rem/1.45 var(--sans);
color:var(--warn)}
.feld-beispiel{display:block;margin-top:.3rem;font-size:.82rem;line-height:1.45;
color:var(--gedaempft)}
.feld-fehler input,.feld-fehler select,.feld-fehler textarea{
border-color:var(--warn);border-width:2px}
.fehlerliste{margin:.5rem 0 0;padding-left:1.1rem}
.fehlerliste li{margin:.2rem 0}
.fehlerliste a{color:inherit}
.kachel-ruhig{justify-content:space-between;background:var(--karte2)}
.kachel-ruhig .kachel-einheit{margin-top:.6rem}
.kachel-fussnote{margin:.7rem 0 0;font-size:.9rem;color:var(--gedaempft);
max-width:none}
.kachel::after{content:"→";position:absolute;top:1.15rem;right:1.3rem;
color:var(--rand2);font-size:.92rem;
transition:color var(--tempo) ease,transform var(--tempo) var(--kurve)}
.kachel:hover::after{color:var(--gruen);transform:translateX(3px)}
.aufschlag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(7rem,26%,24rem));
gap:clamp(1.2rem,4vw,3.5rem);align-items:center;margin:.5rem 0 1rem;
padding:clamp(1.3rem,2.4vw,1.9rem) clamp(1.35rem,3vw,3.4rem);
border-radius:calc(var(--rad) * 2);color:var(--vg2);
border:1px solid var(--rand);
background:linear-gradient(150deg,var(--gruen2) 0%,var(--papier2) 62%,var(--papier) 100%)}
.aufschlag h1{max-width:24ch}
.aufschlag .startfrage{max-width:42rem}
.aufschlag .startfrage-fehlt{max-width:64ch}
.aufschlag .vertrauen{max-width:70ch}
.aufschlag h1{margin-bottom:.6rem;color:var(--vg);
font-size:clamp(1.85rem,1.35rem + 1.8vw,2.5rem)}
.aufschlag .anriss{margin-bottom:1.1rem;color:var(--vg2)}
.aufschlag .eyebrow{color:var(--gruen)}
.aufschlag .eyebrow::after{background:var(--rand2)}
.rose-feld{position:relative;display:flex;justify-content:center;
align-items:center;min-height:15rem}
.aufschlag .rose-feld{min-height:0}
.aufschlag .rose-bild{width:min(100%,17rem)}
.rose-bild{width:min(100%,21rem);height:auto;overflow:visible}
.rose-ring circle{fill:none;stroke:var(--gruen);stroke-width:1.1;opacity:.28}
.rose-teilung line{stroke:var(--gruen);stroke-width:1;opacity:.24}
.rose-teilung line.lang{stroke-width:1.8;opacity:.45}
.rose-achse{stroke:var(--gruen);stroke-width:2.2;stroke-linecap:round;opacity:.55}
.rose-blatt{fill:var(--gruen);opacity:.12}
.rose-blatt-kontur{fill:none;stroke:var(--gruen);stroke-width:2.1;
stroke-linejoin:round}
.rose-adern{stroke:var(--gruen);stroke-width:1.3;stroke-linecap:round;opacity:.42}
.rose-mitte{fill:var(--papier);stroke:var(--gruen);stroke-width:2}
.aktionen{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem}
.knopf{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;
padding:.6rem 1.4rem;border-radius:var(--rad-klein);
font:600 .96rem var(--sans);text-decoration:none;
border:1px solid var(--gruen);background:var(--gruen);color:#fff;
transition:transform var(--tempo) var(--kurve),
box-shadow var(--tempo) var(--kurve),background-color var(--tempo) ease,
border-color var(--tempo) ease,color var(--tempo) ease}
.knopf::after{content:"→";transition:transform var(--tempo) var(--kurve)}
.knopf:hover{color:#fff;background:var(--gruen-hell);border-color:var(--gruen-hell);
box-shadow:var(--schatten-hoch);transform:translateY(-1px)}
.knopf:hover::after{transform:translateX(4px)}
.knopf-zweit{background:transparent;color:var(--gruen);border-color:var(--rand2)}
.knopf-zweit:hover{color:var(--gruen);background:var(--gruen2);
border-color:var(--gruen)}
.zeitleiste{list-style:none;padding:0;margin:1.5rem 0 0;max-width:none;
position:relative}
.zeitleiste::before{content:"";position:absolute;left:.4rem;top:.7rem;
bottom:.7rem;width:1px;background:linear-gradient(180deg,transparent,
var(--rand2) 6%,var(--rand2) 94%,transparent)}
.zeitleiste li{position:relative;margin:0;padding:0 0 1.5rem 2rem}
.zeitleiste li:last-child{padding-bottom:0}
.zeitleiste li::before{content:"";position:absolute;left:0;top:.52rem;
width:.82rem;height:.82rem;border-radius:50%;background:var(--karte);
border:2px solid var(--rand2);
transition:border-color var(--tempo) ease,transform var(--tempo) var(--kurve)}
.zeitleiste li:hover::before{border-color:var(--gruen);transform:scale(1.2)}
.zeit-tag{display:block;font:600 .765rem/1.6 var(--sans);letter-spacing:.08em;
text-transform:uppercase;color:var(--gedaempft);font-variant-numeric:tabular-nums}
.zeit-sache{display:block;font-size:1.05rem;font-weight:600;color:var(--vg);
line-height:1.35}
.zeit-sache a{text-decoration-color:transparent}
.zeit-sache a:hover{text-decoration-color:var(--gruen)}
.raster{list-style:none;padding:0;margin:1.5rem 0 0;max-width:none;display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:.85rem}
.raster li{margin:0}
.raster-karte{position:relative;display:flex;flex-direction:column;height:100%;
background:var(--karte);border:1px solid var(--rand);border-radius:var(--rad);
padding:1.15rem 1.25rem 1.2rem;text-decoration:none;color:inherit;
overflow:hidden;transition:border-color var(--tempo) ease,
box-shadow var(--tempo) var(--kurve),transform var(--tempo) var(--kurve)}
.raster-karte::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;
background:var(--gruen);transform:scaleY(0);transform-origin:top;
transition:transform .32s var(--kurve)}
.raster-karte:hover{border-color:var(--rand2);box-shadow:var(--schatten-hoch);
transform:translateY(-2px)}
.raster-karte:hover::before,.raster-karte:focus-visible::before{transform:scaleY(1)}
.raster-titel{font-size:1.08rem;font-weight:600;color:var(--vg);line-height:1.32;
margin:0 0 .35rem}
.raster-karte:hover .raster-titel{color:var(--gruen)}
.raster-satz{font-size:.93rem;line-height:1.6;color:var(--vg2);margin:0}
.raster-frage{margin:.6rem 0 0;font-size:.85rem;color:var(--gedaempft)}
.verfahrensliste{list-style:none;padding:0;max-width:none;margin:1.5rem 0 0;
display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:0;
background:var(--karte);border:1px solid var(--rand);border-radius:var(--rad);
overflow:hidden}
.verfahrensliste li{margin:0;background:var(--karte);padding:.9rem 1rem .95rem;
box-shadow:1px 0 0 var(--rand),0 1px 0 var(--rand);
transition:background-color var(--tempo) ease}
.verfahrensliste li:hover{background:var(--karte2)}
.verfahrensliste a{display:block;font-size:1.05rem;font-weight:600;
line-height:1.3;color:var(--vg);text-decoration-color:transparent}
.verfahrensliste li:hover a{color:var(--gruen)}
.verfahrensliste .stand{display:block;margin-top:.22rem;font-size:.83rem}
.verfahrensliste li:has(.chip)>a{display:block}
.verfahrensliste li:has(.chip)>.chip{margin-top:.35rem}
.verfahrensliste li:has(.chip)>.stand{display:block;margin-top:.22rem}
.gruppenkopf{margin:2.2rem 0 .1rem;max-width:none;font-size:.79rem;
font-weight:600;letter-spacing:.11em;text-transform:uppercase;
color:var(--gedaempft);display:flex;align-items:baseline;gap:.7rem}
.gruppenkopf::after{content:"";flex:1;height:1px;background:var(--rand)}
.gruppenkopf:first-of-type{margin-top:1.6rem}
.gruppenzahl{font-weight:400;letter-spacing:.04em;color:var(--gedaempft);
font-variant-numeric:tabular-nums;opacity:.85}
.gruppenkopf + .verfahrensliste,.gruppenkopf + .raster,
.gruppenkopf + .beitragsliste{margin-top:.85rem}
.beitragsliste{list-style:none;padding:0;max-width:none;display:grid;gap:.85rem;
margin:1.5rem 0 0;grid-template-columns:minmax(0,1fr)}
@media(min-width:62rem){
.beitragsliste{grid-template-columns:repeat(2,minmax(0,1fr))}
.beitragsliste li:last-child:nth-child(odd){grid-column:1/-1}
}
.beitragsliste li{margin:0;background:var(--karte);border:1px solid var(--rand);
border-radius:var(--rad);padding:1.15rem 1.25rem 1.2rem;
transition:border-color var(--tempo) ease,box-shadow var(--tempo) var(--kurve)}
.beitragsliste li:hover{border-color:var(--rand2);box-shadow:var(--schatten-hoch)}
.beitragsliste li > a{font-size:1.16rem;font-weight:600;line-height:1.35;
color:var(--vg);text-decoration-color:transparent}
.beitragsliste li > a:hover{color:var(--gruen);text-decoration-color:var(--gruen)}
.beitragsliste .stand{display:inline}
.beitrag-datum{display:block;margin-bottom:.3rem;font:600 .745rem/1.6 var(--sans);
letter-spacing:.09em;text-transform:uppercase;color:var(--gedaempft);
font-variant-numeric:tabular-nums}
.beitragsliste br + .stand{display:block;margin-top:.4rem;font-size:.93rem;
line-height:1.6;color:var(--vg2);max-width:76ch}
.verweisliste{list-style:none;padding:0;max-width:none;margin:.5rem 0 1.5rem;
display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));
gap:0 1.6rem}
.verweisliste li{margin:0;border-bottom:1px solid var(--rand)}
.verweisliste a{display:flex;align-items:center;gap:.6rem;min-height:42px;
font-size:.95rem;color:var(--vg2);text-decoration-color:transparent}
.verweisliste a::after{content:"→";margin-left:auto;color:var(--rand2);
font-size:.85rem;transition:transform var(--tempo) var(--kurve),
color var(--tempo) ease}
.verweisliste a:hover{color:var(--gruen)}
.verweisliste a:hover::after{color:var(--gruen);transform:translateX(3px)}
.gruppenkopf + .verweisliste{margin-top:.35rem}
.stammdaten{display:grid;grid-template-columns:9.5rem minmax(0,1fr);
gap:0;margin:1.5rem 0 0;max-width:var(--lesebreite)}
.stammdaten dt{font-size:.83rem;font-weight:600;letter-spacing:.02em;
color:var(--gedaempft);padding:.55rem 1.2rem .55rem 0;
border-top:1px solid var(--rand)}
.stammdaten dd{margin:0;padding:.55rem 0;color:var(--vg2);
border-top:1px solid var(--rand)}
@media(max-width:640px){
.stammdaten{grid-template-columns:minmax(0,1fr)}
.stammdaten dt{padding-bottom:0}
.stammdaten dd{padding-top:.15rem;border-top:0}
}
.gilt-kopf{margin:.9rem 0 .35rem}
.gilt-liste{list-style:none;padding:0;margin:0;max-width:34rem}
.gilt-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;
margin:0;padding:.32rem 0;border-bottom:1px solid
color-mix(in srgb,var(--gruen) 14%,transparent)}
.gilt-liste li:last-child{border-bottom:0}
.gilt-liste li.kassen-einzeln{display:block}
.gilt-liste li.kassen-einzeln details{margin:0}
.gilt-liste li.kassen-einzeln summary{cursor:pointer;font-size:.92rem;color:var(--vg2);
padding:.15rem 0}
.gilt-liste li.kassen-einzeln summary span{text-decoration:underline;
text-decoration-color:var(--rand2);text-underline-offset:.16em}
.gilt-liste li.kassen-einzeln summary:hover span{text-decoration-color:var(--gruen);color:var(--gruen)}
.gilt-liste li.kassen-einzeln .gilt-liste{margin-top:.4rem;padding-left:.2rem;
border-top:1px solid var(--rand)}
.antwort .spanne{font-variant-numeric:tabular-nums}
.gilt-liste li > span:first-child{flex:1 1 auto}
.gilt-liste .chip{flex:none;margin-left:auto}
.leerbild{border:1px dashed var(--rand2);border-radius:var(--rad);
background:var(--karte2);padding:1.5rem 1.5rem 1.6rem;margin:1.6rem 0;
max-width:var(--lesebreite)}
.leerbild-titel{margin:0 0 .4rem;max-width:none;font-size:1.05rem;
font-weight:600;color:var(--vg);line-height:1.35}
.leerbild-satz{margin:0;max-width:none;color:var(--vg2);font-size:.95rem;
line-height:1.62}
.leerbild-weg{margin:1rem 0 0;max-width:none;font-size:.95rem}
.karte{background:var(--karte);border:1px solid var(--rand);
border-radius:var(--rad);padding:1.25rem 1.35rem;margin:1.3rem 0}
.karte h2{font-size:1.11rem;font-weight:600;letter-spacing:-.006em}
.karte h2,.karte h3{margin-top:0}
.karte .umbruch{border:0;background:transparent;margin:.8rem 0 0}
.karte .umbruch thead th{background:transparent}
.karte > :last-child{margin-bottom:0}
.antwort{position:relative;background:var(--gruen2);
border:1px solid color-mix(in srgb,var(--gruen) 20%,transparent);
border-radius:var(--rad);padding:1.35rem 1.5rem;margin:1.6rem 0;
max-width:var(--lesebreite)}
.antwort-kopf{display:flex;align-items:center;gap:.55rem;margin:0 0 .5rem;
font:600 .715rem/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;
color:var(--gruen)}
.antwort-satz{font-size:1.16rem;line-height:1.5;color:var(--vg);
font-weight:500;margin:0 0 .55rem;max-width:none}
.antwort p:last-child{margin-bottom:0}
.antwort .beleg{border-left-color:color-mix(in srgb,var(--gruen) 35%,transparent)}
.ergebnis{position:relative;background:var(--karte);border:1px solid var(--rand);
border-left:4px solid var(--rand2);border-radius:var(--rad);
padding:1.35rem 1.5rem;margin:1.6rem 0;max-width:var(--lesebreite)}
@media(min-width:1000px){
.ergebnis{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
column-gap:2rem;align-items:start;max-width:none}
.ergebnis > *{grid-column:1}
.ergebnis-fakten{grid-column:2;grid-row:1 / span 20;align-self:start;margin:0;
padding:.9rem 1.05rem;border:1px solid var(--rand);border-radius:var(--rad);
background:var(--karte)}
.ergebnis-fakten > :last-child{margin-bottom:0}
}
.ergebnis-fakten{margin:1rem 0 0}
.fakten-kopf{margin:0 0 .5rem;font:600 .715rem/1.5 var(--sans);
letter-spacing:.09em;text-transform:uppercase;color:var(--gedaempft)}
.ergebnis[data-ton=ja]{border-left-color:var(--gruen);background:var(--gruen2)}
.ergebnis[data-ton=teils]{border-left-color:var(--warn);background:var(--warnflaeche)}
.ergebnis[data-ton=nein]{border-left-color:var(--gedaempft);background:var(--neutral)}
.ergebnis-frage{margin:0 0 .35rem;font:600 .715rem/1.5 var(--sans);
letter-spacing:.13em;text-transform:uppercase;color:var(--gedaempft)}
.ergebnis-kurz{margin:0 0 .3rem;
font-size:clamp(1.3rem,3.2vw,1.7rem);line-height:1.25;font-weight:600;
color:var(--vg);max-width:none}
.ergebnis-betrag{margin:0 0 .8rem;font-size:1.05rem;color:var(--vg)}
.ergebnis-betrag b{font-size:clamp(1.6rem,4.5vw,2.2rem);
line-height:1.1;font-weight:700;display:inline-block;vertical-align:-.08em;
margin-right:.35rem}
.ergebnis-betrag span{color:var(--gedaempft)}
.ergebnis-stufe{display:block;font-size:.9rem;margin-top:.25rem}
.ergebnis-punkte{list-style:none;padding:0;margin:0 0 .8rem;display:grid;
gap:.42rem}
.ergebnis-punkte li{position:relative;padding-left:1.5rem;line-height:1.5;
margin:0}
.ergebnis-punkte li::before{content:"";position:absolute;left:.15rem;top:.62em;
width:.42rem;height:.42rem;border-radius:50%;background:var(--gruen)}
.ergebnis-hinweis{margin:0 0 .8rem;padding:.6rem .8rem;border-radius:var(--rad-klein);
background:var(--papier2);font-size:.94rem;color:var(--gedaempft)}
.ergebnis .beleg{margin-bottom:.7rem}
.ergebnis-wege{display:flex;flex-wrap:wrap;gap:.55rem;margin:.9rem 0 0}
.ergebnis-wege .knopf:not(:first-child){background:transparent;color:var(--gruen);
border-color:var(--rand2)}
.ergebnis-wege .knopf:not(:first-child):hover{background:var(--gruen2);
border-color:var(--gruen);color:var(--gruen)}
.lange-liste{margin:1.2rem 0}
.lange-liste>.umbruch{margin-top:0}
.listen-haken{position:absolute;width:1px;height:1px;margin:0;opacity:0;
pointer-events:none}
.lange-liste tbody tr[data-mehr]{display:none}
.listen-haken:checked~.umbruch tbody tr[data-mehr]{display:grid}
.listen-fuss{margin:.85rem 0 0;display:flex;justify-content:center}
.schnitt{margin:.5rem 0 0;text-align:center;font-size:.85rem;color:var(--gedaempft)}
.schnitt a{color:var(--gruen);overflow-wrap:anywhere}
.nur-papier{display:none}
.listen-knopf{cursor:pointer;background:transparent;color:var(--gruen);
border-color:var(--rand2)}
.listen-knopf::after{content:"↓"}
.listen-zurueck::after{content:"↑"}
.listen-knopf:hover{background:var(--gruen2);border-color:var(--gruen);
color:var(--gruen)}
.listen-weniger{display:none}
.listen-haken:checked~.listen-fuss .listen-mehr{display:none}
.listen-haken:checked~.listen-fuss .listen-weniger{display:inline}
.listen-haken:checked~.listen-fuss .listen-knopf::after{content:"↑"}
.listen-haken:focus-visible~.listen-fuss .listen-knopf{outline:2px solid var(--gruen);
outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
.listen-knopf:hover::after{transform:translateY(2px)}
.listen-haken:checked~.listen-fuss .listen-knopf:hover::after{transform:translateY(-2px)}
}
.tab-vergleich .num .stand{display:block;font-size:.82rem;margin-top:.1rem}
.tab-vergleich tr.hier{background:var(--gruen2)}
.tab-vergleich tr.hier th a{font-weight:700}
.beobachten{background:var(--papier2);border:1px solid var(--rand);
border-radius:var(--rad);padding:1.2rem 1.4rem;margin:2rem 0;
max-width:var(--lesebreite)}
.beobachten h2{margin-top:0}
.beobachten form{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end;
background:none;border:0;padding:0;margin:.9rem 0 0}
.beobachten label{flex:1 1 16rem;margin:0}
.schritte{list-style:none;counter-reset:schritt;padding:0;margin:1.5rem 0;
max-width:var(--lesebreite);display:grid;gap:.2rem}
.schritte li{counter-increment:schritt;position:relative;margin:0;
padding:.15rem 0 1.4rem 3.2rem}
.schritte li::before{content:counter(schritt);position:absolute;left:0;top:0;
width:2.1rem;height:2.1rem;display:flex;align-items:center;
justify-content:center;border-radius:50%;background:var(--gruen2);
color:var(--gruen);font:600 .92rem var(--sans);
border:1px solid color-mix(in srgb,var(--gruen) 22%,transparent)}
.schritte li:not(:last-child)::after{content:"";position:absolute;left:1.05rem;
top:2.3rem;bottom:.3rem;width:1px;background:var(--rand)}
.schritte b{display:block;color:var(--vg);font-weight:600;margin-bottom:.15rem}
.faq{margin:1.5rem 0;max-width:var(--lesebreite);border-top:1px solid var(--rand)}
.faq details{border-bottom:1px solid var(--rand)}
.faq summary{cursor:pointer;list-style:none;padding:1rem 2.2rem 1rem 0;
position:relative;font-weight:600;color:var(--vg);font-size:1.02rem;
line-height:1.45;transition:color var(--tempo) ease}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gruen)}
.faq summary::after{content:"";position:absolute;right:.5rem;top:1.35rem;
width:.6rem;height:.6rem;border-right:2px solid var(--gruen);
border-bottom:2px solid var(--gruen);transform:rotate(45deg);
transition:transform .22s var(--kurve)}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq details[open] summary{color:var(--gruen)}
.faq-satz{padding:0 0 1.15rem;margin:0;color:var(--vg2)}
.faq-satz > :last-child{margin-bottom:0}
.zitat{margin:1.4rem 0;padding:0 0 0 1.1rem;border-left:3px solid var(--amt);
max-width:var(--lesebreite)}
.zitat p{font-size:.98rem;line-height:1.62;color:var(--vg2);margin:0 0 .5rem}
.zitat cite{display:block;font-style:normal;font-size:.83rem;color:var(--amt);
font-weight:600;letter-spacing:.01em}
.suchfeld{display:flex;gap:.6rem;margin:1.5rem 0;max-width:34rem;
background:none;border:0;padding:0;box-shadow:none}
.suchfeld input{flex:1;min-width:0}
.band{background:var(--papier2);border-top:1px solid var(--rand);
border-bottom:1px solid var(--rand);margin:3rem 0 0;
padding:2.2rem clamp(1.2rem,4vw,2.4rem);border-radius:var(--rad)}
.band > :first-child{margin-top:0}
.band > :last-child{margin-bottom:0}
.band h2{margin-top:0}
form{background:var(--karte);border:1px solid var(--rand);
border-radius:var(--rad);padding:1.05rem 1.15rem 1.15rem;margin:1.3rem 0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));
gap:.85rem 1.05rem;align-items:start}
form button{grid-column:1/-1;justify-self:start;margin:.35rem 0 0;
padding-left:1.6rem;padding-right:1.6rem}
form.leiste{position:sticky;top:var(--kopfhoehe);z-index:5;background:var(--karte);
border-radius:0 0 var(--rad) var(--rad);margin-top:0;
display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem .9rem}
form.leiste label{flex:1 1 10rem;max-width:15rem}
form.leiste button{flex:0 0 auto;margin:0;min-width:7.5rem}
@supports (backdrop-filter:blur(1px)){
form.leiste{background:color-mix(in srgb,var(--karte) 86%,transparent);
backdrop-filter:blur(12px) saturate(1.3)}
}
form p{display:contents}
form label:has(textarea),form textarea{grid-column:1/-1}
form label:has(input[type=email]){grid-column:span 2}
label{font-size:.755rem;font-weight:600;color:var(--gedaempft);display:flex;
flex-direction:column;gap:.3rem;letter-spacing:.02em}
form > *,form label{min-width:0;max-width:100%}
select,input[type=text],input[type=date],input[type=email],input[type=number],
input[type=search],input:not([type]){
font:.94rem var(--sans);color:var(--vg);padding:.5rem .7rem;min-height:44px;
border:1px solid var(--rand2);border-radius:var(--rad-klein);
background:var(--karte);min-width:9rem;max-width:100%;
transition:border-color .14s ease,box-shadow .14s ease}
textarea{font:.96rem/1.6 var(--sans);color:var(--vg);padding:.65rem .75rem;
border:1px solid var(--rand2);border-radius:var(--rad-klein);
background:var(--karte);width:100%}
select{appearance:none;padding-right:2rem;
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='%235d6b60' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right .6rem center;
background-size:12px}
select:hover,input:hover,textarea:hover{border-color:var(--gruen)}
select:focus,input:focus,textarea:focus{border-color:var(--gruen);
box-shadow:0 0 0 3px var(--gruen2)}
button{font:600 .92rem var(--sans);padding:.55rem 1.5rem;min-height:44px;
border:1px solid var(--gruen);border-radius:var(--rad-klein);
background:var(--gruen);color:#fff;cursor:pointer;margin-bottom:.5rem;
transition:background-color .14s ease,border-color .14s ease,
transform .14s var(--kurve)}
button:hover{background:var(--gruen-hell);border-color:var(--gruen-hell)}
button:active{transform:translateY(1px)}
.brief{font:.87rem/1.68 var(--mono);white-space:pre-wrap;
overflow-wrap:anywhere;background:var(--karte2);border:1px solid var(--rand);
border-radius:var(--rad);padding:1.15rem 1.25rem;margin:1.3rem 0;
max-width:none;color:var(--vg)}
.fuss{border-top:1px solid var(--rand);background:var(--karte2);
view-transition-name:fussbalken;margin-top:4rem}
.fuss-innen{max-width:var(--spalte);margin:0 auto;padding:2.6rem 1.5rem 3rem;
font-size:.9rem;color:var(--gedaempft);display:grid;
grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.4rem 2rem}
.fuss-spalte{display:flex;flex-direction:column}
.fuss-kopf{font:600 .705rem/1.6 var(--sans);letter-spacing:.13em;
text-transform:uppercase;color:var(--vg2);margin:0 0 .3rem}
.fuss-innen a{display:inline-flex;align-items:center;min-height:42px;
color:var(--gedaempft);text-decoration-color:transparent;
transition:color var(--tempo) ease,transform var(--tempo) var(--kurve)}
.fuss-innen a:hover{color:var(--gruen);text-decoration-color:var(--gruen);
transform:translateX(2px)}
.fuss-haftung{grid-column:1/-1;margin:1.4rem 0 0;max-width:70ch;line-height:1.6;
padding-top:1.3rem;border-top:1px solid var(--rand)}
@media(max-width:900px){
.kopf{position:relative}
.menue-haken{display:block;position:absolute;left:0;top:0;width:1px;height:1px;
margin:0;opacity:0}
.kopf-knopf{order:2;margin-left:auto;margin-right:.5rem;font-size:.85rem;
padding:.3rem .8rem}
.menue-knopf{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;
order:3;margin-left:0;padding:.3rem .9rem;border:1px solid var(--rand2);
border-radius:var(--rad-klein);background:var(--karte);color:var(--vg);
font:600 .92rem var(--sans);cursor:pointer;user-select:none;
transition:border-color var(--tempo) ease,color var(--tempo) ease}
.menue-knopf::before{content:"";flex:none;width:1.05rem;height:2px;
border-radius:2px;background:var(--gruen);
box-shadow:0 .34rem 0 var(--gruen),0 -.34rem 0 var(--gruen)}
.menue-knopf:hover,.menue-haken:checked ~ .menue-knopf{
border-color:var(--gruen);color:var(--gruen)}
.kopf nav{position:absolute;right:1.5rem;top:calc(100% + .35rem);z-index:30;
display:none;margin:0;min-width:15rem;max-width:calc(100vw - 3rem);
flex-direction:column;gap:0;padding:.4rem;font-size:.95rem;
background:var(--karte);border:1px solid var(--rand);border-radius:var(--rad);
box-shadow:var(--schatten-hoch)}
.menue-haken:checked ~ nav{display:flex}
.kopf nav a{min-height:44px;justify-content:flex-start;margin:0;
padding:.3rem .75rem;border-radius:var(--rad-klein)}
.kopf nav a::after{content:none}
.kopf nav a:hover{background:var(--karte2)}
.kopf nav a[aria-current]{background:var(--gruen2)}
.kopf nav a[href$="/werkzeuge"],.kopf nav a[href$="/aenderungen"]{
margin-left:0;padding-left:.75rem;margin-top:.3rem;padding-top:.75rem;
border-top:1px solid var(--rand)}
.kopf nav a[href$="/werkzeuge"]::before,
.kopf nav a[href$="/aenderungen"]::before{content:none}
form.leiste{top:0}
form.leiste label{flex-basis:100%;max-width:none}
.weiter label{flex-basis:100%;max-width:none}
.tab-erstattung tr.gruppe,.tab-erstattung tr.gruppe th{scroll-margin-top:22rem}
form.leiste button{flex:1 1 100%}
.tab-erstattung thead,.tab-stand thead,.tab-strom thead,
.tab-tarife thead,.tab-protokoll thead,.tab-evidenz thead,
.tab-zeitplan thead,.tab-bonus thead{display:none}
.tab-erstattung tr,.tab-stand tr,.tab-strom tr,
.tab-tarife tr,.tab-protokoll tr,.tab-zeitplan tr,.tab-bonus tr{
grid-template-columns:minmax(0,1fr);padding:1rem 1rem 1.05rem}
.tab-evidenz tr{grid-template-columns:minmax(0,1fr);row-gap:.3rem}
.tab-erstattung td[data-feld=bedingung],.tab-stand td[data-feld=bedingung],
.tab-bonus td[data-feld=bedingung]{margin-top:0}
.tab-erstattung td[data-beschriftung]::before,
.tab-erstattung th[data-beschriftung]::before,
.tab-strom td[data-beschriftung]::before,
.tab-strom th[data-beschriftung]::before,
.tab-tarife td[data-beschriftung]::before,
.tab-tarife th[data-beschriftung]::before,
.tab-protokoll td[data-beschriftung]::before,
.tab-protokoll th[data-beschriftung]::before,
.tab-evidenz td[data-beschriftung]::before,
.tab-evidenz th[data-beschriftung]::before,
.tab-zeitplan td[data-beschriftung]::before,
.tab-zeitplan th[data-beschriftung]::before,
.tab-stand td[data-beschriftung]::before,
.tab-bonus td[data-beschriftung]::before,
.tab-bonus th[data-beschriftung]::before{content:attr(data-beschriftung);
display:block;font:600 .67rem/1.6 var(--sans);letter-spacing:.09em;
text-transform:uppercase;color:var(--gedaempft);margin-top:.7rem}
.tab-erstattung th[data-feld=verfahren]::before,
.tab-strom th[data-feld=stand]::before,
.tab-tarife th[data-feld=anbieter]::before,
.tab-protokoll th[data-feld=datum]::before,
.tab-evidenz th[data-feld=verfahren]::before,
.tab-evidenz td[data-feld=verfahren]::before,
.tab-zeitplan th[data-feld=lauf]::before,
.tab-evidenz tr.gruppe th[data-feld=indikation]::before,
.tab-stand td[data-feld=traeger]::before,
.tab-bonus th[data-feld=kasse]::before{margin-top:0}
.tab-evidenz tr.gruppe th[data-beschriftung]::before,
.tab-erstattung tr.gruppe th[data-beschriftung]::before{content:none}
.tab-kassen table,.tab-kassen thead,.tab-kassen tbody{display:block}
.tab-kassen thead{display:none}
.tab-kassen tr{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1rem;
padding:.85rem 1rem .95rem;border-bottom:1px solid var(--rand)}
.tab-kassen th,.tab-kassen td{border:0;padding:0}
.tab-kassen th[data-feld=kasse]{grid-column:1/-1;font-size:1.02rem;margin-bottom:.2rem}
.tab-kassen td[data-feld=verfahren]{grid-column:1/-1;order:6}
.tab-kassen td[data-feld=stand]{order:5}
.tab-kassen tr.gruppe{padding:1rem 1rem .35rem;border-bottom:0;scroll-margin-top:4rem}
.tab-kassen tr.gruppe th{grid-column:1/-1;padding:0;margin:0}
.tab-kassen td[data-beschriftung]::before{content:attr(data-beschriftung);
display:block;font:600 .67rem/1.6 var(--sans);letter-spacing:.09em;
text-transform:uppercase;color:var(--gedaempft);margin-top:.35rem}
.tab-kassen .sprungregister{border-radius:var(--rad);border-bottom:1px solid var(--rand);
margin-bottom:.6rem}
.tab-kassenprofil table,.tab-kassenprofil thead,.tab-kassenprofil tbody{display:block}
.tab-kassenprofil thead{display:none}
.tab-kassenprofil tr{display:grid;grid-template-columns:1fr;gap:.3rem;
padding:.85rem 1rem .95rem;border-bottom:1px solid var(--rand)}
.tab-kassenprofil th,.tab-kassenprofil td{border:0;padding:0}
.tab-kassenprofil th[scope=row]{font-size:1.02rem;margin-bottom:.1rem}
.tab-vergleich table,.tab-vergleich thead,.tab-vergleich tbody{display:block}
.tab-vergleich thead{display:none}
.tab-vergleich tr{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1rem;
padding:.85rem 1rem .95rem;border-bottom:1px solid var(--rand)}
.tab-vergleich th,.tab-vergleich td{border:0;padding:0}
.tab-vergleich th[data-feld=kasse]{grid-column:1/-1;font-size:1.02rem;margin-bottom:.2rem}
.tab-vergleich td[data-feld=stand]{grid-column:1/-1}
.tab-vergleich td[data-beschriftung]::before{content:attr(data-beschriftung);
display:block;font:600 .67rem/1.6 var(--sans);letter-spacing:.09em;
text-transform:uppercase;color:var(--gedaempft);margin-top:.35rem}
.tab-erstattung tbody tr:not(.gruppe) th[data-feld=verfahren]{
position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
white-space:nowrap}
.tab-tarife td[data-feld=bedingung],.tab-tarife td[data-feld=beleg],
.tab-protokoll td[data-feld=aenderung],.tab-protokoll td[data-feld=grund]{
grid-column:1/-1;max-width:none}
.tab-erstattung th[data-feld=verfahren] a{font-size:1.05rem}
.tab-erstattung td[data-feld=bedingung],.tab-stand td[data-feld=bedingung],
.tab-bonus td[data-feld=bedingung]{max-width:none}
.wertwechsel{grid-template-columns:minmax(0,1fr);row-gap:.35rem}
.wert-pfeil{justify-self:start;margin-left:.85rem;transform:rotate(90deg)}
.tab-strom td[data-feld=klasse]{justify-self:start}
.aufschlag{grid-template-columns:minmax(0,1fr);gap:1.2rem}
.rose-feld{order:-1;min-height:0;justify-content:flex-start}
.rose-bild{width:7.5rem}
}
@media(max-width:640px){
.kennzahlen{grid-template-columns:minmax(0,1fr);gap:.45rem}
.kennzahlen li{display:grid;grid-template-columns:auto minmax(0,1fr);
column-gap:.85rem;align-items:baseline}
.kennzahl-zahl{grid-area:1/1}
.kennzahl-wort{grid-area:1/2;margin-top:0}
.balken{grid-area:2/1/auto/-1;margin-top:.5rem}
body{font-size:16.5px}
main{padding:1.8rem 1.15rem 3.5rem}
.kopf-innen,.hwg-innen,.fuss-innen{padding-left:1.15rem;padding-right:1.15rem}
.hwg-innen{padding-left:2.6rem}
.hwg-innen::before{left:1.15rem}
th,td{padding:.65rem .75rem}
.aktionen .knopf{flex:1 1 100%;justify-content:center}
form button{justify-self:stretch;text-align:center}
.band{padding:1.6rem 1.15rem;border-radius:0;margin-left:-1.15rem;
margin-right:-1.15rem}
.aufschlag{border-radius:0;margin-left:-1.15rem;margin-right:-1.15rem;
padding-left:1.15rem;padding-right:1.15rem}
.kopf nav{right:1.15rem}
}
@media(prefers-reduced-motion:no-preference){
.aufschlag h1,.aufschlag .anriss,.aufschlag .aktionen,.aufschlag .eyebrow{
transition:opacity .55s var(--kurve),transform .55s var(--kurve)}
.aufschlag .anriss{transition-delay:.06s}
.aufschlag .aktionen{transition-delay:.12s}
@starting-style{
.aufschlag h1,.aufschlag .anriss,.aufschlag .aktionen,.aufschlag .eyebrow{
opacity:0;transform:translateY(12px)}
}
.rose-ring circle{stroke-dasharray:1;stroke-dashoffset:1;
animation:rose-ziehen 1.5s var(--kurve) forwards}
.rose-ring circle:nth-child(2){animation-delay:.15s}
.rose-teilung,.rose-blatt,.rose-blatt-kontur,.rose-adern,.rose-achse,
.rose-mitte{animation:rose-treten .8s var(--kurve) .55s backwards}
@keyframes rose-ziehen{to{stroke-dashoffset:0}}
@keyframes rose-treten{from{opacity:0;transform:rotate(-12deg);
transform-origin:100px 100px}}
@supports (animation-timeline:scroll()){
.kopf{animation:kopf-abheben linear both;animation-timeline:scroll();
animation-range:0 6rem}
@keyframes kopf-abheben{to{box-shadow:var(--schatten-hoch);
border-bottom-color:var(--rand2)}}
}
@supports (animation-timeline:view()){
.kacheln>*,.raster>li,.beitragsliste>li,.zeitleiste>li,.schritte>li{
animation:aufsteigen linear both;animation-timeline:view();
animation-range:entry 0% entry 65%}
@keyframes aufsteigen{from{opacity:1;transform:translateY(16px)}}
.kennzahlen>li,.chip-reihe>li{animation:aufsteigen linear both;
animation-timeline:view();animation-range:entry 0% entry 65%}
.band{animation:aufsteigen linear both;animation-timeline:view();
animation-range:entry 0% entry 65%}
.menue-haken:checked ~ nav{animation:menue-auf .2s var(--kurve)}
@keyframes menue-auf{from{opacity:0;transform:translateY(-6px)}}
.kopf::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
background:var(--gruen);transform-origin:left;transform:scaleX(0);
animation:lesefortschritt linear;animation-timeline:scroll()}
@keyframes lesefortschritt{to{transform:scaleX(1)}}
}
@supports (interpolate-size:allow-keywords){
:root{interpolate-size:allow-keywords}
.faq details::details-content{block-size:0;overflow:clip;
transition:block-size .3s var(--kurve),content-visibility .3s allow-discrete;
content-visibility:hidden}
.faq details[open]::details-content{block-size:auto;content-visibility:visible}
}
}
@media screen{
.aufschlag{position:relative;isolation:isolate;
background:radial-gradient(ellipse at 92% 18%,#e2efdb 0%,transparent 47%),
linear-gradient(135deg,#f7faf5,var(--papier) 68%);
box-shadow:inset 0 1px 0 #fff,0 20px 65px -45px rgba(34,66,26,.3);
border-radius:24px}
.aufschlag .rose-feld{perspective:850px;aspect-ratio:1;isolation:isolate}
.aufschlag .rose-feld::before{content:"";position:absolute;inset:5%;
border:1px solid rgba(70,112,48,.19);border-radius:50%;pointer-events:none;
background:radial-gradient(circle at 30% 20%,#fff,rgba(246,251,242,.93) 48%,#deebd5);
box-shadow:inset 0 2px 2px #fff,inset 0 -5px 8px rgba(65,95,45,.09),
0 12px 0 -5px #d4e1cc,0 15px 0 -6px #b9cdb0,0 32px 35px -18px rgba(33,63,20,.28);
transform:rotateX(22deg) rotateY(-18deg) rotateZ(-8deg)}
.aufschlag .rose-feld::after{content:"";position:absolute;inset:5%;
border:1px solid rgba(70,112,48,.2);border-radius:50%;pointer-events:none;
transform:rotateX(59deg) rotateY(-17deg) rotateZ(-24deg);
box-shadow:0 1px 0 #fff}
.aufschlag .rose-bild{position:relative;width:90%;
transform:rotateX(22deg) rotateY(-18deg) rotateZ(-8deg) translateZ(14px);
filter:drop-shadow(0 4px 2px rgba(43,78,25,.12))}
.aufschlag .rose-ring circle{opacity:.5}
.aufschlag .rose-blatt{opacity:.2}
.aufschlag .rose-blatt-kontur{stroke-width:1.6}
.aufschlag .rose-teilung line.lang{opacity:.65}
.aufschlag .startfrage form{box-shadow:0 8px 28px -20px rgba(24,50,17,.25)}
.pflanzen-einstieg{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(1.5rem,4vw,4rem);
align-items:center;margin:2.5rem 0;padding:clamp(1.3rem,3vw,2.5rem);
border:1px solid var(--rand);border-radius:22px;
background:linear-gradient(125deg,var(--papier2),var(--papier))}
.pflanzen-einstieg h2{margin-top:.5rem}
.pflanzen-einstieg form{padding:1.3rem;background:var(--karte);border:1px solid var(--rand);
border-radius:16px;box-shadow:0 12px 30px -24px rgba(30,54,20,.3)}
.pflanzen-einstieg form label{font-weight:600}
.pflanzen-einstieg form input{width:100%;margin:.65rem 0}
.pflanzen-einstieg form button{width:100%}
@media(max-width:700px){.pflanzen-einstieg{grid-template-columns:minmax(0,1fr)}}
.kacheln{gap:12px;border:0;overflow:visible;background:transparent}
.kachel{border:1px solid var(--rand);border-radius:16px;
box-shadow:0 4px 16px -12px rgba(30,54,20,.18)}
.raster-karte{border-radius:14px}
.knopf,.kopf-knopf{box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.knopf-zweit{background:rgba(255,255,255,.7)}
.kachel:focus-visible,.raster-karte:focus-visible{outline:3px solid var(--gruen);outline-offset:4px}
@media(max-width:900px){
.aufschlag .rose-feld{width:6rem;justify-self:end;position:absolute;right:1rem;top:1rem;
opacity:.3;pointer-events:none}
.aufschlag .aufschlag-text{position:relative;z-index:1}
.aufschlag .eyebrow{padding-right:4.5rem}
.aufschlag{border-radius:20px}
}
}
@media screen and (prefers-reduced-motion:no-preference){
.aufschlag .rose-feld{animation:kompass-schweben 2.4s ease-in-out 2}
@keyframes kompass-schweben{0%,100%{translate:0 0}50%{translate:0 -9px}}
.aufschlag .rose-bild,.aufschlag .rose-feld::before,.aufschlag .rose-feld::after{
transition:transform .85s var(--kurve)}
.kachel,.raster-karte{transition:translate .3s var(--kurve),
box-shadow .3s var(--kurve),background-color .3s var(--kurve),border-color .3s var(--kurve)}
@media(hover:hover) and (pointer:fine){
.aufschlag .rose-feld:hover .rose-bild{transform:rotateX(8deg) rotateY(9deg) translateZ(24px)}
.aufschlag .rose-feld:hover::before{transform:rotateX(8deg) rotateY(9deg)}
.aufschlag .rose-feld:hover::after{transform:rotateX(65deg) rotateY(15deg) rotateZ(20deg)}
.kachel:hover,.raster-karte:hover{translate:0 -4px;
box-shadow:0 14px 30px -16px rgba(30,54,20,.25)}
.knopf:active{transform:translateY(1px)}
}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
@view-transition{navigation:none}
}
.ergebnis-plaketten{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .85rem}
.chip-budget[data-budget=eigen]{color:var(--gruen);background:var(--gruen2)}
.chip-budget[data-budget=eigen]::before{content:"";flex:none;width:.52rem;height:.52rem;
border-radius:50%;background:currentColor}
.chip-budget[data-budget=gemeinsam]{color:var(--warn);background:var(--warnflaeche)}
.chip-budget[data-budget=gemeinsam]::before{content:"";flex:none;width:.52rem;height:.52rem;
border-radius:2px;background:currentColor;opacity:.75}
.chip-budget[data-budget=unbekannt]{color:var(--gedaempft);background:var(--karte2)}
.budget-legende{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;
margin:.4rem 0 .9rem;font-size:.86rem;line-height:1.5;color:var(--gedaempft);max-width:none}
.budget-legende .chip{margin-right:.15rem}
.ergebnis-nebenwege{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.75rem 0 0;
font-size:.9rem;max-width:none}
.ergebnis-nebenwege a{color:var(--vg2);text-decoration-color:var(--rand2)}
.ergebnis-nebenwege a:hover{color:var(--gruen)}
.ergebnis-wege .knopf{min-height:42px;font-size:.9rem}
.checkliste-feld{margin:2rem 0}
.checkliste{list-style:none;padding:0;margin:.9rem 0 0;max-width:var(--lesebreite);
display:grid;gap:.5rem}
.checkliste li{position:relative;margin:0;padding:.7rem .9rem .7rem 2.7rem;
background:var(--karte);border:1px solid var(--rand);border-radius:var(--rad-klein);
line-height:1.5}
.checkliste li::before{content:"";position:absolute;left:.85rem;top:.85rem;
width:1.05rem;height:1.05rem;border:2px solid var(--gruen);border-radius:4px;
background:var(--karte)}
.tab-vergleich table{display:block}
.tab-vergleich thead,.tab-vergleich tbody{display:block}
.tab-vergleich tr{display:grid;align-items:start;column-gap:1rem;row-gap:.3rem;
grid-template-columns:minmax(9rem,1.2fr) 8rem 9rem minmax(10rem,1.4fr) 7rem 5rem;
padding:.8rem .9rem;border-bottom:1px solid var(--rand)}
.tab-vergleich-kasse tr{grid-template-columns:minmax(9rem,1.2fr) 8rem 9rem minmax(10rem,1.4fr) 7rem}
.tab-vergleich th,.tab-vergleich td{padding:0;border:0;min-width:0}
.tab-vergleich thead tr{padding-top:.55rem;padding-bottom:.55rem;background:var(--karte2)}
.tab-vergleich tbody tr:last-child{border-bottom:0}
.tab-vergleich tr.hier{background:var(--gruen2)}
.tab-vergleich th[data-feld=kasse] .stand{display:block;font-weight:400}
.tab-vergleich td[data-feld=bedingung]{font-size:.9rem;line-height:1.5;color:var(--vg2)}
.tab-vergleich td[data-feld=weg] a.vergleich{display:inline-flex;align-items:center;
min-height:32px;padding:.15rem .7rem;border:1px solid var(--rand2);border-radius:999px;
font-size:.82rem;font-weight:600;text-decoration:none;color:var(--vg2)}
.tab-vergleich td[data-feld=weg] a.vergleich:hover{border-color:var(--gruen);color:var(--gruen)}
.leistungskarten{list-style:none;padding:0;margin:1rem 0 0;max-width:none;display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:.85rem}
.leistungskarte{margin:0;display:flex;flex-direction:column;gap:.35rem;
background:var(--karte);border:1px solid var(--rand);border-left:4px solid var(--gruen);
border-radius:var(--rad);padding:1rem 1.1rem 1.05rem}
.leistungskarte p{margin:0;max-width:none}
.leistungskarte-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}
.leistungskarte-kopf a{font-size:1.08rem;font-weight:600;color:var(--vg);
text-decoration-color:transparent}
.leistungskarte-kopf a:hover{color:var(--gruen);text-decoration-color:var(--gruen)}
.leistungskarte-betrag{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;
font-size:1.02rem;color:var(--vg)}
.leistungskarte-betrag b{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}
.leistungskarte-bedingung{font-size:.92rem;line-height:1.5;color:var(--vg2)}
.leistungskarte-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;
margin-top:.35rem;padding-top:.55rem;border-top:1px solid var(--rand);font-size:.84rem}
.leistungskarte-fuss .stand{flex:1 1 auto}
.leistungskarte-fuss a.vergleich{display:inline-flex;align-items:center;min-height:32px;
padding:.15rem .7rem;border:1px solid var(--rand2);border-radius:999px;font-size:.82rem;
font-weight:600;text-decoration:none;color:var(--vg2)}
.leistungskarte-fuss a.vergleich:hover{border-color:var(--gruen);color:var(--gruen)}
.hinweis-luecke{margin:1.4rem 0 2rem;max-width:var(--lesebreite)}
.hinweis-luecke p{margin:0 0 .4rem}
.hinweis-luecke p:last-child{margin-bottom:0}
.kassenkarten-feld{margin:.6rem 0 0}
.kassenkarten{list-style:none;padding:0;margin:0;max-width:none;display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:.8rem}
.kassenkarten li.gruppe{grid-column:1/-1;margin:1rem 0 0;padding:0}
.kassenkarten li.gruppe h2{margin:.6rem 0 .1rem;font-size:1rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--gedaempft)}
.kassenkarten li.gruppe h2::before{width:.9rem;height:2px}
.kassenkarte{margin:0;display:flex;flex-direction:column;gap:.3rem;
background:var(--karte);border:1px solid var(--rand);border-radius:var(--rad);
padding:1rem 1.1rem 1rem;transition:border-color var(--tempo) ease,
box-shadow var(--tempo) ease}
.kassenkarte:hover{border-color:var(--rand2);box-shadow:var(--schatten-hoch)}
.kassenkarte p{margin:0;max-width:none}
.kassenkarte-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem}
.kassenkarte-name{font-size:1.08rem;font-weight:600;color:var(--vg);
text-decoration-color:transparent;flex:1 1 auto}
.kassenkarte-name:hover{color:var(--gruen);text-decoration-color:var(--gruen)}
.kassenkarte-art{font-size:.78rem;font-weight:600;letter-spacing:.06em;
text-transform:uppercase;color:var(--gedaempft);white-space:nowrap}
.kassenkarte-zeile{font-size:.92rem;line-height:1.5;color:var(--vg2)}
.kassenkarte-zeile::before{content:attr(data-beschriftung);display:block;
font:600 .67rem/1.6 var(--sans);letter-spacing:.09em;text-transform:uppercase;
color:var(--gedaempft);margin-top:.3rem}
.kassenkarte-zeile .zahl{font-weight:700;color:var(--vg);font-size:1.05rem}
.kassenkarte-zeile b{color:var(--vg)}
.kassenkarte-zeile .chip{margin-left:.3rem;vertical-align:middle}
.kassenkarte-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;
margin-top:.45rem;padding-top:.55rem;border-top:1px solid var(--rand);font-size:.84rem}
.kassenkarte-fuss .stand{flex:1 1 auto}
.kassenkarte-fuss a.vergleich{display:inline-flex;align-items:center;min-height:32px;
padding:.15rem .7rem;border:1px solid var(--rand2);border-radius:999px;font-size:.82rem;
font-weight:600;text-decoration:none;color:var(--vg2)}
.kassenkarte-fuss a.vergleich:hover{border-color:var(--gruen);color:var(--gruen)}
.kassenkarten-feld .sprungregister{border:1px solid var(--rand);border-radius:var(--rad);
margin-bottom:.8rem;background:var(--karte)}
.kassenkarten-feld .sprungregister a{min-width:36px;justify-content:center;padding:.3rem .5rem}
.kassenkarten-feld .sprungregister>ul{display:grid;
grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:.35rem}
.kassenkarten-feld .sprungregister a{width:100%;min-width:0;padding:.3rem}
label.haken{flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem;
font-weight:500;color:var(--vg2);letter-spacing:0;min-height:44px}
label.haken input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--gruen)}
.wegweiser{margin:1.4rem 0 0}
.wegweiser .chip-link{min-height:44px;font-weight:500}
.wegweiser .chip-link[aria-current]{color:var(--gruen);border-color:var(--gruen);
background:var(--gruen2);font-weight:600}
.wegweiser-treffer{margin:1.6rem 0 2.2rem;padding:1.1rem 1.25rem 1.3rem;
background:var(--gruen2);border:1px solid color-mix(in srgb,var(--gruen) 20%,transparent);
border-radius:var(--rad)}
.wegweiser-treffer h2{margin-top:0}
.wegweiser-treffer .raster{margin-top:1rem}
.verzeichnis-kopf{margin-top:2.6rem}
.suchfeld{display:flex;align-items:center;gap:0;margin:0 0 0 .9rem;padding:0;
border:0;background:transparent;border-radius:0;flex:0 1 16rem;max-width:17rem}
.suchfeld input[type=search]{min-height:40px;min-width:5rem;flex:1 1 5rem;width:100%;
border-radius:var(--rad-klein) 0 0 var(--rad-klein);border-right:0;
font-size:.9rem;padding:.35rem .7rem}
.suchfeld button{min-height:40px;margin:0;padding:.3rem .5rem;font-size:.85rem;
border-radius:0 var(--rad-klein) var(--rad-klein) 0;grid-column:auto;flex:none}
.kopf nav{gap:0 .9rem}
.suchseite-formular{max-width:40rem}
.suchseite-formular label{flex:1 1 20rem}
.suchgruppe h2 .stand{font-weight:400;font-size:.9rem;margin-left:.3rem}
.suchgruppe{margin-bottom:1.2rem}
@media(max-width:1279px) and (min-width:901px){
.kopf-innen{flex-wrap:wrap}
.suchfeld{order:5;flex:1 1 100%;max-width:26rem;margin:.2rem 0 0}
}
@media(max-width:900px){
.tab-vergleich thead{display:none}
.tab-vergleich tr{grid-template-columns:minmax(0,1fr);padding:1rem 1rem 1.05rem}
.tab-vergleich td[data-beschriftung]::before,
.tab-vergleich th[data-beschriftung]::before{content:attr(data-beschriftung);
display:block;font:600 .67rem/1.6 var(--sans);letter-spacing:.09em;
text-transform:uppercase;color:var(--gedaempft);margin-top:.7rem}
.tab-vergleich th[data-feld=kasse]::before{margin-top:0}
.suchfeld{order:4;flex:1 1 100%;max-width:none;margin:.4rem 0 0}
.ergebnis-wege .knopf{flex:1 1 100%;justify-content:center}
}
@media print{
.kacheln>*,.raster>li,.beitragsliste>li,.zeitleiste>li,.schritte>li,
.kennzahlen>li,.chip-reihe>li,.band,
.aufschlag h1,.aufschlag .anriss,.aufschlag .aktionen,.aufschlag .eyebrow{
animation:none!important;transition:none!important;opacity:1!important;
transform:none!important}
.lange-liste tbody tr[data-mehr]{display:grid}
.listen-fuss{display:none}
.schnitt{display:block;border:1px solid #999;padding:.5rem .7rem;font-size:10pt}
.schnitt a::after{content:""}
.nur-papier{display:inline}
.quelle::details-content,.wortlaut::details-content{content-visibility:visible!important;
block-size:auto!important;overflow:visible!important}
.quelle>summary::after,.wortlaut>summary::after{display:none}
.quelle>summary,.wortlaut>summary{color:#26405a;min-height:0}
.quelle>summary>span,.wortlaut>summary>span{border-bottom:0}
.wortlaut>p{margin-top:.3rem}
:root{--papier:#fff;--papier2:#fff;--karte:#fff;--karte2:#fff;
--vg:#000;--vg2:#1a1a1a;--gedaempft:#4a4a4a;--rand:#bbb;--rand2:#999;
--gruen:#1d4a11;--gruen-hell:#1d4a11;--amt:#26405a;--amt-hell:#26405a;
--warn:#5a3708;--schatten:none;--schatten-hoch:none;
--gruen2:#fff;--amt2:#fff;--warnflaeche:#fff}
body{background:#fff;font-size:11pt}
main{padding:0;max-width:none}
.kopf{position:static}
.sprung,.nach-oben,.kopf nav,.aktionen,form,.rose-feld,.kachel::after,.brotkrumen,
.suchfeld,.menue-knopf{display:none}
.aufschlag{background:none;color:#000;padding:0;
grid-template-columns:minmax(0,1fr)}
.aufschlag h1,.aufschlag .anriss,.aufschlag .eyebrow{color:#000}
.aufschlag .eyebrow::after{background:#bbb}
.kopf,.fuss{border-color:#999;background:#fff}
.fuss{margin-top:2rem}
.kopf-innen,.fuss-innen{padding-left:0;padding-right:0}
.karte,.kachel,.raster-karte,.umbruch,.brief,.antwort,.band,
.karte .umbruch{box-shadow:none;border:1px solid #bbb;break-inside:avoid}
.figur{break-inside:avoid}
.kacheln,.verfahrensliste{background:#fff;gap:0}
.brief{font-size:10.5pt}
.faq details{border-color:#bbb}
.faq summary::after{display:none}
.beleg a::after{content:" [" attr(href) "]";font-size:.85em;
word-break:break-all;color:#333}
h1,h2,h3{break-after:avoid}
a{color:#000}
}
.schnitt-code{margin:.8rem 0 1.2rem;padding:.9rem 1rem;background:var(--karte2);
border:1px solid var(--rand);border-radius:var(--rad);overflow-x:auto;
font:.84rem/1.55 var(--mono);color:var(--vg);white-space:pre}
.schnitt-code code{background:transparent;border:0;padding:0;font:inherit;
white-space:pre;overflow-wrap:normal}
.status-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;
flex-wrap:wrap;padding:.9rem 1.1rem;border:1px solid var(--rand);border-left-width:4px;
border-radius:var(--rad);background:var(--karte);margin:.8rem 0 1.2rem}
.status-banner div{display:flex;flex-direction:column;gap:.15rem}
.status-banner strong{font-size:1.08rem}
.status-banner span{font-size:.86rem;color:var(--gedaempft)}
.status-banner.status-erreichbar{border-left-color:var(--gruen)}
.status-banner.status-gestoert{border-left-color:#a13a2e}
.status-banner.status-unbekannt{border-left-color:var(--rand2)}
.status-komponente{margin:0 0 1.2rem}
.status-zeilenkopf{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;
flex-wrap:wrap}
.status-zeilenkopf h3{margin:0;font:600 .98rem/1.4 var(--mono)}
.status-wort{font-size:.84rem;font-weight:600}
.status-wort.status-erreichbar,.status-legende .status-erreichbar{color:var(--gruen)}
.status-wort.status-gestoert,.status-legende .status-gestoert{color:#a13a2e}
.status-wort.status-unbekannt,.status-legende .status-unbekannt{color:var(--gedaempft)}
.status-legende .status-gemischt{color:var(--warn)}
.status-streifen{display:block;width:100%;height:40px;margin:.5rem 0 .3rem}
.status-streifen rect.status-erreichbar{fill:var(--gruen)}
.status-streifen rect.status-gestoert{fill:#a13a2e}
.status-streifen rect.status-gemischt{fill:var(--warn)}
.status-streifen rect.status-unbekannt{fill:var(--rand)}
.status-skala{display:flex;justify-content:space-between;gap:.8rem;font-size:.8rem;
color:var(--gedaempft)}
.status-legende{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.82rem;margin:.4rem 0 .8rem}
.status-proben{margin:.4rem 0 0}
.tab-adressen th[scope=row] code,.tab-regeln th[scope=row]{white-space:normal}
.tab-adressen thead .spaltenhinweis{text-transform:none;letter-spacing:0;font-weight:400;
color:var(--gedaempft)}
.tab-adressen thead .spaltenhinweis code{font-size:.95em}
.tab-regeln th[scope=row]{width:11rem}
.mcp-adresse{font:.95rem/1.5 var(--mono);padding:.7rem .9rem;border:1px solid var(--rand);
border-radius:var(--rad);background:var(--karte2);overflow-wrap:anywhere;margin:.6rem 0 1rem}
.mcp-klienten details{margin:0 0 .5rem}
.mcp-klienten summary{cursor:pointer;font-weight:600}