@media (hover: hover) {
}

.paddingPush {
  padding-top: 0;
}
.xtra_paddingPush {
  padding-top: calc(var(--nav-height) + 3.5rem);
}


/*----------------------------CONTENT------------------------------*/
.leistung_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 50vh;
  transform: translateY(-50%);
  width: 50px;
  height: 100px;
  background: rgba(255, 255, 255, 0.85);
  z-index: 5;

  color: white;
  font-size: 3rem;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.leistung_arrow svg {
  color: var(--accent);
  width: 24px;
  height: 24px;
}
.leistung_arrow.prev {
  border-radius: 0 10px 10px 0;
  float: left;
}

.leistung_arrow.next {
  border-radius: 10px 0 0 10px;
  float: right;
}

.leistungen_container {
  position: relative;
  padding: 0;
}
.leistungen_carousel {
  position: relative;
  display: flex;
}
.leistungen_view {
  overflow: hidden;
}
.leistungen_track {
  display: flex;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.leistung_slide {
  flex: 0 0 100%;
  min-width: 0;
}

.leistung_layout {
  display: flex;
  gap: 3rem;
  /* flex-wrap: nowrap; */
}
.leistung_text {
  flex: 1 1 50%;
}







/*----------------------------SCREEN SIZE------------------------------*/
@media (min-width: 1800px) {
  /*-- ÜBERGRÖßEN --*/
  .leistung_pics {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1300px) {
  .paddingPush {
    padding-top: 0;
  }
  .xtra_paddingPush {
    padding-top: calc(var(--nav-height) + 2rem);
  }
  .leistung_pics {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 950px) {
  .paddingPush {
    padding-top: 0;
  }
  .xtra_paddingPush {
    padding-top: calc(var(--nav-height) + 1.4rem);
  }

  .leistung_arrow {
    display: none;
  }
  .leistung_layout {
    flex-direction: column;
  }
}

@media (max-width: 600px) {

}

@media (max-width: 380px) {

}