/* ==========================================================================
   POWERMAIL FORM 4: KFZ-KREDIT (pid=27, #c179)
   Form styling, field layouts, responsive design & custom elements
   ========================================================================== */

/* =============================================================== */
/* === ANFRAGE KFZ-KREDIT (FORM 4 / #c179) 1:1 LIVE ALIGNMENT === */
/* =============================================================== */

/* Column and Container Layout for #c179 matching live */
@media (min-width: 861px) {
    .container.containerContent .row #c179 .ce-col.col-md-9 .container-fluid {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
}
@media (max-width: 860px) {
    .container.containerContent .row #c179 .ce-col.col-md-9 .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/* Eliminate extra 40px top spacing above Anfrage KFZ-Kredit header on mobile (<= 480px) matching live */
@media (max-width: 480px) {
    .container.containerContent .row #c179 .ce-col.col-md-9 .max1170 {
        padding-top: 0px !important;
    }
}
.container.containerContent .row #c179 form.powermail_form_4 {
    max-width: none !important;
    width: 100% !important;
}
@media (min-width: 1200px) {
    .container.containerContent .row #c179 .ce-col.col-md-9 {
        width: 55% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .container.containerContent .row #c179 .ce-col.col-md-3 {
        width: 45% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Form 4 Fieldwrap vertical spacing matching live 25px */
.powermail_form_4 .powermail_fieldwrap {
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap.layout1,
.powermail_form_4 .powermail_fieldwrap.layout2,
.powermail_form_4 .powermail_fieldwrap.layout3,
.powermail_form_4 .powermail_fieldwrap.layout4 {
    margin-bottom: 25px !important;
}

/* Step 1: Info description text spacing matching live */
.powermail_form_4 .powermail_fieldwrap_info_01 p {
    margin: 0 !important;
    padding: 0 !important;
}
.powermail_form_4 .powermail_fieldwrap_info_01 p:last-child {
    display: none !important;
}

/* Step 1: Kreditwunsch & KFZ-Modell 49% matching live */
.powermail_form_4 .powermail_fieldwrap_kreditwunsch_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    margin-right: 1.8% !important;
    clear: none !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_kfz_modellmarke {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_kreditwunsch_kfz input,
.powermail_form_4 .powermail_fieldwrap_kfz_modellmarke input {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 34.84px !important;
}

/* Step 1: Laufzeit, Baujahr, Kauf von, Wofür matching live */
.powermail_form_4 .powermail_fieldwrap_laufzeit {
    width: 14.62% !important;
    max-width: 14.62% !important;
    float: left !important;
    margin-right: 2% !important;
    clear: none !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_baujahr {
    width: 14.62% !important;
    max-width: 14.62% !important;
    float: left !important;
    margin-right: 2% !important;
    clear: none !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_kaufvon {
    width: 14.62% !important;
    max-width: 14.62% !important;
    float: left !important;
    margin-right: 2% !important;
    clear: none !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_wofr_01 {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_laufzeit label,
.powermail_form_4 .powermail_fieldwrap_baujahr label,
.powermail_form_4 .powermail_fieldwrap_kaufvon label,
.powermail_form_4 .powermail_fieldwrap_wofr_01 label {
    display: inline-block !important;
    margin-bottom: 5px !important;
    height: 23px !important;
    line-height: 23px !important;
}
.powermail_form_4 .powermail_fieldwrap_laufzeit select,
.powermail_form_4 .powermail_fieldwrap_kaufvon select,
.powermail_form_4 .powermail_fieldwrap_wofr_01 select {
    height: 31px !important;
    padding: 4px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.powermail_form_4 .powermail_fieldwrap_baujahr input {
    height: 34.84px !important;
    padding: 5px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Geburtsdatum label above Tag, Monat, Jahr */
.powermail_form_4 .powermail_fieldwrap_geburtsdatum {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 5px !important;
    display: block !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 200 !important;
}
.powermail_form_4 .powermail_fieldwrap_geburtsdatum p {
    margin: 0 !important;
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}

/* Step 2: Form Controls (Inputs and Selects) */
.powermail_form_4 .powermail_fieldset_9 .powermail_fieldwrap {
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_vorname_prv {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    margin-right: 1.8% !important;
    clear: left !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_nachname_prv {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: right !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_strassehausnr {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    margin-right: 1.8% !important;
    clear: left !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_plz {
    width: 14.62% !important;
    max-width: 14.62% !important;
    float: left !important;
    margin-right: 2% !important;
    clear: none !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_wohnort {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    clear: left !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldset_9 .powermail_fieldwrap input[type="text"],
.powermail_form_4 .powermail_fieldset_9 .powermail_fieldwrap input[type="number"],
.powermail_form_4 .powermail_fieldwrap_vorname_prv input,
.powermail_form_4 .powermail_fieldwrap_nachname_prv input,
.powermail_form_4 .powermail_fieldwrap_strassehausnr input,
.powermail_form_4 .powermail_fieldwrap_plz input,
.powermail_form_4 .powermail_fieldwrap_wohnort input,
.powermail_form_4 .powermail_fieldwrap_geburtsort input {
    height: 34.84px !important;
    padding: 5px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.powermail_form_4 .powermail_fieldwrap_anrede select {
    width: 160px !important;
    height: 31px !important;
    padding: 4px 15px !important;
    box-sizing: border-box !important;
}
.powermail_form_4 .powermail_fieldset_9 select,
.powermail_form_4 .powermail_fieldwrap_staatsangehoerigkeit-kfz select,
.powermail_form_4 .powermail_fieldwrap_familienstand_kfz select,
.powermail_form_4 .powermail_fieldwrap_wohnsituation_kfz select,
.powermail_form_4 .powermail_fieldwrap_kinder_kfz select {
    height: 31px !important;
    padding: 4px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Tag, Monat, Jahr on row with Geburtsort */
.powermail_form_4 .powermail_fieldwrap_tag,
.powermail_form_4 .powermail_fieldwrap_monat,
.powermail_form_4 .powermail_fieldwrap_jahr {
    width: 14.62% !important;
    max-width: 14.62% !important;
    float: left !important;
    margin-right: 2% !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_jahr {
    margin-right: 0 !important;
}
.powermail_form_4 .powermail_fieldwrap_geburtsort {
    float: right !important;
    width: 49% !important;
    max-width: 49% !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
    clear: none !important;
}

/* Step 2: Geschieden Unterhalt fields open to the right of Familienstand (Page 9) */
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_unterhaltseinnahme-kfz,
.powermail_form_4 .powermail_fieldwrap.layout1.powermail_fieldwrap_unterhaltseinnahme-kfz {
    width: 48.5% !important;
    max-width: 48.5% !important;
    float: right !important;
    clear: right !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
}
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_unterhaltsverpflichtung-kfz,
.powermail_form_4 .powermail_fieldwrap.layout2.powermail_fieldwrap_unterhaltsverpflichtung-kfz {
    width: 48.5% !important;
    max-width: 48.5% !important;
    float: right !important;
    clear: right !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
}

/* Step 2: Wohnsituation Eigentum compact inputs matching Image 1 (Page 10) */
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_eigentumsbelastung_kfz,
.powermail_form_4 .powermail_fieldwrap.layout2.powermail_fieldwrap_eigentumsbelastung_kfz {
    width: 48.5% !important;
    max-width: 48.5% !important;
    float: right !important;
    clear: right !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
}
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_hypothek_kfz,
.powermail_form_4 .powermail_fieldwrap.layout1.powermail_fieldwrap_hypothek_kfz {
    width: 22.5% !important;
    max-width: 22.5% !important;
    float: left !important;
    clear: left !important;
    margin-right: 3.5% !important;
    margin-bottom: 18px !important;
}
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_mieteinnahmen_kfz,
.powermail_form_4 .powermail_fieldwrap.layout2.powermail_fieldwrap_mieteinnahmen_kfz {
    width: 22.5% !important;
    max-width: 22.5% !important;
    float: left !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
}

/* Clearers in Form 4 */
.powermail_form_4 .powermail_fieldwrap[class*="clearer"] {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_clearer_18 {
    height: auto !important;
    margin-bottom: 25px !important;
    display: block !important;
    clear: none !important;
}

/* Step 3: Fields side-by-side matching Live */
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_nettoeinkommen_kfz,
.powermail_form_4 .powermail_fieldwrap.layout2.powermail_fieldwrap_nettoeinkommen_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_berufsgruppe_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_arbeitgeber_kfz,
.powermail_form_4 .powermail_fieldwrap.layout1.powermail_fieldwrap_arbeitgeber_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    /* both, not left: Nettoeinkommen (right) is 5.9px taller than Berufsgruppe (left), so with clear:left
       Arbeitgeber started higher than "Seit wann angestellt?" next to it; now both on one line like live (Task 97) */
    clear: both !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.tx-powermail .powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_seitwannangestellt_kfz,
.powermail_form_4 .powermail_fieldwrap.layout1.powermail_fieldwrap_seitwannangestellt_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_kfz_weitereinformation {
    clear: both !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_sonstigeeinnahmen_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    clear: left !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_mchtensieeinenmitantragstellerangeben_kfz {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    clear: left !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_e_mail {
    width: 49% !important;
    max-width: 49% !important;
    float: left !important;
    clear: left !important;
    margin-right: 1.8% !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_telefon {
    width: 49% !important;
    max-width: 49% !important;
    float: right !important;
    clear: none !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}

/* Step 3 Bemerkungen textarea 100% full width */
.powermail_form_4 .powermail_fieldwrap_bemerkungen,
.tx-powermail .powermail_form_4 .powermail_fieldwrap_bemerkungen,
.powermail_form_4 .powermail_fieldwrap.powermail_fieldwrap_bemerkungen {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_bemerkungen textarea,
.powermail_form_4 #powermail_field_bemerkungen {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 126px !important;
    box-sizing: border-box !important;
}

/* Step 3 AGB and Newsletter Spacing */
.powermail_form_4 .powermail_fieldwrap_agbunddatenschutz {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_newsletter {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 25px !important;
}

/* Fieldsets padding for bottom navigation and progress bar matching Live 40px */
.powermail_form_4 fieldset.powermail_fieldset {
    padding-bottom: 40px !important;
    position: relative !important;
}
@media (max-width: 425px) {
    .powermail_form_4 fieldset.powermail_fieldset {
        padding-bottom: 0 !important;
    }
}

/* Step 3 Submit Button (38px height, 18px font, right aligned) */
.powermail_form_4 .powermail_fieldwrap_type_submit,
.powermail_form_4 .powermail_fieldwrap_kreditantragjetztkostenlospruefen {
    display: block !important;
    float: right !important;
    clear: both !important;
    width: auto !important;
    margin-top: 40px !important;
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_type_submit input[type="submit"],
.powermail_form_4 .powermail_submit {
    float: none !important;
    background: #ff9300 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 20px 2px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 38px !important;
    height: 38px !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
    display: inline-block !important;
}
.powermail_form_4 .powermail_fieldwrap_type_submit input[type="submit"]:hover,
.powermail_form_4 .powermail_submit:hover {
    background-color: #00629c !important;
    color: #ffffff !important;
}

/* Step navigation buttons matching live */
.powermail_form_4 .powermail_tab_navigation {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    height: 38px !important;
    float: none !important;
}
.powermail_form_4 .powermail_tab_navigation .btn-primary,
.powermail_form_4 .powermail_tab_navigation .powermail_morestep_next {
    background: #ff9300 !important;
    height: 38px !important;
    width: auto !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    float: right !important;
    line-height: 22px !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
}
.powermail_form_4 .powermail_tab_navigation .btn-primary:hover,
.powermail_form_4 .powermail_tab_navigation .powermail_morestep_next:hover {
    background-color: #00629c !important;
    color: #ffffff !important;
}
.powermail_form_4 .powermail_tab_navigation .btn-primary.pull-right:before {
    content: "Weiter zum nächsten Schritt" !important;
    color: #ffffff !important;
    font-size: 18px !important;
    padding: 2px 10px !important;
    display: inline-block !important;
}
.powermail_form_4 .powermail_tab_navigation .btn-warning,
.powermail_form_4 .powermail_tab_navigation .powermail_morestep_prev {
    background: #f0ad4e !important;
    border: 1px solid #eea236 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    height: 34px !important;
    line-height: 20px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    float: left !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: block !important;
    margin: 0 !important;
    width: auto !important;
}
.powermail_form_4 .powermail_tab_navigation .btn-warning:hover,
.powermail_form_4 .powermail_tab_navigation .powermail_morestep_prev:hover {
    background: #ec971f !important;
    border-color: #d58512 !important;
    color: #ffffff !important;
}
.powermail_form_4 .powermail_tab_navigation .btn.btn-warning:after {
    content: "Zurück" !important;
    color: #ffffff !important;
    padding: 0 0 0 5px !important;
    display: inline-block !important;
}

/* Info and HTML status wraps */
.powermail_form_4 .powermail_fieldwrap_info {
    margin-bottom: 25px !important;
}
.powermail_form_4 .powermail_fieldwrap_info p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 22.8571px !important;
    font-weight: 200 !important;
    color: #000000 !important;
}
.powermail_form_4 .powermail_fieldwrap_html_status_01,
.powermail_form_4 .powermail_fieldwrap_html_status,
.powermail_form_4 .powermail_fieldwrap_status90 {
    margin-bottom: 0 !important;
}

/* Progress Bars: Hidden on mobile (<= 425px) matching live production; visible from 426px onwards */
@media (max-width: 425px) {
    .powermail_form_4 aside.formStatus30,
    .powermail_form_4 aside.formStatus50,
    .powermail_form_4 aside.formStatus90,
    .powermail_form_4 aside[class*="formStatus"],
    .powermail_form_4 .powermail_fieldwrap_html_status_01,
    .powermail_form_4 .powermail_fieldwrap_html_status,
    .powermail_form_4 .powermail_fieldwrap_status90 {
        display: none !important;
    }
}

@media (min-width: 426px) {
    .powermail_form_4 aside.formStatus30 {
        position: absolute !important;
        bottom: 10px !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 37px !important;
        display: block !important;
        border: 1px solid #ff9300 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    .powermail_form_4 aside.formStatus50,
    .powermail_form_4 aside.formStatus90 {
        position: absolute !important;
        bottom: 20px !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 37px !important;
        display: block !important;
        border: 1px solid #ff9300 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}
.powermail_form_4 aside.formStatus30 div.left {
    display: inline-block !important;
    height: 35px !important;
    background: #ff9300 !important;
    width: 30% !important;
    float: left !important;
}
.powermail_form_4 aside.formStatus30 div.right {
    display: inline-block !important;
    height: 35px !important;
    background: #ffffff !important;
    width: 70% !important;
    float: right !important;
}
.powermail_form_4 aside.formStatus50 div.left {
    display: inline-block !important;
    height: 35px !important;
    background: #ff9300 !important;
    width: 50% !important;
    float: left !important;
}
.powermail_form_4 aside.formStatus50 div.right {
    display: inline-block !important;
    height: 35px !important;
    background: #ffffff !important;
    width: 50% !important;
    float: right !important;
}
.powermail_form_4 aside.formStatus90 div.left {
    display: inline-block !important;
    height: 35px !important;
    background: #ff9300 !important;
    width: 90% !important;
    float: left !important;
}
.powermail_form_4 aside.formStatus90 div.right {
    display: inline-block !important;
    height: 35px !important;
    background: #ffffff !important;
    width: 10% !important;
    float: right !important;
}
.powermail_form_4 aside.formStatus30 span,
.powermail_form_4 aside.formStatus50 span,
.powermail_form_4 aside.formStatus90 span,
.powermail_form_4 aside.formStatus100 span {
    text-align: left !important;
    color: #ffffff !important;
    font-weight: 200 !important;
    font-size: 22px !important;
    padding: 5px 10px !important;
    line-height: 31.4286px !important;
    display: inline-block !important;
    float: left !important;
    width: auto !important;
}

/* Prevent awkward mid-word breaking (e.g. Kreditangeb/ot) matching live production */
.powermail_form_4 p,
.powermail_form_4 .powermail_fieldwrap_type_text {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
}

/* Mobile (<= 425px): Full-width stacked form fields matching live production */
@media (max-width: 425px) {
    .powermail_form_4 .powermail_fieldwrap {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        clear: both !important;
    }
    .powermail_form_4 .powermail_fieldwrap select,
    .powermail_form_4 .powermail_fieldwrap input[type="text"],
    .powermail_form_4 .powermail_fieldwrap input[type="number"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Anrede dropdown retains 160px width matching live production (image 44) */
    .powermail_form_4 .powermail_fieldwrap_anrede select {
        width: 160px !important;
        max-width: 160px !important;
    }
    /* Step 3 Submit Button: full width and responsive font size to prevent horizontal page overflow at 320px */
    .powermail_form_4 .powermail_fieldwrap_type_submit,
    .powermail_form_4 .powermail_fieldwrap_kreditantragjetztkostenlospruefen {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
    .powermail_form_4 .powermail_fieldwrap_type_submit input[type="submit"],
    .powermail_form_4 .powermail_submit {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(12.5px, 3.8vw, 16px) !important;
        padding: 0 4px 2px !important;
        box-sizing: border-box !important;
        text-align: center !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="4"] table.table-responsive {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .powermail_create[data-powermail-form="4"] table.table-responsive > tbody {
        display: table;
        width: 100%;
    }
}