@media (max-width: 1120px) and (min-width: 921px) {
    .main-navigation .main-header-menu > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}
@media (max-width: 1120px) and (min-width: 921px) and (max-width: 991px) {
    .main-navigation .main-header-menu > li > a {
        font-size: 12px !important;
    }
    .main-navigation .main-header-menu > li > a a {
        font-size: 12px !important;
    }
}

/* LOGO SLIDER STYLE */
.logo-slider {
    padding: 30px 0;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.logo-slider .slick-slide img {
    max-height: 120px;
    width: auto;
}


/* Mobile Ansicht Anpassungen */
@media (max-width: 768px) {
    .logo-slider {
        padding: 15px 0 !important; /* Verringert den oberen und unteren Abstand */
    }
    .logo-slider .slick-slide {
        margin: 0 !important; /* Setzt den Abstand zwischen den Logos auf null */
        flex: 1 1 auto !important; /* Stellt sicher, dass die Logos den verfügbaren Platz nutzen */
    }
    .logo-slider .slick-track {
        display: flex !important; /* Stellt sicher, dass die Logos nebeneinander angeordnet sind */
        flex-wrap: nowrap !important; /* Verhindert das Umbruch der Logos */
        gap: 5px !important; /* Fügt minimalen Abstand zwischen den Logos hinzu */
        justify-content: flex-start !important; /* Richtet die Logos am Anfang aus */
    }
    .logo-slider .slick-slide img {
        margin: 0 !important; /* Entfernt jeglichen Abstand um die Bilder */
        max-height: 60px !important; /* Reduziert die maximale Höhe der Logos */
        max-width: 100% !important; /* Stellt sicher, dass die Logos nicht breiter als ihr Container sind */
        height: auto !important; /* Erhält das Seitenverhältnis der Logos */
    }
}