/* ═══ Baustein Reihe ════════════════════════════════════════
   Vorbild: 03_Design/final/idee-start.html

   Zwei Bilder und eine dunkle Kachel, randlos, zwei Pixel Fuge.
   Die Kachel traegt den einzigen Aufruf zwischen Hero und
   Abschluss und steht dafuer als dritter Ton neben den Fotos,
   nicht als Knopf in einer leeren Flaeche.
   ═══════════════════════════════════════════════════════════ */

.reihe {
	display: grid;
	grid-template-columns: 1fr 1.6fr 1fr;
	gap: 2px;
	height: clamp(18rem, 48vh, 30rem);
}

.reihe figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	background: var(--pa2);
}
.reihe figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Die Tafel ist die Textkachel aus basis.css (.platte), dunkel:
   Kicker, Satz, Weg. Hier steht nur das Raster. */

@media (max-width: 61.25rem) {
	.reihe {
		grid-template-columns: 1fr 1fr;
		height: auto;
		row-gap: 0;
	}
	.reihe figure { aspect-ratio: 1; }
	.reihe__tafel { grid-column: 1 / -1; }
}