.footer-sponsors{
    max-width:var(--container);
    margin:34px auto 0;
    padding-top:28px;
    border-top:1px solid var(--border);
}

.footer-sponsors-label{
    display:block;
    margin-bottom:18px;
    color:var(--text-muted);
    font-size:.64rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.footer-sponsors-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px 30px;
}

.footer-sponsor{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:110px;
    height:58px;
    padding:8px 0;
    opacity:.72;
    transition:opacity .2s ease, transform .2s ease;
}

.footer-sponsor:hover{
    opacity:1;
    transform:translateY(-2px);
}

.footer-sponsor img{
    display:block;
    width:auto;
    height:auto;
    max-width:150px;
    max-height:48px;
    object-fit:contain;
}

@media(max-width:700px){
    .footer-sponsors{
        margin-top:28px;
        padding-top:24px;
    }

    .footer-sponsors-row{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px 20px;
    }

    .footer-sponsor{
        min-width:0;
        justify-content:flex-start;
        height:54px;
    }

    .footer-sponsor img{
        max-width:130px;
        max-height:44px;
    }
}

@media(max-width:420px){
    .footer-sponsors-row{
        grid-template-columns:1fr;
    }
}


/* Förderlogos: Desktop nebeneinander mit ca. 20 % Bildschirmbreite,
   mobil je Logo ca. 60 % Bildschirmbreite */
@media(min-width:701px){
    .footer-sponsors-row{
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        gap:24px;
    }

    .footer-sponsor{
        flex:0 0 20vw;
        width:20vw;
        max-width:20vw;
        height:auto;
        min-height:72px;
        justify-content:flex-start;
    }

    .footer-sponsor img{
        width:100%;
        max-width:100%;
        max-height:90px;
        height:auto;
        object-fit:contain;
        object-position:left center;
    }
}

@media(max-width:700px){
    .footer-sponsors-row{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:22px;
    }

    .footer-sponsor{
        width:60vw;
        max-width:60vw;
        height:auto;
        min-height:0;
        justify-content:flex-start;
        padding:0;
    }

    .footer-sponsor img{
        width:100%;
        max-width:100%;
        max-height:none;
        height:auto;
        object-fit:contain;
        object-position:left center;
    }
}


/* Mobil: immer zwei Förderlogos nebeneinander */
@media(max-width:700px){
    .footer-sponsors-row{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        align-items:center;
        gap:22px 20px;
    }

    .footer-sponsor{
        width:100%;
        max-width:none;
        min-width:0;
        height:auto;
        justify-content:flex-start;
        padding:0;
    }

    .footer-sponsor img{
        width:100%;
        max-width:100%;
        max-height:72px;
        height:auto;
        object-fit:contain;
        object-position:left center;
    }
}

/* Auch auf sehr schmalen Smartphones zwei Spalten beibehalten */
@media(max-width:420px){
    .footer-sponsors-row{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}