.iso{--iso-flaeche:var(--lightningcss-light,color-mix(in srgb, var(--ton-vg) 5%, var(--ton-grund)))var(--lightningcss-dark,color-mix(in srgb, var(--ton-vg) 4%, var(--ton-grund)));--iso-oben:var(--lightningcss-light,color-mix(in srgb, var(--ton-vg) 4%, var(--ton-grund)))var(--lightningcss-dark,color-mix(in srgb, var(--ton-vg) 9%, var(--ton-grund)));--iso-links:var(--lightningcss-light,color-mix(in srgb, var(--ton-vg) 11%, var(--ton-grund)))var(--lightningcss-dark,color-mix(in srgb, var(--ton-vg) 5%, var(--ton-grund)));--iso-rechts:var(--lightningcss-light,color-mix(in srgb, var(--ton-vg) 17%, var(--ton-grund)))var(--lightningcss-dark,color-mix(in srgb, var(--ton-vg) 2.5%, var(--ton-grund)));--iso-gold:color-mix(in srgb, var(--farbe-gold) 22%, var(--ton-grund));--iso-gold-seite:color-mix(in srgb, var(--farbe-gold) 12%, var(--ton-grund));stroke-linejoin:round;stroke-linecap:round}.iso [data-an]{--an:1}.iso :is(.iso-flaeche,.iso-oben,.iso-links,.iso-rechts,.iso-linie){stroke:color-mix(in srgb, var(--farbe-gold) calc(var(--an,0) * 100%), var(--ton-linie-stark));stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill .4s var(--kurve-weich), stroke .4s var(--kurve-weich)}.iso .iso-flaeche{fill:color-mix(in srgb, var(--iso-gold) calc(var(--an,0) * 100%), var(--iso-flaeche))}.iso .iso-oben{fill:color-mix(in srgb, var(--iso-gold) calc(var(--an,0) * 100%), var(--iso-oben))}.iso .iso-links{fill:color-mix(in srgb, var(--iso-gold-seite) calc(var(--an,0) * 100%), var(--iso-links))}.iso .iso-rechts{fill:color-mix(in srgb, var(--iso-gold-seite) calc(var(--an,0) * 100%), var(--iso-rechts))}.iso .iso-linie{fill:none;stroke-width:calc(1.25 + var(--an,0) * .75)}.iso .iso-leer,.iso.iso-draht :is(.iso-flaeche,.iso-oben,.iso-links,.iso-rechts):not([data-an] *){fill:none}.iso .iso-strich{stroke-dasharray:4 5}.iso :is(.iso-text,.iso-punkt){fill:color-mix(in srgb, var(--ton-akzent) calc(var(--an,0) * 100%), var(--ton-vg-leise));transition:fill .3s var(--kurve-weich)}.iso .iso-text{font-family:var(--schrift-titel);font-stretch:var(--titel-breite);font-weight:600;font-size:var(--iso-schrift,14px)}.iso .iso-ab{--an:calc(clamp(0, calc((var(--fortschritt,1) - var(--ab,0)) * 40), 1) * var(--stark,1))}.iso .iso-nur-an{opacity:var(--an,0);transition:opacity .5s var(--kurve-weich)}.iso .iso-hebt{translate:0 calc(var(--an,0) * -1 * var(--heben,14px));transition:translate .6s var(--kurve-weich)}@keyframes iso-steigen{0%{translate:0}}.iso .iso-steigt[data-an]{animation:iso-steigen .7s var(--kurve-weich) .15s both}@keyframes iso-ein{0%{opacity:0;translate:0 var(--von,18px)}}[data-buehne=wartet] .iso-ein{opacity:0}[data-buehne=laeuft] .iso-ein{animation:iso-ein .7s var(--kurve-weich) calc(var(--i,0) * 90ms) both}@media (prefers-reduced-motion:reduce){.iso *{transition:none!important;animation:none!important}}
