/************************************************/
/* 71_powermail_chaos_only.css                   */
/* NUR Landingpage-Formular "Chaos"              */
/* Scope: form.powermail_form_10                 */
/* WICHTIG: globale 70_powermail.css wieder      */
/* auf alten Stand setzen. Diese Datei zusätzlich*/
/* danach laden.                                 */
/************************************************/

form.powermail_form_10{
    --pm-bg:#182735;
    --pm-border:#2B4D69;
    --pm-text:#E8EEF7;
    --pm-focus:#38D6FF;
    --pm-gold:#D8961C;
    --pm-gold-hover:#F0AD32;
    --pm-radius:9px;
    --pm-row-gap:30px;
    --pm-col-gap:30px;

    max-width:1120px;
    width:100%;
    margin:24px auto 0 auto;
    padding:0;
    color:var(--pm-text);
}

/* Nur dieses Formular: Powermail-Titel/Rahmen weg */
form.powermail_form_10 fieldset,
form.powermail_form_10 .powermail_fieldset{
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}

form.powermail_form_10 legend,
form.powermail_form_10 .powermail_legend,
form.powermail_form_10 h3{
    display:none !important;
}

/* Nur dieses Formular: Hidden Fields unsichtbar */
form.powermail_form_10 input[type="hidden"],
form.powermail_form_10 .powermail_hidden,
form.powermail_form_10 .powermail_fieldwrap_quellebuch,
form.powermail_form_10 .powermail_fieldwrap_mediumqr_code,
form.powermail_form_10 .powermail_fieldwrap_kampagneherbst2026{
    display:none !important;
}

/* Layout */
form.powermail_form_10 .row{
    display:flex !important;
    flex-wrap:wrap !important;
    column-gap:var(--pm-col-gap) !important;
    row-gap:0 !important;
    margin:0 0 var(--pm-row-gap) 0 !important;
    padding:0 !important;
}

form.powermail_form_10 .row:last-child,
form.powermail_form_10 .powermail_fieldset > .row:last-of-type{
    margin-bottom:0 !important;
}

