.marquee {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.marquee--inner {
  display: flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    -webkit-perspective: 1000px;
  perspective: 1000px;
}

.marquee span {
  display: inline-flex;   /* nicht block! */
  flex-shrink: 0;
  color: #F02837;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}
.marquee--text {
  /* Erzwingt identische Breite für beide spans */
  min-width: max-content;
}
@-webkit-keyframes marquee {
  0%   { -webkit-transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(-50%, 0, 0); }
}
@keyframes marquee {
  0%   { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

/* Small screens */
@media only screen and (max-width: 420px) {
  .marquee {
    height: 32vw;
  }
  .marquee span {
    font-size: 25.6vw;
  }
  .marquee--inner {
    animation-duration: 32s;
  }
}

/* Medium screens */
@media only screen and (max-width: 991px) and (min-width: 421px) {
  .marquee {
    height: 16vw;
  }
  .marquee span {
    font-size: 12.8vw;
  }
  .marquee--inner {
    animation-duration: 32s;
  }
}

/* Large screens */
@media only screen and (min-width: 992px) {
  .marquee {
    height: 7vw;
  }
  .marquee span {
    font-size: 7vw;
  }
  .marquee--inner {
    animation-duration: 32s;
  }
}

/* XL screens */
@media only screen and (min-width: 2000px) {
  .marquee {
    height: 10rem;
  }
  .marquee span {
    font-size: 8rem;
  }
}