:root{color-scheme:light dark;--schrift: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-caption2: .6875rem;--t-caption: .75rem;--t-footnote: .8125rem;--t-callout: .9375rem;--t-body: 1.0625rem;--t-headline: 1.25rem;--t-title3: 1.5rem;--t-title2: 1.75rem;--t-title1: 2.125rem;--gewicht-normal: 400;--gewicht-mittel: 500;--gewicht-halb: 600;--gewicht-fett: 700;--zeile-eng: 1.2;--zeile-text: 1.5;--zeile-weit: 1.6;--sperr-titel: -.022em;--sperr-gross: -.012em;--sperr-klein: .006em;--a-1: .25rem;--a-2: .5rem;--a-3: .75rem;--a-4: 1rem;--a-5: 1.25rem;--a-6: 1.5rem;--a-8: 2rem;--a-10: 2.5rem;--a-14: 3.5rem;--a-18: 4.5rem;--r-klein: 8px;--r-feld: 12px;--r-karte: 16px;--r-gross: 22px;--r-rund: 999px;--breite-inhalt: 61rem;--breite-text: 38rem;--ziel-min: 2.75rem;--zeit-schnell: .14s;--zeit-normal: .22s;--zeit-ruhig: .38s;--kurve: cubic-bezier(.32, .72, 0, 1);--kurve-feder: cubic-bezier(.34, 1.4, .64, 1);--grund: #fbfbfd;--flaeche: #ffffff;--flaeche-2: #f2f2f7;--flaeche-3: #e8e8ee;--linie: #e3e3e8;--linie-stark: #cfcfd6;--text: #1d1d1f;--text-2: #4a4a4f;--text-3: #6e6e73;--text-schwach: #8e8e93;--akzent: #0071e3;--akzent-tief: #0058b9;--akzent-flaeche: #0071e3;--auf-akzent: #ffffff;--akzent-text: #0062c4;--akzent-hauch: #eef5fe;--akzent-rand: #cfe2fb;--gut: #067647;--gut-hauch: #e9f8f0;--warn: #8a5a00;--warn-hauch: #fdf5e4;--warn-rand: #f0dcae;--schlecht: #c30d14;--schlecht-hauch: #fdeeed;--schatten-1: 0 1px 2px rgb(0 0 0 / .04), 0 1px 3px rgb(0 0 0 / .05);--schatten-2: 0 2px 6px rgb(0 0 0 / .05), 0 10px 28px rgb(0 0 0 / .06);--schatten-3: 0 8px 20px rgb(0 0 0 / .09), 0 24px 60px rgb(0 0 0 / .12);--schleier: rgb(251 251 253 / .72);--ring: 0 0 0 4px rgb(0 113 227 / .3)}@media (prefers-color-scheme: dark){:root:not([data-thema=hell]){--grund: #000000;--flaeche: #1c1c1e;--flaeche-2: #2c2c2e;--flaeche-3: #3a3a3c;--linie: #38383a;--linie-stark: #4a4a4c;--text: #f5f5f7;--text-2: #c2c2c7;--text-3: #9a9aa0;--text-schwach: #8a8a90;--akzent: #0a84ff;--akzent-tief: #409cff;--akzent-text: #63b0ff;--akzent-flaeche:#0a6ed8;--auf-akzent: #ffffff;--akzent-hauch: #10243a;--akzent-rand: #1c3f66;--gut: #4ade80;--gut-hauch: #0f2a1c;--warn: #ffd60a;--warn-hauch: #2e2408;--warn-rand: #574512;--schlecht: #ff6961;--schlecht-hauch: #33110f;--schatten-1: 0 1px 2px rgb(0 0 0 / .6);--schatten-2: 0 2px 8px rgb(0 0 0 / .55), 0 12px 32px rgb(0 0 0 / .45);--schatten-3: 0 10px 30px rgb(0 0 0 / .7);--schleier: rgb(0 0 0 / .66);--ring: 0 0 0 4px rgb(10 132 255 / .42)}}:root[data-thema=dunkel]{--grund: #000000;--flaeche: #1c1c1e;--flaeche-2: #2c2c2e;--flaeche-3: #3a3a3c;--linie: #38383a;--linie-stark: #4a4a4c;--text: #f5f5f7;--text-2: #c2c2c7;--text-3: #9a9aa0;--text-schwach: #8a8a90;--akzent: #0a84ff;--akzent-tief: #409cff;--akzent-text: #63b0ff;--akzent-flaeche: #0a6ed8;--auf-akzent: #ffffff;--akzent-hauch: #10243a;--akzent-rand: #1c3f66;--gut: #4ade80;--gut-hauch: #0f2a1c;--warn: #ffd60a;--warn-hauch: #2e2408;--warn-rand: #574512;--schlecht: #ff6961;--schlecht-hauch: #33110f;--schatten-1: 0 1px 2px rgb(0 0 0 / .6);--schatten-2: 0 2px 8px rgb(0 0 0 / .55), 0 12px 32px rgb(0 0 0 / .45);--schatten-3: 0 10px 30px rgb(0 0 0 / .7);--schleier: rgb(0 0 0 / .66);--ring: 0 0 0 4px rgb(10 132 255 / .42)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;min-height:100dvh;background:var(--grund);color:var(--text);font-family:var(--schrift);font-size:var(--t-body);line-height:var(--zeile-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}h1,h2,h3,h4{margin:0;font-weight:var(--gewicht-fett);line-height:var(--zeile-eng)}h1{font-size:clamp(1.875rem,6.5vw,var(--t-title1));letter-spacing:var(--sperr-titel)}h2{font-size:clamp(1.5rem,5.5vw,var(--t-title2));letter-spacing:var(--sperr-titel)}h3{font-size:var(--t-headline);letter-spacing:var(--sperr-gross);font-weight:var(--gewicht-halb)}p{margin:0}a{color:var(--akzent-text);text-decoration:none}a:hover{text-decoration:underline}img,svg,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--r-klein)}:where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}.sprung{position:absolute;left:var(--a-2);top:var(--a-2);z-index:200;padding:var(--a-2) var(--a-4);background:var(--flaeche);color:var(--text);border-radius:var(--r-feld);box-shadow:var(--schatten-2);transform:translateY(-160%);transition:transform var(--zeit-schnell) var(--kurve)}.sprung:focus{transform:translateY(0)}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.huelle{width:100%;max-width:var(--breite-inhalt);margin-inline:auto;padding-inline:var(--a-5)}.spalte{display:flex;flex-direction:column}.zeile{display:flex;align-items:center}.dehnen{flex:1 1 auto;min-width:0}.lesbar{max-width:var(--breite-text)}.stapel>*+*{margin-top:var(--a-4)}.stapel-eng>*+*{margin-top:var(--a-2)}.stapel-weit>*+*{margin-top:var(--a-8)}.ueber{font-size:var(--t-caption);font-weight:var(--gewicht-halb);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.leise{color:var(--text-2)}.leiser{color:var(--text-3)}.klein{font-size:var(--t-footnote)}.zahl{font-variant-numeric:tabular-nums}@keyframes ein{0%{opacity:0}to{opacity:1}}@keyframes ein-hoch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ein{animation:ein var(--zeit-normal) var(--kurve) both}.ein-hoch{animation:ein-hoch var(--zeit-ruhig) var(--kurve) both}.nur-schmal{display:none!important}@media (max-width: 44rem){.nur-breit{display:none!important}.nur-schmal{display:inline-flex!important}}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-karte);box-shadow:var(--schatten-1)}.karte-gross{border-radius:var(--r-gross)}.karte-still{box-shadow:none}.karte-hauch{background:var(--akzent-hauch);border-color:var(--akzent-rand)}.polster{padding:var(--a-5)}.polster-gr{padding:var(--a-6)}@media (max-width: 34rem){.polster,.polster-gr{padding:var(--a-4)}}.knopf{--knopf-grund: transparent;--knopf-text: var(--akzent-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--a-2);min-height:var(--ziel-min);padding:var(--a-3) var(--a-5);border:1px solid transparent;border-radius:var(--r-rund);background:var(--knopf-grund);color:var(--knopf-text);font-size:var(--t-callout);font-weight:var(--gewicht-mittel);text-align:center;transition:background var(--zeit-schnell) var(--kurve),transform var(--zeit-schnell) var(--kurve),opacity var(--zeit-schnell) var(--kurve)}.knopf:active{transform:scale(.975)}.knopf[disabled],.knopf[aria-disabled=true]{opacity:.45;pointer-events:none}.knopf-haupt{--knopf-grund: var(--akzent-flaeche);--knopf-text: var(--auf-akzent);font-weight:var(--gewicht-halb)}.knopf-haupt:hover{--knopf-grund: color-mix(in srgb, var(--akzent-flaeche) 86%, #000)}.knopf-weich{--knopf-grund: var(--flaeche-2);--knopf-text: var(--text)}.knopf-weich:hover{--knopf-grund: var(--flaeche-3)}.knopf-rand{--knopf-text: var(--text);border-color:var(--linie-stark)}.knopf-rand:hover{--knopf-grund: var(--flaeche-2)}.knopf-still:hover{--knopf-grund: color-mix(in srgb, var(--akzent) 8%, transparent)}.knopf-breit{width:100%}.knopf-klein{min-height:2.25rem;padding:var(--a-2) var(--a-4);font-size:var(--t-footnote)}.symbolknopf{display:inline-flex;align-items:center;justify-content:center;width:var(--ziel-min);height:var(--ziel-min);border:1px solid var(--linie);border-radius:var(--r-rund);background:var(--flaeche);color:var(--text-2);transition:color var(--zeit-schnell) var(--kurve),border-color var(--zeit-schnell) var(--kurve),background var(--zeit-schnell) var(--kurve)}.symbolknopf:hover{color:var(--akzent-text);border-color:var(--akzent)}.symbolknopf[aria-pressed=true]{color:var(--schlecht);border-color:var(--schlecht);background:var(--schlecht-hauch)}.segmente{display:inline-flex;gap:2px;padding:3px;background:var(--flaeche-2);border-radius:var(--r-rund)}.segment{min-height:2.125rem;padding:var(--a-1) var(--a-4);border:none;border-radius:var(--r-rund);background:transparent;color:var(--text-2);font-size:var(--t-footnote);font-weight:var(--gewicht-normal);white-space:nowrap;transition:background var(--zeit-schnell) var(--kurve),color var(--zeit-schnell) var(--kurve)}.segment[aria-selected=true],.segment[aria-pressed=true]{background:var(--flaeche);color:var(--text);font-weight:var(--gewicht-halb);box-shadow:var(--schatten-1)}.feld{width:100%;min-height:var(--ziel-min);padding:var(--a-3) var(--a-4);background:var(--flaeche-2);border:1px solid transparent;border-radius:var(--r-feld);color:var(--text);font-size:var(--t-body);transition:background var(--zeit-schnell) var(--kurve),border-color var(--zeit-schnell) var(--kurve),box-shadow var(--zeit-schnell) var(--kurve)}.feld::placeholder{color:var(--text-3)}.feld:focus{outline:none;background:var(--flaeche);border-color:var(--akzent);box-shadow:var(--ring)}.feld-blank{background:transparent;border-color:transparent;padding-inline:0}.feld-blank:focus{background:transparent;border-color:transparent;box-shadow:none}.beschriftung{display:block;margin-bottom:var(--a-2);font-size:var(--t-footnote);font-weight:var(--gewicht-mittel);color:var(--text-2)}.marke{display:inline-flex;align-items:center;gap:var(--a-1);padding:3px var(--a-2);border-radius:var(--r-rund);background:var(--flaeche-2);color:var(--text-2);font-size:var(--t-caption2);font-weight:var(--gewicht-halb);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.marke-gut{background:var(--gut-hauch);color:var(--gut)}.marke-warn{background:var(--warn-hauch);color:var(--warn)}.marke-schlecht{background:var(--schlecht-hauch);color:var(--schlecht)}.marke-akzent{background:var(--akzent-hauch);color:var(--akzent-text)}.hinweisband{display:flex;gap:var(--a-3);align-items:flex-start;padding:var(--a-3) var(--a-4);border-radius:var(--r-feld);font-size:var(--t-footnote);line-height:var(--zeile-text)}.hinweisband-gut{background:var(--gut-hauch);color:var(--gut)}.hinweisband-warn{background:var(--warn-hauch);color:var(--warn);border:1px solid var(--warn-rand)}.hinweisband-schlecht{background:var(--schlecht-hauch);color:var(--schlecht)}.hinweisband-akzent{background:var(--akzent-hauch);color:var(--text);border:1px solid var(--akzent-rand)}.kachel{display:flex;flex-direction:column;gap:var(--a-1);padding:var(--a-4);text-align:left;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--r-feld);color:inherit;transition:border-color var(--zeit-schnell) var(--kurve),background var(--zeit-schnell) var(--kurve),transform var(--zeit-schnell) var(--kurve),box-shadow var(--zeit-schnell) var(--kurve)}.kachel:hover{border-color:var(--linie-stark);transform:translateY(-1px)}.kachel[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-hauch);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 12%,transparent)}.kachel-titel{font-size:var(--t-callout);font-weight:var(--gewicht-halb)}.kachel-text{font-size:var(--t-caption);color:var(--text-2);line-height:1.4}.raster-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-4)}.raster-auto{display:grid;gap:var(--a-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.raster-breit{display:grid;gap:var(--a-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}@media (max-width: 40rem){.raster-2{grid-template-columns:1fr}}@keyframes schimmer{to{background-position-x:-200%}}.skelett{border-radius:var(--r-klein);background:linear-gradient(90deg,var(--flaeche-2) 0%,var(--flaeche-3) 40%,var(--flaeche-2) 80%);background-size:200% 100%;animation:schimmer 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.skelett{animation:none;background:var(--flaeche-2)}}.schritt-punkt{display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;flex:none;border-radius:var(--r-rund);background:var(--flaeche-2);color:var(--text-3);font-size:var(--t-caption);font-weight:var(--gewicht-halb);transition:background var(--zeit-normal) var(--kurve),color var(--zeit-normal) var(--kurve)}.schritt-punkt[data-stand=laeuft]{background:var(--akzent-flaeche);color:var(--auf-akzent)}.schritt-punkt[data-stand=fertig]{background:var(--gut);color:#fff}@keyframes kreisel{to{transform:rotate(360deg)}}.kreisel{width:1rem;height:1rem;flex:none;border:2px solid var(--linie);border-top-color:var(--akzent);border-radius:var(--r-rund);animation:kreisel .7s linear infinite}.ring-zahl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--t-headline);font-weight:var(--gewicht-fett);font-variant-numeric:tabular-nums}.balken{height:6px;border-radius:var(--r-rund);background:var(--flaeche-3);overflow:hidden}.balken>i{display:block;height:100%;border-radius:var(--r-rund);transition:width var(--zeit-ruhig) var(--kurve)}.schleier{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--a-4);background:var(--schleier);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.dialog{width:min(58rem,100%);max-height:min(86dvh,52rem);overflow:auto;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);box-shadow:var(--schatten-3)}.kopf{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--grund) 80%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--linie)}.kopf-inhalt{display:flex;align-items:center;justify-content:space-between;gap:var(--a-4);min-height:3.25rem}.wortmarke{font-size:var(--t-headline);font-weight:var(--gewicht-halb);letter-spacing:var(--sperr-gross);color:var(--text);background:none;border:none;padding:var(--a-1) var(--a-2);margin-inline-start:calc(var(--a-2) * -1)}.wortmarke span{color:var(--akzent)}.kopf-nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kopf-nav::-webkit-scrollbar{display:none}.angebot{overflow:hidden;transition:box-shadow var(--zeit-normal) var(--kurve),transform var(--zeit-normal) var(--kurve)}.angebot:hover{transform:translateY(-2px);box-shadow:var(--schatten-2)}.angebot-empfohlen{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent),var(--schatten-2)}.angebot-band{display:flex;align-items:center;gap:var(--a-2);padding:var(--a-2) var(--a-5);background:var(--akzent-flaeche);color:var(--auf-akzent);font-size:var(--t-footnote);font-weight:var(--gewicht-halb)}.angebot-kopf{display:grid;gap:var(--a-5);grid-template-columns:4.25rem minmax(0,1fr) minmax(8rem,auto);padding:var(--a-5)}.angebot-preis{text-align:right}.angebot-summe{font-size:var(--t-title3);font-weight:var(--gewicht-fett);letter-spacing:var(--sperr-gross)}.angebot-fuss{display:flex;align-items:center;gap:var(--a-2);flex-wrap:wrap;padding:var(--a-3) var(--a-5);border-top:1px solid var(--linie)}@media (max-width: 44rem){.angebot-kopf{grid-template-columns:3.5rem minmax(0,1fr);padding:var(--a-4)}.angebot-preis{grid-column:1 / -1;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--a-1) var(--a-4);padding-top:var(--a-3);border-top:1px dashed var(--linie)}.angebot-fuss{padding:var(--a-3) var(--a-4)}}.vergleichsleiste{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:max(var(--a-3),env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--a-3);max-width:calc(100vw - var(--a-8));padding:var(--a-2) var(--a-2) var(--a-2) var(--a-5);background:var(--text);color:var(--grund);border-radius:var(--r-rund);box-shadow:var(--schatten-3)}.vergleichsleiste .knopf-haupt{--knopf-grund: var(--akzent-flaeche)}.linie{height:1px;background:var(--linie);border:0;margin:0}.bildraster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a-3);margin:0;padding:0;list-style:none}@media (max-width: 760px){.bildraster{grid-template-columns:repeat(2,minmax(0,1fr))}}.duellpaar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-4)}@media (max-width: 560px){.duellpaar{grid-template-columns:1fr}}.bildkachel{display:block;width:100%;padding:0;overflow:hidden;cursor:pointer;background:var(--flaeche);border:2px solid var(--linie);border-radius:var(--r-feld);text-align:left;font:inherit;color:inherit;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease;min-height:44px}.bildkachel:hover{border-color:var(--linie-stark);transform:translateY(-1px)}.bildkachel:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.bildkachel-aktiv,.bildkachel[aria-pressed=true]{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hauch)}.bildkachel-titel{display:block;padding:var(--a-2) var(--a-3) var(--a-3);font-size:var(--t-footnote);font-weight:var(--gewicht-halb);line-height:1.3}.bildkachel-gross .bildkachel-titel{padding:var(--a-3) var(--a-4) var(--a-4);font-size:var(--t-callout)}.bildkachel-haken{float:right;color:var(--akzent-text);font-weight:var(--gewicht-mittel)}.fortschrittsleiste{height:6px;background:var(--linie);border-radius:999px;overflow:hidden}.fortschrittsleiste-fuellung{height:100%;background:var(--akzent);border-radius:999px;transition:width .2s ease}.textknopf{font:inherit;font-size:var(--t-footnote);font-weight:var(--gewicht-halb);color:var(--akzent-text);background:none;border:0;padding:var(--a-2);cursor:pointer;min-height:44px}.textknopf:hover{text-decoration:underline}.zielvorschlaege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--a-3);margin:0;padding:0;list-style:none}@media (max-width: 760px){.zielvorschlaege{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.zielvorschlaege{grid-template-columns:1fr}}.zielvorschlag{display:block;width:100%;min-height:44px;cursor:pointer;text-align:left;font:inherit;color:inherit;background:var(--flaeche);border:2px solid var(--linie);border-radius:var(--r-feld);padding:var(--a-3) var(--a-4);transition:border-color .14s ease,transform .14s ease}.zielvorschlag:hover{border-color:var(--akzent);transform:translateY(-1px)}.zielvorschlag:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.zielvorschlag-ort{display:block;font-size:var(--t-callout);font-weight:var(--gewicht-halb);line-height:1.25}