/*
 * ---------------------------------------------------------------------
 * Modul 020: Desktop große Artikelbilder einheitlich
 * ---------------------------------------------------------------------
 */

/*
 * Desktop: große Vorschaubilder des tagDiv-Moduls 2 bleiben bei 324 x 160 Pixel.
 * Mobil: volle vorhandene Inhaltsbreite bei demselben Seitenverhältnis 324 : 160.
 * Tablet bleibt unverändert.
 */
@media (min-width: 1019px) {
    body.home .td_block_2 .td_module_2 .td-module-image,
    body.home .td_block_2 .td_module_2 .td-module-thumb,
    body.home .td_block_2 .td_module_2 .td-module-thumb .td-image-wrap {
        width: 324px !important;
        min-width: 324px !important;
        max-width: 324px !important;
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.home .td_block_2 .td_module_2 .td-module-thumb img.entry-thumb,
    body.home .td_block_2 .td_module_2 .td-module-thumb .td-image-wrap > img.entry-thumb {
        width: 324px !important;
        min-width: 324px !important;
        max-width: 324px !important;
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    /* Falls Newspaper ein Vorschaubild als CSS-Hintergrund ausgibt. */
    body.home .td_block_2 .td_module_2 .td-module-thumb span.entry-thumb.td-thumb-css {
        width: 324px !important;
        min-width: 324px !important;
        max-width: 324px !important;
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        display: block !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}


/*
 * Mobil. Große Vorschaubilder nutzen ausschließlich die bereits vorhandene
 * Inhaltsbreite und behalten damit den bestehenden seitlichen Seitenrand.
 * Nur das einheitliche Seitenverhältnis 324 : 160 wird festgelegt.
 */
@media (max-width: 767px) {
    body.home .td_block_2 .td_module_2 .td-module-image,
    body.home .td_block_2 .td_module_2 .td-module-thumb,
    body.home .td_block_2 .td_module_2 .td-module-thumb .td-image-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 324 / 160 !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.home .td_block_2 .td_module_2 .td-module-thumb img.entry-thumb,
    body.home .td_block_2 .td_module_2 .td-module-thumb .td-image-wrap > img.entry-thumb {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }

    body.home .td_block_2 .td_module_2 .td-module-thumb span.entry-thumb.td-thumb-css {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        display: block !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}