/* Grundlegendes Reset & Flexbox */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #000000; /* Schwarzer Hintergrund */
    color: #ffffff;           /* Weißer Text */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

/* Behälter zur Ausrichtung */
.container {
    text-align: center;
    max-width: 1200px;
    width: 100%;
    
    /* Schiebt den gesamten Block vertikal leicht nach oben */
    margin-bottom: 22vh; /* 12% der Bildschirmhöhe Abstand nach unten */
}

/* Responsive Bild-Ausrichtung */
.banner-img {
    max-width: 1200px;         /* Maximale Breite auf Desktop */
    width: 100%;              /* Passt sich auf Mobilgeräten flexibel an */
    height: auto;             /* Verhindert Verzerrungen */
    display: block;
    margin: 0 auto 30px auto; /* Zentriert das Bild und gibt 30px Abstand nach unten */
    border-radius: 8px;       /* Leicht abgerundete Ecken */
}

/* Styling für den Text */
.text {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #e0e0e0;          /* Leicht abgetöntes Weiß für bessere Lesbarkeit */
    font-weight: 300;
}