body {
        margin: 5px auto;
        font-family: sans-serif;
        color: #333333;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
}

article {
  grid-column: 2 / -1;
  grid-column: span 4;
}

aside {
  grid-column: span 4;
}

header, footer {
  grid-column: span 5;
}

nav {
  grid-column: 1 / 2
}


header, nav, main, article, section, aside, footer {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        padding: 10px;
        margin: 10px;
}

header {
        background: #F1F3F4;
        border-color: #d5d5d5;
}

nav {
        background: #fffbf0;
        border-color: #e7c157;
}

article {
        background: #ffede0;
        border-color: #df6c20;
}

aside {
        background: #ebf5d7;
        border-color: #8db243;
}

footer {
        background: #e4ebf2;
        border-color: #8a9da8;
}
.domain {
font-size: 1.5em;
font-weight : bold;
line-height: 145%;
}

p.klein {
font-size: x-small;
}