/* Marquee-Grundlayout */
.brand-track{
  display:inline-flex;
  align-items:center;
  gap:30px;                 /* Abstand zwischen Logos */
  animation: brand-scroll 30s linear infinite;
  will-change: transform;
}

/* Logos */
.brand img{
  height:60px;
  width:auto;
  display:block;
}

/* Hover pausiert die Bewegung (optional) */
.brand-marquee:hover .brand-track{
  animation-play-state: paused;
}

/* Endloslauf – weil die Logos doppelt vorhanden sind */
@keyframes brand-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* 50% = ein kompletter Satz */
}