/* =========================================================
   M40 - Text 2-spaltig (hone)
   Tokens: Flaeche #2b2b2b | gold #a5936f | weiss #fff
   Font: cresta | Font-Sizes in rem (Basis 20px), Spacing in px.
   Figma: 28:687 — Titel + Button links (555), Text rechts (573,
   ab Containermitte).
   ========================================================= */

section.m40_text_zweispaltig {
	background-color: #2b2b2b;
	/* Vertikal-Abstand kommt aus dem Abstand-Klonfeld (data-innerer-abstand) */
}

section.m40_text_zweispaltig .m40_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
}

section.m40_text_zweispaltig .m40_links {
	max-width: 555px;
}

section.m40_text_zweispaltig .m40_titel {
	margin: 0;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.875px;
	text-transform: uppercase;
	color: #fff;
}

section.m40_text_zweispaltig .m40_titel span {
	color: #a5936f;
}

section.m40_text_zweispaltig .m40_links .mM_links {
	margin-top: 55px;
}

section.m40_text_zweispaltig .m40_rechts {
	max-width: 573px;
	justify-self: start;
	padding-left: 10px;        /* Figma: Textspalte beginnt Containermitte + 10 */
	padding-top: 98px;         /* Figma: Text beginnt 98px unter der Titel-Oberkante */
	box-sizing: border-box;
}

section.m40_text_zweispaltig .m40_text {
	font-size: 0.9rem;         /* 18px (Basis 20px) */
	line-height: 1.4444;       /* 26px */
	letter-spacing: 0.45px;
	font-weight: 300;
	color: #fff;
	white-space: pre-line;     /* Absatz-Umbrueche aus dem Feld ohne <br> */
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
	section.m40_text_zweispaltig .m40_grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}

	section.m40_text_zweispaltig .m40_rechts {
		padding-left: 0;
		padding-top: 0;
	}
}

@media (max-width: 575px) {
	section.m40_text_zweispaltig .m40_titel {
		line-height: 1.15;
	}

	section.m40_text_zweispaltig .m40_links .mM_links {
		margin-top: 36px;
	}
}