/* Reset der Standard-Abstände */
* {
    margin: 0; /* Setzt den äußeren Abstand von allen Elementen auf 0 */
    padding: 0; /* Setzt den inneren Abstand von allen Elementen auf 0 */
}

body {
    min-height: 100vh; /* Stellt die minimale Höhe des Body auf die volle Höhe des Ansichtsfensters ein */
    background-color: rgb(47, 43, 43); /* Legt die Hintergrundfarbe des Body fest */
    font-size: 20px; /* Setzt die Schriftgröße des Body-Textes fest */
    color: aliceblue; /* Legt die Textfarbe für den Body fest */
}



/* Stil für h1-Element */


/* Media Query für kleinere Bildschirme */
@media (max-width: 800px) {
    body {
        font-size: 18px; /* Verringert die Schriftgröße im Body für kleinere Bildschirme */
    }
    
    h1 {
        font-size: 32px; /* Passt die Schriftgröße des h1-Elements bei mittleren Bildschirmen an */
    }
    
    .subheading {
        text-align: center; /* Zentriert den Text des Untertitel-Elements bei kleineren Bildschirmen */
        font-size: 16px; /* Passt die Schriftgröße der Unterüberschrift an */
    }
}

@media (max-width: 480px) {
    body {
        font-size: 16px; /* Verringert die Schriftgröße im Body für sehr kleine Bildschirme */
    }

    h1 {
        font-size: 28px; /* Weitere Reduzierung der h1-Schriftgröße */
    }

    .subheading {
        font-size: 14px; /* Weitere Reduzierung der Unterüberschrift */
        padding: 0 10px; /* Fügt seitlichen Innenabstand hinzu */
    }
}