.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
  }
  .hero-background {
    background: url('Unbenannt.png') no-repeat center center;
    background-size: cover;
  }

/* Marquee-Container */
.animate-marquee {
  display: inline-flex;     /* Inline-Flex, damit Breitenberechnung stimmt */
  min-width: 200%;          /* Zweifache Breite, um nahtlose Wiederholung zu ermöglichen */
  animation: marquee 60s linear infinite;
}

/* Keyframes verschieben die Zeile um genau 50 % (= eine volle Logoreihe) */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


  