/*ich fürchte fast meine stylesheets sind eine schande anzusehen. ich könnte sie ja sortieren  aber irgendwie schaffe ich es jedesmal etwas kaputt zumachen wenn ichs versuche deshalb respektiere ich jetzt das chaos*/

.Titel {
    text-align: left;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: #ffcbe6;
    max-width: 75%;
    margin: auto;
    padding: 2%;
    color: #452135;
}

.Zutaten {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #452135;
    background-color: #ffeaf5;
    max-width: 75%;
    margin: auto;
    padding: 2% 5%;
    display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
}

.Liste {
    text-spacing-trim: 0;

}

.Bild img {
    border: #ffeaf5;
    border-radius: 100px;
    margin-left: 30%;
}


.Anleitung {
    max-width: 75%;
    font-family: Arial,Helvetica, sans-serif;
    font-size: 1.1em;
    color: #452135;
    background-color: #ffeaf5;
    margin: auto;
    padding: 2% 5%;
} 
.Anleitung span {
    font-size: 1.25em;
    font-weight: bold;
}

body {
    background-image: url("/images/background.png");
    background-repeat: repeat-y;
    background-size: 105%;  /*hier hatte ich eigentlich cover verwendet, aber das hat irgendwie aufgehört zu funktionieren*/
}