/* Left in for compability reasons */
/* Background transitions */
/* Bild Filter */
:root {
  --header-height: 112px;
  --header-padding-bottom: 16px;
  --sticky-top: calc(
    var(--header-height) + var(--sticky-promobar-height)
    );
  --container-padding: 16px;
  --sticky-promobar-height: 0.01px;
  --header-breakpoint: 1532px;
  --media-center-sidebar-width: 380px;
  --spacer-sx: 20px;
  --spacer-s: 30px;
  --spacer-m: 50px;
  --spacer-l: 75px;
}
:root:has(.sticky_promobar:not(.hide)) {
  --sticky-promobar-height: 48px;
}
@media (min-width: 768px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1532px) {
  :root {
    --header-padding-bottom: 32px;
    --header-height: 112px;
  }
}
@media (min-width: 1500px) {
  :root {
    --media-center-sidebar-width: 450px;
  }
}
@media (min-width: 768px) {
  :root {
    --spacer-sx: 32px;
    --spacer-s: 65px;
    --spacer-m: 80px;
    --spacer-l: 180px;
  }
}

/* MIXINS */
.brand-slider {
  overflow: hidden;
}
.brand-slider__images {
  display: flex;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .brand-slider__images {
    margin-top: 34px;
  }
}
.brand-slider__images:not(.brand-slider__images--active) {
  margin-left: -25px;
  margin-right: -25px;
  justify-content: center;
}
@media (max-width: 1024px) {
  .brand-slider__images:not(.brand-slider__images--active) {
    flex-wrap: wrap;
    row-gap: 34px;
  }
}
.brand-slider--active .brand-slider__image {
  min-width: unset;
  height: 200px;
}
.brand-slider__image {
  flex: 1;
  min-width: 20%;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 20%;
}
@media (max-width: 1024px) {
  .brand-slider__image {
    min-width: 33.3333333333%;
    flex-grow: 0;
    max-width: 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .brand-slider__image {
    min-width: 50%;
    max-width: 50%;
  }
}
.brand-slider__image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
/*# sourceMappingURL=brand-slider.css.map */