/* ═══ Baustein Seitenbild ═══════════════════════════════════
   Ein Band unter dem Seitenkopf, 21 zu 9, ueber die volle
   Fensterbreite. Der Satzspiegel gilt hier nicht: ein Band mit
   Rand ist kein Band.

   Die Hoehe kommt aus dem Verhaeltnis, nicht aus einer festen
   Zahl. Damit springt beim Laden nichts.
   ═══════════════════════════════════════════════════════════ */

.seitenbild {
	position: relative;
	overflow: hidden;
	background: var(--pa2);
	margin-top: 0;
}
.seitenbild img {
	display: block;
	width: 100%;
	aspect-ratio: 21 / 9;
	object-fit: cover;
}

.seitenbild figcaption {
	padding: 12px var(--m) 0;
	font-size: var(--t-klein);
	color: var(--mu);
}

/* Auf dem Handy ist 21 zu 9 ein Streifen. 16 zu 9 zeigt noch
   etwas vom Motiv. */
@media (max-width: 760px) {
	.seitenbild img { aspect-ratio: 16 / 9; }
}

/* Kein Band, sondern ein Bild im Satzspiegel. Auf Seiten ohne
   Textabschnitt haengt sich das zweite Bild an keinen Absatz, es
   steht dann fuer sich, im Verhaeltnis 4 zu 3 und nicht ueber die
   ganze Breite: sonst haette die Seite zwei Baender. */
.seitenbild--schmal {
	margin-top: 0;
	max-width: 760px;
}
.seitenbild--schmal img { aspect-ratio: 4 / 3; }
.seitenbild--schmal figcaption { padding-inline: 0; }