/* SOLVEXA Reinigungsszenen */
.scene{position:relative;display:block;width:100%;aspect-ratio:640/460;border-radius:var(--radius,22px);overflow:hidden;background:#eef2e4;isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent}
.scene svg{display:block;width:100%;height:100%}
.scene-tools{position:absolute;right:10px;bottom:10px;display:flex;gap:6px;z-index:2}
.scene-btn{width:36px;height:36px;border-radius:50%;border:0;padding:0;background:rgba(9,38,27,.78);color:#fff;font:600 14px/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;opacity:.85;transition:opacity .2s}
.scene-btn:hover{opacity:1}
.scene-btn:focus-visible{outline:3px solid #c8ec8a;outline-offset:2px;opacity:1}
.scene--static .scene-pause{display:none}
.scene--static .scene-replay{display:none}
.hero-media .scene{border-radius:30px;box-shadow:0 32px 75px rgba(0,0,0,.35)}
.service-card .scene{border-radius:0}
.split .scene{border-radius:24px}
.subhero .scene{border-radius:25px}
.scene-slider{display:flex;align-items:center;gap:10px;margin:10px 2px 0;font-size:12px;color:#64796e}
.subhero .scene-slider{color:rgba(255,255,255,.7)}
.scene-slider input{flex:1;min-width:0;accent-color:#1d874d}
.scene-slider input:focus-visible{outline:3px solid #c8ec8a;outline-offset:2px}
@media (max-width:560px){.scene-btn{width:40px;height:40px}.hero-media .scene{border-radius:24px}}
@media (prefers-reduced-motion:reduce){.scene-btn{transition:none}}