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;
}
}