:root{--farbe-wald:#183d2f;--farbe-wald-hover:#24573f;--farbe-minze:#bdeacb;--farbe-minze-hell:#d2f7dc;--farbe-minze-kraeftig:#6cc690;--farbe-guthaben:#2e7d52;--farbe-flieder:#d8ccf6;--farbe-flieder-hell:#eee9fc;--farbe-creme:#fbf7ee;--farbe-karte:#fffdf8;--farbe-tinte:#14261e;--farbe-tinte-2:#3c4b44;--farbe-grau:#5f6b65;--farbe-linie:#e5dfd1;--farbe-koralle:#c4492e;--farbe-koralle-hell:#fbe3dc;--farbe-amber:#e4a93b;--farbe-amber-hell:#fcefd4;--farbe-app-grund:#f4f4f0;--farbe-app-karte:#fff;--farbe-app-linie:#eceae4;--farbe-app-grau:#66706b;--farbe-transparent:transparent;--schrift-familie-display:"Outfit", "Figtree", system-ui, sans-serif;--schrift-familie-text:"Figtree", system-ui, sans-serif;--schrift-familie-mono:"DM Mono", ui-monospace, monospace;--schrift-gewicht-normal:400;--schrift-gewicht-mittel:500;--schrift-gewicht-halbfett:600;--schrift-gewicht-fett:700;--schrift-groesse-12:12px;--schrift-groesse-13:13px;--schrift-groesse-14:14px;--schrift-groesse-15:15px;--schrift-groesse-16:16px;--schrift-groesse-18:18px;--schrift-groesse-19:19px;--schrift-groesse-22:22px;--schrift-groesse-26:26px;--schrift-groesse-28:28px;--schrift-groesse-34:34px;--schrift-groesse-38:38px;--schrift-groesse-44:44px;--schrift-groesse-52:52px;--schrift-groesse-56:56px;--schrift-groesse-72:72px;--schrift-laufweite-sehr-eng:-.04em;--schrift-laufweite-eng:-.03em;--schrift-laufweite-leicht-eng:-.02em;--schrift-laufweite-normal:0em;--schrift-laufweite-weit:.12em;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:20px;--abstand-6:24px;--abstand-7:28px;--abstand-8:32px;--abstand-10:40px;--abstand-12:48px;--abstand-16:64px;--abstand-32:128px;--radius-s:8px;--radius-m:14px;--radius-l:24px;--radius-l-mobil:22px;--radius-xl:36px;--radius-pill:999px;--groesse-tippflaeche-min:44px;--groesse-steuerung-s:36px;--groesse-steuerung-m:44px;--groesse-steuerung-l:50px;--groesse-symbol-s:16px;--groesse-symbol-m:18px;--groesse-symbol-l:20px;--groesse-symbol-strich:1.8px;--groesse-fokus-ring:2px;--groesse-fokus-abstand:2px;--schatten-karte:0px 1px 2px 0px #14261e0f, 0px 10px 30px 0px #14261e12;--schatten-schwebend:0px 24px 60px 0px #14261e29;--bewegung-dauer-kurz:.12s;--bewegung-dauer-mittel:.2s;--bewegung-dauer-lang:.32s;--bewegung-kurve-standard:cubic-bezier(.2, 0, 0, 1);--flaeche-app:var(--farbe-app-grund);--flaeche-karte:var(--farbe-app-karte);--flaeche-anker:var(--farbe-wald);--flaeche-marketing:var(--farbe-creme);--flaeche-marketing-karte:var(--farbe-karte);--flaeche-akzent:var(--farbe-flieder);--flaeche-akzent-hell:var(--farbe-flieder-hell);--flaeche-hervorhebung:var(--farbe-minze);--flaeche-ueberlagerung:var(--farbe-tinte);--text-primaer:var(--farbe-tinte);--text-sekundaer:var(--farbe-tinte-2);--text-leise:var(--farbe-app-grau);--text-marke:var(--farbe-wald);--text-auf-anker:var(--farbe-creme);--text-positiv:var(--farbe-guthaben);--rand-standard:var(--farbe-app-linie);--rand-hover:var(--farbe-minze);--rand-fokus:var(--farbe-wald);--status-erledigt-flaeche:var(--farbe-minze);--status-offen-flaeche:var(--farbe-amber-hell);--status-kritisch-flaeche:var(--farbe-koralle-hell);--status-kritisch-akzent:var(--farbe-koralle);--status-info-flaeche:var(--farbe-flieder-hell);--status-neutral-flaeche:var(--farbe-app-grund);--status-hoehe:28px;--status-radius:var(--radius-pill);--status-polster-x:var(--abstand-3);--status-schriftgroesse:var(--schrift-groesse-13);--status-schrift-gewicht:var(--schrift-gewicht-mittel);--diagramm-ist:var(--farbe-wald);--diagramm-aktuell:var(--farbe-minze-kraeftig);--diagramm-prognose:var(--farbe-minze);--diagramm-vergleich:var(--farbe-flieder);--knopf-radius:var(--radius-pill);--knopf-schrift-familie:var(--schrift-familie-text);--knopf-schrift-gewicht:var(--schrift-gewicht-halbfett);--knopf-deckkraft-deaktiviert:.5;--knopf-groesse-s-hoehe:var(--groesse-steuerung-s);--knopf-groesse-s-polster-x:16px;--knopf-groesse-s-abstand:6px;--knopf-groesse-s-schriftgroesse:var(--schrift-groesse-14);--knopf-groesse-s-symbol:var(--groesse-symbol-s);--knopf-groesse-m-hoehe:var(--groesse-steuerung-m);--knopf-groesse-m-polster-x:20px;--knopf-groesse-m-abstand:var(--abstand-2);--knopf-groesse-m-schriftgroesse:var(--schrift-groesse-15);--knopf-groesse-m-symbol:var(--groesse-symbol-m);--knopf-groesse-l-hoehe:var(--groesse-steuerung-l);--knopf-groesse-l-polster-x:var(--abstand-6);--knopf-groesse-l-abstand:10px;--knopf-groesse-l-schriftgroesse:var(--schrift-groesse-16);--knopf-groesse-l-symbol:var(--groesse-symbol-l);--knopf-variante-primaer-hintergrund:var(--farbe-wald);--knopf-variante-primaer-hintergrund-hover:var(--farbe-wald-hover);--knopf-variante-primaer-text:var(--farbe-creme);--knopf-variante-primaer-rand:var(--farbe-wald);--knopf-variante-sekundaer-hintergrund:var(--farbe-app-karte);--knopf-variante-sekundaer-hintergrund-hover:var(--farbe-app-karte);--knopf-variante-sekundaer-text:var(--farbe-wald);--knopf-variante-sekundaer-rand:var(--farbe-app-linie);--knopf-variante-sekundaer-rand-hover:var(--farbe-minze);--knopf-variante-tertiaer-hintergrund:var(--farbe-transparent);--knopf-variante-tertiaer-hintergrund-hover:var(--farbe-app-grund);--knopf-variante-tertiaer-text:var(--farbe-wald);--knopf-variante-tertiaer-rand:var(--farbe-transparent);--knopf-variante-auf-wald-hintergrund:var(--farbe-minze);--knopf-variante-auf-wald-hintergrund-hover:var(--farbe-minze-hell);--knopf-variante-auf-wald-text:var(--farbe-wald);--knopf-variante-auf-wald-rand:var(--farbe-minze);--knopf-variante-gefahr-hintergrund:var(--farbe-koralle-hell);--knopf-variante-gefahr-hintergrund-hover:var(--farbe-koralle-hell);--knopf-variante-gefahr-text:var(--farbe-tinte);--knopf-variante-gefahr-rand:var(--farbe-koralle-hell);--knopf-variante-gefahr-rand-hover:var(--farbe-koralle);--knopf-pfeil-kreis-groesse:38px;--knopf-pfeil-kreis-hintergrund:var(--farbe-wald-hover);--symbolknopf-groesse-m:var(--groesse-steuerung-m);--symbolknopf-groesse-l:var(--groesse-steuerung-l);--symbolknopf-hintergrund:var(--flaeche-karte);--symbolknopf-rand:var(--rand-standard);--symbolknopf-aktiv-hintergrund:var(--flaeche-hervorhebung);--symbolknopf-aktiv-text:var(--farbe-wald);--feld-hoehe:48px;--feld-radius:var(--radius-pill);--feld-radius-mehrzeilig:var(--radius-m);--feld-polster-x:var(--abstand-5);--feld-schriftgroesse:var(--schrift-groesse-15);--feld-label-schriftgroesse:var(--schrift-groesse-13);--feld-hinweis-schriftgroesse:var(--schrift-groesse-12);--feld-hintergrund:var(--flaeche-karte);--feld-rand:var(--rand-standard);--feld-rand-fokus:var(--rand-fokus);--feld-rand-fehler:var(--status-kritisch-akzent);--feld-label-farbe:var(--text-leise);--karte-radius:var(--radius-l);--karte-radius-mobil:var(--radius-l-mobil);--karte-polster:var(--abstand-7);--karte-polster-mobil:var(--abstand-6);--karte-hintergrund:var(--flaeche-karte);--karte-titel-schriftgroesse:var(--schrift-groesse-18);--karte-titel-marke:var(--farbe-minze-kraeftig);--karte-anker-hintergrund:var(--flaeche-anker);--karte-anker-text:var(--text-auf-anker);--steuerleiste-hoehe:var(--groesse-steuerung-l);--steuerleiste-radius:var(--radius-pill);--steuerleiste-hintergrund:var(--flaeche-karte);--steuerleiste-rand:var(--rand-standard);--segment-hoehe:34px;--segment-radius:var(--radius-pill);--segment-hintergrund:var(--status-neutral-flaeche);--segment-aktiv-hintergrund:var(--flaeche-hervorhebung);--segment-aktiv-text:var(--farbe-wald);--menue-radius:20px;--menue-eintrag-radius:var(--radius-m);--menue-eintrag-hoehe:40px;--menue-polster:var(--abstand-2);--menue-hintergrund:var(--flaeche-karte);--menue-eintrag-hover:var(--flaeche-app);--menue-eintrag-aktiv:var(--farbe-minze-hell);--navigation-leiste-breite:96px;--navigation-eintrag-groesse:var(--groesse-steuerung-m);--navigation-mobil-hintergrund:var(--flaeche-anker);--navigation-mobil-text:var(--text-auf-anker);--navigation-aktiv-hintergrund:var(--flaeche-hervorhebung);--navigation-aktiv-text:var(--farbe-wald);--typo-seite-kontext-familie:var(--schrift-familie-display);--typo-seite-kontext-groesse:var(--schrift-groesse-44);--typo-seite-kontext-gewicht:var(--schrift-gewicht-normal);--typo-seite-kontext-laufweite:var(--schrift-laufweite-eng);--typo-seite-kontext-zeilenhoehe:1;--typo-seite-titel-familie:var(--schrift-familie-display);--typo-seite-titel-groesse:var(--schrift-groesse-56);--typo-seite-titel-gewicht:var(--schrift-gewicht-halbfett);--typo-seite-titel-laufweite:var(--schrift-laufweite-sehr-eng);--typo-seite-titel-zeilenhoehe:1.1;--typo-karten-titel-familie:var(--schrift-familie-display);--typo-karten-titel-groesse:var(--schrift-groesse-18);--typo-karten-titel-gewicht:var(--schrift-gewicht-mittel);--typo-karten-titel-laufweite:var(--schrift-laufweite-normal);--typo-karten-titel-zeilenhoehe:1.3;--typo-zahl-xl-familie:var(--schrift-familie-display);--typo-zahl-xl-groesse:var(--schrift-groesse-56);--typo-zahl-xl-gewicht:var(--schrift-gewicht-mittel);--typo-zahl-xl-laufweite:var(--schrift-laufweite-eng);--typo-zahl-xl-zeilenhoehe:1;--typo-zahl-l-familie:var(--schrift-familie-display);--typo-zahl-l-groesse:var(--schrift-groesse-38);--typo-zahl-l-gewicht:var(--schrift-gewicht-mittel);--typo-zahl-l-laufweite:var(--schrift-laufweite-eng);--typo-zahl-l-zeilenhoehe:1;--typo-zahl-m-familie:var(--schrift-familie-display);--typo-zahl-m-groesse:var(--schrift-groesse-26);--typo-zahl-m-gewicht:var(--schrift-gewicht-mittel);--typo-zahl-m-laufweite:var(--schrift-laufweite-eng);--typo-zahl-m-zeilenhoehe:1.1;--typo-text-familie:var(--schrift-familie-text);--typo-text-groesse:var(--schrift-groesse-15);--typo-text-gewicht:var(--schrift-gewicht-normal);--typo-text-laufweite:var(--schrift-laufweite-normal);--typo-text-zeilenhoehe:1.5;--typo-text-klein-familie:var(--schrift-familie-text);--typo-text-klein-groesse:var(--schrift-groesse-13);--typo-text-klein-gewicht:var(--schrift-gewicht-normal);--typo-text-klein-laufweite:var(--schrift-laufweite-normal);--typo-text-klein-zeilenhoehe:1.4;--typo-label-familie:var(--schrift-familie-mono);--typo-label-groesse:var(--schrift-groesse-12);--typo-label-gewicht:var(--schrift-gewicht-mittel);--typo-label-laufweite:var(--schrift-laufweite-weit);--typo-label-zeilenhoehe:1.3}
@layer base;@layer components{.typo-seite-kontext{font-family:var(--typo-seite-kontext-familie);font-size:34px;font-weight:var(--typo-seite-kontext-gewicht);letter-spacing:var(--typo-seite-kontext-laufweite);line-height:var(--typo-seite-kontext-zeilenhoehe);color:var(--text-leise)}.typo-seite-titel{font-family:var(--typo-seite-titel-familie);font-size:40px;font-weight:var(--typo-seite-titel-gewicht);letter-spacing:var(--typo-seite-titel-laufweite);line-height:var(--typo-seite-titel-zeilenhoehe)}@media (min-width:768px){.typo-seite-kontext{font-size:var(--typo-seite-kontext-groesse)}.typo-seite-titel{font-size:var(--typo-seite-titel-groesse)}}.typo-karten-titel{font-family:var(--typo-karten-titel-familie);font-size:var(--typo-karten-titel-groesse);font-weight:var(--typo-karten-titel-gewicht);line-height:var(--typo-karten-titel-zeilenhoehe)}.typo-zahl-xl,.typo-zahl-l,.typo-zahl-m{font-family:var(--typo-zahl-xl-familie);font-weight:var(--typo-zahl-xl-gewicht);letter-spacing:var(--typo-zahl-xl-laufweite);font-variant-numeric:tabular-nums}.typo-zahl-xl{font-size:46px;line-height:var(--typo-zahl-xl-zeilenhoehe)}@media (min-width:768px){.typo-zahl-xl{font-size:var(--typo-zahl-xl-groesse)}}.typo-zahl-l{font-size:var(--typo-zahl-l-groesse);line-height:var(--typo-zahl-l-zeilenhoehe)}.typo-zahl-m{font-size:var(--typo-zahl-m-groesse);line-height:var(--typo-zahl-m-zeilenhoehe)}.typo-text-klein{font-size:var(--typo-text-klein-groesse);line-height:var(--typo-text-klein-zeilenhoehe);color:var(--text-leise)}.typo-label{font-family:var(--typo-label-familie);font-size:var(--typo-label-groesse);font-weight:var(--typo-label-gewicht);letter-spacing:var(--typo-label-laufweite);text-transform:uppercase}.knopf{--k-hoehe:var(--knopf-groesse-m-hoehe);--k-polster:var(--knopf-groesse-m-polster-x);--k-abstand:var(--knopf-groesse-m-abstand);--k-schrift:var(--knopf-groesse-m-schriftgroesse);--k-symbol:var(--knopf-groesse-m-symbol);justify-content:center;align-items:center;gap:var(--k-abstand);height:var(--k-hoehe);min-width:var(--k-hoehe);padding-inline:var(--k-polster);border:1px solid var(--k-rand);border-radius:var(--knopf-radius);background:var(--k-hintergrund);color:var(--k-text);font-family:var(--knopf-schrift-familie);font-size:var(--k-schrift);font-weight:var(--knopf-schrift-gewicht);white-space:nowrap;cursor:pointer;transition:background-color var(--bewegung-dauer-kurz) var(--bewegung-kurve-standard), border-color var(--bewegung-dauer-kurz) var(--bewegung-kurve-standard);line-height:1;text-decoration:none;display:inline-flex}.knopf svg{width:var(--k-symbol);height:var(--k-symbol);flex-shrink:0}.knopf:hover:not(:disabled):not([aria-disabled=true]){background:var(--k-hintergrund-hover);border-color:var(--k-rand-hover,var(--k-rand))}.knopf:disabled,.knopf[aria-disabled=true]{opacity:var(--knopf-deckkraft-deaktiviert);cursor:not-allowed}.knopf[aria-busy=true]{cursor:progress}.knopf--s{--k-hoehe:var(--knopf-groesse-s-hoehe);--k-polster:var(--knopf-groesse-s-polster-x);--k-abstand:var(--knopf-groesse-s-abstand);--k-schrift:var(--knopf-groesse-s-schriftgroesse);--k-symbol:var(--knopf-groesse-s-symbol)}.knopf--l{--k-hoehe:var(--knopf-groesse-l-hoehe);--k-polster:var(--knopf-groesse-l-polster-x);--k-abstand:var(--knopf-groesse-l-abstand);--k-schrift:var(--knopf-groesse-l-schriftgroesse);--k-symbol:var(--knopf-groesse-l-symbol)}.knopf--voll{width:100%;display:flex}.knopf--mit-pfeil{padding-right:calc((var(--k-hoehe) - var(--knopf-pfeil-kreis-groesse)) / 2)}.knopf--primaer{--k-hintergrund:var(--knopf-variante-primaer-hintergrund);--k-hintergrund-hover:var(--knopf-variante-primaer-hintergrund-hover);--k-text:var(--knopf-variante-primaer-text);--k-rand:var(--knopf-variante-primaer-rand)}.knopf--sekundaer{--k-hintergrund:var(--knopf-variante-sekundaer-hintergrund);--k-hintergrund-hover:var(--knopf-variante-sekundaer-hintergrund-hover);--k-text:var(--knopf-variante-sekundaer-text);--k-rand:var(--knopf-variante-sekundaer-rand);--k-rand-hover:var(--knopf-variante-sekundaer-rand-hover)}.knopf--tertiaer{--k-hintergrund:var(--knopf-variante-tertiaer-hintergrund);--k-hintergrund-hover:var(--knopf-variante-tertiaer-hintergrund-hover);--k-text:var(--knopf-variante-tertiaer-text);--k-rand:var(--knopf-variante-tertiaer-rand)}.knopf--auf-wald{--k-hintergrund:var(--knopf-variante-auf-wald-hintergrund);--k-hintergrund-hover:var(--knopf-variante-auf-wald-hintergrund-hover);--k-text:var(--knopf-variante-auf-wald-text);--k-rand:var(--knopf-variante-auf-wald-rand)}.knopf--gefahr{--k-hintergrund:var(--knopf-variante-gefahr-hintergrund);--k-hintergrund-hover:var(--knopf-variante-gefahr-hintergrund-hover);--k-text:var(--knopf-variante-gefahr-text);--k-rand:var(--knopf-variante-gefahr-rand);--k-rand-hover:var(--knopf-variante-gefahr-rand-hover)}.knopf__pfeil{width:var(--knopf-pfeil-kreis-groesse);height:var(--knopf-pfeil-kreis-groesse);border-radius:var(--radius-pill);background:var(--knopf-pfeil-kreis-hintergrund);place-items:center;display:grid}.symbolknopf{width:var(--symbolknopf-groesse-m);height:var(--symbolknopf-groesse-m);border:1px solid var(--symbolknopf-rand);border-radius:var(--radius-pill);background:var(--symbolknopf-hintergrund);color:var(--text-primaer);transition:border-color var(--bewegung-dauer-kurz) var(--bewegung-kurve-standard);place-items:center;display:grid}.symbolknopf svg{width:var(--groesse-symbol-l);height:var(--groesse-symbol-l)}.symbolknopf--l{width:var(--symbolknopf-groesse-l);height:var(--symbolknopf-groesse-l)}.symbolknopf:hover{border-color:var(--rand-hover)}.symbolknopf[aria-current=page],.symbolknopf--aktiv{background:var(--symbolknopf-aktiv-hintergrund);border-color:var(--symbolknopf-aktiv-hintergrund);color:var(--symbolknopf-aktiv-text)}.feld{gap:var(--abstand-1);flex-direction:column;display:flex}.feld__label{font-size:var(--feld-label-schriftgroesse);color:var(--feld-label-farbe)}.feld__eingabe{height:var(--feld-hoehe);padding-inline:var(--feld-polster-x);border:1px solid var(--feld-rand);border-radius:var(--feld-radius);background:var(--feld-hintergrund);font-size:var(--feld-schriftgroesse);color:var(--text-primaer);transition:border-color var(--bewegung-dauer-kurz) var(--bewegung-kurve-standard);outline:none}.feld__eingabe::placeholder{color:var(--text-leise)}.feld__eingabe:focus{border-color:var(--feld-rand-fokus)}.feld__eingabe[aria-invalid=true]{border-color:var(--feld-rand-fehler)}.feld__hinweis{font-size:var(--feld-hinweis-schriftgroesse);color:var(--text-leise)}.feld__fehler{font-size:var(--feld-hinweis-schriftgroesse);color:var(--text-primaer)}.karte{border-radius:var(--karte-radius-mobil);background:var(--karte-hintergrund);padding:var(--karte-polster-mobil)}@media (min-width:1024px){.karte{border-radius:var(--karte-radius);padding:var(--karte-polster)}}.karte--anker{background:var(--karte-anker-hintergrund);color:var(--karte-anker-text)}.karte__titel-marke{background:var(--karte-titel-marke);border-radius:3px;width:10px;height:10px}.status{align-items:center;gap:var(--abstand-1);height:var(--status-hoehe);padding-inline:var(--status-polster-x);border-radius:var(--status-radius);font-size:var(--status-schriftgroesse);font-weight:var(--status-schrift-gewicht);color:var(--text-primaer);white-space:nowrap;display:inline-flex}.status--erledigt{background:var(--status-erledigt-flaeche);color:var(--farbe-wald)}.status--offen{background:var(--status-offen-flaeche)}.status--kritisch{background:var(--status-kritisch-flaeche)}.status--info{background:var(--status-info-flaeche)}.status--neutral{background:var(--status-neutral-flaeche)}.steuerleiste{height:var(--steuerleiste-hoehe);border:1px solid var(--steuerleiste-rand);border-radius:var(--steuerleiste-radius);background:var(--steuerleiste-hintergrund)}.segment{height:var(--segment-hoehe);border-radius:var(--segment-radius);background:var(--segment-hintergrund);color:var(--text-primaer);align-items:center;padding-inline:14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.segment[aria-current=true]{background:var(--segment-aktiv-hintergrund);color:var(--segment-aktiv-text)}.menue{border-radius:var(--menue-radius);background:var(--menue-hintergrund);padding:var(--menue-polster);box-shadow:var(--schatten-schwebend)}.menue__eintrag{width:100%;min-height:var(--menue-eintrag-hoehe);align-items:center;gap:var(--abstand-2);padding-inline:var(--abstand-3);border-radius:var(--menue-eintrag-radius);text-align:left;display:flex}.menue__eintrag:hover{background:var(--menue-eintrag-hover)}.menue__eintrag[aria-current]{background:var(--menue-eintrag-aktiv)}}
@layer base,components;@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree-Variable.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@layer base{*,:before,:after{box-sizing:border-box}html{background:var(--flaeche-marketing);color:var(--text-primaer)}body{font-family:var(--schrift-familie-text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--farbe-wald)}code{font-family:var(--schrift-familie-mono);background:var(--farbe-flieder-hell);border-radius:var(--radius-s);padding:.1em .4em;font-size:.86em}mark{background:var(--farbe-minze);color:var(--farbe-wald);border-radius:var(--radius-s);padding:0 var(--abstand-2);-webkit-box-decoration-break:clone;box-decoration-break:clone}:focus-visible{outline:var(--groesse-fokus-ring) solid var(--rand-fokus);outline-offset:var(--groesse-fokus-abstand)}.klein{color:var(--text-leise);font-size:13px;line-height:1.45}}.sprung{position:absolute;left:-9999px}.sprung:focus{z-index:50;background:var(--farbe-wald);color:var(--farbe-creme);border-radius:var(--radius-pill);padding:8px 16px;top:16px;left:16px}.kopf{z-index:20;padding:14px var(--abstand-4);background:var(--farbe-wald);color:var(--farbe-creme);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.kopf__logo{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.kopf__logo-bild{width:auto;height:22px}.kopf__titel{font-family:var(--schrift-familie-display);opacity:.85;border-left:1px solid #fbf7ee4d;padding-left:14px;font-size:18px;font-weight:400}.kopf__ki{color:var(--farbe-minze);font-family:var(--schrift-familie-mono);font-size:13px;text-decoration:none}.rahmen{grid-template-columns:1fr;max-width:1440px;margin:0 auto;display:grid}@media (min-width:1024px){.rahmen{grid-template-columns:260px minmax(0,1fr)}}.navigation{border-bottom:1px solid var(--farbe-linie);padding:var(--abstand-3) var(--abstand-4)}.navigation ol{gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.navigation a{border-radius:var(--radius-pill);min-height:40px;color:var(--text-primaer);white-space:nowrap;align-items:center;gap:10px;padding:0 14px;font-size:15px;text-decoration:none;display:flex}.navigation a:hover{background:var(--farbe-karte)}.navigation a[aria-current=page]{background:var(--farbe-minze);color:var(--farbe-wald);font-weight:600}.navigation__nr{font-family:var(--schrift-familie-mono);color:var(--text-leise);font-size:12px}@media (max-width:1023px){.navigation ol{flex-wrap:wrap}}@media (min-width:1024px){.navigation{border-bottom:0;border-right:1px solid var(--farbe-linie);height:calc(100vh - 50px);padding:var(--abstand-8) var(--abstand-4);align-self:start;position:sticky;top:50px;overflow-y:auto}.navigation ol{flex-direction:column;overflow:visible}}.haupt{min-width:0;padding:var(--abstand-8) var(--abstand-4) var(--abstand-16)}@media (min-width:768px){.haupt{padding:var(--abstand-12) var(--abstand-10) var(--abstand-16)}}.fuss{padding:var(--abstand-6) var(--abstand-4);border-top:1px solid var(--farbe-linie);color:var(--text-leise);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.buehne{background:var(--farbe-wald);color:var(--farbe-creme);border-radius:var(--radius-xl);padding:clamp(28px,6vw,64px)}.buehne__eyebrow{color:var(--farbe-minze);margin:0}.buehne__titel{font-family:var(--schrift-familie-display);letter-spacing:-.03em;margin:12px 0 18px;font-size:clamp(38px,6vw,72px);font-weight:600;line-height:1.05}.buehne__text{opacity:.9;max-width:60ch;margin:0;font-size:19px}.buehne__aktionen{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.buehne__sekundaer{--k-hintergrund:transparent;--k-hintergrund-hover:#fbf7ee14;--k-text:var(--farbe-creme);--k-rand:#fbf7ee73}.kachelraster{gap:var(--abstand-4);margin-top:var(--abstand-8);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.kachel{padding:var(--abstand-6);border-radius:var(--radius-l);background:var(--farbe-karte);color:var(--text-primaer);transition:border-color var(--bewegung-dauer-kurz) var(--bewegung-kurve-standard);border:1px solid #0000;flex-direction:column;gap:6px;text-decoration:none;display:flex}.kachel:hover{border-color:var(--farbe-minze)}.kachel .typo-label{color:var(--text-leise)}.kachel__titel{font-family:var(--schrift-familie-display);letter-spacing:-.01em;font-size:22px;font-weight:600}.kachel__text{color:var(--text-sekundaer);font-size:15px}.hinweisbox{margin-top:var(--abstand-8);padding:var(--abstand-6);border-radius:var(--radius-l);background:var(--farbe-flieder)}.hinweisbox h2{font-family:var(--schrift-familie-display);margin:0 0 8px;font-size:24px}.hinweisbox p{max-width:70ch;margin:0 0 16px}.kapitel{max-width:1040px}.kapitel__kopf{margin-bottom:var(--abstand-8)}.kapitel__kopf .typo-label{color:var(--text-leise);margin:0}.kapitel__kopf h1{font-family:var(--schrift-familie-display);letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(40px,5vw,60px);font-weight:600;line-height:1.05}.kapitel__kurz{color:var(--text-sekundaer);max-width:60ch;margin:0 0 12px;font-size:19px}.kapitel__md{margin-left:-16px}.prosa{max-width:1040px}.prosa h2{font-family:var(--schrift-familie-display);letter-spacing:-.02em;margin:var(--abstand-12) 0 var(--abstand-4);font-size:32px;font-weight:600;line-height:1.15}.prosa h3{font-family:var(--schrift-familie-display);margin:var(--abstand-8) 0 var(--abstand-3);font-size:22px;font-weight:500}.prosa h2 .anker,.prosa h3 .anker{color:inherit;text-decoration:none}.prosa p,.prosa li{max-width:75ch}.prosa ul,.prosa ol{padding-left:1.2em}.prosa li{margin:4px 0}.prosa pre{background:var(--farbe-wald);color:var(--farbe-creme);padding:var(--abstand-6);border-radius:var(--radius-m);white-space:pre-wrap;font-size:13px;line-height:1.6;overflow-x:auto}.prosa pre code{color:inherit;background:0 0;padding:0}.tabelle{margin:var(--abstand-4) 0 var(--abstand-6);border-radius:var(--radius-m);background:var(--farbe-karte);overflow-x:auto}.tabelle table{border-collapse:collapse;width:100%;font-size:14px}.tabelle th{text-align:left;background:var(--farbe-flieder-hell);font-weight:600}.tabelle th,.tabelle td{border-bottom:1px solid var(--farbe-linie);vertical-align:top;padding:10px 14px}.tabelle tr:last-child td{border-bottom:0}.blaettern{margin-top:var(--abstand-12);padding-top:var(--abstand-6);border-top:1px solid var(--farbe-linie);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.farbraster{gap:var(--abstand-4);margin:var(--abstand-4) 0 var(--abstand-8);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.farbe{border-radius:var(--radius-l);background:var(--farbe-karte);border:1px solid var(--farbe-linie);margin:0;overflow:hidden}.farbe__flaeche{align-items:flex-end;height:110px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.farbe figcaption{flex-direction:column;gap:4px;padding:12px 14px 16px;display:flex}.farbe figcaption code{align-self:flex-start}.schriftmuster{padding:var(--abstand-6);background:var(--farbe-app-karte);border-radius:var(--radius-l);margin:var(--abstand-4) 0;flex-direction:column;gap:18px;display:flex}.schriftmuster__zeile{border-bottom:1px solid var(--farbe-app-linie);overflow-wrap:anywhere;flex-direction:column;gap:4px;padding-bottom:14px;display:flex}.schriftmuster__zeile:last-child{border-bottom:0}.beispiele{padding:var(--abstand-6);border-radius:var(--radius-l);background:var(--farbe-app-karte);border:1px solid var(--farbe-app-linie);margin:var(--abstand-4) 0 var(--abstand-6);flex-direction:column;gap:12px;display:flex}.beispiele--grund{background:var(--farbe-app-grund)}.beispiel{flex-direction:column;gap:10px;display:flex}.beispiel--wald{background:var(--farbe-wald);padding:var(--abstand-4);border-radius:var(--radius-m)}.beispiel--wald .beispiel__name{color:var(--farbe-creme)}.beispiel--raster{gap:var(--abstand-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.beispiel__name{color:var(--text-leise);font-size:13px}.beispiel__reihe{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.karte__kopf{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.karte__kopf h3{align-items:center;gap:10px;margin:0;display:flex}.karte small{color:var(--text-leise);font-size:.55em}.anker-text{font-family:var(--schrift-familie-display);margin:0 0 18px;font-size:26px;line-height:1.2}.steuerleiste--beispiel{align-items:center;padding:0 18px;font-weight:500;display:inline-flex}.menue--beispiel{max-width:280px;margin-top:8px}.assetraster{gap:var(--abstand-4);margin:var(--abstand-4) 0 var(--abstand-8);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.asset{border-radius:var(--radius-l);background:var(--farbe-karte);border:1px solid var(--farbe-linie);flex-direction:column;margin:0;display:flex;overflow:hidden}.asset__vorschau{background:var(--farbe-creme);place-items:center;height:170px;padding:20px;display:grid}.asset__vorschau img{object-fit:contain;max-width:100%;max-height:100%}.asset__vorschau--wald{background:var(--farbe-wald)}.asset__vorschau--schrift{font-size:40px}.assetraster--foto .asset__vorschau,.assetraster--produktansicht .asset__vorschau{background:var(--farbe-flieder-hell);padding:0}.assetraster--foto .asset__vorschau img,.assetraster--produktansicht .asset__vorschau img{object-fit:cover;width:100%;height:100%}.asset figcaption{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.asset figcaption .status{align-self:flex-start}.asset__downloads{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
