/* =========================================================
   rp-partner.css: Partner und Plattformen als langsam laufendes Band (Schritt 59, eingebunden von Schritt 86 auf
   jeder Seite mit dem Band: Startseite, Über uns, Vermarktung). Stand 01.10.2026.
   Nicolas: «hochwertig und vertrauensbildend … nicht einfach wie eine Ansammlung von Logos … elegante horizontale
   Darstellung mit dezenter Bewegung oder einem sehr langsamen automatischen Lauf».
   Karten wie bisher (rp-versprechen in Schritt 59), hier nur das Band: ohne JavaScript und bei «Bewegung reduzieren»
   ein ruhiges Raster; mit Bewegung läuft die Reihe sehr langsam (rund 60 s pro Durchlauf), weiche Ränder, Pause beim
   Überfahren, bei Tastaturfokus und per Knopf (WCAG 2.2.2).
   ========================================================= */
.rpp-band { position: relative; }
.rpp-liste .rpp-logo { flex: none; width: 120px; height: auto; filter: grayscale(1) brightness(.35); }
.rpp-marke-lang { min-width: 0; font-size: 20px; letter-spacing: .01em; color: #1d1d1f; }
.rpp-steuer { display: none; margin: 16px 0 0; text-align: right; }
.rpp-pause {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; border: 0; background: none; cursor: pointer;
  color: #52697a; font: inherit; font-size: 15px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
}
.rpp-pause:hover { color: #194963; }
.rpp-pause:focus-visible { outline: 2px solid #194963; outline-offset: 2px; border-radius: 4px; }
.rpp-pause .rpp-pause-aus, .rpp-pause[aria-pressed="true"] .rpp-pause-an { display: none; }
.rpp-pause[aria-pressed="true"] .rpp-pause-aus { display: inline; }

/* Raster ohne Bewegung: sechs Karten in drei Spalten (vorher vier Karten in vier) */
.rpp-band:not(.laeuft) .rpp-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media screen and (max-width: 991px) { .rpp-band:not(.laeuft) .rpp-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 479px) { .rpp-band:not(.laeuft) .rpp-liste { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: no-preference) {
  .rpp-band.laeuft {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  }
  .rpp-band.laeuft .rpp-liste {
    display: flex; width: max-content; gap: 20px;
    animation: rpp-lauf var(--rpp-dauer, 60s) linear infinite;
  }
  .rpp-band.laeuft .rpp-liste li { flex: none; width: clamp(250px, 24vw, 300px); }
  .rpp-band.laeuft:hover .rpp-liste,
  .rpp-band.laeuft:focus-within .rpp-liste,
  .rpp-band.laeuft.pausiert .rpp-liste { animation-play-state: paused; }
  .rpp-band.laeuft + .rpp-steuer { display: block; }
}
/* eine Hälfte (Original) nach links, dann nahtlos von vorn; die Kopie steht direkt dahinter */
@keyframes rpp-lauf { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 10px)); } }