.hk{box-shadow:0 0 0 1px hsl(var(--primary) / .08), 0 20px 50px -30px hsl(var(--primary) / .35);background:#f6f7f9;border-radius:1rem;position:relative;overflow:hidden}.hk-buehne{aspect-ratio:4/3;position:relative}.hk-bild{width:100%;height:100%;position:absolute;inset:0}.hk-linien{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hk-linien path{fill:none;stroke:hsl(var(--accent));stroke-width:1.6px;stroke-opacity:.55;stroke-dasharray:1;stroke-dashoffset:0}.hk-mensch{position:absolute;translate:-50% -50%}.hk-figur{background:hsl(var(--primary));border-radius:9999px;width:14px;height:14px;display:block;box-shadow:0 0 0 2.5px #fff,0 2px 6px #00000040}.hk-figur-klein{vertical-align:-1px;width:10px;height:10px;margin-right:.4rem;display:inline-block;box-shadow:0 0 0 2px #fff}.hk-blase{white-space:nowrap;color:hsl(var(--primary));background:#fff;border-radius:.75rem;padding:.35rem .65rem;font-size:.8125rem;display:none;position:absolute;bottom:14px;box-shadow:0 6px 18px -6px #0f131a4d}.hk-blase-rechts{border-bottom-left-radius:.2rem;left:6px}.hk-blase-links{border-bottom-right-radius:.2rem;right:6px}.hk-pin{position:absolute;translate:-50% -100%}.hk-pin-andere{width:26px;height:34px}.hk-ich{width:0;height:0;position:absolute}.hk-pin-ich{width:38px;height:49px;filter:drop-shadow(0 6px 10px hsl(var(--accent) / .4));top:0;left:0}.hk-puls{background:hsl(var(--accent) / .16);width:70px;height:70px;box-shadow:inset 0 0 0 1.5px hsl(var(--accent) / .4);border-radius:9999px;position:absolute;top:0;left:0;translate:-50% -50%}.hk-etikett{white-space:nowrap;box-shadow:0 10px 28px -10px #0f131a59, 0 0 0 1px hsl(var(--accent) / .35);background:#fff;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.4rem .7rem;font-size:.8125rem;display:flex;position:absolute;bottom:56px;left:0;translate:-50%}.hk-gesponsert{color:hsl(var(--primary));font-size:.6875rem;font-weight:600}.hk-etikett .text-xs{display:none}.hk-anfragen{background:#fff;border-radius:.75rem;width:9.5rem;padding:.55rem .7rem;position:absolute;bottom:.6rem;right:.6rem;box-shadow:0 10px 28px -12px #0f131a66}.hk-anfragen ul,.hk-anfragen .text-\[11px\]{display:none}.hk-zahl{letter-spacing:-.04em;color:hsl(var(--accent));margin-top:.1rem;font-size:1.75rem;font-weight:600;line-height:1}.hk-anfrage{background:hsl(var(--primary) / .04);color:hsl(var(--primary));border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8125rem;display:flex}.hk-legende,.hk-nochmal{display:none}.hk-quelle{color:hsl(var(--primary) / .55);font-size:9px;position:absolute;bottom:.3rem;left:.5rem}.hk-rahmen{margin-top:2.5rem}.hk-text{z-index:3;position:relative}@media (width>=1024px) and (hover:hover) and (pointer:fine){.hk-held{align-items:center;min-height:clamp(640px,100svh - 4rem,900px);display:flex}.hk-held>.container{position:static}.hk-rahmen{width:64%;margin:0;position:absolute;top:0;bottom:0;right:0}.hk-text{max-width:34rem}.hk{box-shadow:none;border-radius:0;position:absolute;inset:0;container-type:size}.hk-buehne{width:max(100cqw,133.34cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.hk:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(to right, hsl(var(--background)) 0%, hsl(var(--background) / .85) 12%, hsl(var(--background) / 0) 38%), linear-gradient(to top, hsl(var(--background)) 0%, hsl(var(--background) / 0) 14%);position:absolute;inset:0}.hk-blase{display:block}.hk-linien path{stroke-width:.6px;stroke-opacity:.6}.hk-pin-andere{width:32px;height:42px}.hk-pin-ich{width:44px;height:57px}.hk-puls{width:96px;height:96px}.hk-etikett{padding:.5rem .85rem;font-size:.9375rem;bottom:66px}.hk-etikett .text-xs{display:flex}.hk-anfragen,.hk-legende,.hk-nochmal,.hk-quelle{z-index:2}.hk-anfragen{width:17.5rem;padding:1rem 1.1rem;bottom:7.5rem;right:2.5rem}.hk-anfragen ul{display:block}.hk-anfragen .text-\[11px\]{display:inline}.hk-zahl{font-size:2.75rem}.hk-legende{color:hsl(var(--muted-foreground));background:#fff;border-radius:9999px;align-items:center;padding:.35rem .8rem;font-size:.75rem;display:flex;position:absolute;top:1.5rem;right:2.5rem;box-shadow:0 4px 14px -6px #0f131a40}.hk-steuerung{z-index:2;width:26rem;position:absolute;bottom:1.75rem;left:36%}.hk-balken{gap:.35rem;display:flex}.hk-segment{cursor:pointer;flex:1;align-items:center;height:1.5rem;display:flex}.hk-segment>span{background:hsl(var(--primary) / .15);border-radius:9999px;width:100%;height:4px;display:block;position:relative;overflow:hidden}.hk-segment>span:after{content:"";border-radius:inherit;background:hsl(var(--accent));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hk-segment:hover>span{background:hsl(var(--primary) / .25)}.hk-segment:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px;border-radius:4px}.hk-voll>span:after{transform:scaleX(1)}.hk-laeuft>span:after{animation:hk-fuellen var(--dauer) linear both}.hk-schritt{transform-origin:0 100%;white-space:nowrap;background:hsl(var(--primary));color:#fff;border-radius:9999px;align-items:center;gap:.6rem;margin-top:.4rem;padding:.45rem 1rem .45rem .5rem;font-size:.9375rem;font-weight:500;display:inline-flex}.hk-schritt-nr{background:hsl(var(--accent));font-family:var(--font-mono);border-radius:9999px;padding:.1rem .5rem;font-size:.6875rem}.hk-nochmal{white-space:nowrap;color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary) / .12), 0 6px 18px -8px #0f131a59;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.4rem;padding:.55rem 1.1rem;font-size:.9375rem;font-weight:600;transition:color .2s,box-shadow .2s;display:inline-flex}.hk-nochmal:hover{color:hsl(var(--accent));box-shadow:0 0 0 1.5px hsl(var(--accent)), 0 6px 18px -8px #0f131a59}.hk-nochmal:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.hk-flug{animation:1.9s cubic-bezier(.22,.8,.2,1) both hk-flug}.hk-quelle{font-size:10px;bottom:.4rem;left:auto;right:.75rem}.hk:not(.hk-bereit) .hk-o{opacity:0}.hk-gesteuert{--vor:1.3s}.hk-gesteuert .hk-mensch{opacity:0;transition:opacity .2s,scale .2s;scale:.6}.hk-ab0 .hk-mensch{opacity:1;transition:opacity .45s,scale .45s cubic-bezier(.2,.9,.3,1.3);transition-delay:calc(var(--vor) + var(--i) * .3s);scale:1}.hk-gesteuert .hk-legende{opacity:0;transition:opacity .3s}.hk-ab0 .hk-legende{opacity:1;transition-delay:.4s}.hk-gesteuert .hk-pin-andere{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-18px)}.hk-ab1 .hk-pin-andere{opacity:1;transition:opacity .5s,transform .5s cubic-bezier(.2,.9,.3,1.2);transition-delay:calc(var(--vor) + var(--i) * .3s);transform:none}.hk-gesteuert .hk-ich{opacity:0;transition:opacity .2s}.hk-ab2 .hk-ich{opacity:1;transition:opacity .3s calc(var(--vor) + .15s)}.hk-gesteuert .hk-pin-ich{transition:transform .2s;transform:translateY(-18px)}.hk-ab2 .hk-pin-ich{transition:transform .6s cubic-bezier(.2, .9, .3, 1.3) calc(var(--vor) + .15s);transform:none}.hk-gesteuert .hk-etikett{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}.hk-ab2 .hk-etikett{opacity:1;transition:opacity .45s calc(var(--vor) + .6s), transform .45s calc(var(--vor) + .6s);transform:none}.hk-ab2 .hk-puls{animation:hk-puls 2.4s ease-out calc(var(--vor) + .8s) infinite}.hk-gesteuert .hk-linien path{stroke-dashoffset:1px;transition:none}.hk-ab3 .hk-linien path{stroke-dashoffset:0;transition:stroke-dashoffset .9s ease-in-out;transition-delay:calc(var(--vor) + var(--i) * .18s)}.hk-gesteuert .hk-anfragen,.hk-gesteuert .hk-anfrage{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}.hk-ab4 .hk-anfragen{opacity:1;transition:opacity .5s var(--vor), transform .5s var(--vor);transform:none}.hk-ab4 .hk-anfrage{opacity:1;transition:opacity .4s,transform .4s;transition-delay:calc(var(--vor) + .5s + var(--i) * .45s);transform:none}}@keyframes hk-puls{0%{opacity:1;scale:.7}to{opacity:0;scale:1.5}}@keyframes hk-flug{0%{opacity:0;transform:translate(2cqw,-50cqh)scale(1.9)}14%,52%{opacity:1;transform:translate(2cqw,-48cqh)scale(1.9)}to{opacity:1;transform:none}}@keyframes hk-fuellen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}