/**
** Seiten Swiper/Slider & Highlight Slider
** This file contains the styles for the swiper which renders the seiten slider
*/

.wp-block-uagb-container.cont-seiten-slider,
.wp-block-uagb-container.cont-highlight-slider {
  padding-left: 15.28vw !important;
}

/* sichtbare Pfeile */
.wp-block-uagb-container.cont-seiten-slider .seiten-swiper,
.wp-block-uagb-container.cont-highlight-slider .highlight-swiper {
  overflow: visible !important;
  /* schneide linkscont-bg-reverseund rechts genau an der Kante ab (wie bei overflow: hidden), aber gib uns nach oben und unten 100 Pixel extra Spielraum für die Pfeile */
  -webkit-clip-path: inset(-25px 0 -25px 0);
  clip-path: inset(-25px 0 -25px 0);
}

.wp-block-uagb-container.cont-seiten-slider .seiten-slider-wrapper {
  overflow: visible;
}

.wp-block-uagb-container.cont-seiten-slider .swiper-wrapper,
.wp-block-uagb-container.cont-highlight-slider .swiper-wrapper {
  padding-top: calc(var(--gap-l) * 1.42);
  overflow: visible;
}

.wp-block-uagb-container.cont-seiten-slider
  .swiper-wrapper
  .swiper-slide:nth-child(even),
.wp-block-uagb-container.cont-highlight-slider
  .swiper-wrapper
  .swiper-slide:nth-child(even) {
  margin-top: 60px;
}

.wp-block-uagb-container.cont-seiten-slider .swiper-wrapper .swiper-slide,
.wp-block-uagb-container.cont-highlight-slider .swiper-wrapper .swiper-slide {
  max-width: 380px;
}

.wp-block-uagb-container.cont-seiten-slider .seiten-swiper .image-container,
.highlight-swiper .image-container {
  margin-bottom: var(--gap-m);
}
.wp-block-uagb-container.cont-seiten-slider .seiten-swiper .seiten-meta,
.wp-block-uagb-container.cont-highlight-slider .seiten-meta {
  gap: var(--gap-s);
  display: flex;
  flex-direction: column;
}

.wp-block-uagb-container.cont-seiten-slider .seiten-swiper .seiten-meta .title {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-seiten-slider
  .seiten-swiper
  .seiten-meta
  .subtitle {
  margin-bottom: calc(var(--gap-m) - var(--gap-s)) !important;
}

/* Navigation */

.wp-block-uagb-container.cont-seiten-slider .swiper-scrollbar,
.wp-block-uagb-container.cont-highlight-slider .swiper-scrollbar {
  top: 0;
  border-radius: 0;
  background: var(--ast-global-color-1);
  height: 1px;
  margin-top: 4px;
  width: 75% !important;
  left: 0;
}

.wp-block-uagb-container.cont-seiten-slider .swiper-scrollbar-drag,
.wp-block-uagb-container.cont-highlight-slider .swiper-scrollbar-drag {
  height: 4px;
  background: var(--ast-global-color-2);
  border-radius: 0;
  top: -2px;
}

.wp-block-uagb-container.cont-seiten-slider .swiper-arrows,
.wp-block-uagb-container.cont-highlight-slider .swiper-arrows {
  position: relative;
}

.wp-block-uagb-container.cont-seiten-slider .swiper-arrows div,
.wp-block-uagb-container.cont-highlight-slider .swiper-arrows div {
  --my-sze: clamp(2.313rem, 0.666rem + 3.4vw, 3rem);

  position: absolute;
  right: 16vw;
  left: unset;
  border: 1px solid var(--ast-global-color-1);
  height: var(--my-sze);
  width: var(--my-sze);
  top: 0;
}

.swiper-arrows {
  transform: translateX(63px);
}

.wp-block-uagb-container.cont-seiten-slider .swiper-arrows .swiper-button-next,
.wp-block-uagb-container.cont-highlight-slider
  .swiper-arrows
  .swiper-button-next {
  right: calc(16vw - 48px - 10px);
}

.wp-block-uagb-container.cont-seiten-slider .swiper-arrows div::after,
.wp-block-uagb-container.cont-highlight-slider .swiper-arrows div::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-pfeil-rechts-slider-beige.svg);
}

.wp-block-uagb-container.cont-seiten-slider .swiper-arrows div::after,
.wp-block-uagb-container.cont-highlight-slider .swiper-arrows div::after {
  width: 100%;
  height: 29.17%;
}

.swiper-arrows {
  z-index: 99;
}

@media (max-width: 767px) {
  .wp-block-uagb-container.cont-seiten-slider .swiper-arrows div,
  .wp-block-uagb-container.cont-highlight-slider .swiper-arrows div {
    width: 32px;
    height: 32px;
  }
}

.highlight-swiper .swiper-scrollbar {
  display: block !important;
  opacity: 1 !important;
}

@media (max-width: 1100px) {
  .wp-block-uagb-container.cont-seiten-slider .swiper-wrapper,
  .wp-block-uagb-container.cont-highlight-slider .swiper-wrapper {
    padding-top: calc(var(--gap-l) * 2);
  }

  .swiper-arrows {
    transform: translateX(44px);
  }

  .wp-block-uagb-container.cont-seiten-slider .swiper-scrollbar,
  .wp-block-uagb-container.cont-highlight-slider .swiper-scrollbar {
    width: 70% !important;
  }
}

@media (max-width: 990px) {
  .wp-block-uagb-container.cont-seiten-slider .swiper-arrows div,
  .wp-block-uagb-container.cont-highlight-slider .swiper-arrows div {
    top: 5px;
  }

  .wp-block-uagb-container.cont-seiten-slider
    .swiper-arrows
    .swiper-button-next,
  .wp-block-uagb-container.cont-highlight-slider
    .swiper-arrows
    .swiper-button-next {
    right: calc(16vw - 48px - 1px);
  }
}

@media (max-width: 776px) {
  .wp-block-uagb-container.cont-seiten-slider .swiper-arrows div,
  .wp-block-uagb-container.cont-highlight-slider .swiper-arrows div {
    top: 9px;
  }

  .wp-block-uagb-container.cont-seiten-slider
    .swiper-arrows
    .swiper-button-next,
  .wp-block-uagb-container.cont-highlight-slider
    .swiper-arrows
    .swiper-button-next {
    right: calc(16vw - 40px - 1px);
  }
  .swiper-arrows {
    transform: translateX(0px);
  }
}

@media (max-width: 600px) {
  .wp-block-uagb-container.cont-seiten-slider .swiper-scrollbar,
  .wp-block-uagb-container.cont-highlight-slider .swiper-scrollbar {
    width: 65% !important;
  }

  .wp-block-uagb-container.cont-seiten-slider,
  .wp-block-uagb-container.cont-highlight-slider {
    padding-left: 1.9rem !important;
  }

  .wp-block-uagb-container.cont-seiten-slider .swiper-wrapper .swiper-slide,
  .wp-block-uagb-container.cont-highlight-slider .swiper-wrapper .swiper-slide {
    min-width: 180px;
  }
}