body {
            font-family: Arial, sans-serif; /* Arial als Standard-Schriftart für die gesamte Seite */
            margin: 0; /* Setze die Seitenränder auf 0 */
            padding: 0; /* Setze den Innenabstand auf 0 */
        }
        #map-container {
            position: fixed; /* Position der Karte festlegen */
            top: 0; /* Von oben anfangen */
            left: 0; /* Von links anfangen */
            width: 100%;
            height: calc(100vh - 80px); /* 100% der Bildschirmhöhe */
        }
        #info-container {
            position: fixed; /* Position des unteren Containers festlegen */
            bottom: 0; /* Am unteren Rand des Bildschirms */
            left: 0; /* Von links anfangen */
            width: 100%;
            height: 80px; /* Höhe des unteren Containers */
            background-color: rgba(255, 255, 255, 0.9); /* Hintergrundfarbe mit Opazität 0.9 */
            display: flex; /* Flexbox verwenden */
            justify-content: space-between; /* Inhalt gleichmäßig verteilen */
            align-items: center; /* Zentrieren vertikal ausrichten */
            padding: 0 20px; /* Innenabstand links und rechts */
            box-sizing: border-box; /* Rand und Padding in die Gesamtbreite einbeziehen */
            font-size:22px;
            border-top:#999 1px solid;
        }
        .info-column {
            flex: 1; /* Flexible Breite für die Spalten */
            text-align: right; /* Rechtsbündige Ausrichtung */
        }
        #time {
            font-size: 40px; /* Schriftgröße für die Uhrzeit */
            font-weight: bold; /* Fettschrift */
        }