/* --- Standard Grid-Blöcke --- */
#sponsor_top .ui-block-a,
#sponsor_top .ui-block-b,
#sponsor_top .ui-block-c,
#sponsor_top .ui-block-d,
#sponsor_top .ui-block-e {
    display: flex;
    justify-content: center; /* horizontal zentriert */
    align-items: center;     /* vertikal zentriert */
    padding: 5px;
    overflow: hidden;
    height: 120px;           /* Standardhöhe für wichtige Logos */
}

/* --- Standard-Logos --- */
#sponsor_top .sponsor-logo {
    max-height: 120px;
    max-width: 100%;
    height: auto;
    width: auto;
    display: block;
}

/* --- QSG Logo */
#sponsor_top .qsg-logo {
    max-height: 100px;
}

/* --- Taschen-bedrucken Logo */
#sponsor_top .taschen-logo {
    max-width: 150px;
    width: 100%;
    height: auto;
}

/* --- Mobile: 2 Logos pro Reihe --- */
@media (max-width: 600px) and (min-width: 350px) {
    #sponsor_top .ui-block-a,
    #sponsor_top .ui-block-b,
    #sponsor_top .ui-block-c,
    #sponsor_top .ui-block-d,
	#sponsor_top .ui-block-e {
        width: 50% !important;
        display: flex;
        justify-content: center;
        align-items: center; /* vertikal zentriert */
        padding: 5px;
        overflow: hidden;
        height: 120px; /* gleiche Höhe für alle Blöcke der Zeile */
    }

    /* Sponsorenlogos */
    #sponsor_top .qsg-logo,
    #sponsor_top .taschen-logo {
        max-height: 80px; /* kleiner als Blockhöhe */
        width: auto;
        height: auto;
        display: block;
        margin: 0;         /* Flexbox zentriert automatisch */
    }
}

/* --- Sehr kleine Screens: 1 Logo pro Reihe --- */
@media (max-width: 350px) {
    #sponsor_top .ui-block-a,
    #sponsor_top .ui-block-b,
    #sponsor_top .ui-block-c,
    #sponsor_top .ui-block-d,
	#sponsor_top .ui-block-e {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center; /* vertikal zentriert */
        padding: 5px;
        overflow: hidden;
        height: auto;        /* Blockhöhe passt sich Inhalt an */
    }

    #sponsor_top .qsg-logo,
    #sponsor_top .taschen-logo {
        max-height: 80px;
        width: auto;
        height: auto;
        margin: 0;
    }
}