:root{--marke-blau-900: #063a54;--marke-blau-800: #074c6e;--marke-blau-700: #0a5f87;--marke-blau-600: #0573a3;--marke-blau-500: #1b87b8;--marke-blau-400: #549dbc;--marke-blau-300: #8bbfd6;--marke-blau-200: #c2dded;--marke-blau-100: #e6f2f8;--marke-rot-700: #7d4750;--marke-rot-600: #a2636d;--marke-rot-500: #bd7f89;--marke-rot-200: #edd6d9;--marke-rot-100: #f8eef0;--marke-gruen-700: #2f6b46;--marke-gruen-600: #3d8a5a;--marke-gruen-500: #4da36c;--marke-gruen-200: #cfe8d9;--marke-gruen-100: #eaf5ef;--marke-gruen-akzent: #a9dd6f;--marke-gelb-700: #8a6212;--marke-gelb-600: #b57f1a;--marke-gelb-500: #d69b2c;--marke-gelb-200: #f7e5c0;--marke-gelb-100: #fdf5e6;--marke-warn-700: #93321f;--marke-warn-600: #bd4426;--marke-warn-500: #d65b3c;--marke-warn-200: #f6d6cd;--marke-warn-100: #fdefeb;--raum-1: .25rem;--raum-2: .5rem;--raum-3: .75rem;--raum-4: 1rem;--raum-5: 1.25rem;--raum-6: 1.5rem;--raum-8: 2rem;--raum-10: 2.5rem;--raum-12: 3rem;--raum-16: 4rem;--rund-s: 8px;--rund-m: 12px;--rund-l: 18px;--rund-xl: 26px;--rund-voll: 999px;--schrift-basis: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--schrift-arabisch: "Segoe UI", "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", system-ui, sans-serif;--schrift-zahlen: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--gr-xs: .75rem;--gr-s: .8125rem;--gr-m: .9375rem;--gr-basis: 1rem;--gr-l: 1.125rem;--gr-xl: 1.375rem;--gr-2xl: 1.75rem;--gr-3xl: 2.25rem;--gr-4xl: 3rem;--zeile-eng: 1.25;--zeile-normal: 1.55;--zeile-weit: 1.7;--fett-normal: 400;--fett-medium: 550;--fett-halb: 640;--fett-stark: 720;--zeit-schnell: .12s;--zeit-normal: .22s;--zeit-ruhig: .38s;--kurve: cubic-bezier(.32, .72, 0, 1);--kurve-aus: cubic-bezier(.4, 0, .2, 1);--tippziel: 48px;--breite-inhalt: 640px;--leiste-hoehe: 68px;--sicher-unten: env(safe-area-inset-bottom, 0px);--sicher-oben: env(safe-area-inset-top, 0px)}:root,:root[data-farbschema=hell]{color-scheme:light;--fl-grund: #f4f7fa;--fl-grund-tief: #e9eff5;--fl-karte: #ffffff;--fl-karte-hoch: #ffffff;--fl-erhaben: #fbfdfe;--fl-gedaempft: #eef3f7;--fl-invers: #0b2130;--text-stark: #0d2431;--text-normal: #274152;--text-leise: #4f677a;--text-schwach: #5d7385;--text-invers: #f2f8fb;--text-auf-farbe: #ffffff;--linie: #dbe5ed;--linie-stark: #c3d2de;--linie-fokus: var(--marke-blau-600);--fuehrung: var(--marke-blau-700);--fuehrung-hell: var(--marke-blau-600);--fuehrung-flaeche: var(--marke-blau-100);--fuehrung-rand: var(--marke-blau-200);--akzent: var(--marke-rot-600);--akzent-flaeche: var(--marke-rot-100);--erfolg: var(--marke-gruen-700);--erfolg-flaeche: var(--marke-gruen-100);--erfolg-rand: var(--marke-gruen-200);--achtung: var(--marke-gelb-700);--achtung-flaeche: var(--marke-gelb-100);--achtung-rand: var(--marke-gelb-200);--gefahr: var(--marke-warn-700);--gefahr-flaeche: var(--marke-warn-100);--gefahr-rand: var(--marke-warn-200);--schatten-1: 0 1px 2px rgb(13 36 49 / .06), 0 1px 3px rgb(13 36 49 / .04);--schatten-2: 0 2px 4px rgb(13 36 49 / .05), 0 4px 12px rgb(13 36 49 / .07);--schatten-3: 0 8px 20px rgb(13 36 49 / .1), 0 2px 6px rgb(13 36 49 / .06);--schatten-4: 0 18px 44px rgb(13 36 49 / .16), 0 4px 12px rgb(13 36 49 / .08);--schatten-farbe: 0 8px 24px rgb(5 115 163 / .24);--verlauf-fuehrung: linear-gradient(135deg, #0a5f87 0%, #0573a3 46%, #2f93bf 100%);--verlauf-ruhe: linear-gradient(160deg, #ffffff 0%, #f0f6fa 100%);--verlauf-glanz: linear-gradient(120deg, rgb(255 255 255 / .5), rgb(255 255 255 / 0));--verlauf-held: radial-gradient(120% 90% at 12% 0%, #0e6d97 0%, #073e59 62%, #052b3e 100%)}:root[data-farbschema=dunkel]{color-scheme:dark;--fl-grund: #0a151d;--fl-grund-tief: #060f15;--fl-karte: #12212c;--fl-karte-hoch: #182b38;--fl-erhaben: #162834;--fl-gedaempft: #172833;--fl-invers: #eaf3f8;--text-stark: #eef6fa;--text-normal: #cadbe6;--text-leise: #9cb5c4;--text-schwach: #7b96a6;--text-invers: #0b2130;--text-auf-farbe: #ffffff;--linie: #22394a;--linie-stark: #315065;--linie-fokus: var(--marke-blau-300);--fuehrung: #4aa6d0;--fuehrung-hell: #6cbde2;--fuehrung-flaeche: #10303f;--fuehrung-rand: #1d475c;--akzent: #cf929b;--akzent-flaeche: #342226;--erfolg: #62c489;--erfolg-flaeche: #102d1e;--erfolg-rand: #1d4a32;--achtung: #e0ad4e;--achtung-flaeche: #2f2510;--achtung-rand: #4d3d18;--gefahr: #ef8168;--gefahr-flaeche: #331810;--gefahr-rand: #55291b;--schatten-1: 0 1px 2px rgb(0 0 0 / .4);--schatten-2: 0 2px 6px rgb(0 0 0 / .44), 0 6px 16px rgb(0 0 0 / .3);--schatten-3: 0 10px 24px rgb(0 0 0 / .5);--schatten-4: 0 20px 48px rgb(0 0 0 / .6);--schatten-farbe: 0 8px 26px rgb(4 60 86 / .6);--verlauf-fuehrung: linear-gradient(135deg, #0a536f 0%, #0d6d94 50%, #1b89b3 100%);--verlauf-ruhe: linear-gradient(160deg, #162834 0%, #101f29 100%);--verlauf-glanz: linear-gradient(120deg, rgb(255 255 255 / .06), rgb(255 255 255 / 0));--verlauf-held: radial-gradient(120% 90% at 12% 0%, #0d5673 0%, #06293a 62%, #04161f 100%)}@media(prefers-color-scheme:dark){:root[data-farbschema=system]{color-scheme:dark;--fl-grund: #0a151d;--fl-grund-tief: #060f15;--fl-karte: #12212c;--fl-karte-hoch: #182b38;--fl-erhaben: #162834;--fl-gedaempft: #172833;--fl-invers: #eaf3f8;--text-stark: #eef6fa;--text-normal: #cadbe6;--text-leise: #9cb5c4;--text-schwach: #7b96a6;--text-invers: #0b2130;--linie: #22394a;--linie-stark: #315065;--linie-fokus: var(--marke-blau-300);--fuehrung: #4aa6d0;--fuehrung-hell: #6cbde2;--fuehrung-flaeche: #10303f;--fuehrung-rand: #1d475c;--akzent: #cf929b;--akzent-flaeche: #342226;--erfolg: #62c489;--erfolg-flaeche: #102d1e;--erfolg-rand: #1d4a32;--achtung: #e0ad4e;--achtung-flaeche: #2f2510;--achtung-rand: #4d3d18;--gefahr: #ef8168;--gefahr-flaeche: #331810;--gefahr-rand: #55291b;--schatten-1: 0 1px 2px rgb(0 0 0 / .4);--schatten-2: 0 2px 6px rgb(0 0 0 / .44), 0 6px 16px rgb(0 0 0 / .3);--schatten-3: 0 10px 24px rgb(0 0 0 / .5);--schatten-4: 0 20px 48px rgb(0 0 0 / .6);--schatten-farbe: 0 8px 26px rgb(4 60 86 / .6);--verlauf-fuehrung: linear-gradient(135deg, #0a536f 0%, #0d6d94 50%, #1b89b3 100%);--verlauf-ruhe: linear-gradient(160deg, #162834 0%, #101f29 100%);--verlauf-glanz: linear-gradient(120deg, rgb(255 255 255 / .06), rgb(255 255 255 / 0));--verlauf-held: radial-gradient(120% 90% at 12% 0%, #0d5673 0%, #06293a 62%, #04161f 100%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:calc(100% * var(--schrift-faktor, 1))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-animation=reduziert] *,:root[data-animation=reduziert] *:before,:root[data-animation=reduziert] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body{font-family:var(--schrift-basis);font-size:var(--gr-basis);line-height:var(--zeile-normal);color:var(--text-normal);background:var(--fl-grund);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none;min-height:100dvh}:root[lang=ar] body{font-family:var(--schrift-arabisch);line-height:var(--zeile-weit)}h1,h2,h3,h4{color:var(--text-stark);line-height:var(--zeile-eng);font-weight:var(--fett-halb);letter-spacing:-.012em;text-wrap:balance}h1{font-size:var(--gr-2xl);font-weight:var(--fett-stark)}h2{font-size:var(--gr-xl)}h3{font-size:var(--gr-l)}h4{font-size:var(--gr-basis)}p{text-wrap:pretty}a{color:var(--fuehrung);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;touch-action:manipulation}img,svg{display:block;max-width:100%}ul,ol{list-style-position:outside;padding-inline-start:1.25em}:focus-visible{outline:3px solid var(--linie-fokus);outline-offset:2px;border-radius:var(--rund-s)}::selection{background:var(--fuehrung-flaeche);color:var(--text-stark)}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--raum-5);min-height:100dvh;color:#7f97a8;background:#0a151d;font-family:system-ui,sans-serif;font-size:.9rem}.boot-mark{width:46px;height:46px;border-radius:50%;border:3px solid rgb(84 157 188 / .25);border-top-color:#549dbc;animation:boot-dreh .9s linear infinite}@keyframes boot-dreh{to{transform:rotate(360deg)}}.app-rahmen{min-height:100dvh;display:flex;flex-direction:column;background:var(--fl-grund)}.seite{flex:1;width:100%;max-width:var(--breite-inhalt);margin-inline:auto;padding:var(--raum-4);padding-block-end:calc(var(--leiste-hoehe) + var(--sicher-unten) + var(--raum-8));display:flex;flex-direction:column;gap:var(--raum-4)}.seite--voll{max-width:none;padding:0}@media(min-width:900px){:root{--breite-inhalt: 760px}.seite{padding-inline:var(--raum-6);padding-block-end:var(--raum-10)}}.stapel{display:flex;flex-direction:column;gap:var(--raum-4)}.stapel--eng{gap:var(--raum-2)}.stapel--weit{gap:var(--raum-6)}.reihe{display:flex;align-items:center;gap:var(--raum-3)}.reihe--verteilt{justify-content:space-between}.reihe--umbruch{flex-wrap:wrap}.raster-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--raum-3)}.raster-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--raum-3)}.wachsen{flex:1;min-width:0}.karte{background:var(--fl-karte);border:1px solid var(--linie);border-radius:var(--rund-l);padding:var(--raum-4);box-shadow:var(--schatten-1);position:relative}.karte--flach{box-shadow:none}.karte--hoch{box-shadow:var(--schatten-3);border-color:transparent}:root[data-farbschema=dunkel] .karte--hoch,:root[data-farbschema=dunkel] .karte{border-color:var(--linie)}@media(prefers-color-scheme:dark){:root[data-farbschema=system] .karte--hoch,:root[data-farbschema=system] .karte{border-color:var(--linie)}}.karte--rand{border-inline-start:4px solid var(--fuehrung)}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-3);margin-block-end:var(--raum-3)}.karte-titel{font-size:var(--gr-m);font-weight:var(--fett-halb);color:var(--text-leise);text-transform:uppercase;letter-spacing:.05em}.held{position:relative;overflow:hidden;border-radius:var(--rund-xl);background:var(--verlauf-held);color:#eaf4f9;padding:var(--raum-6);box-shadow:var(--schatten-4);isolation:isolate}.held:before{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-25%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(120 200 235 / .28),transparent 68%);z-index:-1}.held:after{content:"";position:absolute;inset-block-end:-55%;inset-inline-start:-18%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(162 99 109 / .3),transparent 66%);z-index:-1}.held h1,.held h2,.held h3{color:#fff}.held-oben{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--raum-4);margin-block-end:var(--raum-5)}.held-gruss{font-size:var(--gr-s);color:#e9f5fbc7;letter-spacing:.03em}.held-zahl{font-family:var(--schrift-zahlen);font-size:var(--gr-4xl);font-weight:var(--fett-stark);line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}.held-einheit{font-size:var(--gr-m);color:#e9f5fbcc;font-weight:var(--fett-medium)}.knopf{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--raum-2);min-height:var(--tippziel);padding:var(--raum-3) var(--raum-5);border-radius:var(--rund-m);font-size:var(--gr-m);font-weight:var(--fett-halb);text-decoration:none;border:1px solid transparent;transition:transform var(--zeit-schnell) var(--kurve-aus),box-shadow var(--zeit-normal) var(--kurve-aus),background-color var(--zeit-schnell) var(--kurve-aus),border-color var(--zeit-schnell) var(--kurve-aus);-webkit-tap-highlight-color:transparent}.knopf:active:not(:disabled){transform:scale(.975)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf:focus-within{outline:3px solid var(--linie-fokus);outline-offset:2px}.knopf--fuehrung{background:var(--verlauf-fuehrung);color:var(--text-auf-farbe);box-shadow:var(--schatten-farbe)}.knopf--fuehrung:hover:not(:disabled){box-shadow:var(--schatten-farbe),0 0 0 3px var(--fuehrung-rand)}.knopf--zweit{background:var(--fl-karte);color:var(--fuehrung);border-color:var(--linie-stark);box-shadow:var(--schatten-1)}.knopf--zweit:hover:not(:disabled){background:var(--fuehrung-flaeche);border-color:var(--fuehrung-rand)}.knopf--leise{background:transparent;color:var(--text-leise);min-height:var(--tippziel);padding:var(--raum-2) var(--raum-3)}.knopf--leise:hover:not(:disabled){background:var(--fl-gedaempft);color:var(--text-normal)}.knopf--gefahr{background:var(--gefahr-flaeche);color:var(--gefahr);border-color:var(--gefahr-rand)}.knopf--breit{width:100%}.knopf--gross{min-height:56px;font-size:var(--gr-basis);border-radius:var(--rund-l)}.chip{display:inline-flex;align-items:center;gap:var(--raum-1);padding:3px var(--raum-2);border-radius:var(--rund-voll);font-size:var(--gr-xs);font-weight:var(--fett-halb);letter-spacing:.02em;white-space:nowrap;background:var(--fl-gedaempft);color:var(--text-leise);border:1px solid transparent}.chip--fuehrung{background:var(--fuehrung-flaeche);color:var(--fuehrung);border-color:var(--fuehrung-rand)}.chip--erfolg{background:var(--erfolg-flaeche);color:var(--erfolg);border-color:var(--erfolg-rand)}.chip--achtung{background:var(--achtung-flaeche);color:var(--achtung);border-color:var(--achtung-rand)}.chip--gefahr{background:var(--gefahr-flaeche);color:var(--gefahr);border-color:var(--gefahr-rand)}.chip--akzent{background:var(--akzent-flaeche);color:var(--akzent)}.chip--auf-dunkel{background:#ffffff24;color:#eaf4f9;border-color:#ffffff2e}.balken{height:8px;border-radius:var(--rund-voll);background:var(--fl-gedaempft);overflow:hidden}.balken--auf-dunkel{background:#ffffff29}.balken-fuellung{height:100%;border-radius:var(--rund-voll);background:var(--verlauf-fuehrung);transition:width var(--zeit-ruhig) var(--kurve)}.balken-fuellung--erfolg{background:linear-gradient(90deg,var(--marke-gruen-600),var(--marke-gruen-500))}.balken-fuellung--achtung{background:linear-gradient(90deg,var(--marke-gelb-600),var(--marke-gelb-500))}.balken-fuellung--gefahr{background:linear-gradient(90deg,var(--marke-warn-600),var(--marke-warn-500))}.balken-fuellung--hell{background:linear-gradient(90deg,#8bd4f0,#fff)}.ring{display:grid;place-items:center;position:relative}.ring svg{transform:rotate(-90deg)}:root[dir=rtl] .ring svg{transform:rotate(-90deg) scaleY(-1)}.ring-bahn{fill:none;stroke:var(--fl-gedaempft)}.ring-wert{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--zeit-ruhig) var(--kurve)}.ring-mitte{position:absolute;display:grid;place-items:center;text-align:center;line-height:1.15}.liste{display:flex;flex-direction:column;background:var(--fl-karte);border:1px solid var(--linie);border-radius:var(--rund-l);overflow:hidden}.listen-eintrag{display:flex;align-items:center;gap:var(--raum-3);padding:var(--raum-4);min-height:var(--tippziel);text-align:start;width:100%;border-block-end:1px solid var(--linie);background:transparent;transition:background-color var(--zeit-schnell) var(--kurve-aus)}.listen-eintrag:last-child{border-block-end:none}button.listen-eintrag:hover{background:var(--fl-gedaempft)}.listen-eintrag-pfeil{color:var(--text-schwach);flex-shrink:0}:root[dir=rtl] .listen-eintrag-pfeil{transform:scaleX(-1)}.aufklapp>summary{list-style:none}.aufklapp>summary::-webkit-details-marker{display:none}.aufklapp-pfeil{display:inline-flex;flex-shrink:0;color:var(--text-schwach);transition:transform var(--zeit-schnell, .15s) ease}:root[dir=rtl] .aufklapp-pfeil{transform:scaleX(-1)}.aufklapp[open]>summary .aufklapp-pfeil,:root[dir=rtl] .aufklapp[open]>summary .aufklapp-pfeil{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.aufklapp-pfeil{transition:none}}.wahl{display:flex;align-items:flex-start;gap:var(--raum-3);width:100%;padding:var(--raum-4);border:2px solid var(--linie);border-radius:var(--rund-m);background:var(--fl-karte);text-align:start;min-height:var(--tippziel);transition:border-color var(--zeit-schnell) var(--kurve-aus),background-color var(--zeit-schnell) var(--kurve-aus),transform var(--zeit-schnell) var(--kurve-aus)}.wahl:hover:not(:disabled){border-color:var(--linie-stark)}.wahl:active:not(:disabled){transform:scale(.99)}.wahl[aria-pressed=true],.wahl[aria-checked=true],.wahl--gewaehlt{border-color:var(--fuehrung);background:var(--fuehrung-flaeche)}.wahl--richtig{border-color:var(--erfolg);background:var(--erfolg-flaeche)}.wahl--falsch{border-color:var(--gefahr);background:var(--gefahr-flaeche)}.wahl--verpasst{border-color:var(--achtung);background:var(--achtung-flaeche);border-style:dashed}.wahl-marke{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--linie-stark);display:grid;place-items:center;font-size:var(--gr-xs);font-weight:var(--fett-stark);color:var(--text-schwach);margin-block-start:1px}.wahl-marke--eckig{border-radius:var(--rund-s)}.wahl[aria-pressed=true] .wahl-marke,.wahl[aria-checked=true] .wahl-marke,.wahl--gewaehlt .wahl-marke{background:var(--fuehrung);border-color:var(--fuehrung);color:var(--text-invers)}.wahl--richtig .wahl-marke{background:var(--erfolg);border-color:var(--erfolg);color:var(--text-invers)}.wahl--falsch .wahl-marke{background:var(--gefahr);border-color:var(--gefahr);color:var(--text-invers)}.wahl-text{flex:1;min-width:0}.feld{display:flex;flex-direction:column;gap:var(--raum-2)}.feld-etikett{font-size:var(--gr-s);font-weight:var(--fett-halb);color:var(--text-leise)}.eingabe,.textfeld,.auswahl{width:100%;padding:var(--raum-3) var(--raum-4);min-height:var(--tippziel);border:2px solid var(--linie);border-radius:var(--rund-m);background:var(--fl-karte);color:var(--text-stark);transition:border-color var(--zeit-schnell) var(--kurve-aus)}.eingabe:focus,.textfeld:focus,.auswahl:focus{border-color:var(--fuehrung);outline:none}.textfeld{min-height:140px;resize:vertical;line-height:var(--zeile-normal);font-family:inherit}.auswahl{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-leise) 50%),linear-gradient(135deg,var(--text-leise) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 15px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-end:var(--raum-10)}:root[dir=rtl] .auswahl{background-position:20px calc(50% + 2px),25px calc(50% + 2px);padding-inline-end:var(--raum-4);padding-inline-start:var(--raum-10)}.regler{width:100%;height:var(--tippziel);appearance:none;background:transparent}.regler::-webkit-slider-runnable-track{height:8px;border-radius:var(--rund-voll);background:var(--fl-gedaempft)}.regler::-webkit-slider-thumb{appearance:none;width:30px;height:30px;margin-block-start:-11px;border-radius:50%;background:var(--verlauf-fuehrung);border:3px solid var(--fl-karte);box-shadow:var(--schatten-2);cursor:pointer}.regler::-moz-range-track{height:8px;border-radius:var(--rund-voll);background:var(--fl-gedaempft)}.regler::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--fuehrung);border:3px solid var(--fl-karte);box-shadow:var(--schatten-2);cursor:pointer}.schalter{position:relative;width:52px;height:30px;border-radius:var(--rund-voll);background:var(--linie-stark);transition:background-color var(--zeit-normal) var(--kurve-aus);flex-shrink:0}.schalter[data-an=true]{background:var(--fuehrung)}.schalter:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:var(--fl-karte);box-shadow:var(--schatten-1);transition:transform var(--zeit-normal) var(--kurve)}.schalter[data-an=true]:after{transform:translate(22px)}:root[dir=rtl] .schalter[data-an=true]:after{transform:translate(-22px)}.navleiste{position:fixed;inset-block-end:0;inset-inline:0;z-index:40;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--leiste-hoehe) + var(--sicher-unten));padding-block-end:var(--sicher-unten);background:color-mix(in srgb,var(--fl-karte) 88%,transparent);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-block-start:1px solid var(--linie)}@media(min-width:900px){.navleiste{max-width:var(--breite-inhalt);margin-inline:auto;inset-block-end:var(--raum-4);border-radius:var(--rund-xl);border:1px solid var(--linie);box-shadow:var(--schatten-3);height:var(--leiste-hoehe);padding-block-end:0}}.navknopf{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--gr-xs);font-weight:var(--fett-medium);color:var(--text-schwach);position:relative;transition:color var(--zeit-schnell) var(--kurve-aus);-webkit-tap-highlight-color:transparent}.navknopf[aria-current=page]{color:var(--fuehrung);font-weight:var(--fett-halb)}.navknopf[aria-current=page]:before{content:"";position:absolute;inset-block-start:0;width:28px;height:3px;border-radius:var(--rund-voll);background:var(--verlauf-fuehrung)}.navknopf-punkt{position:absolute;inset-block-start:8px;inset-inline-start:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:var(--akzent);border:2px solid var(--fl-karte)}.kopf{position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;gap:var(--raum-3);padding:calc(var(--sicher-oben) + var(--raum-3)) var(--raum-4) var(--raum-3);background:color-mix(in srgb,var(--fl-grund) 86%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-end:1px solid transparent;transition:border-color var(--zeit-normal) var(--kurve-aus)}.kopf--getrennt{border-block-end-color:var(--linie)}.kopf-titel{font-size:var(--gr-l);font-weight:var(--fett-halb);color:var(--text-stark);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zurueck-knopf{display:grid;place-items:center;width:var(--tippziel);height:var(--tippziel);border-radius:var(--rund-m);color:var(--text-normal);flex-shrink:0;margin-inline-start:calc(var(--raum-2) * -1)}.zurueck-knopf:hover{background:var(--fl-gedaempft)}:root[dir=rtl] .zurueck-knopf svg{transform:scaleX(-1)}.logo-leiste{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--raum-2);padding:var(--raum-4);opacity:.92}.logo-bilder{display:flex;align-items:center;justify-content:center}.logo-leiste img{width:auto;object-fit:contain}.marke-slogan{margin:0;font-size:var(--gr-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--fuehrung);text-align:center}:root[lang=ar] .marke-slogan{text-transform:none;letter-spacing:normal}.logo-hell{display:none}:root[data-farbschema=dunkel] .logo-dunkel{display:none}:root[data-farbschema=dunkel] .logo-hell{display:block}@media(prefers-color-scheme:dark){:root[data-farbschema=system] .logo-dunkel{display:none}:root[data-farbschema=system] .logo-hell{display:block}}.mentor{position:relative;overflow:hidden;border-radius:var(--rund-xl);box-shadow:var(--schatten-3);background:var(--fl-karte);border:1px solid var(--linie);isolation:isolate}.mentor-bild{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center 16%;display:block}.mentor-text{position:absolute;inset-block-end:0;inset-inline:0;padding:var(--raum-10) var(--raum-5) var(--raum-5);background:linear-gradient(to top,rgb(4 22 31 / .94) 0%,rgb(4 22 31 / .74) 42%,rgb(4 22 31 / .18) 78%,transparent 100%);color:#f0f7fb}.mentor-spruch{font-size:var(--gr-2xl);font-weight:var(--fett-stark);letter-spacing:-.028em;line-height:1.12;color:#fff;margin-block-end:var(--raum-2);text-shadow:0 1px 12px rgb(0 0 0 / .35)}.mentor-spruch em{display:block;font-style:italic;font-weight:var(--fett-halb);color:var(--marke-gruen-akzent);letter-spacing:-.01em}.mentor-unter{font-size:var(--gr-m);line-height:var(--zeile-normal);color:#f0f7fbdb;max-width:34ch}.mentor--ersatz{border:none;padding:var(--raum-8) var(--raum-6) var(--raum-7);color:#eaf4f9;background:radial-gradient(90% 120% at 88% 8%,rgb(169 221 111 / .22),transparent 62%),radial-gradient(120% 100% at 5% 100%,rgb(162 99 109 / .28),transparent 58%),linear-gradient(155deg,#0f7091,#084d6c 46%,#05293a)}.mentor--ersatz:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(102deg,transparent 46%,rgb(255 255 255 / .07) 47%,transparent 48%),linear-gradient(102deg,transparent 61%,rgb(255 255 255 / .05) 62%,transparent 63%),linear-gradient(102deg,transparent 74%,rgb(255 255 255 / .04) 75%,transparent 76%)}.mentor--ersatz .mentor-spruch{color:#fff}.mentor--ersatz .mentor-unter{color:#eaf4f9d1}.mentor-marke{position:absolute;inset-block-end:var(--raum-4);inset-inline-end:var(--raum-5);font-size:var(--gr-xs);letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;font-weight:var(--fett-halb)}.ampel-punkt{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.ampel-rot{color:var(--gefahr);background:currentColor}.ampel-gelb{color:var(--achtung);background:currentColor}.ampel-gruen{color:var(--erfolg);background:currentColor}.hinweis{display:flex;gap:var(--raum-3);padding:var(--raum-4);border-radius:var(--rund-m);font-size:var(--gr-m);line-height:var(--zeile-normal);border:1px solid}.hinweis--neutral{background:var(--fl-gedaempft);border-color:var(--linie);color:var(--text-normal)}.hinweis--info{background:var(--fuehrung-flaeche);border-color:var(--fuehrung-rand);color:var(--text-normal)}.hinweis--erfolg{background:var(--erfolg-flaeche);border-color:var(--erfolg-rand);color:var(--text-normal)}.hinweis--achtung{background:var(--achtung-flaeche);border-color:var(--achtung-rand);color:var(--text-normal)}.hinweis--gefahr{background:var(--gefahr-flaeche);border-color:var(--gefahr-rand);color:var(--text-normal)}.hinweis-symbol{flex-shrink:0;margin-block-start:1px}.kleingedruckt{font-size:var(--gr-xs);color:var(--text-schwach);line-height:var(--zeile-normal);letter-spacing:.005em}.schwach{font-size:var(--gr-s)}.leise{color:var(--text-leise);font-size:var(--gr-m)}.schwach{color:var(--text-schwach);font-size:var(--gr-s)}.stark{color:var(--text-stark);font-weight:var(--fett-halb)}.zeilen-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.zahl{font-family:var(--schrift-zahlen);font-variant-numeric:tabular-nums;font-weight:var(--fett-stark);letter-spacing:-.02em}.lernhilfe{margin-block-start:var(--raum-2);padding-block-start:var(--raum-2);border-block-start:1px dashed var(--linie-stark);font-family:var(--schrift-arabisch);font-size:var(--gr-m);line-height:var(--zeile-weit);color:var(--text-leise);direction:rtl;text-align:right}.dialog-grund{position:fixed;inset:0;z-index:60;background:#0410188c;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:var(--raum-4);animation:einblenden var(--zeit-normal) var(--kurve-aus)}@media(min-width:640px){.dialog-grund{align-items:center}}.dialog{width:100%;max-width:440px;background:var(--fl-karte);border-radius:var(--rund-xl);padding:var(--raum-6);box-shadow:var(--schatten-4);animation:hochschieben var(--zeit-normal) var(--kurve);max-height:86dvh;overflow-y:auto}@keyframes einblenden{0%{opacity:0}}@keyframes hochschieben{0%{transform:translateY(24px);opacity:0}}.erscheint{animation:erscheinen var(--zeit-ruhig) var(--kurve) backwards}@keyframes erscheinen{0%{opacity:0;transform:translateY(10px)}}.puls-einmal{animation:puls var(--zeit-ruhig) var(--kurve-aus)}@keyframes puls{50%{transform:scale(1.04)}}.rueckmeldung{border-radius:var(--rund-l);padding:var(--raum-4);border:1px solid;animation:erscheinen var(--zeit-normal) var(--kurve) backwards}.rueckmeldung--richtig{background:var(--erfolg-flaeche);border-color:var(--erfolg-rand)}.rueckmeldung--teilweise{background:var(--achtung-flaeche);border-color:var(--achtung-rand)}.rueckmeldung--falsch{background:var(--gefahr-flaeche);border-color:var(--gefahr-rand)}.rueckmeldung-kopf{display:flex;align-items:center;gap:var(--raum-2);font-weight:var(--fett-stark);font-size:var(--gr-l);margin-block-end:var(--raum-3)}.rueckmeldung--richtig .rueckmeldung-kopf{color:var(--erfolg)}.rueckmeldung--teilweise .rueckmeldung-kopf{color:var(--achtung)}.rueckmeldung--falsch .rueckmeldung-kopf{color:var(--gefahr)}.leer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--raum-3);padding:var(--raum-10) var(--raum-4);color:var(--text-leise)}.leer-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--fl-gedaempft);color:var(--text-schwach)}.skelett{background:linear-gradient(90deg,var(--fl-gedaempft) 25%,color-mix(in srgb,var(--fl-gedaempft) 55%,var(--fl-karte)) 50%,var(--fl-gedaempft) 75%);background-size:200% 100%;animation:schimmer 1.4s ease-in-out infinite;border-radius:var(--rund-s)}@keyframes schimmer{to{background-position:-200% 0}}.tabelle-huelle{overflow-x:auto;border-radius:var(--rund-m);border:1px solid var(--linie);-webkit-overflow-scrolling:touch}.inhalt-tabelle{width:100%;border-collapse:collapse;font-size:var(--gr-m);min-width:320px}.inhalt-tabelle th,.inhalt-tabelle td{padding:var(--raum-3);text-align:start;border-block-end:1px solid var(--linie);vertical-align:top}.inhalt-tabelle th{background:var(--fl-gedaempft);font-weight:var(--fett-halb);color:var(--text-stark);font-size:var(--gr-s)}.inhalt-tabelle tr:last-child td{border-block-end:none}.lerntext{display:flex;flex-direction:column;gap:var(--raum-4);line-height:var(--zeile-weit)}.lerntext p{color:var(--text-normal)}.block-merksatz{padding:var(--raum-4);border-radius:var(--rund-m);background:var(--fuehrung-flaeche);border-inline-start:4px solid var(--fuehrung);color:var(--text-normal)}.block-warnung{padding:var(--raum-4);border-radius:var(--rund-m);background:var(--gefahr-flaeche);border-inline-start:4px solid var(--gefahr);color:var(--text-normal)}.begriffe-raster{display:grid;gap:var(--raum-2)}.begriff-zeile{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-3);padding:var(--raum-3);border-radius:var(--rund-s);background:var(--fl-gedaempft);font-size:var(--gr-m)}.begriff-fach{font-weight:var(--fett-halb);color:var(--text-stark)}.begriff-laie{color:var(--text-leise)}.sortier-element{display:flex;align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4);background:var(--fl-karte);border:2px solid var(--linie);border-radius:var(--rund-m);min-height:var(--tippziel)}.sortier-nummer{width:28px;height:28px;border-radius:50%;background:var(--fuehrung-flaeche);color:var(--fuehrung);display:grid;place-items:center;font-weight:var(--fett-stark);font-size:var(--gr-s);flex-shrink:0}.sortier-knopf{width:38px;height:38px;border-radius:var(--rund-s);display:grid;place-items:center;color:var(--text-leise);background:var(--fl-gedaempft);flex-shrink:0}.sortier-knopf:disabled{opacity:.3}.verlauf-diagramm{width:100%;height:130px;overflow:visible}.verlauf-flaeche{fill:url(#verlaufFuellung)}.verlauf-linie{fill:none;stroke:var(--fuehrung);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.verlauf-punkt{fill:var(--fuehrung);stroke:var(--fl-karte);stroke-width:2}.verlauf-achse{font-size:.625rem;fill:var(--text-schwach)}.radar-schrift{font-size:.6875rem;font-weight:var(--fett-medium);fill:var(--text-leise)}:root[data-farbschema=dunkel] .held{border:1px solid rgb(120 200 235 / .16);box-shadow:var(--schatten-4),inset 0 1px #ffffff0f}@media(prefers-color-scheme:dark){:root[data-farbschema=system] .held{border:1px solid rgb(120 200 235 / .16);box-shadow:var(--schatten-4),inset 0 1px #ffffff0f}}:root[data-farbschema=dunkel] .held .knopf--zweit,:root[data-farbschema=system] .held .knopf--zweit{background:#ffffff1a;color:#eaf4f9;border-color:#ffffff38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:none}:root[data-farbschema=dunkel] .held .knopf--zweit:hover:not(:disabled),:root[data-farbschema=system] .held .knopf--zweit:hover:not(:disabled){background:#ffffff29;border-color:#ffffff57}.abschnitt-titel{display:flex;align-items:center;gap:var(--raum-3);margin-block:var(--raum-3) calc(var(--raum-2) * -1);font-size:var(--gr-s);font-weight:var(--fett-halb);letter-spacing:.07em;text-transform:uppercase;color:var(--text-schwach)}.abschnitt-titel:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--linie),transparent)}:root[dir=rtl] .abschnitt-titel:after{background:linear-gradient(to left,var(--linie),transparent)}.leer-karte{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--raum-3);padding:var(--raum-6) var(--raum-4);border-radius:var(--rund-l);border:1px dashed var(--linie-stark);background:linear-gradient(160deg,var(--fl-gedaempft),transparent 70%);color:var(--text-leise)}.leer-karte-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--fl-karte);border:1px solid var(--linie);color:var(--text-schwach)}:root[dir=rtl] .listen-eintrag-pfeil svg,:root[dir=rtl] .zurueck-knopf svg,:root[dir=rtl] .knopf svg.richtungspfeil,:root[dir=rtl] .navknopf svg.richtungspfeil{transform:scaleX(-1)}