/* MHL-SH-TYPOGRAFIE-EINHEITLICH-V7
   Nur Aktivitäten, Sehenswürdigkeiten und Leuchttürme.
   Hauptüberschrift im Banner behält ihre bestehende Größe.
*/

/* Themenkarten: einheitliche, präsentere Überschriften. */
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__card h3 {
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Themenkarten: alle Beschreibungstexte gleich groß. */
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__card > p:last-child {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Kartenbeschreibungen bleiben auf breiten Bildschirmen einzeilig,
   sofern der verkürzte Text in die verfügbare Kartenbreite passt. */
@media (min-width: 601px) {
    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__card h3,
    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__card > p:last-child {
        white-space: nowrap !important;
    }
}

/* Große redaktionelle Infokästen: klare, einheitliche Hierarchie. */
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__lead-copy h2,
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__details h2 {
    font-size: 1.8rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    text-wrap: balance !important;
}

/* Einheitliche Größe der beschreibenden Texte. */
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__lead-copy > p:last-child,
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__details-head > p:last-child,
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__note p,
html body.scene-sh.mhl-attractions-logo-size-fix
main#content.site-main.shell > .page-header
.page-header__copy > p:not(.eyebrow) {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Planerüberschrift: dieselbe Zwischenüberschriftengröße. */
html body.scene-sh.mhl-attractions-logo-size-fix
.attractions-toolbar h2 {
    font-size: 1.8rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: normal !important;
}

/* Einleitung im Planer: gleiche Leseschrift wie die anderen Beschreibungen. */
html body.scene-sh.mhl-attractions-logo-size-fix
.attractions-toolbar p:not(.eyebrow) {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Footer-Infokarten: einheitliche Überschriften und Beschreibungstexte. */
html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__note h3 {
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

html body.scene-sh.mhl-attractions-logo-size-fix
.mhl-sh-editorial-layout__note p {
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

/* Auf Smartphones dieselben Schriftgrößen beibehalten.
   Nur den erzwungenen einzeiligen Satzfluss aufheben. */
@media (max-width: 600px) {
    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__card h3,
    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__card > p:last-child {
        white-space: normal !important;
    }

    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__lead-copy h2,
    html body.scene-sh.mhl-attractions-logo-size-fix
    .mhl-sh-editorial-layout__details h2,
    html body.scene-sh.mhl-attractions-logo-size-fix
    .attractions-toolbar h2 {
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }
}