.elementor-8219 .elementor-element.elementor-element-6c68a43{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0;--margin-bottom:calc( -100px - 10vw );--margin-left:0;--margin-right:0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-8219 .elementor-element.elementor-element-dc194a7 img{width:100%;height:80%;object-fit:cover;object-position:center center;}.elementor-8219 .elementor-element.elementor-element-3227c9a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-8219 .elementor-element.elementor-element-6c68a43{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-8219 .elementor-element.elementor-element-dc194a7 img{height:100%;}}/* Start custom CSS */.header-bild {
    @media ( max-width: 1900px ) {
        & {
            margin-bottom: calc( -25px - 10vw );
        }
    }

    @media ( max-width: 767px ) {
        & {
            margin-bottom: 0;
        }
    }

    div:has( > div > img ) {
        z-index: 1;
        width: 100%;
        height: auto;
        aspect-ratio: 256 / 127;

        img {
            object-fit: cover;
            mask-image: url( "/wp-content/uploads/2025/08/Clientis-Header-Bild-Maske-Desktop.svg" );
            -webkit-mask-image: url( "/wp-content/uploads/2025/08/Clientis-Header-Bild-Maske-Desktop.svg" );
            mask-size: contain;
            mask-repeat: no-repeat;
            background-color: var( --color-clientis-nachtblau-20k );

            @media ( max-width: 767px ) {
                & {
                    mask-image: url( "/wp-content/uploads/2025/08/Clientis-Header-Bild-Maske.svg" );
                    -webkit-mask-image: url( "/wp-content/uploads/2025/08/Clientis-Header-Bild-Maske.svg" );
                }
            }
        }
    }

    div:has( div > svg.header > .akzent ) {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        z-index: 1;

        @media ( max-width: 767px ) {
            svg.desktop {
                display: none;
            }
        }

        @media ( min-width: 768px ) {
            svg.mobile {
                display: none;
            }
        }

        .akzent {
            fill: var( --color-clientis-himmelblau );
        }
    }
}/* End custom CSS */