.hero-punkte{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:6;pointer-events:none;visibility:hidden}.hero-punkte.hero-punkte--bereit{visibility:visible}.hero-punkte__punkt{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;width:var(--hp-groesse, 30px);height:var(--hp-groesse, 30px);border-radius:50%;background:var(--hp-farbe, #000);opacity:var(--hp-deckkraft, 1);box-shadow:0 0 0 1px #ffffff73;pointer-events:auto;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.33,0,0,1),box-shadow .3s cubic-bezier(.33,0,0,1)}.hero-punkte__punkt--ohne-ziel{cursor:default;pointer-events:none}.hero-punkte__punkt:before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--hp-groesse, 30px) * .37);height:calc(var(--hp-groesse, 30px) * .37);margin:calc(var(--hp-groesse, 30px) * -.185) 0 0 calc(var(--hp-groesse, 30px) * -.185);border-radius:50%;background:#fff;pointer-events:none}.hero-punkte__punkt:after{content:"";position:absolute;top:50%;left:50%;width:var(--hp-groesse, 30px);height:var(--hp-groesse, 30px);margin:calc(var(--hp-groesse, 30px) / -2) 0 0 calc(var(--hp-groesse, 30px) / -2);border-radius:50%;box-shadow:0 0 0 2px #ffffffe6;opacity:0;pointer-events:none;animation:hero-punkte-ring 2.6s cubic-bezier(.33,0,0,1) infinite}@keyframes hero-punkte-ring{0%{opacity:.6;transform:scaleZ(1)}70%{opacity:0;transform:scale3d(2.1,2.1,1)}to{opacity:0;transform:scale3d(2.1,2.1,1)}}.hero-punkte__punkt:hover,.hero-punkte__punkt:focus-visible{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 2px #fff}.hero-punkte__punkt:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@supports not selector(:focus-visible){.hero-punkte__punkt:focus{outline:2px solid #ffffff;outline-offset:3px;transform:translate(-50%,-50%) scale(1.15)}}@media(prefers-reduced-motion:reduce){.hero-punkte__punkt{transition:none}.hero-punkte__punkt:after{animation:none;opacity:.45;transform:scale3d(1.4,1.4,1)}.hero-punkte__punkt:hover,.hero-punkte__punkt:focus-visible{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/hero-punkte.css.map */