.marquee-container {
    max-width: 1200px; 
    margin: 20px auto;
    overflow: hidden;
    background: #fff;
    white-space: nowrap;
    position: relative;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.marquee-content {
    display: inline-flex;
    align-items: center;
    animation: scroll-marquee 80s linear infinite;
}

/* De link rondom het logo */
.marquee-content a {
    display: inline-flex;
    align-items: center;
    margin: 0 45px; /* De ruimte zit nu hier */
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    z-index: 1;
}

/* Het logo zelf binnen de link */
.marquee-content img {
    height: 55px; 
    width: auto;
    display: block;
    border: none;
}

/* Pauzeer de animatie bij mouse-over op de balk */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

/* Het 'pop-up' effect op de link als je er met de muis op staat */
.marquee-content a:hover {
    transform: scale(1.15) !important;
    z-index: 999;
    cursor: pointer;
}

@keyframes scroll-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Geen 'handje' tonen bij links die javascript:void(0) gebruiken */
.marquee-content a[href^="javascript"] {
    cursor: default;
}

/* Optioneel: het zoom-effect iets minder sterk maken voor sponsors zonder link */
.marquee-content a[href^="javascript"]:hover {
    transform: scale(1.05) !important;
}