.elementor-27410 .elementor-element.elementor-element-74dd7a6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-27410 .elementor-element.elementor-element-d04cc00 img{width:100%;}.elementor-27410 .elementor-element.elementor-element-1df3a73{margin-top:0px;margin-bottom:0px;padding:64px 0px 32px 0px;}.elementor-27410 .elementor-element.elementor-element-7063b49 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27410 .elementor-element.elementor-element-7063b49{text-align:center;}.elementor-27410 .elementor-element.elementor-element-7063b49 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );color:var( --e-global-color-primary );}.elementor-27410 .elementor-element.elementor-element-c477592 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27410 .elementor-element.elementor-element-c477592{text-align:center;}.elementor-27410 .elementor-element.elementor-element-c477592 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );color:var( --e-global-color-secondary );}.elementor-27410 .elementor-element.elementor-element-8e91767{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );color:var( --e-global-color-text );}.elementor-27410 .elementor-element.elementor-element-9d2ccbb{padding:0px 0px 64px 0px;}@media(max-width:1024px){.elementor-27410 .elementor-element.elementor-element-7063b49 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27410 .elementor-element.elementor-element-c477592 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-27410 .elementor-element.elementor-element-8e91767{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-27410 .elementor-element.elementor-element-1df3a73{margin-top:0px;margin-bottom:0px;padding:64px 0px 32px 0px;}.elementor-27410 .elementor-element.elementor-element-7063b49 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27410 .elementor-element.elementor-element-c477592 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-27410 .elementor-element.elementor-element-8e91767{text-align:center;font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for section, class: .elementor-element-9d2ccbb *//* ANPASSUNG NEWSLETTER-FORMULARE */

#label_tracking_permission_1 {
    all: unset !important; /* Entfernt alle Standardstile des Plugins */
    color: inherit !important; /* Nutzt die Elementor-Textfarbe */
    font-family: inherit !important; /* Nutzt die Elementor-Schriftart */
    font-size: inherit !important; /* Nutzt die Elementor-Textgröße */
    text-transform: inherit !important; /* Übernimmt Elementor-Einstellung für Groß-/Kleinschreibung */
    letter-spacing: inherit !important; /* Übernimmt Elementor-Zeichenabstand */
    line-height: inherit !important; /* Übernimmt Elementor-Zeilenhöhe */
}

/* Stellt sicher, dass das Label auch Elementor-Styles erbt */
.dialogcrm-form label,
#label_tracking_permission_1 {
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    text-transform: var(--e-global-typography-text-text-transform) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
}

/* Falls das Label im Formular ein <span> oder <p> ist */
.dialogcrm-form span,
.dialogcrm-form p,
.dialogcrm-form label {
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    text-transform: var(--e-global-typography-text-text-transform) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
}

/* Setzt .nl-button auf die gleichen Stile wie Elementor-Buttons */
.nl-button {
    all: unset !important;
    background-color: var(--e-global-color-e188e7c) !important;
    font-family: var(--e-global-typography-660e0b7-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-660e0b7-font-size) !important;
    font-weight: var(--e-global-typography-660e0b7-font-weight) !important;
    color: var(--e-global-color-0d25337) !important;
    border-style: none !important;
    
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    border-radius: var(--e-global-button-border-radius, 4px) !important;
    transition: all 0.3s ease-in-out !important;
    
    min-width: 150px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover- und Focus-Effekt wie Elementor-Buttons */
.nl-button:hover,
.nl-button:focus {
    background-color: var(--e-global-color-163ba1c) !important;
    color: var(--e-global-color-0d25337) !important;
    border-style: none !important;
}

/* Stellt sicher, dass das gesamte Formular maximal 80% breit ist */
.dialogcrm-form {
    width: 80% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Falls nötig: Stellt sicher, dass untergeordnete Elemente sich korrekt anpassen */
.dialogcrm-form * {
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Responsive Anpassung für kleinere Bildschirme */
@media (max-width: 600px) {
    .dialogcrm-form {
        width: 95% !important;
        max-width: none !important;
    }
}

/* Setzt die Breite der Felder auf die volle Containerbreite */
#firstname,
#surname,
#email {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Setzt die Breite der Felder auf die volle Containerbreite */
#salutation {
    margin-left: 0 !important;
    text-align: left !important;
    display: block !important;
    align-self: flex-start !important;
    justify-self: flex-start !important;
}

/* Stellt sicher, dass das Dropdown in "salutation" die volle Breite einnimmt */
#salutation select {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ergänzt width: 100% für das Element mit display: flex; flex-direction: row; gap: 20px */
.dialogcrm-form div[style*="display: flex"][style*="flex-direction: row"][style*="gap: 20px"] {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* Style der Links in #permission-text und #label_tracking_permission_1 */
#permission-text a,
#label_tracking_permission_1 a {
    font-family: var(--e-global-typography-660e0b7-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-660e0b7-font-size) !important;
    font-weight: var(--e-global-typography-660e0b7-font-weight) !important;
    color: var(--e-global-color-039397e) !important;
}


@media (max-width: 768px) {
#permission-text a,
#label_tracking_permission_1 a {
    font-size: var(--e-global-typography-660e0b7-font-size) !important
    }
}


/* Style der Links in der  Links #permission-text und #label_tracking_permission_1 beim Hover */
#permission-text a:hover,
#label_tracking_permission_1 a:hover {
    font-family: var(--e-global-typography-660e0b7-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-660e0b7-font-size) !important;
    font-weight: var(--e-global-typography-660e0b7-font-weight) !important;
    color: var(--e-global-color-524b788) !important;
}/* End custom CSS */