.isv{--iso-akzent:var(--marke,#00797e);--iso-grund:#f8fafc;--iso-platte-oben:#fff;--iso-platte-seite:#d8dfe3;--iso-schatten:#2a3e470f;--iso-kante:transparent;--iso-kante-breite:0;--iso-glut-an:none;--iso-glut:color-mix(in oklab, var(--iso-akzent) 40%, transparent);--iso-glas-oben:var(--iso-akzent);--iso-glas-seite:color-mix(in oklab, var(--iso-akzent) 62%, black);--iso-deck-oben:#d8dfe3;--iso-deck-seite:#b5c0c5;--iso-kachel:#f0f4f6;--iso-kachel-rand:#d1d9dd;--iso-kachel-aktiv:#fff;--iso-kachel-glas:#0000001a;--iso-kachel-glas-rand:#ffffff73;--iso-text:#252f37;--iso-text-leise:#4c575f;--iso-text-glas:#fff;--iso-linie:#444f57;--iso-linie-aktiv:#006b74;--iso-linie-glas:#fff;--iso-linie-offen:#5c656b;--iso-impuls:var(--iso-linie-aktiv);--iso-sperre-oben:#ffe4b7;--iso-sperre-seite:#e7b375;--iso-sperre-linie:#7d460b;--iso-symbol:#444f57;--iso-symbol-glas:#fff;--iso-strich:2;--iso-start-traeger:0s;--iso-start-verbindung:.9s;--iso-start-hindernis:1.9s;--iso-start-etikett:2.2s;--iso-start-leben:2.9s;--iso-takt:.14s;--iso-kurve-ein:cubic-bezier(.22, 1, .36, 1)}@supports (color:lab(0% 0 0)){.isv{--iso-akzent:var(--marke,lab(45.2814% -31.2188 -12.7895));--iso-grund:lab(98.272% -.642061 -.879765);--iso-platte-oben:lab(100% 0 0);--iso-platte-seite:lab(88.4391% -2.12374 -2.92296);--iso-schatten:lab(24.6944% -5.88448 -8.55082/.06);--iso-deck-oben:lab(88.4391% -2.12374 -2.92296);--iso-deck-seite:lab(76.8538% -2.95487 -4.08195);--iso-kachel:lab(95.9598% -1.06791 -1.46497);--iso-kachel-rand:lab(86.119% -2.12321 -2.92268);--iso-kachel-aktiv:lab(100% 0 0);--iso-kachel-glas:lab(0% 0 0/.1);--iso-kachel-glas-rand:lab(100% -.0000298023 .0000119209/.45);--iso-text:lab(18.8165% -2.96721 -6.45695);--iso-text-leise:lab(36.2224% -3.08807 -6.5062);--iso-text-glas:lab(100% 0 0);--iso-linie:lab(32.7416% -3.07103 -6.49882);--iso-linie-aktiv:lab(40.6093% -32.0397 -17.1361);--iso-linie-glas:lab(100% 0 0);--iso-linie-offen:lab(42.0196% -2.3734 -4.90611);--iso-sperre-oben:lab(92.0085% 5.3418 27.5105);--iso-sperre-seite:lab(76.691% 14.4525 39.2184);--iso-sperre-linie:lab(35.7726% 21.2207 41.6775);--iso-symbol:lab(32.7416% -3.07103 -6.49882);--iso-symbol-glas:lab(100% 0 0)}}.isv[data-iso-stil=wireframe]{--iso-akzent:var(--marke-hell,#17d0d8);--iso-grund:#091018;--iso-platte-oben:#0f1923;--iso-platte-seite:#040a11;--iso-schatten:#0000002e;--iso-kante:#3894a8;--iso-kante-breite:1.25;--iso-glut-an:inline;--iso-glut:color-mix(in oklab, var(--iso-akzent) 22%, transparent);--iso-glas-oben:#00353c;--iso-glas-seite:#001a21;--iso-deck-oben:#0d151c;--iso-deck-seite:#03080f;--iso-kachel:#162330;--iso-kachel-rand:#2e6d7f;--iso-kachel-aktiv:#003a43;--iso-kachel-glas:#05454e;--iso-kachel-glas-rand:#2d8f9e;--iso-text:#deeaef;--iso-text-leise:#a9c3cb;--iso-text-glas:#eef7f8;--iso-linie:#4ab6c7;--iso-linie-aktiv:var(--iso-akzent);--iso-linie-glas:#9deff3;--iso-linie-offen:#688594;--iso-sperre-oben:#3e290f;--iso-sperre-seite:#211201;--iso-sperre-linie:#f9b64f;--iso-symbol:#a0d9e3;--iso-symbol-glas:#d8f5f6}@supports (color:lab(0% 0 0)){.isv[data-iso-stil=wireframe]{--iso-akzent:var(--marke-hell,lab(75.7364% -40.6824 -16.7022));--iso-grund:lab(4.40365% -1.00486 -5.62652);--iso-platte-oben:lab(8.29585% -1.88898 -8.60288);--iso-platte-seite:lab(2.45156% -.604466 -3.93615);--iso-schatten:lab(0% 0 0/.18);--iso-kante:lab(56.4987% -23.12 -19.1125);--iso-glas-oben:lab(19.2422% -16.3332 -11.0437);--iso-glas-seite:lab(7.45704% -8.58605 -8.3815);--iso-deck-oben:lab(6.15637% -1.32418 -6.62588);--iso-deck-seite:lab(1.95972% -.491969 -3.43974);--iso-kachel:lab(12.9225% -2.26182 -10.321);--iso-kachel-rand:lab(42.365% -16.4104 -16.6116);--iso-kachel-aktiv:lab(21.5655% -16.4188 -11.0688);--iso-kachel-glas:lab(26.211% -16.5567 -11.1127);--iso-kachel-glas-rand:lab(54.2831% -24.9944 -16.7247);--iso-text:lab(91.9716% -3.8178 -3.68528);--iso-text-leise:lab(76.9787% -7.54112 -7.31791);--iso-text-glas:lab(96.6197% -3.16557 -1.32873);--iso-linie:lab(68.2838% -27.8863 -18.626);--iso-linie-glas:lab(89.1854% -25.1944 -10.4373);--iso-linie-offen:lab(53.7337% -8.01927 -11.466);--iso-sperre-oben:lab(18.7182% 7.6988 20.5765);--iso-sperre-seite:lab(7.14974% 6.30463 10.1921);--iso-sperre-linie:lab(79.0314% 17.97 60.1869);--iso-symbol:lab(83.0759% -17.1223 -11.3549);--iso-symbol-glas:lab(94.4979% -9.48459 -3.96528)}}.isv{position:relative}.isv-svg{width:100%;height:auto;display:block;overflow:visible}.isv[data-iso-stil=wireframe]{background:var(--iso-grund);border-radius:1.5rem}.isv-platte__schatten{fill:var(--iso-schatten)}.isv-platte__seite{fill:var(--iso-platte-seite);stroke:var(--iso-kante);stroke-width:var(--iso-kante-breite);stroke-linejoin:round}.isv-platte__oben{fill:var(--iso-platte-oben);stroke:var(--iso-kante);stroke-width:var(--iso-kante-breite)}.isv-platte__bruecke{stroke:none}.isv-platte__flanke{fill:none}.isv-glas .isv-platte__oben{fill:var(--iso-glas-oben)}.isv-glas .isv-platte__seite{fill:var(--iso-glas-seite)}.isv-deck .isv-platte__oben{fill:var(--iso-deck-oben)}.isv-deck .isv-platte__seite{fill:var(--iso-deck-seite)}.isv-deck__fuge{stroke:none}.isv-wechsel .isv-platte__oben{fill:var(--iso-deck-oben)}.isv-wechsel .isv-platte__seite{fill:var(--iso-deck-seite)}.isv-sperre .isv-platte__oben{fill:var(--iso-sperre-oben)}.isv-sperre .isv-platte__seite{fill:var(--iso-sperre-seite)}.isv-kachel{fill:var(--iso-kachel);stroke:var(--iso-kachel-rand);stroke-width:1px}.isv-kachel[data-iso-aktiv]{fill:var(--iso-kachel-aktiv);stroke:var(--iso-linie-aktiv)}.isv-glas .isv-kachel{fill:var(--iso-kachel-glas);stroke:var(--iso-kachel-glas-rand)}.isv-text{fill:var(--iso-text);letter-spacing:-.005em;font-size:13px;font-weight:500}.isv-text--titel{letter-spacing:-.01em;font-size:15px;font-weight:600}.isv-text--leise{fill:var(--iso-text-leise);font-size:11px}.isv-glas .isv-text{fill:var(--iso-text-glas)}.isv-symbol{fill:none;stroke:var(--iso-symbol);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.isv-symbol--flaeche{fill:var(--iso-symbol);stroke:none}.isv-glas .isv-symbol{stroke:var(--iso-symbol-glas)}.isv-glas .isv-symbol--flaeche{fill:var(--iso-symbol-glas)}.isv-sperre .isv-symbol{stroke:var(--iso-sperre-linie)}.isv-linie{fill:none;stroke:var(--iso-linie);stroke-width:var(--iso-strich);stroke-linecap:round;stroke-linejoin:round}.isv-linie--aktiv{stroke:var(--iso-linie-aktiv);stroke-width:2.4px}.isv-linie--glas{stroke:var(--iso-linie-glas)}.isv-linie--sperre{stroke:var(--iso-sperre-linie)}.isv-linie--offen{stroke:var(--iso-linie-offen);stroke-dasharray:5 6}.isv-linie--glas.isv-linie--offen,.isv-linie--glas.isv-linie--aktiv{stroke:var(--iso-linie-glas)}.isv-linie__glut{fill:none;stroke:var(--iso-glut);stroke-width:7px;stroke-linecap:round;display:var(--iso-glut-an)}[data-iso-aktiv] .isv-linie__glut{display:inline}.isv-impuls{fill:var(--iso-impuls)}[pathLength]{vector-effect:none}.isv-pille{transform-origin:0 0;pointer-events:none;white-space:nowrap;transform:matrix(calc(1.1 * .86603 * var(--massstab,1)), calc(1.1 * -.5 * var(--massstab,1)), calc(1.1 * .86603 * var(--massstab,1)), calc(1.1 * .5 * var(--massstab,1)), 0, 0);position:absolute}[data-iso-phase=traeger]{--iso-start:var(--iso-start-traeger)}[data-iso-phase=verbindung]{--iso-start:var(--iso-start-verbindung)}[data-iso-phase=hindernis]{--iso-start:var(--iso-start-hindernis)}[data-iso-phase=etikett]{--iso-start:var(--iso-start-etikett)}[data-iso-phase=leben]{--iso-start:var(--iso-start-leben)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.isv [data-iso-phase],.isv .isv-zeichnen{transition-property:opacity,translate,stroke-dashoffset;transition-duration:.9s,1.1s,1.1s;transition-timing-function:var(--iso-kurve-ein);transition-delay:calc(var(--iso-start) + var(--iso-n,0) * var(--iso-takt))}.isv .isv-impuls{transition:none}.isv :is([data-iso-phase=traeger],[data-iso-phase=hindernis]){opacity:0;translate:0 14px}.isv [data-iso-phase=etikett]{opacity:0;translate:0 8px}.isv [data-iso-offen]{opacity:0}.isv .isv-zeichnen{stroke-dasharray:1;stroke-dashoffset:1px}.isv[data-sichtbar] :is([data-iso-phase=traeger],[data-iso-phase=hindernis],[data-iso-phase=etikett],[data-iso-offen]){opacity:1;translate:0}.isv[data-sichtbar] .isv-zeichnen{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.isv-impuls{display:none}}.isv-ebene{pointer-events:none;position:absolute;inset:0}.isv-ebene__hub{width:100%;height:100%}.isv-ebene__svg{width:100%;height:100%;display:block;overflow:visible}.isv .isv-ebene__svg :is([data-iso-phase],[data-iso-offen]):not(.isv-impuls){opacity:1;translate:none;transition:none!important}.isv .isv-ebene__svg .isv-zeichnen{stroke-dasharray:none;stroke-dashoffset:0;transition:none!important}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.isv:not([data-sichtbar]) .isv-ebene:is([data-iso-phase=traeger],[data-iso-phase=hindernis]){translate:0 calc(14px * var(--massstab,1))}.isv .isv-ebene[data-iso-phase=verbindung]{opacity:0}.isv[data-sichtbar] .isv-ebene[data-iso-phase=verbindung]{opacity:1}}.isv-demo-pille{background:var(--iso-platte-oben);color:var(--iso-text);box-shadow:inset 0 0 0 1px var(--iso-kachel-rand);border-radius:999px;align-items:center;gap:.35em;padding:.2em .65em;font:500 12px/1.4 system-ui,sans-serif;display:inline-flex}.isv-demo-pille:before{content:"";background:var(--iso-linie-offen);border-radius:50%;width:.5em;height:.5em}.isv-demo-pille[data-ton=erfolg]:before{background:var(--iso-linie-aktiv)}.isv-demo-pille[data-ton=info]:before{background:var(--iso-linie)}.isv-demo-pille[data-ton=warnung]:before{background:var(--iso-sperre-linie)}.isv[data-klein] .isv-pille{display:none}.isv[data-klein] .isv-text{font-size:max(13px, calc(10.5px / var(--massstab)));dominant-baseline:text-after-edge}
.fx-kacheln{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2vw,2rem);margin-top:clamp(3rem,6vw,5rem);display:grid}.fx-kachel{align-content:start;gap:1.25rem;margin:0;display:grid}.fx-kachel[data-breit]{grid-column:span 2}.fx-kachel__buehne{background:radial-gradient(80% 70% at 50% 0% in oklch, oklch(from var(--color-akzent-200) l c h / .5), oklch(from var(--color-akzent-200) l c h / 0) 75%), color-mix(in oklch, var(--color-akzent-100) 26%, var(--color-grund));height:clamp(15rem,22vw,20rem);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 1px oklch(from var(--color-akzent-800) l c h / .06);border-radius:1.75rem;place-items:center;padding:clamp(1rem,3%,2rem);display:grid;container-type:size}@supports (color:lab(0% 0 0)){.fx-kachel__buehne{box-shadow:inset 0 1px 0 lab(100% 0 0/.7), 0 0 0 1px oklch(from var(--color-akzent-800) l c h / .06)}}.fx-szene{width:min(100cqw, 100cqh * var(--r))}.fx-szene .fi-szene{width:100%}.fx-kachel__buehne{position:relative}.fx-probe{inset-inline-start:1.25rem;gap:.5rem;display:flex;position:absolute;bottom:1.25rem}.fx-probe .hausfarbe-feld{width:1.375rem;height:1.375rem}.fx-kachel__buehne:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 50% 0% in oklch, oklch(from var(--color-akzent-300) l c h / .35), oklch(from var(--color-akzent-300) l c h / 0) 80%);transition:opacity .5s var(--kurve-ein);position:absolute;inset:0}.fx-kachel :is(.isv-ebene__hub,.isv-pille>*){transition:translate var(--bew-hover-aus,.2s) var(--kurve-ein)}@media (hover:hover) and (pointer:fine){.fx-kachel:is(:hover,:has(:focus-visible)) .fx-kachel__buehne:before{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.fx-kachel:is(:hover,:has(:focus-visible)) .isv-ebene__hub{translate:0 calc(var(--hub-hover,0) * -1px);transition-duration:var(--bew-hover-ein,.25s);transition-timing-function:var(--kurve-schwebe);transition-delay:calc(var(--hub-n,0) * 70ms)}.fx-kachel:is(:hover,:has(:focus-visible)) .isv-pille>*{translate:calc(4px / (1.1 * var(--massstab,1))) calc(-4px / (1.1 * var(--massstab,1)));transition-duration:var(--bew-hover-ein,.25s);transition-timing-function:var(--kurve-schwebe);transition-delay:calc(.14s + var(--iso-n,0) * 70ms)}}.fx-kachel__titel{letter-spacing:-.01em;color:var(--color-basis-950);font-size:1.25rem;font-weight:500}.fx-kachel__text{max-width:34rem;color:var(--color-basis-600);margin-top:.375rem;line-height:1.55}.fx-register{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 3rem;margin-top:clamp(4rem,8vw,7rem);display:grid}.fx-gruppe{color:var(--color-basis-950);font-size:.9375rem;font-weight:600}.fx-liste{margin-top:1rem;display:grid}.fx-eintrag{--haarlinie:color-mix(in oklab, var(--color-basis-900) 9%, transparent);padding-block:.875rem}.fx-name{color:var(--color-basis-900);font-weight:500}.fx-satz{color:var(--color-basis-600);margin-top:.25rem;font-size:.9375rem;line-height:1.5}:root[data-modus=dunkel] .fx-kachel__buehne{background:radial-gradient(80% 70% at 50% 0% in oklch, oklch(from var(--color-akzent-500) l c h / .16), oklch(from var(--color-akzent-500) l c h / 0) 75%), color-mix(in oklch, var(--color-akzent-900) 22%, var(--color-grund));box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #ffffff0f;box-shadow:inset 0 1px lab(100% 0 0/.05),0 0 0 1px lab(100% 0 0/.06)}.fi-szene.isv{--iso-glas-oben:var(--color-akzent-600);--iso-glas-seite:var(--color-akzent-800)}:root[data-modus=dunkel] .fi-szene.isv{--iso-platte-oben:#272c32;--iso-platte-seite:#191d24;--iso-schatten:#00000159;--iso-kachel:#1d2228;--iso-kachel-rand:#ffffff14;--iso-kachel-aktiv:#2f3640;--iso-text:#e0e5eb;--iso-text-leise:#aaaeb4;--iso-linie:#babec4;--iso-symbol:#babec4;--iso-deck-oben:#1d2228;--iso-deck-seite:#12161c}@supports (color:lab(0% 0 0)){:root[data-modus=dunkel] .fi-szene.isv{--iso-platte-oben:lab(17.5961% -.808239 -5.09725);--iso-platte-seite:lab(10.6331% -.752881 -5.0746);--iso-schatten:lab(.109497% -.0038743 -.280035/.35);--iso-kachel:lab(12.9543% -.774369 -5.08317);--iso-kachel-rand:lab(100% 0 0/.08);--iso-kachel-aktiv:lab(22.2131% -1.07723 -7.25008);--iso-text:lab(90.6949% -.691563 -3.69668);--iso-text-leise:lab(70.9745% -.684172 -3.69262);--iso-linie:lab(76.7746% -.686735 -3.69397);--iso-symbol:lab(76.7746% -.686735 -3.69397);--iso-deck-oben:lab(12.9543% -.774369 -5.08317);--iso-deck-seite:lab(7.1806% -.658035 -5.00801)}}@media (max-width:1023px){.fx-kacheln,.fx-register{grid-template-columns:minmax(0,1fr)}.fx-kachel[data-breit]{grid-column:auto}}.fx-kachel__buehne{--n:0}.fx-kachel figcaption{--n:3}.fx .isv{--iso-takt:.23s}.fx-register{--film-staffel:.11s;--film-dauer:1.1s}.fx-name{transition:translate .5s var(--film), color .3s var(--kurve-ein)}.fx-eintrag:before{transition:background-color .4s var(--kurve-ein)}@media (hover:hover) and (pointer:fine){.fx-eintrag:hover{--haarlinie:color-mix(in oklab, var(--color-akzent-600) 70%, transparent)}.fx-eintrag:hover .fx-name{color:var(--color-basis-950);translate:.3rem}}@media (prefers-reduced-motion:reduce){.fx-name{transition:color .3s}.fx-eintrag:hover .fx-name{translate:none}}.fx-paar{place-items:center;width:100%;height:100%;display:grid}.fx-paar>.fx-szene{grid-area:1/1}.fx-paar>.fx-szene[data-fassung=hoch]{display:none}.fx-kachel:not([data-breit]) .fx-paar:has(>[data-fassung=breit] .isv[data-klein])>[data-fassung=breit]{visibility:hidden}.fx-kachel:not([data-breit]) .fx-paar:has(>[data-fassung=breit] .isv[data-klein])>[data-fassung=hoch]{display:block}@media (max-width:1023px){.fx-kachel__buehne{height:23rem}.fx-paar:has(>[data-fassung=breit] .isv[data-klein])>[data-fassung=breit]{visibility:hidden}.fx-paar:has(>[data-fassung=breit] .isv[data-klein])>[data-fassung=hoch]{display:block}}