:root{--kopf:112px;font-family:var(--sans);color:var(--text);background:var(--grund);font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.pfeil{fill:none;stroke:currentColor;stroke-width:1.2px;vertical-align:-.1em;width:1em;height:1em}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--akzent);outline-offset:7px}button,a{-webkit-tap-highlight-color:transparent}.wordmark{letter-spacing:-2px;margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:38px;font-weight:600}.wordmark span{vertical-align:top;letter-spacing:0;margin:10px 0 0 5px;font:10px Arial;display:inline-block}.journey{--copy:1;--ending:0;--ein:0;height:460svh}.stage{z-index:1;isolation:isolate;background:#181c1e;height:100svh;position:sticky;top:0;overflow:hidden}.atmosphere{z-index:-1;position:absolute;inset:0;overflow:hidden}.photo{transform-origin:0 0;will-change:transform;filter:hue-rotate(20deg);width:2688px;height:1520px;position:absolute;top:0;left:0}.umfeld{background:url(/brand/herobackground-umfeld.webp) 0 0/100% 100% no-repeat;width:4561px;height:4561px;position:absolute;top:-1543px;left:-900px}.original{-webkit-mask-composite:source-in;background:url(/brand/herobackgroundbackground.webp) 0 0/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 3% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 3% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wandschrift{font:600 420px/1 var(--serif);letter-spacing:-.055em;white-space:nowrap;color:#e3edf5;opacity:.52;mix-blend-mode:overlay;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;position:absolute;top:215px;left:1090px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-size:600px 600px;mask-size:600px 600px}.nacht{opacity:calc(1 - (1 - var(--dark,0)) * var(--wand,1));background:#020405;position:absolute;inset:0}.poster{background:url(/brand/waechter-poster.webp) 0 0/100% 100% no-repeat;transition:opacity .4s;position:absolute}.journey[data-ready] .poster{opacity:0}.atmosphere:before{content:"";z-index:1;opacity:var(--copy);position:absolute;inset:0}.atmosphere:after{content:"";z-index:2;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.viewport{pointer-events:none;position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.copy{left:var(--feld-x,8.4%);top:var(--feld-y,20%);width:var(--feld-b,32%);height:var(--feld-h,60%);opacity:var(--copy);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;container-type:inline-size}h1{font-family:var(--serif);letter-spacing:-2.5px;margin:0;font-size:clamp(40px,14.5cqi,82px);font-weight:400;line-height:1.06}h1 em{color:var(--akzent);font-weight:350}.zeile{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.zeile>span{display:block}.h1__text--system .zeile>span{animation:.9s cubic-bezier(.16,1,.3,1) both zeile}.h1__text--system .zeile+.zeile>span{animation-delay:.12s}.copy .knopf{animation:.7s cubic-bezier(.65,0,.35,1) .55s both wischen}@keyframes zeile{0%{transform:translateY(105%)}}@keyframes auftauchen{0%{opacity:0;transform:translateY(14px)}}@keyframes wischen{0%{clip-path:inset(0 100% 0 0)}}.copy{--o1:clamp(0,calc(var(--ein) / .4),1);--o2:clamp(0,calc((var(--ein) - .1) / .4),1);--z1:clamp(0,calc((var(--ein) - .4) / .35),1);--z2:clamp(0,calc((var(--ein) - .5) / .35),1)}h1{display:grid}.h1__text{grid-area:1/1}.roll{display:block}.h1__text--system .zeile:first-child .roll{transform:translateY(calc(var(--o1) * -135%))}.h1__text--system .zeile+.zeile .roll{transform:translateY(calc(var(--o2) * -135%))}.h1__text--spruch .zeile:first-child>span{transform:translateY(calc((1 - var(--z1)) * 135%))}.h1__text--spruch .zeile+.zeile>span{transform:translateY(calc((1 - var(--z2)) * 135%))}.intro{max-width:340px;color:var(--text-2);margin:29px 0 32px;font-size:15px;line-height:1.75;animation:.8s cubic-bezier(.16,1,.3,1) .35s both auftauchen}.scroll-note{bottom:37px;left:var(--feld-x,8.4%);letter-spacing:1.7px;color:var(--text-2);opacity:var(--copy);margin:0;font-size:9px;position:absolute}.scroll-note span{margin-left:20px;font-size:18px;display:inline-block}.scene-caption{letter-spacing:2px;color:var(--text-2);opacity:var(--copy);font-size:8px;position:absolute;bottom:41px;right:5.2%}.zusage{color:var(--text-2);margin:14px 0 0;font-size:12.5px;line-height:1.5;animation:.8s cubic-bezier(.16,1,.3,1) .75s both auftauchen}.status{color:var(--text-2);font-size:11px;position:absolute;bottom:70px;right:7%}.status:empty{display:none}.logo-anchor{opacity:0;pointer-events:none;width:163px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-crop{width:100%;height:100%;position:relative;overflow:hidden}.logo-crop img{width:220.615%;max-width:none;height:146.705%;position:absolute;top:-24.642%;left:-59.649%}.ending{top:calc(var(--logo-unten,calc(50% + 150px)) + 26px);text-align:center;width:100%;opacity:var(--ending);pointer-events:none;position:absolute}.ending>.wordmark{font-size:42px}.ending>p:last-child{letter-spacing:.5px;color:var(--text-2);margin-top:12px;font-size:12px}.stage{opacity:calc(1 - var(--uebergang,0))}.logo-anchor,.ending{filter:blur(calc(var(--uebergang,0) * 12px));scale:calc(1 + var(--uebergang,0) * .12)}.journey[data-fallback] .logo-anchor{display:none}.journey[data-fallback]{height:100svh}.journey[data-fallback] .copy{opacity:1}.journey[data-fallback] .scroll-note{display:none}@media (width<=760px){.umfeld{background-image:url(/brand/herobackground-umfeld-mobil.webp)}:root{--kopf:84px}}@media (aspect-ratio<=6/5){.atmosphere:before{background:linear-gradient(#0b0f11e0 30%,#0000 62%)}.intro,.zusage{text-shadow:0 1px 14px #000000e6,0 0 2px #0009}.copy{left:7%;top:calc(var(--kopf) + 32px);width:86%;max-width:560px;height:auto;display:block;container-type:normal}h1{letter-spacing:-.035em;font-size:clamp(40px,min(11vw,7.2svh),64px)}.intro{max-width:34ch;margin:18px 0 22px;font-size:15px;line-height:1.65}.scroll-note{bottom:22px;left:7%}.scene-caption{display:none}.status{font-size:10px;bottom:48px}.ending>.wordmark{font-size:35px}}@media (aspect-ratio>=1201/1000) and (height<=539px){:root{--kopf:60px}h1{letter-spacing:-.035em;font-size:clamp(28px,min(14cqi,10svh),48px)}.intro{margin:12px 0;font-size:13px;line-height:1.55}.scroll-note{bottom:14px}.scene-caption{display:none}.ending>.wordmark{font-size:30px}}@media (prefers-reduced-motion:reduce){.journey{height:100svh}.copy{opacity:1}.viewport,.scroll-note,.ending,.logo-anchor,.status{display:none}.journey[data-ready] .poster{opacity:1}.zeile>span,.intro,.copy .knopf,.zusage{animation:none}}