.kamera-buehne{perspective:1200px;perspective-origin:calc(var(--ax, .5) * 100%) calc(var(--ay, .5) * 100%)}.kamera-buehne [data-ebene]{transform-origin:calc(var(--ax, .5) * 100%) calc(var(--ay, .5) * 100%)}.sequenz-buehne{display:grid;gap:1.5rem}@media (min-width:768px){.sequenz-buehne{grid-template-columns:repeat(3,minmax(0,1fr))}}.sequenz-rahmen{position:relative;overflow:hidden;container-type:size;aspect-ratio:4/5;border-radius:var(--radius-lg,.75rem);background-color:var(--color-text)}.sequenz-ebene{--ueber:1;--eh:calc(100cqh * var(--ueber));--ew:calc(var(--eh) * 16 / 9);position:absolute;height:var(--eh);width:var(--ew);left:clamp(calc(100cqw - var(--ew)),calc(50cqw - var(--ax) * var(--ew)),0px);top:clamp(calc(100cqh - var(--eh)),calc(50cqh - var(--ay) * var(--eh)),0px);transform-origin:calc(var(--ax) * 100%) calc(var(--ay) * 100%)}.sequenz-ebene img,.sequenz-ebene picture{display:block;width:100%;height:100%}.sequenz-ebene img{object-fit:cover}.sequenz-schrift{position:absolute;top:16%;right:7%;max-width:44%;text-align:right;color:var(--color-text)}.sequenz-schrift-titel{font-size:clamp(1.5rem,11cqh,5.5rem);line-height:1;font-weight:600;letter-spacing:-.02em}.sequenz-schrift-zeile{margin-top:.75em;font-size:clamp(.75rem,2.6cqh,1rem)}@container (aspect-ratio < 1){.sequenz-schrift{top:17%;right:6cqw;max-width:28cqw}.sequenz-schrift-titel{font-size:clamp(1.25rem,9cqw,2.75rem)}.sequenz-schrift-zeile{line-height:1.35}}@media (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .sequenz{height:420svh}[data-js]:not([data-motion=aus]) .sequenz-klebt{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.25rem;padding-block:7.25rem 1.5rem}[data-js]:not([data-motion=aus]) .sequenz-buehne{grid-template-columns:minmax(0,1fr);place-items:center;min-height:0}[data-js]:not([data-motion=aus]) .sequenz-bild{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center;min-height:0;container-type:size}[data-js]:not([data-motion=aus]) .sequenz-rahmen{aspect-ratio:4/5;width:min(100cqw,100cqh * 4/5)}[data-js]:not([data-motion=aus]) .sequenz-ebene{--ueber:1.2;will-change:transform}[data-js]:not([data-motion=aus]) .sequenz [data-kanal]{opacity:0}[data-js]:not([data-motion=aus]) .sequenz-stufe[data-aktiv] .sequenz-linie{background-color:var(--color-accent)}[data-js]:not([data-motion=aus]) .kamera-buehne [data-ebene]{will-change:transform}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .sequenz-stufen{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.75rem;position:relative;padding-bottom:4.5rem}[data-js]:not([data-motion=aus]) .sequenz-stufe h3{margin-top:.375rem;font-size:1.125rem;line-height:1.5rem}[data-js]:not([data-motion=aus]) .sequenz-stufe p{position:absolute;inset-inline:0;bottom:0;margin:0;opacity:0}[data-js]:not([data-motion=aus]) .sequenz-stufe[data-aktiv] p{opacity:1}}@media (max-width:359px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .sequenz-klebt{padding-top:9.5rem}}@media (min-width:640px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .sequenz-klebt{padding-top:5rem}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .sequenz-rahmen{aspect-ratio:16/9;width:min(100cqw,100cqh * 16/9)}}.fassungen-buehne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.fassungen-rahmen{position:relative;overflow:hidden;aspect-ratio:390/844;border-radius:var(--radius-lg,.75rem);border:1px solid var(--color-border);background-color:var(--color-surface)}.fassungen-rahmen img,.fassungen-rahmen picture{display:block;width:100%;height:100%}.fassungen-rahmen img{object-fit:cover;object-position:top}@media (min-width:768px){.fassungen-buehne{gap:2rem}.fassungen-rahmen{aspect-ratio:16/10}}@media (min-width:1024px){.fassungen-buehne{gap:2.5rem}}@media (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .fassungen{height:300svh}[data-js]:not([data-motion=aus]) .fassungen-klebt{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.25rem;padding-block:7.25rem 1.5rem}[data-js]:not([data-motion=aus]) .fassungen-buehne{grid-template-columns:minmax(0,1fr);min-height:0}[data-js]:not([data-motion=aus]) .fassungen-bild{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center;min-height:0;container-type:size}[data-js]:not([data-motion=aus]) .fassungen-rahmen{width:min(100cqw,100cqh * 390/844)}[data-js]:not([data-motion=aus]) .fassungen [data-kanal]{opacity:0}[data-js]:not([data-motion=aus]) .fassungen-stufe[data-aktiv] .fassungen-linie{background-color:var(--color-accent)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .fassungen-stufen{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.75rem;position:relative;padding-bottom:4.5rem}[data-js]:not([data-motion=aus]) .fassungen-stufe h3{margin-top:.375rem;font-size:1.125rem;line-height:1.5rem}[data-js]:not([data-motion=aus]) .fassungen-stufe p{position:absolute;inset-inline:0;bottom:0;margin:0;opacity:0}[data-js]:not([data-motion=aus]) .fassungen-stufe[data-aktiv] p{opacity:1}}@media (max-width:359px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .fassungen-klebt{padding-top:9.5rem}}@media (min-width:640px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .fassungen-klebt{padding-top:5rem}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){[data-js]:not([data-motion=aus]) .fassungen-rahmen{width:min(100cqw,100cqh * 16/10)}}