/*
Theme Name: VDMA Newsletter – Divi Child
Description: Divi-Child-Theme für newsletter.vdma-insurancebrokers.eu. Eigene CSS-Anpassungen werden in dieser Datei gepflegt.
Author: burnabit
Template: Divi
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vdma-newsletter-divi-child
*/

/* Lokale Schrift aus dem vorhandenen VDMA-Child-Theme. */
@font-face {
    font-family: "VDMA Newsletter Poppins";
    src: url("assets/fonts/Poppins-VariableFont_wght.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* MailPoet-Formular 9: Button wie auf der VDMA-Newsletter-Seite. */
#mailpoet_form_9 input.mailpoet_submit {
    appearance: none;
    display: inline-block;
    box-sizing: border-box;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    margin: 20px 0 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #222f5b !important;
    color: #fff !important;
    font-family: "VDMA Newsletter Poppins", "Poppins", sans-serif !important;
    font-size: 13.3333px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: normal;
    cursor: pointer;
}

#mailpoet_form_9 input.mailpoet_submit:focus-visible {
    outline: 2px solid #222f5b;
    outline-offset: 3px;
}

/* Listenauswahl und Feldtexte wie im VDMA-Referenzformular. */
#mailpoet_form_9 form.mailpoet_form {
    font-family: "VDMA Newsletter Poppins", "Poppins", sans-serif !important;
    font-size: 16px;
    line-height: 1.5;
    color: #0a0a0a;
}

#mailpoet_form_9 .mailpoet_paragraph {
    margin: 0 0 20px !important;
    line-height: 1.5 !important;
}

#mailpoet_form_9 .mailpoet_form_paragraph,
#mailpoet_form_9 .mailpoet_text_label {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #0a0a0a;
}

#mailpoet_form_9 fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

#mailpoet_form_9 .mailpoet_segment_label {
    width: 100%;
    margin: 0 0 16px !important;
    padding: 0;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #0a0a0a;
}

#mailpoet_form_9 fieldset .mailpoet_checkbox_label {
    display: inline-flex !important;
    align-items: baseline;
    gap: 6px;
    max-width: calc(100% - 16px);
    margin: 0 0 8px 16px !important;
    padding: 0;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #0a0a0a;
    cursor: pointer;
}

#mailpoet_form_9 input.mailpoet_checkbox {
    appearance: auto;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #222f5b;
}

/* E-Mail-Feld: weiß, volle Breite, klare Fokusmarkierung. */
#mailpoet_form_9 input.mailpoet_text[type="email"] {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid #bbb !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #262626 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-shadow: none;
}

#mailpoet_form_9 input.mailpoet_text::placeholder {
    color: #666;
    opacity: 1;
}

#mailpoet_form_9 input.mailpoet_text:focus-visible,
#mailpoet_form_9 input.mailpoet_checkbox:focus-visible {
    outline: 2px solid #222f5b;
    outline-offset: 2px;
}

/* MailPoet/Parsley-Feldfehler: ohne Aufzählung oder Extra-Einrückung. */
#mailpoet_form_9 .parsley-errors-list {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #b42318 !important;
}

#mailpoet_form_9 .parsley-errors-list:empty {
    margin: 0 !important;
}

#mailpoet_form_9 .parsley-errors-list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #b42318 !important;
}

#mailpoet_form_9 input.mailpoet_text.parsley-error,
#mailpoet_form_9 input.mailpoet_text[aria-invalid="true"] {
    border-color: #b42318 !important;
}

/* Allgemeine Fehler unter dem Formular; Sichtbarkeit steuert MailPoet. */
#mailpoet_form_9 .mailpoet_message {
    margin: 0 !important;
    padding: 0 !important;
}

#mailpoet_form_9 .mailpoet_validate_error {
    box-sizing: border-box;
    margin: 16px 0 0 !important;
    padding: 10px 14px !important;
    border: 1px solid #b42318;
    background: transparent;
    color: #b42318 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: left;
    overflow-wrap: anywhere;
}

#mailpoet_form_9 .mailpoet_validate_error:empty {
    display: none !important;
}

@media (max-width: 480px) {
    #mailpoet_form_9 fieldset .mailpoet_checkbox_label {
        display: flex !important;
    }
}

/* CI-gelbe Schrift bei Hover und Tastaturfokus. */
#mailpoet_form_9 input.mailpoet_submit:hover,
#mailpoet_form_9 input.mailpoet_submit:focus-visible {
    color: #ffd208 !important;
}

/* Einwilligung cf_1: Fließtext mit Inline-Link statt Flex-Einzelteilen. */
#mailpoet_form_9 fieldset .mailpoet_checkbox_label:has(input[name="data[cf_1]"]) {
    display: block !important;
    max-width: 100%;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

#mailpoet_form_9 input.mailpoet_checkbox[name="data[cf_1]"] {
    margin-right: 6px;
    vertical-align: baseline;
}

#mailpoet_form_9 .mailpoet_checkbox_label:has(input[name="data[cf_1]"]) a {
    color: #0a0a0a !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}