/* ============================================
 * m42_text_2col - Headline + 2-col Body + Button
 * Figma: "Der Energieausweis", 718 + 718 wide, Button links unten
 * ============================================ */
.m42_text_2col {
    background: #fff;
    padding: clamp(48px, 7vw, 110px) 0;
    color: #1d1d1b;
}
/* Container-Breite kommt aus globalem .hs_container + data-container Attribut */
.m42_header { margin-bottom: clamp(32px, 4vw, 60px); }
.m42_headline {
    color: var(--hs-dark);
    font-weight: 600;
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.125;
    letter-spacing: 0.03em;
    margin: 18px 0 0;
    max-width: 720px;
}
.m42_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, 4vw, 100px);
    margin-bottom: clamp(28px, 3vw, 48px);
}
.m42_col {
    color: #1d1d1b;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
.m42_col p { margin: 0 0 1em; }
.m42_col p:last-child { margin-bottom: 0; }

.m42_button_wrap {
    display: flex;
    justify-content: flex-start;
}
.m42_button_wrap .hs_btn_ghost {
    width: 287px;
    max-width: 100%;
    min-height: 73px;
}

@media (max-width: 768px) {
    .m42_grid { grid-template-columns: 1fr; gap: 24px; }
    .m42_button_wrap .hs_btn_ghost { width: 100%; }
}