.map-container {
  position: relative;
  width: auto;

  svg {
    width: 100%;
    height: auto;
    pointer-events: none;
    display: block;

    path {
      fill: var(--color-cd-dunkelrot);
      stroke: white;
      stroke-width: 1;
      transition: fill 0.2s;
      pointer-events: all;

      &:hover {
        fill: var(--color-cd-rot);
        cursor: pointer;
      }
    }
  }

  .tooltip {
    position: fixed;
    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;
  }
}