/* CSS for the footer */
 /* The footer orientates on the school website of brg-judenburg.ac.at */

footer {
    margin: 0px;
    /* padding: 0px 30px; */
    width: 100%;
    margin-top: 30px;
 }

#footerwrapper {
    margin: 0px;
    padding: 0px 30px;
    height: 100%;
    margin: 0px;
    background-image: url('../images/unten.svg');
    background-position: 70% bottom;
    background-size: contain;
    background-repeat: no-repeat;
    display: grid;
    grid-template-areas:    "footerlogo footermenu"
                            "slogan footermenu";
    grid-template-rows: 1fr 1fr;
}

#footerlogo {
    height: 100%;
    min-height: 40px;
    background-image: url('../images/Logo-Unesco-HD1transparent1.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    grid-area: footerlogo;

}

footer p {
    margin: 0px;
    letter-spacing: 0.1em;
    grid-area: slogan;
}

footer nav {
    font-style: italic;
    grid-area: footermenu;
    width: auto;
    margin: 0px;
}

@media screen and (max-width: 700px){
    #footerlogo {
        background-position: center;
    }

    footer p {
        text-align: center;
    }

    footer nav {
        text-align: center;
        margin: 0px;
    }

    footer nav ul {
        padding: 0px;
    }

    #footerwrapper {
        background-size: min(150px, 40%);
        background-position: center bottom;
        grid-template-rows: 1fr;
        grid-template-areas:    
                                "footerlogo"
                                "slogan"
                                "footermenu";
    }
}