html {
    background-color: rgb(222, 222, 222);
}

h1 {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 28px;
}

h2 {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 24px;
}

h3 {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
    margin-bottom: 0px;
}

p {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
}

ul {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
}

ol {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
}

p.rezept {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 18px;
}


img.banner {
    height: 150px;
    width: -webkit-fill-available;
    width: -moz-available;
    object-fit: cover;
    border-radius: 5px;
}

img.banner_rezept {
    height: 500px;
    width: -webkit-fill-available;
    width: -moz-available;
    object-fit: cover;
    margin-right: 25px;
    border-radius: 15px;
}

img.rezept {
    height: 200px;
    width: 200px;
    object-fit: cover;
    margin-top: 10px;
    border-radius: 5px;
}

img.icon {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    margin-left: 5px;
}

button.rezept {
    width: 225px;
    height: 275px;
    margin-right: 20px;
    border: none;
    border-radius: 15px;
    background-color: grey;
}

button.top {
    height: 25px;
    width: 25px;
    margin-left: 97.5%;
}

section.rezept {
    flex-direction: row;
    display: flex;
}

article.rezept {
    flex-basis: 70%;
}

article.weitere {
    flex-basis: 30%;
}

section.overview {
    flex-direction: row;
    display: flex;
}

section.overview_icon {
    margin-right: 20px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;

}


section.list {
    flex-direction: row;
    display: flex;
}

section.zutaten {
    flex-basis: 50%;
}

section.utensilien {
    flex-basis: 50%;
}