/* Wählen Sie nur Pfade aus, deren ID mit 'ov' beginnt */
path[id^="ov"] {
  transition: fill 0.3s, transform 0.3s;
  transform-origin: center center;
  transform-box: fill-box;
  fill: #BC0000; /* Grundfarbe für die Pfade */
}

path[id^="ov"]:hover {
  fill: #E3000F; /* Farbe beim Hover */
    stroke: #fff;
  cursor: pointer;
  transform: scale(1.13); /* Skaliert das Element um 10% */
    z-index: 1111;
}


#tooltip {
   
    padding: 5px;
    border-radius: 5px;
    pointer-events: none;
    position: absolute;

    z-index: 1000;
    padding: 0.3em 0.6em;
    background-color: rgb(255, 255, 255);
  border-radius: 12px;
  color: rgb(34, 34, 34);
    transform: translate(-50%, -50%);
}

#tooltip::before {
  position: absolute;
  content: "";
  height: 0.6em;
  width: 0.6em;
  bottom: -0.2em;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  background-color: rgb(255, 255, 255);
}

.info-box-ov{
    display: none;
    border-radius: 23px;
    color: #000;
    height: 100%;
    background-color: #efefef;
    padding: 23px;
}


* {
    box-sizing: border-box;
    
    /*
  border: 1px dashed aqua; 
}