{"id":10437,"date":"2026-05-22T18:33:37","date_gmt":"2026-05-22T18:33:37","guid":{"rendered":"https:\/\/kredyachf.com\/?page_id=10437"},"modified":"2026-05-23T13:42:49","modified_gmt":"2026-05-23T13:42:49","slug":"kreditantrag","status":"publish","type":"page","link":"https:\/\/kredyachf.com\/fr\/kreditantrag\/","title":{"rendered":"Kreditantrag"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10437\" class=\"elementor elementor-10437\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a55c67f e-flex e-con-boxed e-con e-parent\" data-id=\"a55c67f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b2dce0 elementor-widget elementor-widget-metform\" data-id=\"1b2dce0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_form_multistep_status&quot;:&quot;no&quot;}\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-10479\" data-previous-steps-style=\"\" data-editswitchopen=\"no\" data-response_type=\"alert\" data-erroricon=\"\" data-successicon=\"\" data-messageposition=\"\" class=\"  mf_slide_direction_horizontal no mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"10479\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-1b2dce0-10479\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"10479\"\r\n\t\t\tdata-action=\"https:\/\/kredyachf.com\/fr\/wp-json\/metform\/v1\/entries\/insert\/10479\"\r\n\t\t\tdata-wp-nonce=\"d7f3c78f7e\"\r\n\t\t\tdata-form-nonce=\"1e754e5884\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-10479\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"10479\" className=\"elementor elementor-10479\">\n\t\t\t\t<div className=\"elementor-element elementor-element-149fac9 e-flex e-con-boxed e-con e-parent\" data-id=\"149fac9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-f177b08 elementor-widget elementor-widget-html\" data-id=\"f177b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Kreditantrag \u2013 KREDYACHF<\/title>\r\n<style key=\"1\">\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody {\r\n    font-family: 'Segoe UI', system-ui, sans-serif;\r\n    background: #f8fafc;\r\n    padding: 1rem 0;\r\n}\r\n.kf-wrapper {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n.kf-title {\r\n    text-align: center;\r\n    margin-bottom: 2rem;\r\n}\r\n.kf-title h1 {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin-bottom: 6px;\r\n}\r\n.kf-title p {\r\n    font-size: 0.95rem;\r\n    color: #64748b;\r\n}\r\n\r\n\/* PROGRESS BAR *\/\r\n.kf-progress {\r\n    margin-bottom: 2rem;\r\n}\r\n.kf-progress-bar {\r\n    height: 6px;\r\n    background: #e2e8f0;\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n}\r\n.kf-progress-fill {\r\n    height: 100%;\r\n    background: #d94010;\r\n    border-radius: 10px;\r\n    transition: width 0.4s ease;\r\n    width: 50%;\r\n}\r\n.kf-progress-labels {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 8px;\r\n    font-size: 0.78rem;\r\n    font-weight: 600;\r\n}\r\n.kf-step-label { color: #94a3b8; }\r\n.kf-step-label.active { color: #d94010; }\r\n\r\n\/* CARD *\/\r\n.kf-card {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 2rem 2.5rem;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.07);\r\n    border: 1px solid #e2e8f0;\r\n}\r\n\r\n\/* ERROR BOX *\/\r\n.kf-errors {\r\n    background: #fef2f2;\r\n    border: 1px solid #fca5a5;\r\n    border-radius: 10px;\r\n    padding: 1rem 1.2rem;\r\n    margin-bottom: 1.5rem;\r\n    display: none;\r\n}\r\n.kf-errors p {\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    color: #dc2626;\r\n    margin-bottom: 6px;\r\n}\r\n.kf-errors ul {\r\n    list-style: disc;\r\n    padding-left: 1.2rem;\r\n}\r\n.kf-errors ul li {\r\n    font-size: 0.82rem;\r\n    color: #dc2626;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n\/* FORM GRID *\/\r\n.kf-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1.2rem;\r\n}\r\n.kf-full { grid-column: span 2; }\r\n\r\n\/* FORM GROUP *\/\r\n.kf-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n.kf-label {\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: #1a2f4e;\r\n}\r\n.kf-label span { color: #d94010; }\r\n.kf-input,\r\n.kf-select,\r\n.kf-textarea {\r\n    padding: 0.8rem 1rem;\r\n    border: 1.5px solid #e2e8f0;\r\n    border-radius: 10px;\r\n    font-size: 0.92rem;\r\n    font-family: inherit;\r\n    background: white;\r\n    color: #0f172a;\r\n    outline: none;\r\n    transition: border-color 0.2s, box-shadow 0.2s;\r\n    width: 100%;\r\n}\r\n.kf-input:focus,\r\n.kf-select:focus,\r\n.kf-textarea:focus {\r\n    border-color: #d94010;\r\n    box-shadow: 0 0 0 3px rgba(217,64,16,0.1);\r\n}\r\n.kf-input.error,\r\n.kf-select.error,\r\n.kf-textarea.error {\r\n    border-color: #dc2626;\r\n}\r\n.kf-error-msg {\r\n    font-size: 0.75rem;\r\n    color: #dc2626;\r\n    display: none;\r\n}\r\n.kf-error-msg.show { display: block; }\r\n.kf-textarea { resize: vertical; min-height: 80px; }\r\n\r\n\/* OPTIONAL TOGGLE *\/\r\n.kf-optional-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.82rem;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    background: none;\r\n    border: none;\r\n    font-family: inherit;\r\n    padding: 0.3rem 0;\r\n}\r\n.kf-optional-section {\r\n    display: none;\r\n    margin-top: 0.8rem;\r\n}\r\n.kf-optional-section.open { display: block; }\r\n\r\n\/* BUTTONS *\/\r\n.kf-btn-row {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 10px;\r\n    margin-top: 1.8rem;\r\n}\r\n.kf-btn-back {\r\n    background: white;\r\n    border: 2px solid #e2e8f0;\r\n    color: #64748b;\r\n    padding: 0.8rem 1.5rem;\r\n    border-radius: 50px;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    transition: all 0.2s;\r\n}\r\n.kf-btn-back:hover {\r\n    border-color: #d94010;\r\n    color: #d94010;\r\n}\r\n.kf-btn-next,\r\n.kf-btn-submit {\r\n    background: #d94010;\r\n    color: white;\r\n    border: none;\r\n    padding: 0.8rem 2rem;\r\n    border-radius: 50px;\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    transition: all 0.2s;\r\n}\r\n.kf-btn-next:hover,\r\n.kf-btn-submit:hover {\r\n    background: #b83208;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\/* SUCCESS *\/\r\n.kf-success {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 3rem 2rem;\r\n}\r\n.kf-success-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: #d94010;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 1.5rem;\r\n    font-size: 2rem;\r\n    color: white;\r\n}\r\n.kf-success h2 {\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin-bottom: 0.5rem;\r\n}\r\n.kf-success p {\r\n    font-size: 0.9rem;\r\n    color: #64748b;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* LEGAL *\/\r\n.kf-legal {\r\n    font-size: 0.72rem;\r\n    color: #94a3b8;\r\n    text-align: center;\r\n    margin-top: 1.2rem;\r\n    line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 580px) {\r\n    .kf-grid { grid-template-columns: 1fr; }\r\n    .kf-full { grid-column: span 1; }\r\n    .kf-card { padding: 1.5rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div className=\"kf-wrapper\">\r\n    <div className=\"kf-title\">\r\n        <h1>Kreditantrag<\/h1>\r\n        <p>F\u00fcllen Sie das Formular aus, um Ihren Kredit zu beantragen<\/p>\r\n    <\/div>\r\n\r\n    \r\n    <div className=\"kf-progress\">\r\n        <div className=\"kf-progress-bar\">\r\n            <div className=\"kf-progress-fill\" id=\"progressFill\"><\/div>\r\n        <\/div>\r\n        <div className=\"kf-progress-labels\">\r\n            <span className=\"kf-step-label active\" id=\"label1\">Schritt 1 \u2013 Pers\u00f6nliche Daten<\/span>\r\n            <span className=\"kf-step-label\" id=\"label2\">Schritt 2 \u2013 Kreditdetails<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div className=\"kf-card\">\r\n\r\n        \r\n        <div className=\"kf-errors\" id=\"errorBox\">\r\n            <p>Bitte korrigieren Sie die folgenden Fehler:<\/p>\r\n            <ul id=\"errorList\"><\/ul>\r\n        <\/div>\r\n\r\n        \r\n        <div id=\"step1\">\r\n            <div className=\"kf-grid\">\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Vorname <span>*<\/span><\/label>\r\n                    <input type=\"text\" className=\"kf-input\" id=\"firstName\" placeholder=\"Max\">\r\n                    <span className=\"kf-error-msg\" id=\"err-firstName\">Bitte geben Sie Ihren Vornamen ein<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Nachname <span>*<\/span><\/label>\r\n                    <input type=\"text\" className=\"kf-input\" id=\"lastName\" placeholder=\"Mustermann\">\r\n                    <span className=\"kf-error-msg\" id=\"err-lastName\">Bitte geben Sie Ihren Nachnamen ein<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group kf-full\">\r\n                    <label className=\"kf-label\">E-Mail-Adresse <span>*<\/span><\/label>\r\n                    <input type=\"email\" className=\"kf-input\" id=\"email\" placeholder=\"max@mustermann.ch\">\r\n                    <span className=\"kf-error-msg\" id=\"err-email\">Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group kf-full\">\r\n                    <label className=\"kf-label\">Telefonnummer<\/label>\r\n                    <input type=\"tel\" className=\"kf-input\" id=\"phone\" placeholder=\"+41 75 000 00 00\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            \r\n            <button className=\"kf-optional-toggle\" onclick=\"toggleOptional(this)\" type=\"button\">\r\n                \u25b6 Additional information (optional)\r\n            <\/button>\r\n            <div className=\"kf-optional-section\" id=\"optionalSection\">\r\n                <div className=\"kf-grid\" style=${{ 'margin-top': '0', }}>\r\n                    <div className=\"kf-group kf-full\">\r\n                        <label className=\"kf-label\">Adresse<\/label>\r\n                        <input type=\"text\" className=\"kf-input\" id=\"address\" placeholder=\"Musterstrasse 1, 4005 Basel\">\r\n                    <\/div>\r\n                    <div className=\"kf-group\">\r\n                        <label className=\"kf-label\">Geburtsdatum<\/label>\r\n                        <input type=\"date\" className=\"kf-input\" id=\"birthdate\">\r\n                    <\/div>\r\n                    <div className=\"kf-group\">\r\n                        <label className=\"kf-label\">Nationalit\u00e4t<\/label>\r\n                        <input type=\"text\" className=\"kf-input\" id=\"nationality\" placeholder=\"Schweizer\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div className=\"kf-btn-row\">\r\n                <button className=\"kf-btn-next\" onclick=\"goStep2()\">Weiter \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div id=\"step2\" style=${{ 'display': 'none', }}>\r\n            <div className=\"kf-grid\">\r\n                <div className=\"kf-group kf-full\">\r\n                    <label className=\"kf-label\">Kreditart <span>*<\/span><\/label>\r\n                    <select className=\"kf-select\" id=\"loanType\">\r\n                        <option value=\"\">Kreditart ausw\u00e4hlen<\/option>\r\n                        <option value=\"Investitionskredit\">Investitionskredit<\/option>\r\n                        <option value=\"Autokredit\">Autokredit<\/option>\r\n                        <option value=\"Hypothek\">Hypothek<\/option>\r\n                        <option value=\"Gesch\u00e4ftskredit\">Gesch\u00e4ftskredit<\/option>\r\n                        <option value=\"Studentenkredit\">Studentenkredit<\/option>\r\n                        <option value=\"\u00d6kokredit\">\u00d6kokredit<\/option>\r\n                    <\/select>\r\n                    <span className=\"kf-error-msg\" id=\"err-loanType\">Bitte w\u00e4hlen Sie eine Kreditart<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Kreditbetrag (CHF\/EUR) <span>*<\/span><\/label>\r\n                    <input type=\"number\" className=\"kf-input\" id=\"amount\" placeholder=\"10000\" min=\"1000\">\r\n                    <span className=\"kf-error-msg\" id=\"err-amount\">Der Betrag muss eine g\u00fcltige Zahl sein<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Kreditlaufzeit (Monate) <span>*<\/span><\/label>\r\n                    <input type=\"number\" className=\"kf-input\" id=\"duration\" placeholder=\"60\" min=\"6\" max=\"360\">\r\n                    <span className=\"kf-error-msg\" id=\"err-duration\">Die Laufzeit muss eine g\u00fcltige Zahl sein<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group kf-full\">\r\n                    <label className=\"kf-label\">Verwendungszweck <span>*<\/span><\/label>\r\n                    <textarea className=\"kf-textarea\" id=\"purpose\" placeholder=\"Bitte beschreiben Sie kurz den Kreditzweck...\"><\/textarea>\r\n                    <span className=\"kf-error-msg\" id=\"err-purpose\">Bitte beschreiben Sie kurz den Kreditzweck<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Besch\u00e4ftigungsstatus <span>*<\/span><\/label>\r\n                    <select className=\"kf-select\" id=\"employment\">\r\n                        <option value=\"\">Besch\u00e4ftigungsstatus<\/option>\r\n                        <option value=\"employed\">Angestellt<\/option>\r\n                        <option value=\"self-employed\">Selbst\u00e4ndig<\/option>\r\n                        <option value=\"retired\">Rentner<\/option>\r\n                        <option value=\"unemployed\">Arbeitslos<\/option>\r\n                    <\/select>\r\n                    <span className=\"kf-error-msg\" id=\"err-employment\">Bitte w\u00e4hlen Sie Ihren Besch\u00e4ftigungsstatus<\/span>\r\n                <\/div>\r\n                <div className=\"kf-group\">\r\n                    <label className=\"kf-label\">Monatliches Einkommen (CHF\/EUR) <span>*<\/span><\/label>\r\n                    <input type=\"number\" className=\"kf-input\" id=\"income\" placeholder=\"3000\" min=\"0\">\r\n                    <span className=\"kf-error-msg\" id=\"err-income\">Das Einkommen muss eine g\u00fcltige Zahl sein<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div className=\"kf-btn-row\">\r\n                <button className=\"kf-btn-back\" onclick=\"goStep1()\">\u2190 Zur\u00fcck<\/button>\r\n                <button className=\"kf-btn-submit\" onclick=\"submitForm()\">Antrag einreichen<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div className=\"kf-success\" id=\"successMsg\">\r\n            <div className=\"kf-success-icon\">\u2713<\/div>\r\n            <h2>Antrag erfolgreich eingereicht!<\/h2>\r\n            <p>Vielen Dank f\u00fcr Ihren Kreditantrag.<br\/>\r\n            Unser Team wird sich innerhalb von <strong>48 Stunden<\/strong> bei Ihnen melden.<br\/><br\/>\r\n            Bei Fragen kontaktieren Sie uns:<br\/>\r\n            <strong>contact@kredyachf.com<\/strong> | <strong>+41 75 573 32 30<\/strong><\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p className=\"kf-legal\">\r\n        Ein Kredit stellt eine Verpflichtung dar und muss zur\u00fcckgezahlt werden.<br\/>\r\n        \u00dcberpr\u00fcfen Sie Ihre R\u00fcckzahlungsf\u00e4higkeit, bevor Sie sich verpflichten.\r\n    <\/p>\r\n<\/div>\r\n\r\n${(function(){\r\nfunction toggleOptional(btn) {\r\n    const section = document.getElementById('optionalSection');\r\n    section.classList.toggle('open');\r\n    btn.textContent = section.classList.contains('open')\r\n        ? '\u25bc Additional information (optional)'\r\n        : '\u25b6 Additional information (optional)';\r\n}\r\n\r\nfunction clearErrors() {\r\n    document.querySelectorAll('.kf-error-msg').forEach(el => el.classList.remove('show'));\r\n    document.querySelectorAll('.kf-input, .kf-select, .kf-textarea').forEach(el => el.classList.remove('error'));\r\n    document.getElementById('errorBox').style.display = 'none';\r\n    document.getElementById('errorList').innerHTML = '';\r\n}\r\n\r\nfunction showError(fieldId, show) {\r\n    const field = document.getElementById(fieldId);\r\n    const err = document.getElementById('err-' + fieldId);\r\n    if (show) {\r\n        field.classList.add('error');\r\n        if (err) err.classList.add('show');\r\n    }\r\n    return show;\r\n}\r\n\r\nfunction goStep2() {\r\n    clearErrors();\r\n    let errors = [];\r\n    let valid = true;\r\n\r\n    const firstName = document.getElementById('firstName').value.trim();\r\n    const lastName = document.getElementById('lastName').value.trim();\r\n    const email = document.getElementById('email').value.trim();\r\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n    if (!firstName) { showError('firstName', true); errors.push('Vorname ist erforderlich'); valid = false; }\r\n    if (!lastName) { showError('lastName', true); errors.push('Nachname ist erforderlich'); valid = false; }\r\n    if (!email || !emailRegex.test(email)) { showError('email', true); errors.push('G\u00fcltige E-Mail-Adresse erforderlich'); valid = false; }\r\n\r\n    if (!valid) {\r\n        const errorBox = document.getElementById('errorBox');\r\n        const errorList = document.getElementById('errorList');\r\n        errorList.innerHTML = errors.map(e => `<li>${e}<\/li>`).join('');\r\n        errorBox.style.display = 'block';\r\n        errorBox.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        return;\r\n    }\r\n\r\n    document.getElementById('step1').style.display = 'none';\r\n    document.getElementById('step2').style.display = 'block';\r\n    document.getElementById('progressFill').style.width = '100%';\r\n    document.getElementById('label1').classList.remove('active');\r\n    document.getElementById('label2').classList.add('active');\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n\r\nfunction goStep1() {\r\n    clearErrors();\r\n    document.getElementById('step2').style.display = 'none';\r\n    document.getElementById('step1').style.display = 'block';\r\n    document.getElementById('progressFill').style.width = '50%';\r\n    document.getElementById('label1').classList.add('active');\r\n    document.getElementById('label2').classList.remove('active');\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n\r\nasync function submitForm() {\r\n    clearErrors();\r\n    let errors = [];\r\n    let valid = true;\r\n\r\n    const loanType = document.getElementById('loanType').value;\r\n    const amount = document.getElementById('amount').value;\r\n    const duration = document.getElementById('duration').value;\r\n    const purpose = document.getElementById('purpose').value.trim();\r\n    const employment = document.getElementById('employment').value;\r\n    const income = document.getElementById('income').value;\r\n\r\n    if (!loanType) { showError('loanType', true); errors.push('Bitte w\u00e4hlen Sie eine Kreditart'); valid = false; }\r\n    if (!amount || isNaN(amount) || amount < 1000) { showError('amount', true); errors.push('Der Betrag muss eine g\u00fcltige Zahl sein'); valid = false; }\r\n    if (!duration || isNaN(duration) || duration < 6) { showError('duration', true); errors.push('Die Laufzeit muss eine g\u00fcltige Zahl sein'); valid = false; }\r\n    if (!purpose) { showError('purpose', true); errors.push('Bitte beschreiben Sie kurz den Kreditzweck'); valid = false; }\r\n    if (!employment) { showError('employment', true); errors.push('Bitte w\u00e4hlen Sie Ihren Besch\u00e4ftigungsstatus'); valid = false; }\r\n    if (!income || isNaN(income)) { showError('income', true); errors.push('Das Einkommen muss eine g\u00fcltige Zahl sein'); valid = false; }\r\n\r\n    if (!valid) {\r\n        const errorBox = document.getElementById('errorBox');\r\n        const errorList = document.getElementById('errorList');\r\n        errorList.innerHTML = errors.map(e => `<li>${e}<\/li>`).join('');\r\n        errorBox.style.display = 'block';\r\n        errorBox.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        return;\r\n    }\r\n\r\n    \/\/ Collect all data\r\n    const data = {\r\n        firstName: document.getElementById('firstName').value.trim(),\r\n        lastName: document.getElementById('lastName').value.trim(),\r\n        email: document.getElementById('email').value.trim(),\r\n        phone: document.getElementById('phone').value.trim(),\r\n        address: document.getElementById('address').value.trim(),\r\n        birthdate: document.getElementById('birthdate').value,\r\n        nationality: document.getElementById('nationality').value.trim(),\r\n        loanType, amount, duration, purpose, employment, income\r\n    };\r\n\r\n    \/\/ Send via mailto (fallback)\r\n    const subject = encodeURIComponent(`Neuer Kreditantrag \u2013 ${data.firstName} ${data.lastName}`);\r\n    const body = encodeURIComponent(\r\n`Neuer Kreditantrag eingegangen:\r\n\r\n=== PERS\u00d6NLICHE DATEN ===\r\nName: ${data.firstName} ${data.lastName}\r\nE-Mail: ${data.email}\r\nTelefon: ${data.phone || 'Nicht angegeben'}\r\nAdresse: ${data.address || 'Nicht angegeben'}\r\nGeburtsdatum: ${data.birthdate || 'Nicht angegeben'}\r\nNationalit\u00e4t: ${data.nationality || 'Nicht angegeben'}\r\n\r\n=== KREDITDETAILS ===\r\nKreditart: ${data.loanType}\r\nBetrag: CHF\/EUR ${data.amount}\r\nLaufzeit: ${data.duration} Monate\r\nVerwendungszweck: ${data.purpose}\r\nBesch\u00e4ftigung: ${data.employment}\r\nMonatl. Einkommen: CHF\/EUR ${data.income}\r\n\r\n---\r\nDatum: ${new Date().toLocaleString('de-CH')}\r\n`);\r\n\r\n    \/\/ Try to send via mailto\r\n    window.location.href = `mailto:contact@kredyachf.com?subject=${subject}&body=${body}`;\r\n\r\n    \/\/ Show success\r\n    setTimeout(() => {\r\n        document.getElementById('step2').style.display = 'none';\r\n        document.getElementById('successMsg').style.display = 'block';\r\n        document.getElementById('progressFill').style.width = '100%';\r\n    }, 500);\r\n}\r\n})()}\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c238e6e e-flex e-con-boxed e-con e-parent\" data-id=\"c238e6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e966f2 elementor-widget elementor-widget-metform\" data-id=\"9e966f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_form_multistep_status&quot;:&quot;no&quot;}\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-10496\" data-previous-steps-style=\"\" data-editswitchopen=\"no\" data-response_type=\"alert\" data-erroricon=\"\" data-successicon=\"\" data-messageposition=\"\" class=\"  mf_slide_direction_horizontal no mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"10496\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-9e966f2-10496\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"10496\"\r\n\t\t\tdata-action=\"https:\/\/kredyachf.com\/fr\/wp-json\/metform\/v1\/entries\/insert\/10496\"\r\n\t\t\tdata-wp-nonce=\"d7f3c78f7e\"\r\n\t\t\tdata-form-nonce=\"1e754e5884\"\r\n\t\t\tdata-quiz-summery = \"true\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-10496\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"10496\" className=\"elementor elementor-10496\">\n\t\t\t\t<div className=\"elementor-element elementor-element-4452a9ab e-con-full e-flex e-con e-parent\" data-id=\"4452a9ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-60b12d9d elementor-widget elementor-widget-heading\" data-id=\"60b12d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 className=\"elementor-heading-title elementor-size-default\">Kreditantrag\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-66f43f04 elementor-widget elementor-widget-mf-select\" data-id=\"66f43f04\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-title&quot;,&quot;mf_input_list&quot;:[{&quot;mf_input_option_text&quot;:&quot;Investitionskredit &quot;,&quot;mf_input_option_value&quot;:&quot;value-1&quot;,&quot;_id&quot;:&quot;a89a8af&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Autokredit &quot;,&quot;mf_input_option_value&quot;:&quot;value-2&quot;,&quot;_id&quot;:&quot;d773218&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;mf_input_option_text&quot;:&quot;Hypothek &quot;,&quot;mf_input_option_value&quot;:&quot;value-3&quot;,&quot;_id&quot;:&quot;1c77b6c&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;5cb39f0&quot;,&quot;mf_input_option_text&quot;:&quot;Gesch\\u00e4ftskredit &quot;,&quot;mf_input_option_value&quot;:&quot;Valeur de l\\u2019entr\\u00e9e&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;8d426e4&quot;,&quot;mf_input_option_text&quot;:&quot;Studentenkredit &quot;,&quot;mf_input_option_value&quot;:&quot;Valeur de l\\u2019entr\\u00e9e&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;76d2e8b&quot;,&quot;mf_input_option_text&quot;:&quot;\\u00d6kokredit&quot;,&quot;mf_input_option_value&quot;:&quot;Valeur de l\\u2019entr\\u00e9e&quot;,&quot;mf_input_option_status&quot;:&quot;&quot;,&quot;mf_input_option_selected&quot;:&quot;&quot;}],&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-select.default\">\n\t\t\t\t\t\n\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-select-66f43f04\">\n\t\t\t\t\t${ parent.decodeEntities(`Kreditart`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n            \n            <${props.Select}\n                className=${\"mf-input mf-input-select  \" + ( validation.errors['mf-title'] ? 'mf-invalid' : '' )}\n                classNamePrefix=\"mf_select\"\n                name=\"mf-title\"\n                placeholder=\"${ parent.decodeEntities(`Select`) } \"\n                isSearchable=${false}\n                options=${[{\"label\":\"Investitionskredit \",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Autokredit \",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Hypothek \",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Gesch\\u00e4ftskredit \",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false},{\"label\":\"Studentenkredit \",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false},{\"label\":\"\\u00d6kokredit\",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false}]}\n                value=${parent.getValue(\"mf-title\") ? [{\"label\":\"Investitionskredit \",\"value\":\"value-1\",\"isDisabled\":false},{\"label\":\"Autokredit \",\"value\":\"value-2\",\"isDisabled\":false},{\"label\":\"Hypothek \",\"value\":\"value-3\",\"isDisabled\":false},{\"label\":\"Gesch\\u00e4ftskredit \",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false},{\"label\":\"Studentenkredit \",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false},{\"label\":\"\\u00d6kokredit\",\"value\":\"Valeur de l\\u2019entr\\u00e9e\",\"isDisabled\":false}].filter(item => item.value === parent.getValue(\"mf-title\"))[0] : []}\n                onChange=${(e)=> parent.handleSelect(e, \"mf-title\")}\n                ref=${() => {\n\t\t\t\t                    register({ name: \"mf-title\" }, parent.activateValidation({\"message\":\"Ce champ est n\\u00e9cessaire.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false}));\n                    if ( parent.getValue(\"mf-title\") === '' && false ) {\n\t\t\t\t    parent.setValue( 'mf-title', '', true );\n                        parent.handleChange({\n                            target: {\n                                name: 'mf-title',\n                                value: ''\n                            }\n                        });\n                    }\n                }}\n                \/>\n\n            \t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-title\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`W\u00e4hlen Sie den Darlehenstitel aus dem Dropdown-Men\u00fc aus.`) }  <\/span>\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-4df64a3 e-con-full e-grid e-con e-child\" data-id=\"4df64a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-9c46eb6 elementor-widget elementor-widget-mf-text\" data-id=\"9c46eb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-first-name&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-9c46eb6\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Vorname`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-9c46eb6\"\r\n\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Anderson`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-first-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-first-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`Geben Sie hier Ihren Vornamen ein.`) }  <\/span>\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-2b951a9e elementor-widget elementor-widget-mf-text\" data-id=\"2b951a9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-last-name&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-2b951a9e\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Nachname`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-2b951a9e\"\r\n\t\t\t\tname=\"mf-last-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Mikoo`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-last-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-last-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`Geben Sie hier Ihren Nachnamen ein.`) }  <\/span>\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6b133c59 e-con-full e-grid e-con e-child\" data-id=\"6b133c59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-5398c90f elementor-widget elementor-widget-mf-email\" data-id=\"5398c90f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-5398c90f\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Adresse Email`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-5398c90f\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Veuillez saisir une adresse de messagerie valide\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`Beispiel: xxx@website.com`) }  <\/span>\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-f982608 elementor-widget elementor-widget-mf-telephone\" data-id=\"f982608\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-phone&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-f982608\">\n\t\t\t\t\t${ parent.decodeEntities(`Telefonnummer`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-f982608\" \n\t\t\t\tname=\"mf-phone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-phone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-phone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`Beispiel: +41XXXXXX`) }  <\/span>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-437d30b2 elementor-widget elementor-widget-mf-text\" data-id=\"437d30b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-address-line-1&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-437d30b2\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Ihre Adresse`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-437d30b2\"\r\n\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-address-line-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-12e62977 e-con-full e-flex e-con e-child\" data-id=\"12e62977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-7b063f28 elementor-widget elementor-widget-mf-number\" data-id=\"7b063f28\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-monthly-income&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-number.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-number-7b063f28\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Kreditbetrag`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"number\"\r\n\t\t\t\tstep=\"any\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-mobile-7b063f28\"\r\n\t\t\t\t\t\t\t\tname=\"mf-monthly-income\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-monthly-income'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-monthly-income\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t<span className=\"mf-input-help\"> ${ parent.decodeEntities(`Bitte geben Sie die W\u00e4hrung CHF ein.`) }  <\/span>\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-17551e45 elementor-widget elementor-widget-mf-number\" data-id=\"17551e45\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-monthly-rent-mortgage&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-number.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-number-17551e45\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Kreditlaufzeit`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"number\"\r\n\t\t\t\tstep=\"any\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-mobile-17551e45\"\r\n\t\t\t\t\t\t\t\tname=\"mf-monthly-rent-mortgage\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-monthly-rent-mortgage'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-monthly-rent-mortgage\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c57c82e elementor-widget elementor-widget-mf-text\" data-id=\"c57c82e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-address-line-1&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-c57c82e\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Verwendungszweck`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-c57c82e\"\r\n\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-address-line-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-67bdebf elementor-widget elementor-widget-mf-text\" data-id=\"67bdebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-address-line-1&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-67bdebf\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Monatliches Einkommen`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-67bdebf\"\r\n\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(``) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-address-line-1'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-address-line-1\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-78815bb elementor-widget elementor-widget-mf-gdpr-consent\" data-id=\"78815bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-gdpr-consent&quot;,&quot;mf_input_get_params_enable&quot;:&quot;no&quot;}\" data-widget_type=\"mf-gdpr-consent.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-gdpr-78815bb\">\n\t\t\t\t\t${ parent.decodeEntities(`Zustimmung`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<div className=\"mf-checkbox multi-option-input-type\" id=\"mf-input-gdpr-78815bb\">\n\t\t\t\t<div className=\"mf-checkbox-option\">\n\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-checkbox-input \"\n\t\t\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${ parent.handleOptin }\n\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-gdpr-consent'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"Ce champ est n\\u00e9cessaire.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tSind Sie mit unseren <a href=\"https:\/\/kredyachf.com\/datenschutz\/\">Nutzungsbedingungen<\/a> f\u00fcr die Verwendung Ihrer \u00fcbermittelten Daten einverstanden?\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-7e67f49f elementor-widget__width-auto elementor-widget elementor-widget-mf-button\" data-id=\"7e67f49f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Jetzt einreichen`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10437","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/pages\/10437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/comments?post=10437"}],"version-history":[{"count":13,"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/pages\/10437\/revisions"}],"predecessor-version":[{"id":10698,"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/pages\/10437\/revisions\/10698"}],"wp:attachment":[{"href":"https:\/\/kredyachf.com\/fr\/wp-json\/wp\/v2\/media?parent=10437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}