#slideshow {
  margin-bottom: var(--gap-xl);
  /*max-height: 800px;*/
  position: relative;
  z-index: 9;
}

.home #slideshow::after {
  content: "";
  display: inline-block;
  background-color: var(--ast-global-color-2);
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
}

.home #slideshow::before {
  content: "";
  display: inline-block;
  --my-size: 13.31vw;
  width: var(--my-size);
  height: calc(var(--my-size) * 0.32);
  background-image: url(../img/logo-schladming-dachstein-header.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 99;
  position: absolute;
  top: 9%;
  right: 15%;
}

#slideshow img {
  width: 89.12vw;
  max-height: 46.3vw;
}

#slideshow .swiper-button {
  content: "";
  display: inline-block;
  --my-size: calc(var(--gap-l) * 0.86);
  width: var(--my-size);
  height: var(--my-size);
  background-image: url(../img/icon-button-next.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 45%;
  top: 93%;
}

#slideshow .swiper-button svg {
  display: none;
}

#slideshow .swiper-button.swiper-button-prev {
  transform: rotate(180deg);
  left: 40%;
}

@media (max-width: 1300px) {
  #slideshow .swiper-button {
    --my-size: calc(var(--gap-l) * 0.65);
    top: 92%;
  }
}
@media (max-width: 800px) {
  #slideshow .swiper-button {
    --my-size: calc(var(--gap-l) * 0.55);
    top: 91%;
  }
}

@media (max-width: 576px) {
  #slideshow img {
    width: 84vw;
    max-height: unset;
    height: 240px;
  }

  #slideshow .swiper-slide {
    justify-content: center;
    display: flex;
  }

  #slideshow .swiper-button {
    --my-size: 20px;
    width: calc(var(--my-size) * 0.5);
    left: 53%;
    top: 95%;
  }
  #slideshow .swiper-button.swiper-button-prev {
    left: 45%;
  }
  .home #slideshow::before {
    --my-size: 83px;
  }
  .home #slideshow::after {
    height: 50%;
  }
}