/**
** Theme  Swiper
** This file contains the styles for the swiper element in the theme.
*/
#slideshow .slideshow {
  margin-top: calc(var(--gap-s) * 3);
  padding-bottom: calc(var(--gap-xl) * 2 + var(--gap-s));
}

#slideshow .swiper-wrapper {
  border-radius: var(--border-radius-10);
}

#slideshow .swiper-wrapper .swiper-slide {
  justify-content: center;
  display: flex !important;
  overflow: visible;
}

#slideshow .swiper-wrapper .swiper-slide img {
  border-radius: var(--border-radius-10);
  max-width: 90vw;
  height: auto;
  object-fit: cover;
}

#slideshow .swiper-wrapper .swiper-slide::after {
  content: "";
  display: block;
  bottom: calc(var(--gap-s) * 3);
  left: 8vw;
  --my-size: calc(var(--gap-xl) + var(--gap-l));
  width: var(--my-size);
  height: calc(var(--my-size) / 3.137);
  background-image: url(../../img/logo-flachau.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

#slideshow .swiper-button-prev {
  margin-top: 0 !important;
  left: 7vw !important;
}

#slideshow .swiper-button-prev .swiper-navigation-icon {
  display: none;
}

#slideshow .swiper-button-next {
  margin-top: 0 !important;
  right: 7vw !important;
}

#slideshow .swiper-button-next .swiper-navigation-icon {
  display: none;
}

#slideshow .swiper-button-prev::after,
#slideshow .swiper-button-next::after {
  content: "";
  display: inline-block;
  --my-size: var(--gap-m);
  width: var(--my-size);
  height: calc(var(--my-size) * 2);
  background-image: url(../../img/icon-arrow-prev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}

#slideshow .swiper-button-next::after {
  background-image: url(../../img/icon-arrow-next.svg);
}

#swiper-text {
  color: var(--ast-global-color-0);
  font-family: var(--headlinefont);
  font-size: var(--xxl-font-size);
  font-style: normal;
  font-weight: 300;
  line-height: 0.83;
  z-index: 99;
  left: 53%;
  position: absolute;
  transform: translateY(-65%);
}

/* responsive */

@media (min-width: 2200px) {
  #slideshow .swiper-button-prev {
    left: 15vw !important;
  }
  #slideshow .swiper-button-next {
    right: 15vw !important;
  }

  #slideshow .swiper-wrapper .swiper-slide::after {
    left: 15vw;
  }
}

@media (max-width: 576px) {
  #slideshow .swiper-button-prev {
    left: 8% !important;
    top: 45%;
  }

  #slideshow .swiper-button-next {
    right: 8% !important;
    top: 45%;
  }

  #slideshow:first-of-type .swiper-wrapper .swiper-slide::after {
  }

  #swiper-text {
    left: 25%;
  }

  #slideshow .slideshow {
    margin-top: calc(var(--gap-s) * 3);
    padding-bottom: var(--gap-xl);
  }

  #slideshow .swiper-wrapper .swiper-slide::after {
    display: none;
  }

  #slideshow .slideshow::after {
    content: "";
    display: block;
    bottom: calc(var(--gap-s) * 3);
    left: calc(var(--gap-s) * 2 + var(--gap-xl) * 2);
    --my-size: calc(var(--gap-xl) + var(--gap-l));
    width: var(--my-size);
    height: calc(var(--my-size) / 3.137);
    background-image: url(../../img/logo-flachau.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: var(--gap-l);
  }
}