@media screen and (min-width: 851px){
    body{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding: 0;
        margin: 0;
        background-color: #2a633b;
    }
    .navigation{
        display: flex;
        justify-content: space-evenly;
        align-items: center; 
        border: 5px solid #2a633b;
        background-color: #2a633b;
        height: 50px;
        padding-left: 0px;
    }
    .navigation li{
        list-style-type: none;
        flex: 0 0 auto;
    }
    .navigation li.aktiv{
        list-style: disc;
        color: #0af1bf;
    }
    .navigation a{
        color: white;
        text-decoration: none;
        font-size: 20px;
    }
    div{
        text-align: center;
        color: white;
        font-size: 30px;
    }
    h1{
        font-size: 50px;
        color: white;
    }
    .home{
        color: #0af1bf !important;
    }
}
@media screen and (max-width: 850px){
    body{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        /*padding-left: 20px;*/
        margin-left: 10px;
        margin-top: 40px;
        background-color: #2a633b;
    }
    .navigation1{
        display: flex;
        justify-content: space-evenly;
        align-items: center; 
        border: 0px solid #2a633b;
        background-color: #2a633b;
        height: 5px;
        padding-left: 0px;
    }
    .navigation li{
        list-style-type: none;
        flex: 0 0 auto;
    }
    .navigation li.aktiv{
        list-style: disc;
        color: #0af1bf;
    }
    .navigation a{
        color: white;
        text-decoration: none;
        font-size: 15px;
    }
    div{
        text-align: center;
        color: white;
        font-size: 30px;
    }
    h1{
        font-size: 50px;
        color: white;
    }
    .home{
        color: #0af1bf !important;
    }
}