/*Header*/
@media (max-width: 840px) {
    .Willkommen{
        padding-top: auto;

        padding-left: 5vw;
        font-size: 3.5vw;
    }

    .Morph_Logo{
        transform: translateY(-10vw);

        padding-left: 5vw;
    }
    }


/*Navbar*/

@media (max-width: 840px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .toggle-button {
        display: flex;
    }

    .navbar-links {
        display: none;
        width: 100%;
    }

    .navbar-links ul {
        width: 100%;
        flex-direction: column;
    }

    .navbar-links ul li {
        text-align: center;
    }

    .navbar-links ul li a {
        padding: .5rem 1rem;
    }

    .navbar-links.active {
        display: flex;
    }
}


/*Kontakt*/
@media only screen and (max-width: 950px){
    .flex{
        flex-direction: column;
    }

    .flex .background{
        width: 100vw;
        padding-top: 0;
        height: auto;
    }

    .background img{
        width: 100vw;
        height: auto;
    }

    .background .glass{
        left: auto;
        width: 70vw;
        height: auto;
        font-size: 3vw;
    }

    .flex iframe{
        top: 0;
        width: 100%;
    }

}

/*Footer*/

@media only screen and (max-width: 1100px){
    .footer-grid{
        font-size: 1.1rem;
    }

    #Facebook{
        width: 4rem;
        height: 4rem;
    }
}

@media only screen and (max-width: 800px){
    .footer-grid{
        grid-template-columns: auto auto auto;
}

}

@media only screen and (max-width: 600px){
    .footer-grid{
        grid-template-columns: auto auto;
        font-size: 1.1rem;
}
    #Facebook{
        width: 4rem;
        height: 4rem;
    }
}

@media only screen and (max-width: 1130px){
    #Meldung{
        font-size: 1.5rem;
}
}

@media only screen and (max-width: 850px){
    #Meldung{
        font-size: 1.0rem;
}
}

@media only screen and (max-width: 580px){
    #Meldung{
        font-size: .8rem;
}
}