#map {
        height: 500px;
        width: 100%;
    }

    .leaflet-popup-content-wrapper {
        max-width: 350px;
    }

    .leaflet-popup-content {
        max-height: 200px;           /* Maximale Höhe des Popups */
        overflow-y: auto;            /* Scrollen aktivieren, falls Inhalt zu lang */
        font-size: 1rem;             /* Standard-Schriftgröße */
    }

    .leaflet-popup-content img {
        max-width: 200px;
        height: auto;
        display: block;
        margin: 0 auto;              /* Zentriert das Bild im Popup */
    }

    /* Mobile Anpassungen */
    @media only screen and (max-width: 400px) {
        #map {
            height: 300px;
        }

        .leaflet-popup-content-wrapper {
            max-width: 250px;
        }

        .leaflet-popup-content {
            font-size: 0.9rem;
            max-height: 150px;
        }

        .leaflet-popup-content img {
            max-width: 150px;
        }
    }

    /* Desktop / größere Geräte */
    @media only screen and (min-width: 768px) {
        .leaflet-popup-content-wrapper {
            max-width: 400px;
        }

        .leaflet-popup-content {
            font-size: 1rem;
            max-height: 250px;
        }

        .leaflet-popup-content img {
            max-width: 300px;
        }
    }