body {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: Arial, sans-serif;
    height: 100vh;
    background: url('websitemedia/hintergrund.jpg') no-repeat center center fixed; /* Hintergrundbild */
    background-size: cover; /* Hintergrundbild wird skaliert, um den gesamten Bildschirm abzudecken */
}

.header {
    height: 15vh; /* 20% der Bildschirmhöhe */
    display: flex;
    justify-content: center;
    align-items: center;
     /* Hintergrundfarbe für Header */
}

.image-container {
    height: 75vh; /* 70% der Bildschirmhöhe */
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    height: 100%; /* 100% der Höhe des Containers */
    width: auto; /* Breite passt sich automatisch an */
    object-fit: cover; /* Bild bleibt im Verhältnis */
}

.footer {
    height: 10vh; /* 10% der Bildschirmhöhe */
    display: flex;
    justify-content: center;
    align-items: center;
}

h1, h2 {
    color: #333333; /* Dunkelblau */
    margin: 0; /* Kein Margin */
}