/* Stellt sicher, dass das Dokument die ganze Höhe und Breite des Bildschirms einnimmt */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

/* Setzt das Hintergrundbild */
body {
    background-image: url('formentera.jpg');
    background-size: cover; /* Bild bedeckt den gesamten Bildschirm */
    background-repeat: no-repeat; /* Bild wird nicht wiederholt */
    background-position: center; /* Bild ist zentriert */
    height: 100vh; /* Höhe des Bildschirms */
    width: 100vw; /* Breite des Bildschirms */
    display: flex;
    align-items: center;
    justify-content: center;
}