.auftritt :focus-visible:where([data-take=ki],[data-take=ki] *){outline-color:var(--tinte)}html.zeigt-demo{cursor:pointer}.hero:where([data-take=ki],[data-take=ki] *){position:relative;min-height:100vh;min-height:100svh}.hero__poster:where([data-take=ki],[data-take=ki] *){position:absolute;inset:0;overflow:hidden}.hero__poster img:where([data-take=ki],[data-take=ki] *){width:100%;height:100%;object-fit:cover;object-position:72% 50%;image-rendering:pixelated}.hero__inhalt:where([data-take=ki],[data-take=ki] *){position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;gap:1.1rem;padding:72px var(--rand) 2.2rem;pointer-events:none}.hero__inhalt>*:where([data-take=ki],[data-take=ki] *){pointer-events:auto}.ansage:where([data-take=ki],[data-take=ki] *){font-weight:900;line-height:.88;letter-spacing:-.025em;color:var(--papier);font-size:12vw;width:fit-content;background:var(--tinte);padding:.04em .06em .1em 0}.zeile:where([data-take=ki],[data-take=ki] *){display:inline}.balken:where([data-take=ki],[data-take=ki] *){max-width:30em;background:var(--tinte);padding:1rem 1.1rem 1.1rem 0}.balken>*+*:where([data-take=ki],[data-take=ki] *){margin-top:.85rem}.unterzeile:where([data-take=ki],[data-take=ki] *){color:var(--grau);font-size:1em;max-width:28em}.weiter a:where([data-take=ki],[data-take=ki] *){color:inherit;display:inline-flex;align-items:center;min-height:44px}.knopf:where([data-take=ki],[data-take=ki] *){display:inline-flex;align-items:center;min-height:48px;font-family:var(--sans);font-weight:600;font-size:1rem;line-height:1;padding:0 1.4em;background:var(--koralle);color:var(--tinte);text-decoration:none}.knopf:hover:where([data-take=ki],[data-take=ki] *){background:var(--papier);color:var(--tinte)}.auftritt:where([data-take=ki],[data-take=ki] *){position:relative;min-height:100vh;min-height:100svh;background:var(--papier);color:var(--tinte)}.auftritt__flaeche:where([data-take=ki],[data-take=ki] *){min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:72px var(--rand) 2.4rem}.wort:where([data-take=ki],[data-take=ki] *){font-weight:900;line-height:.88;letter-spacing:-.02em;font-size:16vw;color:var(--tinte)}.auftritt .balken:where([data-take=ki],[data-take=ki] *){background:none;padding:0;color:var(--tinte);max-width:30em}.lead:where([data-take=ki],[data-take=ki] *){font-weight:600;font-size:1.15em;line-height:1.3}.auftritt a:where([data-take=ki],[data-take=ki] *){color:var(--tinte)}.auftritt .knopf:hover:where([data-take=ki],[data-take=ki] *){background:var(--tinte);color:var(--papier)}.collage:where([data-take=ki],[data-take=ki] *){position:relative;width:100%;max-width:46rem;aspect-ratio:16 / 10.5}.collage img:where([data-take=ki],[data-take=ki] *){position:absolute;display:block;height:auto;image-rendering:pixelated}.collage__ki:where([data-take=ki],[data-take=ki] *){left:0;top:0;width:72%}.collage__raddatz:where([data-take=ki],[data-take=ki] *){left:34%;top:46%;width:54%}.collage__ig:where([data-take=ki],[data-take=ki] *){left:76%;top:4%;width:24%}.echte a:where([data-take=ki],[data-take=ki] *){position:fixed;left:0;top:0;z-index:30;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.film-an .echte a:focus-visible:where([data-take=ki],[data-take=ki] *){width:var(--w, 200px);height:var(--h, 120px);transform:translate(var(--x, 0),var(--y, 0));clip-path:none;overflow:visible;outline:3px solid var(--koralle);outline-offset:4px;display:flex;align-items:flex-end;padding:.4em .5em;color:transparent}.film-an .echte a:focus-visible:where([data-take=ki],[data-take=ki] *):after{content:attr(data-name);position:absolute;left:0;top:calc(100% + 8px);font-family:var(--mono);font-size:.75rem;color:var(--papier);background:var(--tinte);padding:.2em .45em}.film-aus .echte:where([data-take=ki],[data-take=ki] *),.no-js .echte:where([data-take=ki],[data-take=ki] *){display:none}.film-an .hero__poster:where([data-take=ki],[data-take=ki] *){display:none}.film-an:not(.ki-bereit) .hero__poster:where([data-take=ki],[data-take=ki] *){display:block}.film-an .ansage:where([data-take=ki],[data-take=ki] *),.film-an .hero .balken:where([data-take=ki],[data-take=ki] *){background:none}.ueb-an .auftritt:where([data-take=ki],[data-take=ki] *){background:transparent}.ueb-an .auftritt__flaeche:where([data-take=ki],[data-take=ki] *){position:absolute;left:0;top:0;width:100%;height:100vh;height:100svh;min-height:0;transform-origin:0 0;will-change:transform,clip-path;backface-visibility:hidden;pointer-events:none}.ueb-an .auftritt__flaeche>*:where([data-take=ki],[data-take=ki] *){opacity:var(--schrift, 0)}.ueb-an.ueb-fertig .auftritt:where([data-take=ki],[data-take=ki] *){background:var(--papier)}.ueb-an.ueb-fertig .auftritt__flaeche:where([data-take=ki],[data-take=ki] *){pointer-events:auto;transform:none!important;clip-path:none!important}@media(min-width:720px){.ansage:where([data-take=ki],[data-take=ki] *){font-size:8.5vw}.zeile:where([data-take=ki],[data-take=ki] *){display:block}.wort:where([data-take=ki],[data-take=ki] *){font-size:12vw}}@media(min-width:1024px){.ansage:where([data-take=ki],[data-take=ki] *){font-size:6.5vw}.hero__inhalt:where([data-take=ki],[data-take=ki] *){max-width:46vw}.auftritt__flaeche:where([data-take=ki],[data-take=ki] *){padding:84px var(--rechts) 2.4rem var(--rand)}.auftritt__flaeche:where([data-take=ki],[data-take=ki] *){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:end;gap:2rem 3rem}.wort:where([data-take=ki],[data-take=ki] *){grid-column:1 / -1;align-self:start}.collage:where([data-take=ki],[data-take=ki] *){align-self:end;max-width:none}.auftritt .balken:where([data-take=ki],[data-take=ki] *){align-self:end;justify-self:end}.wort:where([data-take=ki],[data-take=ki] *){font-size:12vw}}
