/* 1. Haupt-Container: Zwingend volle Breite und Zentrierung */
.logo-row {
    display: flex !important;
    justify-content: center !important; /* Alles in die Mitte schieben */
    align-items: center !important;     /* Vertikal mittig */
    flex-wrap: wrap !important;         /* Umbruch erlauben auf kleinen Screens */
    width: 100% !important;             /* Volle Breite nutzen */
    box-sizing: border-box !important;
}

/* 2. Die Kinder-Elemente (Spalten/Bilder): Dürfen sich NICHT breit machen */
.logo-row > *, 
.logo-row .wp-block-column,
.logo-row .wp-block-image {
    flex-grow: 0 !important;   /* Verbietet das Strecken */
    flex-basis: auto !important; /* Breite richtet sich nur nach dem Bildinhalt */
    margin-left: 15px !important;  /* Abstand links */
    margin-right: 15px !important; /* Abstand rechts */
    display: flex !important;
    justify-content: center !important;
}

/* 3. Die Bilder selbst */
.logo-row img {
    height: 120px !important;  /* Wunschgröße */
    width: auto !important;    /* Proportionen behalten */
    object-fit: contain !important;
    margin: 0 !important;      /* Keine störenden Ränder am Bild */
    max-width: 100% !important;
}

/* --- MOBILE VERSION (Nur für Bildschirme kleiner als 768px) --- */
/* --- MOBILE VERSION (Nur für Bildschirme kleiner als 768px) --- */
@media screen and (max-width: 768px) {
    
    .logo-row {
        flex-direction: row !important; /* Zwingend nebeneinander bleiben */
        flex-wrap: nowrap !important;   /* Kein Umbruch in neue Zeile! */
        gap: 10px !important;           /* Kleinerer Abstand auf Handys */
        justify-content: center !important;
        width: 100% !important;
        padding: 0 10px !important;     /* Etwas Abstand zum Bildschirmrand */
    }

    /* Container für die einzelnen Bilder */
    .logo-row > *, 
    .logo-row .wp-block-column,
    .logo-row .wp-block-image {
        flex: 0 1 auto !important; /* Darf schrumpfen, aber nicht wachsen */
        width: auto !important;
        margin: 0 !important;      /* Ränder entfernen für mehr Platz */
    }

    /* Bilder selbst */
    .logo-row img {
        height: auto !important;    /* Höhe passt sich automatisch an */
        max-height: 80px !important; /* Maximale Höhe begrenzen */
        width: auto !important;
        max-width: 100% !important; /* Damit sie nicht aus dem Bildschirm ragen */
    }
}