/* POI-Umkreis (transparenter Bereich bleibt bestehen) */
.poi-circle-freigegeben {
    stroke: none;
    stroke-width: 0;
    fill: var(--tertiary-color);
    fill-opacity: 0.3;
}

.poi-circle-eingeschränkt {
    stroke: none;
    stroke-width: 0;
    fill: var(--secondary-color);
    fill-opacity: 0.3;
}

.poi-circle-standard {
    stroke: none;
    stroke-width: 0;
    fill: var(--primary-color);
    fill-opacity: 0.3;
}

/* Standard POI-Marker als SVG */
.poi-marker-svg {
    width: 16px;
    height: 16px;
}

/* Farbvarianten für die SVG-Marker */
.poi-marker-svg-freigegeben circle {
    fill: var(--tertiary-color);
    stroke: #ffffff;
    stroke-width: 2;
}

.poi-marker-svg-eingeschränkt circle {
    fill: var(--secondary-color);
    stroke: #ffffff;
    stroke-width: 2;
}

.poi-marker-svg-standard circle {
    fill: var(--primary-color);
    stroke: #ffffff;
    stroke-width: 2;
}

/* Popup-Styling */
.poi-popup-container {
    padding: 8px;
    font-size: 14px;
}

.status-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

.status-radius-freigegeben {
    background-color: var(--tertiary-color);
}

.status-radius-eingeschränkt {
    background-color: var(--secondary-color);
}

.status-radius-standard {
    background-color: var(--primary-color);
}