:root{--sx-bg:#f6f6f5;--sx-surface:#fcfcfb;--sx-surface-2:#efefed;--sx-border:#e4e4e1;--sx-border-strong:#d3d3cf;--sx-text:#141518;--sx-soft:#2d2e32;--sx-muted:#525459;--sx-faint:#6c6d72;--sx-accent:#7fb2ff;--sx-accent-ink:#2d6ae0;--sx-accent-soft:#2d6ae014;--sx-on-light:#141518;--sx-kobalt:#2350d6;--sx-kobalt-fg:#f6f6f5;--sx-eis:#eaeff8;--sx-eis-2:#d9e3f7;--sx-eis-line:#c8d5ef;--sx-nacht:#0b1a33;--sx-nacht-2:#12264a;--sx-cyan:#6fd3ff;--sx-cyan-ink:#1588c2;--sx-apricot:#ffb38a;--sx-bernstein:#f5b43c;--sx-bernstein-ink:#8f5400;--sx-bernstein-soft:#fdf0d5;--sx-panel:linear-gradient(180deg, #fdfdfc 0%, #f9f9f8 100%);--sx-panel-shadow:0 1px 2px #1414160a, 0 8px 24px -12px #14141614, 0 40px 80px -48px #14141633;--sx-shadow-sm:0 1px 2px #1414160d, 0 4px 12px -6px #14141614;--sx-primary-bg:#141518;--sx-primary-fg:#f6f6f5;--sx-secondary-line:#d0d0cc;--sx-secondary-line-hover:#9d9e9a;--sx-focus:#2d6ae0;--sx-link:#141518;--sx-link-line:#2350d673;--sx-grid-line:#1414160b;--sx-buehne:#f0f1f3;--sx-buehne-line:#141e320d;--sx-signatur:radial-gradient(34% 30% at 26% 96%, #ffb38abf, transparent 70%), radial-gradient(14% 18% at 30% 100%, #f5b43c8c, transparent 70%), radial-gradient(46% 52% at 92% 6%, #6fd3fff2, transparent 70%), radial-gradient(50% 60% at 38% 30%, #7fb2ffd9, transparent 72%), radial-gradient(50% 70% at 100% 90%, #0b1a33d9, transparent 70%), linear-gradient(140deg, #7fb2ff 0%, #2350d6 48%, #16357f 78%, #0b1a33 100%);--sx-signatur-weich:radial-gradient(70% 72% at 64% 44%, #7fb2ff66, #7fb2ff00 100%), radial-gradient(44% 50% at 70% 34%, #2350d6d9, #2350d600 100%), radial-gradient(38% 42% at 88% 14%, #6fd3ffe6, #6fd3ff00 100%), radial-gradient(48% 54% at 52% 50%, #7fb2ffb3, #7fb2ff00 100%), radial-gradient(30% 32% at 48% 72%, #ffb38a8c, #ffb38a00 100%), radial-gradient(34% 40% at 84% 62%, #16357f8c, #16357f00 100%);--sx-schein-kopf:radial-gradient(50% 70% at 78% 26%, #7fb2ff5c, #7fb2ff00 100%), radial-gradient(30% 50% at 90% 14%, #6fd3ff61, #6fd3ff00 100%), radial-gradient(28% 44% at 70% 40%, #2350d629, #2350d600 100%), radial-gradient(16% 30% at 60% 52%, #ffb38a1a, #ffb38a00 100%);--sx-wolke:radial-gradient(closest-side, #7fb2ff2b, #6fd3ff12 55%, transparent);--sx-verlauf:linear-gradient(100deg, var(--sx-kobalt), var(--sx-cyan-ink));--sx-verlauf-tief:linear-gradient(100deg, #2350d6, #1a6fd1);--sx-verlauf-hell:linear-gradient(100deg, #7fb2ff, #6fd3ff);--sx-font:var(--font-sx), "Funnel Sans", system-ui, sans-serif;--sx-font-display:var(--font-sx-display), "Funnel Display", var(--sx-font);--sx-font-mono:var(--font-sx-mono), "Fragment Mono", ui-monospace, monospace;--sx-radius-sm:8px;--sx-radius:14px;--sx-radius-lg:20px;--sx-pill:999px;--sx-gutter:clamp(20px, 4.85vw, 62px);--sx-max:1280px;--sx-ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sx-page{background:var(--sx-bg);color:var(--sx-text);font-family:var(--sx-font);font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}.sx-page *,.sx-page :before,.sx-page :after{box-sizing:border-box}.sx-page ::selection{color:var(--sx-text);background:#7fb2ff73}.sx-page :focus-visible{outline:2px solid var(--sx-focus);outline-offset:3px}:where(.sx-page a,.sx-page summary):focus-visible{border-radius:6px}:where(.sx-page) a{color:inherit;text-underline-offset:3px}html:has(.sx-page){background:var(--sx-bg);scrollbar-color:var(--sx-border-strong) var(--sx-bg);scroll-behavior:smooth}.sx-page picture{display:contents}.sx-main{isolation:isolate;position:relative;overflow-x:clip}.sx-main-schein:before{content:"";z-index:-1;background:var(--sx-schein-kopf);pointer-events:none;width:min(1100px,90vw);height:760px;position:absolute;top:-180px;right:calc(50% - 50vw)}.sx-main :is(.sx-section.steps,.sx-section.refs,.sx-section.fotoband,.sx-section.faq){isolation:isolate;position:relative}.sx-main :is(.sx-section.steps,.sx-section.refs,.sx-section.fotoband,.sx-section.faq):before{content:"";z-index:-1;background:var(--sx-wolke);pointer-events:none;width:min(980px,110vw);height:720px;position:absolute;top:4%}.sx-main :is(.sx-section.steps,.sx-section.fotoband):before{left:max(-360px,-30vw)}.sx-main :is(.sx-section.refs,.sx-section.faq):before{right:max(-360px,-30vw)}.sx-flaeche-nacht .sx-section:before{content:none}:is(.sx-verlaufskante,.sx-panel.sx-verlaufskante){background:var(--sx-panel) padding-box, linear-gradient(135deg, #6fd3ffbf, #2350d659 38%, var(--sx-border) 62%, #ffb38a99) border-box;border-color:#0000;box-shadow:0 1px 2px #1414160a,0 30px 70px -34px #2350d652,0 20px 60px -40px #6fd3ff66}.sx-container{width:100%;max-width:var(--sx-max);padding-inline:var(--sx-gutter);margin-inline:auto}.sx-btn{border-radius:var(--sx-pill);height:50px;font:500 16px/1 var(--sx-font);white-space:nowrap;cursor:pointer;transition:background-color .25s var(--sx-ease), border-color .25s var(--sx-ease), color .25s var(--sx-ease), transform .25s var(--sx-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 30px;text-decoration:none;display:inline-flex}.sx-btn:active{transform:scale(.98)}.sx-btn-primary{background:var(--sx-primary-bg);color:var(--sx-primary-fg);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #14141633}.sx-btn-primary:hover{background:var(--sx-kobalt);color:var(--sx-kobalt-fg);box-shadow:inset 0 1px #ffffff24,0 10px 28px -12px #2350d699}.sx-btn-secondary{border-color:var(--sx-secondary-line);color:var(--sx-text);background:0 0}.sx-btn-secondary:hover{border-color:var(--sx-secondary-line-hover);background:var(--sx-accent-soft)}.sx-btn-sm{height:40px;padding:0 21px;font-size:14px}.sx-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sx-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html:has(.sx-page){scroll-behavior:auto}.sx-page *,.sx-page :before,.sx-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sx-section{padding-block:clamp(80px,11vw,140px) 0;scroll-margin-top:90px}.sx-section-head{max-width:640px;margin-bottom:clamp(40px,5vw,64px)}.sx-h2{font-family:var(--sx-font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.04}.sx-display{font-family:var(--sx-font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:500;line-height:.98}.sx-mono{font-family:var(--sx-font-mono);letter-spacing:0;font-feature-settings:"zero" 0;font-size:.8125em}.sx-lead{max-width:58ch;color:var(--sx-muted);text-wrap:pretty;margin:18px 0 0;font-size:clamp(17px,1.3vw,19px);line-height:1.6}.sx-flaeche-hell{background:var(--sx-bg);color:var(--sx-text)}.sx-flaeche-dunkel{--sx-bg:#141518;--sx-surface:#1b1c1f;--sx-surface-2:#222327;--sx-border:#2c2d31;--sx-border-strong:#3b3c41;--sx-text:#f3f3f2;--sx-soft:#d3d3d1;--sx-muted:#a8a9ab;--sx-faint:#848589;--sx-accent-ink:#8dbaff;--sx-accent-soft:#7fb2ff24;--sx-kobalt:#4f7cf0;--sx-panel:linear-gradient(180deg, #1c1d20 0%, #161719 100%);--sx-panel-shadow:0 30px 80px -40px #000c;--sx-shadow-sm:0 1px 2px #0000004d;--sx-primary-bg:#f3f3f2;--sx-primary-fg:#141518;--sx-secondary-line:#44454a;--sx-secondary-line-hover:#626369;--sx-focus:#8dbaff;--sx-link:#f3f3f2;--sx-link-line:#8dbaff8c;--sx-grid-line:#f3f3f20d;--sx-buehne:#1f2023;--sx-buehne-line:#f3f3f20d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--sx-text)}.sx-flaeche-nacht{--sx-bg:var(--sx-nacht);--sx-surface:#11223f;--sx-surface-2:#172a4b;--sx-border:#1f3356;--sx-border-strong:#2e4570;--sx-text:#f2f5fa;--sx-soft:#d4dcea;--sx-muted:#a6b3cb;--sx-faint:#8492ad;--sx-accent-ink:#8dbaff;--sx-accent-soft:#7fb2ff24;--sx-kobalt:#6b93ff;--sx-kobalt-fg:#0b1a33;--sx-cyan-ink:#6fd3ff;--sx-panel:linear-gradient(180deg, #12254a 0%, #0e1f3d 100%);--sx-panel-shadow:0 1px 0 #ffffff0a inset, 0 30px 80px -40px #000000b3;--sx-shadow-sm:0 1px 2px #0000004d;--sx-primary-bg:#f2f5fa;--sx-primary-fg:#0b1a33;--sx-secondary-line:#34496f;--sx-secondary-line-hover:#536a96;--sx-focus:#8dbaff;--sx-link:#f2f5fa;--sx-link-line:#8dbaff8c;--sx-grid-line:#f2f5fa0b;--sx-buehne:#0f2140;--sx-buehne-line:#f2f5fa0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--sx-bg);color:var(--sx-text)}.sx-band.sx-flaeche-nacht{isolation:isolate;position:relative;overflow:hidden}.sx-band.sx-flaeche-nacht:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 90% at 100% 0,#2350d66b,#0000 70%),radial-gradient(36% 50% at 100% 0,#6fd3ff29,#0000 70%),radial-gradient(55% 70% at 0 100%,#2350d633,#0000 70%);position:absolute;inset:0}.sx-band.sx-flaeche-nacht:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#6fd3ff80 30%,#7fb2ff99 60%,#ffb38a80 85%,#0000);height:1px;position:absolute;inset:0 0 auto}.sx-signatur-karte{isolation:isolate;border-radius:calc(var(--sx-radius-lg) + 4px);background:radial-gradient(55% 85% at 100% 100%, #2350d6cc, transparent 70%) padding-box, radial-gradient(34% 60% at 96% 110%, #6fd3ff99, transparent 70%) padding-box, radial-gradient(30% 55% at 0% 105%, #6fd3ff24, transparent 70%) padding-box, radial-gradient(45% 70% at 0% 0%, #2350d647, transparent 70%) padding-box, linear-gradient(var(--sx-nacht), var(--sx-nacht)) padding-box, linear-gradient(120deg, #6fd3ff99, #7fb2ff1f 45%, #ffb38a8c) border-box;border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #0b1a33a6}.sx-flaeche-eis{--sx-bg:#f2f4f7;background:var(--sx-bg);color:var(--sx-text)}.sx-band{padding-bottom:clamp(80px,11vw,140px)}.sx-band-abstand{margin-top:clamp(80px,11vw,140px)}.sx-flaeche-dunkel ::selection{background:var(--sx-accent);color:var(--sx-on-light)}.sx-flaeche-nacht ::selection{background:var(--sx-accent);color:var(--sx-on-light)}.sx-panel{border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);background:var(--sx-panel);box-shadow:var(--sx-panel-shadow)}.sx-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,7vw,110px);display:grid}@media (width<=900px){.sx-split{grid-template-columns:1fr}}.sx-prose a,.sx-link{color:var(--sx-link);text-decoration:underline;-webkit-text-decoration-color:var(--sx-link-line);text-decoration-color:var(--sx-link-line);text-underline-offset:3px;transition:text-decoration-color .2s var(--sx-ease);text-decoration-thickness:1px}.sx-prose a:hover,.sx-link:hover{-webkit-text-decoration-color:var(--sx-kobalt);text-decoration-color:var(--sx-kobalt)}.sx-grafik{width:100%;height:auto;font-family:var(--sx-font);font-variant-numeric:tabular-nums;display:block;overflow:visible}.sx-grafik text{font-family:var(--sx-font);letter-spacing:-.005em}.sx-grafik .g-grund{fill:var(--sx-surface);stroke:var(--sx-border-strong)}.sx-grafik .g-flaeche{fill:var(--sx-surface-2)}.sx-grafik .g-karte{fill:var(--sx-surface);stroke:var(--sx-border)}.sx-grafik .g-leiste{fill:var(--sx-surface-2)}.sx-grafik .g-balken{fill:var(--sx-border)}.sx-grafik .g-balken-leise{fill:var(--sx-surface-2)}.sx-grafik .g-text{fill:var(--sx-text);font-weight:500}.sx-grafik .g-text-normal{fill:var(--sx-soft);font-weight:400}.sx-grafik .g-text-leise{fill:var(--sx-muted);font-weight:400}.sx-grafik .g-mono{font-family:var(--sx-font-mono);letter-spacing:0;font-weight:400}.sx-grafik .g-zahl{fill:var(--sx-text);font-family:var(--sx-font-display);letter-spacing:-.02em;font-weight:500}.sx-grafik .g-akzent{fill:var(--sx-accent)}.sx-grafik .g-ink{fill:var(--sx-accent-ink)}.sx-grafik .g-akzent-hauch{fill:var(--sx-accent-ink);opacity:.08}.sx-grafik .g-akzent-linie{fill:none;stroke:var(--sx-accent-ink)}.sx-grafik .g-auf-akzent{fill:none;stroke:var(--sx-on-light)}.sx-grafik .g-auf-ink{fill:none;stroke:var(--sx-surface)}.sx-grafik .g-dunkel{fill:var(--sx-kobalt)}.sx-grafik .g-auf-kobalt{fill:var(--sx-kobalt-fg)}.sx-grafik .g-kobalt{fill:var(--sx-kobalt)}.sx-grafik .g-kobalt-linie{fill:none;stroke:var(--sx-kobalt)}.sx-grafik .g-eis{fill:var(--sx-eis)}.sx-grafik .g-eis-karte{fill:var(--sx-eis);stroke:var(--sx-eis-line)}.sx-grafik .g-bernstein{fill:var(--sx-bernstein)}.sx-grafik .g-bernstein-hauch{fill:var(--sx-bernstein-soft)}.sx-grafik .g-bernstein-text{fill:var(--sx-bernstein-ink)}.sx-grafik .g-linie{fill:none;stroke:var(--sx-border-strong)}.sx-grafik .g-linie-leise{fill:none;stroke:var(--sx-border)}.sx-grafik .g-linie-text{fill:none;stroke:var(--sx-soft)}.sx-grafik .g-gestrichelt{fill:none;stroke:var(--sx-border-strong);stroke-dasharray:4 4}@media (width<=560px){.sx-grafik-lesbar .sx-grafik text:not([text-anchor=middle],.g-fest):is([font-size="11"],[font-size="11.5"],[font-size="12"]){font-size:14px}.sx-grafik-lesbar .sx-grafik text:not([text-anchor=middle],.g-fest):is([font-size="12.5"],[font-size="13"],[font-size="13.5"]){font-size:15.5px}.sx-grafik-lesbar .sx-grafik text:not([text-anchor=middle],.g-fest):is([font-size="14"],[font-size="14.5"],[font-size="15"]){font-size:17px}}@media (prefers-reduced-motion:no-preference){html[data-sx-anim] [data-sx-zeigen] .g-ein,html[data-sx-anim] [data-sx-zeigen].sx-einblenden{opacity:0;transform-box:fill-box;transition:opacity .4s var(--sx-ease) calc(var(--d,0) * 70ms), transform .5s var(--sx-ease) calc(var(--d,0) * 70ms);transform:translateY(8px)}html[data-sx-anim] [data-sx-zeigen] .g-ein-x{opacity:0;transform-box:fill-box;transition:opacity .4s var(--sx-ease) calc(var(--d,0) * 70ms), transform .5s var(--sx-ease) calc(var(--d,0) * 70ms);transform:translate(-10px)}html[data-sx-anim] [data-sx-zeigen] .g-pop{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s var(--sx-ease) calc(var(--d,0) * 70ms), transform .4s var(--sx-ease) calc(var(--d,0) * 70ms);transform:scale(.8)}html[data-sx-anim] [data-sx-zeigen] .g-zeichnen{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--sx-ease) calc(var(--d,0) * 70ms)}html[data-sx-anim] [data-sx-zeigen] .g-verblassen{transition:opacity .5s var(--sx-ease) calc(var(--d,0) * 70ms)}html[data-sx-anim] [data-sx-zeigen].ist-sichtbar .g-ein,html[data-sx-anim] [data-sx-zeigen].ist-sichtbar .g-ein-x,html[data-sx-anim] [data-sx-zeigen].ist-sichtbar .g-pop,html[data-sx-anim] [data-sx-zeigen].sx-einblenden.ist-sichtbar{opacity:1;transform:none}html[data-sx-anim] [data-sx-zeigen].ist-sichtbar .g-zeichnen{stroke-dashoffset:0}html[data-sx-anim] [data-sx-zeigen]:not(.ist-sichtbar) .g-verblassen{opacity:1}}
