#menu {
    display: none !important;
}

#mapWindow {
    width: 100% !important;
}

/* ========================= */
/* Desktop & generell */
/* ========================= */

.menu-control {
    background: #ffffff;
    padding: 12px 14px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    max-width: 280px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Scrollbar (optional, dezent) */
.menu-control::-webkit-scrollbar {
    width: 6px;
	
}
.menu-control::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.25);
    border-radius: 3px;
}


/* Titel */
.menu-title {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-weight: 600;
}

/* Desktop Standard-Höhen */
.menu-control select {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 6px;
    font-size: 13px;
    height: 400px; /* Oder ein anderer fester Wert, der dir gefällt */
    min-height: 200px;/* Oder ein anderer fester Wert, der dir gefällt */
}

/* Reset-Link */
.menu-control .filterlabel {
    margin-top: 6px;
    font-size: 12px;
    color: #0078a8;
    cursor: pointer;
}

/* In der menu-custom.css ergänzen */

/* Die äußere Hülle des Popups auf die gewünschte Breite zwingen */
.leaflet-popup-content-wrapper {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.leaflet-popup-content {
    /* Wichtig: Breite auf 'unset' oder 'auto', damit maxWidth aus JS greift */
	width: max-content !important;/* <-- ÄNDERE DIESEN WERT für die manuelle Breite Bsp: 450px, oder max-content*/
    margin: 15px;
    font-size: 14px;
}

/* Tabellen-Layout im Popup optimieren */
.leaflet-popup-content table {
    width: 100%;
    border-collapse: collapse;
}

.leaflet-popup-content th {
    color: #666;
    font-weight: 600;
    padding-right: 10px;
    width: 80px; /* Feste Breite für die linke Spalte (Title/Comment) */
}

/* Medien-Inhalte (Bilder/Videos) automatisch an die neue Breite anpassen */
.leaflet-popup-content img, 
.leaflet-popup-content video {
    width: 100% !important;
    height: auto !important;
	max-height: max-content;/* <-- ÄNDERE DIESEN WERT für die maximale Medienhöhe Bsp: 400px*/
    border-radius: 6px;
    margin-top: 10px;
}

/* ===================================== */
/* MOBILE FIX (Zwingende Überschreibung) */
/* ===================================== */
@media (max-width: 768px) {
    /* Container-Fix */
    .leaflet-control.menu-control {
        position: fixed !important;
        left: 50% !important;
        bottom: 20px !important;
        transform: translateX(-50%) !important;
        width: 95% !important;
        max-height: 30vh !important; /* Hier die gewünschte Kastenhöhe */
        margin: 0 !important;
        padding: 8px !important;
    }

    /* Das Listenfeld im Kasten */
    .menu-control select#sel_Title {
        height: 100px !important;    /* Feste kleine Höhe für Mobile */
        min-height: 80px !important;  /* Überschreibt die 100px von oben */
        max-height: 100px !important;
        font-size: 16px !important;   /* Verhindert Auto-Zoom bei iOS */
    }

    /* Titel & Label Platz sparen */
    .menu-title { font-size: 13px !important; margin-bottom: 4px !important; }
    .filterlabel { font-size: 11px !important; margin-top: 2px !important; }
}