.szene{scroll-margin-top:0;position:relative}.szene-kopf{padding-block:clamp(48px,9vw,112px) clamp(24px,4vw,48px)}.szene-kopf .riesig{font-size:clamp(3.5rem,15vw,13rem)}.szene-ueberspringen{z-index:5;left:var(--gutter);background:var(--hintergrund);color:var(--text);border-radius:999px;padding:12px 18px;position:absolute;top:16px}.szene-ueberspringen:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.szene-buehne{position:relative}.szene-personen,.szene-hinweise{display:none}.szene-geraete{padding-inline:var(--gutter);justify-content:center;display:flex}.szene-geraete-innen{width:min(1040px,100%);padding-bottom:7cqw;position:relative;container-type:inline-size}.szene-laptop{width:84cqw;margin-left:5cqw}.szene-laptop .laptop-bildschirm{position:relative}.szene-laptop .laptop-unterteil{box-shadow:0 30px 60px #0000002e}.szene-handy.handy{--b:21cqw;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1.5px #3a3a3c,0 30px 70px #00000040}@media (orientation:portrait){.szene-laptop{width:88cqw;margin-left:0}.szene-handy.handy{--b:27cqw;bottom:-2cqw}.szene-geraete-innen{padding-bottom:14cqw}}.szene-seite{position:absolute;inset:0;overflow:hidden}.szene-seite+.szene-seite{display:none}.szene-seite img{width:100%;height:auto;display:block}.szene-konzept{background:var(--blau);color:var(--text);vertical-align:middle;font-size:.75rem;font-weight:600;font-family:var(--schrift-text);letter-spacing:0;border-radius:999px;margin-left:10px;padding:2px 10px;font-stretch:100%;display:inline-block}.szene-legende{padding-block:32px 8px}.szene-legende ol{gap:0 32px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.szene-legende ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.szene-legende a{min-height:44px;color:var(--text);border-top:1px solid var(--linie);gap:2px;padding:14px 0;display:grid}.szene-legende a:hover{text-decoration:none}.szene-legende a:hover .szene-legende-name{text-underline-offset:4px;text-decoration:underline}.szene-legende-name{font-family:var(--schrift-titel);letter-spacing:-.01em;font-size:1.5rem;font-weight:600;font-stretch:80%}.szene-legende-art{color:var(--text-2)}.szene.aktiv .szene-bahn{height:560svh}.szene.aktiv .szene-buehne{height:100svh;position:sticky;top:0;overflow:hidden}.szene.aktiv .szene-legende{display:none}.szene.aktiv .szene-geraete{padding:calc(var(--leiste-hoehe) + 32px) var(--gutter) 112px;align-items:center;position:absolute;inset:0}.szene.aktiv .szene-geraete-innen{width:min(1040px, 100%, (100svh - var(--leiste-hoehe) - 170px) * 1.5);will-change:transform;transform-origin:50%}@media (orientation:portrait){.szene.aktiv .szene-geraete-innen{width:min(640px, 100%, (100svh - var(--leiste-hoehe) - 190px) * 1.1)}}.szene.aktiv .szene-seite+.szene-seite{opacity:0;display:block}.szene.aktiv .szene-seite img{will-change:transform}.szene.aktiv .szene-personen{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.szene-person{fill:#d2d2d4;transform-origin:50% 100%;will-change:transform, opacity;width:min(30vw,46svh);height:auto;position:absolute;bottom:-4svh}.szene-person-links{left:calc(36% - min(15vw,23svh))}.szene-person-rechts{fill:#c6c6c9;left:calc(62% - min(15vw,23svh))}@media (orientation:portrait){.szene-person{width:60vw;bottom:-4svh}.szene-person-links{left:calc(27% - 30vw)}.szene-person-rechts{left:calc(73% - 30vw)}}.szene.aktiv .szene-hinweise{pointer-events:none;height:112px;display:block;position:absolute;bottom:0;left:0;right:0}.szene-hinweis{max-width:var(--breite);padding:0 max(var(--gutter), env(safe-area-inset-left)) env(safe-area-inset-bottom);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;position:absolute;inset:0}.szene-info,.szene-hinweis .knopf{opacity:0;transition:opacity .45s ease, transform .7s var(--ausrollen)}.szene-info{gap:2px;margin:0;display:grid;transform:translate(-40px)}.szene-hinweis .knopf{flex:none;transform:translate(40px)}.szene-hinweis.da .szene-info,.szene-hinweis.da .knopf{opacity:1;transform:none}.szene-hinweis.da{pointer-events:auto}.szene-name{font-family:var(--schrift-titel);letter-spacing:-.01em;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:600;font-stretch:80%;line-height:1.1}.szene-art{color:var(--text-2);font-size:.875rem}@media (width<=599px){.szene-name{font-size:1.125rem}.szene-art{font-size:.8125rem}.szene-konzept{margin-left:6px}}@media (prefers-reduced-motion:reduce){.szene-info,.szene-hinweis .knopf{transition:none}}