.elementor-45447 .elementor-element.elementor-element-d9e5176{--display:flex;}.elementor-45447 .elementor-element.elementor-element-d5b8580 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-45447 .elementor-element.elementor-element-5bd6d4d > .elementor-widget-container{padding:20px 10px 10px 10px;}.elementor-45447 .elementor-element.elementor-element-5bd6d4d{text-align:center;font-weight:700;}.elementor-45447 .elementor-element.elementor-element-58d8917{text-align:center;}.elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button{background-color:var( --e-global-color-58cbc90 );font-weight:500;text-decoration:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button:hover, .elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button:focus{background-color:#00000045;}.elementor-45447 .elementor-element.elementor-element-3893b87 > .elementor-widget-container{padding:10px 10px 10px 10px;}#elementor-popup-modal-45447 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-c322048 );border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-45447{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-45447 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-45447 .dialog-close-button{display:flex;font-size:21px;}/* Start custom CSS for button, class: .elementor-element-3893b87 *//* ==========================================
   ANMELDE-BUTTON: SANFTER GROW & SOFT GLOW
   ========================================== */

/* 1. Basis-Zustand */
.elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button {
    /* Von 0.3s auf 0.45s für spürbar sanfteres Ein- und Ausblenden */
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.45s ease, 
                background-color 0.45s ease,
                border-color 0.45s ease !important;
                
    /* Killt den weißen Rand im Ruhezustand */
    border: 1px solid transparent !important; 
}

/* 2. HOVER-ZUSTAND (Kein Rand, dezenteres Leuchten) */
.elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button:hover {
    /* SANFTER GROW: Nur noch 2.5% Vergrößerung statt 4% */
    transform: scale(1.025) !important; 
    
    /* SOFT GLOW: Deckkraft reduziert für einen edlen, unaufdringlichen Nebel-Effekt */
    box-shadow: 0 0 20px rgba(211, 29, 7, 0.4), 
                0 6px 15px rgba(211, 29, 7, 0.15) !important;
                
    background-color: #b51805 !important; 
    
    /* Verhindert den weißen Rand und die Standard-Outline von Elementor auf Hover */
    border-color: transparent !important;
    outline: none !important;
}

/* 3. CLICK-ZUSTAND */
.elementor-45447 .elementor-element.elementor-element-3893b87 .elementor-button:active {
    transform: scale(1.005) !important;
    box-shadow: 0 0 10px rgba(211, 29, 7, 0.3) !important;
    outline: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ==========================================
   POP-UP SCHLIESSEN-BUTTON: RED GLOW & GROW
   ========================================== */

/* 1. Basis-Zustand des Buttons */
.elementor-popup-modal .dialog-close-button {
    text-decoration: none !important; /* Entfernt den lästigen Unterstrich */
    outline: none !important;
    
    /* Euer Connect-Rot */
    color: #d31d07 !important; 
    
    /* Flüssige Animation für das Hovern */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
                filter 0.3s ease, 
                color 0.3s ease !important;
}

/* Falls Elementor ein SVG für das X nutzt, färben wir das mit ein */
.elementor-popup-modal .dialog-close-button svg {
    fill: #d31d07 !important;
    transition: fill 0.3s ease !important;
}

/* ==========================================
   2. HOVER-ZUSTAND (Grow & Glow)
   ========================================== */
.elementor-popup-modal .dialog-close-button:hover {
    /* GROW: Vergrößert das X sanft um 20% */
    transform: scale(1.2) !important; 
    
    /* GLOW: Ein laserscharfer, roter Schatten direkt auf der Form des X */
    filter: drop-shadow(0 0 8px rgba(211, 29, 7, 0.8)) !important;
    
    /* Minimal dunkleres Rot beim Hovern für knackiges Feedback */
    color: #b51805 !important; 
}

/* Hover-Effekt für die SVG-Variante */
.elementor-popup-modal .dialog-close-button:hover svg {
    fill: #b51805 !important;
}

/* Fokus-Zustand aufräumen (verhindert unschöne Rahmen nach dem Klick) */
.elementor-popup-modal .dialog-close-button:focus {
    outline: none !important;
    text-decoration: none !important;
}/* End custom CSS */