:root{--color-bg:#fcfcfd;--color-surface:#f1f2f5;--color-fg:#14161a;--color-muted:#5c6270;--color-accent:#2b3fa8;--color-on-accent:#fff;--color-border:#dcdee4;--color-border-strong:#868b99;--color-accent-2:#0b5e5e;--color-accent-2-weich:#e4f1f1;--gradient-signal:linear-gradient(135deg, #0b5e5e 0%, #2b3fa8 55%, #5b2b93 100%);--color-accent-3:#5b2b93;--color-accent-3-weich:#f1eafa;--color-accent-weich:#e9ecf8;--color-geraet:#14161a;--background:var(--color-bg);--foreground:var(--color-fg);--text-1:.8125rem;--text-2:1rem;--text-3:1.25rem;--text-4:1.5rem;--text-5:2rem;--text-6:2.75rem;--text-7:clamp(2.75rem, 7vw, 5.5rem);--leading-tight:1.15;--leading-normal:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--content-max:72rem}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1114;--color-surface:#191c21;--color-fg:#e7e9ed;--color-muted:#969ca8;--color-accent:#8fa0ff;--color-on-accent:#0f1114;--color-border:#272b32;--color-border-strong:#606776;--color-accent-2:#5fd4d4;--color-accent-2-weich:#122e2e;--gradient-signal:linear-gradient(135deg, #5fd4d4 0%, #8fa0ff 55%, #c08cff 100%);--color-accent-3:#c08cff;--color-accent-3-weich:#1e1430;--color-accent-weich:#161a2e;--color-geraet:#2a2e36}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-2);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;display:flex}.skip-link{top:calc(var(--space-6) * -2);left:var(--space-3);z-index:100;background:var(--color-accent);color:var(--color-on-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-3);outline:2px solid var(--color-border-strong);outline-offset:2px}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:var(--content-max);padding:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;margin-inline:auto;display:flex}.site-header-brand{align-items:center;gap:var(--space-2);color:var(--color-fg);font-weight:600;text-decoration:none;display:flex}.site-header-brand svg{color:var(--color-accent)}.site-nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.site-nav a{color:var(--color-muted);text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.site-header-brand:focus-visible{color:var(--color-fg)}.site-nav a:focus-visible,.site-header-brand:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.site-footer{gap:var(--space-2);width:100%;max-width:var(--content-max);padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;margin-inline:auto;display:flex}.site-footer-nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer-nav a{color:var(--color-muted);text-decoration:none}.site-footer-nav a:hover,.site-footer-nav a:focus-visible{color:var(--color-fg)}.site-footer-nav a:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.site-footer p{color:var(--color-muted);font-size:var(--text-1)}main{flex:1}.prose{max-width:var(--content-max);padding:var(--space-6) var(--space-3);margin-inline:auto}.prose h1{font-size:var(--text-5);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.prose h2{font-size:var(--text-4);line-height:var(--leading-tight);margin-top:var(--space-5);margin-bottom:var(--space-3)}.prose p{max-width:70ch}.prose p+p{margin-top:var(--space-3)}.prose a{color:var(--color-accent)}.prose a:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.placeholder-note{border:1px solid var(--color-border-strong);background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.product-hero{max-width:var(--content-max);padding:var(--space-6) var(--space-3);margin-inline:auto}.product-hero-brand{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.product-hero-brand svg{color:var(--color-accent-2)}.product-hero h1{font-size:var(--text-6);line-height:var(--leading-tight)}.product-hero-lead{color:var(--color-fg);font-size:var(--text-3);line-height:var(--leading-tight);max-width:32ch;margin-top:var(--space-3)}.product-wege{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.product-wege a{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-1);border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex}.product-wege a:before{content:"";width:var(--space-2);height:var(--space-2);background:var(--weg,var(--color-accent-2));border-radius:50%}.product-wege li:nth-child(2) a{--weg:var(--color-accent)}.product-wege li:nth-child(3) a{--weg:var(--color-accent-3)}.product-wege a:hover{border-color:var(--color-fg)}.product-wege a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.product-hero-einleitung{max-width:60ch}body{position:relative}body:before{content:"";opacity:.58;pointer-events:none;z-index:0;background-image:url(/klangfeld-hero-hell.webp);background-position:100% 0;background-size:cover;height:min(58rem,100%);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0% 7%,#000000d9 20% 32%,#0000004d 62%,#0000001a 82%,#0000 100%);mask-image:linear-gradient(#0000 0% 7%,#000000d9 20% 32%,#0000004d 62%,#0000001a 82%,#0000 100%)}body>*{z-index:1;position:relative}@media (prefers-color-scheme:dark){body:before{opacity:.42;background-image:url(/klangfeld-hero-dunkel.webp)}}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sonvel-lockup{height:calc(var(--text-5) * 5 / 6);width:auto}.entevion-lockup{height:calc(var(--text-4) * 5 / 8);width:auto}.product-hero{gap:var(--space-5);padding:var(--space-5) var(--space-3);align-items:center;display:grid}.product-kapitel{--kapitel:var(--color-accent-2);--kapitel-weich:var(--color-accent-2-weich)}.product-kapitel-2{--kapitel:var(--color-accent);--kapitel-weich:var(--color-accent-weich)}.product-kapitel-3{--kapitel:var(--color-accent-3);--kapitel-weich:var(--color-accent-3-weich)}.product-kapitel-kopf{z-index:2;padding:var(--space-3) 0;background:var(--kapitel-weich);border-top:var(--space-1) solid var(--kapitel);position:sticky;top:0}.product-kapitel-kopf-innen{align-items:baseline;gap:var(--space-3);max-width:var(--content-max);padding:0 var(--space-3);flex-wrap:wrap;margin-inline:auto;display:flex}.product-kapitel-nr{font-size:var(--text-1);letter-spacing:.1em;text-transform:uppercase;color:var(--kapitel);font-weight:700}.product-kapitel-kopf h2{font-size:var(--text-4);line-height:var(--leading-tight)}@media (min-width:48rem){.product-hero{column-gap:var(--space-6);grid-template-columns:1fr auto}.product-hero .lupe-rahmen{grid-row:span 2}.product-hero-lead{font-size:var(--text-5)}}@keyframes kapitel-flaeche{0%{background-color:color-mix(in srgb, var(--kapitel-weich) 15%, transparent);border-top-color:color-mix(in srgb, var(--kapitel) 15%, transparent)}to{background-color:var(--kapitel-weich);border-top-color:var(--kapitel)}}@keyframes kapitel-titel{0%{opacity:.5}to{opacity:1}}@keyframes kapitel-nummer{0%{opacity:.85}to{opacity:1}}@keyframes kapitel-versatz{0%{transform:translateY(var(--space-3)) scale(.94)}to{transform:none}}@keyframes kapitel-weicht{0%{opacity:1}to{opacity:.15}}@supports (animation-timeline:view()){.product-kapitel{view-timeline-name:--kapitel}.product-kapitel-kopf{animation:linear both kapitel-flaeche,linear backwards kapitel-weicht;animation-timeline:--kapitel,--kapitel;animation-range:exit-crossing -15rem exit-crossing 0%,exit-crossing calc(100% - 15rem)}.product-kapitel-kopf-innen{animation:linear both kapitel-versatz;animation-timeline:--kapitel;animation-range:exit-crossing -15rem exit-crossing 0%}.product-kapitel-kopf h2{animation:linear both kapitel-titel;animation-timeline:--kapitel;animation-range:exit-crossing -15rem exit-crossing 0%}.product-kapitel-nr{animation:linear both kapitel-nummer;animation-timeline:--kapitel;animation-range:exit-crossing -15rem exit-crossing 0%}@media (prefers-reduced-motion:reduce){.product-kapitel-kopf,.product-kapitel-kopf-innen,.product-kapitel-kopf h2,.product-kapitel-nr{animation:none}}}.site-header{grid-template-columns:1fr auto;grid-template-areas:"brand sprache""nav nav";display:grid}.site-header-brand{grid-area:brand;justify-self:start}.site-nav{grid-area:nav}.sprachwahl{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-1);line-height:var(--leading-tight);grid-area:sprache;display:flex;overflow:hidden}.sprachwahl a,.sprachwahl span{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-3);justify-content:center;align-items:center;display:flex}.sprachwahl a{color:var(--color-muted);text-decoration:none}.sprachwahl a:hover,.sprachwahl a:focus-visible{color:var(--color-fg)}.sprachwahl a:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:-2px}.sprachwahl [aria-current]{background:var(--color-fg);color:var(--color-bg);font-weight:700}@media (min-width:48rem){.site-header{gap:var(--space-4);grid-template-columns:1fr auto auto;grid-template-areas:"brand nav sprache"}}.geraet{padding:calc(var(--space-1) * 1.6);background:var(--color-geraet);box-shadow:0 0 0 1px var(--color-border-strong), 0 2rem 4rem -1rem color-mix(in oklab, var(--color-accent-3) 35%, transparent);border-radius:2.2rem}.geraet img{border-radius:1.85rem;width:100%;height:auto}.knopf{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:999px;font-weight:600;text-decoration:none;display:inline-block}.knopf:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}@keyframes schweben{0%{translate:0}to{translate:0 -.75rem}}@keyframes pegel{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.buehne{max-width:var(--content-max);padding:var(--space-6) var(--space-3) var(--space-5);gap:var(--space-5);text-align:center;align-items:center;margin-inline:auto;display:grid;position:relative}.buehne:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(50% 50% at 50% 0%, color-mix(in oklab, var(--color-accent) 22%, transparent), transparent 70%);height:100%;position:absolute;inset:-20% 0 auto}.buehne-pegel{justify-content:center;align-items:end;gap:var(--space-2);height:4.5rem;margin-bottom:var(--space-4);display:flex}.buehne-pegel span{background:var(--gradient-signal);transform-origin:bottom;border-radius:999px;width:.8rem;animation:.9s ease-in-out infinite alternate both pegel}.buehne-pegel span:first-child{height:45%;animation-delay:-.2s}.buehne-pegel span:nth-child(2){height:100%;animation-delay:-.6s}.buehne-pegel span:nth-child(3){height:70%;animation-delay:-.1s}.buehne-pegel span:nth-child(4){height:55%;animation-delay:-.45s}.buehne-titel{font-size:var(--text-7);letter-spacing:-.03em;max-width:14ch;margin-inline:auto;line-height:1.02}.buehne-verlauf{color:var(--color-accent-2);display:inline-block;position:relative}.buehne-verlauf:after{content:attr(data-text) / "";color:var(--color-accent-3);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 15%,#000 85%);mask-image:linear-gradient(90deg,#0000 15%,#000 85%)}.buehne-lead{color:var(--color-muted);font-size:var(--text-3);max-width:40ch;margin:var(--space-4) auto var(--space-5)}.buehne-geraete{display:none}@media (min-width:52rem){.buehne{text-align:left;grid-template-columns:1fr 1.1fr}.buehne:before,.buehne-pegel{display:none}.buehne-titel,.buehne-lead{margin-inline:0}.buehne-geraete{perspective:1600px;height:34rem;display:block;position:relative}.buehne-halo{filter:blur(2rem);background:radial-gradient(closest-side, color-mix(in oklab, var(--color-accent-2) 45%, transparent), transparent 70%) 20% 60% / 70% 70% no-repeat, radial-gradient(closest-side, color-mix(in oklab, var(--color-accent-3) 45%, transparent), transparent 70%) 80% 40% / 70% 70% no-repeat;position:absolute;inset:10% 5%}.buehne-ring{border:1px solid var(--color-border);border-radius:50%;position:absolute;inset:4% 12%}.buehne-ring+.buehne-ring{inset:16% 22%}.buehne-geraete .geraet{width:15rem;position:absolute;top:50%;left:50%}.buehne-mitte{z-index:2;animation:3.5s ease-in-out infinite alternate both schweben;transform:translate(-50%,-50%)}.buehne-links{transform:translate(-128%,-46%)rotateY(22deg)scale(.84)}.buehne-rechts{transform:translate(28%,-54%)rotateY(-22deg)scale(.84)}.buehne-chip{z-index:3;font-size:var(--text-1);padding:var(--space-2) var(--space-3);white-space:nowrap;background:color-mix(in oklab, var(--color-bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--color-border), 0 .5rem 1.5rem -.5rem color-mix(in oklab, var(--color-fg) 30%, transparent);border-radius:999px;font-weight:600;position:absolute}.buehne-chip i{width:.5rem;height:.5rem;margin-right:var(--space-2);background:var(--color-accent-2);border-radius:50%;display:inline-block}.buehne-chip-1{top:10%;left:0}.buehne-chip-2{bottom:12%;right:0}.buehne-chip-2 i{background:var(--color-accent-3)}}.kacheln{max-width:var(--content-max);padding:0 var(--space-3) var(--space-6);gap:var(--space-3);margin-inline:auto;display:grid}.kachel{border-radius:calc(var(--radius-lg) * 1.5);padding:var(--space-4);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);min-height:22rem;position:relative;overflow:hidden}.kachel h2{font-size:var(--text-3);line-height:var(--leading-tight);z-index:1;max-width:14ch;position:relative}.kachel p{color:var(--color-muted);font-size:var(--text-1);max-width:34ch;margin-top:var(--space-2);z-index:1;position:relative}.kachel .geraet{width:11rem;right:var(--space-3);position:absolute;bottom:-10rem;transform:rotate(6deg)}.kachel-gross{background:var(--color-accent-3-weich);min-height:28rem}.kachel-gross h2{font-size:var(--text-5)}.kachel-gross .geraet{width:13rem;bottom:-13rem;right:12%;transform:rotate(-8deg)}.kachel-zwei{background:var(--color-accent-2-weich)}@media (min-width:52rem){.kacheln{grid-template-rows:15rem 15rem auto;grid-template-columns:repeat(3,1fr)}.kachel{min-height:0}.kachel-gross{grid-area:span 2/span 2}.kachel-breit{grid-column:span 3}.kachel h2{max-width:9ch}.kachel .geraet{width:9rem;bottom:-7rem}.kachel-gross h2{max-width:18ch}.kachel-gross .geraet{width:17rem;bottom:-12rem}}.kachel-breit{background:var(--color-bg);align-items:center;min-height:0;display:flex}.kachel-breit:before{content:"";border-radius:inherit;background:var(--gradient-signal);-webkit-mask:linear-gradient(var(--color-fg) 0 0) content-box, linear-gradient(var(--color-fg) 0 0);mask:linear-gradient(var(--color-fg) 0 0) content-box, linear-gradient(var(--color-fg) 0 0);padding:2px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.kachel-breit h2{max-width:none;font-size:var(--text-4)}@media (prefers-reduced-motion:reduce){.buehne-pegel span,.buehne-mitte{animation:none}}.lupe-rahmen{align-content:start;justify-items:center;gap:var(--space-2);display:grid}.lupe-knopf{color:inherit;font:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:2.2rem;padding:0}.lupe-knopf:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.lupe-knopf .geraet{width:13rem;display:block}.lupe-hinweis{font-size:var(--text-1);color:var(--color-muted)}.lupe{opacity:0;transition:opacity .25s, transform .25s, overlay .25s allow-discrete, display .25s allow-discrete;background:0 0;border:0;padding:0;overflow:visible;transform:scale(.92)}.lupe:popover-open{opacity:1;transform:none}@starting-style{.lupe:popover-open{opacity:0;transform:scale(.92)}}.lupe::backdrop{background:color-mix(in oklab, var(--color-bg) 75%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lupe .geraet img{width:min(24rem,86vw,38.7dvh)}.lupe-zu{margin:var(--space-3) auto 0;font:inherit;cursor:pointer;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border:0;border-radius:999px;font-weight:600;display:block}.lupe-zu:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.kapitel-inhalt{max-width:var(--content-max);padding:var(--space-5) var(--space-3) var(--space-6);margin-inline:auto}.erzaehlung{gap:var(--space-5);display:grid}.schritte{gap:var(--space-3);display:grid}.schritt{gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:calc(var(--radius-lg) * 1.5);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);display:grid}.schritt h3{font-size:var(--text-4);line-height:var(--leading-tight)}.schritt p{color:var(--color-muted);max-width:52ch}.erzaehlung-telefon{display:none}@media (min-width:52rem){.schritte{grid-template-columns:1fr 1fr}.schritt{align-content:start;column-gap:var(--space-4);grid-template-rows:auto 1fr;grid-template-columns:1fr 11rem}.schritt .lupe-rahmen{grid-area:1/2/span 2}.schritt .lupe-knopf .geraet{width:11rem}}.aussage{max-width:var(--content-max);padding:calc(var(--space-6) * 2) var(--space-3);margin-inline:auto}.aussage-text{font-size:var(--text-7);letter-spacing:-.03em;max-width:16ch;font-weight:700;line-height:1.05}.karaoke{-webkit-box-decoration-break:slice;box-decoration-break:slice}.stapel,.kapitel-raster{gap:var(--space-3);display:grid}.fkachel{gap:var(--space-4);padding:var(--space-5) var(--space-4);border-radius:calc(var(--radius-lg) * 1.5);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);align-content:start;display:grid;position:relative;overflow:hidden}.fkachel:nth-child(3){background:var(--color-accent-2-weich)}.fkachel h3{font-size:var(--text-4);line-height:var(--leading-tight)}.fkachel p{color:var(--color-muted);max-width:52ch;margin-top:var(--space-2)}.fkachel-leit{background:var(--kapitel-weich)}.fkachel-leit:before{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--color-accent-3) 30%, transparent), transparent);border-radius:50%;width:30rem;height:30rem;position:absolute;top:-6rem;right:-6rem}.fkachel-leit>*{position:relative}.fkachel-leit h3{font-size:var(--text-5)}.fkachel-leit .lupe-knopf .geraet{width:15rem}@media (min-width:52rem){.kapitel-raster{grid-template-columns:1fr 1fr}.kapitel-raster .fkachel-leit,.kapitel-raster .fkachel:last-child:nth-child(2n){grid-column:span 2}.fkachel{grid-template-columns:1fr 11rem;align-items:start}.fkachel .lupe-knopf .geraet{width:11rem}.fkachel-leit{padding:var(--space-6);grid-template-columns:1fr 16rem;align-items:center}.fkachel-leit .lupe-knopf{rotate:-4deg}.fkachel-leit .lupe-knopf .geraet{width:16rem}.fkachel-leit p{font-size:var(--text-3)}}@media (min-width:52rem) and (min-height:40rem){.stapel .fkachel{top:calc(5.5rem + var(--stapel,0) * 1.25rem);min-height:70vh;padding:var(--space-6);box-shadow:inset 0 0 0 1px var(--color-border), 0 -1rem 2rem -1rem color-mix(in oklab, var(--color-fg) 25%, transparent);grid-template-columns:1fr 15rem;align-items:center;position:sticky}.stapel .fkachel:nth-child(2){--stapel:1}.stapel .fkachel:nth-child(3){--stapel:2}.stapel .fkachel p{font-size:var(--text-3)}.stapel .fkachel .lupe-knopf .geraet{width:min(15rem,44.4444dvh - 8.88889rem)}}@keyframes karaoke{to{background-size:100% 100%,auto}}@keyframes fortschritt{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kippen{0%{transform:perspective(1200px)rotateX(28deg)rotate(-10deg)translateY(4rem)scale(.88)}to{transform:none}}@keyframes hervor{0%{color:var(--color-border-strong)}to{color:var(--color-fg)}}@keyframes einblenden{0%{opacity:0;transform:translateY(1.5rem)scale(.98)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.karaoke{color:#0000;background:linear-gradient(var(--color-fg), var(--color-fg)) 0 0 / 0% 100% no-repeat, linear-gradient(var(--color-border-strong), var(--color-border-strong));-webkit-background-clip:text;background-clip:text;animation:linear both karaoke;animation-timeline:view();animation-range:cover 25% cover 60%}.product-kapitel-kopf:after{content:"";background:var(--gradient-signal);transform-origin:0;height:3px;animation:linear both fortschritt;animation-timeline:--kapitel;animation-range:contain;position:absolute;bottom:0;left:0;right:0}.kippen{animation:linear both kippen;animation-timeline:view();animation-range:entry 10% cover 45%}@media (min-width:52rem) and (prefers-reduced-motion:no-preference){.erzaehlung{gap:var(--space-6);timeline-scope:--schritt-2, --schritt-3, --schritt-4;grid-template-columns:1fr 20rem}.schritte{grid-template-columns:1fr;gap:40vh;padding-block:20vh 40vh}.schritt{box-shadow:none;background:0 0;grid-template-rows:none;grid-template-columns:1fr;align-content:start;padding:0}.schritt h3{font-size:var(--text-5);animation:linear both hervor;animation-timeline:view();animation-range:cover 25% cover 50%}.schritt p{font-size:var(--text-3);max-width:44ch}.schritt .lupe-rahmen{display:none}.schritt:nth-child(2){view-timeline:--schritt-2 block}.schritt:nth-child(3){view-timeline:--schritt-3 block}.schritt:nth-child(4){view-timeline:--schritt-4 block}.erzaehlung-telefon{top:calc(4rem + var(--space-4));height:max-content;display:block;position:sticky}.erzaehlung-telefon:before{content:"";z-index:-1;filter:blur(2rem);background:radial-gradient(closest-side, color-mix(in oklab, var(--kapitel) 40%, transparent), transparent);position:absolute;inset:-15%}.erzaehlung-telefon .geraet{width:min(20rem, calc((100dvh - 4rem - var(--space-4) - var(--space-5)) * .45));position:relative}.erzaehlung-telefon .ebene{inset:calc(var(--space-1) * 1.6);position:absolute}.erzaehlung-telefon .ebene img{object-fit:cover;height:100%}.ebene-2{animation:linear both einblenden;animation-timeline:--schritt-2;animation-range:entry 60% cover 45%}.ebene-3{animation:linear both einblenden;animation-timeline:--schritt-3;animation-range:entry 60% cover 45%}.ebene-4{animation:linear both einblenden;animation-timeline:--schritt-4;animation-range:entry 60% cover 45%}}}@media (prefers-reduced-motion:reduce){.karaoke,.product-kapitel-kopf:after,.kippen{animation:none}.karaoke{color:inherit;background:0 0}.product-kapitel-kopf:after{transform:none}.lupe{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes ankunft{0%,50%{opacity:.45}to{opacity:0}}.product-kapitel:target .product-kapitel-kopf:before{content:"";z-index:-1;background:var(--kapitel);pointer-events:none;animation:2.4s ease-in both ankunft;position:absolute;inset:0}@property --fortschritt{syntax:"<percentage>";inherits:false;initial-value:0%}.nach-oben{right:var(--space-3);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0rem));z-index:5;width:3rem;height:3rem;color:var(--color-fg);background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, conic-gradient(var(--color-accent) var(--fortschritt), var(--color-border-strong) 0) border-box;box-shadow:0 .5rem 1.5rem -.5rem color-mix(in oklab, var(--color-fg) 45%, transparent);border:3px solid #0000;border-radius:50%;place-items:center;display:grid;position:fixed}.nach-oben svg{width:1.25rem;height:1.25rem}.nach-oben:hover{color:var(--color-accent)}.nach-oben:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@keyframes nach-oben-erscheint{0%{opacity:0;visibility:hidden;transform:translateY(var(--space-3)) scale(.8)}to{opacity:1;visibility:visible;transform:none}}@keyframes nach-oben-blendet{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes nach-oben-ring{0%{--fortschritt:0%}to{--fortschritt:100%}}@supports (animation-timeline:scroll()){.nach-oben{opacity:0;visibility:hidden;animation:linear both nach-oben-erscheint,linear both nach-oben-ring;animation-timeline:scroll(root),scroll(root);animation-range:60vh 100vh,normal}}@media (prefers-reduced-motion:reduce){.product-kapitel:target .product-kapitel-kopf:before{opacity:0;animation:none}.nach-oben{animation-name:nach-oben-blendet,nach-oben-ring}}