/* ==========================================================================
   Bild-Duo Block
   Desktop: zwei gleichbreite Bilder nebeneinander, Gap 24px
   Mobile:  gestapelt, Gap 12px
   ========================================================================== */

.cf-image-duo {
    position: relative;
    width: 100%;
    background-color: #000000;
}

.cf-image-duo__inner {
    max-width: 1360px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding: 0 clamp(1rem, 2.78vw, 2.5rem);
    padding-bottom: clamp(3rem, 8.33vw, 7.5rem);
}

.cf-image-duo__item {
    flex: 1 0 0;
    min-width: 0;
}

.cf-image-duo__item img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
}

/* === Mobile === */
@media (max-width: 767px) {
    .cf-image-duo__inner {
        flex-direction: column;
        gap: 12px;
    }

    .cf-image-duo__item {
        flex: 1 1 100%;
        width: 100%;
    }
}