/* IFB LN-WBB – gezielter Mobile-Fix für das Hero-Bild.
 * Betrifft ausschließlich die Seite /weiterbildungsberatung/.
 */

.lnwbb-hero__grid,
.lnwbb-hero__visual,
.lnwbb-hero__visual picture {
    min-width: 0;
    max-width: 100%;
}

.lnwbb-hero__visual img {
    max-width: 100%;
}

@media (max-width: 760px) {
    .lnwbb-hero__grid {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .lnwbb-hero__visual {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden;
    }

    .lnwbb-hero__visual picture {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .lnwbb-hero__visual img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 520px) {
    .lnwbb-hero__visual img {
        width: 100% !important;
        height: auto !important;
    }
}