.elementor-4338 .elementor-element.elementor-element-7a5c592a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4338 .elementor-element.elementor-element-7a5c592a:not(.elementor-motion-effects-element-type-background), .elementor-4338 .elementor-element.elementor-element-7a5c592a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hasacom.rocks/wp-content/uploads/2025/09/hasacom-kontakt.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4338 .elementor-element.elementor-element-7a5c592a > .elementor-shape-bottom .elementor-shape-fill, .elementor-4338 .elementor-element.elementor-element-7a5c592a > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-4338 .elementor-element.elementor-element-7a5c592a > .elementor-shape-bottom svg, .elementor-4338 .elementor-element.elementor-element-7a5c592a > .e-con-inner > .elementor-shape-bottom svg{height:96px;transform:translateX(-50%) rotateY(180deg);}.elementor-4338 .elementor-element.elementor-element-75def34e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4338 .elementor-element.elementor-element-75def34e.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4338 .elementor-element.elementor-element-32659703 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4338 .elementor-element.elementor-element-32659703{text-align:center;font-family:"Figtree", Sans-serif;font-size:160px;font-weight:800;text-transform:uppercase;line-height:135px;letter-spacing:-8px;color:#FFFFFF;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:nowrap;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:11;--e-con-transform-transition-duration:200ms;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce.e-con{--e-con-transform-rotateZ:-2.75deg;--e-con-transform-translateY:50%;--align-self:center;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce.e-con:hover{--e-con-transform-scale:1.015;}.elementor-4338 .elementor-element.elementor-element-17f58205 > .elementor-widget-container{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-radius:5555px 5555px 5555px 5555px;box-shadow:0px 0px 80px -10px rgba(0, 0, 0, 0.3);}.elementor-4338 .elementor-element.elementor-element-17f58205.elementor-element{--align-self:center;}.elementor-4338 .elementor-element.elementor-element-17f58205{font-family:"Figtree", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon-wrapper{text-align:center;}.elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-framed .elementor-icon, .elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-framed .elementor-icon, .elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-4338 .elementor-element.elementor-element-bff877a.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon{font-size:40px;padding:26px;}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon svg{height:40px;}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon-wrapper svg{width:auto;}@media(max-width:1024px){.elementor-4338 .elementor-element.elementor-element-7a5c592a{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4338 .elementor-element.elementor-element-32659703{font-size:123px;line-height:100px;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce.e-con{--e-con-transform-rotateZ:-6.4deg;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce{--margin-top:-80px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;}.elementor-4338 .elementor-element.elementor-element-17f58205 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4338 .elementor-element.elementor-element-17f58205.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-4338 .elementor-element.elementor-element-7a5c592a > .elementor-shape-bottom svg, .elementor-4338 .elementor-element.elementor-element-7a5c592a > .e-con-inner > .elementor-shape-bottom svg{height:62px;}.elementor-4338 .elementor-element.elementor-element-7a5c592a{--padding-top:75px;--padding-bottom:35px;--padding-left:10px;--padding-right:10px;}.elementor-4338 .elementor-element.elementor-element-75def34e{--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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4338 .elementor-element.elementor-element-32659703{text-align:center;font-size:15vw;line-height:0.85em;letter-spacing:-2px;}.elementor-4338 .elementor-element.elementor-element-2a1e7dce{--margin-top:-50px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;}.elementor-4338 .elementor-element.elementor-element-17f58205 > .elementor-widget-container{padding:20px 30px 20px 30px;}.elementor-4338 .elementor-element.elementor-element-17f58205{text-align:left;font-size:28px;}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon{font-size:21px;}.elementor-4338 .elementor-element.elementor-element-bff877a .elementor-icon svg{height:21px;}}@media(min-width:1025px){.elementor-4338 .elementor-element.elementor-element-7a5c592a:not(.elementor-motion-effects-element-type-background), .elementor-4338 .elementor-element.elementor-element-7a5c592a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for text-editor, class: .elementor-element-17f58205 */#content .elementor-4338 .elementor-element.elementor-element-17f58205 .elementor-widget-container{
    width:480px;
    height:120px !important;
   
       justify-content: center;
    display: flex;
    align-items: center;
  
}
@media (max-width: 768px) {
   #content .elementor-4338 .elementor-element.elementor-element-17f58205 .elementor-widget-container{
    width:270px;
    height:100px !important;
   
       justify-content: center;
    display: flex;
    align-items: center;
  
} 
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-bff877a */#content .elementor-4338 .elementor-element.elementor-element-bff877a .elementor-widget-container .elementor-icon{
   width:120px;
    height:120px !important;
   
       justify-content: center;
    display: flex;
    align-items: center;
  
}

