body {
    max-width: 45em; /* damit bei der Seitendarstellung rechts und links ein Freiraum bleibt */
    margin: 1.2em auto; /* Zeilenabstand */
    padding: 0.8em; /* Abstand zwischen Inhalt und Rand. Mit dieser Regel hat der Text auf großen Monitoren einen Rand, unabhängig von der Bildschirmbreite */
    background-color: #ece3d7;
    color: black;
}

p {
    color: black;
    font-size: 1em;
    text-align: justify;
    font-family: sans-serif, "Verdana";
    hyphens: auto; /* Silbentrennung aktiviert */
}

 li {margin-bottom:0.5em} /* damit die Listeneinträge einen ausreichenden Zeilenabstand haben, und die Eintäge bei einer Linkliste und einem Handy bedienbar bleiben */

img {
    max-width: 100%;
    height: auto;
} /* damit Bilder die generell die originale Größe anzeigen können und damit die Höhe proportional zu Breite ausgegeben wird */


@media screen and (max-width: 480px) {
    body {
        background-color: tan;
        color: white;
        padding: 0.5em;
    }
} /* damit bei Handys bis zu einer Bildschirmbreite von 480 px andere Einstellungen gelten, verschiebt die Live-Vorschau im Editor und ihr seht es sofort */