/*!
 * RingTaxi Hero CSS • v1.1.2
 * - Full-bleed optional via .rt-hero--full
 * - Fixe Höhen via CSS-Variablen (Desktop/Tablet/Mobile)
 * - Scroll-snap, kein Fremd-CSS
 */

.rt-hero {
  --rt-hd: 399px;   /* Desktop */
  --rt-ht: 340px;   /* Tablet  */
  --rt-hm: 240px;   /* Mobile  */
}

.rt-hero--full {
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
@supports (width: 100svw){
  .rt-hero--full { width:100svw; max-width:100svw; }
}

.rt-hero__track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  gap:0; padding:0;
  border-radius:0; background:transparent; box-shadow:none;
}

.rt-hero__slide{
  flex:0 0 100%;
  scroll-snap-align:start;
  position:relative;
  overflow:hidden;
  height: var(--rt-hd);
}
@media (max-width: 1199px){ .rt-hero__slide{ height: var(--rt-ht); } }
@media (max-width: 700px){  .rt-hero__slide{ height: var(--rt-hm); } }

.rt-hero__img{
  display:block; width:100%; height:100%;
  object-fit:cover;
  object-position: var(--fx,50%) var(--fy,60%);
}

/* Pfeile (optional, per Option aktivierbar) */
.rt-hero__nav{ display:flex; gap:.5rem; justify-content:center; margin:.6rem 0 0 }
.rt-hero__btn{
  appearance:none; border:1px solid #e5e7eb; background:#fff; color:#111;
  padding:.45rem .75rem; border-radius:10px; cursor:pointer; font-weight:700;
  transition: box-shadow .15s, transform .05s, opacity .15s;
}
.rt-hero__btn:hover{ opacity:.92 }
.rt-hero__btn:active{ transform:translateY(1px) }
.rt-hero__btn:focus-visible{ outline:0; box-shadow:0 0 0 3px rgba(0,0,0,.18) }

/* Scrollbar dezent ausblenden (visuell), Navigation bleibt per Tastatur/Touch möglich */
.rt-hero__track{ scrollbar-width:none }
.rt-hero__track::-webkit-scrollbar{ display:none }