.rl-demo{padding:14px;background:#f8fafc}.rl-buehne{position:relative;aspect-ratio:16/10;height:auto;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid #d6dde6;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;contain:layout paint;isolation:isolate}.rl-buehne *{transition:none!important;animation:none!important}.rl-buehne .rl-griff span{transition:transform .15s ease!important}.rl-buehne.zieht .rl-griff span{transform:translate(-50%,-50%) scale(1.08)}.rl-alt{position:absolute;inset:0}.rl-clip{position:absolute;inset:0;overflow:hidden;transform:translate3d(50%,0,0);will-change:transform;backface-visibility:hidden}.rl-clip-in{position:absolute;inset:0;transform:translate3d(-50%,0,0);will-change:transform;backface-visibility:hidden}.rl-griff{position:absolute;inset:0;pointer-events:none;transform:translate3d(50%,0,0);will-change:transform}.rl-griff i{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px #0f172a4d}.rl-griff span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);transition:transform .15s ease;width:34px;height:34px;border-radius:50%;background:#fff;color:#0f172a;font:700 13px/34px system-ui,sans-serif;text-align:center;box-shadow:0 4px 14px #0f172a4d}.rl-label{position:absolute;bottom:10px;padding:3px 8px;border-radius:4px;font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.08em;color:#fff;background:#0f172ab8;pointer-events:none}.rl-l1{left:10px}.rl-l2{right:10px}.rl-bild,.rl-bild img{display:block;width:100%;height:100%}.rl-bild img{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none}.rl-neu{position:absolute;inset:0;background:#fff}.rl-steuerung{display:flex;align-items:center;gap:10px;margin-top:12px}.rl-steuerung input{flex:1;min-width:0;accent-color:#10b981}.rl-steuerung button{flex:none;padding:7px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.rl-steuerung button:hover{border-color:#10b981;color:#047857}.rl-hinweis{margin:8px 0 0;font-size:11px;color:#64748b}@media(max-width:640px){.rl-buehne{aspect-ratio:3/5}}.rl-beispiel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:18px;padding:18px 20px;border-radius:12px;border:1px solid rgba(52,211,153,.3);background:#10b98112}.rl-beispiel div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 280px}.rl-beispiel b{font-size:17px}.rl-beispiel span{font-size:14px;opacity:.85}.rl-beispiel .btn{flex:none}