.cs{--kr-orange:#f08a25;--kr-nacht:#121212}.cs-ton-lavendel{--cs-flaeche:var(--pastell-lavendel);--cs-tief:var(--tief-lavendel)}.cs-ton-himmel{--cs-flaeche:var(--pastell-himmel);--cs-tief:var(--tief-himmel)}.cs-ton-aqua{--cs-flaeche:var(--pastell-aqua);--cs-tief:var(--tief-aqua)}.cs-ton-mint{--cs-flaeche:var(--pastell-mint);--cs-tief:var(--tief-mint)}.cs-ton-butter{--cs-flaeche:var(--pastell-butter);--cs-tief:var(--tief-butter)}.cs-ton-pfirsich{--cs-flaeche:var(--pastell-pfirsich);--cs-tief:var(--tief-pfirsich)}.cs-ton-rose{--cs-flaeche:var(--pastell-rose);--cs-tief:var(--tief-rose)}.cs-ton-sand{--cs-flaeche:var(--pastell-sand);--cs-tief:var(--tief-sand)}.cs-luft{padding-block:clamp(72px,9vw,128px)}.cs-luft-oben{padding-block:clamp(72px,9vw,128px) 0}.cs-kopf-mitte{text-align:center}.cs-hero-rahmen{padding:96px 12px 0}@media (min-width:768px){.cs-hero-rahmen{padding:104px 16px 0}}.cs-hero{border-radius:calc(var(--radius) * 2.5);background:var(--kr-nacht);color:#fff;isolation:isolate;padding-block:clamp(40px,6vw,80px) 0;position:relative;overflow:hidden}.cs-hero-licht{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:999px;animation:18s ease-in-out infinite alternate cs-licht;position:absolute}.cs-hero-licht--a{background:#f08a256b;width:60%;height:60%;bottom:-25%;left:25%}.cs-hero-licht--b{background:#9684eb57;width:48%;height:55%;animation-duration:22s;animation-delay:-6s;top:-18%;left:-12%}.cs-hero-licht--c{background:#f596aa42;width:45%;height:55%;animation-duration:26s;animation-delay:-12s;top:8%;right:-12%}@keyframes cs-licht{0%{transform:translate(0)scale(1)}50%{transform:translate(6%,-5%)scale(1.08)}to{transform:translate(-5%,4%)scale(.95)}}.cs-hero-logo{filter:brightness(0)invert();width:auto;height:28px;margin-inline:auto}.cs-hero-h1{letter-spacing:-.04em;text-wrap:balance;max-width:900px;margin:clamp(32px,4vw,48px) auto 0;font-size:clamp(36px,24px + 3.4vw,76px);font-weight:500;line-height:1.02}.cs-hero-h1 em{color:var(--kr-orange);font-style:normal}.cs-hero-lead{color:#ffffffb8;max-width:520px;margin:22px auto 0;font-size:clamp(17px,16px + .35vw,20px);line-height:1.55}.cs-hero-zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:clamp(40px,5vw,56px);display:grid}@media (min-width:768px){.cs-hero-zahlen{grid-template-columns:repeat(3,minmax(0,max-content));justify-content:center;gap:72px}}.cs-hero-zahl{white-space:nowrap;letter-spacing:-.035em;color:#0000;background-image:linear-gradient(100deg,#ffe0cc 0%,#f7a55c 45%,#f08a25 70%,#f5a0b4 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,22px + 2vw,54px);font-weight:500;line-height:1.05;display:block}.cs-hero-zahl-label{color:#fff9;margin-top:8px;font-size:13px;line-height:1.35;display:block}.cs-hero-geraete{margin-top:clamp(48px,6vw,72px);position:relative}.cs-hero-geraete>.lk-rahmen{margin-inline:12px}.lk-rahmen--metall{--r-hell:#5b5b5e;--r-mitte:#1d1d1f;--r-glanz:#3c3c40;--r-tief:#0a0a0b}.cs-hero-handy{width:31%;max-width:300px;position:absolute;bottom:-40px;right:-8px;box-shadow:0 40px 70px -30px #0009}@media (min-width:768px){.cs-hero-handy{width:26.4%;bottom:-90px;right:-32px}}.cs-eckdaten{background:var(--color-hair);border:1px solid var(--color-hair);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:24px 0 0;display:grid;overflow:hidden}@media (min-width:768px){.cs-eckdaten{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.cs-eckdaten{grid-template-columns:repeat(6,minmax(0,1fr))}}.cs-eckdaten>div{background:var(--color-surface-2);padding:22px 20px 24px}.cs-eckdaten-icon{width:18px;height:18px;color:var(--color-muted)}.cs-eckdaten dt{color:var(--color-muted);margin-top:16px;font-size:12.5px}.cs-eckdaten dd{color:var(--color-cream);margin:4px 0 0;font-size:15px;font-weight:500;line-height:1.4}.cs-eckdaten dd a{text-decoration:underline;-webkit-text-decoration-color:var(--color-hair-strong);text-decoration-color:var(--color-hair-strong);text-underline-offset:4px;align-items:center;gap:4px;display:inline-flex}.cs-eckdaten dd a:hover{-webkit-text-decoration-color:var(--color-cream);text-decoration-color:var(--color-cream)}.cs-kurz-text{text-align:center;max-width:740px;color:var(--color-text-80);text-wrap:pretty;margin-inline:auto;font-size:clamp(17px,15px + .5vw,21px);line-height:1.65}.cs-kurz-text strong{color:var(--color-cream);font-weight:500}.cs-kurz-text a{color:var(--color-cream);text-decoration:underline;-webkit-text-decoration-color:var(--color-hair-strong);text-decoration-color:var(--color-hair-strong);text-underline-offset:4px}.cs-kurz-text a:hover{-webkit-text-decoration-color:var(--color-cream);text-decoration-color:var(--color-cream)}.cs-kurz-text .cs-leise{color:var(--color-muted)}.cs-vgl{flex-direction:column;margin-top:clamp(40px,5vw,64px);display:flex}.cs-vgl-karte,.cs-vgl-kopf{display:none}.cs-vgl-thema{color:var(--color-cream);margin-top:24px;font-size:16px;font-weight:500}.cs-vgl-thema:first-of-type{margin-top:0}.cs-vgl-zelle{color:var(--color-text-80);border-radius:16px;margin-top:8px;padding:16px 18px;font-size:15px;line-height:1.6}.cs-vgl-zelle b{margin-bottom:2px;font-size:12.5px;font-weight:500;display:block}.cs-vgl-zelle--vorher{background:var(--pastell-rose)}.cs-vgl-zelle--vorher b{color:var(--tief-rose)}.cs-vgl-zelle--nachher{background:var(--pastell-mint)}.cs-vgl-zelle--nachher b{color:var(--tief-mint)}@media (min-width:900px){.cs-vgl{grid-template-rows:repeat(5,auto);grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);column-gap:16px;display:grid}.cs-vgl-karte{border-radius:20px;grid-row:1/6;display:block}.cs-vgl-karte--vorher{background:var(--pastell-rose);grid-column:2}.cs-vgl-karte--nachher{background:var(--pastell-mint);grid-column:3}.cs-vgl-kopf{grid-row:1;align-items:center;gap:10px;padding:26px 30px 10px;font-size:14px;font-weight:500;display:flex;position:relative}.cs-vgl-kopf--vorher{color:var(--tief-rose);grid-column:2}.cs-vgl-kopf--nachher{color:var(--tief-mint);grid-column:3}.cs-vgl-thema{grid-column:1;grid-row:var(--zeile);margin:0;padding:22px 0}.cs-vgl-zelle{grid-row:var(--zeile);background:0 0;border-top:1px solid #14141412;border-radius:0;margin:0 30px;padding:22px 0;position:relative}.cs-vgl-zelle--vorher{grid-column:2}.cs-vgl-zelle--nachher{grid-column:3}.cs-vgl-zelle b{display:none}.cs-vgl>:nth-last-child(-n+3){padding-bottom:30px}}.cs-vgl-marke{background:#ffffffb3;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.cs-vgl-marke svg{width:9px;height:9px}.df-faecher{display:none}.df-bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px;margin:0;padding:0;list-style:none;display:grid}.df-bento>li:nth-child(-n+2){grid-column:span 3}.df-bento>li:nth-child(n+3){grid-column:span 2}.df-bento-bild{aspect-ratio:4/5;background:var(--cs-flaeche);border-radius:16px;position:relative;overflow:hidden}.df-bento>li:nth-child(n+3) .df-bento-bild{aspect-ratio:3/4}.df-bento .df-text-titel{margin-top:12px}@media (max-width:639.98px){.df-bento .df-text-satz{display:none}.df-bento>li:nth-child(n+3) .df-text-titel{font-size:13px}}@media (min-width:1024px){.df-faecher{display:block}.df-bento{display:none}}.df-buehne{height:580px;position:relative}.df-geraet{cursor:pointer;height:540px;z-index:calc(10 - var(--abs));opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s;transition-delay:calc(var(--abs) * 70ms);background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.df-faecher.ist-offen .df-geraet{opacity:1;transform:translate(-50%, -50%) translateX(calc(var(--o) * 205px)) scale(calc(1 - var(--abs) * .18 + max(0, var(--abs) - 1) * .02))}.df-faecher.ist-offen .df-geraet.ist-neu{animation:.7s both df-auftauchen}@keyframes df-auftauchen{0%{opacity:0}to{opacity:1}}.df-geraet[aria-pressed=true]{cursor:default}.df-geraet:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:30px}.df-rahmen{border-radius:30px;height:100%;padding:6px;display:block;box-shadow:0 40px 70px -34px #14141473}.df-bild{height:100%;aspect-ratio:var(--ar);background:var(--kr-nacht);border-radius:24px;display:block;position:relative;overflow:hidden}.df-text{text-align:center;margin-top:28px}.df-text-inhalt{min-height:56px;animation:.6s both df-ein}@keyframes df-ein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.df-text-titel{color:var(--color-cream);font-size:16px;font-weight:500;display:block}.df-text-satz{color:var(--color-text-80);margin-top:4px;font-size:14.5px;line-height:1.5;display:block}.df-punkte{justify-content:center;gap:8px;margin-top:18px;display:flex}.df-punkte button{background:var(--color-hair-strong);cursor:pointer;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .3s,background-color .3s}.df-punkte button.ist-aktiv{background:var(--color-cream);width:22px}.cs-zeitstrahl{flex-direction:column;gap:10px;margin:clamp(40px,5vw,56px) 0 0;padding:0;list-style:none;display:flex}.cs-zeitstrahl>li{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.cs-zeitstrahl-balken{background:var(--cs-flaeche);height:40px;color:var(--cs-tief);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.cs-zeitstrahl-titel{color:var(--color-cream);font-size:15.5px;font-weight:500}@media (min-width:768px){.cs-zeitstrahl{grid-template-columns:var(--spalten);gap:6px;display:grid}.cs-zeitstrahl>li{flex-direction:column;align-items:stretch;gap:14px;display:flex}.cs-zeitstrahl-balken{justify-content:flex-start;height:56px;padding:0 20px}.cs-zeitstrahl-titel{padding-left:20px}}.cs-ergebnis-zitat{margin:0;padding:18px 20px}.cs-ergebnis-zitat blockquote{color:var(--color-cream);margin:8px 0 0;font-size:13.5px;line-height:1.55}.cs-ergebnis-zitat figcaption{color:var(--color-muted);margin-top:10px;font-size:12px}.cs-ergebnis-raster{gap:16px;margin-top:clamp(64px,8vw,104px);padding:0;list-style:none;display:grid}@media (min-width:768px){.cs-ergebnis-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-ergebnis-karte{border-radius:calc(var(--radius) * 1.5);background:var(--cs-flaeche);flex-direction:column;min-height:240px;padding:28px;display:flex}.cs-ergebnis-wert{white-space:nowrap;letter-spacing:-.045em;color:var(--cs-tief);font-size:clamp(44px,30px + 2.8vw,76px);font-weight:500;line-height:.95}.cs-ergebnis-label{color:var(--color-cream);margin-top:auto;padding-top:24px;font-size:16px;font-weight:500}.cs-ergebnis-sub{color:var(--color-text-80);margin-top:4px;font-size:13.5px}.pk-spur{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.pk-spur::-webkit-scrollbar{display:none}.pk-spur>li{scroll-snap-align:start;flex:0 0 86%}@media (min-width:900px){.pk-spur>li{flex-basis:calc(50% - 8px)}}.pk-karte{background:var(--cs-flaeche);border-radius:24px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pk-text{padding:clamp(24px,3vw,36px) clamp(24px,3vw,36px) 28px}.pk-logo{object-fit:contain;object-position:left;filter:brightness(0);opacity:.85;width:auto;max-width:140px;height:22px}.pk-marke{color:var(--color-cream);font-size:15px;font-weight:500;line-height:22px}.pk-branche{color:var(--color-muted);margin-top:22px;font-size:13px}.pk-titel{letter-spacing:-.02em;color:var(--color-cream);text-wrap:balance;margin-top:6px;font-size:clamp(21px,18px + .7vw,26px);font-weight:500;line-height:1.18}.pk-kurz{color:var(--color-text-80);margin-top:10px;font-size:15px}.pk-link{color:var(--color-cream);text-decoration:underline;-webkit-text-decoration-color:var(--color-hair-strong);text-decoration-color:var(--color-hair-strong);text-underline-offset:4px;align-items:center;gap:4px;margin-top:14px;font-size:13.5px;font-weight:500;display:inline-flex}.pk-karte:hover .pk-link{-webkit-text-decoration-color:var(--color-cream);text-decoration-color:var(--color-cream)}.pk-bild{flex:1 0 auto;min-height:clamp(220px,24vw,300px);position:relative;overflow:hidden}.pk-bild .cs-tablet{transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 -32px -8px clamp(24px,3vw,36px)}.pk-karte:hover .cs-tablet{transform:translateY(-8px)}.pk-pfeile{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.pk-pfeile button{border:1px solid var(--color-hair-strong);background:var(--color-bg);width:44px;height:44px;color:var(--color-cream);cursor:pointer;border-radius:999px;place-items:center;transition:background-color .2s,border-color .2s;display:grid}.pk-pfeile button:hover{background:var(--color-surface-2);border-color:var(--color-cream)}@media (prefers-reduced-motion:reduce){.cs-hero-licht{animation:none}.df-geraet,.pk-bild .cs-tablet{transition:none}.df-text-inhalt,.df-faecher.ist-offen .df-geraet.ist-neu{animation:none}}