/* Wrapper nimmt exakt die Grösse des Original-Bildes an */
.tl-slider-wrap{position:relative;display:block;line-height:0;width:100%;max-width:100%;min-width:0}
.tl-slider-wrap > img{display:block;max-width:100%}

/* Slider liegt genau über dem Original-Bild (Grösse setzt JS in px) */
.tl-slider-wrap .tl-swiper{
  position:absolute!important;top:0!important;left:0!important;
  width:100%;height:100%;
  max-width:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;padding:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  transform:none;
  z-index:1;
}
.tl-slider-wrap .swiper-wrapper,
.tl-slider-wrap .swiper-slide{height:100%}

.tl-slider-wrap .tl-slide-img{
  width:100%!important;height:100%!important;
  max-width:none!important;margin:0!important;display:block;
  aspect-ratio:auto!important;
  object-fit:cover;
}

.tl-slider-wrap .swiper-button-prev,
.tl-slider-wrap .swiper-button-next{color:#fff;transform:scale(.6);filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.tl-slider-wrap .swiper-pagination-bullet{background:#fff;opacity:.6}
.tl-slider-wrap .swiper-pagination-bullet-active{opacity:1}

/* Touch: horizontal = Slider wischen, vertikal = Seite scrollen */
.tl-slider-wrap .tl-swiper{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.tl-slider-wrap .tl-slide-img{-webkit-user-drag:none;pointer-events:none}

@media (max-width:767px){
  .tl-slider-wrap .swiper-button-prev,
  .tl-slider-wrap .swiper-button-next{display:none}
}