/* bikesmobile Slider – Website und Admin-Editor */
.bs{position:relative;overflow:hidden;background:#0b1a33;width:100%;color:#fff;touch-action:pan-y}
.bs-track{position:absolute;inset:0}
.bs-slide{position:absolute;inset:0;overflow:hidden;visibility:hidden}
.bs-tfade .bs-slide{opacity:0;transition:opacity .7s ease,visibility .7s}
.bs-tfade .bs-slide.on{opacity:1;visibility:visible}
.bs-slide .bs-bg,.bs-slide .bs-dim{position:absolute;inset:0}
.bs-slide .bs-bg{background-size:cover;background-repeat:no-repeat}
.bs-stage{position:absolute;left:50%;top:0;transform-origin:top center}
.bs-l{position:absolute}
.bs-i{box-sizing:border-box}
.bs-btn{cursor:pointer;transition:background .2s,color .2s,transform .2s}
.bs-btn:hover{background:var(--hbg)!important;color:var(--hc)!important;transform:translateY(-2px)}
/* Folienwechsel „Schieben“ */
.bs-tslide .bs-slide{transform:translateX(var(--tx));transition:transform .7s ease,visibility .7s;visibility:visible}
.bs-tslide .bs-slide:not(.on){visibility:hidden}
/* Animationen beim Erscheinen der Folie */
.bs-slide:not(.on) .bs-a{animation:none;opacity:0}
.bs-slide.on .bs-a{animation:var(--an) var(--dur) cubic-bezier(.2,.7,.2,1) var(--dl) both}
@keyframes bs-none{from{opacity:1}to{opacity:1}}
@keyframes bs-fade{from{opacity:0}to{opacity:1}}
@keyframes bs-left{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes bs-right{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:none}}
@keyframes bs-up{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes bs-down{from{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}
@keyframes bs-zoom{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes bs-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.bs-slide.on .bs-a{animation:none}.bs-tfade .bs-slide,.bs-tslide .bs-slide{transition:none}}
/* Navigation */
.bs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:#0007;color:#fff;font-size:26px;line-height:1;cursor:pointer}.bs-nav:hover{background:#000a}.bs-nav.prev{left:10px}.bs-nav.next{right:10px}
.bs-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;z-index:5}.bs-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#fff8;cursor:pointer}.bs-dots button[aria-current]{background:#fff;transform:scale(1.25)}
@media(max-width:640px){.bs-nav{display:none}}
/* Startseite: Suchkasten überlappt unten leicht */
.bs-hero{margin:0}.bs-hero + .wrap .sbox{margin-top:-40px}
.bs-hero .bs-dots{bottom:48px}
@media(max-width:640px){.bs-hero + .wrap .sbox{margin-top:-24px}.bs-hero .bs-dots{bottom:30px}}
/* Editor */
.bs-editor .bs-slide{visibility:hidden}.bs-editor .bs-slide.on{visibility:visible;opacity:1}
.bs-editor .bs-l{cursor:move}.bs-editor .bs-l.bs-off{opacity:.3}
.bs-editor .bs-l.bs-sel{outline:2px solid #38bdf8;outline-offset:2px}
.bs-editor .bs-a{animation:none!important;opacity:1!important}
.bs-editor.bs-play .bs-slide.on .bs-a{animation:var(--an) var(--dur) cubic-bezier(.2,.7,.2,1) var(--dl) both!important}
.bs-editor .bs-btn{pointer-events:none}
.bs-handle{position:absolute;width:12px;height:12px;background:#38bdf8;border:2px solid #fff;border-radius:3px;z-index:30;cursor:ew-resize}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bs-nav{display:grid;place-items:center;padding:0}.bs-nav svg{width:22px;height:22px}
@media(max-width:640px){.bs-nav{display:none}}