.marquee {
  overflow: hidden;
  background-color: black;
  color: white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  white-space: nowrap;
  position: fixed;
  transform: rotate(-3deg);
  margin: 2vw;
  z-index: 1000;
}

.marquee_inner {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 15s linear infinite;
}

.marquee:hover .marquee_inner {
  animation-play-state: paused;
}

.marquee_item {
  font-size: 3vw;
  display: inline-block;
  /* padding: 0 2vw; */
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%); /* wenn Inhalt doppelt vorhanden ist */
  }
}
