/* 1. Klassisches Seitenlayout mit fester Breite */

html {
        background-color: grey; 
        }
body {
       background-color: #8FBC8F; 
       color: lightgrey;
    max-width: 2000px;
        margin: 1rem auto;
}

/* 2. Gestaltung der Layoutbereiche */

.site-header { padding: 1rem  1rem 0 1rem; }
.site-header h1 { margin-bottom: 0; }
.site-header p { margin-top: 0; }

.site-nav {
        background-color: #333;
        color: white;
        padding: 0.5rem 1rem;
        margin: 1rem 0;
}
.site-content { line-height: 1.5; padding: 0 1rem; }
.site-footer { font-size: smaller;
                    text-align: right;
                    color: white;
                    background-color: lightgrey;
                    padding: 0.5rem 1rem;
                    margin-top: 2rem; /*Abstand nach oben zum Inhaltsbereich*/
}        
.site-footer a { color: white; text-decoration: none;
}