.marquee-logo {
    position: relative;
    overflow: hidden;
}

/* .marquee-logo:before, .marquee-logo:after { content: ""; position: absolute; top: 0; z-index: 1; width: 228px; height: 100%; } .marquee-logo:before { background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(31.36%, #FFFFFF)); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); left: 0; } .marquee-logo:after { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(31.36%, #FFFFFF)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); background: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 31.36%); right: 0; } */
.marquee-logo-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 48px;
    gap: 48px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: marquee-move-text linear infinite;
    -moz-animation: marquee-move-text linear infinite;
    -o-animation: marquee-move-text linear infinite;
    animation: marquee-move-text linear infinite;
}

.marquee-logo .marquee-logo-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marquee-logo .marquee-logo-item img {
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(1);
    transition: var(--duration);
}

.marquee-logo .marquee-logo-item img:hover {
    filter: grayscale(0);
}

.marquee-logo.klant-logos .marquee-logo-track {
    padding-left: 80px;
    gap: 80px;
}

.marquee-logo.klant-logos .marquee-logo-item img {
    max-width: 155px;
    height: 45px;
}

.marquee-logo.partner-logos .marquee-logo-item img {
    height: 48px;
}

@-webkit-keyframes marquee-move-text {
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-moz-keyframes marquee-move-text {
    to {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-o-keyframes marquee-move-text {
    to {
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes marquee-move-text {
    to {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}