:root{--nacht:#0c1526;--nacht-2:#111c33;--hell-grund:#f5f7fc;--akzent:#2f6bff;--akzent-rgb:47, 107, 255;--indigo:#6d4bff;--indigo-rgb:109, 75, 255;--cyan:#22d3ee;--cyan-rgb:34, 211, 238;--verlauf:linear-gradient(120deg, var(--akzent) 0%, var(--indigo) 48%, var(--cyan) 100%);--verlauf-weich:linear-gradient(120deg, #3b74ff 0%, #7a5cff 55%, #3fdcf0 100%);--schrift:-apple-system, "SF Pro Display", "SF Pro Text", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--radius-l:28px;--radius-m:20px;--radius-s:14px;--dauer:.2s;--kurve:cubic-bezier(.2, .8, .2, 1);--auf-verlauf:#fff}:root,html[data-thema=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--nacht);--fg:#fff;--fg-2:#ffffffc2;--fg-3:#ffffff94;--fg-4:#ffffff42;--glas:#ffffff0e;--glas-stark:#ffffff1a;--glas-rand:#ffffff24;--glas-licht:#ffffff4d;--linie:#ffffff1a;--eyebrow:#8be9f7;--ok:#34d399;--warn:#fbbf24;--kritisch:#fb7185;--schatten:0 40px 90px -36px #0000009e;--schatten-klein:0 18px 40px -20px #0009;--fokus:0 0 0 3px rgba(var(--cyan-rgb), .6);--licht-staerke:1;--rauschen:.075;--vignette:#0206105c}html[data-thema=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--hell-grund);--fg:#0c1526;--fg-2:#3b465f;--fg-3:#5c6782;--fg-4:#a5adc2;--glas:#ffffff94;--glas-stark:#ffffffc2;--glas-rand:#0c152617;--glas-licht:#fff;--linie:#0c152614;--eyebrow:var(--akzent);--ok:#14874a;--warn:#b45309;--kritisch:#be123c;--schatten:0 30px 70px -34px #0c152652;--schatten-klein:0 14px 30px -18px #0c15264d;--fokus:0 0 0 3px rgba(var(--akzent-rgb), .45);--licht-staerke:.45;--rauschen:.06;--vignette:#0c152612}@media (prefers-color-scheme:light){html:not([data-thema]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--hell-grund);--fg:#0c1526;--fg-2:#3b465f;--fg-3:#5c6782;--fg-4:#a5adc2;--glas:#ffffff94;--glas-stark:#ffffffc2;--glas-rand:#0c152617;--glas-licht:#fff;--linie:#0c152614;--eyebrow:var(--akzent);--ok:#14874a;--warn:#b45309;--kritisch:#be123c;--schatten:0 30px 70px -34px #0c152652;--schatten-klein:0 14px 30px -18px #0c15264d;--fokus:0 0 0 3px rgba(var(--akzent-rgb), .45);--licht-staerke:.45;--rauschen:.06;--vignette:#0c152612}}.lg,.lg *,.lg :before,.lg :after{box-sizing:border-box}.lg{font-family:var(--schrift);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-feature-settings:"tnum" 1, "kern" 1;-webkit-tap-highlight-color:transparent}.lg-zahl{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.lg :focus-visible{box-shadow:var(--fokus);outline:none}.lg-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--eyebrow);font-size:12px;font-weight:700;line-height:1.4}.lg-titel{letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:800;line-height:.98}.lg-titel em,.lg-verlauf-text{background:var(--verlauf-weich);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.04em;font-style:normal}.lg-text{color:var(--fg-2);text-wrap:pretty;max-width:65ch;margin:0;font-size:17px;line-height:1.5}.lg-leise{color:var(--fg-3)}.lg-buehne{isolation:isolate;background:var(--bg);position:relative;overflow:hidden}.lg-buehne-fest{z-index:-1;pointer-events:none;position:fixed;inset:0}.lg-licht{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lg-licht i{filter:blur(70px);opacity:var(--licht-staerke);border-radius:50%;display:block;position:absolute}.lg-licht .l1{aspect-ratio:1;background:radial-gradient(closest-side, rgba(var(--akzent-rgb), .72), rgba(var(--akzent-rgb), 0) 72%);width:min(980px,120vw);top:-22%;left:-18%}.lg-licht .l2{aspect-ratio:1;background:radial-gradient(closest-side, rgba(var(--indigo-rgb), .58), rgba(var(--indigo-rgb), 0) 72%);width:min(900px,110vw);top:18%;right:-20%}.lg-licht .l3{aspect-ratio:1;background:radial-gradient(closest-side, rgba(var(--cyan-rgb), .36), rgba(var(--cyan-rgb), 0) 72%);width:min(820px,100vw);bottom:-30%;left:12%}.lg-licht .l4{filter:blur(40px);background:radial-gradient(60% 100% at 50% 100%, rgba(var(--akzent-rgb), .35), rgba(var(--akzent-rgb), 0));border-radius:0;height:40%;bottom:-24%;left:0;right:0}.lg-rauschen{pointer-events:none;opacity:var(--rauschen);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:320px 320px;position:absolute;inset:0}.lg-vignette{pointer-events:none;background:radial-gradient(125% 95% at 50% 42%, transparent 58%, var(--vignette) 100%);position:absolute;inset:0}.lg-glas{background:var(--glas);border:1px solid var(--glas-rand);border-radius:var(--radius-l);-webkit-backdrop-filter:blur(34px)saturate(170%);backdrop-filter:blur(34px)saturate(170%);box-shadow:var(--schatten), inset 0 1px 0 var(--glas-licht)}.lg-refrakt{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}.lg-knopf{appearance:none;border:1px solid var(--glas-rand);min-width:44px;min-height:44px;font:600 15px/1 var(--schrift);color:var(--fg);background:var(--glas-stark);cursor:pointer;letter-spacing:-.005em;-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);transition:transform var(--dauer) var(--kurve), background var(--dauer) var(--kurve);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.lg-knopf:hover{background:var(--glas-rand)}.lg-knopf:active{transform:scale(.97)}.lg-knopf-akzent{background:var(--verlauf);color:var(--auf-verlauf);box-shadow:0 14px 30px -12px rgba(var(--akzent-rgb), .7), inset 0 1px 0 #ffffff59;border-color:#0000}.lg-knopf-akzent:hover{background:var(--verlauf);filter:brightness(1.06)}.lg-feld{font:500 16px/1.2 var(--schrift);color:var(--fg);background:var(--glas);border:1px solid var(--glas-rand);border-radius:999px;outline:none;width:100%;min-height:48px;padding:0 18px}.lg-feld::placeholder{color:var(--fg-3)}.lg-feld:focus-visible{box-shadow:var(--fokus)}.lg-nur-leser{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){.lg *,.lg :before,.lg :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--nacht:#0e2134;--nacht-2:#16324a;--nacht-3:#21445f;--hell-grund:#f4f7fb;--marine:#16324a;--akzent:#2f8cff;--akzent-rgb:47, 140, 255;--indigo:#3fb8ff;--indigo-rgb:63, 184, 255;--cyan:#7de8ff;--cyan-rgb:125, 232, 255;--azur-text:#1769d6;--cyan-text:#45c8ff;--verlauf:linear-gradient(120deg, #2f8cff 0%, #3fb8ff 50%, #7de8ff 100%);--verlauf-weich:linear-gradient(120deg, #3d95ff 0%, #4cc0ff 55%, #8fecff 100%);--verlauf-text-hell:linear-gradient(120deg, #1769d6 0%, #0f7fbf 100%);--verlauf-knopf:linear-gradient(120deg, #1460c4 0%, #1769d6 100%)}:root,html[data-thema=dunkel]{--bg:var(--nacht);--fg:#fff;--fg-2:#ffffffc7;--fg-3:#ffffff9e;--fg-4:#ffffff42;--glas:#ffffff0f;--glas-stark:#ffffff1a;--glas-rand:#ffffff26;--glas-licht:#ffffff52;--linie:#ffffff1a;--eyebrow:var(--cyan-text);--link:var(--cyan-text);--ok:#34d399;--warn:#fbbf24;--kritisch:#fb7185;--fokus:0 0 0 3px rgba(var(--indigo-rgb), .6);--vignette:#02081061}html[data-thema=hell]{--bg:var(--hell-grund);--fg:#16324a;--fg-2:#3a4c5e;--fg-3:#5b6b7b;--fg-4:#a9b6c4;--glas:#ffffff9e;--glas-stark:#ffffffd1;--glas-rand:#16324a1c;--glas-licht:#fff;--linie:#16324a17;--eyebrow:var(--azur-text);--link:var(--azur-text);--ok:#14874a;--warn:#b45309;--kritisch:#be123c;--fokus:0 0 0 3px rgba(var(--akzent-rgb), .4);--vignette:#16324a12;--schatten:0 30px 70px -34px #16324a4d;--schatten-klein:0 14px 30px -18px #16324a42}@media (prefers-color-scheme:light){html:not([data-thema]){--bg:var(--hell-grund);--fg:#16324a;--fg-2:#3a4c5e;--fg-3:#5b6b7b;--fg-4:#a9b6c4;--glas:#ffffff9e;--glas-stark:#ffffffd1;--glas-rand:#16324a1c;--glas-licht:#fff;--linie:#16324a17;--eyebrow:var(--azur-text);--link:var(--azur-text);--ok:#14874a;--warn:#b45309;--kritisch:#be123c;--fokus:0 0 0 3px rgba(var(--akzent-rgb), .4);--vignette:#16324a12;--schatten:0 30px 70px -34px #16324a4d;--schatten-klein:0 14px 30px -18px #16324a42}}.lg a{color:var(--link)}.lg-knopf-akzent,.lg-knopf-akzent:hover{background:var(--verlauf-knopf)}.lg-knopf-akzent{box-shadow:0 14px 30px -12px rgba(var(--akzent-rgb), .55), inset 0 1px 0 #ffffff52}html[data-thema=hell] .lg-titel em,html[data-thema=hell] .lg-verlauf-text{background-image:var(--verlauf-text-hell)}@media (prefers-color-scheme:light){html:not([data-thema]) .lg-titel em,html:not([data-thema]) .lg-verlauf-text{background-image:var(--verlauf-text-hell)}}:root,html[data-thema=dunkel]{--glas-schein:#ffffff14}html[data-thema=hell]{--glas-schein:#ffffffbf}@media (prefers-color-scheme:light){html:not([data-thema]){--glas-schein:#ffffffbf}}.lg-glas{background:radial-gradient(120% 80% at 0% 0%, var(--glas-schein), transparent 55%), var(--glas)}.sfh-wortmarke{width:auto;height:32px;display:block}.sfh-home{color:var(--link);font-weight:700}
.lg-blatt-wurzel{z-index:1000;pointer-events:none;background:0 0;position:fixed;inset:0}.lg-blatt-wurzel[data-offen=true],.lg-blatt-wurzel[data-zieht=true]{pointer-events:auto}.lg-blatt-schleier{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0206106b;transition:opacity .42s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}html[data-thema=hell] .lg-blatt-schleier{background:#0c152638}.lg-blatt-wurzel[data-offen=true] .lg-blatt-schleier{opacity:1}.lg-blatt-flaeche{width:min(100%,580px);max-height:calc(100dvh - 40px - env(safe-area-inset-top));will-change:transform;touch-action:none;background:color-mix(in srgb, var(--nacht) 93%, transparent);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);box-shadow:0 -30px 80px -30px #0000008c, inset 0 1px 0 var(--glas-licht);border-bottom:0;border-radius:30px 30px 0 0;outline:none;flex-direction:column;margin:0 auto;transition:transform .46s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}html[data-thema=hell] .lg-blatt-flaeche{background:#fffffff0;box-shadow:0 -24px 60px -30px #0c152659,inset 0 1px #fff}.lg-blatt-wurzel[data-offen=true] .lg-blatt-flaeche{transform:translateY(0)}.lg-blatt-griff{cursor:grab;flex:none;place-items:center;height:30px;display:grid}.lg-blatt-griff i{background:var(--fg-4);border-radius:3px;width:40px;height:5px}.lg-blatt-kopf{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 10px 24px;display:flex}.lg-blatt-kopf h2{font:700 20px/1.2 var(--schrift);letter-spacing:-.02em;color:var(--fg);margin:0}.lg-blatt-zu{cursor:pointer;width:44px;height:44px;color:var(--fg-2);background:var(--glas);border:0;border-radius:50%;place-items:center;display:grid}.lg-blatt-zu svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.lg-blatt-inhalt{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 24px calc(24px + env(safe-area-inset-bottom));touch-action:pan-y;font:500 15px/1.55 var(--schrift);color:var(--fg-2);overflow:auto}.lg-blatt-wurzel[data-zieht=true] .lg-blatt-flaeche,.lg-blatt-wurzel[data-zieht=true] .lg-blatt-schleier{transition:none}@media (prefers-color-scheme:light){html:not([data-thema]) .lg-blatt-schleier{background:#0c152638}html:not([data-thema]) .lg-blatt-flaeche{background:#fffffff0;box-shadow:0 -24px 60px -30px #0c152659,inset 0 1px #fff}}.lg-dock{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:460px;height:98px;position:relative}.lg-dock-schatten,.lg-dock-rand{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lg-dock-schatten{filter:blur(18px);opacity:.55;width:calc(100% + 120px);height:calc(100% + 120px);inset:-60px;transform:translateY(16px)}.lg-dock-schatten path{fill:#020610b3}html[data-thema=hell] .lg-dock-schatten path{fill:#0c152659}.lg-dock-glas{background:var(--glas-stark);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lg-dock-glas:after{content:"";background:linear-gradient(#ffffff24,#fff0 55%);position:absolute;inset:0}.lg-dock-rand path{fill:none;stroke:var(--glas-rand);stroke-width:1px}.lg-dock-rand path+path{stroke:var(--glas-licht);stroke-width:1px;opacity:.55;-webkit-mask:linear-gradient(#000 0,#0000 60%);-webkit-mask:linear-gradient(#000,#0000 60%);mask:linear-gradient(#000,#0000 60%)}.lg-dock-reihe{height:64px;display:flex;position:absolute;top:34px;left:0;right:0}.lg-dock-reihe button{cursor:pointer;min-width:44px;color:var(--fg-3);font:600 11px/1 var(--schrift);letter-spacing:.02em;transition:color var(--dauer) var(--kurve);background:0 0;border:0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.lg-dock-reihe button:hover{color:var(--fg)}.lg-dock-reihe svg{width:22px;height:22px;transition:opacity var(--dauer) var(--kurve), transform var(--dauer) var(--kurve)}.lg-dock-eng .lg-dock-reihe button:not([aria-selected=true]) span{display:none}.lg-dock-reihe [aria-selected=true]{color:var(--fg);justify-content:flex-end;padding-bottom:9px}.lg-dock-reihe [aria-selected=true] svg{opacity:0;height:0;transform:translateY(-10px)scale(.6)}.lg-dock-reihe button{position:relative}.lg-dock-badge{min-width:18px;height:18px;font:800 10.5px/1 var(--schrift);color:#fff;background:var(--verlauf-knopf);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg);pointer-events:none;border-radius:999px;place-items:center;padding:0 5px;display:grid;position:absolute;top:6px;left:calc(50% + 6px)}.lg-dock-reihe [aria-selected=true] .lg-dock-badge{z-index:2;top:-26px;left:calc(50% + 12px)}.lg-dock-perle{width:50px;height:50px;color:var(--auf-verlauf);cursor:grab;background:var(--verlauf);box-shadow:0 12px 26px -10px rgba(var(--akzent-rgb), .8), inset 0 1px 0 #ffffff73, inset 0 -6px 12px -6px #00000040;touch-action:none;will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.lg-dock-perle:before{content:"";background:linear-gradient(#ffffff8c,#fff0);border-radius:50%;width:56%;height:34%;position:absolute;top:9%;left:22%}.lg-dock-perle:active{cursor:grabbing}.lg-dock-perle svg{width:22px;height:22px;position:relative}@media (prefers-color-scheme:light){html:not([data-thema]) .lg-dock-schatten path{fill:#0c152659}}.lg-dock-perle{background:var(--verlauf-knopf,var(--verlauf))}.lg-navbar{isolation:isolate;background:var(--glas);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);max-width:100%;box-shadow:var(--schatten), inset 0 1px 0 var(--glas-licht), inset 0 -1px 0 #ffffff0a;border-radius:999px;align-items:center;gap:2px;padding:6px;display:inline-flex;position:relative}.lg-navbar:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(#ffffff29,#fff0 46%);position:absolute;inset:0}.lg-navbar a,.lg-navbar button{z-index:2;min-height:44px;font:600 15px/1 var(--schrift);letter-spacing:-.01em;color:var(--fg-2);cursor:pointer;white-space:nowrap;transition:color var(--dauer) var(--kurve);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex;position:relative}.lg-navbar a:hover,.lg-navbar button:hover,.lg-navbar [aria-current]{color:var(--fg)}.lg-navbar-pille{z-index:1;pointer-events:none;background:var(--glas-stark);border:1px solid var(--glas-rand);width:0;box-shadow:inset 0 1px 0 var(--glas-licht), inset 0 -8px 16px -10px rgba(var(--cyan-rgb), .45), 0 10px 24px -12px rgba(var(--akzent-rgb), .55);border-radius:999px;position:absolute;top:6px;bottom:6px;left:0}.lg-navbar-pille:before{content:"";background:var(--verlauf);opacity:.9;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14%;right:14%}.lg-navbar{scrollbar-width:none;overscroll-behavior-x:contain;overflow-x:auto}.lg-navbar::-webkit-scrollbar{display:none}.lg-navbar a,.lg-navbar button{flex:none}@media (max-width:520px){.lg-navbar a,.lg-navbar button{padding:0 13px;font-size:14px}}.lg-bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;gap:24px;display:grid}.lg-kachel{border-radius:var(--radius-l);background:var(--glas);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);min-width:0;box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);transition:transform .25s var(--kurve), border-color .25s var(--kurve);flex-direction:column;gap:8px;margin:0;padding:24px;display:flex;position:relative;overflow:hidden}.lg-kachel:hover{border-color:color-mix(in srgb, var(--fg) 20%, transparent);transform:translateY(-2px)}.lg-kachel:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(120% 80% at 0 0,#ffffff14,#0000 55%);position:absolute;inset:0}.lg-1x1{grid-column:span 3}.lg-2x1{grid-column:span 6}.lg-2x2{grid-area:span 2/span 6}.lg-kachel h3{font:700 19px/1.2 var(--schrift);letter-spacing:-.02em;color:var(--fg);text-wrap:balance;margin:0}.lg-kachel p{font:500 14px/1.5 var(--schrift);color:var(--fg-2);text-wrap:pretty;margin:0}.lg-kachel .lg-kachel-fuss{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.lg-kachel .lg-kachel-zahl{font:800 30px/1 var(--schrift);letter-spacing:-.035em;color:var(--fg);font-variant-numeric:tabular-nums}.lg-kachel-held{background:linear-gradient(150deg, rgba(var(--akzent-rgb), .28), rgba(var(--indigo-rgb), .16) 55%, rgba(var(--cyan-rgb), .1)), var(--glas);border-color:rgba(var(--akzent-rgb), .35)}.lg-ring{place-items:center;width:168px;height:168px;margin:8px 0;display:grid;position:relative}.lg-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.lg-ring circle{fill:none;stroke-width:10px}.lg-ring .spur{stroke:var(--linie)}.lg-ring .wert{stroke:url(#lg-verlauf);stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73px;filter:drop-shadow(0 6px 14px rgba(var(--akzent-rgb), .5));transition:stroke-dashoffset 1.4s cubic-bezier(.3,.9,.3,1)}.lg-ring b{font:800 34px/1 var(--schrift);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg)}.lg-ring small{font:600 11px/1 var(--schrift);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);text-align:center;margin-top:4px;display:block}@media (max-width:960px){.lg-1x1{grid-column:span 6}.lg-2x1,.lg-2x2{grid-column:span 12}}@media (max-width:720px){.lg-bento{grid-auto-rows:minmax(150px,auto);gap:16px}.lg-kachel{padding:20px}.lg-2x2{grid-row:span 2}}.lg-kennzahlen{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.lg-kz{background:var(--glas-stark);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);border-radius:22px;flex-direction:column;margin:0;padding:20px 20px 16px;display:flex;position:relative;overflow:hidden}.lg-kz p{margin:0}.lg-kz-name{font:600 11px/1.2 var(--schrift);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3)}.lg-kz-wert{font:800 34px/1 var(--schrift);letter-spacing:-.035em;color:var(--fg);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap;margin-top:10px!important}.lg-kz-delta{font:600 13px/1.2 var(--schrift);color:var(--fg-3);font-variant-numeric:tabular-nums;margin-top:8px!important}.lg-kz-delta[data-richtung=auf]{color:var(--ok)}.lg-kz-delta[data-richtung=ab]{color:var(--kritisch)}html,body{min-height:100%;margin:0}body.lg{background:var(--bg);min-height:100dvh}.lg a{text-underline-offset:3px}.sfh-seite{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex;position:relative}.sfh-haupt{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px 24px 48px}.sfh-haupt-schmal{max-width:560px}.sfh-haupt-text{max-width:820px}:root{--sfh-dock-hoehe:98px;--sfh-dock-abstand:10px}.sfh-kunde-haupt{padding-bottom:calc(var(--sfh-dock-hoehe) + var(--sfh-dock-abstand) + 24px + env(safe-area-inset-bottom))}@media (max-width:520px){.sfh-haupt{padding:16px 16px 40px}}.sfh-wm-hell{display:none}.sfh-wm-dunkel,html[data-thema=hell] .sfh-wm-hell{display:block}html[data-thema=hell] .sfh-wm-dunkel{display:none}@media (prefers-color-scheme:light){html:not([data-thema]) .sfh-wm-hell{display:block}html:not([data-thema]) .sfh-wm-dunkel{display:none}}.sfh-versteckt-datum{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sfh-karte{gap:18px;padding:clamp(24px,4vw,40px);display:grid}.sfh-knopfreihe{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.sfh-laden{place-items:center;min-height:50dvh;display:grid}.sfh-laden-punkt{border:3px solid var(--linie);border-top-color:var(--akzent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite sfh-dreh}@keyframes sfh-dreh{to{transform:rotate(360deg)}}.sfh-formular{gap:18px;display:grid}.sfh-dev-hinweis{font:500 13px/1.4 var(--schrift);color:var(--fg-3)}.lg a.lg-knopf{color:var(--fg);text-decoration:none}.lg a.lg-knopf-akzent{color:var(--auf-verlauf)}.sfh-textknopf{cursor:pointer;min-height:44px;font-family:var(--schrift);font-weight:600;font-size:inherit;line-height:inherit;color:var(--link);text-underline-offset:3px;background:0 0;border:0;align-items:center;padding:0 2px;text-decoration:underline;display:inline-flex}.sfh-textknopf:focus-visible{outline:2px solid var(--fokus);outline-offset:2px;border-radius:6px}
.lg-tide{isolation:isolate;cursor:pointer;min-height:56px;font:600 15px/1.2 var(--schrift);letter-spacing:-.01em;color:var(--fg);text-align:left;background:var(--glas-stark);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);transition:transform var(--dauer) var(--kurve), border-color var(--dauer) var(--kurve);border-radius:999px;align-items:center;gap:12px;padding:6px 22px 6px 6px;display:inline-flex;position:relative;overflow:hidden}.lg-tide:active{transform:scale(.98)}.lg-tide-ring{background:var(--verlauf);width:44px;height:44px;color:var(--auf-verlauf);box-shadow:0 10px 22px -10px rgba(var(--akzent-rgb), .8), inset 0 1px 0 #fff6;transition:background .3s var(--kurve);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.lg-tide-ring svg.lg-tide-kreis{width:52px;height:52px;position:absolute;inset:-4px;transform:rotate(-90deg)}.lg-tide-kreis circle{fill:none;stroke-width:3px;stroke-linecap:round}.lg-tide-kreis .spur{stroke:var(--linie);opacity:0;transition:opacity .2s}.lg-tide-kreis .wert{stroke:url(#lg-verlauf);stroke-dasharray:106.81;stroke-dashoffset:106.81px;opacity:0;transition:stroke-dashoffset .25s linear,opacity .2s}.lg-tide-ring .ic{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:opacity .2s var(--kurve), transform .3s var(--kurve);opacity:0;position:absolute;transform:scale(.5)}.lg-tide[data-zustand=idle] .ic-pfeil,.lg-tide[data-zustand=erfolg] .ic-haken,.lg-tide[data-zustand=fehler] .ic-kreuz{opacity:1;transform:none}.lg-tide[data-zustand=laden] .lg-tide-ring{background:var(--glas-stark);color:var(--fg)}.lg-tide[data-zustand=laden] .ic-pfeil{opacity:1;animation:1.1s ease-in-out infinite lg-tide-tauchen;transform:none}.lg-tide[data-zustand=laden] .spur,.lg-tide[data-zustand=laden] .wert{opacity:1}.lg-tide[data-zustand=erfolg] .lg-tide-ring{background:var(--ok)}.lg-tide[data-zustand=fehler] .lg-tide-ring{background:var(--kritisch)}.lg-tide[data-zustand=fehler]{border-color:color-mix(in srgb, var(--kritisch) 45%, transparent)}.lg-tide-text{gap:3px;display:grid}.lg-tide-text small{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.lg-tide-welle{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgba(var(--cyan-rgb), .45), rgba(var(--cyan-rgb), 0));animation:lg-tide-welle .6s var(--kurve) forwards;border-radius:50%;position:absolute;transform:scale(0)}@keyframes lg-tide-welle{to{opacity:0;transform:scale(1)}}@keyframes lg-tide-tauchen{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes lg-tide-strich{to{stroke-dashoffset:0}}.lg-flip{perspective:900px;width:min(100%,440px);height:56px;margin:0;position:relative}.lg-flip-karte{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.35,.45,1);position:absolute;inset:0}.lg-flip[data-offen=true] .lg-flip-karte{transform:rotateX(180deg)}.lg-flip-seite{backface-visibility:hidden;background:var(--glas-stark);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);border-radius:999px;align-items:center;display:flex;position:absolute;inset:0}.lg-flip-vorne{font:600 15px/1 var(--schrift);color:var(--fg-2);letter-spacing:-.01em;cursor:pointer;padding:0 64px 0 22px}.lg-flip-vorne kbd{font:600 11px/1 var(--schrift);color:var(--fg-3);border:1px solid var(--glas-rand);border-radius:6px;margin-left:auto;padding:4px 6px}.lg-flip-hinten{padding:0 60px 0 6px;transform:rotateX(180deg)}.lg-flip-hinten input{min-width:0;height:44px;font:500 16px/1 var(--schrift);color:var(--fg);background:0 0;border:0;border-radius:999px;outline:none;flex:1;padding:0 16px}.lg-flip-hinten input::placeholder{color:var(--fg-3)}.lg-flip-hinten input::-webkit-search-cancel-button{display:none}.lg-flip-knopf{z-index:3;cursor:pointer;background:var(--verlauf);width:44px;height:44px;color:var(--auf-verlauf);box-shadow:0 10px 22px -10px rgba(var(--akzent-rgb), .8), inset 0 1px 0 #fff6;transition:transform var(--dauer) var(--kurve);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.lg-flip-knopf:active{transform:scale(.94)}.lg-flip-knopf svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px;transition:opacity .2s var(--kurve), transform .35s var(--kurve);opacity:0;position:absolute;transform:rotate(-90deg)scale(.5)}.lg-flip[data-modus=oeffnen] .ic-lupe,.lg-flip[data-modus=leeren] .ic-kreuz,.lg-flip[data-modus=schliessen] .ic-zu{opacity:1;transform:none}.lg-spark{width:100%;height:48px;margin-top:14px;display:block;overflow:visible}.lg-spark .linie{fill:none;stroke:url(#lg-verlauf);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.lg-spark .flaeche{opacity:0;transition:opacity .8s .5s var(--kurve)}.lg-kz[data-gespielt] .lg-spark .linie{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.45,0,.2,1)}.lg-kz[data-gespielt] .lg-spark .flaeche{opacity:1}.lg-balken{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:8px;height:92px;margin-top:14px;display:grid}.lg-balken-spalte{grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.lg-balken-spur{background:var(--linie);border-radius:8px;position:relative;overflow:hidden}.lg-balken-spur i{background:var(--verlauf);transform-origin:50% 100%;border-radius:8px;height:100%;transition:transform .7s cubic-bezier(.3,1.25,.5,1);position:absolute;bottom:0;left:0;right:0;transform:scaleY(0);box-shadow:inset 0 1px #ffffff59}.lg-balken-spalte span{font:600 11px/1 var(--schrift);color:var(--fg-3);text-align:center}.lg-flieger{width:min(100%,460px);margin:0;position:relative}.lg-flieger-zeile{background:var(--glas-stark);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);min-height:58px;box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);transition:border-color var(--dauer);border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 8px;display:flex;position:relative}.lg-flieger[data-zustand=fehler] .lg-flieger-zeile{border-color:color-mix(in srgb, var(--kritisch) 55%, transparent)}.lg-flieger input{min-width:0;height:44px;font:500 16px/1 var(--schrift);color:var(--fg);background:0 0;border:0;border-radius:999px;outline:none;flex:1;padding:0 14px}.lg-flieger input::placeholder{color:var(--fg-3)}.lg-flieger-knopf{cursor:pointer;height:44px;font:600 15px/1 var(--schrift);letter-spacing:-.01em;color:var(--auf-verlauf);background:var(--verlauf);white-space:nowrap;box-shadow:0 12px 26px -12px rgba(var(--akzent-rgb), .8), inset 0 1px 0 #fff6;border:0;border-radius:999px;flex:none;padding:0 22px;position:relative;overflow:hidden}.lg-flieger-knopf:after{content:"";opacity:0;background:linear-gradient(162deg,#0000 50%,#040a1e47 51%,#0000 72%);transition:opacity .2s;position:absolute;inset:0}.lg-flieger[data-zustand=faltet] .lg-flieger-knopf:after,.lg-flieger[data-zustand=fliegt] .lg-flieger-knopf:after{opacity:1}.lg-flieger-knopf span{transition:opacity .12s;display:inline-block}.lg-flieger[data-zustand=faltet] .lg-flieger-knopf span,.lg-flieger[data-zustand=fliegt] .lg-flieger-knopf span{opacity:0}.lg-flieger-meldung{min-height:22px;font:500 14px/1.45 var(--schrift);color:var(--fg-3);margin:10px 0 0 20px}.lg-flieger[data-zustand=fehler] .lg-flieger-meldung{color:var(--kritisch)}.lg-flieger-danke{min-height:44px;font:600 15px/1.35 var(--schrift);color:var(--fg);animation:lg-danke .45s var(--kurve);align-items:center;gap:12px;padding:0 12px;display:none}.lg-flieger-danke i{background:color-mix(in srgb, var(--ok) 22%, transparent);width:30px;height:30px;color:var(--ok);border-radius:50%;flex:none;place-items:center;display:grid}.lg-flieger-danke svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lg-flieger[data-zustand=fertig] .lg-flieger-danke{display:flex}.lg-flieger[data-zustand=fertig] input,.lg-flieger[data-zustand=fertig] .lg-flieger-knopf{display:none}@keyframes lg-danke{0%{opacity:0;transform:translateY(6px)}}.lg-pay{isolation:isolate;cursor:pointer;min-width:280px;min-height:60px;font:600 16px/1.2 var(--schrift);letter-spacing:-.01em;color:var(--auf-verlauf);text-align:left;background:linear-gradient(180deg, var(--nacht-2), var(--nacht));box-shadow:0 22px 44px -22px rgba(var(--akzent-rgb), .9), inset 0 1px 0 #ffffff38, inset 0 0 0 1px #ffffff14;transition:transform var(--dauer) var(--kurve);border:0;border-radius:999px;align-items:center;gap:14px;padding:8px 24px 8px 8px;display:inline-flex;position:relative}.lg-pay:active{transform:scale(.98)}.lg-pay:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:conic-gradient(from var(--lg-winkel,0deg), var(--akzent), var(--indigo), var(--cyan), var(--akzent));filter:blur(10px);transition:opacity .35s var(--kurve);position:absolute;inset:-3px}.lg-pay:after{content:"";z-index:-1;border-radius:inherit;background:inherit;box-shadow:inherit;position:absolute;inset:0}.lg-pay[data-zustand=scan]:before,.lg-pay[data-zustand=open]:before{opacity:.95;animation:1.6s linear infinite lg-aura}.lg-pay[data-zustand=done]:before{opacity:.55;background:var(--ok)}@property --lg-winkel{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes lg-aura{to{--lg-winkel:360deg}}.lg-pay-glyph{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3}.lg-pay-glyph svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;overflow:visible}.lg-pay-glyph .ecke{transform-box:view-box;transform-origin:12px 12px;transition:transform .4s cubic-bezier(.3,1.5,.5,1),stroke .3s}.lg-pay[data-zustand=open] .ecke,.lg-pay[data-zustand=done] .ecke{stroke:var(--cyan);transform:scale(1.18)}.lg-pay-glyph .gesicht{transition:opacity .25s}.lg-pay-glyph .mund{stroke-dasharray:10;stroke-dashoffset:0;transition:d .3s}.lg-pay[data-zustand=open] .mund{d:path("M9 15.6c1.7 1.4 4.3 1.4 6 0")}.lg-pay-glyph .haken{opacity:0;stroke:currentColor;stroke-width:2.4px;stroke-dasharray:16;stroke-dashoffset:16px}.lg-pay[data-zustand=done] .gesicht{opacity:0}.lg-pay[data-zustand=done] .haken{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .4s .1s var(--kurve)}.lg-pay[data-zustand=done] .lg-pay-glyph{background:var(--ok)}.lg-pay-linie{opacity:0;background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:2px;box-shadow:0 0 10px 2px rgba(var(--cyan-rgb), .7);border-radius:2px;position:absolute;top:8px;left:6px;right:6px}.lg-pay[data-zustand=scan] .lg-pay-linie{opacity:1;animation:1.1s ease-in-out infinite alternate lg-tasten}@keyframes lg-tasten{to{transform:translateY(26px)}}.lg-pay-text{gap:3px;display:grid}.lg-pay-text small{color:#ffffffa8;font-size:12px;font-weight:500}.lg-pay-text b{font-variant-numeric:tabular-nums;font-weight:700}@media (prefers-reduced-motion:reduce){.lg-tide-welle,.lg-tide[data-zustand=laden] .ic-pfeil{animation:none!important}.lg-flip-karte,.lg-balken-spur i,.lg-spark .linie,.lg-spark .flaeche{transition:none!important}.lg-pay:before,.lg-pay-linie{animation:none!important}.lg-flieger-danke{animation:none}}.lg-spark-punkt{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 0 4px rgba(var(--cyan-rgb), .22);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s 1.1s;position:absolute}.lg-kz[data-gespielt] .lg-spark-punkt{opacity:1}@media (prefers-reduced-motion:reduce){.lg-spark-punkt{transition:none}}.lg-denkt{background:var(--glas-stark);border:1px solid var(--glas-rand);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);min-height:48px;box-shadow:var(--schatten-klein), inset 0 1px 0 var(--glas-licht);border-radius:999px;align-items:center;gap:12px;padding:6px 18px 6px 6px;display:inline-flex}.lg-denkt-punkte{align-items:center;gap:5px;height:16px;display:inline-flex}.lg-denkt-punkte i{background:var(--verlauf);width:8px;height:8px;box-shadow:0 0 10px 1px rgba(var(--cyan-rgb), .55);border-radius:50%;animation:1.25s cubic-bezier(.3,1.6,.5,1) infinite lg-denkt-feder}.lg-denkt-punkte i:nth-child(2){animation-delay:.16s}.lg-denkt-punkte i:nth-child(3){animation-delay:.32s}.lg-denkt-text{font:600 14px/1.3 var(--schrift);color:var(--fg-2)}@keyframes lg-denkt-feder{0%,to{opacity:.55;transform:translateY(0)scale(.82)}30%{opacity:1;transform:translateY(-6px)scale(1.08)}55%{opacity:.85;transform:translateY(1px)scale(.95)}}@media (prefers-reduced-motion:reduce){.lg-denkt-punkte i{opacity:.9;animation:none}}.lg-pay:disabled{opacity:.55;cursor:not-allowed;transform:none}