/* STB – Marina-Verzeichnis (Child-Block, 07.10.2026, STB Bauplan 21, P15)
   Kopf mit Überschrift, Länderfilter und Karten-Platzhalter; die Karten darunter kommen aus Block 6a. */
.stb-marina-verzeichnis .stb-mv-kopf {
	padding: 64px 0 24px;
	background: var(--stb-mv-grund, transparent);
}
.stb-marina-verzeichnis.stb-mv-hell { --stb-mv-grund: rgb(241, 240, 235); }
.stb-marina-verzeichnis .stb-mv-ueberschrift { margin-bottom: 20px; }

/* Karten direkt unter dem Kopf, ohne zweite Fuge */
.stb-marina-verzeichnis .block-6a-teaser-einfach { padding-top: 0 !important; margin-top: 0 !important; }
.stb-marina-verzeichnis .block-6a-teaser-einfach::before { display: none !important; }
.stb-marina-verzeichnis .cardImgWrap img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.stb-marina-verzeichnis .flexRow > div.stb-mv-aus { display: none !important; }

/* Länderfilter */
.stb-mv-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.stb-mv-chip {
	border: 1px solid #0a4b64; background: #fff; color: #0a4b64;
	border-radius: 999px; padding: 9px 20px; font-size: 17px; line-height: 1.3; font-weight: 600; cursor: pointer;
}
.stb-mv-chip span { opacity: .65; margin-left: 4px; }
.stb-mv-chip:hover { background: #eef4f6; }
.stb-mv-chip.is-aktiv { background: #0a4b64; color: #fff; }
.stb-mv-chip:focus-visible { outline: 3px solid #d97706; outline-offset: 2px; }

/* Karte: Platzhalter, bis jemand klickt */
.stb-mv-karte {
	position: relative; height: 420px; margin: 0 0 32px; border-radius: 16px; overflow: hidden;
	background: #e7eef0 url("../../assets/marina/stb-mv-seekarte.svg") center / cover no-repeat;
}
.stb-mv-karte-hinweis {
	position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; padding: 24px; background: rgba(255, 255, 255, .55);
}
.stb-mv-karte-hinweis p { max-width: 520px; margin: 0 0 14px; font-size: 17px; }
.stb-mv-karte-titel { font-size: 24px; font-weight: 700; color: #0a4b64; }
.stb-mv-karte.ist-geladen .stb-mv-karte-hinweis { display: none; }
.stb-mv-karte .leaflet-container { height: 100%; width: 100%; font: inherit; }
.stb-mv-punkt {
	display: block; /* sonst ignoriert das span die Maße (Nachtest T-P15b) */
	width: 18px; height: 18px; border-radius: 50%; background: #d97706; border: 3px solid #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}
.stb-mv-popup strong { display: block; color: #0a4b64; }
.stb-mv-popup a { display: inline-block; margin-top: 4px; }

@media (max-width: 767px) {
	.stb-marina-verzeichnis .stb-mv-kopf { padding-top: 48px; }
	.stb-mv-karte { height: 340px; }
	.stb-mv-chip { padding: 8px 15px; font-size: 16px; }
}

/* Facelift-Fuge vor dem Verzeichnis (Daniel 07.10.2026: Einstieg braucht Luft nach unten). Die Facelift-Regel greift nur
   zwischen zwei section-Elementen, unser Block steckt in einem div. */
.stb-facelift main > section:has(+ .stb-marina-verzeichnis) { padding-bottom: var(--stb-luft) !important; }
.stb-facelift .stb-marina-verzeichnis .stb-mv-kopf { padding-top: var(--stb-luft, 64px); }
/* Überschrift in Petrol wie die übrigen H2 im Facelift (07.10.2026). */
.stb-marina-verzeichnis .stb-mv-ueberschrift h2 { color: #0a4b64; }