.marquee {
  max-width: 100vw;
  white-space: nowrap;
  overflow: hidden;
  background-color: #17517d;
  padding: 1rem 0;
  /*position: fixed;*/
  /*left: 0;*/
  /*right: 0;*/
  /*z-index: 100;*/
}

.marquee span {
  display: inline-block;
  padding-left: 105%;
  animation: marquee 10s linear infinite;
  font-size: 1.8rem;
  color: #ffffff;
  /*padding: 2rem 0;*/
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */

.marquee span:hover {
  /*animation-play-state: paused;*/
}

/* Make it move */

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}