.lobby_map_svg {
	position: relative;
	margin: auto;
	width: 400px;
	height: 500px;
	max-width: 100%;

	/* over-ride this inline for aspect ratio other than square */
	svg {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top:0;
	}

	.region {
		stroke: $white;
		stroke-width:1.5;

		&.unselected {
			fill: #d3d1d2;
		}
		&.selected,
		&.hovered {
			fill: $green;
		}
	}

	&.clickable .region {
		cursor: pointer;
	}

	.border {
		fill: none;
		stroke: #B6B4B5;
		stroke-width: 0.5%; // damit werden die Rahmen in allen BL gleich dick
	}

	.regions path {
		fill: #d3d1d2;
		stroke: $white;
		stroke-width: 1;
	}

	.wks path {
		stroke: #d3d1d2;
	}
}