body {
    background-color: rgb(255, 249, 242);
}

main, header {
    margin-top: 20px;
}

main, header, footer {
    width: 80%;
    margin: auto;
}

img {
    width: 100%;
}

ul {
    list-style: none;
}

footer {
    display: flex;
    justify-content: space-evenly;
}

header {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: repeat(5, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
    border-bottom: 2px solid rgb(27, 27, 27);
}

#main_menu {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

#logo {
    height: 80px;
    width: auto;
}

.logo { grid-area: 1 / 1 / 2 / 2; }
.menu { grid-area: 1 / 2 / 2 / 3; } 

.parent_grid {
    display: grid;
    grid-template-columns: 80% 20% repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.img_list {
    display: flex;
    justify-content: space-evenly;
}

.img_list div {
    margin: auto;
    padding: 20px
}

.top_left {
    grid-area: 1 / 1 / 2 / 2;
}
.top_right {
    grid-area: 1 / 2 / 2 / 3;
}
.bottom {
    grid-area: 2 / 1 / 3 / 3;
}

#inhaltsverzeichnis {
    background-color: white;
    display: inline-block;
    padding: 30px;
    border-radius: 10px;
}

#inhaltsverzeichnis_h2 {
    margin-bottom: 0px;
}