/* 
 * Custom CSS Overrides für WhereGroup
 * 
 * Diese Datei wird NACH main.css geladen und überschreibt die Standard-Styles.
 */

/* 1. Headlines sollen umbrechen können und <br> Tags respektieren */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    white-space: pre-line !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Falls Headlines in speziellen Containern nicht umbrechen */
.whitespace-nowrap h1,
.whitespace-nowrap h2,
.whitespace-nowrap h3,
.whitespace-nowrap h4,
.whitespace-nowrap h5,
.whitespace-nowrap h6 {
    white-space: nowrap !important;
}

/* H2 Überschriften kleiner machen */
h2,
.h2 {
    font-size: 1.875rem !important; /* 30px */
    line-height: 2.375rem !important; /* 38px */
}

@media (min-width: 1280px) {
    h2,
    .h2 {
        font-size: 2.75rem !important; /* 44px */
        line-height: 3.25rem !important; /* 52px */
    }
}

/* Lead-Text ist jetzt die kleinste Schriftgröße - 20px */
.lead,
.lead p {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75rem !important; /* 28px */
}

@media (min-width: 1280px) {
    .lead,
    .lead p {
        font-size: 1.5rem !important; /* 24px */
        line-height: 2.25rem !important; /* 36px */
    }
}

/* Kleine Texte - jetzt auch 20px (Mindestgröße) */
.text-sm {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75rem !important; /* 28px */
}

/* Standard - 24px für normalen Fließtext */
p,
.text-base,
.text-paragraph {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Größer - 24px für hervorgehobene Texte */
.text-lg {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Listen-Items folgen der Standard-Größe */
li,
ul.list-style-checkmark-01 li,
ul.list-style-checkmark-02 li {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Strong-Tags in Listen erben die Listengröße */
li strong,
ul.list-style-checkmark-01 li strong,
ul.list-style-checkmark-02 li strong,
div[class^="override:"] ul li strong {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Sicherstellen, dass auch Listen in override-Containern die richtige Größe haben */
div[class^="override:"] ul.list-style-checkmark-02 li {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Text-paragraph-400 auf 22px setzen (statt 24px) */
.text-paragraph-400,
p.text-paragraph-400 {
    font-size: 1.375rem !important; /* 22px */
    line-height: 1.875rem !important; /* 30px */
}

/* Kicker global auf 20px setzen */
.kicker,
p.kicker {
    font-size: 1.25rem !important; /* 20px */
    line-height: 1.75rem !important; /* 28px */
    font-weight: normal !important;
}

/* Textimage-Content Listen explizit auf Standard-Größe setzen */
.textimage-content ul.list-style-checkmark-02 li,
.textimage-content ul.list-style-checkmark-01 li,
.textimage-content div[class^="override:"] ul.list-style-checkmark-02 li,
.textimage-content div[class^="override:"] ul.list-style-checkmark-01 li {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

.textimage-content ul.list-style-checkmark-02 li strong,
.textimage-content ul.list-style-checkmark-01 li strong,
.textimage-content div[class^="override:"] ul li strong {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Nuclear option: Alle Elemente in list-style-checkmark Listen auf 24px zwingen */
ul.list-style-checkmark-02 li,
ul.list-style-checkmark-02 li strong,
ul.list-style-checkmark-02 li span,
ul.list-style-checkmark-01 li,
ul.list-style-checkmark-01 li strong,
ul.list-style-checkmark-01 li span {
    font-size: 1.5rem !important; /* 24px */
    line-height: 2rem !important; /* 32px */
}

/* Spans in Fließtext-Kontext erben die Größe */
p span,
li span,
.text-base span,
.text-sm span,
.text-lg span {
    font-size: inherit !important;
    line-height: inherit !important;
}