.film-reise{--film-fortschritt: 0;--linie: rgb(141 160 183 / .24);position:relative;isolation:isolate;margin-top:-4rem;background:var(--color-tusche)}.film-buehne{position:sticky;top:0;z-index:0;height:100dvh;overflow:hidden;background:var(--color-tusche)}.film-standbild,.film-standbild img,.film-video,.film-schleier{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-standbild img,.film-video{display:block;object-fit:cover;object-position:50% 50%}.film-video{z-index:1;opacity:0;transition:opacity .4s ease}.film-buehne[data-film-sichtbar=true] .film-video{opacity:1}.film-schleier{z-index:2;background:linear-gradient(90deg,#07111ff0,#07111f9e 38%,#07111f14 72%);pointer-events:none}.film-fortschritt{position:absolute;z-index:5;right:0;bottom:0;left:0;height:2px;background:#e6ecf224}.film-fortschritt span{display:block;width:100%;height:100%;background:var(--color-stift);transform:scaleX(var(--film-fortschritt));transform-origin:left}.film-kapitelleiste{position:absolute;z-index:4;top:50%;right:clamp(1rem,2.4vw,2.5rem);display:grid;gap:.5rem;transform:translateY(-50%)}.film-kapitelleiste button{display:grid;grid-template-columns:2rem 0fr;align-items:center;min-height:2.75rem;padding:0;border:0;color:var(--color-bleistift);background:transparent;font:inherit;text-align:left;cursor:pointer;transition:grid-template-columns .24s ease,color .18s ease}.film-kapitelleiste button span{font-size:.75rem;font-stretch:72%;font-variant-numeric:tabular-nums}.film-kapitelleiste button b{overflow:hidden;font-size:.75rem;font-weight:500;white-space:nowrap}.film-kapitelleiste button:hover,.film-kapitelleiste button[aria-current=step]{grid-template-columns:2rem 6rem;color:var(--color-papier)}.film-kapitelleiste button[aria-current=step] span{color:var(--color-stift)}.film-geschichte{position:relative;z-index:3;margin-top:-100dvh;pointer-events:none}.film-kapitel{position:relative;min-height:125dvh}.film-kapitel-halt{position:sticky;top:0;display:flex;align-items:center;min-height:100dvh;padding:clamp(6.5rem,10vw,9rem) clamp(5rem,9vw,9rem) clamp(4rem,7vw,6rem);pointer-events:none}.film-kapitel[data-rechts] .film-kapitel-halt{justify-content:flex-end;padding-right:clamp(10rem,15vw,15rem)}.film-schleier-rechts{background:linear-gradient(270deg,#07111ff0,#07111f9e 38%,#07111f14 72%);opacity:0;transition:opacity .5s ease}.film-buehne[data-seite=rechts] .film-schleier-rechts{opacity:1}.film-buehne[data-seite=rechts] .film-schleier-links{opacity:0}.film-schleier-links{transition:opacity .5s ease}.film-text{position:relative;width:min(42rem,49vw);pointer-events:auto}.film-text:before{position:absolute;z-index:-1;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem;content:"";background:radial-gradient(ellipse,#07111fc2,#07111f00 72%)}.film-vorzeile{margin:0 0 1.1rem;color:var(--color-stift);font-size:.8rem;font-weight:600;font-stretch:72%;letter-spacing:.12em;text-transform:uppercase}.film-text h1,.film-text h2{max-width:13ch;margin:0;color:var(--color-papier);font-size:clamp(2.8rem,5.8vw,6.4rem);font-weight:680;line-height:.94;letter-spacing:-.045em;text-wrap:balance}.film-text h2{font-size:clamp(2.5rem,4.7vw,5.2rem)}.film-text h1 .film-unterzeile{display:block;max-width:30ch;margin-top:1.1rem;color:var(--color-stift);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:600;line-height:1.3;letter-spacing:0}.film-lead{max-width:46ch;margin:1.5rem 0 0;color:#e6ecf2d1;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.58}.film-merkmale{display:flex;flex-wrap:wrap;margin:1.6rem 0 0;padding:0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);list-style:none}.film-merkmale li{padding:.65rem 1rem;color:var(--color-bleistift);font-size:.88rem;font-stretch:72%}.film-merkmale li:first-child{padding-left:0}.film-merkmale li+li{border-left:1px solid var(--linie)}.film-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.8rem}.film-knopf{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-width:13rem;min-height:3.5rem;padding:0 1.15rem;background:var(--color-stift);color:var(--color-tusche);font-weight:680}.film-knopf i{width:1.5rem;height:1.5rem;border:1px solid currentColor;border-radius:50%;transition:transform .22s ease}.film-knopf:hover{background:var(--color-papier)}.film-knopf:hover i{transform:rotate(90deg) scale(.8)}.film-knopf:active{transform:translateY(1px)}.film-messlink{display:inline-flex;align-items:center;gap:1.5rem;min-height:3rem;border-bottom:1px solid var(--color-stift);color:var(--color-stift);font-weight:650}.film-messlink b{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--linie);border-radius:50%;transition:transform .22s ease}.film-messlink:hover b{transform:translate(3px,-3px)}.film-schein{display:inline-flex;align-items:stretch;min-height:3.4rem;border:1px dashed var(--color-stift);color:var(--color-papier);font-weight:620}.film-schein span,.film-schein b{display:flex;align-items:center;padding:0 1rem}.film-schein b{border-left:1px dashed var(--color-stift);color:var(--color-stift);font-size:.78rem;font-weight:500;font-stretch:72%}.film-schein:hover{background:#5fd0d81a}.film-pruefschein{display:inline-flex;align-items:center;gap:.9rem;min-height:3rem;color:var(--color-papier);font-weight:650}.film-pruefschein i{position:relative;width:2.5rem;height:1.25rem;border:1px solid var(--color-stift)}.film-pruefschein i:after{position:absolute;top:3px;left:3px;width:calc(1.25rem - 8px);height:calc(1.25rem - 8px);content:"";background:var(--color-stift);transition:transform .18s ease}.film-pruefschein:hover i:after{transform:translate(1.25rem)}.film-mail{color:var(--color-papier);text-decoration:underline;text-decoration-color:var(--color-stift);text-underline-offset:.35em}.film-mail:hover{color:var(--color-stift)}.film-leistungen{margin:1.4rem 0 0;padding:0;border-top:1px solid var(--linie);list-style:none}.film-leistungen a{display:grid;grid-template-columns:2rem 2.4rem 1fr;gap:.7rem;align-items:center;padding:.58rem 0;border-bottom:1px solid var(--linie)}.film-leistungen a:hover h3{color:var(--color-stift)}.film-leistungen .nr{color:var(--color-stift);font-size:.72rem;font-stretch:72%;font-variant-numeric:tabular-nums}.film-leistungen img{width:32px;height:32px;object-fit:contain}.film-leistungen h3{margin:0;color:var(--color-papier);font-size:.92rem;font-weight:620;transition:color .15s ease}.film-leistungen p{margin:.15rem 0 0;color:var(--color-bleistift);font-size:.78rem;line-height:1.35}.film-ablauf{display:flex;flex-wrap:wrap;margin:1.5rem 0 0;padding:0;list-style:none}.film-ablauf li{display:flex;align-items:center;gap:.5rem;width:50%;padding:.65rem 0;border-top:1px solid var(--linie);color:#e6ecf2d1;font-size:.85rem}.film-ablauf span{color:var(--color-stift);font-stretch:72%}.film-belege{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;margin-top:1.4rem}.film-dialog{margin:0;padding:.85rem 1rem;border-left:2px solid var(--color-stift);background:#0d1a2cbd}.film-dialog p{margin:0;color:var(--color-bleistift);font-size:.8rem;line-height:1.45}.film-dialog p+p{margin-top:.7rem;color:var(--color-papier)}.film-beleglinks{display:grid;align-content:start}.film-beleglinks a{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem 0;border-top:1px solid var(--linie);color:#e6ecf2d1;font-size:.8rem}.film-beleglinks a:hover{color:var(--color-stift)}@media(max-width:860px){.film-standbild,.film-video{top:4rem;height:58%}.film-schleier{background:linear-gradient(0deg,#07111f,#07111ff5 36%,#07111f59 58%,#07111f00 72%)}.film-kapitelleiste{display:none}.film-kapitel{min-height:0}.film-kapitel-halt,.film-kapitel[data-rechts] .film-kapitel-halt{position:relative;display:block;min-height:0;padding:64dvh max(1rem,env(safe-area-inset-right)) 4rem max(1rem,env(safe-area-inset-left))}.film-kapitel:last-child .film-kapitel-halt{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.film-text{width:100%}.film-text:before{top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem}.film-text h1,.film-text h2{font-size:clamp(2.1rem,9.5vw,3.4rem);text-shadow:0 2px 28px rgb(7 17 31 / .7)}.film-text h1 .film-unterzeile{margin-top:.8rem;font-size:1.05rem}.film-merkmale{column-gap:1.25rem}.film-merkmale li,.film-merkmale li:first-child{padding:.5rem 0}.film-merkmale li+li{border-left:0}.film-lead{margin-top:.9rem;font-size:.98rem}.film-leistungen a{grid-template-columns:1.5rem 2rem 1fr;gap:.45rem;padding:.42rem 0}.film-leistungen img{width:26px;height:26px}.film-leistungen h3{font-size:.85rem}.film-leistungen p,.film-ablauf,.film-dialog{display:none}.film-belege{grid-template-columns:1fr;margin-top:1rem}.film-lead{line-height:1.5}}@media(max-width:860px)and (max-height:700px){.film-lead{font-size:.92rem}.film-leistungen a{padding:.32rem 0}.film-aktionen{margin-top:1.2rem}}@media(max-height:740px)and (min-width:861px){.film-text h1,.film-text h2{font-size:clamp(2.2rem,4.5vw,4rem)}.film-lead{margin-top:1rem}.film-leistungen a{padding:.35rem 0}}@media(prefers-reduced-motion:reduce){.film-video{display:none}.film-kapitelleiste button{transition:none}}
