@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-ext-wght-normal.DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/figtree-latin-wght-normal.D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-cyrillic-ext-600-normal.CWPPjBOD.woff2)format("woff2"),url(/_astro/nunito-cyrillic-ext-600-normal.vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-cyrillic-600-normal.DJGQ2h05.woff2)format("woff2"),url(/_astro/nunito-cyrillic-600-normal.BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-vietnamese-600-normal.BY8O6Cug.woff2)format("woff2"),url(/_astro/nunito-vietnamese-600-normal.DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-latin-ext-600-normal.Dd9Zuxh1.woff2)format("woff2"),url(/_astro/nunito-latin-ext-600-normal.BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-latin-600-normal.Br8yIETf.woff2)format("woff2"),url(/_astro/nunito-latin-600-normal.Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-cyrillic-ext-700-normal.BuR0mlCG.woff2)format("woff2"),url(/_astro/nunito-cyrillic-ext-700-normal.DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-cyrillic-700-normal.DP36NgGt.woff2)format("woff2"),url(/_astro/nunito-cyrillic-700-normal.DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-vietnamese-700-normal.Ch8EUCfz.woff2)format("woff2"),url(/_astro/nunito-vietnamese-700-normal.C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-ext-700-normal.BWeMsAzO.woff2)format("woff2"),url(/_astro/nunito-latin-ext-700-normal.D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-700-normal.Dort48En.woff2)format("woff2"),url(/_astro/nunito-latin-700-normal.OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--grund:#eeebe5;--flaeche:#f7f5f1;--tinte:#2f2e2c;--grau:#8f8b84;--leise:#b3afa7;--linie:#dcd8d0;--dunkel:#232220;--text:#5c5a56;--schrift:"Figtree Variable", system-ui, sans-serif;--marke:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--grund);color:var(--tinte);font-family:var(--schrift);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}section{padding:96px 0}section.eng{padding-top:24px}section[id]{scroll-margin-top:72px}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--grau);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.label:before{content:"";background:currentColor;border-radius:2px;width:6px;height:6px}.label+h1,.label+h2{margin-top:16px}h1,h2{letter-spacing:-.035em;font-weight:500;line-height:1.02}h1 span,h2 span{color:var(--leise)}h2{font-size:clamp(34px,4.2vw,56px)}.pille{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.pille.dunkel{background:var(--tinte);color:var(--flaeche)}.pille.hell{background:var(--flaeche);border:1px solid var(--linie)}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.eb :is([data-einblenden],[data-staffel]>*):not(.eb-fertig){transition:opacity .9s cubic-bezier(.16, 1, .3, 1) var(--eb-verzoegerung,0s), translate 1.1s cubic-bezier(.16, 1, .3, 1) var(--eb-verzoegerung,0s), scale 1.1s cubic-bezier(.16, 1, .3, 1) var(--eb-verzoegerung,0s)}.eb :is([data-einblenden],[data-staffel]>*):not(.sichtbar){opacity:0;translate:0 28px}.eb :is([data-einblenden=karte],[data-staffel=karten]>*):not(.sichtbar){translate:0 60px;scale:.97}}.kopfnav{z-index:40;will-change:opacity, transform;background:linear-gradient(to bottom, var(--grund) 60%, #eeebe500);position:fixed;inset:0 0 auto}@media (scripting:enabled){body:has(.intro) .kopfnav{opacity:0;pointer-events:none}}.kopfnav nav{justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.nav-marke{font-family:var(--marke);letter-spacing:-.04em;font-size:22px;font-weight:700}.kopfnav .links{color:var(--text);gap:32px;font-size:14px;display:flex}.kopfnav .links a:hover{color:var(--tinte)}.nav-rechts{align-items:center;gap:10px;display:flex}.menue-knopf{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;display:none}.mk-wort{letter-spacing:.02em;opacity:.7;font-size:13px;font-weight:500;transition:opacity .3s}.mk-icon{background:color-mix(in srgb, currentColor 7%, transparent);border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:40px;height:40px;padding:0 11px;transition:background-color .35s;display:flex}.mk-icon i{background:currentColor;border-radius:2px;width:18px;height:2px;display:block}.mk-icon i:last-child{width:11px;transition:width .35s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.menue-knopf:hover .mk-wort{opacity:1}.menue-knopf:hover .mk-icon{background:color-mix(in srgb, currentColor 14%, transparent)}.menue-knopf:hover .mk-icon i:last-child{width:18px}}.menue-knopf:focus-visible{outline:none}.menue-knopf:focus-visible .mk-icon{box-shadow:0 0 0 2px}.ueberlage{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f7f5f1;--mx:calc(100% - 52px);--my:42px;--dauer:.8s;visibility:hidden;clip-path:circle(0% at var(--mx) var(--my));will-change:clip-path;transition:clip-path calc(var(--dauer) * .8) cubic-bezier(.4, 0, 1, 1), visibility 0s calc(var(--dauer) * .8);background:#1c1b1af2;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ueberlage.offen,.ueberlage:target{visibility:visible;clip-path:circle(150% at var(--mx) var(--my));transition:clip-path calc(var(--dauer) * 1.1) cubic-bezier(.22, 1, .36, 1), visibility 0s}.ul-schein{pointer-events:none;background:radial-gradient(720px 520px at 88% 12%,#ffffff14,#0000 70%);position:absolute;inset:0}.ul-rahmen{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.ul-kopf{justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.ueberlage .menue-knopf{display:flex}.ueberlage .mk-icon i{width:18px;transition:translate .26s cubic-bezier(.65,0,.35,1) .26s,rotate .26s cubic-bezier(.65,0,.35,1)}.ueberlage:is(.offen,:target) .mk-icon i{transition:translate .26s cubic-bezier(.65,0,.35,1) .1s,rotate .26s cubic-bezier(.65,0,.35,1) .36s}.ueberlage:is(.offen,:target) .mk-icon i:first-child{translate:0 3.5px;rotate:45deg}.ueberlage:is(.offen,:target) .mk-icon i:last-child{translate:0 -3.5px;rotate:-45deg}.ul-nav{scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;padding:6vh 0 32px;display:flex;overflow-y:auto}.ul-nav ul{letter-spacing:-.04em;flex-direction:column;align-items:flex-start;gap:.16em;font-size:min(72px,12.5vw);font-weight:500;line-height:1.05;list-style:none;display:flex}.ul-nav a{align-items:baseline;padding:.02em 0;transition:translate .45s cubic-bezier(.3,1.3,.5,1),opacity .3s;display:inline-flex}.ul-nr{letter-spacing:.08em;color:#8f8b84;font-variant-numeric:tabular-nums;flex:none;width:2.3em;font-size:max(11px,.18em);font-weight:500;line-height:1;transform:translateY(-.9em)}@media (hover:hover){.ul-nav a:hover{translate:16px}.ul-nav ul:has(a:hover) a:not(:hover){opacity:.32}}.ul-nav a:focus-visible,.ul-neben:focus-visible,.ul-kopf .nav-marke:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid}.ul-fuss{padding-bottom:max(28px, env(safe-area-inset-bottom));flex:none}.ul-linie{transform-origin:0;background:#f7f5f124;height:1px;margin-bottom:20px}.ul-zeile{flex-direction:column;align-items:flex-start;gap:16px;font-size:13px;line-height:1.4;display:flex}.ul-zeile ul{flex-wrap:wrap;gap:8px 24px;list-style:none;display:flex}.ul-neben{padding-bottom:3px;display:inline-block;position:relative}.ul-neben:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:scale .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;scale:0 1}.ul-neben:hover:after,.ul-neben:focus-visible:after{scale:1}.ul-leise{color:#8f8b84}@media (width>=640px){.ul-nav{justify-content:center;padding-top:0}.ul-zeile{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}@media (prefers-reduced-motion:no-preference){.ul-nav li,.ul-zeile>*{opacity:0;filter:blur(12px);transition:opacity .28s cubic-bezier(.4,0,1,1),translate 0s .3s,filter 0s .3s;translate:0 28px}.ul-zeile>*{filter:none;translate:0 12px}.ul-linie{opacity:0;transition:opacity .24s cubic-bezier(.4,0,1,1),scale 0s .3s;scale:0 1}.ueberlage:is(.offen,:target) :is(.ul-nav li,.ul-zeile>*){opacity:1;filter:blur();transition:opacity var(--dauer) cubic-bezier(.22, 1, .36, 1), translate var(--dauer) cubic-bezier(.22, 1, .36, 1), filter var(--dauer) cubic-bezier(.22, 1, .36, 1);transition-delay:calc(var(--dauer) * .3 + var(--i) * 70ms);translate:0}.ueberlage:is(.offen,:target) .ul-zeile>*{transition-delay:calc(var(--dauer) * .3 + var(--i) * 70ms + .15s)}.ueberlage:is(.offen,:target) .ul-zeile>:last-child{transition-delay:calc(var(--dauer) * .3 + var(--i) * 70ms + .21s)}.ueberlage:is(.offen,:target) .ul-linie{opacity:1;transition:scale var(--dauer) cubic-bezier(.22, 1, .36, 1), opacity var(--dauer) cubic-bezier(.22, 1, .36, 1);transition-delay:calc(var(--dauer) * .3 + var(--i) * 70ms + 50ms);scale:1}}@media (prefers-reduced-motion:reduce){.ueberlage{clip-path:none;opacity:0;transition:opacity .2s,visibility 0s .2s}.ueberlage:is(.offen,:target){clip-path:none;opacity:1;transition:opacity .2s,visibility}.ueberlage .mk-icon i,.ul-nav a,.ul-neben:after{transition:none!important}}@media (width<=1000px){.kopfnav .links{display:none}.menue-knopf{display:flex}}@media (width<=600px){.kopfnav .augen-knopf{display:none}.kopfnav nav,.ul-kopf{padding:16px 0}}.kl{max-width:100%;display:inline-flex;position:relative}.kl-ausloeser{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.45em;max-width:100%;display:inline-flex}.kl-ausloeser svg{flex:none;width:1.1em;height:1.1em}.kl-ausloeser span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (hover:hover){.kl-ausloeser:hover span{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}}.kl-ausloeser:focus-visible,.kl-taste:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid}.kl-blase{z-index:60;white-space:nowrap;color:var(--tinte);text-align:left;left:var(--dx,0);transform-origin:22px 100%;opacity:0;background:#fff;border:1px solid #00000014;border-radius:16px;padding:8px;font-size:14px;line-height:1.2;transition:opacity .16s,scale .18s,translate .18s;display:block;position:absolute;bottom:calc(100% + 12px);translate:0 6px;scale:.9;box-shadow:0 12px 32px #00000029}[data-ausr=rechts]>.kl-blase{left:auto;right:calc(var(--dx,0px) * -1);transform-origin:calc(100% - 22px) 100%}[data-platz=unten]>.kl-blase{transform-origin:22px 0;top:calc(100% + 12px);bottom:auto;translate:0 -6px}.kl-blase.offen{opacity:1;transition:opacity .2s,scale .32s cubic-bezier(.3,1.4,.5,1),translate .32s cubic-bezier(.3,1.4,.5,1);translate:0;scale:1}.kl-blase:after{content:"";width:10px;height:10px;bottom:-6px;left:var(--pfeil,18px);background:#fff;border-bottom:1px solid #00000014;border-right:1px solid #00000014;position:absolute;rotate:45deg}[data-ausr=rechts]>.kl-blase:after{left:auto;right:calc(18px + var(--dx,0px))}[data-platz=unten]>.kl-blase:after{border:0;border-top:1px solid #00000014;border-left:1px solid #00000014;top:-6px;bottom:auto}.kl-titel{letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;padding:4px 6px 8px;font-size:11px;font-weight:600;display:block}.kl-tasten{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.kl-taste{color:var(--tinte);font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#f3f3f3;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5em;margin:0;padding:10px 14px;font-weight:500;transition:background-color .15s,scale .15s;display:inline-flex}.kl-taste svg{flex:none;width:1.15em;height:1.15em}@media (hover:hover){.kl-taste:hover{background:#e6e6e6}}.kl-taste:active{scale:.97}.kl-wechsel{display:grid}.kl-lage{grid-area:1/1;justify-content:center;align-items:center;gap:.5em;transition:opacity .2s,translate .25s;display:inline-flex}.kl-fertig{opacity:0;translate:0 8px}.kl-taste.kopiert .kl-normal{opacity:0;translate:0 -8px}.kl-taste.kopiert .kl-fertig{opacity:1;translate:0}@media (width<=420px){.kl-tasten{grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.kl-blase,.kl-blase.offen,.kl-lage,.kl-taste{transition:none}.kl-blase{translate:0;scale:1}}.intro{height:100svh;position:relative}.intro.statisch{height:calc(100svh + 72px);padding-top:72px}.intro-klebt{height:100svh;position:relative;overflow:hidden}.cover{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--kante,0px)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--kante,0px)), transparent 100%);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--kante,0px)), transparent 100%);padding:64px;position:absolute;inset:0;overflow:hidden}.cover:before{content:"";z-index:0;pointer-events:none;opacity:var(--flaeche-deckkraft,1);background:radial-gradient(130% 100% at 85% 15%,#f5f2ec 0%,#eae5db 55%,#e2dcd0 100%);position:absolute;inset:0}.cover .claim,.cover .unterzeile,.cover .iphone-huelle{will-change:translate, opacity}.claim{z-index:2;align-items:flex-start;gap:28px;display:flex;position:relative}.claim svg{flex-shrink:0;width:44px;height:44px;margin-top:4px}.claim .strich{background:#bdb7ac;align-self:stretch;width:1px}.claim p{letter-spacing:-.015em;text-transform:uppercase;color:#3a3936;font-size:clamp(22px,2.7vw,40px);font-weight:400;line-height:1.02}.wortmarke{z-index:2;font-family:var(--marke);letter-spacing:-.05em;color:#353431;font-weight:600;line-height:.9;font-size:min(280px, calc(90vw / var(--zeichen)));align-items:flex-start;gap:.06em;margin:0;display:flex;position:absolute;bottom:100px;left:56px}.wortmarke .zl{color:inherit;padding:.04em .06em .16em 0;display:block;overflow:hidden}.wortmarke .zl>span{color:inherit;will-change:translate;display:block}.wortmarke .zusatz{font-family:var(--schrift);letter-spacing:.04em;text-transform:uppercase;color:var(--grau);margin-top:.2em;font-size:max(12px,.135em);font-weight:500;line-height:1}.unterzeile{z-index:2;color:var(--grau);align-items:center;gap:20px;font-size:14px;display:flex;position:absolute;bottom:44px;left:64px}.unterzeile b{color:var(--tinte);font-weight:600}.scroll-hinweis{z-index:2;color:var(--grau);padding:6px;transition:color .2s;position:absolute;bottom:40px;left:50%;translate:-50%}.scroll-hinweis:hover{color:var(--tinte)}.scroll-hinweis-innen{flex-direction:column;align-items:center;gap:12px;display:flex}.scroll-text{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.scroll-linie{background:#2f2e2c2e;border-radius:2px;width:1.5px;height:48px;position:relative;overflow:hidden}.scroll-linie i{background:var(--tinte);border-radius:2px;width:100%;height:18px;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.scroll-linie i{animation:2.2s cubic-bezier(.65,0,.35,1) infinite scroll-lauf}.scroll-hinweis-innen{animation:.9s cubic-bezier(.2,.7,.2,1) 2s both lade-hoch}}@keyframes scroll-lauf{0%{translate:0 -18px}65%,to{translate:0 48px}}@media (width>=901px) and (aspect-ratio<=7/6){.scroll-hinweis{display:none}}@media (width<=900px){.scroll-hinweis{bottom:26px;left:auto;right:16px;translate:none}.scroll-text{display:none}.scroll-linie{height:44px}}.objekt{z-index:1;height:112%;position:absolute;top:8%;right:3%}.iphone-huelle{aspect-ratio:71.9/150;transform-origin:50% 30%;height:100%;transform:rotate(-9deg);container-type:inline-size}.iphone{background:linear-gradient(140deg,#eeece8 0%,#b9b5ae 22%,#f7f6f3 46%,#a8a39b 70%,#e3e0da 100%);border-radius:16.2cqw;width:100%;height:100%;padding:1.25cqw;position:relative;box-shadow:inset 0 0 0 .35cqw #ffffff8c,inset 0 0 0 .7cqw #00000014,0 9cqw 16cqw -7cqw #2f2e2c73,0 30cqw 40cqw -22cqw #2f2e2c66}.taste{background:linear-gradient(90deg,#9c978f,#dedbd5 60%,#a8a39b);border-radius:.6cqw;width:1.1cqw;position:absolute}.taste.aktion{height:5.5%;top:17%;left:-.8cqw}.taste.lauter{height:8.5%;top:25.5%;left:-.8cqw}.taste.leiser{height:8.5%;top:36%;left:-.8cqw}.taste.seite{height:13%;top:27%;right:-.8cqw}.taste.kamera{background:linear-gradient(90deg,#8e8a83,#c9c5be);width:.9cqw;height:7%;top:58%;right:-.6cqw}.bezel{background:#0a0a0b;border-radius:15cqw;width:100%;height:100%;padding:2.1cqw}.display{color:#2f2e2c;background:#f6f4ef;border-radius:12.9cqw;width:100%;height:100%;position:relative;overflow:hidden}.display:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff47 0%,#fff0 32%);position:absolute;inset:0}.statusleiste{letter-spacing:-.01em;justify-content:space-between;align-items:center;padding:5.2cqw 8cqw 0 9.5cqw;font-size:4.1cqw;font-weight:600;display:flex}.symbole{align-items:center;gap:1.6cqw;display:flex}.symbole svg{fill:currentColor;width:auto;height:2.9cqw}.insel{background:#000;border-radius:99cqw;width:22cqw;height:6.6cqw;position:absolute;top:3.4cqw;left:50%;translate:-50%}.homebalken{opacity:.85;background:#2f2e2c;border-radius:1cqw;width:34cqw;height:1.3cqw;position:absolute;bottom:2.4cqw;left:50%;translate:-50%}.app{flex-direction:column;gap:4.4cqw;padding:8cqw 6.5cqw 0;display:flex}.app-kopf{justify-content:space-between;align-items:center;display:flex}.app-marke{font-family:var(--marke);letter-spacing:-.03em;align-items:center;gap:2cqw;font-size:5.2cqw;font-weight:700;display:flex}.app-marke svg{width:4.4cqw;height:4.4cqw}.app-kreis{color:#f6f4ef;background:#2f2e2c;border-radius:50%;place-items:center;width:8.6cqw;height:8.6cqw;font-size:3cqw;font-weight:600;display:grid}.app-label{letter-spacing:.08em;text-transform:uppercase;color:var(--grau);margin-top:2cqw;font-size:2.8cqw;font-weight:600}.app-titel{letter-spacing:-.035em;margin-top:-2.8cqw;font-size:8.4cqw;font-weight:500;line-height:1.02}.app-karte{background:#fff;border-radius:5cqw;padding:4.4cqw;box-shadow:0 .6cqw 2.4cqw #2f2e2c0f}.app-zeile{color:var(--grau);justify-content:space-between;font-size:3.4cqw;display:flex}.app-zeile b{color:#2f2e2c;font-weight:600}.app-balken{background:#e8e4dc;border-radius:2cqw;height:1.8cqw;margin-top:2.6cqw;overflow:hidden}.app-balken i{background:#2f2e2c;border-radius:2cqw;width:60%;height:100%;display:block}.app-schritte{flex-direction:column;list-style:none;display:flex}.app-schritte li{color:#a9a59d;border-bottom:.25cqw solid #e8e4dc;padding:2.5cqw 0 2.5cqw 7cqw;font-size:3.8cqw;position:relative}.app-schritte li:before{content:"";box-sizing:border-box;border:.45cqw solid #cfcac1;border-radius:50%;width:3.4cqw;height:3.4cqw;position:absolute;top:50%;left:0;translate:0 -50%}.app-schritte li.fertig{color:#2f2e2c}.app-schritte li.fertig:before{background:#2f2e2c;border-color:#2f2e2c}.app-schritte li.aktiv{color:#2f2e2c;font-weight:600}.app-schritte li.aktiv:before{border-color:#2f2e2c;box-shadow:inset 0 0 0 .7cqw #f6f4ef,inset 0 0 0 3cqw #2f2e2c}.app-schritte em{float:right;color:#f6f4ef;background:#2f2e2c;border-radius:9cqw;padding:.6cqw 2.2cqw;font-size:2.9cqw;font-style:normal;font-weight:500}.app-notiz{color:#f1eee8;background:#2f2e2c;border-radius:5cqw;padding:4cqw 4.4cqw;position:relative}.app-notiz small{color:#a8a49c;margin-bottom:1.2cqw;font-size:2.7cqw;display:block}.app-notiz p{font-size:3.7cqw;line-height:1.35}.app-ordner{flex-wrap:wrap;gap:1.8cqw;display:flex}.app-ordner span{background:#fff;border-radius:9cqw;padding:1.6cqw 3cqw;font-size:3.1cqw;box-shadow:0 .4cqw 1.6cqw #2f2e2c0f}.app-ordner b{color:var(--grau);margin-left:.6cqw;font-weight:600}.app-notiz .tippt{opacity:0;pointer-events:none;gap:1.2cqw;display:flex;position:absolute;top:50%;left:4.4cqw;translate:0 -50%}.app-notiz .tippt i{background:#d8d4cc;border-radius:50%;width:1.8cqw;height:1.8cqw}@media (prefers-reduced-motion:no-preference){.claim svg circle{transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.3,1.5,.5,1) both lade-punkt}.claim svg circle:first-child{animation-delay:.1s}.claim svg circle:nth-child(2){animation-delay:.16s}.claim svg circle:nth-child(3){animation-delay:.22s}.claim svg circle:nth-child(4){animation-delay:.28s}.claim svg circle:nth-child(5){animation-delay:.34s}.claim .strich{transform-origin:top;animation:.9s cubic-bezier(.2,.7,.2,1) .2s both lade-strich}.claim .zeile{display:block;overflow:hidden}.claim .zeile>span{animation:1s cubic-bezier(.16,1,.3,1) both lade-zeile;display:block}.claim .zeile:first-child>span{animation-delay:.3s}.claim .zeile:nth-child(2)>span{animation-delay:.39s}.claim .zeile:nth-child(3)>span{animation-delay:.48s}.claim .zeile:nth-child(4)>span{animation-delay:.57s}.wortmarke .zl>span{animation:1.2s cubic-bezier(.16,1,.3,1) .35s both lade-zeile}.wortmarke .zusatz{animation:.8s 1.1s both lade-blende}.objekt{animation:1.5s cubic-bezier(.16,1,.3,1) .45s both lade-handy}.unterzeile{animation:.9s cubic-bezier(.2,.7,.2,1) 1.3s both lade-hoch}.insel{animation:.8s cubic-bezier(.3,1.3,.5,1) 1.1s both lade-insel}.statusleiste{animation:.6s 1.2s both lade-blende}.app-kopf,.app-label,.app-titel,.app-karte{animation:.75s cubic-bezier(.2,.7,.2,1) both lade-hoch-klein}.app-kopf{animation-delay:1.25s}.app-label{animation-delay:1.35s}.app-titel{animation-delay:1.42s}.app-karte{animation-delay:1.55s}.app-balken i{transform-origin:0;animation:1s cubic-bezier(.4,0,.2,1) 1.75s both lade-balken}.app-schritte li{animation:.6s cubic-bezier(.2,.7,.2,1) both lade-hoch-klein}.app-schritte li:first-child{animation-delay:1.8s}.app-schritte li:nth-child(2){animation-delay:1.88s}.app-schritte li:nth-child(3){animation-delay:1.96s}.app-schritte li:nth-child(4){animation-delay:2.04s}.app-schritte li:nth-child(5){animation-delay:2.12s}.app-schritte li.fertig:before{animation:.45s cubic-bezier(.3,1.5,.5,1) both lade-haken}.app-schritte li.fertig:first-child:before{animation-delay:2.2s}.app-schritte li.fertig:nth-child(2):before{animation-delay:2.38s}.app-schritte li.aktiv:before{animation:.5s 2.55s both lade-ring,2.4s ease-in-out 3.2s infinite puls}.app-schritte em{animation:.5s cubic-bezier(.3,1.5,.5,1) 2.65s both lade-pop}.app-notiz{animation:.8s cubic-bezier(.16,1,.3,1) 2.85s both lade-nachricht}.app-notiz .tippt{animation:3.8s linear both lade-tippt}.app-notiz .tippt i{animation:.8s ease-in-out 2.9s both tipp-punkt}.app-notiz .tippt i:nth-child(2){animation-delay:3.02s}.app-notiz .tippt i:nth-child(3){animation-delay:3.14s}.app-notiz .inhalt{animation:.45s 3.7s both lade-blende}.app-ordner span{animation:.5s cubic-bezier(.3,1.5,.5,1) both lade-pop}.app-ordner span:first-child{animation-delay:3.9s}.app-ordner span:nth-child(2){animation-delay:3.99s}.app-ordner span:nth-child(3){animation-delay:4.08s}}@keyframes lade-punkt{0%{scale:0}to{scale:1}}@keyframes lade-strich{0%{scale:1 0}to{scale:1}}@keyframes lade-zeile{0%{translate:0 105%}to{translate:0}}@keyframes lade-hoch{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes lade-hoch-klein{0%{opacity:0;translate:0 3cqw}to{opacity:1;translate:0}}@keyframes lade-blende{0%{opacity:0}to{opacity:1}}@keyframes lade-handy{0%{opacity:0;translate:0 24%;rotate:7deg}35%{opacity:1}to{opacity:1;translate:0;rotate:0deg}}@keyframes lade-insel{0%{opacity:0;width:7cqw}30%{opacity:1}to{opacity:1;width:22cqw}}@keyframes lade-balken{0%{scale:0 1}to{scale:1}}@keyframes lade-haken{0%{background:0 0;border-color:#cfcac1;scale:.6}60%{scale:1.2}to{background:#2f2e2c;border-color:#2f2e2c;scale:1}}@keyframes lade-ring{0%{border-color:#cfcac1;box-shadow:inset 0 0 0 .7cqw #f6f4ef,inset 0 0 #2f2e2c}to{border-color:#2f2e2c;box-shadow:inset 0 0 0 .7cqw #f6f4ef,inset 0 0 0 3cqw #2f2e2c}}@keyframes puls{0%,to{box-shadow:inset 0 0 0 .7cqw #f6f4ef,inset 0 0 0 3cqw #2f2e2c,0 0 #2f2e2c47}55%{box-shadow:inset 0 0 0 .7cqw #f6f4ef,inset 0 0 0 3cqw #2f2e2c,0 0 0 1.8cqw #2f2e2c00}}@keyframes lade-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes lade-nachricht{0%{opacity:0;translate:0 7cqw;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes lade-tippt{0%,76%{opacity:0}79%,96%{opacity:1}to{opacity:0}}@keyframes tipp-punkt{0%,60%,to{opacity:.35;translate:0}30%{opacity:1;translate:0 -.8cqw}}@media (width<=900px){.cover{flex-direction:column;padding:24px 20px 22px;display:flex}.claim{gap:14px}.claim svg{width:26px;height:26px}.claim p{font-size:20px}.wortmarke{font-size:min(150px, calc(118vw / var(--zeichen)));order:2;margin-top:18px;position:relative;bottom:auto;left:auto}.objekt{flex:1 1 0;order:3;justify-content:center;height:auto;min-height:0;margin-top:14px;display:flex;position:relative;top:auto;right:auto}.iphone-huelle{height:94%;margin-bottom:10px;transform:rotate(-4deg)}.unterzeile{flex-wrap:wrap;order:4;gap:12px 16px;margin-top:16px;position:relative;bottom:auto;left:auto}}[data-scroll-text]{--verdeckt:#d3cec5}.schluss [data-scroll-text]{--verdeckt:#45423d}.st-wort{white-space:nowrap;display:inline-block}.st-zeichen{display:inline-block}.augen-knopf{--auge:40px;--pupille:12px;--augenfarbe:#f7f5f1;--pupillenfarbe:#2f2e2c;gap:16px;padding:6px 6px 6px 20px;box-shadow:.4px .4px .56px -.3px #00000012,1.2px 1.2px 1.7px -.6px #00000014,3.2px 3.2px 4.5px -.9px #0000001a,10px 10px 14px -1.25px #00000030}.augen-knopf.klein{--auge:30px;--pupille:9px;gap:12px;padding:5px 5px 5px 18px}.augen{gap:4px;display:flex}.auge{width:var(--auge);height:var(--auge);background:var(--augenfarbe);border-radius:50%;place-items:center;transition:scale .1s ease-in-out;display:grid;overflow:hidden}.auge i{width:var(--pupille);height:var(--pupille);background:var(--pupillenfarbe);border-radius:50%;transition:opacity .1s ease-in-out}.augen-knopf.zwinkert .auge{scale:1 .3}.augen-knopf.zwinkert .auge i{opacity:0}@media not ((any-hover:hover) and (any-pointer:fine)){.augen-knopf .augen{display:none}.augen-knopf{justify-content:center;gap:8px;min-height:52px;padding:0 24px}.augen-knopf.klein{min-height:40px;padding:0 18px}}.kopfzeile{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.kopfzeile p{max-width:36ch;color:var(--grau);font-size:15px;line-height:1.55}.bento{grid-template-rows:auto auto;grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.kachel{background:var(--flaeche);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;display:flex}.kachel.dunkel{background:var(--dunkel);color:#efece6;grid-row:span 2}.kachel.dunkel .label{color:#8a877f}.kachel .zahl{white-space:nowrap;letter-spacing:-.05em;font-size:clamp(52px,6vw,96px);font-weight:300;line-height:1}.kachel .zahl small{letter-spacing:0;color:var(--grau);margin-left:6px;font-size:18px;font-weight:400}.kachel.dunkel .zahl small{color:#8a877f}.kachel p{color:var(--grau);max-width:30ch;font-size:14px;line-height:1.5}.kachel .zahl+p{margin-top:10px}.kachel.dunkel .zahl+p{margin-top:14px}.kachel.dunkel p{color:#a8a49c}.kachel.referenz{grid-column:span 2}.referenz-zeile{justify-content:space-between;align-items:end;gap:24px;display:flex}.referenz-zeile p{max-width:40ch}.kachel.referenz img{mix-blend-mode:multiply;width:auto;height:40px}.ablauf-strecke{margin-top:48px}.bogen{display:none}.phasen{gap:16px;max-width:1200px;margin:0 auto;padding:0 32px;list-style:none;display:grid}.phase{background:var(--flaeche);border-radius:20px;grid-template-columns:1fr 180px;align-items:center;gap:32px;padding:32px 40px;display:grid}.phase-label{letter-spacing:.1em;text-transform:uppercase;color:var(--grau);font-size:12px;font-weight:600}.phase h3{letter-spacing:-.035em;margin-top:12px;font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1.02}.phase-beschreibung{color:#6f6c66;max-width:42ch;margin-top:20px;font-size:17px;line-height:1.6}.phase-pillen{flex-wrap:wrap;gap:10px;margin-top:24px;list-style:none;display:flex}.phase-pillen li{border:1px solid var(--linie);background:#f7f5f1b3;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.phase-objekt svg{filter:drop-shadow(0 40px 46px #2f2e2c33)drop-shadow(0 10px 14px #2f2e2c1a);width:100%;height:auto;display:block;overflow:visible}.ablauf-strecke.bewegt{height:460svh;margin-top:0}.bewegt .ablauf-klebt{height:100svh;position:sticky;top:0;overflow:hidden}.bewegt .bogen{pointer-events:none;display:block;position:absolute;inset:0}.bogen-linie{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bogen-kreis{fill:none;stroke:#d6d1c8;stroke-width:1.2px}.bogen-weg{fill:none;stroke:var(--tinte);stroke-width:3px;stroke-linecap:round}.bogen-nr{--f:0;letter-spacing:-.02em;will-change:transform;background:color-mix(in srgb, #1f1e1c calc(var(--f) * 100%), #f3f0eb);width:74px;height:74px;color:color-mix(in srgb, #f7f5f1 calc(var(--f) * 100%), #2f2e2c);border:1px solid color-mix(in srgb, #1f1e1c calc(var(--f) * 100%), #cfcac1);box-shadow:0 22px 34px -14px rgb(31 30 28/calc(var(--f) * .5));border-radius:50%;place-items:center;font-size:24px;font-weight:400;display:grid;position:absolute;top:0;left:0}.bewegt .phasen{max-width:none;padding:0;display:block;position:absolute;inset:0}.bewegt .phase{will-change:opacity;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:4vw;padding:0 5vw 0 34vw;position:absolute;inset:0}.bewegt .phase-text,.bewegt .phase-objekt{will-change:transform, filter}.bewegt .phase-objekt{justify-self:center;width:min(30vw,400px)}@media (width<=900px){.phase{grid-template-columns:1fr;padding:28px 24px}.phase-objekt{order:-1;width:140px}.bewegt .phase{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:27svh 22px 0;display:flex}.bewegt .phase-objekt{order:-1;align-self:center;width:min(46vw,230px);margin-bottom:18px}.bogen-nr{width:56px;height:56px;font-size:18px}.phase h3{font-size:40px}.phase-beschreibung{margin-top:14px;font-size:15px}.phase-pillen{gap:8px;margin-top:16px}.phase-pillen li{padding:6px 12px;font-size:13px}}.team{text-align:center}.team .unter{color:var(--grau);margin-top:14px;font-size:16px}.einzel{text-align:left;grid-template-columns:300px 1fr;align-items:end;gap:48px;max-width:780px;margin:56px auto 0;display:grid}.einzel-bild img{aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;filter:saturate(.85);border-radius:18px;width:100%}.einzel-text .nr{color:var(--leise);font-size:22px;font-weight:300}.einzel-text b{letter-spacing:-.02em;margin-top:10px;font-size:28px;font-weight:500;display:block}.einzel-text>span{color:var(--grau);font-size:15px}.rollen{border-top:1px solid var(--linie);margin-top:28px;list-style:none}.rollen li{border-bottom:1px solid var(--linie);justify-content:space-between;padding:14px 0;font-size:17px;display:flex}.rollen li:after{content:"Lennard";color:var(--grau);font-size:14px}@media (width<=700px){.einzel{grid-template-columns:1fr;gap:28px;max-width:360px}}.bento>*,.log>*{min-width:0}.kopfzeile .seitlich{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.vergleich{padding:14px 0}.vergleich-wahl{display:none}.vergleich-karte{background:var(--flaeche);border-radius:24px}.vergleich table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:15px}.vergleich col.merkmal-spalte{width:31%}.vergleich th,.vergleich td{text-align:center;vertical-align:middle;border-top:1px solid var(--linie);padding:15px 18px;font-weight:400;line-height:1.35}.vergleich .merkmal{text-align:left;padding-left:32px}.vergleich .merkmal small{color:var(--grau);margin-top:3px;font-size:13px;display:block}.vergleich thead th,.vergleich thead td{vertical-align:top;border-top:0;padding:34px 18px 28px}.vergleich tr.gruppe th,.vergleich tr.gruppe td{padding-top:34px;padding-bottom:10px}.vergleich tr.gruppe th{letter-spacing:.08em;text-transform:uppercase;color:var(--grau);font-size:11px;font-weight:600}.vergleich tr.preis-zeile td{letter-spacing:-.02em;white-space:nowrap;font-size:20px}.paket-marke{color:var(--tinte);letter-spacing:.08em;text-transform:uppercase;background:#efece6;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.paket-name{letter-spacing:-.01em;font-size:18px;font-weight:500;display:block}.paket-fuer{color:var(--grau);margin-top:4px;font-size:13px;display:block}.paket-preis{letter-spacing:-.03em;white-space:nowrap;margin-top:18px;font-size:clamp(22px,2.6vw,36px);line-height:1;display:block}.paket-preis-hinweis{color:var(--grau);margin-top:6px;font-size:12px;display:block}.vergleich .hervor{background:var(--dunkel);color:#efece6;border-top-color:#efece61a}.vergleich .hervor .paket-fuer,.vergleich .hervor .paket-preis-hinweis{color:#a8a49c}.vergleich thead .hervor{box-shadow:0 -14px 0 var(--dunkel);border-radius:20px 20px 0 0}.vergleich tfoot .hervor{box-shadow:0 14px 0 var(--dunkel);border-radius:0 0 20px 20px}.vergleich tfoot td{padding:24px 18px 30px}.vergleich tfoot .pille{text-align:center;justify-content:center;width:100%}.pille.rand{border:1px solid var(--tinte);background:0 0;transition:background-color .15s,color .15s}.pille.rand:hover{background:var(--tinte);color:var(--flaeche)}.vergleich .hervor .pille.hell{color:var(--tinte);background:#efece6;border:0}.symbol{vertical-align:middle;width:20px;height:20px;display:inline-block}.symbol.ja{color:var(--tinte)}.symbol.nein{color:#c9c4bb}.hervor .symbol.ja{color:#efece6}.hervor .symbol.nein{color:#6b6862}.vergleich-rahmen{position:relative}.vergleich-clip{margin:-14px 0;padding:14px 0}.vergleich-clip.laeuft{overflow:hidden}.vergleich .luecke,.vergleich-mehr,.vergleich-weniger{display:none}.vergleich .luecke td{border-top:0;height:110px;padding:0}.vergleich-mehr{pointer-events:none;background:linear-gradient(to bottom, #eeebe500 0%, #eeebe5cc 50%, var(--grund) 78%);justify-content:center;align-items:flex-end;height:260px;padding-bottom:6px;position:absolute;bottom:0;left:0;right:0}.vergleich-mehr .pille{pointer-events:auto;background:var(--flaeche);box-shadow:0 12px 26px -14px #2f2e2c66}.vergleich-mehr .pille svg,.vergleich-weniger svg{width:14px;height:14px}.vergleich-weniger svg{rotate:180deg}.vergleich-unten{text-align:center;margin-top:22px}@media (scripting:enabled){.vergleich:not(.offen) :is(tr.gruppe,tr.nebensache,tfoot){display:none}.vergleich:not(.offen) .luecke{display:table-row-group}.vergleich:not(.offen) .vergleich-mehr{display:flex}.vergleich.offen .vergleich-weniger{display:inline-flex}}@keyframes spalte-rein{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.wahl-marker,.vergleich-wahl label{transition:none}.vergleich [data-paket]{animation:none!important}}.vergleich-notiz{color:var(--grau);max-width:70ch;margin-top:22px;font-size:13px;line-height:1.55}@media (width<=760px){.vergleich-wahl{border:1px solid var(--linie);background:var(--flaeche);border-radius:999px;gap:4px;margin:0 0 26px;padding:4px;display:flex;position:relative}.vergleich-wahl label{z-index:1;text-align:center;cursor:pointer;border-radius:999px;flex:1;padding:10px 6px;font-size:14px;font-weight:500;transition:color .3s;position:relative}.vergleich-wahl input{opacity:0;pointer-events:none;position:absolute}.vergleich-wahl label:has(input:checked){color:var(--flaeche)}.wahl-marker{background:var(--tinte);border-radius:999px;width:calc(33.3333% - 5.33333px);transition:translate .45s cubic-bezier(.3,1.25,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 14px -8px #2f2e2c99}.vergleich-wahl:has(#wahl-professional:checked) .wahl-marker{translate:calc(100% + 4px)}.vergleich-wahl:has(#wahl-custom:checked) .wahl-marker{translate:calc(200% + 8px)}.vergleich [data-paket]{animation:.4s cubic-bezier(.2,.7,.2,1) both spalte-rein}.vergleich-wahl label:has(input:focus-visible){outline:2px solid var(--tinte);outline-offset:2px}.vergleich:has(#wahl-starter:checked) [data-paket]:not([data-paket=starter]),.vergleich:has(#wahl-professional:checked) [data-paket]:not([data-paket=professional]),.vergleich:has(#wahl-custom:checked) [data-paket]:not([data-paket=custom]){display:none}.vergleich col.merkmal-spalte{width:55%}.vergleich th,.vergleich td{padding:13px 14px;font-size:14px}.vergleich .merkmal{padding-left:18px}.vergleich .merkmal small{font-size:12px}}[hidden]{display:none!important}html:has(.konfigurator[open]){overflow:hidden}.konfigurator{background:var(--grund);width:min(580px,100% - 24px);max-height:calc(100svh - 24px);color:var(--tinte);overscroll-behavior:contain;border:0;border-radius:24px;margin:auto;padding:0;overflow:auto;box-shadow:0 40px 90px -30px #2322208c}.konfigurator::backdrop{-webkit-backdrop-filter:blur(6px);background:#2322206b}.konf-innen{padding:28px 32px}.konf-kopf{justify-content:space-between;align-items:center;display:flex}.konf-schliessen{border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.konf-schliessen:hover{background:#fff}.konf-fortschritt{color:var(--grau);flex-direction:column;gap:8px;margin-top:22px;font-size:13px;display:flex}.konf-balken{background:var(--linie);border-radius:6px;height:6px;overflow:hidden}.konf-balken i{background:var(--tinte);border-radius:6px;width:0;height:100%;transition:width .45s cubic-bezier(.2,.7,.2,1);display:block}.konf-schritt{border:0;min-width:0;margin-top:28px}.konf-schritt legend{letter-spacing:-.025em;padding:0;font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.15}.konf-optionen{flex-direction:column;gap:10px;margin-top:20px;display:flex}.konf-option{background:var(--flaeche);border:1px solid var(--linie);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-size:15px;line-height:1.4;transition:border-color .15s,background-color .15s;display:flex;position:relative}.konf-option:before{content:"";box-sizing:border-box;border:1.5px solid #cfcac1;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:box-shadow .2s,border-color .2s}.konf-option:hover{border-color:#bdb7ac}.konf-option input{opacity:0;pointer-events:none;position:absolute}.konf-option:has(input:checked){border-color:var(--tinte);background:#fff}.konf-option:has(input:checked):before{border-color:var(--tinte);box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 9px var(--tinte)}.konf-option:has(input:focus-visible){outline:2px solid var(--tinte);outline-offset:2px}.konf-ergebnis{margin-top:28px}.konf-ergebnis h2{margin-top:10px;font-size:clamp(40px,6vw,56px)}.konf-preis{letter-spacing:-.02em;margin-top:10px;font-size:22px}.konf-preis small{letter-spacing:0;color:var(--grau);font-size:14px}.konf-text{color:var(--text);margin-top:18px;font-size:15px;line-height:1.6}.konf-wartung{background:var(--flaeche);color:var(--text);border-radius:16px;margin-top:18px;padding:16px 18px;font-size:14px;line-height:1.55}.konf-wartung b{color:var(--tinte);font-weight:600}.konf-knoepfe{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.konf-fuss{align-items:center;min-height:44px;margin-top:24px;display:flex}.konf-fuss .pille{margin-left:auto}.konf-link{cursor:pointer;color:var(--text);background:0 0;border:0;padding:8px 0;font-size:14px}.konf-link:hover{color:var(--tinte)}@media (prefers-reduced-motion:no-preference){.konfigurator[open]{animation:.4s cubic-bezier(.16,1,.3,1) konf-auf}.konfigurator[open]::backdrop{animation:.3s lade-blende}.rein{animation:.35s cubic-bezier(.2,.7,.2,1) konf-vor}.rein[data-richtung=zurueck]{animation-name:konf-zurueck}}@keyframes konf-auf{0%{opacity:0;translate:0 24px;scale:.97}}@keyframes konf-vor{0%{opacity:0;translate:24px}}@keyframes konf-zurueck{0%{opacity:0;translate:-24px}}@media (width<=600px){.konfigurator{border-radius:20px;width:calc(100% - 16px);max-height:calc(100svh - 16px)}.konf-innen{padding:22px 20px}}.log{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.eintrag{border-top:1px solid var(--linie);grid-template-columns:110px 1fr;gap:20px;padding:22px 0;display:grid}.eintrag time{letter-spacing:.06em;text-transform:uppercase;color:var(--grau);padding-top:3px;font-size:12px;font-weight:600}.eintrag b{letter-spacing:-.01em;font-size:18px;font-weight:500}.eintrag p{color:var(--text);margin-top:6px;font-size:15px;line-height:1.55}.schluss{background:var(--dunkel);color:#efece6;border-radius:20px;justify-content:space-between;align-items:end;gap:40px;padding:72px 56px;display:flex}.schluss .label{color:#8a877f}.schluss h2 span{color:#7d7a73}.schluss .kontakt{color:#a8a49c;text-align:right;flex-direction:column;align-items:flex-end;font-size:15px;line-height:1.9;display:flex}.schluss .kontakt a:not(.pille):hover{color:#efece6}.schluss .pille.hell{color:var(--tinte);background:#efece6;border:0;margin-bottom:18px}.fuss{padding:24px 0 40px}.fuss-innen{border-top:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 40px;padding-top:28px;display:flex}.fuss-innen p{color:var(--grau);margin-top:6px;font-size:14px}.fuss ul{color:var(--text);flex-wrap:wrap;gap:8px 28px;font-size:14px;list-style:none;display:flex}.fuss ul a:hover{color:var(--tinte)}.seite-kopf{padding-top:160px}.seite-kopf h1{font-size:clamp(40px,5vw,72px)}.einleitung{max-width:46ch;color:var(--text);margin-top:24px;font-size:17px;line-height:1.6}.einleitung a{color:var(--tinte);text-underline-offset:3px;text-decoration:underline}.kontakt-raster{grid-template-columns:.9fr 1.1fr;align-items:start;gap:64px;display:grid}.kontakt-raster>*{min-width:0}.kontakt-raster h1{font-size:clamp(36px,3.6vw,54px)}.formular-karte{background:var(--flaeche);border-radius:20px;padding:40px}.formular{flex-direction:column;gap:22px;display:flex}.feld-paar{grid-template-columns:1fr 1fr;gap:22px;display:grid}.feld label{letter-spacing:.08em;text-transform:uppercase;color:var(--grau);font-size:11px;font-weight:600;display:block}.feld input,.feld select,.feld textarea{border:1px solid var(--linie);background:#fff;border-radius:14px;outline:none;width:100%;margin-top:8px;padding:12px 16px;font-size:15px;transition:border-color .15s}.feld textarea{resize:vertical;line-height:1.5}.feld select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%238f8b84' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.feld input::placeholder,.feld textarea::placeholder{color:var(--leise)}.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--tinte)}.haken{align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.haken input{cursor:pointer;width:16px;height:16px;accent-color:var(--tinte);flex-shrink:0;margin-top:3px}.haken small{color:var(--grau);font-size:13px;display:block}.haken a{text-underline-offset:3px;text-decoration:underline}.haken.box{border:1px solid var(--linie);background:#fff9;border-radius:14px;padding:16px}.haken.klein{color:var(--grau);font-size:13px}.formular .pille{align-self:flex-start;padding:14px 24px;font-size:15px}.formular .pille:disabled{opacity:.55;cursor:not-allowed}.formular-status{min-height:1.4em;font-size:14px}.formular-status[data-art=fehler]{color:#b3261e}.formular-status[data-art=erfolg]{color:var(--tinte);font-weight:500}.unsichtbar{display:none}.rechtstext{max-width:720px}.hinweis{background:var(--flaeche);color:var(--text);border-radius:16px;margin-top:32px;padding:24px;font-size:14px;line-height:1.6}.hinweis p+p{margin-top:10px}.hinweis p:first-child{color:var(--tinte);font-weight:600}.abschnitte{color:var(--text);flex-direction:column;gap:32px;margin-top:48px;font-size:15px;line-height:1.65;display:flex}.abschnitte h2{letter-spacing:-.01em;color:var(--tinte);font-size:18px;line-height:1.3}.abschnitte p{margin-top:8px}.abschnitte a{color:var(--tinte);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.fehlerseite{min-height:70svh}.fehlerseite .pille{margin-top:36px}@media (width<=900px){.log,.kontakt-raster{grid-template-columns:1fr}.kontakt-raster{gap:40px}.bento{grid-template-columns:1fr 1fr}.kachel.dunkel{grid-area:auto/span 2}.kopfzeile,.schluss{flex-direction:column;align-items:start}.schluss .kontakt{text-align:left;align-items:flex-start}}@media (width<=600px){.bento{grid-template-columns:1fr}.kachel .zahl{font-size:52px}.wrap{padding:0 16px}.kachel.dunkel,.kachel.referenz{grid-column:auto}.kachel{gap:28px;min-height:0}.referenz-zeile{flex-direction:column;align-items:start}section{padding:64px 0}.seite-kopf{padding-top:120px}.schluss{padding:48px 24px}.formular-karte{padding:24px 20px}.feld-paar{grid-template-columns:1fr}.eintrag{grid-template-columns:1fr;gap:6px}}