

/* section.m27_contact_cta {
	
}

 */
 
section.m27_contact_cta .m27_content *:not(.mM_links *) {
	color: #e5e0dd;
}

section.m27_contact_cta .m27_contact_cta_main {
	background-color: #262520;
}

section.m27_contact_cta .m27_content {
	padding: 129px 0 136px;
	padding-right: 25px;
}

section.m27_contact_cta .m27_contact_container {
	align-items: stretch;
	margin-left: -5px;
	
	--row_gap: 40px;
	gap: 10px var(--row_gap);
}

section.m27_contact_cta .m27_contact_item {
	position: relative;
	border-radius: 16px;
	
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	
	transition: backdrop-filter .4s;
}

section.m27_contact_cta .m27_contact_item:before {
	content: '';
	background-color: #e5e0dd;
	opacity: .0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 16px;
	z-index: -1;
	pointer-events: none;
	
	transition: opacity .4s;
}

section.m27_contact_cta .m27_contact_item:has(a:focus),
section.m27_contact_cta .m27_contact_item:has(a:hover) {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

section.m27_contact_cta .m27_contact_item:has(a:focus):before,
section.m27_contact_cta .m27_contact_item:has(a:hover):before {
	opacity: .1;
}

section.m27_contact_cta .m27_contact_item a {
	display: inline-flex;
	align-items: center;
	padding: 4px 11px 2px;
	height: 100%;
}

section.m27_contact_cta .m27_contact_item svg {
	margin-right: 15px;
	min-width: 16px;
	width: 16px;
	
	fill: #e5e0dd;
}

section.m27_contact_cta .m27_contact_item.m27_telefon_container svg {
	min-width: 14px;
	width: 14px;
	margin-bottom: -4px;
}

section.m27_contact_cta .m27_contact_item.m27_mail_container svg {
	min-width: 20px;
	width: 20px;
}


section.m27_contact_cta .m27_text_container * {
	opacity: .5;
}




section.m27_contact_cta[data-variant="v1"] .m27_contact_cta_main {
	background-color: #262520;
	position: relative;
}

section.m27_contact_cta[data-variant="v1"] .m27_image {
	display: block;
}

section.m27_contact_cta[data-variant="v1"] .m27_image_container {
	position: absolute;
	inset: 0;
}

section.m27_contact_cta[data-variant="v1"] .m27_image_item {
	height: 100%;
}

section.m27_contact_cta[data-variant="v1"] .m27_content_container {
	position: relative;
	z-index: 1;
	
	background: linear-gradient(
		125deg, 
		#262520 35%,
		transparent 100%
	);
}

section.m27_contact_cta[data-variant="v1"] .m27_content{
	padding-right: 80px;
}




section.m27_contact_cta[data-variant="v2"] .m27_contact_cta_main {
	z-index: 4;
}

section.m27_contact_cta[data-variant="v2"] .m27_form {
	background-color: #fff;
	padding: 61px 66px 69px;
	margin-bottom: -200px;
}


@media screen and (min-width: 992px) {
	section.m27_contact_cta.overhanging_top .m27_contact_cta_main {
		margin-top: -135px;
	}
	
	section.m27_contact_cta.overhanging_bottom .m27_contact_cta_main {
		margin-bottom: -135px;
	}
	
	section.m27_contact_cta .m27_content_container {
		padding: 0 40px;
	}
	
	section.m27_contact_cta[data-variant="v2"] .m27_form_wrapper {
		padding-top: 70px;
	}
}

@media screen and (max-width: 1599px) {
	section.m27_contact_cta .m27_content {
		--content_padding: 15px;
	}
	
	section.m27_contact_cta .m27_content,
	section.m27_contact_cta[data-variant="v1"] .m27_content {
		padding-right: var(--content_padding);
	}
}

@media screen and (max-width: 1399px) {
	section.m27_contact_cta .m27_content {
		--content_padding: 0;
	}
	
	section.m27_contact_cta[data-variant="v1"] .m27_content {
		width: 70%;
	}
	
	section.m27_contact_cta[data-variant="v2"] .m27_form {
		padding: 61px 46px 69px;
	}
}

@media screen and (max-width: 991px) {
	section.m27_contact_cta {
		padding: 0;
	}
	
	section.m27_contact_cta .m27_mM_container_main {
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	
	section.m27_contact_cta[data-variant="v2"] .m27_content {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	section.m27_contact_cta[data-variant="v1"] .m27_content {
		width: 100%;
	}
	
	section.m27_contact_cta .m27_content {
		padding: 79px 0 86px;
	}
}
	
@media screen and (max-width: 767px) {
	section.m27_contact_cta[data-variant="v2"] .m27_form {
		padding: 41px 20px 49px;
	}
}