/* ==========================================
    modul-typ-id: 16
    Modultyp: Hero mit bild
========================================== */

.lc-m16-hero-mit-bild {
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
    align-items: center;
}

.lc-m16-hero-mit-bild-image {
    width: 200px;
    height: 200px;
}

.lc-m16-hero-mit-bild-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Mobile */

@media (max-width: 768px) and (orientation: portrait),
(orientation: landscape) and (max-height: 600px) {

    .lc-m16-hero-mit-bild {
        max-width: 100%;
    }

    .lc-m16-hero-mit-bild-image {
        width: 90px;
        height: 90px;
    }


}