/*
 * ---------------------------------------------------------------------
 * Modul 023: Desktop/Tablet Headertexte einheitlich
 * ---------------------------------------------------------------------
 */

/*
 * Newspaper kann auf Startseite, Seiten und Einzelartikeln zusätzliche
 * seitenspezifische Typografie-Regeln auf Elemente im Header anwenden.
 * Deshalb werden Untertitel und .COM auf Desktop und Tablet hier nochmals
 * vollständig mit identischen, festen Werten definiert. Mobil bleibt
 * unangetastet und wird weiterhin durch die vorhandenen mobilen Module geregelt.
 */
@media (min-width: 1019px) {
    .td-logo-wrap-full .td-header-sp-logo .td-main-logo {
        position: relative !important;
        width: 640px !important;
        max-width: calc(100vw - 60px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-untertitel {
        position: absolute !important;
        z-index: 20 !important;
        left: 33.1% !important;
        top: 63.5% !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #A1A1AA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.7px !important;
        text-align: left !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-untertitel .exthoria-header-untertitel-ki {
        color: #A78BFA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: inherit !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        text-transform: uppercase !important;
        text-shadow: none !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-domain {
        position: absolute !important;
        z-index: 21 !important;
        right: 4.8% !important;
        top: 63.5% !important;
        left: auto !important;
        bottom: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #A78BFA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.7px !important;
        text-align: right !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1018px) {
    .td-logo-wrap-full .td-header-sp-logo .td-main-logo {
        position: relative !important;
        width: 540px !important;
        max-width: calc(100vw - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-untertitel {
        position: absolute !important;
        z-index: 20 !important;
        left: 33.1% !important;
        top: 63.5% !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #A1A1AA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.45px !important;
        text-align: left !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-untertitel .exthoria-header-untertitel-ki {
        color: #A78BFA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: inherit !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        text-transform: uppercase !important;
        text-shadow: none !important;
    }

    .td-logo-wrap-full .td-header-sp-logo .td-main-logo .exthoria-header-domain {
        position: absolute !important;
        z-index: 21 !important;
        right: 4.8% !important;
        top: 63.5% !important;
        left: auto !important;
        bottom: auto !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #A78BFA !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.45px !important;
        text-align: right !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        pointer-events: none !important;
    }
}