.elementor-461 .elementor-element.elementor-element-49691bab{--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;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-461 .elementor-element.elementor-element-7f42a69b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-461 .elementor-element.elementor-element-7f42a69b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-461 .elementor-element.elementor-element-40009d54{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:6px 6px 6px 6px;--padding-top:40px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-461 .elementor-element.elementor-element-40009d54:not(.elementor-motion-effects-element-type-background), .elementor-461 .elementor-element.elementor-element-40009d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3DEE580;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-461 .elementor-element.elementor-element-2162369f{text-align:center;}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-461 .elementor-element.elementor-element-7f42a69b{text-align:center;}.elementor-461 .elementor-element.elementor-element-40009d54{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-461 .elementor-element.elementor-element-40009d54{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-40009d54 *//* --- 1. Das Raster definieren (unverändert) --- */
.haet-cleverreach-form {
    display: grid !important;
    grid-template-columns: 1fr auto !important; 
    grid-template-rows: auto auto !important; 
    width: 100%;
    gap: 0; 
}

/* --- 2. Das E-Mail Feld (unverändert) --- */
.haet-cleverreach-form .type-email {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    background-color: white;
    border-radius: 30px 0 0 30px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #ddd;
    border-right: none;
}

/* Label und Input Styling (unverändert) */
.haet-cleverreach-form .type-email label {
    font-size: 11px;
    color: #333;
    line-height: 1;
    margin-bottom: 2px;
}
.haet-cleverreach-form .type-email input {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    width: 100%;
    height: auto;
}

/* --- 3. Der Button -> Zeile 1, Spalte 2 (MIT FARBVERLAUF) --- */
.haet-cleverreach-form .type-submit {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

.haet-cleverreach-form .type-submit button {
    /* HIER IST DER FARBVERLAUF */
    background: linear-gradient(to right, #27E26E, #0B659F) !important; 
    
    color: white;
    border: none;
    border-radius: 0 30px 30px 0;
    height: 100%; 
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap; 
    
    /* Optional: Ein leichter Schatten für einen 3D-Effekt */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    /* Optional: Eine leichte Transition für Hover-Effekte (falls später gewünscht) */
    transition: background 0.3s ease;
}


/* --- 4. Die Checkbox (unverändert) --- */
.haet-cleverreach-form .type-policy-confirm {
    grid-column: 1 / span 2 !important; 
    grid-row: 2 !important;
    margin-top: 10px !important;
    padding-left: 15px;
    display: flex;
    align-items: flex-start;
}

.haet-cleverreach-form .type-policy-confirm input {
    margin-top: 4px;
    margin-right: 8px;
}
label[for="haet-cleverreach-cleverreach_policy_confirm"] {
    font-size: 16px !important;
}

/* Media Query für Bildschirme kleiner oder gleich 600px (typische Handy-Breite) */
@media (max-width: 600px) {
    
    /* Die Schriftgröße des Buttons reduzieren */
    .haet-cleverreach-form .type-submit button {
        font-size: 14px !important; /* Verkleinern */
        /* Optional: Reduzieren Sie das Padding, um Platz zu sparen */
        padding: 0 20px !important; 
    }
    
    /* Optional: Die Höhe des Feldes (Email-Input + Button) leicht reduzieren, 
       um besser auf kleine Bildschirme zu passen */
    .haet-cleverreach-form .type-email,
    .haet-cleverreach-form .type-submit button {
        height: 50px !important; /* Von 100% (ca. 60px) auf 50px reduzieren */
    }

    /* Optional: Die Label-Schriftgröße im Input-Feld weiter reduzieren */
    .haet-cleverreach-form .type-email label {
        font-size: 10px !important;
    }

}/* End custom CSS */