/* Basismarker: Stil für Marker-Popups (optional) */
.leaflet-popup-content {
    font-size: 14px;
    line-height: 1.4;
    color: #222;
    margin: 0;
    padding: 0;
}

/* Popup-Titel für Flyer */
.leaflet-popup-content strong {
    font-size: 15px;
    color: var(--primary-color, #0073aa); /* fallback blau */
}

/* Optional: Farbe für GPX-Tracks anpassen */
path.leaflet-gpx {
    stroke: var(--secondary-color, #8e44ad); /* violett als Fallback */
    stroke-width: 3;
    opacity: 0.8;
}

/* Optional: GeoJSON-Pfade */
path.leaflet-interactive {
    stroke-width: 2;
    stroke-linejoin: round;
}

/* Tooltip-Stil bei Bedarf */
.leaflet-tooltip.flyer-tooltip {
    background-color: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 4px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    font-size: 13px;
}

.flyer-popup-container {
    font-size: 14px;
    line-height: 1.4;
    padding: 8px;
    margin: 0;
}

.flyer-popup-container strong {
    color: var(--primary-color, #0073aa);
    font-size: 15px;
}

.custom-flyer-marker .flyer-marker-svg {
    fill: var(--primary-color, #0073aa);
    stroke: white;
    stroke-width: 1;
}

.status-distance { background-color: var(--primary-color, #0073aa); }