/*css für Legende*/
        /* Entfernt die >> in der Legende vollständig */
        .leaflet-control-layers-toggle,
        .leaflet-control-layers-toggle::before,
        .leaflet-control-layers-toggle::after {
            font-size: 0 !important;
            line-height: 0 !important;
            color: transparent !important;
            content: none !important;
        }
        /* Entfernt die sichtbare Box der >> in der Legende, ohne die Tree-Logik zu zerstören */
        .leaflet-control-layers-toggle {
            width: 0 !important;
            height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            background: none !important;
        }

        /* Rechter Teil (Info-Button) */
        .info-icon {
            margin-left: 10px;
        }
        /* Blauer Ring um das i */
        .info-circle {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            border: 1px solid #1e90ff;   /* blauer Ring */
            color: #1e90ff;               /* i in derselben Farbe */
            font-size: 12px;
            text-decoration: none;
            font-weight: bold;
            background: transparent;      /* kein Hintergrund */
        }

        /*Legende Schriftgrößen*/
            /* Oberkategorien */ .leaflet-layerstree-header { font-size: 14px;}
            /* Unterkategorien */ .leaflet-layerstree-children label { font-size: 14px; }