/* =========================================
   NEWSPAGE MOBILE STATUS QUO RESTORE V110
   Quelle: altes Newspage-/Mobile-Design
   Zweck: Unter 1024px darf kein Desktop-Newspage-Override gewinnen.
   Desktop ab 1024px bleibt unberuehrt.
   ========================================= */

@media (max-width: 1023px) {
    html body.page-home,
    html body.page-home * {
        -webkit-tap-highlight-color: transparent;
    }

    html body.page-home #wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    html body.page-home #page-content-wrapper {
        position: relative !important;
        width: 96% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    html body.page-home .homepage-hero-title {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 0 5px 5px !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-hero-title h1 {
        margin: 0 !important;
        padding: 0 !important;
        color: #333 !important;
        font-family: inherit !important;
        font-size: 22px !important;
        font-weight: 800 !important;
        letter-spacing: -0.3px !important;
        line-height: 1.15 !important;
        text-align: left !important;
    }

    html body.page-home .homepage-intro {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px 0 0 0 !important;
        padding: 0 !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        text-align: justify !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-intro p {
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-align: justify !important;
    }

    html body.page-home .homepage-intro p.homepage-claim,
    html body.page-home .homepage-intro > p.homepage-claim {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-align: justify !important;
        font-weight: 400 !important;
    }

    html body.page-home .homepage-intro p.homepage-claim strong,
    html body.page-home .homepage-intro > p.homepage-claim strong {
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 700 !important;
        color: inherit !important;
    }

    html body.page-home .news-jumpto-form {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body.page-home .news-select-container {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body.page-home .news-select-container select,
    html body.page-home .news-select-container select#format,
    html body.page-home .news-select-container select#format.news-model-select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 5px 0 10px 0 !important;
        padding: 0.8em 38px 0.8em 0.8em !important;
        box-sizing: border-box !important;
        border: 1px solid #aaa !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        letter-spacing: 0.2px !important;
        line-height: 1.3 !important;
        text-align: left !important;
        text-align-last: left !important;
        -moz-text-align-last: left !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    html body.page-home .news-select-container select:focus,
    html body.page-home .news-select-container select#format:focus {
        border-color: #888 !important;
        box-shadow: none !important;
        outline: none !important;
        font-weight: 400 !important;
    }

    html body.page-home .news-select-container::after {
        content: "" !important;
        position: absolute !important;
        right: 14px !important;
        top: 50% !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid #666 !important;
        border-bottom: 2px solid #666 !important;
        transform: translateY(-55%) rotate(45deg) !important;
        pointer-events: none !important;
    }

    html body.page-home .homepage-teaser-grid.news-teaser-list,
    html body.page-home .news-teaser-list {
        display: block !important;
        width: auto !important;
        max-width: none !important;
        margin: 24px 18px 0 2px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body.page-home .homepage-teaser-grid::before,
    html body.page-home .homepage-teaser-grid::after,
    html body.page-home .news-teaser-list::before,
    html body.page-home .news-teaser-list::after {
        content: none !important;
        display: none !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .news-teaser-card,
    html body.page-home .border.tn.news-teaser-card {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 30px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background: #fff !important;
        border: 1px solid #111 !important;
        transition: none !important;
        transform: none !important;
        box-shadow: none !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card:hover,
    html body.page-home .news-teaser-card:hover,
    html body.page-home .border.tn.news-teaser-card:hover,
    html body.page-home .homepage-teaser-link:hover .news-teaser-card {
        border-color: #111 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .homepage-teaser-link {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        text-decoration: none !important;
        color: inherit !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    html body.page-home .homepage-teaser-link:hover,
    html body.page-home .homepage-teaser-link:focus,
    html body.page-home .homepage-teaser-link:active {
        color: inherit !important;
        outline: none !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize,
    html body.page-home .news-teaser-card img.resize,
    html body.page-home .border.tn.news-teaser-card img.resize {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize:hover,
    html body.page-home .news-teaser-card img.resize:hover,
    html body.page-home .homepage-teaser-link:hover img.resize {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        display: block !important;
        width: 96% !important;
        max-width: none !important;
        height: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 2% !important;
        padding-top: 0 !important;
        box-sizing: content-box !important;
        background: #111 !important;
        color: #df051c !important;
        font-family: inherit !important;
        font-size: 19px !important;
        font-weight: 300 !important;
        line-height: 50px !important;
        letter-spacing: 0 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        transition: none !important;
    }

    html body.page-home a:hover > div.textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-link:hover .textlink.homepage-teaser-title {
        background: #111 !important;
        color: #df051c !important;
    }

    html body.page-home .homepage-teaser-title-inner,
    html body.page-home .homepage-teaser-title-brand,
    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white {
        display: inline !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
    }

    html body.page-home .homepage-teaser-title-brand {
        color: #df051c !important;
    }

    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white,
    html body.page-home .white {
        color: #fff !important;
    }

    html body.page-home .homepage-info-box,
    html body.page-home .homepage-info-box-promo {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 6px 0 24px 0 !important;
        padding: 0 2px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: 0 !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        text-align: justify !important;
    }

    html body.page-home .homepage-info-box-promo {
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-left: 4px solid #d00 !important;
    }

    html body.page-home .homepage-info-box strong,
    html body.page-home .homepage-info-box-promo strong {
        font-weight: 700 !important;
        font-family: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }

    html body.page-home .homepage-red-link,
    html body.page-home .homepage-info-box a.homepage-red-link {
        color: #d00 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }
}

/* =========================================
   NEWSPAGE MOBILE FINETUNE V111
   Zweck:
   - H1 mobil wieder zentriert wie alter Startseitenstand
   - Select-Anzeigetext mobil zentriert
   - Teaserbilder nutzen die optimale mobile Inhaltsbreite
   - keine Desktop-Wirkung
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home #page-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-hero-title {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 0 5px 0 !important;
        text-align: center !important;
    }

    html body.page-home .homepage-hero-title h1 {
        display: block !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    html body.page-home .news-select-container select,
    html body.page-home .news-select-container select#format,
    html body.page-home .news-select-container select#format.news-model-select {
        text-align: center !important;
        text-align-last: center !important;
        -moz-text-align-last: center !important;
        padding-left: 38px !important;
        padding-right: 38px !important;
    }

    html body.page-home .homepage-teaser-grid.news-teaser-list,
    html body.page-home .news-teaser-list {
        width: 100% !important;
        max-width: 100% !important;
        margin: 24px auto 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .news-teaser-card,
    html body.page-home .border.tn.news-teaser-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize,
    html body.page-home .news-teaser-card img.resize,
    html body.page-home .border.tn.news-teaser-card img.resize {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        width: 96% !important;
        box-sizing: content-box !important;
    }
}

/* =========================================
   NEWSPAGE MOBILE SELECT CENTER HARD FIX V112
   Native mobile select controls ignore text-align-last in some browsers.
   Therefore the closed select label is drawn as a centered overlay,
   while the real select remains clickable and functional.
   Desktop remains untouched.
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .news-select-container {
        position: relative !important;
    }

    html body.page-home .news-select-container .news-select-mobile-label {
        display: block !important;
        position: absolute !important;
        left: 46px !important;
        right: 46px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        letter-spacing: 0.2px !important;
        color: #555 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    html body.page-home .news-select-container select,
    html body.page-home .news-select-container select#format,
    html body.page-home .news-select-container select#format.news-model-select {
        position: relative !important;
        z-index: 1 !important;
        color: transparent !important;
        text-shadow: none !important;
        caret-color: transparent !important;
        background-color: #fff !important;
        text-align: center !important;
        text-align-last: center !important;
        -moz-text-align-last: center !important;
    }

    html body.page-home .news-select-container select option,
    html body.page-home .news-select-container select#format option {
        color: #555 !important;
        background: #fff !important;
    }
}

@media (min-width: 1024px) {
    html body.page-home .news-select-container .news-select-mobile-label {
        display: none !important;
    }
}


/* =========================================
   NEWSPAGE MOBILE SELECT NO DOUBLE LABEL V113
   Der native Select-Text wird mobil vollstaendig ausgeblendet.
   Die sichtbare Beschriftung kommt nur noch aus .news-select-mobile-label.
   Das echte Select bleibt als transparente Klickflaeche aktiv.
   Desktop bleibt unangetastet.
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .news-select-container {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 47px !important;
        margin: 5px 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid #aaa !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    html body.page-home .news-select-container .news-select-mobile-label {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 42px !important;
        right: 42px !important;
        top: 0 !important;
        bottom: 0 !important;
        transform: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        color: #555 !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        letter-spacing: 0.2px !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }

    html body.page-home .news-select-container select,
    html body.page-home .news-select-container select#format,
    html body.page-home .news-select-container select#format.news-model-select {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 47px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        opacity: 0.01 !important;
        color: transparent !important;
        text-shadow: none !important;
        -webkit-text-fill-color: transparent !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        z-index: 3 !important;
        cursor: pointer !important;
    }

    html body.page-home .news-select-container::after {
        content: "" !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        width: 8px !important;
        height: 8px !important;
        margin: 0 !important;
        border-right: 2px solid #666 !important;
        border-bottom: 2px solid #666 !important;
        transform: translateY(-60%) rotate(45deg) !important;
        pointer-events: none !important;
        z-index: 2 !important;
    }
}


/* =========================================
   NEWSPAGE MOBILE H1 / TEASER TEXT FINE V114
   - H1-Block 5px weiter nach unten
   - rotes erstes Wort im schwarzen Teaser-Balken fetter
   - Teasertext darf sauber umbrechen; zweite Zeile beginnt nach dem roten Wort
   - nur Mobile/Tablet, Desktop bleibt unangetastet
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .homepage-hero-title {
        padding-top: 15px !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        height: auto !important;
        min-height: 50px !important;
        padding: 8px 10px 9px 10px !important;
        box-sizing: border-box !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-transform: none !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 4px !important;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: normal !important;
    }

    html body.page-home .homepage-teaser-title-brand {
        flex: 0 0 auto !important;
        display: inline-block !important;
        color: #df051c !important;
        font-weight: 800 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: nowrap !important;
    }

    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white {
        flex: 1 1 auto !important;
        display: block !important;
        min-width: 0 !important;
        color: #fff !important;
        font-weight: 300 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}


/* =========================================
   NEWSPAGE MOBILE TEASER BAR FINAL V115
   - schwarzer Balken bekommt mobil eine einheitliche feste Hoehe
   - Text vertikal mittig, egal ob 1 oder 2 Zeilen
   - rotes erstes Wort uppercase und kraeftiger
   - Umbruch bleibt eingerueckt nach dem roten Wort
   - nur Mobile/Tablet, Desktop bleibt unangetastet
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        background: #111 !important;
        overflow: hidden !important;
        text-align: left !important;
        line-height: 1.22 !important;
        white-space: normal !important;
        text-transform: none !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 5px !important;
        font-size: 24px !important;
        line-height: 1.22 !important;
        white-space: normal !important;
    }

    html body.page-home .homepage-teaser-title-brand {
        flex: 0 0 auto !important;
        display: inline-block !important;
        color: #df051c !important;
        font-weight: 900 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white {
        flex: 1 1 auto !important;
        display: block !important;
        min-width: 0 !important;
        color: #fff !important;
        font-weight: 300 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 380px) {
    html body.page-home .homepage-teaser-title-inner {
        font-size: 22px !important;
    }
}


/* =========================================
   NEWSPAGE MOBILE TEASER IMAGE / GAP FINAL V116
   - Bilder/Karten wieder breiter auf Mobile
   - kein rechter Schmalstand durch Content-Padding
   - Abstand zwischen den Teaserboxen kompakter
   - schwarzer Balken aus V115 bleibt einheitlich hoch
   - nur Mobile/Tablet, Desktop bleibt unangetastet
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .homepage-teaser-grid.news-teaser-list,
    html body.page-home .news-teaser-list {
        width: calc(100% + 18px) !important;
        max-width: calc(100% + 18px) !important;
        margin: 20px -9px 0 -9px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .news-teaser-card,
    html body.page-home .border.tn.news-teaser-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize,
    html body.page-home .news-teaser-card img.resize,
    html body.page-home .border.tn.news-teaser-card img.resize {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 380px) {
    html body.page-home .homepage-teaser-grid.news-teaser-list,
    html body.page-home .news-teaser-list {
        width: calc(100% + 14px) !important;
        max-width: calc(100% + 14px) !important;
        margin-left: -7px !important;
        margin-right: -7px !important;
    }
}

/* =========================================
   NEWSPAGE MOBILE TEASER BALANCE V117
   - Bild wieder etwas kleiner als V116, aber groesser als alter Schmalstand
   - Balkenhoehe reduziert, aber fuer 1-/2-Zeiler einheitlich
   - Abstand zwischen den Boxen wieder ruhiger
   - nur Mobile/Tablet, Desktop bleibt unangetastet
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .homepage-teaser-grid.news-teaser-list,
    html body.page-home .news-teaser-list {
        width: 100% !important;
        max-width: 100% !important;
        margin: 22px auto 0 auto !important;
        padding: 0 1px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .news-teaser-card,
    html body.page-home .border.tn.news-teaser-card {
        width: 98.5% !important;
        max-width: 98.5% !important;
        margin: 0 auto 28px auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border: 1px solid #111 !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize,
    html body.page-home .news-teaser-card img.resize,
    html body.page-home .border.tn.news-teaser-card img.resize {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        background: #111 !important;
        overflow: hidden !important;
        line-height: 1.18 !important;
        white-space: normal !important;
        text-align: left !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 5px !important;
        font-size: 20px !important;
        line-height: 1.18 !important;
        white-space: normal !important;
    }

    html body.page-home .homepage-teaser-title-brand {
        flex: 0 0 auto !important;
        display: inline-block !important;
        color: #df051c !important;
        font-weight: 900 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white {
        flex: 1 1 auto !important;
        display: block !important;
        min-width: 0 !important;
        color: #fff !important;
        font-weight: 300 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 380px) {
    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .news-teaser-card,
    html body.page-home .border.tn.news-teaser-card {
        width: 98% !important;
        max-width: 98% !important;
        margin-bottom: 26px !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        font-size: 19px !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}


/* =========================================
   NEWSPAGE MOBILE TEASER / CONTENT FINAL TUNE V118
   - schwarzer Balken 5px niedriger als V117
   - Umbruch startet links direkt unter JETZT, keine Einrueckung
   - Contentbreite mobil an die Teaser-/Bildbreite angeglichen
   - nur Mobile/Tablet, Desktop bleibt unangetastet
   ========================================= */
@media (max-width: 1023px) {
    html body.page-home .homepage-hero-title,
    html body.page-home .homepage-intro,
    html body.page-home .homepage-info-box,
    html body.page-home .homepage-info-box-promo {
        width: 98.5% !important;
        max-width: 98.5% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    html body.page-home .homepage-intro p,
    html body.page-home .homepage-intro p.homepage-claim,
    html body.page-home .homepage-intro > p.homepage-claim {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.page-home .news-jumpto-form,
    html body.page-home .news-select-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        height: 71px !important;
        min-height: 71px !important;
        max-height: 71px !important;
        padding: 0 16px !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        font-size: 20px !important;
        line-height: 1.18 !important;
        white-space: normal !important;
    }

    html body.page-home .homepage-teaser-title-brand {
        display: inline !important;
        flex: none !important;
        color: #df051c !important;
        font-weight: 950 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        margin: 0 5px 0 0 !important;
    }

    html body.page-home .homepage-teaser-title-light,
    html body.page-home .homepage-teaser-title .white {
        display: inline !important;
        flex: none !important;
        min-width: 0 !important;
        color: #fff !important;
        font-weight: 300 !important;
        font-size: inherit !important;
        line-height: inherit !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 380px) {
    html body.page-home .homepage-hero-title,
    html body.page-home .homepage-intro,
    html body.page-home .homepage-info-box,
    html body.page-home .homepage-info-box-promo {
        width: 98% !important;
        max-width: 98% !important;
    }

    html body.page-home .textlink.homepage-teaser-title,
    html body.page-home .homepage-teaser-grid .textlink.homepage-teaser-title {
        height: 69px !important;
        min-height: 69px !important;
        max-height: 69px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    html body.page-home .homepage-teaser-title-inner {
        font-size: 19px !important;
    }
}

/* =========================================
   NEWSPAGE DESKTOP FINAL FINISH V119
   - Desktop-only: Mobile bleibt komplett wie V118
   - Teaser-Border wieder super fein
   - Promo-/Zwischentext bekommt wieder die saubere Startseiten-Formatierung
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home .homepage-teaser-grid .news-teaser-card,
    html body.page-home .homepage-teaser-grid .tn,
    html body.page-home .border.tn.news-teaser-card {
        border: 1px solid #111 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card:hover,
    html body.page-home .homepage-teaser-grid .tn:hover,
    html body.page-home .border.tn.news-teaser-card:hover,
    html body.page-home .homepage-teaser-link:hover .news-teaser-card {
        border: 1px solid #df051c !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body.page-home .homepage-teaser-grid .news-teaser-card img.resize,
    html body.page-home .homepage-teaser-grid .tn img.resize,
    html body.page-home .border.tn.news-teaser-card img.resize {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    html body.page-home .homepage-info-box,
    html body.page-home .homepage-info-box-promo {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 940px !important;
        margin: 6px auto 24px auto !important;
        padding: 0 2px !important;
        box-sizing: border-box !important;
        color: #555 !important;
        text-align: justify !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        font-family: inherit !important;
        font-weight: inherit !important;
    }

    html body.page-home .homepage-info-box-promo {
        padding: 15px !important;
        background: #f9f9f9 !important;
        border: 0 !important;
        border-left: 4px solid #d00 !important;
    }

    html body.page-home .homepage-info-box strong,
    html body.page-home .homepage-info-box-promo strong {
        font-weight: 700 !important;
    }

    html body.page-home .homepage-red-link,
    html body.page-home .homepage-info-box a.homepage-red-link,
    html body.page-home .homepage-info-box-promo a.homepage-red-link {
        color: #d00 !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }
}


/* =========================================
   NEWSPAGE DESKTOP PROMO FINETUNE V120
   - Desktop-only: Mobile bleibt wie V118/V119
   - Promo-Box etwas auffaelliger
   - kein justify, damit Wortabstand nicht aufreisst
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home .homepage-info-box-promo {
        max-width: 940px !important;
        margin: 8px auto 26px auto !important;
        padding: 18px 22px !important;
        background: #f6f6f6 !important;
        border: 0 !important;
        border-left: 5px solid #df051c !important;
        box-shadow: 0 1px 0 rgba(0,0,0,.03) !important;
        color: #555 !important;
        text-align: left !important;
        text-align-last: left !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
        word-spacing: normal !important;
        font-family: inherit !important;
        font-weight: inherit !important;
    }

    html body.page-home .homepage-info-box-promo p,
    html body.page-home .homepage-info-box-promo span,
    html body.page-home .homepage-info-box-promo div {
        text-align: left !important;
        text-align-last: left !important;
        word-spacing: normal !important;
        letter-spacing: 0 !important;
    }

    html body.page-home .homepage-info-box-promo strong {
        font-weight: 700 !important;
        color: #333 !important;
    }

    html body.page-home .homepage-info-box-promo a,
    html body.page-home .homepage-info-box-promo a.homepage-red-link {
        color: #df051c !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }
}

/* =========================================
   NEWSPAGE DESKTOP CONTENT UP V121
   - Desktop-only: gesamter Newspage-Inhalt 20px nach oben
   - Mobile bleibt unveraendert
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home #wrapper #page-content-wrapper {
        margin-top: -20px !important;
    }
}


/* =========================================
   NEWSPAGE DESKTOP CONTENT UP V122
   - Desktop-only: gesamter Newspage-Inhalt insgesamt 25px nach oben
   - ersetzt den V121-Wert von -20px durch -25px
   - Mobile bleibt unveraendert
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home #wrapper #page-content-wrapper {
        margin-top: -25px !important;
    }
}

/* =========================================
   NEWSPAGE DESKTOP CONTENT UP / REG MARK V123
   - Desktop-only: gesamter Newspage-Inhalt insgesamt 30px nach oben
   - Registered-Mark in der Headline kleiner/dezenter
   - Mobile bekommt nur die kleinere Registered-Mark, kein Content-Shift
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home #wrapper #page-content-wrapper {
        margin-top: -30px !important;
    }

    html body.page-home .homepage-hero-title h1 .rs-reg-mark {
        display: inline-block !important;
        font-size: 45% !important;
        line-height: 1 !important;
        vertical-align: super !important;
        transform: translateY(0.02em) !important;
        font-weight: 700 !important;
    }
}

@media (max-width: 1023px) {
    html body.page-home .homepage-hero-title h1 .rs-reg-mark {
        display: inline-block !important;
        font-size: 48% !important;
        line-height: 1 !important;
        vertical-align: super !important;
        transform: translateY(0.02em) !important;
        font-weight: 700 !important;
    }
}


/* =========================================
   NEWSPAGE DESKTOP HERO STACK COMPACT V124
   - Desktop-only: oberer Hero-/Intro-Stack straffer
   - kein globales weiteres Hochschieben
   - Mobile bleibt auf V118/V123-Stand
   ========================================= */
@media (min-width: 1024px) {
    html body.page-home .homepage-hero-title {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.page-home .homepage-hero-title h1 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.18 !important;
    }

    html body.page-home .homepage-intro {
        margin-top: 8px !important;
    }

    html body.page-home .homepage-intro > p:first-child {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        line-height: 1.5 !important;
    }

    html body.page-home .homepage-intro form.news-jumpto-form {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    html body.page-home .homepage-intro > p.homepage-claim {
        margin-top: 0 !important;
        margin-bottom: 22px !important;
        font-weight: 600 !important;
        line-height: 1.42 !important;
    }

    html body.page-home .homepage-teaser-grid.news-teaser-list {
        margin-top: 0 !important;
    }
}