form.powermail_form_10 [class*="col-"],
form.powermail_form_10 .col,
form.powermail_form_10 .col-md-6,
form.powermail_form_10 .col-md-12{
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

/* Name / E-Mail zweispaltig */
form.powermail_form_10 .powermail_fieldwrap_type_input.col-md-6,
form.powermail_form_10 .powermail_fieldwrap_name.col-md-6,
form.powermail_form_10 .powermail_fieldwrap_email.col-md-6{
    flex:0 0 calc(50% - 15px) !important;
    max-width:calc(50% - 15px) !important;
    width:calc(50% - 15px) !important;
}

/* Checkboxen und Submit volle Breite */
form.powermail_form_10 .powermail_fieldwrap_type_check,
form.powermail_form_10 .powermail_fieldwrap_type_radio,
form.powermail_form_10 .powermail_fieldwrap_type_submit{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
}

/* Wrapper neutral */
form.powermail_form_10 .powermail_fieldwrap,
form.powermail_form_10 .powermail_field,
form.powermail_form_10 .powermail_fieldwrap_inner,
form.powermail_form_10 .powermail_field_inner{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-sizing:border-box !important;
}

/* Labels */
form.powermail_form_10 .powermail_label,
form.powermail_form_10 .form-label{
    display:block !important;
    margin:0 0 12px 0 !important;
    color:var(--pm-text) !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

form.powermail_form_10 .mandatory,
form.powermail_form_10 .required,
form.powermail_form_10 abbr{
    color:var(--pm-focus) !important;
    text-decoration:none !important;
}

/* Inputs */
form.powermail_form_10 input[type="text"],
form.powermail_form_10 input[type="email"],
form.powermail_form_10 input[type="tel"],
form.powermail_form_10 input[type="url"],
form.powermail_form_10 input[type="number"],
form.powermail_form_10 textarea,
form.powermail_form_10 select,
form.powermail_form_10 .powermail_input,
form.powermail_form_10 .powermail_textarea,
form.powermail_form_10 .powermail_select,
form.powermail_form_10 .form-control{
    width:100% !important;
    min-height:54px !important;
    padding:14px 16px !important;
    background:var(--pm-bg) !important;
    border:1px solid var(--pm-border) !important;
    border-radius:var(--pm-radius) !important;
    color:#ffffff !important;
    font-size:17px !important;
    line-height:1.35 !important;
    box-shadow:none !important;
}

/* Checkbox-Boxen wie Vorgabe */
form.powermail_form_10 .powermail_fieldwrap_type_check,
form.powermail_form_10 .powermail_fieldwrap_type_radio{
    padding:24px 22px !important;
    background:var(--pm-bg) !important;
    border:1px solid var(--pm-border) !important;
    border-radius:var(--pm-radius) !important;
}

form.powermail_form_10 .powermail_fieldwrap_type_check .powermail_label,
form.powermail_form_10 .powermail_fieldwrap_type_radio .powermail_label{
    margin:0 0 18px 0 !important;
    font-size:20px !important;
    font-weight:800 !important;
}

form.powermail_form_10 .powermail_checkwrap,
form.powermail_form_10 .powermail_radiowrap,
form.powermail_form_10 .form-check{
    margin:0 !important;
    padding:0 !important;
}

form.powermail_form_10 .powermail_check_inner,
form.powermail_form_10 .powermail_radio_inner,
form.powermail_form_10 .form-check{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    color:var(--pm-text) !important;
    font-size:20px !important;
    line-height:1.45 !important;
}

form.powermail_form_10 .powermail_check_inner label,
form.powermail_form_10 .powermail_radio_inner label,
form.powermail_form_10 .form-check-label{
    margin:0 !important;
    color:var(--pm-text) !important;
    font-size:20px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

form.powermail_form_10 input[type="checkbox"],
form.powermail_form_10 input[type="radio"]{
    width:18px !important;
    height:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 18px !important;
    accent-color:var(--pm-focus) !important;
}

/* Button: volle Breite, ohne äußere Box */
form.powermail_form_10 .powermail_fieldwrap_type_submit{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
}

form.powermail_form_10 .powermail_submit,
form.powermail_form_10 input.powermail_submit,
form.powermail_form_10 button.powermail_submit,
form.powermail_form_10 input[type="submit"],
form.powermail_form_10 button[type="submit"]{
    width:100% !important;
    min-height:72px !important;
    height:72px !important;
    padding:0 34px !important;
    margin:0 !important;
    background:var(--pm-gold) !important;
    border:2px solid var(--pm-gold) !important;
    border-radius:var(--pm-radius) !important;
    color:#071E3D !important;
    font-size:22px !important;
    font-weight:900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 18px 42px rgba(0,0,0,.18) !important;
}

form.powermail_form_10 .powermail_submit:hover,
form.powermail_form_10 input.powermail_submit:hover,
form.powermail_form_10 button.powermail_submit:hover,
form.powermail_form_10 input[type="submit"]:hover,
form.powermail_form_10 button[type="submit"]:hover{
    background:var(--pm-gold-hover) !important;
    border-color:var(--pm-gold-hover) !important;
    color:#071E3D !important;
}


/* Mobile */
@media(max-width:768px){
    form.powermail_form_10{
        --pm-row-gap:22px;
        --pm-col-gap:0px;
        margin-top:32px;
    }

    form.powermail_form_10 .row{
        display:block !important;
        margin-bottom:var(--pm-row-gap) !important;
    }

    form.powermail_form_10 .powermail_fieldwrap_type_input.col-md-6,
    form.powermail_form_10 .powermail_fieldwrap_name.col-md-6,
    form.powermail_form_10 .powermail_fieldwrap_email.col-md-6{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }

    form.powermail_form_10 .powermail_fieldwrap_type_input.col-md-6 + .powermail_fieldwrap_type_input.col-md-6,
    form.powermail_form_10 .powermail_fieldwrap_name + .powermail_fieldwrap_email{
        margin-top:22px !important;
    }

    form.powermail_form_10 .powermail_check_inner,
    form.powermail_form_10 .powermail_radio_inner,
    form.powermail_form_10 .form-check,
    form.powermail_form_10 .powermail_check_inner label,
    form.powermail_form_10 .powermail_radio_inner label,
    form.powermail_form_10 .form-check-label{
        font-size:17px !important;
    }

    form.powermail_form_10 .powermail_submit,
    form.powermail_form_10 input.powermail_submit,
    form.powermail_form_10 button.powermail_submit,
    form.powermail_form_10 input[type="submit"],
    form.powermail_form_10 button[type="submit"]{
        min-height:62px !important;
        height:62px !important;
        font-size:19px !important;
    }
}
/* Abstand zwischen Nachricht und Datenschutz */

form.powermail_form_10 .powermail_fieldwrap_ichmoechtebenachrichtigtwerden{
    margin-bottom:32px !important;
}