body {
    font-family: "Barlow", Helvetica;
    background-color: rgb(255, 207, 207);
    display: grid;
    margin: 0px;
    grid-template-areas:
    'oben oben oben oben'
    'bild inhalt inhalt inhalt'
    'bild inhalt inhalt inhalt'
    ;
}

header {
    grid-area: oben;
    font-size: 3em;
    color: rgb(255, 207, 207);
    background-image: url(https://i.pinimg.com/736x/95/a7/03/95a703ec0f995967ed3284850bab01d7.jpg);
    background-size: cover;
    height: 200px;
}
section {
    grid-area: inhalt;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

aside {
    grid-area: bild;
    display: grid;
    grid-template-columns: 1fr;
}

aside img {
    width: 100%;
    border-radius: 50%;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

div {
    margin: 10px;
    outline: 1px dashed rgb(228, 65, 65);
}

h3 {
    color: rgb(228, 65, 65);
    font-size: 1.2em;
    margin-left: 5px;
    margin-bottom: 0px;
    
}

a {
    color: palevioletred;
    text-decoration:none;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
}
    a:hover {color: rgb(112, 192, 216)}
    a:active {color: white}

p {
    font-size: 1em;
    font-weight:lighter;
    margin-left: 5px;
    color: rgb(228, 65, 65);
}

@media (max-width:900px) {
    section {
    grid-area: inhalt;
    display: grid;
    grid-template-columns: 1fr;
}
}