.wp-block-lebensquell-image-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wp-block-lebensquell-image-text.text-image {
    flex-direction: row-reverse;
}

.wp-block-lebensquell-image-text.full-width {
    width: 100%;
    max-width: 100%;
}

.wp-block-lebensquell-image-text.normal-width {
    width: 100%;
    max-width: 1920px;
    margin: auto !important;
}

.wp-block-lebensquell-image-text.small-width {
    width: 100%;
    max-width: 1200px;
    margin: auto !important;
}

.wp-block-lebensquell-image-text .content-container,
.wp-block-lebensquell-image-text .image-container {
    width: 100%;
}

.wp-block-lebensquell-image-text .image-container {
    align-self: stretch;
}

.wp-block-lebensquell-image-text .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wp-block-lebensquell-image-text .content-container {
    padding: var(--wp--preset--spacing--15);
}

@media (min-width: 768px) {

    .wp-block-lebensquell-image-text .content-container,
    .wp-block-lebensquell-image-text .image-container {
        width: 50%;
    }

    .wp-block-lebensquell-image-text .content-container {
        padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--15);
    }
}

@media (min-width: 992px) {

    .wp-block-lebensquell-image-text .content-container {
        max-width: calc((1920px) / 2);
    }

    .wp-block-lebensquell-image-text.distribution-33-66 .content-container {
        max-width: calc((1920px) / 3 * 2);
    }

    .wp-block-lebensquell-image-text.distribution-66-33 .content-container {
        max-width: calc((1920px) / 3);
    }
    
    .wp-block-lebensquell-image-text.distribution-33-66 .image-container {
        width: calc(100% / 3);
    }

    .wp-block-lebensquell-image-text.distribution-33-66 .content-container {
        width: calc(100% / 3 * 2);
    }

    .wp-block-lebensquell-image-text.distribution-66-33 .image-container {
        width: calc(100% / 3 * 2);
    }

    .wp-block-lebensquell-image-text.distribution-66-33 .content-container {
        width: calc(100% / 3);
    }

    /* FULL WIDTH */
    .wp-block-lebensquell-image-text.full-width.distribution-33-66 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px) / 3);
    }
}

@media (min-width: 1200px) {

    .wp-block-lebensquell-image-text.normal-width,
    .wp-block-lebensquell-image-text.small-width {
        padding-left: var(--wp--preset--spacing--15);
        padding-right: var(--wp--preset--spacing--15);
    }

    /* FULL WIDTH */
    .wp-block-lebensquell-image-text.full-width.distribution-33-66 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 2 * var(--wp--preset--spacing--15)) / 3);
    }

    .wp-block-lebensquell-image-text.full-width.distribution-66-33 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 2 * var(--wp--preset--spacing--15)) / 3 * 2);
    }
}

@media (min-width: 1400px) {

    .wp-block-lebensquell-image-text.normal-width {
        padding-left: var(--wp--preset--spacing--30);
        padding-right: var(--wp--preset--spacing--30);
    }

    .wp-block-lebensquell-image-text .content-container {
        padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
    }

    /* FULL WIDTH */
    .wp-block-lebensquell-image-text.full-width.distribution-33-66 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 2 * var(--wp--preset--spacing--30)) / 3);
    }

    .wp-block-lebensquell-image-text.full-width.distribution-66-33 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 2 * var(--wp--preset--spacing--30)) / 3 * 2);
    }
}

@media (min-width: 1600px) {

    .wp-block-lebensquell-image-text.normal-width {
        padding-left: calc(var(--wp--preset--spacing--30) + var(--wp--preset--spacing--30));
        padding-right: calc(var(--wp--preset--spacing--30) + var(--wp--preset--spacing--30));
    }

    /* FULL WIDTH */
    .wp-block-lebensquell-image-text.full-width.distribution-33-66 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 4 * var(--wp--preset--spacing--30)) / 3);
    }

    .wp-block-lebensquell-image-text.full-width.distribution-66-33 .image-container {
        width: calc((100% - min(100%, 1920px)) / 2 + min(100%, 1920px - 4 * var(--wp--preset--spacing--30)) / 3 * 2);
    }
}