@media only screen and (min-width: 469px){
    *{
        font-family: "Blogger Sans", sans-serif;
    }

    .datenschutz {
        margin: 5%
    }

    h1 {
        color: #00772C;
    }
    .footer {
        background-color: #FFD000;
        color: #00772C;
        margin: -5%;
        padding: 2em;
        font-size: 35px;
    }
    .footer a{
        text-decoration: none;
        color: #00772C;
        font-size: 35px;
    }
}

@media only screen and (max-width: 468px) {
    *{
        font-family: "Blogger Sans", sans-serif;
    }

    h1 {
        color: #00772C;
    }
    .footer {
        background-color: #FFD000;
        color: #00772C;
        margin: -5%;
        padding: 1em;
        font-size: 24px;
    }
    .footer a{
        text-decoration: none;
        color: #00772C;

    }
    .impressum {
        margin: 3%;
    }
}

.nav a {
    text-decoration: none;
    font-size: 35px;
    color: white;

}
.nav {
    background-color: #00772C;
    padding-top: 2em;
    padding-bottom: 2em;
    margin: 0
}