/* === Gray-Section Spacing === */
.gray > .wp-block-bitv-image-text.modul.image-text { margin-bottom: -96px; }
.gray .wp-block-bitv-image-text.modul.image-text { padding-bottom: 96px; }

/* === Mobile-Layout: Reihenfolge Headline -> Bild -> Text -> Button === */
@media (max-width: 767px) {
    .wp-block-bitv-image-text.modul.image-text {
        display: flex;
        flex-direction: column;
    }

    .wp-block-bitv-image-text.modul.image-text .e_headline {
        order: 1;
    }

    .wp-block-bitv-image-text.modul.image-text .wp-block-image {
        order: 2;
    }

    .wp-block-bitv-image-text.modul.image-text .block-text {
        order: 3;
    }

    .wp-block-bitv-image-text.modul.image-text .modul-button {
        order: 4;
    }
}

/* === Desktop-Layout: Grid, Bild links bis Viewport-Mitte – Text rechts === */
@media (min-width: 768px) {

    .gray .wp-block-bitv-image-text.modul.image-text {
        padding-top: 96px;
    }

    .wp-block-bitv-image-text.modul.image-text {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 50vw 1fr;
        grid-template-rows: auto auto 1fr;
        grid-auto-rows: auto;
        row-gap: 32px;
        min-height: unset;
        position: relative;
        overflow: visible;
    }

    .wp-block-bitv-image-text.modul.image-text .e_headline {
        grid-column: 2;
        grid-row: 1;
        order: unset;
        width: 100%;
        max-width: 612px;
        align-self: start;
        padding-left: 24px;
        padding-right: 24px;
    }

    .wp-block-bitv-image-text.modul.image-text .block-text {
        grid-column: 2;
        grid-row: 2;
        order: unset;
        width: 100%;
        max-width: 612px;
        align-self: start;
        padding-left: 24px;
        padding-right: 24px;
    }

    .wp-block-bitv-image-text.modul.image-text .modul-button {
        grid-column: 2;
        grid-row: 3;
        order: unset;
        width: 100%;
        max-width: 612px;
        align-self: start;
        padding-left: 24px;
        padding-right: 24px;
    }

    .wp-block-bitv-image-text.modul.image-text .wp-block-image {
        grid-column: 1;
        grid-row: 1 / span 3;
        position: relative;
        left: unset;
        right: unset;
        width: 100%;
        min-width: 0;
        max-width: 708px;
        justify-self: end;
        align-self: start;
        order: unset;
        margin: 0;
        overflow: hidden;
        height: auto;
    }

    .wp-block-bitv-image-text.modul.image-text .wp-block-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }
}

/*
@media (min-width: 768px) {
    .wp-block-bitv-image-text.modul.image-text { outline: 3px solid red; }
    .wp-block-bitv-image-text.modul.image-text .e_headline { outline: 2px solid blue; }
    .wp-block-bitv-image-text.modul.image-text .block-text { outline: 2px solid green; }
    .wp-block-bitv-image-text.modul.image-text .modul-button { outline: 2px solid orange; }
    .wp-block-bitv-image-text.modul.image-text .wp-block-image { outline: 2px solid purple; }
}
*/