/* 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; /* 40=oben+unten, 100= links+rechts */
    /* Kaskadierung: das was zuletzt definiert wurde gilt - dh hier. 40 + 100 */
    margin: 30px;
    /* Hauptüberschrift */
}
h1 {
    color: #990022;
}
/*Kaskadierung - überschrift wird rot obwohl sie oben blau angegeben wurde*/