@layer components{html{scroll-padding-top:4.5rem}.raster{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.raster{padding-inline:2.5rem}}p .messwert,li .messwert,dd .messwert,small .messwert{font-size:.93em}.knopf{text-align:center;text-wrap:balance;border:1.5px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.3rem;font-size:17px;font-weight:600;line-height:1.2;transition:background-color .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.knopf:active{transform:translateY(1px)}.knopf-signal{background:var(--color-signal);border-color:var(--color-signal);color:var(--color-signal-schrift)}.knopf-signal:hover{background:var(--color-signal-hoch);border-color:var(--color-signal)}.knopf-signal[aria-disabled=true],.knopf-signal:disabled{background:var(--color-signal-tief);border-color:var(--color-signal-tief);cursor:progress}.knopf-rand-hell{color:var(--color-kreide);border-color:#f4f2ef52}.knopf-rand-hell:hover{border-color:var(--color-kreide);background:#f4f2ef0f}.knopf-tinte{background:var(--color-tinte);border-color:var(--color-tinte);color:var(--color-papier)}.knopf-tinte:hover{background:#26323f;border-color:#26323f}.knopf-rand-tinte{color:var(--color-tinte);border-color:#131a224d}.knopf-rand-tinte:hover{border-color:var(--color-tinte);background:#131a220d}.hero-kante{width:calc(max(50% - 38rem,0px) + 50.5rem)}.h-eng{font-variation-settings:"wdth" 68, "wght" 800}@media (min-width:768px){.h-eng{font-variation-settings:"wdth" 76, "wght" 800}}.kopf{border-bottom:1px solid #0000;transition:background-color .22s,border-color .22s}.kopf.gescrollt,.kopf.menue-offen{border-bottom-color:var(--color-asphalt-3);background:#151c24f0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.kopf.gescrollt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151c24d1}}.js [data-reveal]{opacity:0;transition:opacity .5s ease-out,translate .5s ease-out;translate:0 16px}.js [data-reveal].ist-sichtbar{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;translate:0}}@keyframes schritt-vor{0%{opacity:0;translate:14px}to{opacity:1;translate:0}}@keyframes schritt-zurueck{0%{opacity:0;translate:-14px}to{opacity:1;translate:0}}.schritt-vor{animation:.22s ease-out both schritt-vor}.schritt-zurueck{animation:.22s ease-out both schritt-zurueck}.strich{background:var(--color-asphalt-3);border-radius:1px;flex:1;height:3px;transition:background-color .22s}.strich.erledigt{background:var(--color-marke-hell)}.strich.aktiv{background:var(--color-kreide)}.kachel{border:1.5px solid var(--color-asphalt-3);background:var(--color-asphalt-2);width:100%;min-height:56px;color:var(--color-kreide);text-align:left;text-wrap:balance;border-radius:4px;align-items:center;padding:.85rem 1rem;font-weight:500;line-height:1.3;transition:border-color .16s,background-color .16s;display:flex}.kachel:hover{border-color:var(--color-marke-hell)}.kachel[aria-pressed=true]{border-color:var(--color-marke-hell);background:#3f9bdc1a}.feld{border:1.5px solid var(--color-asphalt-3);background:var(--color-asphalt);width:100%;min-height:56px;color:var(--color-kreide);border-radius:4px;padding:.85rem 1rem;font-size:1rem;transition:border-color .16s}.feld::placeholder{color:#a8b4c08c}.feld:focus{border-color:var(--color-marke-hell);outline:none}.feld[aria-invalid=true]{border-color:var(--color-warn)}.honig{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.strecke{--fortschritt:0}.strecke-linie{top:12px;left:11px;bottom:var(--linie-unten,14px);background:var(--color-asphalt-3);width:2px;position:absolute}.strecke-linie:after{content:"";background:var(--color-marke-hell);transform-origin:0 0;transform:scaleY(var(--fortschritt));transition:transform .7s ease-out;position:absolute;inset:0}@media (min-width:1024px){.strecke-linie{top:11px;left:12px;right:var(--linie-rechts,12px);width:auto;height:2px;bottom:auto}.strecke-linie:after{transform:scaleX(var(--fortschritt))}}.strecke-punkt{border:2px solid var(--color-asphalt-3);background:var(--color-asphalt);border-radius:50%;flex:none;width:24px;height:24px;transition:border-color .3s,background-color .3s}.schritt-aktiv .strecke-punkt{border-color:var(--color-marke-hell);background:var(--color-marke-hell)}.zeile-punkte{clip-path:inset(-.5rem 0);flex-wrap:wrap;align-items:center;column-gap:1.5rem;margin-inline:-.5rem;padding-inline:.5rem;display:flex}.zeile-punkte>li{white-space:nowrap;position:relative}.zeile-punkte>li:before{content:"·";font-family:var(--font-mono);color:var(--color-marke);font-weight:600;position:absolute;top:50%;left:-.75rem;transform:translate(-50%,-50%)}.zeile-punkte-hell>li:before{color:var(--color-marke-hell)}@media (max-width:639px){.zeile-punkte-ab-sm{clip-path:none;flex-direction:column;align-items:flex-start;row-gap:.375rem}.zeile-punkte-ab-sm>li:before{content:none}}.auslauf-unten{-webkit-mask-image:linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(#000 88%,#0000 100%)}.linie{opacity:.18;background:currentColor;height:1px;display:block}details.aufklapper>summary{cursor:pointer;text-wrap:balance;list-style:none}details.aufklapper>summary::-webkit-details-marker{display:none}.aufklapper-zeichen{width:1.5rem;height:1.5rem;font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex}.aufklapper-zeichen:before{content:"+"}details[open]>summary .aufklapper-zeichen:before{content:"−"}.handy-leiste{padding-bottom:env(safe-area-inset-bottom);transition:transform .22s ease-out;transform:translateY(100%)}.handy-leiste.sichtbar{transform:translateY(0)}}.knopf.knopf{min-height:3.25rem}.knopf.knopf-klein{min-height:2.75rem;font-size:15px}.knopf.knopf-hoch{min-height:60px}@media (min-width:768px){.knopf.knopf-gross{min-height:4rem}}