/*
 * ---------------------------------------------------------------------
 * Modul 012: Headerlogo-Größe
 * ---------------------------------------------------------------------
 */

/* Desktop: großes Logo oberhalb der Navigation. */
@media (min-width: 1019px) {
    .td-header-style-10 .td-logo-wrap-full {
        min-height: 170px !important;
        background-color: #000008 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-header-sp-logo {
        min-height: 170px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo {
        display: block !important;
        line-height: 0 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo img {
        width: 640px !important;
        height: auto !important;
        max-width: calc(100vw - 60px) !important;
        max-height: none !important;
    }
}

/* Tablet: gleiche Gestaltung mit angepasster Breite. */
@media (min-width: 768px) and (max-width: 1018px) {
    .td-header-style-10 .td-logo-wrap-full {
        min-height: 145px !important;
        background-color: #000008 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-header-sp-logo {
        min-height: 145px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo {
        display: block !important;
        line-height: 0 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo img {
        width: 540px !important;
        height: auto !important;
        max-width: calc(100vw - 40px) !important;
        max-height: none !important;
    }
}

/* Mobil: eigene responsive Größe; Menü-/Sticky-Logo bleibt unberührt. */
@media (max-width: 767px) {
    .td-header-style-10 .td-logo-wrap-full {
        background-color: #000008 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-header-sp-logo {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 0 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo {
        display: block !important;
        line-height: 0 !important;
    }

    .td-header-style-10 .td-logo-wrap-full .td-main-logo img {
        width: 92vw !important;
        height: auto !important;
        max-width: 420px !important;
        max-height: none !important;
    }

    .td-header-mobile-wrap {
        background-color: #000008 !important;
    }

    .td-header-mobile-wrap .td-main-logo img {
        width: 92vw !important;
        height: auto !important;
        max-width: 420px !important;
        max-height: none !important;
    }
}