/* CSS Document */
body        {
                font-family: Calibri;
                margin: 5px;
                background-color: #95391C;
                display: grid;
                grid-template-columns: repeat (4, lfr);
                grid-template-areas:    "kopf kopf kopf kopf"
                            "linksO haupt haupt haupt"
                            "linksU haupt haupt haupt"
                            "unten unten unten unten";

            }
            
h1          {
                text-align: center;
                font-size: 50px;  
            }
            
header, nav, main, aside, footer     {
                                        border: 5px solid; 
                                        padding: 10px;
                                        margin: 2px;                                      
                                     }
                                     
header      {
                grid-area: kopf;
                background-color: #D3D3D3; 
                border-color: #B0B0B0;
            }
            
nav         {
                grid-area: linksO;
                background-color: #FFFBF0;
                border-color: #E7C157;
            }
                        
main        {
                grid-area: haupt; 
                background-color: #FFFFFF;
                border-color: #DF6C20;
            }
            
aside       {
                grid-area: linksU; 
                background-color: #FFFBF0;
                border-color: #8DB243; 
            }
                
footer      {
                grid-area: unten; 
                background-color: #D3D3D3;
                border-color: #B0B0B0;
            }