.sos-hero__media [data-hero-slide]{opacity:0;transition:opacity .7s ease;pointer-events:none}.sos-hero__media [data-hero-slide].is-active{opacity:1}.sos-hero__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:#fff}.sos-hero__controls[hidden],.sos-hero__controls [data-counter]{display:none}.sos-hero__controls button{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:0;pointer-events:auto;opacity:.45;transition:opacity .2s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.sos-hero__controls button:hover,.sos-hero__controls button:focus-visible{opacity:1}.sos-hero__controls button:focus-visible{outline:1px solid currentColor;outline-offset:-4px;border-radius:50%}.sos-hero__controls [data-previous],.sos-hero__controls [data-next]{top:50%;transform:translateY(-50%)}.sos-hero__controls [data-previous]{left:16px}.sos-hero__controls [data-next]{right:16px}.sos-hero__controls [data-previous]:after,.sos-hero__controls [data-next]:after{content:"";width:10px;height:10px;border-top:1px solid currentColor;border-right:1px solid currentColor}.sos-hero__controls [data-previous]:after{transform:rotate(-135deg)}.sos-hero__controls [data-next]:after{transform:rotate(45deg)}.sos-hero__controls [data-pause]{bottom:8px;right:16px;opacity:.35}.sos-hero__controls [data-pause]:hover,.sos-hero__controls [data-pause]:focus-visible{opacity:1}.sos-hero__controls [data-pause]:after{content:"";width:7px;height:9px;border-left:1px solid currentColor;border-right:1px solid currentColor}.sos-hero__controls [data-pause][aria-label="Bildwechsel starten"]:after{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;border-right:0}@media(max-width:749px){.sos-hero__controls [data-previous]{left:2px}.sos-hero__controls [data-next],.sos-hero__controls [data-pause]{right:2px}}@media(prefers-reduced-motion:reduce){.sos-hero__media [data-hero-slide],.sos-hero__controls button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sos-hero-slider.css.map */