.ImageSliderItem {
  height: 500px;
}

.ImageSliderItem-overlay {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  transform: translateY(-50%);
}

@media screen and (min-width: 769px) {

.ImageSliderItem-overlay {
    left: 50%;

    /* 2x Button-Breite, 2x Button-Abstand zum Rand, 30px Luft zu den Buttons */
    max-width: calc(100% - 2 * 40px - 2 * 100px - 2 * 30px);
    transform: translate(-50%, -50%);
}
  }

.ImageSliderItem-title,
.ImageSliderItem-text {
  margin-bottom: 20px;
  color: #ffffff;
}

.ImageSliderItem-image {
  height: 100%;
}

.ImageSliderItem-image.hasGradient::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: rgba(0, 136, 85, 0.5);
  }