.hero-punkte{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:6;pointer-events:none;visibility:hidden;opacity:0;transition:opacity 1.2s cubic-bezier(.33,0,0,1)}.hero-punkte.hero-punkte--bereit{visibility:visible;opacity:1}.hero-punkte__punkt{position:absolute;--hp-d: var(--hp-groesse, 30px);transform:translate(-50%,-50%);box-sizing:border-box;width:var(--hp-d);height:var(--hp-d);border-radius:50%;opacity:var(--hp-deckkraft, 1);background-color:var(--hp-farbe, #000);background-image:radial-gradient(circle closest-side at 50% 50%,#fff 0 36.5%,#fff0 37.5%);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)}@media(max-width:719px){.hero-punkte__punkt{--hp-d: var(--hp-groesse-mobil, var(--hp-groesse, 30px))}}.hero-punkte--bereit .hero-punkte__punkt{animation:hero-punkte-auftritt .6s cubic-bezier(.33,0,0,1)}@keyframes hero-punkte-auftritt{0%{transform:translate(-50%,-50%) scale(.55)}to{transform:translate(-50%,-50%)}}.hero-punkte__punkt--ohne-ziel{cursor:default;pointer-events:none}.hero-punkte__punkt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;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{transition:none}.hero-punkte--bereit .hero-punkte__punkt{animation:none}.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/105/assets/hero-punkte.css.map */