.tz{aspect-ratio:var(--v);--tz-f:color-mix(in srgb,currentColor 42%,transparent);--tz-a:var(--o);--tz-bg:var(--w);transition:color .3s}.tz,.tz svg{display:block;width:100%}.tz svg{height:100%;overflow:visible}.tz text{font-family:var(--fliess);letter-spacing:-.01em}@media(max-width:700px){.tz{aspect-ratio:var(--v2)}}.blatt.papier .tz{--tz-bg:var(--p)}.blatt.schwarz .tz,.kopfz .tz{--tz-bg:var(--k)}.blatt.frei .tz,.buehne .tz{--tz-bg:var(--o);--tz-a:var(--k)}:root[data-ton=leise] .blatt.schwarz .tz,:root[data-ton=leise] .buehne .tz,:root[data-ton=leise] .tz{--tz-bg:var(--grund);--tz-a:var(--o)}:root[data-ton=leise] .blatt.papier .tz{--tz-bg:#F7F6F2}:root[data-ton=leise] .blatt.frei .tz{--tz-bg:#FFF6F0;--tz-a:var(--o)}:root[data-ton=leise] :is(.brow,.ablatt) .tz{--tz-bg:#FBFAF7}@media(prefers-reduced-motion:no-preference){.tz:not([data-los]) :is(.tz-z,.tz-o,.tz-gleit,.tz-dreh,.tz-nadel,.tz-fly){opacity:0}.tz[data-los] .tz-z{animation:tz-zug var(--d,.6s) cubic-bezier(.45,.05,.2,1) calc(var(--t)*var(--dauer)) backwards}.tz[data-los] .tz-a{animation:tz-zug var(--d,.6s) cubic-bezier(.45,.05,.2,1) calc(var(--t)*var(--dauer)) backwards,tz-voll .5s linear calc(var(--t)*var(--dauer) + .25s) backwards}.tz[data-los] .tz-o{animation:tz-ein .4s linear calc(var(--t)*var(--dauer)) backwards}.tz[data-los] .tz-dreh{animation:tz-dreh 1.3s var(--fall) calc(.6*var(--dauer)) backwards}.tz[data-los] .tz-nadel{animation:tz-nadel 1.2s cubic-bezier(.3,1.45,.5,1) calc(.58*var(--dauer)) backwards}.tz[data-los] .tz-fly{animation:tz-fly 1s var(--fall) calc(.46*var(--dauer)) backwards}.tz[data-los] .tz-gleit{animation:tz-gleit .8s var(--fall) calc(var(--s,.6)*var(--dauer)) backwards}.tz[data-los] .tz-druck{animation:tz-druck .34s ease-in-out calc(.8*var(--dauer)) backwards}}@keyframes tz-zug{0%{opacity:0;stroke-dasharray:1 1;stroke-dashoffset:1}1%{opacity:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes tz-voll{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes tz-ein{0%{opacity:0}to{opacity:1}}@keyframes tz-dreh{0%{transform:rotate(-200deg);opacity:0}12%{opacity:1}to{transform:rotate(0)}}@keyframes tz-nadel{0%{transform:rotate(-100deg);opacity:0}10%{opacity:1}to{transform:rotate(0)}}@keyframes tz-fly{0%{transform:translateY(var(--dy))}to{transform:translateY(0)}}@keyframes tz-gleit{0%{transform:translate(var(--vx),var(--vy));opacity:0}30%{opacity:1}to{transform:translate(0)}}@keyframes tz-druck{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.links .tz{margin-top:clamp(20px,2.6vw,36px)}.spalten>.links:has(.tz){align-self:start}:root[data-ton=leise] .spalten>.links .tz{margin-inline:auto;max-width:640px}:root[data-ton=leise] .spalten:has(.formular)>.links .tz{margin-inline:0;max-width:420px}@media(max-width:700px){.links .tz{max-width:300px;margin-inline:auto}.spalten:has(.formular)>.links .tz{display:none}}.ablaufkopf{align-items:center}.ablaufkopf .tz{margin-top:0}.ablaufkopf .links{position:static}:root[data-ton=leise] .ablaufkopf p{margin-inline:auto}:root[data-ton=leise] .ablaufkopf>.tz{width:min(100%,860px);margin-inline:auto}@media(max-width:700px){.ablaufkopf>.tz{max-width:320px;margin-inline:auto}}.brow:has(.tz){grid-template-columns:clamp(70px,7.4vw,112px) minmax(0,5fr) minmax(0,5fr) minmax(max-content,2fr)}.brow>.tz{width:100%;height:clamp(68px,6.4vw,96px);aspect-ratio:auto}.brow:focus-visible .tz,.brow:hover .tz{--tz-bg:transparent;--tz-a:var(--k)}@media(max-width:860px){.brow:has(.tz){grid-template-columns:1fr}.brow>.tz{width:96px;height:80px;margin-bottom:6px}}:root[data-ton=leise] .brow>.tz{width:auto;height:clamp(84px,7vw,104px);aspect-ratio:var(--v2);align-self:flex-start;margin-bottom:8px}:root[data-ton=leise] .brow:focus-visible .tz,:root[data-ton=leise] .brow:hover .tz{--tz-a:var(--o)}.ab-zeichen{margin-top:clamp(14px,1.6vw,24px);height:clamp(110px,10vw,156px)}.ab-zeichen .tz{height:100%;width:auto;aspect-ratio:var(--v2)}.ab-zeichen .tz svg{height:100%}@media(max-width:900px){.ab-zeichen{display:none}}.buehne>.tz{max-width:420px;margin-top:20px}.grund{display:none}:root[data-ton=leise] .grund{display:block;position:fixed;left:0;top:0;width:100%;height:100lvh;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;--h:clamp(44px,4.9vw,84px);--an:108lvh;--ab:-44lvh}.grund b{position:absolute;top:0;display:grid;grid-gap:calc(var(--h)*.66);gap:calc(var(--h)*.66);transform:translate3d(0,var(--y),0)}.grund i{display:block;height:var(--h);border-radius:999px;background:#EFEAE0}.grund i:nth-child(2){background:#FFE6D9}.grund .gr{right:-12vw;justify-items:end}.grund .gl{left:-10vw;justify-items:start}.grund .ga{--y:calc(var(--an) + (var(--ab) - var(--an))*2/3)}.grund .gb{--y:calc(var(--an) + (var(--ab) - var(--an))/3)}.grund .gc{--y:var(--an)}.grund .ga i:first-child,.grund .gc i:first-child{width:max(40vw,220px)}.grund .ga i:nth-child(2),.grund .gc i:nth-child(2){width:max(33vw,180px)}.grund .ga i:nth-child(3),.grund .gc i:nth-child(3){width:max(46vw,250px)}.grund .gb i:first-child{width:max(39vw,210px)}.grund .gb i:nth-child(2){width:max(30vw,170px)}.grund .gb i:nth-child(3){width:max(35vw,190px);background:#EBE5D9}.grund .gf{--an:110lvh;--ab:-16lvh}.grund .gf i{height:calc(var(--h)*1.25);width:max(36vw,200px);background:#F3EFE7}.grund .f1{left:32vw}.grund .f2{left:58vw}.grund .f3{left:6vw}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){:root[data-ton=leise] .grund b{will-change:transform;animation:g0 linear both;animation-timeline:scroll(root);animation-iteration-count:var(--n,2)}:root[data-ton=leise] .grund .gf{animation-iteration-count:var(--m,1)}:root[data-ton=leise] .grund .ga{animation-name:g2}:root[data-ton=leise] .grund .gb{animation-name:g1}@keyframes g0{0%{transform:translate3d(0,var(--an),0)}to{transform:translate3d(0,var(--ab),0)}}@keyframes g1{0%{transform:translate3d(0,calc(var(--an) + (var(--ab) - var(--an))/3),0)}66.666%{transform:translate3d(0,var(--ab),0)}66.667%{transform:translate3d(0,var(--an),0)}to{transform:translate3d(0,calc(var(--an) + (var(--ab) - var(--an))/3),0)}}@keyframes g2{0%{transform:translate3d(0,calc(var(--an) + (var(--ab) - var(--an))*2/3),0)}33.333%{transform:translate3d(0,var(--ab),0)}33.334%{transform:translate3d(0,var(--an),0)}to{transform:translate3d(0,calc(var(--an) + (var(--ab) - var(--an))*2/3),0)}}}}