/* Basis: runde Cluster-Bubbles */
.marker-cluster div {
  background-clip: padding-box;
  border-radius: 50%;
  border: 3px solid #fff;
  color: #fff;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 40px; /* abhängig von Größe */
}

/* Small cluster */
.marker-cluster-small {
  background-color: rgba(0, 58, 108, 0.7);   /* #003A6C mit Transparenz */
}
.marker-cluster-small div {
  background-color: #003A6C;                 /* volle Farbe */
}

/* Medium cluster */
.marker-cluster-medium {
  background-color: rgba(120, 2, 49, 0.7);   /* #780231 leicht transparent */
}
.marker-cluster-medium div {
  background-color: #780231;
}

/* Large cluster */
.marker-cluster-large {
  background-color: linear-gradient(135deg, #003A6C, #780231); /* Farbverlauf */
}
.marker-cluster-large div {
  background: linear-gradient(135deg, #003A6C, #780231);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 25px;
	}