.afd-bezirkskarte-wrap {
	max-width: 620px;
	margin: 0 auto;
}

.afd-bezirkskarte {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.afd-bezirk {
	display: block;
}

.afd-bezirk-group {
	transform-box: view-box;
	transition: transform 0.25s ease;
	cursor: pointer;
}

.afd-bezirk-shape {
	fill: #aae3f2;
	stroke: #ffffff;
	stroke-width: 2;
	stroke-linejoin: round;
	transition: fill 0.25s ease;
}

.afd-bezirk-label {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 30px;
	fill: #ffffff;
	pointer-events: none;
}

.afd-bezirk:hover .afd-bezirk-group,
.afd-bezirk:focus-visible .afd-bezirk-group,
.afd-bezirk.is-aktiv .afd-bezirk-group {
	transform: scale(1.06);
	position: relative;
	z-index: 10;
}

.afd-bezirk:hover .afd-bezirk-shape,
.afd-bezirk:focus-visible .afd-bezirk-shape,
.afd-bezirk.is-aktiv .afd-bezirk-shape {
	fill: #009ee0;
}

.afd-bezirk:focus-visible .afd-bezirk-shape {
	outline: none;
	stroke: #023b62;
	stroke-width: 3;
}

@media (prefers-reduced-motion: reduce) {
	.afd-bezirk-group,
	.afd-bezirk-shape {
		transition: none;
	}
}