@layer components{.pz{--pz-bg:#04060e;--pz-bg-2:#0a0f24;--pz-text:#eef0fb;--pz-text-2:#e4e7f8bd;--pz-muted:#e4e7f880;--pz-line:#ffffff17;--pz-line-2:#ffffff29;--pz-glass:#ffffff0b;--pz-glass-2:#ffffff14;--pz-accent:#7d8cff;--pz-accent-deep:var(--accent);--pz-accent-soft:#7d8cff24;--pz-new:#6fc8ff;--pz-new-soft:#6fc8ff24;--pz-warn:#f2b860;--pz-warn-soft:#f2b86024;--pz-ok:#7ddba3;--pz-ease:cubic-bezier(.16, 1, .3, 1);--pz-spring:cubic-bezier(.34, 1.56, .64, 1);background:var(--pz-bg);color:var(--pz-text);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.pz.pz-flach{-webkit-user-select:auto;user-select:auto;position:relative;inset:auto}.pz.pz-flach figure>div:last-child figcaption,.pz.pz-flach figure>div:last-child button{color:var(--pz-text-2)!important}.pz.pz-flach figure>div:last-child button:hover{background:var(--pz-glass-2)}.pz-grund{background:radial-gradient(1200px 700px at 15% 0%, #3a4fd647, transparent 60%), radial-gradient(900px 600px at 100% 100%, #3a4fd62e, transparent 60%), linear-gradient(180deg, var(--pz-bg-2), var(--pz-bg));position:absolute;inset:0}.pz-licht{opacity:.38;will-change:transform;background:radial-gradient(circle,#7d8cff8c,#0000 65%);border-radius:50%;width:46vmax;height:46vmax;animation:24s ease-in-out infinite alternate pz-wandern;position:absolute}.pz-licht.zwei{opacity:.22;background:radial-gradient(circle,#6fc8ff73,#0000 65%);animation-duration:30s;animation-direction:alternate-reverse;bottom:-14vmax;right:-12vmax}.pz-raster{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 45%,#000,#0000 85%)}@keyframes pz-wandern{0%{transform:translate(-10vmax,-8vmax)scale(1)}to{transform:translate(30vmax,18vmax)scale(1.15)}}.pz-pfad{pointer-events:none;-webkit-mask-composite:source-in;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 10%,#000 34% 66%,#00000059 90%,#0000 100%),linear-gradient(#0000 calc(100% - 230px),#000 calc(100% - 175px) calc(100% - 80px),#0000 calc(100% - 52px));mask-image:linear-gradient(90deg,#0000 0%,#00000059 10%,#000 34% 66%,#00000059 90%,#0000 100%),linear-gradient(#0000 calc(100% - 230px),#000 calc(100% - 175px) calc(100% - 80px),#0000 calc(100% - 52px));-webkit-mask-composite:source-in;mask-composite:intersect}.pz-pfad.offen{-webkit-mask-image:none;mask-image:none}.pz-pfad path{vector-effect:non-scaling-stroke}.pz-pfad.offen .pz-station-hof{r:70px}.pz-pfad.offen .pz-station-kern{r:30px}.pz-pfad.offen .pz-station-name{letter-spacing:.02em;font-size:96px}.pz-punkt-innen{transition:transform .9s var(--pz-ease)}.pz-pfad.offen .pz-punkt-innen{transform:scale(3.2)}.pz-pfad.waehlbar .pz-station{pointer-events:auto;cursor:pointer}.pz-pfad.waehlbar .pz-station:hover .pz-station-hof{stroke:var(--pz-accent);fill:#7d8cff2e}.pz-uebersicht-titel{opacity:0;transition:opacity .6s var(--pz-ease), transform .6s var(--pz-ease);pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(32px,8vh,90px);left:0;right:0;transform:translateY(-12px)}.pz-uebersicht-titel.an{opacity:1;transform:none}.pz-rund-an{background:var(--pz-accent-soft);color:var(--pz-accent);border-color:#7d8cff73}.pz-parallax{transition:transform 1.4s var(--pz-ease);transform:translate3d(calc(var(--pz-i,0) * -2.2vw), 0, 0);position:absolute;inset:-10%}.pz-parallax.fein{transform:translate3d(calc(var(--pz-i,0) * -.9vw), 0, 0)}.pz-welt{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.pz-station-hof{fill:#0000;stroke:#ffffff24;stroke-width:2px;transition:stroke .6s var(--pz-ease), fill .6s var(--pz-ease)}.pz-station-kern{fill:#ffffff2e;transition:fill .6s var(--pz-ease)}.pz-station-name{letter-spacing:.06em;text-transform:uppercase;fill:#e4e7f838;transition:fill .6s var(--pz-ease);font-size:20px;font-weight:600}.pz-station.jetzt .pz-station-name{font-size:22px}.pz-station.war .pz-station-kern{fill:var(--pz-accent)}.pz-station.war .pz-station-name{fill:#e4e7f861}.pz-station.jetzt .pz-station-hof{stroke:var(--pz-accent);fill:#7d8cff1f}.pz-station.jetzt .pz-station-name{fill:var(--pz-accent)}.pz-punkt-hof{opacity:.8}@media (max-width:760px){.pz-pfad{display:none}}.pz-folie{opacity:0;transition:opacity .7s var(--pz-ease), transform .8s var(--pz-ease);pointer-events:none;justify-content:center;align-items:center;padding:clamp(20px,3.5vw,56px) clamp(20px,6vw,112px) 215px;display:flex;position:absolute;inset:0;transform:translate(7%)scale(.98)}.pz-folie:not(.aktiv) *{animation-play-state:paused!important}.pz-folie.davor{transform:translate(-7%)scale(.98)}.pz-folie.aktiv{opacity:1;pointer-events:auto;transform:none}.pz-inhalt{width:100%;max-width:1240px;margin-inline:auto}.pz-fit{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.pz-fit-innen{transform-origin:50%;width:100%;transition:transform .3s var(--pz-ease);flex-shrink:0}.pz-inhalt>*{min-width:0}@media (max-width:760px){.pz-folie{padding-top:20px;padding-bottom:92px;overflow:hidden}.pz-fit{align-items:flex-start}.pz-fit-innen{transform-origin:top}}@media (min-width:761px) and (max-height:820px){.pz-folie{padding-top:16px;padding-bottom:185px}.pz .pz-h1{font-size:clamp(32px,4.1vw,62px)}.pz .pz-lead{font-size:clamp(15px,1.25vw,18px)}}@media (min-width:761px) and (max-height:760px){.pz-folie{padding-bottom:172px}}.pz-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--pz-accent);align-items:center;gap:10px;font-size:clamp(12px,1.05vw,15px);font-weight:600;display:inline-flex}.pz-eyebrow:before{content:"";opacity:.7;background:currentColor;width:28px;height:1.5px}.pz-h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(38px,5.4vw,96px);font-weight:700;line-height:1.02}.pz-glanz{background:linear-gradient(100deg,#c7cdff 0%,#7d8cff 45%,#6fc8ff 110%);color:#0000;-webkit-background-clip:text;background-clip:text}.pz-maske{clip-path:inset(0 0 100%);animation:pz-maske 1.1s var(--pz-ease) forwards;animation-delay:var(--v,0s);transform:translateY(.35em)}@keyframes pz-maske{to{clip-path:inset(-.2em -.2em -.25em);transform:none}}.pz-h-riesig{letter-spacing:-.055em;background:linear-gradient(#fff 30%,#c8cef5bf);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,11vw,168px);font-weight:750;line-height:.92}.pz-lead{color:var(--pz-text-2);text-wrap:pretty;max-width:34em;font-size:clamp(16px,1.45vw,22px);line-height:1.5}.pz-klein{color:var(--pz-muted);font-size:clamp(12px,.95vw,14px)}.pz-akzent{color:var(--pz-accent)}.pz-karte{border:1px solid var(--pz-line-2);background:linear-gradient(#ffffff12,#ffffff08),#0a0f248c;border-radius:22px;box-shadow:0 30px 80px -20px #0009,inset 0 1px #ffffff14}.pz-chip{background:var(--pz-accent-soft);height:32px;color:var(--pz-accent);white-space:nowrap;border:1px solid #7d8cff47;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.pz-chip.neu{background:var(--pz-new-soft);color:var(--pz-new);border-color:#6fc8ff4d}.pz-chip.warn{background:var(--pz-warn-soft);color:var(--pz-warn);border-color:#f2b8604d}.pz-chip.ok{color:var(--pz-ok);background:#7ddba324;border-color:#7ddba34d}.pz-knopf{background:var(--pz-accent-deep);color:#fff;height:52px;transition:transform .2s var(--pz-ease), box-shadow .2s var(--pz-ease);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 12px 40px -8px #7d8cff8c}.pz-knopf:hover{transform:translateY(-2px);box-shadow:0 18px 50px -8px #7d8cffb3}.pz-knopf.zweit{background:var(--pz-glass-2);color:var(--pz-text);box-shadow:none;border:1px solid var(--pz-line-2)}.pz-auf{opacity:0;animation:pz-auf .9s var(--pz-ease) forwards;animation-delay:var(--v,0s)}@keyframes pz-auf{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.pz-skalier{opacity:0;animation:pz-skalier 1s var(--pz-spring) forwards;animation-delay:var(--v,0s)}@keyframes pz-skalier{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}.pz-zeichne{stroke-dasharray:var(--l,600);stroke-dashoffset:var(--l,600);animation:pz-zeichne 1.2s var(--pz-ease) forwards;animation-delay:var(--v,0s)}@keyframes pz-zeichne{to{stroke-dashoffset:0}}.pz-schweben{animation:6s ease-in-out infinite pz-schweben;animation-delay:var(--s,0s)}@keyframes pz-schweben{0%,to{transform:translate(0)}50%{transform:translate(var(--dx,6px), var(--dy,-10px))}}.pz-puls{animation:1.6s ease-in-out infinite pz-puls}@keyframes pz-puls{0%,to{box-shadow:0 0 #7d8cff8c}50%{box-shadow:0 0 0 14px #7d8cff00}}.pz-cursor:after{content:"";vertical-align:-.15em;background:var(--pz-accent);width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite pz-blinken;display:inline-block}@keyframes pz-blinken{50%{opacity:0}}.pz-symbol>*{stroke-dasharray:80;stroke-dashoffset:80px;animation:pz-zeichne 1.4s var(--pz-ease) forwards;animation-delay:var(--v,0s)}.pz-symbol{transform-origin:12px 12px;animation:pz-einrasten .9s var(--pz-spring) both;animation-delay:calc(var(--v,0s) + .7s)}@keyframes pz-einrasten{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:none}}.pz-ring{transform-origin:50%;animation:3.2s ease-out infinite pz-ring}@keyframes pz-ring{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}.pz-quelle{animation:1.3s cubic-bezier(.7,0,.2,1) forwards pz-sammeln;animation-delay:var(--v,2.6s);translate:-50% -50%;transform:translate(var(--x), var(--y));position:absolute;top:50%;left:50%}@keyframes pz-sammeln{0%{transform:translate(var(--x), var(--y)) scale(1);opacity:1}to{opacity:0;transform:translate(0)scale(.2)}}.pz-leuchten{box-shadow:0 0 0 1.5px var(--pz-accent), 0 0 36px -4px #7d8cffa6;transition:box-shadow .6s var(--pz-ease), background .6s var(--pz-ease);background:#7d8cff1f!important}.pz-puls-hoehe{opacity:0;transition:opacity .9s var(--pz-ease), transform .9s var(--pz-ease);background:radial-gradient(circle,#d6dbff8c,#7d8cff2e 45%,#0000 70%);transform:scale(.6)}.pz-puls-hoehe.an{opacity:1;transition-duration:.22s;transform:scale(1.25)}.pz-kreisen{transform-origin:50%;animation:9s linear infinite pz-kreisen}@keyframes pz-kreisen{to{transform:rotate(360deg)}}.pz-welle{align-items:center;gap:4px;height:44px;display:flex}.pz-welle>span{background:linear-gradient(180deg, #c7cdff, var(--pz-accent));width:4px;animation:.9s ease-in-out infinite alternate pz-welle;animation-delay:var(--s,0s);border-radius:4px}@keyframes pz-welle{0%{height:6px}to{height:var(--h,36px)}}.pz-welle.still>span{height:6px;transition:height .6s var(--pz-ease);animation:none}.pz-buehne-3d{perspective:1400px;perspective-origin:50% 20%}.pz-ebene{transform-style:preserve-3d;transform:rotateX(58deg)rotate(-4deg)}.pz-fluss{stroke-dasharray:4 10;animation:1.2s linear infinite pz-fluss}@keyframes pz-fluss{to{stroke-dashoffset:-28px}}.pz-kachel{min-height:44px;transition:transform .3s var(--pz-ease), border-color .3s var(--pz-ease), box-shadow .3s var(--pz-ease)}@media (hover:hover){.pz-kachel:hover{border-color:#7d8cff73;transform:translateY(-4px);box-shadow:0 30px 80px -20px #0009,0 0 50px -12px #7d8cff8c}}.pz-kachel:focus-visible{outline:2px solid var(--pz-accent);outline-offset:3px}.pz-leiste{padding:0 clamp(16px, 4vw, 48px) max(18px, env(safe-area-inset-bottom));z-index:20;align-items:center;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:760px){.pz-leiste{background:linear-gradient(#0000,#04060eeb 45%);padding-top:28px}}.pz-fortschritt{z-index:21;background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0}.pz-fortschritt>span{background:linear-gradient(90deg, var(--pz-accent-deep), var(--pz-accent));height:100%;transition:width .7s var(--pz-ease);display:block;box-shadow:0 0 18px #7d8cffb3}.pz-punkt{width:8px;height:8px;transition:width .5s var(--pz-ease), background .3s;background:#ffffff38;border-radius:999px;position:relative}.pz-punkt:after{content:"";position:absolute;inset:-14px -6px}.pz-punkt.an{background:var(--pz-accent);width:28px}.pz-rund{background:var(--pz-glass-2);border:1px solid var(--pz-line-2);width:44px;height:44px;color:var(--pz-text);transition:background .2s, transform .2s var(--pz-ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.pz-rund:hover:not(:disabled){background:#ffffff24;transform:scale(1.05)}.pz-rund:disabled{opacity:.3}@media (prefers-reduced-motion:reduce){.pz *,.pz :before,.pz :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}}