/* Modul „Text & Bild": Portrait 4:5 neben einer Textspalte.
   Maße aus `01 Startseite` (Über, Musik) und `02`/`04` (Intro, Über).
   Fließtext, H3 und Links im Editor-Inhalt setzt `.fk-text` (site.css). */

/* Abstände wie im Prototyp: Der freistehende Zweispalter (Abstand oben
   „normal" — Über, Intro) hat oben den vollen und unten den kleinen Abstand;
   der angeschlossene („keiner" — Musik nach dem Laufband) beginnt bündig und
   schließt mit dem vollen. */
.modul--text_bild {
	padding-block: var(--sektion-y) var(--sektion-y-klein);
}

.modul--text_bild.modul--abstand-klein {
	padding-block: var(--sektion-y-klein) var(--sektion-y);
}

.modul--text_bild.modul--abstand-keiner {
	padding-block: 0 var(--sektion-y);
}

/* Hero + Laufband + Zweispalter (Landingpages): derselbe Abstand wie Laufband
   + Zweispalter auf der Startseite (--sektion-y-klein), nicht der volle. */
.modul--hero + .modul--marquee + .modul--text_bild { padding-top: var(--sektion-y-klein); }

.modul-text_bild__raster {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: var(--spalten-gap);
	align-items: center;
}

.modul--text_bild-ohne-bild .modul-text_bild__raster { grid-template-columns: minmax(0, 1fr); }

/* Bild links: Das Bild steht im Quelltext hinter dem Text und rückt nach vorn.
   Gestapelt landet es damit oben — wie „Über" im Prototyp. */
.modul--text_bild-links .modul-text_bild__medien { order: -1; }

/* ---------- Bild ---------- */

.modul-text_bild__medien { margin: 0; }

.modul-text_bild__bild {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.modul-text_bild__unterschrift {
	margin-top: 10px;
	font-size: var(--fs-label-klein);
	font-weight: var(--fw-label);
	letter-spacing: var(--ls-label-klein);
	line-height: var(--lh-text);
	text-transform: uppercase;
	color: var(--text-45);
}

/* ---------- Text ---------- */

/* Unter der H2 steht der erste Absatz weiter ab als die Absätze untereinander. */
.modul-text_bild__inhalt { margin-top: var(--abstand-titel); }
.modul-text_bild__inhalt:first-child { margin-top: 0; }

.modul-text_bild__inhalt > :first-child { margin-top: 0; }

.modul-text_bild__inhalt ul,
.modul-text_bild__inhalt ol { margin-bottom: 0; padding-left: 1.2em; }

.modul-text_bild__inhalt ul { list-style: disc; }
.modul-text_bild__inhalt ol { list-style: decimal; }
.modul-text_bild__inhalt li::marker { color: var(--gold); }

/* Merksatz zum Schluss (Intro „Destination Weddings"): ein Absatz mit der
   Klasse `fk-merksatz`, größer und in voller Tinte. */
.modul-text_bild__inhalt .fk-merksatz {
	margin-top: 22px;
	font-size: clamp(19px, 1.6vw, 22px);
	font-weight: var(--fw-label);
	letter-spacing: var(--ls-zitat);
	color: var(--ink);
}