/**
 * m1_text — Child-Override.
 *
 * Ersetzt die Parent-Datei komplett (enqueue_module_css laedt die Parent-CSS
 * nicht, wenn im Child eine Datei mit gleichem Namen liegt). Die
 * Spalten-Regel des Parents ist deshalb unten mit uebernommen.
 *
 * Grund: Ohne Styling rendert das Modul mit sans-serif-Ueberschriften und
 * ohne Abstand nach oben, wodurch der Text in den V-Cut des Heros laeuft.
 * Genutzt auf /impressum/ und /datenschutzerklaerung/.
 */

section.m1_text {
    padding-block: var(--hs-section-py, clamp(60px, 8vw, 120px));
    background: #fff;
    color: var(--hs-text, #1d1d1b);
}

/* Lesbare Zeilenlaenge — Rechtstexte sind lange Fliesstexte */
section.m1_text .mM_text,
section.m1_text .m1_text_content {
    max-width: 68ch;
}

section.m1_text p {
    font-family: var(--hs-font-body, sans-serif);
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.75;
    margin: 0 0 1.15em;
}

section.m1_text h2 {
    font-family: var(--hs-font-display, serif);
    font-size: clamp(22px, 1.8vw, 30px);
    font-weight: 500;
    line-height: 1.25;
    color: var(--hs-dark, #2f3a46);
    margin: 2.2em 0 0.7em;
}

section.m1_text h2:first-child {
    margin-top: 0;
}

section.m1_text h3 {
    font-family: var(--hs-font-body, sans-serif);
    font-size: clamp(16px, 1.15vw, 19px);
    font-weight: 600;
    line-height: 1.4;
    margin: 1.8em 0 0.5em;
}

section.m1_text ul,
section.m1_text ol {
    margin: 0 0 1.15em 1.2em;
    padding: 0;
}

section.m1_text li {
    font-family: var(--hs-font-body, sans-serif);
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.75;
    margin-bottom: 0.4em;
}

/* Lange URLs in Rechtstexten duerfen umbrechen, sonst Overflow bis 280px */
section.m1_text a {
    color: var(--hs-gold-dark, #8d7440);
    text-decoration: underline;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

/* Parent-Theme setzt a:visited { color: inherit } — explizit gegenhalten */
section.m1_text a:visited,
section.m1_text a:focus,
section.m1_text a:active {
    color: var(--hs-gold-dark, #8d7440);
}

section.m1_text a:hover {
    color: var(--hs-gold, #ab8f50);
}

/* --- aus dem Parent uebernommen ------------------------------------- */
section.m1_text .text_column_count_2 {
    column-count: 2;
}

@media screen and (max-width: 575px) {
    section.m1_text .text_column_count_2 {
        column-count: 1;
    }
}