/* replacement for https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css */

.marker-cluster-small div {
  background-color: rgba(200, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}

.marker-cluster-medium div {
  background-color: rgba(200, 0, 0, 0.5);
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
}

.marker-cluster-large div {
  background-color: rgba(200, 0, 0, 0.5);
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
}

/* Gemeinsame Styles für die Cluster-Textanzeige */
.marker-cluster span {
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  width: 100%;
}



.leaflet-div-icon {
      background: transparent;
      border: none;
}
.red-dot, .pulse-dot {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid rgba(200, 0, 0, 0.8);
}
.red-dot {
      background-color: rgba(200, 0, 0, 0.4);
}
.pulse-dot {
      background-color: rgba(200, 0, 0, 0.4);
      animation: pulse 2.5s infinite;
}
@keyframes pulse {
      0% {
        transform: scale(1);
        opacity: 0.8;
      }
      50% {
        transform: scale(1.5);
        opacity: 0.5;
      }
      100% {
        transform: scale(1.0);
        opacity: 0.8;
      }
}