.map-container {
    position: relative;
    width: auto;
    svg {
        width: 100%;
        height: auto;

        path {
            fill: var(--color-cd-dunkelrot);
            stroke: white;
            stroke-width: 1;
            transition: fill 0.2s;
        }
        path:hover {
            fill: var(--color-cd-rot);
            cursor: pointer;
        }
    }
}
.tooltip {
    position: absolute;
    background: var(--color-cd-rot);
    color: white;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    pointer-events: none;
    display: none;
    white-space: nowrap;
    z-index: 10;
}