/* Contact image-left */
@media (min-width: 981px) {
    #kontakt {
        overflow: hidden;
    }

    #kontakt .et_pb_row {
        display: flex;
        align-items: stretch;
        overflow: visible;
    }

    #kontakt .et_pb_row > .et_pb_column {
        float: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    #kontakt .et_pb_row > .et_pb_column:first-child {
        display: flex;
        flex: 0 0 42%;
        width: 42%;
        min-height: 420px;
        overflow: visible;
    }

    #kontakt .vdma-mask-left {
        display: flex;
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        margin-left: 0;
        overflow: hidden;
    }

    #kontakt .vdma-mask-left .et_pb_image_wrap {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-mask-image: none;
        mask-image: none;
        -webkit-clip-path: url(#vdmaClipLeft);
        clip-path: url(#vdmaClipLeft);
    }

    #kontakt .vdma-mask-left img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: -4em center;
    }

    #kontakt .et_pb_row > .et_pb_column:last-child {
        display: flex;
        flex: 0 0 52.5%;
        width: 52.5%;
        flex-direction: column;
        justify-content: center;
        min-height: 420px;
        position: relative;
        z-index: 2;
    }

    #kontakt .et_pb_row > .et_pb_column:last-child .et_pb_module:last-child {
        margin-bottom: 0;
    }

    #kontakt.vdma-home-contact .et_pb_row > .et_pb_column.et_pb_column_4_4 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    #kontakt {
        height: auto !important;
        overflow: hidden;
    }

    #kontakt .et_pb_row {
        display: block;
        width: 80% !important;
        max-width: 1440px !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: visible;
    }

    #kontakt .et_pb_row > .et_pb_column {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #kontakt .et_pb_row > .et_pb_column:first-child,
    #kontakt .et_pb_row > .et_pb_column:last-child {
        min-height: 0;
        height: auto;
    }

    #kontakt .vdma-mask-left {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden;
        isolation: isolate;
        -webkit-clip-path: url(#vdmaClipLeftMobile);
        clip-path: url(#vdmaClipLeftMobile);
    }

    #kontakt .vdma-mask-left .et_pb_image_wrap {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 6 / 5 !important;
        overflow: hidden;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        -webkit-clip-path: url(#vdmaClipLeftMobile);
        clip-path: url(#vdmaClipLeftMobile);
    }

    #kontakt .vdma-mask-left img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 20% 20%;
        position: relative;
        z-index: 1;
    }

    #kontakt .et_pb_row > .et_pb_column:last-child {
        width: 80% !important;
        max-width: 1080px;
        margin-left: auto !important;
        margin-right: auto !important;
        position: relative;
        z-index: 2;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    #kontakt .vdma-mask-left .et_pb_image_wrap {
        aspect-ratio: 4 / 3 !important;
    }
}
