/* ============================================
 * m44_stats_bar - Dark BG, Stats (Gold-Value + weisses Label) horizontal
 * Figma: Headline links, 3 Stats rechts mit Trennstrichen
 * ============================================ */
.m44_stats_bar {
    background: var(--hs-dark);
    color: #fff;
    padding: clamp(48px, 7vw, 110px) 0;
}
/* Container-Breite kommt aus globalem .hs_container + data-container Attribut */

.m44_header { margin-bottom: clamp(40px, 5vw, 64px); }
.m44_headline {
    color: #fff;
    font-weight: 600;
    font-size: clamp(26px, 2.6vw, 40px);
    line-height: 1.125;
    letter-spacing: 0.03em;
    margin: 0;
    max-width: 540px;
}
.m44_headline em, .m44_headline i {
    font-style: italic; font-weight: 600; font-family: var(--hs-font-display);
}

.m44_stats_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.m44_stat {
    position: relative;
    padding: 8px clamp(20px, 3vw, 60px);
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #fff;
}
.m44_stat + .m44_stat::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background: rgba(255, 255, 255, 0.30);
}
.m44_stat_value {
    color: var(--hs-gold);
    font-family: var(--hs-font-display);
    font-weight: 600;
    font-size: clamp(34px, 4vw, 60px);
    line-height: 1;
    letter-spacing: 0.03em;
}
.m44_stat_label {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    max-width: 280px;
}

@media (max-width: 992px) {
    .m44_stats_list { grid-template-columns: 1fr; }
    .m44_stat { padding: 16px clamp(8px, 4vw, 60px); gap: 12px; }
    .m44_stat + .m44_stat::before {
        left: 4px; right: 4px; top: 0; bottom: auto;
        height: 1px; width: auto;
    }
}
@media (max-width: 360px) {
    .m44_stat_value { font-size: 32px; }
}