.ffb-karte { margin: 1.5em 0; }
.ffb-karte-map {
	position: relative;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	background: #E3E5EE;
	z-index: 0;
}
.ffb-karte-hinweis {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .4em;
	padding: 1.5em;
	text-align: center;
	color: #3A3F5C;
	background: repeating-linear-gradient(45deg, #E3E5EE 0 14px, #F3F4F8 14px 28px);
}
.ffb-karte-hinweis p { margin: 0; max-width: 34em; }
.ffb-karte-laden {
	margin-top: .6em;
	padding: .6em 1.4em;
	border: 0;
	border-radius: 6px;
	background: #D0080F;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}
.ffb-karte-laden:hover, .ffb-karte-laden:focus-visible { background: #A3060C; }
.ffb-karte-merken { font-size: .875em; }
.ffb-karte-legende {
	display: flex;
	flex-wrap: wrap;
	gap: .4em 1.2em;
	margin: .7em 0 0;
	padding: 0;
	list-style: none;
	font-size: .9em;
}
.ffb-karte-legende li { display: flex; align-items: center; gap: .4em; }
.ffb-karte-legende span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.ffb-leg-fehl span { background: transparent; border: 3px solid #8A8FA3; width: 8px; height: 8px; }
.ffb-karte-info { margin: .3em 0 0; font-size: .85em; opacity: .75; }
.ffb-pop { min-width: 180px; }
.ffb-pop-kopf { font-size: .8em; opacity: .7; }
.ffb-pop-titel { display: block; margin: .2em 0; font-weight: 700; color: #D0080F; }
.ffb-pop-art { font-size: .85em; }
.ffb-letzter-einsatz a { font-weight: 600; }