/* Endlos-Laufband: der Logo-Satz liegt VIER MAL im Markup, die Spur laeuft um
   genau 25 % (= eine Satzbreite) nach links und springt dann unsichtbar zurueck.

   Warum vier und nicht zwei Saetze: bei zwei Saetzen ist am Ende einer Schleife
   nur noch EINE Satzbreite sichtbar. Ist der Bildschirm breiter als ein Satz
   (hier ~1511 px), klafft dort eine Luecke - auf einem 1920er Monitor waren das
   409 px Leerraum, das Band sah aus, als wuerde es abreissen. Mit vier Saetzen
   sind am Schleifenende drei Satzbreiten (~4500 px) gedeckt.

   Die Bilder laden BEWUSST ohne loading="lazy": die Klon-Saetze stehen rechts
   ausserhalb des Viewports und wuerden nie geladen. Ihre Kacheln waeren dann
   schmaler als die des Originals - der Versatz entspraeche nicht mehr genau
   einer Satzbreite und der Ruecksprung wuerde sichtbar springen.

   Nur der erste Satz ist fuer Screenreader und Tastatur da; die Klone sind
   aria-hidden und nicht fokussierbar, damit jedes Logo nur einmal vorkommt.

   Selektoren mit .gvl-lb praefixen (0,2,0): die Kit-Regel
   .elementor-kit-N a hat (0,1,1) und wuerde eine Einzelklasse ueberstimmen. */
.gvl-lb{overflow:hidden;}
.gvl-lb--fade{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.gvl-lb .gvl-lb__track{display:flex;width:max-content;animation:gvl-lb-scroll 46s linear infinite;}
.gvl-lb .gvl-lb__set{display:flex;gap:14px;padding-right:14px;flex:none;}
.gvl-lb .gvl-lb__item{flex:none;height:3.75rem;min-width:9.375rem;display:flex;align-items:center;justify-content:center;padding:12px 22px;background-color:#fff;border:1px solid var(--e-global-color-gvlborderlight, #d0ccc4);border-radius:2px;text-decoration:none;box-shadow:none;transition:border-color .18s cubic-bezier(0.2,0,0,1);}
.gvl-lb .gvl-lb__item:hover{border-color:var(--e-global-color-primary);}
.gvl-lb .gvl-lb__item.is-dark{background-color:var(--e-global-color-gvlgrey1, #3c3c3b);border-color:#555553;}
/* Pro Logo eine eigene Maximalhoehe (optischer Ausgleich zwischen Wort- und
   Bildmarken). Ohne Wert greift die Kachelhoehe. */
.gvl-lb .gvl-lb__item img{max-height:var(--gvl-lb-maxh, 100%);max-width:100%;width:auto;height:auto;object-fit:contain;display:block;}
.gvl-lb--pause:hover .gvl-lb__track{animation-play-state:paused;}
@keyframes gvl-lb-scroll{from{transform:translateX(0);}to{transform:translateX(-25%);}}
/* Wer Bewegung reduziert haben will, bekommt eine scrollbare Leiste statt
   Animation - dann reicht EIN Satz, sonst scrollt man dieselben Logos viermal. */
@media(prefers-reduced-motion:reduce){
.gvl-lb .gvl-lb__track{animation:none;}
.gvl-lb .gvl-lb__set--clone{display:none;}
.gvl-lb{overflow-x:auto;}
.gvl-lb--fade{-webkit-mask-image:none;mask-image:none;}
}