.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%)}}.hero-punkte__punkt--glas{background-color:#ffffff29;background-color:color-mix(in srgb,var(--hp-farbe, #000) 18%,rgba(255,255,255,.16));background-image:radial-gradient(circle closest-side at 50% 50%,#fffffff5 0 25%,#fff0 27%),radial-gradient(circle at 30% 24%,#ffffff8c 0,#fff0 48%);-webkit-backdrop-filter:blur(8px) saturate(1.5);backdrop-filter:blur(8px) saturate(1.5);box-shadow:inset 0 0 0 1px #fff9,inset 0 1px 2px #ffffff80,0 6px 18px -6px #00000059}.hero-punkte__punkt--glas:after{box-shadow:0 0 0 1px #ffffffbf}.hero-punkte__punkt--glas:hover,.hero-punkte__punkt--glas:focus-visible{box-shadow:inset 0 0 0 1px #fffffff2,inset 0 1px 2px #fff9,0 8px 22px -6px #00000073}
/*# sourceMappingURL=/cdn/shop/t/136/assets/hero-punkte.css.map */