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

   Links Kicker, zwei Saetze und ein Textverweis, rechts sechs
   Fakten in einem Haarlinienraster. Kein Bild: die Bilder stehen
   in den beiden Baendern darueber und darunter.

   Die beiden Absaetze des Bestandes stehen auf /haus/. Auf der
   Startseite bleibt der Lead.
   ═══════════════════════════════════════════════════════════ */


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

/* Der Lead ist der einzige Satz auf der Startseite, der groesser
   ist als der Fliesstext. Der zweite Teil steht gedaempft: ein
   Gedanke, zwei Gewichte der Aufmerksamkeit. */
.willkommen__lead {
	margin-top: var(--s2);
	font-size: clamp(1.25rem, 1.75vw, 1.625rem);
	line-height: 1.3;
	letter-spacing: -.025em;
	max-width: 24ch;
}
.willkommen__lead b {
	font-weight: var(--gw-normal);
	color: var(--mu);
}

.willkommen .tl { margin-top: var(--s3); }



@media (max-width: 61.25rem) {
	.willkommen__g {
		grid-template-columns: 1fr;
		gap: var(--s5);
	}
}