.elementor-135 .elementor-element.elementor-element-5efdcc2{--display:flex;}.elementor-135 .elementor-element.elementor-element-77dabd4{--display:flex;}.elementor-135 .elementor-element.elementor-element-77dabd4:not(.elementor-motion-effects-element-type-background), .elementor-135 .elementor-element.elementor-element-77dabd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-872f739 );}.elementor-135 .elementor-element.elementor-element-d5500d1{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;}.elementor-135 .elementor-element.elementor-element-d5500d1.elementor-element{--align-self:center;}.elementor-135 .elementor-element.elementor-element-d5500d1 .elementor-wrapper{--video-aspect-ratio:1.33333;filter:brightness( 102% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-135 .elementor-element.elementor-element-832b9fa .elementor-button{background-color:var( --e-global-color-primary );font-family:"Rock Salt", Sans-serif;font-size:43px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-135 .elementor-element.elementor-element-832b9fa .elementor-button:hover, .elementor-135 .elementor-element.elementor-element-832b9fa .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-135 .elementor-element.elementor-element-832b9fa{padding:5px 5px 5px 5px;}.elementor-135 .elementor-element.elementor-element-832b9fa.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-135 .elementor-element.elementor-element-d5500d1{--container-widget-width:486px;--container-widget-flex-grow:0;width:var( --container-widget-width, 486px );max-width:486px;}}@media(max-width:767px){.elementor-135 .elementor-element.elementor-element-d5500d1{--container-widget-width:341px;--container-widget-flex-grow:0;width:var( --container-widget-width, 341px );max-width:341px;}.elementor-135 .elementor-element.elementor-element-832b9fa .elementor-button{font-size:58px;}}/* Start custom CSS for button, class: .elementor-element-832b9fa */.elementor-135 .elementor-element.elementor-element-832b9fa {
    --first-color: #1AD4D9; 
    --second-color: #1AB1B5;
    --third-color: #053D3E;
    position: relative;
    z-index: 1;
}

@property --rotate {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

/* Pseudo-Elemente immer aktiv */
.elementor-135 .elementor-element.elementor-element-832b9fa::before,
.elementor-135 .elementor-element.elementor-element-832b9fa::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    pointer-events: none;

    background-image: linear-gradient(
        var(--rotate),
        var(--first-color),
        var(--second-color) 43%,
        var(--third-color)
    );

    filter: blur(70px);
    opacity: 1;

    animation: spin 2.5s linear infinite;
    animation-play-state: running;

    /* Smooth Transition nur für Farbe und Größe */
    transition: transform 0.6s ease-in-out, background-image 0.6s ease-in-out;
}

/* ::before etwas größer für „härteren“ Farbverlauf */
.elementor-135 .elementor-element.elementor-element-832b9fa::before {
    width: 102%;
    height: 104%;
    top: -2%;
    left: -1%;
    filter: blur(0);
}

/* Hover-Effekt */
.elementor-135 .elementor-element.elementor-element-832b9fa:hover::before,
.elementor-135 .elementor-element.elementor-element-832b9fa:hover::after {
    animation-play-state: paused; /* Rotation stoppen */

    /* Farben auf einheitlich #1AB1B5 setzen */
    background-image: linear-gradient(
        var(--rotate),
        #1AD4D9,
        #1AD4D9,
        #1AD4D9
    );

    /* Glow vergrößern */
    transform: scale(1.05);
}

/* Keyframes für Rotation */
@keyframes spin {
  0% { --rotate: 0deg; }
  100% { --rotate: 360deg; }
}/* End custom CSS */