.local-groups-map-wrapper {
	padding-bottom: 2rem;
}

.local-groups-map {
	margin: auto;
	padding: 4rem 0;
	width: fit-content;
	position: relative;
}

.map-marker {
	position: absolute;
	width: 3.25rem;
	text-align: center;
	color: var(--weiss);
	aspect-ratio: 1;
	border-radius: 50%;
	border: 0.25rem solid #6a7b87;
	background-color: var(--aktiv);
	z-index: 1;
}

a.map-marker {
	text-decoration: none;
}

a.map-marker:hover,
a.map-marker:focus {
	color: var(--weiss);
	border: 0.25rem solid var(--aktiv);
	background-color: #6a7b87;
	scale: 1.2;
	transition: scale 50ms ease-in-out;
}

.number {
	margin-top: 0.4rem;
	display: block;
	font-size: 1.25rem;
	font-weight: bold;
}

.map-marker span + span {
	display: none;
}

@media(min-width: 37.5em) {
	.map-marker {
		width: 4.25rem;
		border: 0.35rem solid #6a7b87;
	}

	.map-marker span + span {
		margin-top: -0.5rem;
		display: block;
		font-size: 10px;
	}
}

[data-state="bw"] {
	top: 80%;
	left: 30%;
}

[data-state="by"] {
	top: 75%;
	left: 58%;
}

[data-state="be"] {
	top: 30%;
	left: 80%;
}

[data-state="bb"] {
	top: 24%;
	left: 70%;
}

[data-state="hb"] {
	top: 23%;
	left: 26%;
}

[data-state="hh"] {
	top: 16%;
	left: 40%;
}

[data-state="he"] {
	top: 51%;
	left: 31%;
}

[data-state="mv"] {
	top: 13%;
	left: 69%;
}

[data-state="ni"] {
	top: 31%;
	left: 39%;
}

[data-state="nrw"] {
	top: 43%;
	left: 13%;
}

[data-state="rp"] {
	top: 61%;
	left: 7%;
}

[data-state="sl"] {
	top: 71%;
	left: 7%;
}

[data-state="sn"] {
	top: 48%;
	left: 74%;
}

[data-state="st"] {
	top: 38%;
	left: 57%;
}

[data-state="sh"] {
	top: 5%;
	left: 35%;
}

[data-state="th"] {
	top: 52%;
	left: 50%;
}