/*
 * STB Marina-Vorlage (single-marina.php), STB Design 3, 06.10.2026.
 * Grundlage ist die Parent-CSS des Yacht-Kopfs (cpt-unterkunft.css, gleiches Markup).
 * Hier nur, was die Marina anders hat. Facelift-Zusätze: assets/facelift/stb-facelift.css, Abschnitt „Marina-Vorlage“.
 */

/* Galeriebilder sind Links (Swipebox braucht <a>), die Yacht nutzt dafür <div>: als Block setzen. */
.stbMarinaHero a.heroImgWrap { display: block; }
.stbMarinaHero .heroImgWrap img { width: 100%; height: 100%; object-fit: cover; }

/* Kicker über dem Titel (im heutigen Look schlicht, im neuen Look übernimmt .stb-kicker) */
.stbMarinaHero .stbMarina__kicker {
	font-size: 85%;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

/* Eckdaten: Strich-Symbole in Textfarbe */
.stbMarinaHero .infoWithIconWrap .iconWrap svg { width: 100%; height: auto; color: currentColor; }
.stbMarinaHero .infoWithIconWrap { font-weight: 600; }

/* Zwei-Spalten-Abschnitt „Die Marina“ / „In der Umgebung“ */
.stbMarinaText__reihe { row-gap: 3rem; }
.stbMarinaText__spalte h2 { margin-bottom: 1.5rem; }
@media (min-width: 992px) {
	.stbMarinaText__reihe > div:first-child .stbMarinaText__spalte { padding-right: 2rem; }
	.stbMarinaText__reihe > div:nth-child(2) .stbMarinaText__spalte { padding-left: 2rem; }
}

/* „alle Bilder“ oben rechts: unten stehen die Bildnachweise (Fotos von Wikimedia Commons) */
.stbMarinaHero .galleryBtnWrap { top: 1rem; bottom: auto; }
/* Überschriften wie in den Blöcken darunter (--block-headline-color #0a4b64) */
.stbMarinaText h2 { color: #0a4b64; }