/* CSS Document */
body 
{ 
    display: grid;
    grid-template-columns: repeat (4, lfr);
    grid-template-areas:    "logo kopf kopf kopf "
                            "haupt haupt haupt navi"
                            "haupt haupt haupt navi"
                            "unten unten unten unten";
    font-family: Calibri;
    margin: 5px;
    //background-color: #95391C;
}
h1
{
    text-align: center;
    fonz-size: 50px;
}
header, nav, main, aside, footer
{
    border-width: 2px;
    //border-style: solid;
    padding: 10px;
}
header
{
    grid-area: kopf;
    //background-color: #FFFFFF;
    //border-color: #D5D5D5;
}
nav
{
    grid-area: navi;
    //background-color: #FFFBF0;
    //border-color: #e7c157;
}
main
{
    grid-area: haupt;
    //background-color: #FFFFFF;
    //border-color: #DF6C20;
}
aside
{
    grid-area: logo;
    //background-color: #FFFBF0;
    //border-color: #8db243;
}
footer
{
    grid-area: unten;
    //background-color: #FFF888;
    //border-color: #8A9DA8;
}