body {
    margin: 0;
}


.grid-container {
    display: grid;
    grid-template-columns: 30% 70%;
}

.navigation{ 
font-size: larger;
background-color:#D8C1E0 ;
font-family: "Zilla Slab", serif;
    font-weight: 400;
    font-style: normal;}


.Textabschnitt{
  text-align: center;
}

html{ background-color:#D3D3D3;}


li{
    margin: 15px;
    list-style-type: none;
}

a{ 
    color: #548235;
}

.logo {
    margin-top: 10px;
}
  


.schulisch {height: 1615px;}

.kontakt { height: 535px; }

.hobby {height: 885px;}

.übermich {height: 549px;}

.Starseite { height: 565px;
}

.impressum{
    height:965px;
}


    
 

/*------------MEDIA QUERIES------------*/

@media only screen and (max-width: 600px) { 

    .navigation { 
        float: none;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        height: 500px;
    }


    .grid-container { 
        grid-template-columns: auto;
    }

    .logo { 
        width: 50%;
    }

    .Starseite { 
        font-size: larger;
    }
}