/* ============================================================
   MOLECULE: Section Header
   Datei: page-builder/components/molecules/section-head.php
   ============================================================ */
@import "../../../assets/tokens.css" layer(sdc-tokens);



.as-section-head {
    margin-bottom: 2.5rem;
    max-width: 720px;
}
.as-section-head__sub {
    font-family: var(--as-font-sans);
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--as-color-text-muted);
    margin: 0;
}
.as-section-head__intro {
    font-family: var(--as-font-body);
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--as-color-text-muted);
    margin: 0.75rem 0 0;
}
.as-section-head__intro p {
    margin: 0 0 0.75rem;
}
.as-section-head__intro p:last-child {
    margin-bottom: 0;
}

/* Ausrichtung (optional, gesteuert über $heading_align) */
.as-section-head--align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.as-section-head--align-right {
    text-align: right;
    margin-left: auto;
}