/* ============================================================
   MITGLIEDER-LAUFZEILE (Vollton-Logos)
   Ruhige, langsam durchlaufende Logo-Leiste. Karten in einheitlichem
   Abstand, kein Lücken-Raster. Track ist im Markup verdoppelt; die
   Animation verschiebt um -50% → nahtloser Endlos-Lauf.
   Maus drüber / Fokus = Pause. prefers-reduced-motion = steht still.
   ============================================================ */
.bks-rd .member-marquee {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.bks-rd .member-marquee__track {
  display: flex;
  width: max-content;
  gap: 24px;
  padding: 6px 12px;
  animation: bks-marquee 95s linear infinite;
}
.bks-rd .member-marquee:hover .member-marquee__track,
.bks-rd .member-marquee__track:focus-within {
  animation-play-state: paused;
}
@keyframes bks-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.bks-rd .member-card {
  flex: 0 0 auto;
  width: 200px;
  height: 104px;
  background: #fff;
  border: 1px solid var(--line, #e3e6ea);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(20, 40, 80, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 22px;
}
.bks-rd .member-card img {
  max-width: 100%;
  max-height: 56px;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (max-width: 600px) {
  .bks-rd .member-card { width: 158px; height: 88px; padding: 14px 18px; }
  .bks-rd .member-card img { max-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .bks-rd .member-marquee__track { animation: none; }
}