.elementor-4434 .elementor-element.elementor-element-d8a7b90{--display:flex;}.elementor-4434 .elementor-element.elementor-element-40320a2{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c09b010 *//* =========================================================
   MAILPOET NEWSLETTER-FORMULAR
   Optik an Elementor-Formulare angleichen
   ========================================================= */

.i2-newsletter-form .mailpoet_form {
    font-family: inherit;
}

/* Eingabefelder + Select */
.i2-newsletter-form input[type="text"],
.i2-newsletter-form input[type="email"],
.i2-newsletter-form select {
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    font-family: inherit;
    font-size: 18px;
    color: #8b8b8b;
    background: transparent;
    border: 2px solid #000;
    border-radius: 0;
    box-shadow: none;
}

/* Placeholder */
.i2-newsletter-form input::placeholder {
    color: #8b8b8b;
    opacity: 1;
}

/* Fokus */
.i2-newsletter-form input[type="text"]:focus,
.i2-newsletter-form input[type="email"]:focus,
.i2-newsletter-form select:focus {
    outline: none;
    border-color: #000;
    box-shadow: none;
}

/* Abstand zwischen den Formularzeilen */
.i2-newsletter-form .mailpoet_paragraph {
    margin-bottom: 24px;
}

/* Checkbox */
.i2-newsletter-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Button */
.i2-newsletter-form input[type="submit"],
.i2-newsletter-form button[type="submit"] {
    width: 100%;
    min-height: 54px;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #000;
    border-color: #000;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

/* Button Hover */
.i2-newsletter-form input[type="submit"]:hover,
.i2-newsletter-form button[type="submit"]:hover {
    color: #fff;
    background: #000;
    border-color: #000;
}

/* Labels */
.i2-newsletter-form label {
    font-family: inherit;
}

/* MailPoet-Meldungen */
.i2-newsletter-form .mailpoet_message {
    font-family: inherit;
    font-size: 16px;
    
    
}

/* Vertikaler Abstand zwischen den Formularzeilen */
.i2-newsletter-form .mailpoet_form_columns_container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* MailPoets eigene vertikale Abstände neutralisieren */
.i2-newsletter-form .mailpoet_form_columns_container > .mailpoet_form_columns,
.i2-newsletter-form .mailpoet_form_columns_container > .mailpoet_paragraph {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mailpoet_form_column:not(:first-child) {
    margin-left: 20px;
}/* End custom CSS */