/* ==========================================================================
   POWERMAIL FORM 2: PRIVATKREDIT (pid=22, #c185)
   Form styling, field layouts, validation, responsive design & datepicker
   ========================================================================== */

/*///////////////// FORM 2: PRIVATKREDIT LIVE MATCHING STYLES /////////////////////*/
/* ////////////////////////////////////////////////////////////////////////////// */

.powermail_form_2 {
    font-family: 'Roboto', sans-serif !important;
    color: #36454E !important;
}

.powermail_form_2 h1,
.powermail_form_2 h2,
.powermail_form_2 h3,
.powermail_form_2 .powermail_form_title,
.tx-powermail:has(.powermail_form_2) h1,
.tx-powermail:has(.powermail_form_2) h2,
.tx-powermail:has(.powermail_form_2) h3 {
    font-family: 'Verdana', Geneva, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #233139 !important;
    margin: 18.76px 0 15px 0 !important;
    width: 609px !important;
    max-width: 609px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    display: block !important;
}

.powermail_form_2 fieldset.powermail_fieldset_3 legend.powermail_legend,
.powermail_form_2 fieldset.powermail_fieldset_7 legend.powermail_legend,
.powermail_form_2 fieldset.powermail_fieldset_4 legend.powermail_legend,
.powermail_form_2 .powermail_legend {
    font-family: 'Verdana', Geneva, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    border-bottom: 2px solid #CCCCCC !important;
    padding-bottom: 0px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 609px !important;
    max-width: 609px !important;
    height: auto !important;
    min-height: 24px !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

.powermail_form_2 fieldset.powermail_fieldset_16 legend.powermail_legend {
    font-family: 'Verdana', Geneva, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    border-bottom: 2px solid #CCCCCC !important;
    padding-bottom: 0px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    width: 609px !important;
    max-width: 609px !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}

.powermail_form_2 .powermail_fieldwrap_info,
.powermail_form_2 .powermail_fieldwrap_info_01,
.powermail_form_2 .q_description {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 14px !important;
    line-height: normal !important;
    color: #36454E !important;
    margin-top: 7px !important;
    margin-bottom: 44px !important;
    max-width: 609px !important;
    width: 609px !important;
    float: none !important;
    clear: both !important;
}

.powermail_form_2 .powermail_fieldwrap_info p:first-child,
.powermail_form_2 .powermail_fieldwrap_info_01 p:first-child,
.powermail_form_2 .q_description p:first-child {
    margin-top: 0 !important;
}

.powermail_form_2 label.powermail_label {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #36454E !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.powermail_form_2 label.powermail_label span.mandatory,
.powermail_form_2 label.powermail_label .mandatory,
.powermail_form_2 label span.mandatory,
.powermail_form_2 label .mandatory,
.powermail_form_2 .mandatory,
.powermail_form_2 span.mandatory,
.powermail_form_2 .req,
.powermail_form_2 span.req {
    color: #FF0000 !important;
    font-weight: bold !important;
    margin-left: 2px !important;
}

.powermail_form_2 input.powermail_input,
.powermail_form_2 select.powermail_select,
.powermail_form_2 textarea.powermail_textarea {
    background: #EEEEEE !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    color: #36454E !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.powermail_form_2 select.powermail_select {
    padding: 8px 9px !important;
    height: 38px !important;
}

/* Top Progress Bar */
.powermail_form_2 .top_progressbar {
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.powermail_form_2 .progressBarWrapper {
    width: 100% !important;
    max-width: 555.05px !important;
    height: 21px !important;
    position: relative !important;
    background: transparent !important;
    color: #36454E !important;
    font-size: 14px !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    border: none !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .progressBarBack {
    height: 21px !important;
    position: absolute !important;
    background-color: #ff9300 !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    border-radius: 2px !important;
}

.powermail_form_2:has(fieldset.powermail_fieldset_16:not([style*="display: none"])) .progressBarBack {
    width: 444.03px !important;
}

.powermail_form_2 .progressBarFront {
    display: none !important;
}

.powermail_form_2 .progressBarBack .progressBarText,
.powermail_form_2 .progressBarFront .progressBarText {
    width: 100% !important;
    height: 21px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 21px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    text-align: left !important;
    padding-left: 10px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Hide Bottom Progress Bars for Form 2 */
.powermail_form_2 aside.formStatus30,
.powermail_form_2 aside.formStatus50,
.powermail_form_2 aside.formStatus90,
.powermail_form_2 .powermail_fieldwrap_html_status,
.powermail_form_2 .powermail_fieldwrap_html_status_01,
.powermail_form_2 .powermail_fieldwrap_status90 {
    display: none !important;
}

/* Top Validation Banner (Exact 649px x 28px per Page 10 Task) */
.powermail_form_2 .form_invalid_banner {
    background: #FDF1F0 !important;
    border: 1px solid #EC756B !important;
    border-radius: 2px !important;
    color: #EC756B !important;
    text-align: center !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    height: 28px !important;
    line-height: 26px !important;
    margin: 15px 0 20px 0 !important;
    font-family: 'Roboto', sans-serif !important;
    width: 649px !important;
    max-width: 649px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}

/* Form 2 Base Padding & Title (1:1 Live Parity per Page 11) */
.powermail_form_2 {
    padding-left: 30px !important;
    padding-top: 44.5px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_form_title {
    width: 609px !important;
    max-width: 609px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-family: 'Verdana', Geneva, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-top: 18.76px !important;
    margin-bottom: 15px !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Field Validation Errors & Highlight (1:1 Live Parity per Page 12 across ALL steps) */
.powermail_form_2 .powermail_fieldwrap:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit):not([class*="clearer"]):not(.powermail_fieldwrap_info):not(.powermail_fieldwrap_info_01):not(.powermail_fieldwrap_html_status):not(.powermail_fieldwrap_html_status_01):not(.powermail_fieldwrap_status90):not(.powermail_fieldwrap_geburtsdatum):not(.top_progressbar) {
    padding: 10px !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    background: transparent;
    transition: background-color 0.15s ease !important;
}

.powermail_form_2 .powermail_fieldwrap.highlight:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit):not(.powermail_fieldwrap_heutigesdatum_prv):not(.pm-field-readonly),
.powermail_form_2 .powermail_fieldwrap:hover:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit):not(.powermail_fieldwrap_heutigesdatum_prv):not(.pm-field-readonly):not([class*="clearer"]):not(.powermail_fieldwrap_info):not(.powermail_fieldwrap_info_01):not(.powermail_fieldwrap_html_status):not(.powermail_fieldwrap_html_status_01):not(.powermail_fieldwrap_status90):not(.powermail_fieldwrap_geburtsdatum):not(.top_progressbar) {
    background: #F6F6F4 !important;
}

.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv,
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv:hover,
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv.highlight,
.powermail_form_2 .pm-field-readonly,
.powermail_form_2 .pm-field-readonly:hover,
.powermail_form_2 .pm-field-readonly.highlight {
    background: transparent !important;
    background-color: transparent !important;
}

.powermail_form_2 .powermail_fieldwrap.has-error:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit),
.powermail_form_2 .powermail_fieldwrap.powermail_field_error_container:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit) {
    background: #FDF1F0 !important;
}

.powermail_form_2 .powermail_fieldwrap.has-error.highlight:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit),
.powermail_form_2 .powermail_fieldwrap.powermail_field_error_container.highlight:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit),
.powermail_form_2 .powermail_fieldwrap.has-error:hover:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit),
.powermail_form_2 .powermail_fieldwrap.powermail_field_error_container:hover:not(.powermail_tab_navigation):not(.powermail_fieldwrap_type_submit) {
    background: #FDF1F0 !important;
}

/* Fields themselves keep standard border and background (NO red border inside/around fields) */
.powermail_form_2 input.powermail_field_error,
.powermail_form_2 select.powermail_field_error,
.powermail_form_2 textarea.powermail_field_error {
    border: 1px solid #CACACA !important;
    background: #EEEEEE !important;
    box-shadow: none !important;
    outline: none !important;
}

.powermail_form_2 .powermail-errors-list {
    display: none;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
}

.powermail_form_2 .powermail-errors-list.filled {
    display: block !important;
}

