.elementor-25719 .elementor-element.elementor-element-48158df{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25719 .elementor-element.elementor-element-95a5465{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-25719 .elementor-element.elementor-element-cca9e28{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;--e-transform-origin-x:center;--e-transform-origin-y:center;}/* Start custom CSS for container, class: .elementor-element-cca9e28 */.atc-mask {
    background: #000;

    /* Maske – deine optimierte SVG */
    -webkit-mask-image: url("https://atc-media.de/wp-content/uploads/2025/11/atc-mask-optimized-final.svg");
    mask-image: url("https://atc-media.de/wp-content/uploads/2025/11/atc-mask-optimized-final.svg");

    /* Wichtig für Maskenverhalten */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center center;
    mask-position: center center;

    /* Größe des Logos einstellen */
    -webkit-mask-size: 40%;
    mask-size: 40%;

    /* Optional – bessere Animation */
    will-change: mask-size, transform, opacity;
}/* End custom CSS */
/* Start custom CSS */body {
    transition: background-color 0.8s ease;
}/* End custom CSS */