@media (max-width: 768px) {
   #content .elementor-4338 .elementor-element.elementor-element-bff877a .elementor-widget-container .elementor-icon{
    width:100px;
    height:100px !important;
   
       justify-content: center;
    display: flex;
    align-items: center;
  
} 
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a1e7dce */.elementor-4338 .elementor-element.elementor-element-2a1e7dce {
    width: fit-content !important;
    display: inline-flex !important;
}
.elementor-4338 .elementor-element.elementor-element-2a1e7dce.bigbtnsec .elementor-widget-icon {
    transition: 0.2s;
}
.elementor-4338 .elementor-element.elementor-element-2a1e7dce.bigbtnsec:hover .elementor-widget-icon {
    transform:rotate(45deg) ;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a5c592a */.elementor-4338 .elementor-element.elementor-element-7a5c592a {
    position: relative;
  
}

/* Erste 2 Kreise mit Pseudo-Elementen */
.elementor-4338 .elementor-element.elementor-element-7a5c592a::before,
.elementor-4338 .elementor-element.elementor-element-7a5c592a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    animation: rippleEffectQuick 5s linear infinite;
    overflow: hidden;
}

.elementor-4338 .elementor-element.elementor-element-7a5c592a::after {
    animation-delay: 1.2s;
}


/* Standard Animation für Desktop */
@keyframes rippleEffectQuick {
    0% {
        width: min(150px, 30vw);
        height: min(150px, 30vw);
        opacity: 0;
    }
    
    5% {
        opacity: 0.6;
    }
    
    10% {
        opacity: 0.5;
    }
    
    70% {
        opacity: 0.3;
    }
    
    90% {
        opacity: 0;
    }
    
    100% {
        width: min(800px, 150vw);
        height: min(800px, 150vw);
        opacity: 0;
    }
}

/* Tablet Anpassungen */
@media (max-width: 768px) {
    @keyframes rippleEffectQuick {
        0% {
            width: 20vw;
            height: 20vw;
            opacity: 0;
        }
        
        5% {
            opacity: 0.6;
        }
        
        10% {
            opacity: 0.5;
        }
        
        70% {
            opacity: 0.3;
        }
        
        90% {
            opacity: 0;
        }
        
        100% {
            width: 120vw;
            height: 120vw;
            opacity: 0;
        }
    }
}

/* Mobile Anpassungen */
@media (max-width: 480px) {
    @keyframes rippleEffectQuick {
        0% {
            width: 15vw;
            height: 15vw;
            opacity: 0;
        }
        
        5% {
            opacity: 0.6;
        }
        
        10% {
            opacity: 0.5;
        }
        
        70% {
            opacity: 0.3;
        }
        
        90% {
            opacity: 0;
        }
        
        100% {
            width: 100vw;
            height: 100vw;
            opacity: 0;
        }
    }
}

/* Alternative: Komplett viewport-basierte Lösung */
@media (max-width: 320px) {
    @keyframes rippleEffectQuick {
        0% {
            width: 12vw;
            height: 12vw;
            opacity: 0;
        }
        
        5% {
            opacity: 0.6;
        }
        
        10% {
            opacity: 0.5;
        }
        
        70% {
            opacity: 0.3;
        }
        
        90% {
            opacity: 0;
        }
        
        100% {
            width: 80vw;
            height: 80vw;
            opacity: 0;
        }
    }
}/* End custom CSS */