@charset "utf-8";
/************************************
 *   Styling des Kontakt-Abschnitts *
 ***********************************/

div#seitenende {
    background: center / cover url("../assets/img/background_footer.jpg") fixed;
}

article#supporters {
    padding-left: 15vw;
    padding-right: 15vw;
    min-height: 100vh;
    display: grid;
    grid-template-rows: min-content;
    grid-auto-rows: min-content max-content;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;

    background-color: rgba(255, 255, 255, 0.75);
}

article#supporters h2 {
    grid-column: 1 / -1; /* Nimm die ganze Zeile */
    color: black;
}
article#supporters p.sponsoren-text {
    grid-column: 1 / -1; /* Nimm die ganze Zeile */
    text-align: center;
    background-color: rgba(255, 255, 255, 0.50);
    margin: 25px auto;
    padding: 20px;
    font-size: 15px;
}
article#supporters section.sponsoren-eintrag {
    padding: 5vw;
    opacity: 0.5;
    transition: transform 0.8s;
}
article#supporters section.sponsoren-eintrag:hover {
    opacity: 1;
}

div.feather-lightbox-content.sponsoren-lightbox{
    padding: 5px;
}
h3.sponsoren-heading{
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}
span.sponsoren-text{
    text-align: center;
    font-size: 15px;
}
p.sponsoren-link{
    text-align: center;
    margin: 40px 0 0;
}
p.sponsoren-link a{
    color: cadetblue;
    font-weight: bold;
    text-transform: uppercase;
}
p.sponsoren-link a:hover {
    color: black;
}
p.sponsoren-link a span.oi{
    vertical-align: text-top;
}

/* S (Tablet Quer, Netbooks, kleine Laptops) */
@media (min-width: 30.06em) {
    article#supporters {
        grid-template-columns: repeat(4, 1fr);
        /*padding: 5vw;*/
        padding-left: 5vw;
        padding-right: 5vw;
    }
    div.feather-lightbox-content.sponsoren-lightbox{
        padding: 15px;
    }
    span.sponsoren-text{
        font-size: 20px;
    }
    article#supporters p.sponsoren-text {
        font-size: 20px;
    }
}

/* M (Laptops und kleine Desktops) */
@media (min-width: 50.01em) {
    article#supporters {
        /*padding-top: 150px;*/
        grid-template-columns: repeat(7, 1fr);
    }
    article#supporters p.sponsoren-text {
        width: 70%;
    }

    article#supporters section.sponsoren-eintrag {
        padding: 2vw;
    }
    div.feather-lightbox-content.sponsoren-lightbox{
        padding: 20px;
    }
}
/*L (Laptops und kleine Desktops):*/
@media (min-width: 64em) {
    article#supporters p.sponsoren-text {
        margin: 50px auto;
    }
}