{"id":1499,"date":"2025-08-19T05:54:58","date_gmt":"2025-08-19T05:54:58","guid":{"rendered":"https:\/\/edelmetallshop-aschaffenburg.de\/?page_id=1499"},"modified":"2025-08-19T05:55:39","modified_gmt":"2025-08-19T05:55:39","slug":"multi-step-form-schliessfaecher","status":"publish","type":"page","link":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/multi-step-form-schliessfaecher\/","title":{"rendered":"Multi step form Schlie\u00dff\u00e4cher"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1499\" class=\"elementor elementor-1499\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb06564 e-flex e-con-boxed e-con e-parent\" data-id=\"fb06564\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec4370 eael-gravity-form-button-custom elementor-widget elementor-widget-eael-gravity-form\" data-id=\"1ec4370\" data-element_type=\"widget\" data-widget_type=\"eael-gravity-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"eael-contact-form eael-gravity-form eael-custom-radio-checkbox eael-contact-form-align-default\">\n\t\t        <script type=\"text\/javascript\">var gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});<\/script>\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_3' ><style>#gform_wrapper_3[data-form-index=\"0\"].gform-theme,[data-parent-form=\"3_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg version='1.1' xmlns='http:\/\/www.w3.org\/2000\/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_3' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_3'  action='\/index.php\/wp-json\/wp\/v2\/pages\/1499#gf_3' data-formid='3' novalidate>\n        <div id='gf_progressbar_wrapper_3' class='gf_progressbar_wrapper' data-start-at-zero=''>\n        \t<p class=\"gf_progressbar_title\">Schritt <span class='gf_step_current_page'>1<\/span> von <span class='gf_step_page_count'>3<\/span><span class='gf_step_page_name'><\/span>\n        \t<\/p>\n            <div class='gf_progressbar gf_progressbar_blue' aria-hidden='true'>\n                <div class='gf_progressbar_percentage percentbar_blue percentbar_33' style='width:33%;'><span>33%<\/span><\/div>\n            <\/div><\/div>\n                        <div class='gform-body gform_body'><div id='gform_page_3_1' class='gform_page ' data-js='page-field-id-0' >\n                                    <div class='gform_page_fields'><div id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_3_13\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_13\" ><style>\n  \/* Hide the default Gravity Forms radio field *\/\n  #field_3_19 {\n    display: none;\n  }\n\n  .vault-question-section {\n    padding-top: 40px;\n    font-family: Arial, sans-serif;\n  }\n\n  .vault-question-title {\n    font-size: 22px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .vault-option-container {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .vault-option {\n    width: 200px;\n    height: 200px;\n    background-color: #e0e0e0;\n    border-radius: 15px;\n    text-align: center;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    border: none;\n    padding: 30px 0 0;\n    overflow: hidden;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n  }\n\n  .vault-option:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.2);\n  }\n\n  .vault-option img {\n    max-width: 70px;\n    margin-bottom: 15px;\n  }\n\n  .vault-option-label {\n    background-color: #e6b871;\n    color: black;\n    font-weight: bold;\n    padding: 15px 0;\n    font-size: 18px;\n    width: 100%;\n    text-align: center;\n    margin-top: auto;\n  }\n\n  .vault-option.active {\n    background-color: #c8a956;\n    transform: scale(1.08);\n  }\n<\/style>\n\n<div class=\"vault-question-section\">\n  <div class=\"vault-question-title\">\n    Frage 1:<br>Welche Eigenschaft ist Ihnen bei einem Schlie\u00dffach am wichtigsten?\n  <\/div>\n\n  <div class=\"vault-option-container\">\n    <div class=\"vault-option\" onclick=\"selectVaultOption('Versicherungsschutz', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/shield.png\" alt=\"Versicherungsschutz\">\n      <div class=\"vault-option-label\">Versicherungsschutz<\/div>\n    <\/div>\n\n    <div class=\"vault-option\" onclick=\"selectVaultOption('Anonymit\u00e4t \/ Diskretion', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/user-shield.png\" alt=\"Anonymit\u00e4t \/ Diskretion\">\n      <div class=\"vault-option-label\">Anonymit\u00e4t \/ Diskretion<\/div>\n    <\/div>\n\n    <div class=\"vault-option\" onclick=\"selectVaultOption('Zentrale Lage', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/marker.png\" alt=\"Zentrale Lage\">\n      <div class=\"vault-option-label\">Zentrale Lage<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function selectVaultOption(value, el) {\n    \/\/ Update Gravity Forms hidden radio field (Form ID 1, Field ID 19)\n    const radioInputs = document.querySelectorAll('#input_3_19 input[type=\"radio\"]');\n\n    let matched = false;\n    radioInputs.forEach(input => {\n      if (input.value === value) {\n        input.checked = true;\n        input.dispatchEvent(new Event(\"change\", { bubbles: true })); \/\/ tell GF it's changed\n        matched = true;\n      } else {\n        input.checked = false;\n      }\n    });\n\n    if (!matched) {\n      console.warn(\"No matching radio value found in Gravity Form for:\", value);\n    }\n\n    \/\/ Highlight selected button\n    document.querySelectorAll('.vault-option').forEach(opt => opt.classList.remove('active'));\n    el.classList.add('active');\n\n    \/\/ Auto click \"Next Page\" button\n    const nextButton = document.querySelector('.gform_page_footer .gform_next_button');\n    if (nextButton) {\n      setTimeout(() => nextButton.click(), 400);\n    }\n  }\n<\/script><\/div><fieldset id=\"field_3_19\" class=\"gfield gfield--type-radio gfield--type-choice gfield--input-type-radio gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_19\" ><legend class='gfield_label gform-field-label' >Welche Eigenschaft ist Ihnen bei einem Schlie\u00dffach am wichtigsten?<\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_3_19'>\n\t\t\t<div class='gchoice gchoice_3_19_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_19' type='radio' value='Versicherungsschutz'  id='choice_3_19_0' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_19_0' id='label_3_19_0' class='gform-field-label gform-field-label--type-inline'>Versicherungsschutz<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_19_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_19' type='radio' value='Anonymit\u00e4t \/ Diskretion'  id='choice_3_19_1' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_19_1' id='label_3_19_1' class='gform-field-label gform-field-label--type-inline'>Anonymit\u00e4t \/ Diskretion<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_19_2'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_19' type='radio' value='Zentrale Lage'  id='choice_3_19_2' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_19_2' id='label_3_19_2' class='gform-field-label gform-field-label--type-inline'>Zentrale Lage<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_3_11\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_11\" ><div style=\"font-family: Arial, sans-serif; font-size: 16px; margin-bottom: 20px;\">\n  <h2 style=\"font-size: 22px; font-weight: bold;\">Ihre Vorteile auf einen Blick:<\/h2>\n\n  <div style=\"display: flex; flex-wrap: wrap; gap: 20px;\">\n    <div style=\"flex: 1 1 45%;\">\n      <p>\u2705 <strong>Bankenunabh\u00e4ngig<\/strong> \u2013 volle Kontrolle \u00fcber Ihre Wertsachen<\/p>\n      <p>\u2705 <strong>Anonym & diskret<\/strong> \u2013 keine Weitergabe pers\u00f6nlicher Daten<\/p>\n      <p>\u2705 <strong>Maximale Sicherheit<\/strong> \u2013 modernste Technik, 24\/7 \u00fcberwacht<\/p>\n    <\/div>\n\n    <div style=\"flex: 1 1 45%;\">\n      <p>\u2705 <strong>Versichert<\/strong> \u2013 umfassender Schutz f\u00fcr Ihr Fach inklusive<\/p>\n      <p>\u2705 <strong>Krisenfest<\/strong> \u2013 sicher in jeder Wirtschaftslage<\/p>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div>\n                    <\/div>\n                    <div class='gform-page-footer gform_page_footer top_label'>\n                         <input type='button' id='gform_next_button_3_15' class='gform_next_button gform-theme-button button' onclick='gform.submission.handleButtonClick(this);' value='Weiter'  \/> \n                    <\/div>\n                <\/div>\n                <div id='gform_page_3_2' class='gform_page' data-js='page-field-id-15' style='display:none;'>\n                    <div class='gform_page_fields'>\n                        <div id='gform_fields_3_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_3_18\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_18\" ><style>\n  #field_3_20 {\n    display: none; \/* hide the actual Gravity Forms radio field *\/\n  }\n\n  .vault-question-section {\n    padding-top: 40px;\n    font-family: Arial, sans-serif;\n  }\n\n  .vault-question-title {\n    font-size: 22px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .vault-option-container {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .vault-option {\n    width: 200px;\n    height: 200px;\n    background-color: #e0e0e0;\n    border-radius: 15px;\n    text-align: center;\n    cursor: pointer;\n    transition: transform 0.2s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    border: none;\n    padding: 30px 0 0;\n    overflow: hidden;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n  }\n\n  .vault-option:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.2);\n  }\n\n  .vault-option img {\n    max-width: 70px;\n    margin-bottom: 15px;\n  }\n\n  .vault-option-label {\n    background-color: #e6b871;\n    color: black;\n    font-weight: bold;\n    padding: 15px 0;\n    font-size: 18px;\n    width: 100%;\n    text-align: center;\n    margin-top: auto;\n  }\n\n  .vault-option.active {\n    background-color: #c8a956;\n    transform: scale(1.08);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 600px) {\n    .vault-option-container {\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .vault-option {\n      width: 80%;\n      max-width: 300px;\n    }\n  }\n<\/style>\n\n<div class=\"vault-question-section\">\n  <div class=\"vault-question-title\">\n    Frage 2:<br>Wann m\u00f6chten Sie Ihr Schlie\u00dffach fr\u00fchestens nutzen?\n  <\/div>\n\n  <div class=\"vault-option-container\">\n    <div class=\"vault-option\" onclick=\"selectVaultOption_3_20('Sofort', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/rocket.png\" alt=\"Sofort\">\n      <div class=\"vault-option-label\">Sofort<\/div>\n    <\/div>\n\n    <div class=\"vault-option\" onclick=\"selectVaultOption_3_20('In den n\u00e4chsten 30 Tagen', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/calendar.png\" alt=\"In den n\u00e4chsten 30 Tagen\">\n      <div class=\"vault-option-label\">In den n\u00e4chsten 30 Tagen<\/div>\n    <\/div>\n\n    <div class=\"vault-option\" onclick=\"selectVaultOption_3_20('Sp\u00e4ter \/ noch unsicher', this)\">\n      <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/100\/thinking-bubble.png\" alt=\"Sp\u00e4ter \/ noch unsicher\">\n      <div class=\"vault-option-label\">Sp\u00e4ter \/ noch unsicher<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function selectVaultOption_3_20(value, el) {\n    \/\/ Update Gravity Forms hidden radio field (Form ID 3, Field ID 20)\n    const radioInputs = document.querySelectorAll('#input_3_20 input[type=\"radio\"]');\n\n    let matched = false;\n    radioInputs.forEach(input => {\n      if (input.value === value) {\n        input.checked = true;\n        input.dispatchEvent(new Event(\"change\", { bubbles: true })); \/\/ notify GF\n        matched = true;\n      } else {\n        input.checked = false;\n      }\n    });\n\n    if (!matched) {\n      console.warn(\"No matching radio value found in GF for:\", value);\n    }\n\n    \/\/ Highlight selected button\n    document.querySelectorAll('.vault-option').forEach(opt => opt.classList.remove('active'));\n    el.classList.add('active');\n\n    \/\/ Auto click \"Next Page\" button\n    const nextButton = document.querySelector('.gform_page_footer .gform_next_button');\n    if (nextButton) {\n      setTimeout(() => nextButton.click(), 400);\n    }\n  }\n<\/script><\/div><fieldset id=\"field_3_20\" class=\"gfield gfield--type-radio gfield--type-choice gfield--input-type-radio gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_20\" ><legend class='gfield_label gform-field-label' >Wann m\u00f6chten Sie Ihr Schlie\u00dffach fr\u00fchestens nutzen?<\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_3_20'>\n\t\t\t<div class='gchoice gchoice_3_20_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_20' type='radio' value='Sofort'  id='choice_3_20_0' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_20_0' id='label_3_20_0' class='gform-field-label gform-field-label--type-inline'>Sofort<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_20_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_20' type='radio' value='In den n\u00e4chsten 30 Tagen'  id='choice_3_20_1' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_20_1' id='label_3_20_1' class='gform-field-label gform-field-label--type-inline'>In den n\u00e4chsten 30 Tagen<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_3_20_2'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_20' type='radio' value='Sp\u00e4ter \/ noch unsicher'  id='choice_3_20_2' onchange='gformToggleRadioOther( this )'    \/>\n\t\t\t\t\t<label for='choice_3_20_2' id='label_3_20_2' class='gform-field-label gform-field-label--type-inline'>Sp\u00e4ter \/ noch unsicher<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><\/div>\n                    <\/div>\n                    <div class='gform-page-footer gform_page_footer top_label'>\n                        <input type='button' id='gform_previous_button_3_6' class='gform_previous_button gform-theme-button gform-theme-button--secondary button' onclick='gform.submission.handleButtonClick(this);' value='Zur\u00fcck'  \/> <input type='button' id='gform_next_button_3_6' class='gform_next_button gform-theme-button button' onclick='gform.submission.handleButtonClick(this);' value='Weiter'  \/> \n                    <\/div>\n                <\/div>\n                <div id='gform_page_3_3' class='gform_page' data-js='page-field-id-6' style='display:none;'>\n                    <div class='gform_page_fields'>\n                        <div id='gform_fields_3_3' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_3_7\" class=\"gfield gfield--type-html gfield--input-type-html gfield--width-full gfield_html gfield_html_formatted gfield_no_follows_desc field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_7\" ><div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/metallorum-terminvereinbarung\" style=\"min-width:320px;height:630px;\"><\/div>\n<script type=\"text\/javascript\" src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" async><\/script><\/div><div id=\"field_3_21\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  data-js-reload=\"field_3_21\" ><label class='gfield_label gform-field-label' for='input_3_21'>Phone<\/label><div class='ginput_container'><input name='input_21' id='input_3_21' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_3_21'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><\/div><\/div><\/div>\n        <div class='gform-page-footer gform_page_footer top_label'><input type='submit' id='gform_previous_button_3' class='gform_previous_button gform-theme-button gform-theme-button--secondary button' onclick='gform.submission.handleButtonClick(this);' value='Previous'  \/> <input type='submit' id='gform_submit_button_3' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' value='Absenden'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_3' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_3' id='gform_theme_3' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_3' id='gform_style_settings_3' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='3' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_3' value='WyJ7XCIxOVwiOltcImE0NjA0MGM1OTFkMjk4YTQwNTE1ODQ1ZmVhYTYxNDZmXCIsXCI0ZmIwY2FkOTUxNzM2NTA1YTRmMzVjNWYxMTQ5OWJlOVwiLFwiZTQ3OGZlNjVjNjIxNDE0OTY0NjVhZjJlNGFkNjIyMTZcIl0sXCIyMFwiOltcIjczNjc5MDU3OTYzZjkxNjA0NDAyNGM2NWRlYTFhMmFmXCIsXCIxZjNmOWU1NWYxMzM4OWFmMThjYjAwM2E4MzE1NjhiM1wiLFwiMmFkYjc0YmViOWZhMmQzZTlhOTdkNTU1NmEzOWE2YzRcIl19IiwiMTQ4OTJkNzBkMjU0YmU3N2VlMTc5MzkyZmM3OTE1YzIiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='2' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/div><\/div>\n                        <\/form>\n                        <\/div><script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https:\/\/edelmetallshop-aschaffenburg.de\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https:\/\/edelmetallshop-aschaffenburg.de\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"3\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);                if (event && event.defaultPrevented) {                return;         }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_3\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_3\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_3\" );        let postRenderFired = false;                function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            jQuery( document ).trigger( 'gform_post_render', [3, current_page] );            gform.utils.trigger( { event: 'gform\/postRender', native: false, data: { formId: 3, currentPage: current_page } } );            gform.utils.trigger( { event: 'gform\/post_render', native: false, data: { formId: 3, currentPage: current_page } } );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\t\t\t<\/div>\n            \t\t\t\t<\/div>\n\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":"<p>Schritt 1 von 3 33% Welche Eigenschaft ist Ihnen bei einem Schlie\u00dffach am wichtigsten? Versicherungsschutz Anonymit\u00e4t \/ Diskretion Zentrale Lage Ihre Vorteile auf einen Blick: \u2705 Bankenunabh\u00e4ngig \u2013 volle Kontrolle \u00fcber Ihre Wertsachen \u2705 Anonym &#038; diskret \u2013 keine Weitergabe pers\u00f6nlicher Daten \u2705 Maximale Sicherheit \u2013 modernste Technik, 24\/7 \u00fcberwacht \u2705 Versichert \u2013 umfassender Schutz [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-1499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/pages\/1499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/comments?post=1499"}],"version-history":[{"count":4,"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/pages\/1499\/revisions"}],"predecessor-version":[{"id":1503,"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/pages\/1499\/revisions\/1503"}],"wp:attachment":[{"href":"https:\/\/edelmetallshop-aschaffenburg.de\/index.php\/wp-json\/wp\/v2\/media?parent=1499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}