@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);
overflow-wrap:anywhere}
.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:normal;max-width:100%;overflow-wrap:anywhere}
.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}
.ratgeber-einstiege li{background:var(--papier2);border-top:3px solid var(--gruen)}
.ratgeber-filter{margin:1rem 0;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end}
.ratgeber-filter button{grid-column:auto}
.ratgeber-filter input{min-width:0;width:100%}
@media(max-width:40rem){.ratgeber-filter{grid-template-columns:minmax(0,1fr)}}
.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(3,minmax(0,1fr));
gap:.85rem 1.05rem;align-items:start}
@media(max-width:960px){form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){form{grid-template-columns:minmax(0,1fr)}}
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,.formular-felder{display:contents}
form label:has(textarea),form textarea{grid-column:1/-1}
form label:has(input[type=email]){grid-column:span 2}
@media(max-width:680px){form label:has(input[type=email]){grid-column:1/-1}}
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 .vergleich-grenzen{display:block;margin-bottom:.4rem;color:var(--vg);font-weight:600}
.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}
}
.leistungsgruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:1.2rem 0}
.leistungsgruppe,.rechner-kontext{padding:1rem;border:1px solid var(--rand);border-radius:12px;background:var(--karte)}
.leistungsgruppe h3{margin-top:0}
.rechner-grenzen,.ergebnis-mehr{grid-column:1/-1;margin:.6rem 0}
.rechner-grenzen summary,.ergebnis-mehr summary{cursor:pointer;min-height:44px;padding:.7rem 0;font-weight:600}
.rechner-grenzen label{margin:.8rem 0;max-width:28rem}
.rechner-grenzen label input{width:100%}
.rechner-kontext{margin-bottom:1.5rem}
.erstattungsweg ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.4rem;padding-left:1.5rem}
.auswahl-kassen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.7rem;list-style:none;padding:0}
.auswahl-kassen a{width:100%;min-height:44px}
.vergleich-merkmale dt{font-weight:600;margin-top:.8rem}
.vergleich-merkmale dd{margin-left:0}
.aufschlag .rose-feld{max-width:18rem;justify-self: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}
.direktvergleich{margin:2rem 0;padding:1.4rem;border:1px solid var(--rand);border-radius:var(--rad);background:var(--karte2);scroll-margin-top:5rem}
.vergleich-form,.vergleich-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.vergleich-form label{display:block;font-weight:600;margin-bottom:.4rem}
.vergleich-form select{width:100%;min-width:0;min-height:48px}
.vergleich-form button{min-height:48px;justify-self:start}
.vergleich-karten article{min-width:0}
.vergleich-karten .ergebnis{margin:0;height:auto;display:block}
.vergleich-karten .ergebnis-fakten{margin:1rem 0 0}
.vergleich-karten .chip,.vergleich-karten .plakette{white-space:normal;max-width:100%}
.vergleich-karten .ergebnis-betrag b{font-size:1.8rem}
@media(max-width:650px){.vergleich-form,.vergleich-karten{grid-template-columns:1fr}.direktvergleich{padding:1rem}.vergleich-form button{width:100%}}
.pflanzen-mehr{margin:1rem 0}.pflanzen-mehr summary{display:flex;align-items:center;min-height:48px;width:fit-content;padding:.6rem 1rem;border:1px solid var(--rand);border-radius:24px;color:var(--gruen);font-weight:600;cursor:pointer;gap:.5rem}.pflanzen-mehr summary:before{content:"+"}.pflanzen-mehr[open] summary:before{content:"−"}.pflanzen-mehr[open] summary{margin-bottom:1rem}
.pflanzen-kopf{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:2rem;padding:clamp(1.3rem,4vw,3.4rem);background:linear-gradient(125deg,#f7faf4,#edf4e7);border:1px solid var(--rand);border-radius:22px;margin:1.5rem 0 1.2rem}
.pflanzen-kopf h1{margin:.3rem 0}.pflanzen-kopf .anriss{margin:.5rem 0}.pflanzen-kopf p{max-width:49ch}.pflanzen-kopfbild{display:grid;justify-items:center;gap:.6rem;color:var(--gedaempft);font-size:.85rem}
.pflanzen-kopfbild .pflanzen-symbol{width:210px;height:210px;padding:25px;background:#fff9;border-radius:50%;box-shadow:0 20px 45px #42632912}
.pflanzen-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;margin:1.2rem 0 2rem}
.pflanzen-wege a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem 1.1rem;min-height:52px;border:1px solid var(--rand);border-radius:12px;text-decoration:none;color:var(--vg);font-weight:600;background:var(--karte);transition:background .18s,border-color .18s}
.pflanzen-wege a:hover{background:#f0f6e9;border-color:var(--gruen)}.pflanzen-wege span{color:var(--gruen)}
.pflanzen-profilkarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}
.pflanzen-profilkarten>a{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border:1px solid var(--rand);border-radius:16px;text-decoration:none;color:var(--vg);background:linear-gradient(150deg,#f6f9f1,#fff 75%);transition:transform .2s,box-shadow .2s}
.pflanzen-profilkarten>a:hover{transform:translateY(-3px);box-shadow:0 10px 25px #25401612}.pflanzen-profilkarten .pflanzen-symbol{width:74px;height:74px;margin-bottom:.3rem}.pflanzen-profilkarten strong{font-size:1.06rem;overflow-wrap:anywhere}.pflanzen-profilkarten span{font-size:.88rem;line-height:1.55;color:var(--vg2)}.pflanzen-profilkarten b{position:absolute;top:1rem;right:1rem;color:var(--gruen);font-size:1.2rem}
.pflanzen-suchbereich{background:var(--karte2);border:1px solid var(--rand);border-radius:16px;padding:1.3rem;margin:2.2rem 0 1rem;scroll-margin-top:6rem}.pflanzen-suchbereich h2{margin-top:0}.pflanzen-suchbereich p{color:var(--vg2);font-size:.94rem;max-width:80ch}.pflanzen-suchbereich .filter{margin:1rem 0 0}.pflanzen-suchbereich input[type=search]{min-width:0;width:100%}
#pflanzen-liste,.pflanzen-kurzprofil,#pflanze-erstattung,#pflanze-original{scroll-margin-top:6rem}
.tab-pflanzen{border:1px solid var(--rand);border-radius:14px}.tab-pflanzen table{margin:0}.tab-pflanzen td{vertical-align:middle}.tab-pflanzen td:first-child{min-width:220px}.tab-pflanzen td:first-child>a{font-size:1.05rem;display:inline-flex;min-height:44px;align-items:center;max-width:100%;overflow-wrap:anywhere}.tab-pflanzen td:first-child>.pflanzen-symbol{float:left;width:42px;height:44px;margin-right:.7rem}.tab-pflanzen .droge{clear:both;padding-left:3.3rem}.tab-pflanzen tr{transition:background .18s}.tab-pflanzen tbody tr:hover{background:#f6f9f2}.tab-pflanzen td:nth-child(2){max-width:340px;overflow-wrap:anywhere}.tab-pflanzen .chip{white-space:normal}
.pflanzen-blaettern{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin:1.3rem 0 2rem}.pflanzen-blaettern a,.pflanzen-blaettern span{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid var(--rand);border-radius:9px;text-decoration:none;font-variant-numeric:tabular-nums}.pflanzen-blaettern [aria-current]{background:var(--gruen);border-color:var(--gruen);color:white;font-weight:700}.pflanzen-blaettern a:hover{background:var(--karte2)}
.pflanzen-legende,.pflanzen-stammdaten{border:1px solid var(--rand);border-radius:12px;padding:0 1.1rem;margin:1.5rem 0}.pflanzen-legende summary,.pflanzen-stammdaten summary{padding:.85rem 0;min-height:48px;cursor:pointer;font-weight:600}.pflanzen-legende[open],.pflanzen-stammdaten[open]{padding-bottom:1rem}
.pflanzen-detailkopf{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:1.5rem}.pflanzen-detailkopf>div{min-width:0}.pflanzen-detailkopf h1{overflow-wrap:anywhere;hyphens:auto;margin:.4rem 0}.pflanzen-detailkopf>.pflanzen-symbol{flex:0 0 115px;background:#f2f6ec;border-radius:50%;padding:12px}.pflanzen-sprung{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 1.7rem}.pflanzen-sprung a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .9rem;border-radius:24px;background:var(--karte2);border:1px solid var(--rand);text-decoration:none}
.pflanzen-kurzprofil{padding:clamp(1.2rem,3vw,2rem);background:#f5f8f0;border:1px solid #dfe8d5;border-radius:18px}.pflanzen-kurzprofil h2{margin-top:.5rem}.pflanzen-kurzprofil .anriss{font-size:1.1rem;max-width:78ch}.pflanzen-einordnung{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pflanzen-einordnung h3{margin:.6rem 0}.pflanzen-einordnung p{margin:.4rem 0}.pflanzen-kurzprofil p{max-width:85ch}.pflanzen-kurzprofil .beleg{font-size:.84rem}.pflanzen-stammdaten dd{overflow-wrap:anywhere}
@media(max-width:700px){.pflanzen-kopf{grid-template-columns:1fr;gap:1rem}.pflanzen-kopfbild{display:none}.pflanzen-profilkarten{grid-template-columns:repeat(2,minmax(0,1fr))}.pflanzen-profilkarten>a{padding:1rem}.pflanzen-wege{grid-template-columns:repeat(2,minmax(0,1fr))}.pflanzen-wege a{padding:.8rem;font-size:.9rem}.pflanzen-einordnung{grid-template-columns:1fr;gap:.6rem}.pflanzen-detailkopf{align-items:flex-start;gap:.7rem}.pflanzen-detailkopf>.pflanzen-symbol{flex-basis:64px;width:64px;height:64px;padding:5px;margin-top:1rem}.tab-pflanzen{border:0;overflow:visible}.tab-pflanzen table,.tab-pflanzen tbody{display:block;min-width:0;width:100%}.tab-pflanzen thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tab-pflanzen tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--rand);border-radius:12px;margin:.7rem 0;padding:.8rem;background:#fff}.tab-pflanzen td{display:block;border:0!important;padding:.3rem!important;min-width:0!important}.tab-pflanzen td:first-child,.tab-pflanzen td:nth-child(2){grid-column:1/-1;max-width:none}.tab-pflanzen td:first-child>a{font-size:1.08rem;font-weight:600}.tab-pflanzen td:nth-child(2){font-size:.83rem;color:var(--gedaempft)}.tab-pflanzen td:last-child:before{content:'Anlage I: ';font-size:.8rem;color:var(--gedaempft)}.tab-pflanzen .droge{padding-left:0}.tab-pflanzen td:first-child>.pflanzen-symbol{margin-right:.5rem}.pflanzen-suchbereich .filter{gap:1rem}.pflanzen-suchbereich{padding:1rem}.pflanzen-profilkarten strong{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.pflanzen-profilkarten>a,.pflanzen-wege a,.tab-pflanzen tr{transition:none}.pflanzen-profilkarten>a:hover{transform:none}}
@media print{.pflanzen-kopfbild,.pflanzen-symbol,.pflanzen-sprung,.pflanzen-wege,.pflanzen-blaettern{display:none!important}.pflanzen-kurzprofil{background:white;border:1px solid #bbb}.pflanzen-einordnung{display:block}}
.entdecken-kopf{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.3rem,3.5vw,2.6rem);margin:1.5rem 0;background:linear-gradient(120deg,#f3f8ec,#fafcf8);border:1px solid var(--rand);border-radius:20px}
.entdecken-kopf h1{margin:.2rem 0 .7rem}.entdecken-kopf p{max-width:65ch;margin:.5rem 0}.entdecken-kopf>div{min-width:0}.entdecken-kopf>.weg-symbol{width:140px;height:140px;flex:0 0 140px;background:#fff;border-radius:50%;padding:18px;color:var(--gruen)}
.entdecken-suche{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:1rem;align-items:end;padding:1.2rem;border:1px solid var(--rand);border-radius:14px;margin:1.4rem 0}.entdecken-suche label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-weight:600;font-size:.9rem}.entdecken-suche input,.entdecken-suche select{width:100%;min-width:0;margin:0}.entdecken-suche button{margin:0;min-height:46px;grid-column:auto;justify-self:stretch}
.entdecken-wege{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0}.entdecken-wege a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.45rem .8rem;border:1px solid var(--rand);border-radius:30px;text-decoration:none;background:var(--karte);font-size:.9rem}.entdecken-wege a:hover{background:var(--karte2);border-color:var(--gruen)}
.verfahren-entdecken .verfahrensliste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;border:0;border-radius:0;overflow:visible;background:transparent}.verfahren-entdecken .verfahrensliste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.3rem .8rem;align-content:center;padding:1.2rem;border:1px solid var(--rand);border-radius:14px;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}.verfahren-entdecken .verfahrensliste li:hover{transform:translateY(-2px);box-shadow:0 7px 20px #243f1710;border-color:var(--gruen)}.verfahren-entdecken .verfahrensliste .weg-symbol{grid-row:1/3;width:48px;height:48px;padding:4px;color:var(--gruen);background:var(--karte2);border-radius:12px}.verfahren-entdecken .verfahrensliste a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;hyphens:auto;font-size:1.02rem}.verfahren-entdecken .verfahrensliste .chip{grid-column:2;justify-self:start;font-size:.74rem;white-space:normal}.verfahren-entdecken .gruppenkopf{scroll-margin-top:6rem;font-size:.88rem;margin-top:2rem}.verfahren-entdecken .verfahrensliste li:before{display:none}
.evidenz-suche{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}.evidenz-suche details{grid-column:1/-1;border-top:1px solid var(--rand);padding-top:.5rem}.evidenz-suche summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.6rem;font-weight:600}.evidenz-suche summary:before{content:'+';color:var(--gruen)}.evidenz-suche details[open] summary:before{content:'−'}.evidenz-suche .evidenz-genau{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.6rem 0}.evidenz-suche details p{font-size:.85rem;color:var(--gedaempft);margin:.2rem 0}.evidenz-leer{border:1px solid var(--rand);border-radius:14px;padding:1.5rem;background:var(--karte2)}
.suchgruppe .beitragsliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.suchgruppe .beitragsliste li{margin:0;padding:1rem 1.2rem;border:1px solid var(--rand);border-radius:12px;transition:border-color .18s,background .18s}.suchgruppe .beitragsliste li:hover{border-color:var(--gruen);background:var(--karte2)}.suchgruppe .beitragsliste a{display:inline-flex;align-items:center;min-height:44px}.suchgruppe .beitragsliste .stand{display:block;font-size:.88rem;line-height:1.5}
.tab-evidenz-verfahren th a,.tab-evidenz-verfahren td a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.tab-evidenz-verfahren{overflow:visible}.tab-evidenz-verfahren table,.tab-evidenz-verfahren tbody{display:block;min-width:0;width:100%}.tab-evidenz-verfahren thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tab-evidenz-verfahren tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--rand);border-radius:12px;padding:.7rem 1rem;margin:.6rem 0;background:white}.tab-evidenz-verfahren th,.tab-evidenz-verfahren td{display:block;border:0!important;padding:.2rem 0!important;text-align:left;min-width:0}.tab-evidenz-verfahren th,.tab-evidenz-verfahren td:last-child{grid-column:1/-1}.tab-evidenz-verfahren td[data-beschriftung]:before{content:attr(data-beschriftung);display:block;font-size:.75rem;color:var(--gedaempft);font-weight:400}.tab-evidenz-verfahren th a{font-size:1.05rem}.tab-evidenz-verfahren td:last-child a{font-size:.86rem}.tab-evidenz-verfahren td.num{font-size:1.15rem;font-weight:600}}
@media(max-width:900px){.verfahren-entdecken .verfahrensliste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.entdecken-kopf{gap:1rem;padding:1.1rem}.entdecken-kopf>.weg-symbol{display:none}.entdecken-kopf h1{font-size:1.9rem}.entdecken-kopf .anriss{font-size:1rem}.entdecken-suche,.evidenz-suche{grid-template-columns:minmax(0,1fr);padding:1rem;gap:.8rem}.evidenz-suche .evidenz-genau{grid-template-columns:minmax(0,1fr)}.verfahren-entdecken .verfahrensliste{grid-template-columns:minmax(0,1fr)}.verfahren-entdecken .verfahrensliste li{padding:.8rem 1rem}.suchgruppe .beitragsliste{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.verfahren-entdecken .verfahrensliste li,.suchgruppe .beitragsliste li{transition:none}.verfahren-entdecken .verfahrensliste li:hover{transform:none}}
@media print{.entdecken-suche,.entdecken-wege,.entdecken-kopf>.weg-symbol{display:none!important}.entdecken-kopf{padding:0;border:0;background:white}.verfahren-entdecken .verfahrensliste{grid-template-columns:repeat(2,minmax(0,1fr))}.verfahren-entdecken .verfahrensliste li{break-inside:avoid}}
.werkzeug-suche{grid-template-columns:minmax(0,1fr) auto;max-width:none}
.werkzeug-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;padding:0;margin:1rem 0 2rem;max-width:none}
.werkzeug-karten li{margin:0;min-width:0}
.werkzeug-karte{display:flex;align-items:flex-start;gap:.85rem;position:relative;height:100%;padding:1.2rem;border:1px solid var(--rand);border-radius:14px;background:#fff;text-decoration:none;color:var(--vg);transition:transform .18s,border-color .18s,box-shadow .18s}
.werkzeug-karte:hover{transform:translateY(-3px);border-color:var(--gruen);box-shadow:0 8px 24px #20390c0d;color:var(--vg)}
.werkzeug-karte>.weg-symbol{flex:0 0 42px;width:42px;height:42px;padding:5px;background:var(--karte2);border-radius:10px;color:var(--gruen)}
.werkzeug-karte>span:not(.karten-pfeil){min-width:0}.werkzeug-karte strong{display:block;margin:.15rem 0 .4rem;font-size:1rem}.werkzeug-karte span span{display:block;color:var(--gedaempft);font-size:.87rem;line-height:1.5}
.werkzeug-karte .karten-pfeil{flex:none;margin-left:auto;color:var(--gruen)}
.werkzeug-gruppe>h3{margin-top:1.8rem;font-size:.9rem;color:var(--gedaempft)}
.werkzeug-kopf{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.werkzeug-kopf>div{min-width:0}.werkzeug-kopf>.weg-symbol{flex:0 0 100px;width:100px;height:100px;color:var(--gruen);padding:12px;border-radius:20px;background:var(--karte2)}
.ueberblick-details{margin:1.2rem 0;border:1px solid var(--rand);border-radius:12px;background:#fff;padding:0 1.1rem}.ueberblick-details>summary{min-height:52px;display:flex;align-items:center;gap:.8rem;padding:.75rem 0;font-weight:600;cursor:pointer;list-style:none}.ueberblick-details>summary::-webkit-details-marker{display:none}.ueberblick-details>summary:after{content:'+';margin-left:auto;color:var(--gruen);font-size:1.25rem}.ueberblick-details[open]>summary:after{content:'−'}.ueberblick-details>summary:hover{color:var(--gruen)}.ueberblick-details p{font-size:.94rem;margin:.4rem 0 1rem}.ueberblick-details a{display:inline-flex;align-items:center;min-height:44px}
.start-uebersicht>section,.start-uebersicht>.start-spalten{margin:2.4rem 0}.start-uebersicht .erstattungsweg ol{list-style:none;padding:0;max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;counter-reset:schritt}.erstattungsweg li{counter-increment:schritt;margin:0;border:1px solid var(--rand);border-radius:14px;padding:1rem;position:relative;background:#fff}.erstattungsweg li:before{content:counter(schritt,decimal-leading-zero);position:absolute;right:1rem;top:1.1rem;font-size:.78rem;color:var(--gedaempft)}.erstattungsweg .weg-symbol{display:block;width:48px;height:48px;color:var(--gruen);margin-bottom:.7rem}.erstattungsweg strong{display:block;font-size:.94rem}.erstattungsweg li p{font-size:.83rem;color:var(--gedaempft);margin:.3rem 0 0;line-height:1.5}.erstattungsweg li a{display:flex;align-items:center;min-height:44px;font-weight:600;font-size:.94rem}
.start-spalten{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;align-items:start}.start-spalten h2{margin-top:0}.start-spalten .ueberblick-details{margin:.5rem 0}.start-spalten .werkzeug-karten{grid-template-columns:minmax(0,1fr);gap:.6rem}.start-spalten .werkzeug-karte{padding:.8rem 1rem}.start-spalten .werkzeug-karte strong{margin:.1rem 0 .2rem}.start-uebersicht .kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}.start-uebersicht .kachel{padding:1rem}.start-uebersicht .kachel-zahl{font-size:2rem}
.start-uebersicht .pflanzen-einstieg{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:1.5rem;margin:2rem 0}.pflanzen-vorschau{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.pflanzen-vorschau .weg-symbol{width:64px;height:64px;color:var(--gruen)}.pflanzen-vorschau h2{margin:0}.start-uebersicht .pflanzen-einstieg p{font-size:.95rem;max-width:58ch}
.antwort-abschnitte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.antwort-abschnitt{border:1px solid var(--rand);border-radius:14px;padding:1.2rem;background:var(--karte)}.antwort-abschnitt h2{font-size:1.05rem;margin:.5rem 0 .7rem}.antwort-abschnitt p{font-size:.93rem;line-height:1.6;margin:.5rem 0}.antwort-abschnitt>.weg-symbol{width:44px;height:44px;color:var(--gruen)}.antwort-abschnitt a{display:inline-flex;align-items:center;min-height:44px}.antwort-lesehilfe>ul{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;list-style:none;padding:0;max-width:none}.antwort-lesehilfe>ul a{min-height:44px;display:flex;align-items:center}.antwort-spruenge{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0}.antwort-spruenge a{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem}
@media(min-width:901px){.kopf nav a{white-space:nowrap}.kopf nav{gap:0 .7rem}}
@media(min-width:1280px){.kopf-innen{column-gap:.5rem}.kopf-knopf{margin-left:.5rem}.suchfeld input[type=search]{min-width:11.5rem}}
@media(max-width:1000px){.werkzeug-karten{grid-template-columns:repeat(2,minmax(0,1fr))}.start-spalten{grid-template-columns:minmax(0,1fr)}.start-spalten .werkzeug-karten{grid-template-columns:repeat(2,minmax(0,1fr))}.antwort-abschnitte{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.werkzeug-karten,.start-spalten .werkzeug-karten{grid-template-columns:minmax(0,1fr)}.werkzeug-suche{grid-template-columns:minmax(0,1fr)}.werkzeug-karte{padding:1rem}.werkzeug-kopf>.weg-symbol{display:none}.start-uebersicht .erstattungsweg ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.erstattungsweg li{padding:.8rem}.erstattungsweg li:before{right:.8rem}.erstattungsweg .weg-symbol{width:40px;height:40px}.start-uebersicht .kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.start-uebersicht .kachel-wort{font-size:.84rem}.start-uebersicht .kachel-satz{font-size:.77rem}.start-uebersicht .pflanzen-einstieg{grid-template-columns:minmax(0,1fr);padding:1.1rem}.start-uebersicht>section,.start-uebersicht>.start-spalten{margin:1.8rem 0}}
@media(prefers-reduced-motion:reduce){.werkzeug-karte{transition:none}.werkzeug-karte:hover{transform:none}}
@media print{.werkzeug-kopf>.weg-symbol,.antwort-spruenge{display:none}.start-spalten,.antwort-abschnitte{display:block}.werkzeug-karte{transition:none;transform:none}.ueberblick-details::details-content{display:block;content-visibility:visible}.antwort-abschnitt{break-inside:avoid}}
form.werkzeug-formular{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem 1.4rem;padding:clamp(1rem,2.5vw,1.7rem);align-items:stretch}
.werkzeug-formular .feld{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.35rem;align-content:start;margin:0 0 1.15rem;font-size:.88rem;letter-spacing:0;color:var(--vg2)}
.werkzeug-formular .feld-beschriftung{grid-row:1;align-self:start;line-height:1.5}
.werkzeug-formular .feld>input,.werkzeug-formular .feld>select,.werkzeug-formular .feld>textarea{grid-row:2;align-self:start;width:100%;min-width:0;min-height:48px;margin:0}
.werkzeug-formular .feld-beispiel{grid-row:3;margin:0;font-weight:400;line-height:1.5}
.werkzeug-formular .feld-meldung{grid-row:4;margin:0;line-height:1.5}
.werkzeug-formular button{margin:.5rem 0 0;min-height:48px}
.formular-gruppe{grid-column:1/-1;min-width:0;margin:0;padding:1.1rem 0 0;border:0;border-top:1px solid var(--rand)}
.formular-gruppe:first-child{border-top:0;padding-top:0}
.formular-gruppe legend{padding:0 .7rem 0 0;font-size:1.02rem;font-weight:650;line-height:1.5;color:var(--vg);max-width:100%}
.formular-gruppe-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;row-gap:.35rem;margin:.7rem 0 1rem}
.werkzeug-formular .rechner-grenzen label{max-width:none}
main :is(h1,h2,h3,legend){overflow-wrap:anywhere;hyphens:auto}
main form:not(.werkzeug-formular) label:has(>input:not([type=checkbox]),>select){align-self:stretch;justify-content:flex-end}
main form:not(.werkzeug-formular):not(.suchfeld) label>input:not([type=checkbox]),main form:not(.werkzeug-formular) label>select{width:100%;min-width:0}
@media(max-width:960px){form.werkzeug-formular{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){form.werkzeug-formular,.formular-gruppe-felder{grid-template-columns:minmax(0,1fr)}.werkzeug-formular .feld{display:flex;grid-row:auto;gap:.4rem;margin-bottom:.85rem}.formular-gruppe{padding-top:.8rem}.formular-gruppe-felder{margin:.6rem 0 .8rem}.werkzeug-formular button{justify-self:stretch;width:100%}}
@supports not (grid-template-rows:subgrid){form.werkzeug-formular,.formular-gruppe-felder{grid-template-columns:minmax(0,1fr)}.werkzeug-formular .feld{display:flex;grid-row:auto;gap:.4rem}}
@media print{.werkzeug-formular .feld{break-inside:avoid}.formular-gruppe legend{break-after:avoid}}