/* ===========================================================================
   M33 — Text + Checkliste (WKN-Wohnbau Child)
   =========================================================================== */

section.m33_text_checklist {
	position: relative;
	overflow: hidden;
}

/* Logo-Wasserzeichen */
section.m33_text_checklist .m33_watermark {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 20px;
	width: auto;
	height: 100%;
	filter: grayscale(1) brightness(0);
	pointer-events: none;
	z-index: 0;
	opacity: 0.02;
}

section[class*="_auskragung_unten"] + section.m33_text_checklist .m33_watermark {
	padding-top: calc(20px + var(--section_padding) / 2);
}

section.m33_text_checklist .mM_container {
	position: relative;
	z-index: 1;
}

/* --- Left column ---------------------------------------------------------- */
section.m33_text_checklist .m33_links_container {
	margin-top: 63px;
}

/* --- Right card ----------------------------------------------------------- */

section.m33_text_checklist .m33_right {
}

section.m33_text_checklist .m33_card {
	background: #fff;
	padding: 70px 40px 63px;
	clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
	width: 100%;
}

/* --- Checklist ------------------------------------------------------------ */
section.m33_text_checklist .m33_check_item {
	display: flex;
	align-items: flex-start;
	gap: 0 18px;
}

section.m33_text_checklist .m33_check_item:not(:last-child) {
	margin-bottom: 20px;
}

section.m33_text_checklist .m33_check_icon {
	--size: 22px;
	min-width: var(--size);
	width: var(--size);
	min-height: var(--size);
	height: var(--size);
	border-radius: 50%;
	background: #ec7328;
	position: relative;
}

section.m33_text_checklist .m33_check_icon::after {
	content: "";
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolationsmodus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 359.22 255.12'%3E%3Cpath class='cls-1' d='M351.86,7.58c-9.93-9.99-26.12-10.12-36.2-.28L126.43,193.31,44.17,108.61c-9.81-10.17-26.05-10.5-36.28-.75-10.23,9.76-10.56,25.91-.75,36.08.04.05.09.09.13.14l100.3,103.38c4.8,4.87,11.36,7.63,18.22,7.66h.28c6.73-.02,13.18-2.67,17.96-7.38L351.63,43.58c10.03-9.89,10.13-25.99.23-36.01Z' style='fill:%23fff'/%3E%3C/svg%3E");
	background-size: 12px 8px;
    width: 12px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 5px;
}

section.m33_text_checklist .m33_check_titel {
	color: #8b8d93;
	font-weight: 600;
	margin-bottom: 6px;
}

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

@media (max-width: 1399px) {
	section.m33_text_checklist .m33_card {
		padding: 50px 20px 33px;
	}
}

@media (max-width: 1199px) {
	section.m33_text_checklist .mM_row {
		--gap: 100px;
		gap: 50px var(--gap);
	}

	section.m33_text_checklist .m33_watermark {
		width: 100%;
		height: auto;
		top: auto;
		bottom: 0;
		padding-top: 0;
		padding-bottom: 20px;
	}
}


@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 575px) {
	section.m33_text_checklist .m33_check_item {
		gap: 0 10px;
	}
}

@media screen and (max-width: 449px) {
	section.m33_text_checklist .m33_card {
		padding: 50px 22px 48px;
	}

	section.m33_text_checklist .m33_check_icon {
		--size: 18px;
	}

	section.m33_text_checklist .m33_check_icon:after {
		background-size: 10px 7px;
		width: 10px;
		height: 7px;
		top: 6px;
		left: 4px;
	}
}

@media screen and (max-width: 349px) {
	section.m33_text_checklist .m33_card {
		padding: 35px 12px 38px;
	}
}