/* >= 768px */
@media screen and (min-width: 768px) {
  #referenzen .referenzen {
    margin-top: 75px;
  }
  #referenzen .referenzen .swiper-navigation .button-wrapper {
    flex: unset;
    margin-top: 0;
    padding-left: 30px;
    position: relative;
  }
  #referenzen .referenzen .swiper-navigation .button-wrapper::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--color-secondary);
    position: absolute;
    left: 15px;
    top: 0;
  }
  #referenzen .referenzen .swiper-navigation .swiper-button-lock + .button-wrapper::before {
    opacity: 0;
  }
}
/* >= 1024px */
@media screen and (min-width: 1024px) {
  #referenzen .referenzen {
    position: relative;
  }
  #referenzen .referenzen .swiper-navigation {
    position: absolute;
    top: -4.2vw;
    right: 0;
    z-index: 99;
    margin-top: 0;
  }
  #referenzen .referenzen .swiper-navigation .swiper-pagination {
    display: none;
  }
  #referenzen .referenzen .swiper-wrapper .swiper-slide.swiper-slide-prev a {
    opacity: 0;
  }
  #referenzen .referenzen .swiper-wrapper .swiper-slide.swiper-slide-active .content-card__image,
  #referenzen .referenzen .swiper-wrapper .swiper-slide.swiper-slide-prev .content-card__image {
    margin-left: -7vw;
    margin-top: -4.2vw;
  }
}
/* >= 1248px */