.powermail_form_2 .powermail-errors-list > li {
    background: #FDF1F0 !important;
    border: 1px solid #EC756B !important;
    border-radius: 2px !important;
    color: #EC756B !important;
    padding: 2px 5px !important;
    font-size: 11.5px !important;
    line-height: 14px !important;
    font-weight: normal !important;
    margin: 0 !important;
    list-style: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 20px !important;
    box-sizing: border-box !important;
    font-family: Verdana, Geneva, 'Roboto', sans-serif !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* Navigation & Submit Buttons (No grey box, no black outline/border, matching Live) */
.powermail_form_2 .powermail_tab_navigation,
.powermail_form_2 .powermail_tab_navigation.highlight,
.powermail_form_2 .powermail_tab_navigation.has-error,
.powermail_form_2 .powermail_tab_navigation.powermail_field_error_container,
.powermail_form_2 .powermail_fieldwrap_type_submit,
.powermail_form_2 .powermail_fieldwrap_type_submit.highlight,
.powermail_form_2 .powermail_fieldwrap_type_submit.has-error,
.powermail_form_2 .powermail_fieldwrap_type_submit.powermail_field_error_container {
    margin: 35px auto 20px auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 649px !important;
    float: none !important;
    clear: both !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev,
.powermail_form_2 .powermail_tab_navigation .btn-warning {
    background: #FF9300 !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    padding: 8px 22px !important;
    cursor: pointer !important;
    min-width: 130px !important;
    float: none !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
    /* Live shows "Zurück" before "Weiter" visually; DOM order from the
       powermail core template is the opposite, so re-order visually only. */
    order: 1 !important;
}

.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:hover,
.powermail_form_2 .powermail_tab_navigation .btn-warning:hover {
    background: #106AB7 !important;
    color: #FFFFFF !important;
}

.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next,
.powermail_form_2 .powermail_tab_navigation .btn-primary {
    background: #FF9300 !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    padding: 8px 22px !important;
    cursor: pointer !important;
    min-width: 140px !important;
    float: none !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
    order: 2 !important;
}

.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:hover,
.powermail_form_2 .powermail_tab_navigation .btn-primary:hover {
    background: #106AB7 !important;
    color: #FFFFFF !important;
}

.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"],
.powermail_form_2 .powermail_submit {
    background: #FF9300 !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    padding: 8px 22px !important;
    cursor: pointer !important;
    float: none !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
}

.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"]:hover,
.powermail_form_2 .powermail_submit:hover {
    background: #106AB7 !important;
    color: #FFFFFF !important;
}

/* Remove all black borders, focus rings and outlines on buttons */
.powermail_form_2 .powermail_tab_navigation button,
.powermail_form_2 .powermail_tab_navigation .btn,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev,
.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"],
.powermail_form_2 .powermail_submit {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.powermail_form_2 .powermail_tab_navigation button:focus,
.powermail_form_2 .powermail_tab_navigation button:focus-visible,
.powermail_form_2 .powermail_tab_navigation button:active,
.powermail_form_2 .powermail_tab_navigation .btn:focus,
.powermail_form_2 .powermail_tab_navigation .btn:focus-visible,
.powermail_form_2 .powermail_tab_navigation .btn:active,
.powermail_form_2 .powermail_tab_navigation .btn-primary:focus,
.powermail_form_2 .powermail_tab_navigation .btn-primary:focus-visible,
.powermail_form_2 .powermail_tab_navigation .btn-primary:active,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:focus,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:focus-visible,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:active,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:focus,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:focus-visible,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:active,
.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"]:focus,
.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"]:focus-visible,
.powermail_form_2 .powermail_fieldwrap_type_submit input[type="submit"]:active,
.powermail_form_2 .powermail_submit:focus,
.powermail_form_2 .powermail_submit:focus-visible,
.powermail_form_2 .powermail_submit:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.powermail_form_2 .powermail_tab_navigation:before,
.powermail_form_2 .powermail_tab_navigation:after,
.powermail_form_2 .powermail_tab_navigation .btn-primary.pull-right:before,
.powermail_form_2 .powermail_tab_navigation .btn.btn-warning:after,
.powermail_form_2 .powermail_fieldwrap_type_submit:after {
    display: none !important;
    content: none !important;
}

/* Step 1 Fields (Exact 1:1 Live Parity per Page 12: perfect horizontal alignment, constant 10px padding) */
.powermail_form_2 .powermail_fieldwrap_kreditwunsch {
    width: 154px !important;
    max-width: 154px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 11px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunsch label {
    width: 134px !important;
    max-width: 134px !important;
    height: 16px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunsch select {
    width: 134px !important;
    max-width: 134px !important;
    height: 38px !important;
    padding: 8px 9px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv.has-error,
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv.powermail_field_error_container {
    width: 337px !important;
    max-width: 337px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv .powermail-errors-list {
    margin: 2px 0 0 0 !important;
    width: 317px !important;
    max-width: 317px !important;
}
.powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv .powermail-errors-list > li {
    width: 317px !important;
    max-width: 317px !important;
    height: 20px !important;
    line-height: 14px !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_clearer_08 {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.powermail_form_2 .powermail_fieldwrap_laufzeit {
    width: 158px !important;
    max-width: 158px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 72px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_laufzeit label {
    width: 138px !important;
    max-width: 138px !important;
    height: 16px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_laufzeit select {
    width: 138px !important;
    max-width: 138px !important;
    height: 38px !important;
    padding: 8px 9px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_laufzeit .powermail-errors-list {
    margin: 2px 0 0 0 !important;
    width: 138px !important;
    max-width: 138px !important;
}
.powermail_form_2 .powermail_fieldwrap_laufzeit .powermail-errors-list > li {
    width: 138px !important;
    max-width: 138px !important;
    height: 20px !important;
    line-height: 14px !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_wofuer {
    width: 172px !important;
    max-width: 172px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 72px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_wofuer label {
    width: 152px !important;
    max-width: 152px !important;
    height: 16px !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_wofuer select {
    width: 152px !important;
    max-width: 152px !important;
    height: 38px !important;
    padding: 8px 9px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_wofuer .powermail-errors-list {
    margin: 2px 0 0 0 !important;
    width: 152px !important;
    max-width: 152px !important;
}
.powermail_form_2 .powermail_fieldwrap_wofuer .powermail-errors-list > li {
    width: 152px !important;
    max-width: 152px !important;
    height: 20px !important;
    line-height: 14px !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
}

/* Step 2 Fields (Exact 1:1 Live Parity per Page 13.1) */
.powermail_form_2 fieldset.powermail_fieldset_3 label.powermail_label {
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_anrede {
    width: 99px !important;
    max-width: 99px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_anrede label {
    width: 79px !important;
    max-width: 79px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_anrede select {
    width: 79px !important;
    max-width: 79px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_vorname_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_fieldwrap_vorname_prv label,
.powermail_form_2 .powermail_fieldwrap_vorname_prv label {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 16px !important;
    line-height: normal !important;
    white-space: normal !important;
    overflow: visible !important;
}
.powermail_form_2 .powermail_fieldwrap_vorname_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_nachname_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_nachname_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_nachname_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_strasse {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_strasse label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_strasse input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_hausnr {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_hausnr label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_hausnr input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_plz {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_plz label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_plz input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_wohnort {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_wohnort label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_wohnort input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_geburtsdatum {
    width: auto !important;
    max-width: 337px !important;
    height: 16px !important;
    line-height: 16px !important;
    float: none !important;
    clear: both !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_geburtsdatum p,
.powermail_form_2 .powermail_fieldwrap_geburtsdatum div {
    margin: 0 !important;
    padding: 0 !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}

.powermail_form_2 .powermail_fieldwrap_tag {
    width: 76px !important;
    max-width: 76px !important;
    float: left !important;
    margin-right: 5px !important;
    clear: left !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_tag label {
    width: 56px !important;
    max-width: 56px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_tag select {
    width: 56px !important;
    max-width: 56px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_monat {
    width: 76px !important;
    max-width: 76px !important;
    float: left !important;
    margin-right: 5px !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_monat label {
    width: 56px !important;
    max-width: 56px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_monat select {
    width: 56px !important;
    max-width: 56px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_jahr {
    width: 92px !important;
    max-width: 92px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_jahr label {
    width: 72px !important;
    max-width: 72px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_jahr select {
    width: 72px !important;
    max-width: 72px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_tag .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_tag .powermail-errors-list > li {
    width: 76px !important;
    max-width: 76px !important;
}

.powermail_form_2 .powermail_fieldwrap_monat .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_monat .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_jahr .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_jahr .powermail-errors-list > li {
    width: 76px !important;
    max-width: 76px !important;
    display: block !important;
}

.powermail_form_2 .powermail_fieldwrap_clearer_01 {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_geburtsort {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: none !important;
    margin-top: 0 !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_geburtsort label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_geburtsort input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit-prv {
    width: 356px !important;
    max-width: 356px !important;
    float: none !important;
    clear: both !important;
    margin-top: 11px !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit-prv label {
    width: 336px !important;
    max-width: 336px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit-prv select {
    width: 336px !important;
    max-width: 336px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit_frei-prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit_frei-prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_familienstand_prv {
    width: 159px !important;
    max-width: 159px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_familienstand_prv label {
    width: 139px !important;
    max-width: 139px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_familienstand_prv select {
    width: 139px !important;
    max-width: 139px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_aktuellesteuerklasse_prv {
    width: 159px !important;
    max-width: 159px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_aktuellesteuerklasse_prv label {
    width: 139px !important;
    max-width: 139px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_aktuellesteuerklasse_prv select {
    width: 139px !important;
    max-width: 139px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_beziehst_unterhalt_prv {
    width: 270px !important;
    max-width: 270px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_beziehst_unterhalt_prv label {
    width: 250px !important;
    max-width: 250px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_beziehst_unterhalt_prv select {
    /* like live: as wide as the label text "Beziehst oder zahlst Du Unterhalt?*" (239px), Task 97 */
    width: 240px !important;
    max-width: 240px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_unterhaltseinnahme-prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltseinnahme-prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltseinnahme-prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_unterhaltsverpflichtung-prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltsverpflichtung-prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltsverpflichtung-prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_clearer_15 {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.powermail_form_2 .powermail_fieldwrap_wohnsituation_prv {
    width: 165px !important;
    max-width: 165px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_wohnsituation_prv label {
    width: 145px !important;
    max-width: 145px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_wohnsituation_prv select {
    width: 145px !important;
    max-width: 145px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_eigentumsbelastung_prv,
.powermail_form_2 .powermail_fieldwrap_miete_prv,
.powermail_form_2 .powermail_fieldwrap_mietelebenspartner_prv,
.powermail_form_2 .powermail_fieldwrap_hypothek_prv,
.powermail_form_2 .powermail_fieldwrap_mieteinnahmen_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_eigentumsbelastung_prv label,
.powermail_form_2 .powermail_fieldwrap_miete_prv label,
.powermail_form_2 .powermail_fieldwrap_mietelebenspartner_prv label,
.powermail_form_2 .powermail_fieldwrap_hypothek_prv label,
.powermail_form_2 .powermail_fieldwrap_mieteinnahmen_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_eigentumsbelastung_prv input,
.powermail_form_2 .powermail_fieldwrap_miete_prv input,
.powermail_form_2 .powermail_fieldwrap_mietelebenspartner_prv input,
.powermail_form_2 .powermail_fieldwrap_hypothek_prv input,
.powermail_form_2 .powermail_fieldwrap_mieteinnahmen_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_clearer_02 {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.powermail_form_2 .powermail_fieldwrap_kinder_prv {
    width: 89px !important;
    max-width: 89px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinder_prv label {
    width: 69px !important;
    max-width: 69px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinder_prv select {
    width: 69px !important;
    max-width: 69px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Step 2 Buttons: Zurück on Left, Weiter on Right */
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 30px !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 609px !important;
    clear: both !important;
    float: none !important;
}
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_prev {
    order: 1 !important;
    margin: 0 !important;
}
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_next {
    order: 2 !important;
    margin: 0 !important;
}

.powermail_form_2 .powermail_fieldwrap_kinderimhaushalt_prv {
    width: 320px !important;
    max-width: 320px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinderimhaushalt_prv label {
    width: 300px !important;
    max-width: 300px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinderimhaushalt_prv select {
    width: 300px !important;
    max-width: 300px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_clearer_04 {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.powermail_form_2 .powermail_fieldwrap_kinderunterhalt_prv {
    width: 270px !important;
    max-width: 270px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinderunterhalt_prv label {
    width: 250px !important;
    max-width: 250px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_kinderunterhalt_prv select {
    width: 250px !important;
    max-width: 250px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_unterhaltsbeitrag-prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltsbeitrag-prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_unterhaltsbeitrag-prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Step 2 Error message box widths */
.powermail_form_2 .powermail_fieldwrap_anrede .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_anrede .powermail-errors-list > li {
    width: 79px !important;
    max-width: 79px !important;
}

.powermail_form_2 .powermail_fieldwrap_vorname_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_vorname_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_nachname_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_nachname_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_strasse .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_strasse .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_hausnr .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_hausnr .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_plz .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_plz .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_wohnort .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_wohnort .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_geburtsort .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_geburtsort .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit_frei-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit_frei-prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_unterhaltseinnahme-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_unterhaltseinnahme-prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_unterhaltsverpflichtung-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_unterhaltsverpflichtung-prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_miete_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_miete_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_mietelebenspartner_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_mietelebenspartner_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_hypothek_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_hypothek_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_mieteinnahmen_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_mieteinnahmen_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_eigentumsbelastung_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_eigentumsbelastung_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_unterhaltsbeitrag-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_unterhaltsbeitrag-prv .powermail-errors-list > li {
    width: 317px !important;
    max-width: 317px !important;
}

.powermail_form_2 .powermail_fieldwrap_tag .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_tag .powermail-errors-list > li {
    width: 76px !important;
    max-width: 76px !important;
}

.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_staatsangehoerigkeit-prv .powermail-errors-list > li {
    width: 336px !important;
    max-width: 336px !important;
}

.powermail_form_2 .powermail_fieldwrap_familienstand_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_familienstand_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_aktuellesteuerklasse_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_aktuellesteuerklasse_prv .powermail-errors-list > li {
    width: 139px !important;
    max-width: 139px !important;
}

.powermail_form_2 .powermail_fieldwrap_beziehst_unterhalt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_beziehst_unterhalt_prv .powermail-errors-list > li {
    width: 240px !important; /* = dropdown width (Task 97) */
    max-width: 240px !important;
}

.powermail_form_2 .powermail_fieldwrap_wohnsituation_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_wohnsituation_prv .powermail-errors-list > li {
    width: 145px !important;
    max-width: 145px !important;
}

.powermail_form_2 .powermail_fieldwrap_kinder_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_kinder_prv .powermail-errors-list > li {
    width: 139px !important;
    max-width: 139px !important;
}

.powermail_form_2 .powermail_fieldwrap_kinderimhaushalt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_kinderimhaushalt_prv .powermail-errors-list > li {
    width: 300px !important;
    max-width: 300px !important;
}

.powermail_form_2 .powermail_fieldwrap_kinderunterhalt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_kinderunterhalt_prv .powermail-errors-list > li {
    width: 250px !important;
    max-width: 250px !important;
}

/* Step 3 Fields */
.powermail_form_2 .powermail_fieldwrap_berufsgruppe_prv {
    width: 186px !important;
    max-width: 186px !important;
    float: left !important;
    margin-right: 10px !important;
    clear: left !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_berufsgruppe_prv label {
    width: 166px !important;
    max-width: 166px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_berufsgruppe_prv select {
    width: 166px !important;
    max-width: 166px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_beitrag_krankenversicherung-prv,
.powermail_form_2 .powermail_fieldwrap_jaehrliches_einkommen-prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_beitrag_krankenversicherung-prv label,
.powermail_form_2 .powermail_fieldwrap_jaehrliches_einkommen-prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_beitrag_krankenversicherung-prv input,
.powermail_form_2 .powermail_fieldwrap_jaehrliches_einkommen-prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_hinweisarbeitslos_prv,
.powermail_form_2 div[class*="hinweisarbeitslos"],
.powermail_form_2 .hinweisarbeitslos_text {
    display: block !important;
    color: #ff0000 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 15px 0 20px 0 !important;
    clear: both !important;
    float: none !important;
    max-width: 550px !important;
}

.powermail_form_2 .powermail_fieldwrap_hinweisarbeitslos_prv[style*="none"] {
    display: none !important;
}
.powermail_form_2 .powermail_fieldwrap_hinweisarbeitslos_prv[style*="none"] * {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_arbeitgeber_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_arbeitgeber_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_arbeitgeber_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_prv_weitereinformation,
.powermail_form_2 .powermail_fieldwrap_prv_befristetbis {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_sonstigeeinnahmen_prv {
    width: 186px !important;
    max-width: 186px !important;
    float: left !important;
    clear: both !important;
    margin-right: 10px !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_sonstigeeinnahmen_prv label {
    width: 166px !important;
    max-width: 166px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_sonstigeeinnahmen_prv select {
    width: 166px !important;
    max-width: 166px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_sonstige_prv,
.powermail_form_2 .powermail_fieldwrap_rente_sonstiges_prv,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_prv,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_unterhalt_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_sonstige_prv label,
.powermail_form_2 .powermail_fieldwrap_rente_sonstiges_prv label,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_prv label,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_unterhalt_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_sonstige_prv input,
.powermail_form_2 .powermail_fieldwrap_rente_sonstiges_prv input,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_prv input,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_unterhalt_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv .powermail_field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 317px !important;
}
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv input {
    width: 260px !important;
    height: 38px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv .powermail_field::after {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_befristet_sonstiges_prv {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_e_mail {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_e_mail label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_e_mail input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_telefon {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_telefon label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_telefon input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_iban_prv {
    width: 337px !important;
    max-width: 337px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_iban_prv label {
    width: 317px !important;
    max-width: 317px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_iban_prv input {
    width: 317px !important;
    max-width: 317px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv label::after,
.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv label::after,
.powermail_form_2 .powermail_fieldwrap_iban_prv label::after {
    content: "\f059";
    font-family: FontAwesome;
    font-size: 13px;
    color: #777777;
    margin-left: 5px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv {
    width: 316.72px !important;
    max-width: 316.72px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv label {
    width: 296.72px !important;
    max-width: 296.72px !important;
    height: 16px !important;
    line-height: 16px !important;
}
.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv select {
    width: 296.72px !important;
    max-width: 296.72px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Page 5: On live, selecting Ja reveals NO subfields */
.powermail_form_2 .powermail_fieldwrap_mitantragsteller_name-prv,
.powermail_form_2 .powermail_fieldwrap_mitantragsteller_geburtsdatum-prv,
.powermail_form_2 .powermail_fieldwrap_mitantragsteller_beruf-prv,
.powermail_form_2 .powermail_fieldwrap_mitantragsteller_angestellt-prv {
    display: none !important;
}

/* Step 3 Error message box widths */
.powermail_form_2 .powermail_fieldwrap_berufsgruppe_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_berufsgruppe_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_sonstigeeinnahmen_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_sonstigeeinnahmen_prv .powermail-errors-list > li {
    width: 166px !important;
    max-width: 166px !important;
}

.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_arbeitgeber_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_arbeitgeber_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_seitwannangestellt_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_beitrag_krankenversicherung-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_beitrag_krankenversicherung-prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_jaehrliches_einkommen-prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_jaehrliches_einkommen-prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_sonstige_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_nettoeinkommen_sonstige_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_rente_sonstiges_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_rente_sonstiges_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_unterhalt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_einkommen_sonstige_unterhalt_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_sonst_seitwannangestellt_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_e_mail .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_e_mail .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_telefon .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_telefon .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_iban_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_iban_prv .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv .powermail-errors-list > li {
    width: 317px !important;
    max-width: 317px !important;
}

/* Form 2 Fieldset bottom padding & Footer spacing */
.powermail_form_2 fieldset.powermail_fieldset {
    padding-bottom: 0px !important;
}
.powermail_form_2 .powermail_tab_navigation {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

/* Step 1 Navigation & Button (1:1 Live Parity per Page 11 Items 6 & 7) */
/* Step 1 Navigation & Button (1:1 Live Parity per Page 11 Items 6 & 7) */
.powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: flex-start !important;
    padding-left: 168px !important;
    width: 100% !important;
    max-width: 609px !important;
    clear: both !important;
    float: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation .powermail_morestep_next,
.powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation .btn-primary {
    min-width: 288.14px !important;
    width: 288.14px !important;
    max-width: 288.14px !important;
    height: 42px !important;
    padding: 10px 20px !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    letter-spacing: normal !important;
    border-radius: 20px !important;
    background-color: #ff9300 !important;
    border: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

@media (max-width: 480px) { /* live switches to the stacked phone layout at 480px (was 600px) */
    .powermail_form_2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .powermail_form_2 .form_invalid_banner {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0 20px 0 !important;
    }
    .powermail_form_2 .powermail_fieldwrap_kreditwunsch,
    .powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv,
    .powermail_form_2 .powermail_fieldwrap_laufzeit,
    .powermail_form_2 .powermail_fieldwrap_wofuer {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-right: 0 !important;
    }
    .powermail_form_2 .powermail_fieldwrap_kreditwunsch select,
    .powermail_form_2 .powermail_fieldwrap_kreditwunschineuro_prv input,
    .powermail_form_2 .powermail_fieldwrap_laufzeit select,
    .powermail_form_2 .powermail_fieldwrap_wofuer select {
        width: 100% !important;
        max-width: 100% !important;
    }
    .powermail_form_2 .powermail_fieldwrap_laufzeit,
    .powermail_form_2 .powermail_fieldwrap_wofuer {
        margin-bottom: 20px !important;
    }
    .powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation {
        padding-left: 0 !important;
        justify-content: center !important;
        margin-top: 25px !important;
    }
    .powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation .powermail_morestep_next,
    .powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation .btn-primary {
        width: 100% !important;
        max-width: 100% !important;
    }
}

body:has(#c185) #areaFooter,
body:has(.powermail_form_2) #areaFooter {
    margin-top: 35px !important;
}

/* Step 3 Navigation & Button Swap (Button 1: Zurück on left, Button 2: Weiter on right) */
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 609px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .btn-warning,
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_prev {
    order: 1 !important;
    min-width: 130px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 22px !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    border-radius: 20px !important;
    background: #ff9300 !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .btn-primary,
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_next {
    order: 2 !important;
    min-width: 140px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 22px !important;
    font-family: 'Lato', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    border-radius: 20px !important;
    background: #ff9300 !important;
    color: #ffffff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* ============================================================================== */
/* ======================== STEP 4: 1:1 LIVE PARITY STYLES ===================== */
/* ============================================================================== */

/* Field 1: Upload - Lohnabrechnung, Rentenbescheid oder sonst. Abrechnungen */
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv {
    width: 100% !important;
    max-width: 609px !important;
    float: none !important;
    clear: both !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv label.powermail_label {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    width: 440.39px !important;
    max-width: 440.39px !important;
    height: 32px !important;
    min-height: 32px !important;
    line-height: 16px !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv .powermail_field_description {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    line-height: 16px !important;
    width: 440.39px !important;
    max-width: 440.39px !important;
    height: 32px !important;
    min-height: 32px !important;
    color: #36454E !important;
    margin-bottom: 6px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv .powermail_field_description::after {
    content: " \f059";
    font-family: FontAwesome;
    font-size: 13px;
    color: #777777;
    margin-left: 4px;
    font-weight: normal;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv input[type="file"] {
    width: 295px !important;
    background: #EEEEEE !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    color: #36454E !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* Field 2: Welche Prioritäten hat Deine Finanzierungsanfrage? * */
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage {
    width: 100% !important;
    max-width: 609px !important;
    float: none !important;
    clear: both !important;
    margin-top: 15px !important;
    margin-bottom: 14px !important;
}
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage label.powermail_label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage label.powermail_label .mandatory {
    color: #FF0000 !important;
    font-weight: bold !important;
    margin-left: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage .checkbox,
.powermail_form_2 .powermail_fieldwrap_prioritaeten_abgelehnt-prv .checkbox,
.powermail_form_2 .powermail_fieldwrap_informationzurschufa_prv .checkbox {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
}
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage .checkbox label,
.powermail_form_2 .powermail_fieldwrap_prioritaeten_abgelehnt-prv .checkbox label,
.powermail_form_2 .powermail_fieldwrap_informationzurschufa_prv .checkbox label {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #36454E !important;
    cursor: pointer !important;
}
.powermail_form_2 .powermail_fieldwrap_prioritaeten_abgelehnt-prv,
.powermail_form_2 .powermail_fieldwrap_informationzurschufa_prv {
    width: 100% !important;
    max-width: 609px !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 12px !important;
    padding-left: 15px !important;
}

/* Field 3: Hinweis Text */
.powermail_form_2 .powermail_fieldwrap_hinweis {
    width: 100% !important;
    max-width: 609px !important;
    float: none !important;
    clear: both !important;
    margin: 12px 0 12px 0 !important;
}
.powermail_form_2 .powermail_fieldwrap_hinweis .q_description {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #36454E !important;
}

/* Fields 4 & 5: Tag & Uhrzeit (Side-by-side row) */
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv {
    width: 380px !important;
    max-width: 380px !important;
    float: left !important;
    margin-right: 15px !important;
    margin-bottom: 11px !important;
    position: relative !important;
    clear: both !important;
}
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv label.powermail_label {
    width: 341.89px !important;
    max-width: 341.89px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_uhrzeit_kontakt_prv label.powermail_label {
    width: 74px !important;
    max-width: 74px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv label.powermail_label {
    width: 337px !important;
    max-width: 337px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv .powermail_field {
    display: flex !important;
    align-items: center !important;
    width: 380px !important;
}
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv input {
    width: 341.89px !important;
    min-width: 341.89px !important;
    max-width: 341.89px !important;
    flex-shrink: 0 !important;
    background: #EEEEEE !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    padding: 6px 10px !important;
    height: 36px !important;
    font-size: 14px !important;
    color: #36454E !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv .powermail-errors-list > li {
    width: 341.89px !important;
    max-width: 341.89px !important;
}
.powermail_form_2 .powermail_fieldwrap_tag_kontakt_prv::after {
    display: none !important;
}

.powermail_form_2 .powermail_fieldwrap_uhrzeit_kontakt_prv {
    width: 74px !important;
    max-width: 74px !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_uhrzeit_kontakt_prv select {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    background: #EEEEEE !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    height: 36px !important;
    font-size: 14px !important;
    color: #36454E !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_uhrzeit_kontakt_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_uhrzeit_kontakt_prv .powermail-errors-list > li {
    width: 134px !important;
    max-width: 134px !important;
}

/* Field 6: Heutiges Datum */
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv {
    width: 337px !important;
    max-width: 337px !important;
    height: 81px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv input {
    width: 337px !important;
    max-width: 337px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    height: 36px !important;
    font-size: 14px !important;
    color: #999999 !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
}
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv .powermail-errors-list > li {
    width: 337px !important;
    max-width: 337px !important;
}

/* Field 7: Was ich Euch zu meiner Kreditanfrage noch mitteilen möchte: */
.powermail_form_2 .powermail_fieldwrap_bemerkungen {
    width: 387.16px !important;
    max-width: 387.16px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 11px !important;
}
.powermail_form_2 .powermail_fieldwrap_bemerkungen label.powermail_label {
    width: 387.16px !important;
    max-width: 387.16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 5px !important;
    display: block !important;
    white-space: nowrap !important;
}
.powermail_form_2 .powermail_fieldwrap_bemerkungen textarea {
    width: 317px !important;
    max-width: 317px !important;
    height: 134px !important;
    min-height: 134px !important;
    background: #EEEEEE !important;
    border: 1px solid #CACACA !important;
    border-radius: 2px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}
.powermail_form_2 .powermail_fieldwrap_bemerkungen .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_bemerkungen .powermail-errors-list > li {
    width: 317px !important;
    max-width: 317px !important;
}

/* Fields 8, 9, 10: AGB und Datenschutz, Bestätigung, Newsletter */
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv {
    width: 100% !important;
    max-width: 619px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 12px !important;
}
.powermail_form_2 .powermail_fieldwrap_newsletter {
    width: 100% !important;
    max-width: 550.67px !important;
    float: left !important;
    clear: both !important;
    margin-bottom: 12px !important;
}
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz label.powermail_label,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv label.powermail_label {
    width: 619px !important;
    max-width: 619px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_newsletter label.powermail_label {
    width: 550.67px !important;
    max-width: 550.67px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #36454E !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz .mandatory,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv .mandatory {
    color: #FF0000 !important;
    font-weight: bold !important;
    margin-left: 2px !important;
}
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz .checkbox label,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv .checkbox label {
    width: 614px !important;
    max-width: 614px !important;
    min-height: 50.39px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #36454E !important;
    line-height: 16.8px !important;
    cursor: pointer !important;
    display: inline-block !important;
}
.powermail_form_2 .powermail_fieldwrap_newsletter .checkbox label {
    width: 545.67px !important;
    max-width: 545.67px !important;
    min-height: 16.8px !important;
    height: auto !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #36454E !important;
    line-height: 16.8px !important;
    cursor: pointer !important;
    display: inline-block !important;
}
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz b {
    font-weight: 700 !important;
    color: #36454E !important;
}
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz a,
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz a:hover,
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz a:visited {
    color: #1795FF !important;
    text-decoration: underline !important;
}

.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz .powermail-errors-list,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv .powermail-errors-list {
    margin: 4px 0 0 0 !important;
    width: auto !important;
    max-width: 250px !important;
}
.powermail_form_2 .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_agbunddatenschutz .powermail-errors-list > li,
.powermail_form_2 .powermail_fieldwrap_bestaetigungsanktionen_prv .powermail-errors-list > li {
    width: auto !important;
    min-width: 140px !important;
    height: 20px !important;
    line-height: 14px !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
}

/* Step 4 Buttons: << Zurück and Submit side-by-side on the same row! */
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation {
    width: 100% !important;
    max-width: 619.28px !important;
    clear: both !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation button.powermail_morestep_prev {
    float: none !important;
    margin: 0 !important;
    background: #ff9300 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 0 20px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    width: 130.59px !important;
    min-width: 130.59px !important;
    max-width: 130.59px !important;
    height: 42px !important;
    line-height: 42px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation button.powermail_morestep_prev:hover {
    background: #106AB7 !important;
}
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit {
    float: none !important;
    margin: 0 !important;
    background: #ff9300 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 0 10px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    width: 473.69px !important;
    min-width: 473.69px !important;
    max-width: 473.69px !important;
    height: 42px !important;
    line-height: 42px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit:hover {
    background: #106AB7 !important;
}



/* ==========================================================================
   Interactive Calendar Datepicker & External Calendar Icon (Form 2)
   Matches Formsite / Screenshot from 2026-09-17 16-24-02.png
   ========================================================================== */

/* Calendar Icon (placed outside the input field) */
.powermail_form_2 .icon_calendar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 8px !important;
    cursor: pointer !important;
    color: #4a5568 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    user-select: none !important;
    outline: none !important;
    height: 36px !important;
    width: 24px !important;
    transition: color 0.15s ease, transform 0.1s ease !important;
    flex-shrink: 0 !important;
}

.powermail_form_2 .icon_calendar:hover {
    color: #1a202c !important;
}

.powermail_form_2 .icon_calendar:focus {
    outline: none !important;
}

.powermail_form_2 .icon_calendar:active {
    transform: scale(0.92) !important;
}

/* jQuery UI Datepicker Popup Container */
#ui-datepicker-div.ui-datepicker {
    background: #ffffff !important;
    border: 1px solid #bcbcbc !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
    padding: 5px !important;
    width: 228px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
}

/* Datepicker Header Bar */
#ui-datepicker-div .ui-datepicker-header {
    background: linear-gradient(to bottom, #f5f5f5 0%, #dbdbdb 100%) !important;
    border: 1px solid #b8b8b8 !important;
    border-radius: 4px 4px 0 0 !important;
    padding: 4px 0 !important;
    position: relative !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Header Prev / Next Navigation Buttons (Dark circular icons) */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    background: #222222 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 6px !important;
}

#ui-datepicker-div .ui-datepicker-next {
    right: 6px !important;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    text-indent: -99999px !important;
    background: none !important;
    position: relative !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

#ui-datepicker-div .ui-datepicker-prev::after {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 3.5px solid transparent !important;
    border-bottom: 3.5px solid transparent !important;
    border-right: 4.5px solid #ffffff !important;
    margin-right: 1px !important;
}

#ui-datepicker-div .ui-datepicker-next::after {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 3.5px solid transparent !important;
    border-bottom: 3.5px solid transparent !important;
    border-left: 4.5px solid #ffffff !important;
    margin-left: 1px !important;
}

#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
    background: #000000 !important;
}

/* Header Month / Year Title */
#ui-datepicker-div .ui-datepicker-title {
    margin: 0 !important;
    line-height: normal !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #222222 !important;
}

#ui-datepicker-div .ui-datepicker-month {
    font-weight: 700 !important;
    color: #222222 !important;
}

#ui-datepicker-div .ui-datepicker-year {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    background: #ffffff !important;
    border: 1px solid #777777 !important;
    border-radius: 2px !important;
    height: 21px !important;
    padding: 0 3px !important;
    margin: 0 !important;
    outline: none !important;
}

/* Calendar Days Table */
#ui-datepicker-div .ui-datepicker-calendar {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 2px !important;
    margin: 4px 0 0 0 !important;
}

#ui-datepicker-div .ui-datepicker-calendar th {
    padding: 3px 0 !important;
    text-align: center !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    border: none !important;
}

#ui-datepicker-div .ui-datepicker-calendar td {
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
}

#ui-datepicker-div .ui-datepicker-calendar td a,
#ui-datepicker-div .ui-datepicker-calendar td span {
    display: block !important;
    padding: 3px 1px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 11px !important;
    color: #333333 !important;
    border-radius: 1px !important;
    box-sizing: border-box !important;
    height: 20px !important;
    line-height: 14px !important;
}

/* Default day cells (gradient grey background with thin border) */
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default {
    background: linear-gradient(to bottom, #f2f2f2 0%, #e3e3e3 100%) !important;
    border: 1px solid #cccccc !important;
    color: #333333 !important;
    font-weight: 500 !important;
}

/* Hover state */
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-default:hover,
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-hover {
    background: #e8e8e8 !important;
    border-color: #999999 !important;
    color: #000000 !important;
}

/* Today state: highlighted with gold/yellow border */
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a,
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight {
    background: #fbfbf6 !important;
    border: 1px solid #E7A938 !important;
    color: #222222 !important;
    font-weight: 600 !important;
}

/* Selected active day: white background with dark border */
#ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active {
    background: #ffffff !important;
    border: 1px solid #777777 !important;
    color: #111111 !important;
    font-weight: 700 !important;
}


/* reCAPTCHA on step 1, centered under the fields like the live form */
.powermail_form_2 .pm-recaptcha-wrap {
    clear: both;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px 0 25px 0;
    min-height: 78px;
}
.powermail_form_2 .pm-recaptcha-error {
    margin-top: 6px;
    color: #FF0000;
    font-size: 13px;
}

/* Thank-you page (after submit) of this form only: blue "Vielen Dank" heading box above the summary */
.powermail_create[data-powermail-form="2"]::before {
    content: "Vielen Dank für Ihre Anfrage.";
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 53px;
    margin: 0 0 20px 0;
    padding: 15px 17px;
    background-color: #2196F3;
    color: #FFFFFF;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    border-radius: 3px;
}
/* Step 1 "Weiter" button hidden until the captcha is solved (like live, Task 81); the JS removes
   .pm-recaptcha-pending after /pm-recaptcha/verify, then the button shows in the captcha's place */
.powermail_form_2 fieldset.pm-recaptcha-pending .powermail_tab_navigation {
    display: none !important;
}

/* ==============================================================================
   page18.pdf items 1-7 + 12 (2026-09-24): Step 4 vertical spacing = live, measured in px from the
   live screenshot in page18.pdf. Scoped to step 4 via [data-pm-step="4"] (set by
   updateForm2ProgressBar()), so steps 1-3 are unchanged.
   ============================================================================== */
/* 1. page start -> "80% Abgeschlossen" bar */
.powermail_form_2[data-pm-step="4"] {
    padding-top: 33px !important;
}
/* 2. bar -> "Anfrage Privatkredit"  /  3. "Anfrage Privatkredit" -> step legend */
.powermail_form_2[data-pm-step="4"] .powermail_form_title {
    margin-top: 37.76px !important;
    margin-bottom: 57px !important;
}
/* 4. legend line -> "Upload - Lohnabrechnung ..." */
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_upload_lohndokumente_prv {
    margin-top: 56px !important;
}
/* 5. subtitle -> file field (23px) -> "Welche Prioritäten ..." (85px from subtitle) */
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage {
    margin-top: 16px !important;
}
/* 12. label + subtitle = 440.39px x 32px together: one 16px line each, like live (label does not wrap) */
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv label.powermail_label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 16px !important;
    min-height: 16px !important;
    white-space: nowrap !important;
    margin-bottom: 0 !important;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv .powermail_field_description {
    height: 16px !important;
    min-height: 16px !important;
    white-space: nowrap !important;
    margin-bottom: 7px !important;
}
/* 6. "Meine Anfrage wurde bereits anderweitig abgelehnt" -> "Hinweis:" */
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_welcheprioritaetenhatihrefinanzierungsanfrage {
    margin-bottom: 0 !important;
}
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_hinweis {
    margin-top: -5px !important;
}
/* 7. "Hinweis:" text -> "Tag" (live 33px): drop the generic .q_description 44px bottom margin */
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_hinweis {
    margin-bottom: 7px !important;
}
.powermail_form_2[data-pm-step="4"] .powermail_fieldwrap_hinweis .q_description {
    margin-bottom: 0 !important;
}

/* ==============================================================================
   page13.1.pdf + page14.pdf + page15.pdf (2026-09-24): Step 2 "Angaben zur Person" = live,
   measured in px from the live screenshots in page14/page15.pdf (1:1 scale). Step 2 only.
   ============================================================================== */
/* page14 1-3: page start -> bar -> "Anfrage Privatkredit" -> legend (same values as step 4) */
.powermail_form_2[data-pm-step="2"] {
    padding-top: 33px !important;
}
.powermail_form_2[data-pm-step="2"] .powermail_form_title {
    margin-top: 37.76px !important;
    margin-bottom: 57px !important;
}
/* page13.1: legend 609 x 24px; live grey line sits 16.5px below the text box (steps 2 + 4) */
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 > legend.powermail_legend,
.powermail_form_2[data-pm-step="4"] fieldset.powermail_fieldset_16 > legend.powermail_legend {
    box-sizing: content-box !important;
    padding-bottom: 16.5px !important;
}
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 > legend.powermail_legend {
    height: 24px !important;
    min-height: 24px !important;
}
/* page14 4: grey line -> "Anrede *" (live 41px) */
.powermail_form_2[data-pm-step="2"] .powermail_fieldwrap_anrede {
    margin-top: 19px !important;
}
/* page14 5-9 / page15 1, 4-6: every row 91px apart, label -> field 21px (live) */
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap > label.powermail_label {
    margin-bottom: 6px !important;
}
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap_clearer_18,
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap_clearer_16,
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap_clearer_13 {
    margin-bottom: 0 !important;
}
/* page15 2-3 + page13.1: "Geburtsdatum" 95.70 x 16px, 25px under the Wohnort box, Tag row unchanged */
.powermail_form_2[data-pm-step="2"] .powermail_fieldwrap_geburtsdatum {
    width: 95.7px !important;
    max-width: 95.7px !important;
    height: 16px !important;
    margin-top: -1px !important;
    margin-bottom: 21px !important;
}
/* page15 7: "Kinder" field -> buttons (live 74px) */
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 > .powermail_tab_navigation {
    margin-top: 49.5px !important;
}
/* 1px fine-tuning after measuring (legend text -> line 37px, Geburtsdatum -> Tag 46px, rows 91px) */
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 > legend.powermail_legend {
    padding-bottom: 17.5px !important;
}
.powermail_form_2[data-pm-step="2"] .powermail_fieldwrap_anrede {
    margin-top: 18px !important;
}
.powermail_form_2[data-pm-step="2"] .powermail_fieldwrap_geburtsdatum {
    margin-bottom: 20px !important;
}
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap_clearer_16 {
    margin-top: -1px !important;
}
.powermail_form_2[data-pm-step="2"] fieldset.powermail_fieldset_3 .powermail_fieldwrap_clearer_13 {
    margin-bottom: -1px !important;
}

/* Multiple upload: list of selected files with remove button (live parity), 2026-09-24 */
.powermail_form_2 .pm-upload-list {
    list-style: none;
    margin: 6px 0 0 0;
    padding: 0;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #36454E;
}
.powermail_form_2 .pm-upload-list li {
    display: flex;
    align-items: center;
    gap: 6px;
}
.powermail_form_2 .pm-upload-list .pm-upload-remove {
    border: 0;
    background: transparent;
    color: #36454E;
    font-size: 16px;
    line-height: 1;
    padding: 0 4px;
    cursor: pointer;
}
.powermail_form_2 .pm-upload-list .pm-upload-remove:hover {
    color: #FF0000;
}

/* ==============================================================================
   2026-09-24 screenshots (Privatkredit form only)
   ============================================================================== */
/* Buttons: blue on hover like live (Formsite .submit_button:hover = rgb(16,106,183), border #bbb) */
.powermail_form_2 .powermail_tab_navigation button:hover,
.powermail_form_2 .powermail_tab_navigation button:focus-visible,
.powermail_form_2 input.powermail_submit:hover,
.powermail_form_2 input.powermail_submit:focus-visible,
.powermail_form_2 button.powermail_submit:hover,
.powermail_form_2 button.powermail_submit:focus-visible {
    background: #106AB7 !important;
    background-color: #106AB7 !important;
    border-color: #BBBBBB !important;
    color: #FFFFFF !important;
}
/* Step 3 "Bei Arbeitslosigkeit ..." message: live 576.66 x 56px, 16.38px Verdana, #FF0000 */
.powermail_form_2 .powermail_fieldwrap_hinweisarbeitslos_prv {
    max-width: 576.66px !important;
}
.powermail_form_2 .powermail_fieldwrap_hinweisarbeitslos_prv .hinweisarbeitslos_text {
    width: 576.66px !important;
    max-width: 576.66px !important;
    margin: 0 !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 16.38px !important;
    line-height: 18.667px !important;
    color: #FF0000 !important;
}
/* Upload: selected files are listed under the box (pm-upload-list), so hide the browser's own file-name text */
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv input[type="file"] {
    color: transparent !important;
}
.powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv input[type="file"]::file-selector-button {
    color: #36454E;
}
/* "Heutiges Datum": read-only, shown disabled like live */
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv.pm-field-readonly label.powermail_label {
    color: #999999 !important;
}
.powermail_form_2 .powermail_fieldwrap_heutigesdatum_prv.pm-field-readonly input,
.powermail_form_2 input#powermail_field_heutigesdatum_prv {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-color: #CACACA !important;
    color: #999999 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* ==============================================================================
   Mobile / tablet (2026-09-24), measured on www.prinzfinanz.de (Formsite) at 320/375/425/480/481+ px.
   Scoped with the plugin's content element id #c38, so it wins over the desktop pixel rules above and
   affects nothing outside this form.
   ============================================================================== */
.powermail_form_2 .pm-recaptcha-wrap {
    min-height: 144px;
}
@media (max-width: 991px) {
    /* nothing in the form may be wider than the screen */
    .powermail_form_2,
    .powermail_form_2 *,
    #c185 .powermail_form_2,
    #c185 .powermail_form_2 * {
        max-width: 100% !important;
    }
    .powermail_form_2 .powermail_form_title,
    .powermail_form_2 legend.powermail_legend,
    #c185 .powermail_form_2 .powermail_form_title,
    #c185 .powermail_form_2 legend.powermail_legend {
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 991px) {
    /* Mobile / tablet full-width validation error lists per Screenshot from 2026-09-24 17-49-22 */
    .powermail_form_2 .powermail-errors-list,
    .powermail_form_2 .powermail-errors-list > li,
    .powermail_form_2 .powermail_fieldwrap .powermail-errors-list,
    .powermail_form_2 .powermail_fieldwrap .powermail-errors-list > li,
    .powermail_form_2 [class*="powermail_fieldwrap"] .powermail-errors-list,
    .powermail_form_2 [class*="powermail_fieldwrap"] .powermail-errors-list > li,
    #c185 .powermail_form_2 .powermail-errors-list,
    #c185 .powermail_form_2 .powermail-errors-list > li,
    #c185 .powermail_form_2 [class*="powermail_fieldwrap"] .powermail-errors-list,
    #c185 .powermail_form_2 [class*="powermail_fieldwrap"] .powermail-errors-list > li {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Prevent label clipping (e.g. Vorname) per Screenshot from 2026-09-24 17-49-46 */
    .powermail_form_2 label.powermail_label,
    .powermail_form_2 .powermail_fieldwrap_vorname_prv label,
    .powermail_form_2 .powermail_fieldwrap_vorname_prv label.powermail_label,
    .powermail_form_2 fieldset.powermail_fieldset_3 label.powermail_label,
    .powermail_form_2 fieldset label.powermail_label,
    #c185 .powermail_form_2 label.powermail_label,
    #c185 .powermail_form_2 fieldset.powermail_fieldset_3 label.powermail_label {
        white-space: normal !important;
        height: auto !important;
        min-height: 16px !important;
        line-height: normal !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* Tag, Monat, Jahr full width stack on mobile */
    .powermail_form_2 .powermail_fieldwrap_tag,
    .powermail_form_2 .powermail_fieldwrap_monat,
    .powermail_form_2 .powermail_fieldwrap_jahr {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        clear: both !important;
    }
    .powermail_form_2 .powermail_fieldwrap_tag select,
    .powermail_form_2 .powermail_fieldwrap_monat select,
    .powermail_form_2 .powermail_fieldwrap_jahr select {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    /* live phone layout: 21px side margins, everything full width and left-aligned with the heading */
    .powermail_form_2,
    #c185 .powermail_form_2 {
        /* page container already adds 15px: 15 + 6 = 21px from the screen edge, like live */
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    .powermail_form_2 *,
    #c185 .powermail_form_2 * {
        min-width: 0 !important;
    }
    .powermail_form_2 .powermail_form_title,
    .powermail_form_2 legend.powermail_legend,
    .powermail_form_2 .powermail_fieldwrap_info,
    .powermail_form_2 .form_invalid_banner,
    #c185 .powermail_form_2 .powermail_form_title,
    #c185 .powermail_form_2 legend.powermail_legend,
    #c185 .powermail_form_2 .powermail_fieldwrap_info,
    #c185 .powermail_form_2 .form_invalid_banner {
        width: 100% !important;
    }
    /* field boxes keep their 10px padding (grey focus/error box) but are pulled out by 10px, so labels and
       fields start exactly under the heading like live */
    .powermail_form_2 .powermail_fieldwrap:not(.powermail_tab_navigation):not(.powermail_fieldwrap_info):not(.pm-recaptcha-wrap),
    #c185 .powermail_form_2 .powermail_fieldwrap:not(.powermail_tab_navigation):not(.powermail_fieldwrap_info):not(.pm-recaptcha-wrap) {
        float: none !important;
        clear: both !important;
        width: auto !important;
        max-width: none !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .powermail_form_2 .powermail_fieldwrap select,
    .powermail_form_2 .powermail_fieldwrap input[type="text"],
    .powermail_form_2 .powermail_fieldwrap input[type="email"],
    .powermail_form_2 .powermail_fieldwrap input[type="tel"],
    .powermail_form_2 .powermail_fieldwrap input[type="number"],
    .powermail_form_2 .powermail_fieldwrap textarea,
    #c185 .powermail_form_2 .powermail_fieldwrap select,
    #c185 .powermail_form_2 .powermail_fieldwrap input[type="text"],
    #c185 .powermail_form_2 .powermail_fieldwrap input[type="email"],
    #c185 .powermail_form_2 .powermail_fieldwrap input[type="tel"],
    #c185 .powermail_form_2 .powermail_fieldwrap input[type="number"],
    #c185 .powermail_form_2 .powermail_fieldwrap textarea {
        width: 100% !important;
    }
    .powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv label.powermail_label,
    .powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv .powermail_field_description,
    .powermail_form_2 .powermail_fieldwrap_bemerkungen label.powermail_label,
    #c185 .powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv label.powermail_label,
    #c185 .powermail_form_2 .powermail_fieldwrap_upload_lohndokumente_prv .powermail_field_description,
    #c185 .powermail_form_2 .powermail_fieldwrap_bemerkungen label.powermail_label {
        white-space: normal !important;
        height: auto !important;
    }
    .powermail_form_2 .powermail_tab_navigation,
    #c185 .powermail_form_2 .powermail_tab_navigation {
        flex-wrap: wrap !important;
    }
}

/* Button hover on ALL steps across the entire form (Live: rgb(16,106,183)) */
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:hover,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:hover,
.powermail_form_2 .powermail_tab_navigation .btn-primary:hover,
.powermail_form_2 .powermail_tab_navigation .btn-warning:hover,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:focus-visible,
.powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:focus-visible,
.powermail_form_2 .powermail_tab_navigation input.powermail_submit:hover,
.powermail_form_2 .powermail_tab_navigation input.powermail_submit:focus-visible,
.powermail_form_2 input.powermail_submit:hover,
.powermail_form_2 fieldset .powermail_tab_navigation button.powermail_morestep_next:hover,
.powermail_form_2 fieldset .powermail_tab_navigation button.powermail_morestep_prev:hover,
.powermail_form_2 fieldset .powermail_tab_navigation .btn-primary:hover,
.powermail_form_2 fieldset .powermail_tab_navigation .btn-warning:hover,
.powermail_form_2 fieldset .powermail_tab_navigation input[type="submit"]:hover,
.powermail_form_2 fieldset.powermail_fieldset_7 .powermail_tab_navigation .powermail_morestep_next:hover,
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_next:hover,
.powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_prev:hover,
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_next:hover,
.powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_prev:hover,
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation .powermail_morestep_prev:hover,
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit:hover,
#c185 .powermail_form_2 .powermail_tab_navigation .powermail_morestep_next:hover,
#c185 .powermail_form_2 .powermail_tab_navigation .powermail_morestep_prev:hover,
#c185 .powermail_form_2 .powermail_tab_navigation .btn-primary:hover,
#c185 .powermail_form_2 .powermail_tab_navigation .btn-warning:hover,
#c185 .powermail_form_2 input.powermail_submit:hover {
    background: #106AB7 !important;
    background-color: #106AB7 !important;
    background-image: none !important;
    border-color: #BBBBBB !important;
    color: #FFFFFF !important;
}

/* Steps 1 + 3 legend line (2026-09-26): live has an <hr> 609 x 2px (margin 7px) 17.43px below the legend text and
   14px above the intro text. Steps 2 + 4 already had this gap (see page13.1 block above); steps 1 + 3 had the line
   glued directly under the text. */
.powermail_form_2 fieldset.powermail_fieldset_7 > legend.powermail_legend,
.powermail_form_2 fieldset.powermail_fieldset_4 > legend.powermail_legend,
#c185 .powermail_form_2 fieldset.powermail_fieldset_7 > legend.powermail_legend,
#c185 .powermail_form_2 fieldset.powermail_fieldset_4 > legend.powermail_legend {
    box-sizing: content-box !important;
    padding-bottom: 17.43px !important;
}

/* Desktop validation messages (2026-09-26): Tag / Monat / Jahr each show their own message inside their own pink
   box, like live (the 76px list used to stick 20px out of the 76px box, over the next field). The text is cut at
   the box edge exactly like on live. Kinder: message is cut at the edge of its 89px grey box too (Task 97). */
@media (min-width: 992px) {
    .powermail_form_2 fieldset .powermail_fieldwrap_tag .powermail-errors-list,
    .powermail_form_2 fieldset .powermail_fieldwrap_tag .powermail-errors-list > li,
    .powermail_form_2 fieldset .powermail_fieldwrap_monat .powermail-errors-list,
    .powermail_form_2 fieldset .powermail_fieldwrap_monat .powermail-errors-list > li,
    .powermail_form_2 fieldset .powermail_fieldwrap_jahr .powermail-errors-list,
    .powermail_form_2 fieldset .powermail_fieldwrap_jahr .powermail-errors-list > li {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Kinder: grey box stays 89px like live (Task 97, was widened to 159px in Task 94); the 139px message
       is cut at the box edge, same as Tag/Monat/Jahr above */
    .powermail_form_2 fieldset .powermail_fieldwrap_kinder_prv .powermail-errors-list,
    .powermail_form_2 fieldset .powermail_fieldwrap_kinder_prv .powermail-errors-list > li {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Step 3 "Möchtest Du einen Mitantragsteller angeben?" (2026-09-26): the label wraps to 2 lines in its 297px box
   but had a fixed 16px height, so the 2nd line ran under the dropdown - let it grow. */
.powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv label.powermail_label,
#c185 .powermail_form_2 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_prv label.powermail_label {
    height: auto !important;
    min-height: 16px !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* Step 4 submit "Kreditanfrage jetzt kostenlos und schufaneutral senden" (2026-09-26): the text is 456px, the
   473.69px button left only 453.69px inside its 10px side padding, so the last letters were cut. Live shows the
   whole text: 5px side padding keeps the live button size. On phones the button is narrower than the text, so it
   wraps onto two lines there instead of being cut. */
.powermail_form_2 .powermail_tab_navigation input.powermail_submit,
.powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit,
#c185 .powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
@media (max-width: 767px) {
    .powermail_form_2 .powermail_tab_navigation input.powermail_submit,
    .powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit,
    #c185 .powermail_form_2 fieldset.powermail_fieldset_16 .powermail_tab_navigation input.powermail_submit {
        white-space: normal !important;
        height: auto !important;
        min-height: 42px !important;
        line-height: 22px !important;
        padding: 9px 15px !important;
    }
}

/* Thank-you page (after submit), mobile only: the "Folgende Daten wurden übermittelt" table is wider than
   the screen and got cut off on the right; it now scrolls horizontally inside itself (page itself unchanged) */
@media (max-width: 767px) {
    .powermail_create[data-powermail-form="2"] table.table-responsive {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .powermail_create[data-powermail-form="2"] table.table-responsive > tbody {
        display: table;
        width: 100%;
    }
}

/* Phone (<=480px), steps 2 + 3: "<< Zurück" as wide as "Weiter zum nächsten Schritt >>" (both full width, like live),
   and less side padding / letter-spacing so the full ">>" fits in one line at 320px instead of being cut off */
@media (max-width: 480px) {
    .powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_prev,
    .powermail_form_2 fieldset.powermail_fieldset_3 .powermail_tab_navigation .powermail_morestep_next,
    .powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_prev,
    .powermail_form_2 fieldset.powermail_fieldset_4 .powermail_tab_navigation .powermail_morestep_next {
        width: 100% !important;
        max-width: 100% !important;
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 10px !important;
        letter-spacing: normal !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
}

/* Thank-you page (after submit) of this form only: same white space around the content as the KFZ thank-you page
   (KFZ gets it from its .max1170 frame wrapper: 40px 20px up to 1340px, no top padding up to 480px) */
@media (max-width: 1340px) {
    .powermail_create[data-powermail-form="2"] {
        padding: 40px 20px !important;
    }
}
@media (max-width: 480px) {
    .powermail_create[data-powermail-form="2"] {
        padding-top: 0 !important;
    }
}