.m32_team_cta {
position: relative; padding: clamp(80px, 7vw, 130px) 0 clamp(30px, 3vw, 55px);
margin-top: clamp(-50px, -3vw, -30px);
background: transparent;
overflow-x: clip;
} .m29_accordion_image + .m32_team_cta {
margin-top: clamp(60px, 5vw, 100px);
} .m32_bg {
position: absolute; left: clamp(0px, 5vw, 97px);
right: clamp(0px, 5vw, 97px);
top: clamp(80px, 7vw, 130px);
bottom: clamp(30px, 3vw, 55px);
background: var(--hs-gold);
z-index: 0; clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 60px),
50% 100%,
0 calc(100% - 60px)
);
overflow: hidden;
} .m32_bg_pattern {
position: absolute;
pointer-events: none;
display: block;
} .m32_bg_pattern--house {
width: 61%;
height: auto;
left: -7.7%;
top: -23%;
transform: none;
}
.m32_inner {
position: relative;
z-index: 1;
} .m32_grid {
display: grid; grid-template-columns: 1.28fr 1fr;
gap: clamp(30px, 4vw, 60px);
align-items: center;
min-height: clamp(300px, 48vw, 645px);
} .m32_image_col {
align-self: end;
position: relative;
z-index: 2;
}
.m32_image {
width: 100%;
height: clamp(280px, 35vw, 560px);
margin-top: clamp(-60px, -7vw, -140px);
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.m32_image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: 100%;
object-fit: contain;
object-position: center bottom;
display: block;
} .m32_team_img {
display: none;
}
@media (min-width: 992px) {
.m32_team_img {
display: block;
position: absolute; left: 0; right: calc(clamp(0px, 5vw, 97px) + (100% - 2 * clamp(0px, 5vw, 97px)) * 0.385);
top: 0;
bottom: clamp(30px, 3vw, 55px);
z-index: 1;
pointer-events: none; clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 14px),
82.8% 100%,
8.5% calc(100% - 60px),
0 calc(100% - 60px)
);
}
.m32_team_img img {
position: absolute;
left: 45%;
top: 0;
transform: translateX(-50%);
height: 100%;
width: auto;
max-width: none;
display: block;
} .m32_image_col { display: none; }
.m32_content { grid-column: 2; }
} .m32_content {
color: #fff;
max-width: 553px; padding: clamp(40px, 4vw, 60px) 0;
} .m32_untertitel_container { margin-bottom: 24px; }
section.m32_team_cta .m32_content .m32_untertitel { color: #fff; margin-bottom: 0; }
section.m32_team_cta .m32_content .m32_untertitel::before { background: #fff; }
.m32_headline {
margin: 0 0 28px;
color: #fff;
font-size: clamp(28px, 3vw, 40px);
line-height: 1.12;
letter-spacing: 0.03em;
}
.m32_headline em {
font-style: italic;
font-family: var(--hs-font-display);
font-weight: 600;
}
.m32_text {
margin: 0 0 40px;
color: #fff;
font-family: var(--hs-font-body);
font-weight: 300;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.03em;
max-width: 553px;
}
.m32_text p { margin: 0 0 12px; }
.m32_text p:last-child { margin-bottom: 0; } .m32_cta_box {
display: inline-flex;
align-items: center;
gap: 22px;
background: #fff;
padding: 26px clamp(20px, 5vw, 50px);
min-width: min(331px, 100%);
max-width: 100%;
min-height: 73px;
white-space: nowrap;
text-decoration: none;
transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.m32_cta_box:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
transform: translateY(-2px);
}
.m32_cta_mark {
position: relative;
display: inline-block;
width: 50px; height: 2px;
flex: 0 0 50px;
background: transparent;
}
.m32_cta_mark::before {
content: '';
position: absolute;
inset: 0;
background: var(--hs-gold);
transform-origin: left center;
transform: scaleX(0.6); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.m32_cta_box:hover .m32_cta_mark::before {
transform: scaleX(1); }
.m32_cta_label {
font-family: var(--hs-font-body);
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.075em;
color: var(--hs-gold);
line-height: 1;
} @media (max-width: 991.98px) {
.m32_image img {
object-fit: cover;
object-position: center top;
}
}
@media (max-width: 991.98px) {
.m32_grid {
grid-template-columns: 1fr;
min-height: 0;
gap: 0;
}
.m32_content { order: 1; padding: 40px clamp(20px, 5vw, 50px) 20px; max-width: 100%; }
.m32_image_col { order: 2; align-self: end; }
.m32_image {
height: clamp(320px, 65vw, 520px);
margin-top: 0;
margin-bottom: 0;
overflow: hidden; clip-path: polygon(
0 0,
100% 0,
100% calc(100% - 60px),
50% 100%,
0 calc(100% - 60px)
);
} .m32_bg_pattern--house {
width: 70%;
top: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 575.98px) {
.m32_image_col { margin-left: calc(-1 * var(--hs-container-px));
margin-right: calc(-1 * var(--hs-container-px));
width: calc(100% + 2 * var(--hs-container-px));
}
.m32_image {
height: clamp(340px, 80vw, 480px); clip-path: polygon(
0 0,
100% 0,
calc(100% - clamp(0px, 5vw, 97px)) calc(100% - 60px),
50% 100%,
clamp(0px, 5vw, 97px) calc(100% - 60px)
);
}
}
@media (max-width: 400px) {
.m32_content {
padding-left: clamp(12px, 4vw, 20px);
padding-right: clamp(12px, 4vw, 20px);
overflow-x: hidden;
}
.m32_cta_box {
min-width: 0;
width: 100%;
padding: 22px 16px;
gap: 12px;
white-space: normal;
}
.m32_cta_label { font-size: 14px; letter-spacing: 0.05em; }
}