@layer base{.hpv5-impl{width:100%;margin:0 auto}.hpv5-impl-head{text-align:left;flex-direction:column;gap:14px;max-width:720px;margin-bottom:56px;display:flex}.hpv5-impl-headline{font-family:var(--font-display);font-weight:var(--w-halbfett);letter-spacing:-.022em;color:var(--color-dark);max-width:720px;margin:0;font-size:clamp(34px,3vw,44px);line-height:1.05}.hpv5-impl-track-wrap{min-height:220px;padding:0 4px;position:relative}.hpv5-impl-track{background:var(--color-border-soft);border-radius:999px;height:2px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.hpv5-impl-fill{background:var(--color-jade);border-radius:inherit;transform-origin:0;transition:transform 1.8s cubic-bezier(.16,1,.3,1) 60ms;position:absolute;inset:0;transform:scaleX(0)}.hpv5-impl-track-wrap.is-active .hpv5-impl-fill{transform:scaleX(1)}.hpv5-impl-dot{background:var(--color-canvas);border:2px solid var(--color-border-soft);opacity:0;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.6)}.hpv5-impl-track-wrap.is-active .hpv5-impl-dot{animation:hpv5-impl-dot-pop .38s cubic-bezier(.34, 1.56, .64, 1) var(--hpv5-impl-dot-delay,0s) forwards}.hpv5-impl-track-wrap.is-active .hpv5-impl-dot[data-state=live]{animation:hpv5-impl-dot-pop .38s cubic-bezier(.34, 1.56, .64, 1) var(--hpv5-impl-dot-delay,0s) forwards, hpv5-impl-live-pulse 2.4s ease-out var(--hpv5-impl-pulse-delay,0s) infinite}@keyframes hpv5-impl-dot-pop{0%{opacity:0;background:var(--color-canvas);border-color:var(--color-border-soft);transform:translate(-50%,-50%)scale(.6)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:1;background:var(--color-jade);border-color:var(--color-jade);transform:translate(-50%,-50%)scale(1)}}@keyframes hpv5-impl-live-pulse{0%,to{box-shadow:0 0 #22664480}50%{box-shadow:0 0 0 10px #2640}}.hpv5-impl-labels{pointer-events:none;position:absolute;left:0;right:0}.hpv5-impl-labels-above{height:96px;bottom:calc(50% + 22px)}.hpv5-impl-labels-below{height:96px;top:calc(50% + 22px)}.hpv5-impl-milestone{text-align:center;opacity:0;width:200px;transition:opacity .36s ease-out,transform .36s cubic-bezier(.16,1,.3,1);transition-delay:var(--hpv5-impl-text-delay,0s);pointer-events:auto;margin-left:-100px;position:absolute}.hpv5-impl-milestone[data-side=above]{bottom:0;transform:translateY(-8px)}.hpv5-impl-milestone[data-side=below]{top:0;transform:translateY(8px)}.hpv5-impl-track-wrap.is-active .hpv5-impl-milestone{opacity:1;transform:translateY(0)}.hpv5-impl-day{font-family:var(--font-display);font-weight:var(--w-kraftig);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:12px;display:block}.hpv5-impl-milestone[data-state=live] .hpv5-impl-day{color:var(--color-jade)}.hpv5-impl-label{font-family:var(--font-body);font-weight:var(--w-buch);color:var(--color-dark);margin-bottom:6px;font-size:16px;line-height:1.3;display:block}.hpv5-impl-sub{font-family:var(--font-body);font-weight:var(--w-buch);color:var(--color-text-secondary);font-size:14px;line-height:1.4;display:block}.hpv5-impl-labels-mobile{display:none}@media (max-width:900px){.hpv5-impl-head{margin-bottom:40px}.hpv5-impl-labels-above,.hpv5-impl-labels-below{display:none}.hpv5-impl-labels-mobile{flex-direction:column;gap:28px;margin-top:32px;display:flex}.hpv5-impl-labels-mobile .hpv5-impl-milestone{text-align:left;width:auto;margin:0;position:static;transform:none!important}}@media (prefers-reduced-motion:reduce){.hpv5-impl-fill{transition:none;transform:scaleX(1)}.hpv5-impl-dot{opacity:1;background:var(--color-jade);border-color:var(--color-jade);transform:translate(-50%,-50%)scale(1);animation:none!important}.hpv5-impl-milestone{opacity:1;transition:none;transform:none!important}}}