/* --- NEU: Lokale @font-face Definitionen --- */
/* Stelle sicher, dass die Dateinamen (z.B. OpenSans-Regular.woff2)
   genau mit deinen Dateien im /fonts/ Ordner übereinstimmen! */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400; /* Normal */
    font-display: swap;
    /* Wir verwenden /fonts/... , da der Pfad absolut vom Root-Verzeichnis ist */
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff'); /* Fallback */
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700; /* Fett */
    font-display: swap;
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff'); /* Fallback */
}


/* --- Globale Einstellungen --- */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    /* Legt Open Sans als Standardschrift fest */
    font-family: 'Open Sans', sans-serif;
}

body {
    /* --- Hintergrund (Option 1 oder 2) --- */
    background-color: #f3f3f3;
    /* background-image: url('/images/hintergrund.jpg'); ... */
    
    /* --- NEUES LAYOUT: Flexbox (vertikal) --- */
    display: flex;
    flex-direction: column; /* Stapelt Kinder (Header, Main) untereinander */
    min-height: 100vh;      /* Mindestens die volle Bildschirmhöhe */
}

/* --- NEU: Header-Container (Oben) --- */
.header-container {
    width: 100%;
    padding: 30px 0; /* Etwas Abstand oben/unten */
    box-sizing: border-box;
    
    /* Zentriert das Logo horizontal */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* --- ANGEPASST: Haupt-Container (Mitte) --- */
.main-content {
    /* Füllt den restlichen verfügbaren Platz (wichtig!) */
    flex-grow: 1; 

    /* Zentriert den Inhalt (H1, P) vertikal und horizontal */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    padding: 20px;
}

/* --- H1-Styling (Unverändert) --- */
h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700; /* Verwendet die 700er-Definition von @font-face */
    font-size: 2.8rem;
    color: #333333;
    margin-bottom: 20px;
}

/* --- P-Styling (Unverändert) --- */
p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; /* Verwendet die 400er-Definition von @font-face */
    font-size: 1.1rem;
    color: #aaaaaa;
    line-height: 1.6;
}