/* style.css */

/* Gesamte Seite */
body {
    background-color: #f0f8ff;
    /* AliceBlue */
    color: #003366;
    /* Dunkles Blau, passt gut zu AliceBlue */
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 1rem;
}

/* Hauptüberschrift */
h1 {
    color: #006699;
    /* Mittelblau – Kontrast, aber harmonisch */
}

/* Bilder */
img {
    /* passendes Mittelblau zum Design */
    max-width: 100%;
    /* sorgt dafür, dass es nicht aus dem Layout ragt */
    height: auto;
    background-color: #bde0f5;
    /*
     * Box-Model:
     * border = Rahmen
     * padding = Innenabstand (zwischen Bild und Rahmen)
     * margin = Außenabstand (zu den anderen Elementen - hier zum anderen Bild)
    */
    border: 10px solid #006699;
    padding: 10px 20px 30px 40px;
    /* 10 = top, 20= rechts, 30= unten, 40= links */
    padding: 40px 100px;
    /* Kaskadierung: das was zuletzt definiert wurde gilt - dh hier: 40+100 */

    margin: 30px;
}
h1 {
    color: #ff0000;
    }
    /* Kaskadierung: Überschrift wird rot und nicht wie oben angegeben blau  */