/* ══ Baustein Saison ═════════════════════════════════════════
   Vorbild: 03_Design/final/idee-soelden.html

   Bild links auf fuenf Zwoelfteln, Text rechts. Der zweite Block
   spiegelt: zwei gleich gebaute Zeilen untereinander lesen sich
   wie eine Tabelle, gespiegelt wie zwei Abschnitte.

   Das Faktenraster steht in drei Spalten mit Haarlinien. Sechs
   Angaben brauchen damit zwei Zeilen statt sechs.
   ═════════════════════════════════════════════════════════════ */


.saison__g {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: var(--s6);
	align-items: start;
}

.saison--rechts .saison__bild {
	order: 2;
}

.saison__bild {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--pa2);
}

.saison__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.saison__lead {
	max-width: 56ch;
	font-size: clamp(1rem, 1.2vw, 1.125rem);
}





.saison__weiter {
	margin-top: var(--s5);
}

@media (max-width: 61.25rem) {

	.saison__g {
		grid-template-columns: 1fr;
		gap: var(--s4);
	}

	/* Gespiegelt wird nur nebeneinander. Untereinander stuende das
	   Bild des zweiten Blocks sonst unter seinem Text. */
	.saison--rechts .saison__bild {
		order: 0;
	}

	.saison__bild {
		aspect-ratio: 3 / 2;
	}


	}