:root{--stage-0:#1c2222;--stage-1:#262d2d;--stage-2:#313939;--stage-3:#3d4343;--light-0:#fff;--light-1:#f5f6f6;--light-2:#ededed;--light-3:#dee1e1;--signal:#00ccbf;--signal-hover:#2bd9ce;--moment:#ffb200;--depth:#3f7c85;--td-1:#fff;--td-2:#c9cfcf;--td-3:#9aa3a3;--tl-1:#3d4343;--tl-2:#586060;--tl-3:#747e7e;--ok:#3fbf7f;--warn:#c9922e;--err:#e5484d;--line-d:#ffffff14;--line-d-strong:#ffffff29;--line-l:#dee1e1;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:40px;--s-6:64px;--fs-1:12px;--fs-2:14px;--fs-3:16px;--fs-4:20px;--fs-5:24px;--fs-6:32px;--fs-7:40px;--font-display:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm:4px;--r-md:10px;--r-lg:20px;--r-pill:999px;--container:1140px;--container-read:720px;--gutter:24px;--ar-portrait:4/5;--ar-wide:3/2;--ar-square:1/1;--t-fast:.15s;--t:.25s;--ease:cubic-bezier(.2, .7, .3, 1);--fs-lesen:18px;--breite:680px;--klickflaeche:56px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--light-0);color:var(--tl-1);font-family:var(--font-body);font-size:var(--fs-lesen);scrollbar-gutter:stable;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--s-3);text-wrap:balance;font-weight:700;line-height:1.25}h1{font-size:var(--fs-6)}@media (width>=640px){h1{font-size:var(--fs-7)}}h2{font-size:var(--fs-5)}p{margin:0 0 var(--s-4)}:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:var(--r-sm)}.huelle{max-width:var(--breite);padding:0 var(--gutter);margin:0 auto}.seite{flex-direction:column;min-height:100dvh;display:flex}.inhalt{padding:var(--s-5) 0 var(--s-6);flex:1}@media (width>=640px){.inhalt{padding:var(--s-6) 0}}.fortschritt{background:var(--light-2);z-index:10;height:3px;position:sticky;top:0}.fortschritt__balken{background:var(--signal);height:100%;transition:width var(--t) var(--ease)}.antworten{gap:var(--s-2);margin:var(--s-5) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.antwort{width:100%;min-height:var(--klickflaeche);padding:var(--s-3) var(--s-4);text-align:left;font:inherit;color:var(--tl-1);background:var(--light-0);border:1px solid var(--line-l);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);display:block}.antwort:hover{border-color:var(--signal);background:var(--light-1)}.antwort[aria-pressed=true]{border-color:var(--signal);padding:calc(var(--s-3) - 1px) calc(var(--s-4) - 1px);border-width:2px}.knopf{min-height:48px;padding:var(--s-3) var(--s-5);font:inherit;color:var(--stage-0);background:var(--signal);border-radius:var(--r-pill);cursor:pointer;transition:background var(--t-fast) var(--ease);border:none;font-weight:700;display:inline-block}.knopf:hover:not(:disabled){background:var(--signal-hover)}.knopf:disabled{background:var(--light-3);color:var(--tl-3);cursor:not-allowed}.knopf--leise{color:var(--tl-2);text-underline-offset:3px;padding:var(--s-2) 0;background:0 0;min-height:44px;font-weight:400;text-decoration:underline}.knopf--leise:hover:not(:disabled){color:var(--tl-1);background:0 0}.kicker{font-size:var(--fs-1);letter-spacing:.2em;text-transform:uppercase;color:var(--depth);align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);font-weight:600;display:flex}.kicker:before{content:"";background:var(--signal);flex:none;width:10px;height:10px}.leise{color:var(--tl-2);font-size:var(--fs-3)}.fusszeile{padding:var(--s-4) 0 var(--s-5);font-size:var(--fs-2);color:var(--tl-2);border-top:1px solid var(--line-l)}.fusszeile a{color:var(--tl-2)}.fehler{color:var(--err);font-size:var(--fs-3);margin-top:var(--s-2)}.feld{margin-bottom:var(--s-4);display:block}.feld__beschriftung{font-size:var(--fs-3);color:var(--tl-2);margin-bottom:var(--s-1);display:block}.feld__eingabe{width:100%;min-height:var(--klickflaeche);padding:var(--s-3);font:inherit;color:var(--tl-1);background:var(--light-0);border:1px solid var(--line-l);border-radius:var(--r-md)}.feld__eingabe:focus{border-color:var(--signal)}textarea.feld__eingabe{resize:vertical;min-height:160px}.haken{gap:var(--s-3);margin-bottom:var(--s-4);font-size:var(--fs-3);cursor:pointer;align-items:flex-start;line-height:1.5;display:flex}.haken input{width:24px;height:24px;accent-color:var(--signal);cursor:pointer;flex:none;margin:0}.zaehler{font-size:var(--fs-2);color:var(--tl-3);text-align:right;margin-top:var(--s-1)}section{margin-bottom:var(--s-6)}.abschnitt__titel{font-size:var(--fs-1);letter-spacing:.2em;text-transform:uppercase;color:var(--depth);font-weight:600;font-family:var(--font-body);margin-bottom:var(--s-3)}.fuehrung{font-size:var(--fs-4);color:var(--tl-1)}.reifegrad,.kennzahl{align-items:baseline;gap:var(--s-3);margin:var(--s-5) 0 var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-l);display:flex}.reifegrad__zahl,.kennzahl__wert{font-family:var(--font-display);font-weight:800;font-size:var(--fs-7);font-variant-numeric:tabular-nums;color:var(--tl-1);line-height:1}.reifegrad__einheit,.kennzahl__einheit{font-size:var(--fs-3);color:var(--tl-2)}.rechnung{border-collapse:collapse;width:100%;margin:var(--s-4) 0 var(--s-5);font-variant-numeric:tabular-nums}.rechnung td{padding:var(--s-3) 0;border-bottom:1px solid var(--line-l);font-size:var(--fs-3)}.rechnung td:last-child{text-align:right;white-space:nowrap;padding-left:var(--s-3)}.rechnung__summe td{color:var(--tl-1);font-weight:700}.rechnung__luecke td{font-weight:800;font-size:var(--fs-4);font-family:var(--font-display);border-bottom:none;border-top:2px solid var(--signal)}.abschluss{padding:var(--s-5);background:var(--light-1);border-radius:var(--r-lg)}.abschluss h2{font-size:var(--fs-5)}.abschluss p:last-child{margin-bottom:0}a.knopf{text-decoration:none}.methode{font-size:var(--fs-2);color:var(--tl-2);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--line-l);line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.drucken-weg{gap:var(--s-2);flex-direction:column;align-items:flex-start;display:flex}@media print{.drucken-weg,.fusszeile,.fortschritt{display:none!important}.seite{background:#fff}.inhalt{padding:0}.huelle{max-width:none}section{break-inside:avoid}a.knopf{border:1px solid #dee1e1;color:#3d4343!important;background:0 0!important}a.knopf:after{content:" (" attr(href) ")";font-weight:400;font-size:var(--fs-1)}}