section.m8_logo_overview .mM_row {
	gap: 50px 20px;
}

section.m8_logo_overview .m8_item_content_image_container {
	display: flex;
}

section.m8_logo_overview .m8_item_content_image_container img,
section.m8_logo_overview .m8_item_content_image_container svg {
	width: 60px;
	min-width: 60px;
	height: 60px;
	min-height: 60px;
}

section.m8_logo_overview .m8_title_container {
	margin-top: 20px;
}
	
/* Logo above Title Start */

section.m8_logo_overview[data-logo-position="logo_above_title"] .m8_item_content_image_container {
	justify-content: center;
}

section.m8_logo_overview[data-logo-position="logo_above_title"] .m8_text,
section.m8_logo_overview[data-logo-position="logo_above_title"] .m8_subtitle,
section.m8_logo_overview[data-logo-position="logo_above_title"].m8_title {
	text-align: center;
}

/* Logo above Title End */

/* Logo besides Title Start */

section.m8_logo_overview[data-logo-position="logo_besides_title"] .m8_item_logo_title_container {
	display: flex;
	align-items: center;
	gap: 25px;
}

/* Logo besides Title End */

/* Logo besides Title and Text Start */

section.m8_logo_overview[data-logo-position="logo_besides_title_and_text"] .m8_item_content_main {
	display: flex;
	gap: 25px;
}

/* Logo besides Title and Text End */


/* =========================================================
   Layout "text_links_items_rechts" (Figma "Pain Points & Mehrwert")
   Links: Titel + Subtext + Button | Rechts: vertikale Vorteilsliste
   Font-Sizes in rem, Spacing in px. (Inter wird global in project.css geladen.)
   ========================================================= */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_two_col {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	/* +120px oben: das Bild des vorherigen Moduls (m31) ragt 120px herein */
	padding-top: 120px;
}

/* ---------- Linke Spalte: Intro ---------- */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_intro {
	flex: 0 0 40%;
	max-width: 40%;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_titel,
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_titel * {
	margin: 0;
	font-family: 'Inter', sans-serif !important;
	font-size: 2.8125rem;   /* 45px */
	line-height: 50px;
	font-weight: 800 !important;
	text-transform: uppercase;
	color: #271b11;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_titel_container {
	margin-bottom: 30px;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_subtext {
	max-width: 561px;
	margin-bottom: 53px;
	font-size: 1.0625rem;   /* 17px */
	line-height: 25px;
	color: #685a51;
}

/* ---------- Rechte Spalte: Vorteilsliste (vertikal) ---------- */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_items_col {
	flex: 0 0 40%;
	max-width: 40%;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_items_vertical {
	display: flex;
	flex-direction: column;
	gap: 55px;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item {
	width: 100%;
}
/* Icon: links-buendig, natuerliche Proportion (Override des globalen 60px-Quadrats) */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item_content_image_container {
	justify-content: flex-start;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item_content_image_container img,
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item_content_image_container svg {
	width: auto;
	min-width: 0;
	height: 81px;
	min-height: 0;
	max-width: 93px;
}
/* Icon-Farbe orange (Inline-SVG einfaerben) */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item_content_image_container svg,
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_item_content_image_container svg * {
	fill: #f48520;
}
/* Titel + Text links-ausgerichtet (Override der logo_above_title-Zentrierung) */
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_title,
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_subtitle,
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_text {
	text-align: left;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_title_container {
	margin-top: 12px;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_title {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 1.375rem;    /* 22px */
	line-height: 25px;
	font-weight: 900;
	text-transform: uppercase;
	color: #685a51 !important;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_text_container {
	margin-top: 12px;
}
section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_text {
	max-width: 580px;
	font-size: 1.0625rem;   /* 17px */
	line-height: 22px;
	font-weight: 400;
	color: #685a51;
}

/* ---------- Responsive ---------- */

@media screen and (max-width: 1399px) {
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_two_col {
		gap: 70px;
	}
	
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_intro {
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_items_col {
		flex: 0 0 50%;
		max-width: calc(50% - 55px);
	}
}

@media screen and (max-width: 1199px) {
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_two_col {
		flex-direction: column;
		gap: 56px;
	}
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_intro,
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_items_col {
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
	}
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_titel,
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_titel * {
		font-size: 2.25rem;   /* 36px */
		line-height: 1.15;
	}
}

@media screen and (max-width: 991px) {
	section.m8_logo_overview[data-layout="text_links_items_rechts"] .m8_two_col {
		padding-top: 0;   /* mobil ragt das m31-Bild nicht herein */
	}
}