/* Logoband (03.10.2026, Nutzer: „überall gleich, alle Logos, mit Maus oder Finger bewegen“).
   Ein Band für Startseite, Produktseiten und Maschinen-Seite. Läuft von selbst, lässt sich ziehen und werfen (logo-band.js). */
.logoloop { --gap: clamp(48px, 5vw, 84px); --lh: 30px; position: relative; overflow: hidden; cursor: grab; touch-action: pan-y;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); }
.logoloop.zieht { cursor: grabbing; }
.logoloop__track { display: flex; width: max-content; will-change: transform; user-select: none; -webkit-user-select: none; }
.logoloop__list { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.logoloop__list li { flex: none; margin-right: var(--gap); padding: 6px 0; }
.logoloop .ll-logo { display: block; height: calc(var(--lh) * var(--k, 1)); aspect-ratio: var(--ar); background: rgba(243, 240, 232, .74);
  -webkit-mask: var(--src) center / contain no-repeat; mask: var(--src) center / contain no-repeat; transition: background-color .3s ease, transform .35s cubic-bezier(.4, 0, .2, 1); }
.logoloop:not(.zieht) .logoloop__list li:hover .ll-logo { background: var(--lime, #b5d334); transform: scale(1.12); }
@media (max-width: 760px) { .logoloop { --lh: 22px; --gap: 40px; } }
@media (hover: none) { .logoloop__list li:hover .ll-logo { background: rgba(243, 240, 232, .74); transform: none; } }

/* Rahmen auf Produkt- und Maschinen-Seite */
.lb-band { max-width: 1180px; margin: clamp(22px, 2.4vw, 32px) auto 0; }
.sk-band .lb-band { margin-top: 0; }
/* 09.10.2026 Nutzer (Maschinenseite): Band so breit wie das Menü, der Verlauf endet dort, wo „50 PS“ aufhört */
.mp-band .lb-band { max-width: none; }
@media (min-width: 761px) { .mp-band .logoloop { --lb-fade: clamp(84px, 6.4vw, 104px);
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 var(--lb-fade), #000 calc(100% - var(--lb-fade)), transparent 100%);
  mask: linear-gradient(90deg, transparent 0, #000 var(--lb-fade), #000 calc(100% - var(--lb-fade)), transparent 100%); } }
@media (max-width: 760px) { .lb-band { margin-top: 18px; } }