{"id":50,"date":"2026-05-01T00:00:00","date_gmt":"2026-05-01T00:00:00","guid":{"rendered":"https:\/\/portal.modual.ch\/?page_id=50"},"modified":"2026-06-25T06:18:06","modified_gmt":"2026-06-25T06:18:06","slug":"konfigurator","status":"publish","type":"page","link":"https:\/\/portal.modual.ch\/en_us\/konfigurator\/","title":{"rendered":"Configurator"},"content":{"rendered":"<div id=\"mc-configurator-wrapper\" data-lang=\"de\" data-b2b-path=\"0\">\n\n            <!-- FUNNEL FORM -->\n            <main id=\"mc-funnel-page\">\n                <form id=\"mc-funnel-form\" action=\"\">\n\n                    <!-- Progress Indicator -->\n                    <div class=\"mc-progress-bar\" id=\"mc-progress-bar\" style=\"display: none;\">\n                        <div class=\"mc-progress-fill\" id=\"mc-progress-fill\"><\/div>\n                        <span class=\"mc-progress-text\" id=\"mc-progress-text\"><\/span>\n                    <\/div>\n\n                    <!-- ==================== SCREEN 1: WELCOME ==================== -->\n                                        <fieldset class=\"mc-screen active\" id=\"mc-screen-1\">\n                        <div class=\"mc-welcome-screen\">\n                                                        <div class=\"mc-welcome-image\">\n                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/uploads\/2026\/06\/AC_1x3-scaled.png\" alt=\"\">\n                            <\/div>\n                                                        <div class=\"mc-screen-header\">\n                                <h1 data-i18n=\"form.header_title\">Batteriespeicher Konfigurator<\/h1>\n                                <p class=\"mc-welcome-subtitle\" data-i18n=\"form.header_description\">Berechnen Sie Ihre ideale Batteriespeicherkapazit\u00e4t basierend auf Ihren Energiebed\u00fcrfnissen und fordern Sie ein personalisiertes Angebot an.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- ==================== SCREEN 2: PV SYSTEM ==================== -->\n                    <fieldset class=\"mc-screen\" id=\"mc-screen-2\">\n                        <div class=\"mc-screen-header\">\n                            <h1 data-i18n=\"screen2.title\">Your solar system<\/h1>\n                        <\/div>\n\n                        <!-- PV Status -->\n                        <div class=\"mc-input-group\">\n                            <h2 data-i18n=\"screen2.pv_status_title\">Do you already have a solar system?<\/h2>\n                            <div class=\"mc-radio-group mc-radio-inline\">\n                                <div class=\"mc-radio-option\">\n                                    <input type=\"radio\" id=\"mc-system-existing\" name=\"pv-system-status\" value=\"existing\">\n                                    <label for=\"mc-system-existing\">\n                                        <div class=\"mc-label-content\">\n                                            <h5 class=\"mc-no-margin\" data-i18n=\"screen2.status_existing\">Yes, in operation<\/h5>\n                                        <\/div>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"mc-radio-option\">\n                                    <input type=\"radio\" id=\"mc-system-planned\" name=\"pv-system-status\" value=\"planned\">\n                                    <label for=\"mc-system-planned\">\n                                        <div class=\"mc-label-content\">\n                                            <h5 class=\"mc-no-margin\" data-i18n=\"screen2.status_planned\">No, in planning<\/h5>\n                                        <\/div>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Hybrid inverter recommendation (hidden by default, shown when PV planned) -->\n                        <div class=\"mc-hybrid-inverter-notice mc-hidden\" id=\"mc-hybrid-inverter-notice\">\n                            <div class=\"mc-notice-content\">\n                                <div class=\"mc-notice-icon\">\ud83d\udca1<\/div>\n                                <p class=\"mc-hybrid-inverter-description\" data-i18n=\"screen2.hybrid_recommendation_title\">We recommend a modular hybrid inverter and will provide you with an offer accordingly.<\/p>\n\n                            <\/div>\n                            <div class=\"mc-notice-content\">\n                                <div class=\"mc-hybrid-inverter-choice mc-radio-group\">\n                                    <div class=\"mc-radio-option\">\n                                        <input type=\"radio\" id=\"mc-wants-modual-inverter\" name=\"hybrid-inverter-choice\" value=\"wants-modual\" checked>\n                                        <label for=\"mc-wants-modual-inverter\">\n                                            <div class=\"mc-label-content\">\n                                                <h5 class=\"mc-no-margin\" data-i18n=\"screen2.hybrid_yes\">Yes, offer me a battery including a hybrid inverter.<\/h5>\n                                            <\/div>\n                                        <\/label>\n                                    <\/div>\n                                    <div class=\"mc-radio-option\">\n                                        <input type=\"radio\" id=\"mc-has-own-inverter\" name=\"hybrid-inverter-choice\" value=\"has-own\">\n                                        <label for=\"mc-has-own-inverter\">\n                                            <div class=\"mc-label-content\">\n                                                <h5 class=\"mc-no-margin\" data-i18n=\"screen2.hybrid_no\">No, I already have an inverter.<\/h5>\n                                            <\/div>\n                                        <\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- PV Size -->\n                        <div class=\"mc-input-group\" id=\"mc-pv-size-group\">\n                            <h2 id=\"mc-pv-size-title\" data-i18n=\"screen2.pv_size_title\">What is the size of your investment?<\/h2>\n                            <div class=\"mc-slider-group\">\n                                <input type=\"range\" id=\"mc-pv-slider\" min=\"3\" max=\"50\" step=\"0.5\" value=\"15\">\n                                <div class=\"mc-slider-value\">\n                                    <input type=\"number\" id=\"mc-pv-system-size\" name=\"pv-system-size\" step=\"0.1\" min=\"1\" max=\"1000\" value=\"15\"> <span>kWp<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Inverter (only for existing PV) -->\n                        <div class=\"mc-input-group mc-hidden\" id=\"mc-inverter-group\">\n                            <h2 data-i18n=\"screen2.inverter_title\">Which inverter?<\/h2>\n                            <div class=\"mc-custom-dropdown\">\n                                <div class=\"mc-dropdown-selected\" id=\"mc-inverter-dropdown-selected\">\n                                    <span class=\"mc-selected-text\" data-i18n=\"screen2.inverter_placeholder\">Please choose.<\/span>\n                                    <div class=\"mc-selected-logo\"><\/div>\n                                    <svg class=\"mc-dropdown-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6,9 12,15 18,9\"><\/polyline><\/svg>\n                                <\/div>\n                                <div class=\"mc-dropdown-options\" id=\"mc-inverter-dropdown-options\">\n                                    <div class=\"mc-dropdown-option\" data-value=\"not-yet-determined\">\n                                        <span class=\"mc-option-text\" data-i18n=\"formstep_2.not_determined\">Not yet determined<\/span>\n                                    <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"Solis S6-EH3P(8-15)K02-NV-YD-L\">\n                                        <span class=\"mc-option-text\">Solis S6-EH3P(8-15)K02-NV-YD-L<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/solis-logo.png\" alt=\"Solis S6-EH3P(8-15)K02-NV-YD-L\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"SolarEdge StorEdge SExK-RWS\">\n                                        <span class=\"mc-option-text\">SolarEdge StorEdge SExK-RWS<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/solaredge-logo.svg\" alt=\"SolarEdge StorEdge SExK-RWS\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"SMA Sunny Island\">\n                                        <span class=\"mc-option-text\">SMA Sunny Island<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/sma-logo.png\" alt=\"SMA Sunny Island\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"Studer next3\">\n                                        <span class=\"mc-option-text\">Studer next3<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/studer-logo.svg\" alt=\"Studer next3\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"Victron MultiPlus II 48\/5000\/70-50 GX\">\n                                        <span class=\"mc-option-text\">Victron MultiPlus II 48\/5000\/70-50 GX<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/victron-logo.png\" alt=\"Victron MultiPlus II 48\/5000\/70-50 GX\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"Victron MultiPlus II 48\/3000\/35-32 GX\">\n                                        <span class=\"mc-option-text\">Victron MultiPlus II 48\/3000\/35-32 GX<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/victron-logo.png\" alt=\"Victron MultiPlus II 48\/3000\/35-32 GX\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"Victron MultiPlus 48\/3000\/35-16\">\n                                        <span class=\"mc-option-text\">Victron MultiPlus 48\/3000\/35-16<\/span>\n                                                                                <img decoding=\"async\" src=\"https:\/\/portal.modual.ch\/wp-content\/plugins\/modual-wp-configurator\/assets\/logos\/victron-logo.png\" alt=\"Victron MultiPlus 48\/3000\/35-16\" class=\"mc-option-logo\">\n                                                                            <\/div>\n                                                                        <div class=\"mc-dropdown-option\" data-value=\"other\">\n                                        <span class=\"mc-option-text\" data-i18n=\"screen2.inverter_other\">Other \/ Don't know<\/span>\n                                    <\/div>\n                                <\/div>\n                                <input type=\"hidden\" id=\"mc-inverter-type\" name=\"inverter-type\">\n                            <\/div>\n                            <div class=\"mc-inverter-input\">\n                                <input type=\"text\" id=\"mc-other-inverter-specification\" name=\"other-inverter-specification\" data-i18n=\"formstep_2.other_placeholder\" placeholder=\"Please specify your inverter model\" disabled>\n                            <\/div>\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- ==================== SCREEN 3: CONSUMPTION ==================== -->\n                    <fieldset class=\"mc-screen\" id=\"mc-screen-3\">\n                        <div class=\"mc-screen-header\">\n                            <h1 data-i18n=\"screen3.title\">Your energy consumption<\/h1>\n                        <\/div>\n\n                        <!-- Persons -->\n                        <div class=\"mc-input-group\">\n                            <h2 data-i18n=\"screen3.persons_title\">Household members<\/h2>\n                            <div class=\"mc-stepper\">\n                                <button type=\"button\" class=\"mc-stepper-btn mc-stepper-minus\" id=\"mc-persons-minus\">-<\/button>\n                                <input type=\"number\" id=\"mc-household-persons\" name=\"household-persons\" value=\"3\" min=\"1\" max=\"20\" step=\"1\" required>\n                                <button type=\"button\" class=\"mc-stepper-btn mc-stepper-plus\" id=\"mc-persons-plus\">+<\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Consumers -->\n                        <div class=\"mc-input-group\">\n                            <h2 data-i18n=\"screen3.consumers_title\">Optional large consumers<\/h2>\n                            <!-- Heat Pump -->\n                            <div class=\"mc-consumer-option\">\n                                <div class=\"mc-consumer-header\">\n                                    <input type=\"checkbox\" id=\"mc-heat-pump-checkbox\" name=\"heat-pump\">\n                                    <h5 class=\"mc-no-margin\" data-i18n=\"screen3.heat_pump\">Heat pump<\/h5>\n                                <\/div>\n                                <div class=\"mc-consumer-input\">\n                                    <div class=\"mc-slider-group\">\n                                        <input type=\"range\" id=\"mc-heat-pump-slider\" min=\"1\" max=\"30\" step=\"0.5\" value=\"5\">\n                                        <div class=\"mc-slider-value\">\n                                            <input type=\"number\" id=\"mc-heat-pump-consumption\" name=\"heat-pump-consumption\" step=\"0.1\" min=\"0\" max=\"100\" disabled> <span data-i18n=\"units.kwh_day\">kWh\/Day<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- Electric Vehicle -->\n                            <div class=\"mc-consumer-option\">\n                                <div class=\"mc-consumer-header\">\n                                    <input type=\"checkbox\" id=\"mc-electric-vehicle-checkbox\" name=\"electric-vehicle\">\n                                    <h5 class=\"mc-no-margin\" data-i18n=\"screen3.electric_vehicle\">Electric car<\/h5>\n                                <\/div>\n                                <div class=\"mc-consumer-input\">\n                                    <div class=\"mc-slider-group\">\n                                        <input type=\"range\" id=\"mc-ev-slider\" min=\"5\" max=\"150\" step=\"5\" value=\"30\">\n                                        <div class=\"mc-slider-value\">\n                                            <input type=\"number\" id=\"mc-electric-vehicle-consumption\" name=\"electric-vehicle-consumption\" step=\"1\" min=\"0\" max=\"500\" disabled> <span data-i18n=\"units.km_day\">km\/day<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!-- Other -->\n                            <div class=\"mc-consumer-option\">\n                                <div class=\"mc-consumer-header\">\n                                    <input type=\"checkbox\" id=\"mc-other-consumers-checkbox\" name=\"other-consumers\">\n                                    <h5 class=\"mc-no-margin\" data-i18n=\"screen3.other_consumers\">\u26a1 Additional consumers (pool, etc.)<\/h5>\n                                <\/div>\n                                <div class=\"mc-consumer-input\">\n                                    <div class=\"mc-slider-group\">\n                                        <input type=\"range\" id=\"mc-other-slider\" min=\"0.5\" max=\"20\" step=\"0.5\" value=\"2\">\n                                        <div class=\"mc-slider-value\">\n                                            <input type=\"number\" id=\"mc-other-consumers-consumption\" name=\"other-consumers-consumption\" step=\"0.1\" min=\"0\" max=\"500\" disabled> <span data-i18n=\"units.kwh_day\">kWh\/Day<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- EMS -->\n                        <div class=\"mc-input-group\">\n                            <h2 data-i18n=\"screen3.ems_title\">Energy Management System (EMS)<\/h2>\n                            <p class=\"mc-input-help\" data-i18n=\"screen3.ems_help\">An EMS optimizes the self-consumption of your solar system.<\/p>\n                            <div class=\"mc-radio-group mc-radio-inline\">\n                                <div class=\"mc-radio-option\">\n                                    <input type=\"radio\" id=\"mc-ems-no\" name=\"has-ems\" value=\"no\" checked>\n                                    <label for=\"mc-ems-no\">\n                                        <div class=\"mc-label-content\">\n                                            <h5 class=\"mc-no-margin\" data-i18n=\"screen3.ems_no\">No, no EMS available<\/h5>\n                                        <\/div>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"mc-radio-option\">\n                                    <input type=\"radio\" id=\"mc-ems-yes\" name=\"has-ems\" value=\"yes\">\n                                    <label for=\"mc-ems-yes\">\n                                        <div class=\"mc-label-content\">\n                                            <h5 class=\"mc-no-margin\" data-i18n=\"screen3.ems_yes\">Yes, EMS is available<\/h5>\n                                        <\/div>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mc-ems-selection\" id=\"mc-ems-selection\" style=\"display: none;\">\n                                <div class=\"mc-custom-dropdown\">\n                                    <div class=\"mc-dropdown-selected\" id=\"mc-ems-dropdown-selected\">\n                                        <span class=\"mc-selected-text\" data-i18n=\"screen3.ems_select_placeholder\">Please choose.<\/span>\n                                        <svg class=\"mc-dropdown-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6,9 12,15 18,9\"><\/polyline><\/svg>\n                                    <\/div>\n                                    <div class=\"mc-dropdown-options\" id=\"mc-ems-dropdown-options\">\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"Solarmanager\">\n                                            <span class=\"mc-option-text\">Solar Manager<\/span>\n                                        <\/div>\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"Loxone\">\n                                            <span class=\"mc-option-text\">Loxone<\/span>\n                                        <\/div>\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"SmartFox\">\n                                            <span class=\"mc-option-text\">SmartFox<\/span>\n                                        <\/div>\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"HelionOne\">\n                                            <span class=\"mc-option-text\">HelionOne<\/span>\n                                        <\/div>\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"SolarLog\">\n                                            <span class=\"mc-option-text\">SolarLog<\/span>\n                                        <\/div>\n                                                                                <div class=\"mc-dropdown-option\" data-value=\"other\">\n                                            <span class=\"mc-option-text\" data-i18n=\"screen3.ems_other\">Other (manual entry)<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <input type=\"hidden\" id=\"mc-ems-type\" name=\"ems-type\">\n                                <\/div>\n                                <div class=\"mc-ems-custom-input\" id=\"mc-ems-custom-input\" style=\"display: none;\">\n                                    <input type=\"text\" id=\"mc-ems-custom\" name=\"ems-custom\" data-i18n=\"screen3.ems_custom_placeholder\" placeholder=\"Enter EMS type...\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- ==================== SCREEN 4: RESULT + CONTACT ==================== -->\n                    <fieldset class=\"mc-screen\" id=\"mc-screen-4\">\n                        <div class=\"mc-screen-header\">\n                            <h1 data-i18n=\"screen4.title\">Your recommendation<\/h1>\n                        <\/div>\n\n                        <!-- V2: Grossprojekt Banner (>200 kWh, hidden by default) -->\n                        <div class=\"mc-grossprojekt-banner mc-hidden\" id=\"mc-grossprojekt-banner\">\n                            <div class=\"mc-grossprojekt-icon\">Building construction<\/div>\n                            <div class=\"mc-grossprojekt-content\">\n                                <strong data-i18n=\"screen4.grossprojekt_title\">Major project identified<\/strong>\n                                <p data-i18n=\"screen4.grossprojekt_text\">For projects over 200 kWh, we will prepare a personalized offer for you. Please fill out the form and our team will contact you within 24 hours.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- V2: Product Comparison Cards (Gut \/ Empfohlen \/ Premium) -->\n                        <div class=\"mc-product-comparison\" id=\"mc-product-comparison\">\n                            <div class=\"mc-comparison-actions\" id=\"mc-comparison-actions\" style=\"display:none;\">\n                                <button type=\"button\" id=\"mc-compare-btn\" class=\"mc-btn-outline\">\n                                    <span data-i18n=\"screen4.compare_btn\">Produkte vergleichen<\/span>\n                                <\/button>\n                            <\/div>\n                            <!-- Loading skeleton (shown while products are fetched) -->\n                            <div id=\"mc-screen4-loader\" class=\"mc-hidden\" aria-hidden=\"true\">\n                                <div class=\"mc-skeleton-actions\">\n                                    <div class=\"mc-skeleton-btn\"><\/div>\n                                <\/div>\n                                <div class=\"mc-screen4-loader\">\n                                                                        <div class=\"mc-skeleton-card\">\n                                        <div class=\"mc-skeleton-image\"><\/div>\n                                        <div class=\"mc-skeleton-body\">\n                                            <div class=\"mc-skeleton-info\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-title\"><\/div>\n                                                <div class=\"mc-skeleton-chips\">\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"mc-skeleton-footer\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-price\"><\/div>\n                                                <div class=\"mc-skeleton-cta-group\">\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"mc-skeleton-card\">\n                                        <div class=\"mc-skeleton-image\"><\/div>\n                                        <div class=\"mc-skeleton-body\">\n                                            <div class=\"mc-skeleton-info\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-title\"><\/div>\n                                                <div class=\"mc-skeleton-chips\">\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"mc-skeleton-footer\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-price\"><\/div>\n                                                <div class=\"mc-skeleton-cta-group\">\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                        <div class=\"mc-skeleton-card\">\n                                        <div class=\"mc-skeleton-image\"><\/div>\n                                        <div class=\"mc-skeleton-body\">\n                                            <div class=\"mc-skeleton-info\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-title\"><\/div>\n                                                <div class=\"mc-skeleton-chips\">\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                    <span class=\"mc-skeleton-chip\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"mc-skeleton-footer\">\n                                                <div class=\"mc-skeleton-line mc-skeleton-price\"><\/div>\n                                                <div class=\"mc-skeleton-cta-group\">\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                    <div class=\"mc-skeleton-cta\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"mc-comparison-cards\" id=\"mc-comparison-cards\">\n                                <!-- JS renders 3 cards here -->\n                            <\/div>\n                        <\/div>\n\n                        <!-- V2: Upsell Modal (shown after add-to-cart) -->\n                        <div class=\"mc-upsell-modal-overlay mc-hidden\" id=\"mc-upsell-modal-overlay\">\n                            <div class=\"mc-upsell-modal\">\n                                <div class=\"mc-upsell-modal-header\">\n                                    <h3 data-i18n=\"screen4.upsell_modal_title\">Recommended Accessories<\/h3>\n                                    <p class=\"mc-upsell-modal-subtitle\" data-i18n=\"screen4.upsell_modal_subtitle\">In keeping with your storage, we recommend:<\/p>\n                                <\/div>\n                                <div class=\"mc-upsell-modal-items\" id=\"mc-upsell-modal-items\">\n                                    <!-- JS renders upsell items here -->\n                                <\/div>\n                                <div class=\"mc-upsell-modal-footer\">\n                                    <button type=\"button\" class=\"mc-btn-primary\" id=\"mc-upsell-continue-btn\" data-i18n=\"screen4.upsell_continue\">Proceed to checkout<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- ==================== SCREEN INSTALLER: SELECTION ==================== -->\n                    <fieldset class=\"mc-screen\" id=\"mc-screen-installer\">\n                        <div class=\"mc-screen-header\">\n                            <h1 data-i18n=\"installer_step.title\">Beratung bei einem Installateur anfragen<\/h1>\n                            <p class=\"mc-installer-subtitle\" data-i18n=\"installer_step.subtitle\">W\u00e4hlen Sie einen Installateur aus, mit dem Sie kontakt aufnehmen m\u00f6chten<\/p>\n                        <\/div>\n\n                        <div class=\"mc-installer-step\">\n                            <!-- Standort-\/Status-Hinweis -->\n                            <div class=\"mc-installer-geo-notice mc-hidden\" id=\"mc-installer-geo-notice\"><\/div>\n\n                            <!-- Such-\/Filterleiste (gleiches Design wie die Installateur-Karte) -->\n                            <div class=\"mc-map-filters\">\n                                <div class=\"mc-map-search\">\n                                    <input type=\"text\" id=\"mc-installer-search-input\"\n                                           placeholder=\"PLZ, Ort oder Installateur \u2026\"\n                                           autocomplete=\"off\">\n                                    <button type=\"button\" id=\"mc-installer-search-btn\" class=\"mc-map-search-btn mc-btn-primary mc-btn-sm\" aria-label=\"PLZ, Ort oder Installateur \u2026\">\n                                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n                                    <\/button>\n                                <\/div>\n                                <div class=\"mc-map-filter-group\">\n                                    <select id=\"mc-installer-radius\" class=\"mc-map-select\">\n                                        <option value=\"10\">10 km<\/option>\n                                        <option value=\"25\" selected>25 km<\/option>\n                                        <option value=\"50\">50 km<\/option>\n                                        <option value=\"100\">100 kilometers<\/option>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Karte ein-\/ausblenden (standardm\u00e4\u00dfig verborgen) -->\n                            <button type=\"button\" class=\"mc-step-map-toggle\" id=\"mc-installer-map-toggle\"\n                                    aria-expanded=\"false\" aria-controls=\"mc-installer-step-map\">\n                                <i data-lucide=\"map\" aria-hidden=\"true\"><\/i>\n                                <span class=\"mc-step-map-toggle-label\" data-i18n=\"installer_step.show_map\">Karte anzeigen<\/span>\n                            <\/button>\n\n                            <div class=\"mc-installer-step-body\">\n                                <!-- Auswahl-Liste -->\n                                <div class=\"mc-installer-step-list\" id=\"mc-installer-step-list\">\n                                    <div class=\"mc-installer-step-loading\" id=\"mc-installer-step-loading\">\n                                        <i data-lucide=\"loader-circle\" class=\"mc-installer-step-spinner\" aria-hidden=\"true\"><\/i>\n                                        <span data-i18n=\"installer_step.locating\">Ihr Standort wird ermittelt \u2026<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!-- Leaflet-Karte -->\n                                <div class=\"mc-installer-step-map\" id=\"mc-installer-step-map\">\n                                    <div id=\"mc-installer-step-leaflet\" class=\"mc-installer-step-leaflet\"><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"mc-installer-step-nav\">\n                                <button type=\"button\" class=\"mc-btn-outline\" id=\"mc-installer-back-btn\">\n                                    <span data-i18n=\"screen4.back\">Back<\/span>\n                                <\/button>\n                                <button type=\"button\" class=\"mc-btn-primary\" id=\"mc-installer-continue-btn\">\n                                    <span data-i18n=\"installer_step.continue\">Next<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- ==================== SCREEN 5: CONTACT FORM ==================== -->\n                    <fieldset class=\"mc-screen\" id=\"mc-screen-5\">\n                        <!-- Zusammenfassung: gew\u00e4hltes Produkt + Installateur -->\n                        <div class=\"mc-form-summary mc-hidden\" id=\"mc-form-summary\">\n                            <div class=\"mc-form-summary-item\" id=\"mc-form-summary-product\">\n                                <span class=\"mc-form-summary-label\" data-i18n=\"form_summary.product\">Ausgew\u00e4hltes Produkt<\/span>\n                                <div class=\"mc-form-summary-card\">\n                                    <img decoding=\"async\" class=\"mc-form-summary-img\" id=\"mc-summary-product-img\" src=\"\" alt=\"\" hidden>\n                                    <div class=\"mc-form-summary-text\">\n                                        <strong id=\"mc-summary-product-name\"><\/strong>\n                                        <span id=\"mc-summary-product-meta\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mc-form-summary-item\" id=\"mc-form-summary-installer\">\n                                <span class=\"mc-form-summary-label\" data-i18n=\"form_summary.installer\">Ihr Berater<\/span>\n                                <div class=\"mc-form-summary-card\">\n                                    <img decoding=\"async\" class=\"mc-form-summary-img\" id=\"mc-summary-installer-logo\" src=\"\" alt=\"\" hidden>\n                                    <div class=\"mc-form-summary-text\">\n                                        <strong id=\"mc-summary-installer-name\"><\/strong>\n                                        <span id=\"mc-summary-installer-meta\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mc-screen-header\">\n                            <h1 data-i18n=\"screen5.title\">Advice requested<\/h1>\n                            <p class=\"mc-screen5-subtitle\" data-i18n=\"screen5.subtitle\">We will gladly contact you as soon as possible to help you select a suitable storage solution.<\/p>\n                        <\/div>\n\n                        <!-- Contact Form -->\n                        <div class=\"mc-contact-section\">\n                            <div class=\"mc-input-row\">\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.first_name\">First name *<\/small>\n                                    <input type=\"text\" id=\"mc-first-name\" name=\"first-name\" required>\n                                <\/div>\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.last_name\">Last Name *<\/small>\n                                    <input type=\"text\" id=\"mc-last-name\" name=\"last-name\" required>\n                                <\/div>\n                            <\/div>\n                            <div class=\"mc-input-row\">\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.email\">Email<\/small>\n                                    <input type=\"email\" id=\"mc-email\" name=\"email\" required>\n                                <\/div>\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.phone\">Phone<\/small>\n                                    <input type=\"tel\" id=\"mc-phone\" name=\"phone\" required>\n                                <\/div>\n                            <\/div>\n\n                            <!-- modual-only fields -->\n                            <div id=\"mc-modual-fields\">\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.street\">Street<\/small>\n                                    <input type=\"text\" id=\"mc-street\" name=\"street\">\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"mc-input-row\">\n                                <div class=\"mc-input-group\" style=\"flex: 0 0 120px;\">\n                                    <small data-i18n=\"screen5.plz\">Please<\/small>\n                                    <input type=\"text\" id=\"mc-postal-code\" name=\"postal-code\" maxlength=\"4\" required>\n                                <\/div>\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.city\">Place<\/small>\n                                    <input type=\"text\" id=\"mc-city\" name=\"city\" required>\n                                <\/div>\n                            <\/div>\n\n                            <!-- modual-only: company + message -->\n                            <div id=\"mc-modual-extra-fields\">\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.company\">Company (optional)<\/small>\n                                    <input type=\"text\" id=\"mc-company-name\" name=\"company-name\">\n                                <\/div>\n                                <div class=\"mc-input-group\">\n                                    <small data-i18n=\"screen5.message\">Message<\/small>\n                                    <textarea id=\"mc-message\" name=\"message\" rows=\"3\"><\/textarea>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"mc-consent-option\">\n                                <input type=\"checkbox\" id=\"mc-newsletter-consent\" name=\"newsletter-consent\">\n                                <small data-i18n=\"screen5.newsletter\">I would like to receive the modual newsletter.<\/small>\n                            <\/div>\n                            <div class=\"mc-consent-option\">\n                                <input type=\"checkbox\" id=\"mc-privacy-consent\" name=\"privacy-consent\" required>\n                                <small data-i18n-html=\"screen5.privacy\">I accept the <a href=\"https:\/\/framerusercontent.com\/assets\/Agaj8EHNSQHIWiheyT49H6Wvnw.pdf\" target=\"_blank\">Privacy Policy<\/a> *<\/small>\n                            <\/div>\n\n                        <\/div>\n                    <\/fieldset>\n\n                    <!-- Form Navigation -->\n                    <div class=\"mc-form-navigation\">\n                        <button type=\"button\" id=\"mc-start-btn\" class=\"mc-btn-primary mc-welcome-cta\" style=\"display: none;\">\n                            <span data-i18n=\"navigation.start\">Starten<\/span>\n                        <\/button>\n                        <button type=\"button\" id=\"mc-next-btn\" class=\"mc-btn-primary\" style=\"display: none;\">\n                            <span data-i18n=\"screen4.next\">Next<\/span>\n                        <\/button>\n                        <button type=\"submit\" id=\"mc-submit-btn\" class=\"mc-btn-primary\" style=\"display: none;\">\n                            <span data-i18n=\"screen4.submit\">Received offer<\/span>\n                        <\/button>\n                        <button type=\"button\" id=\"mc-prev-btn\" class=\"mc-btn-outline\" style=\"display: none;\">\n                            <span data-i18n=\"screen4.back\">Back<\/span>\n                        <\/button>\n                    <\/div>\n\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en_us\"\/><\/form>\n            <\/main>\n\n            <!-- ==================== SUCCESS PAGE ==================== -->\n            <main id=\"mc-success-page\" class=\"mc-hidden\">\n                <div class=\"mc-success-container\">\n                    <div class=\"mc-success-icon\">\n                        <svg class=\"mc-checkmark\" width=\"80\" height=\"80\" viewbox=\"0 0 52 52\">\n                            <circle class=\"mc-checkmark-circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"transparent\"\/>\n                            <path class=\"mc-checkmark-check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- modual success -->\n                    <div id=\"mc-success-modual\">\n                        <h1 id=\"mc-success-name\" data-i18n=\"ui.success_thank_you\">Thank you very much!<\/h1>\n                        <p data-i18n-html=\"ui.success_offer_text\">We will contact you shortly regarding your request for <strong id=\"mc-success-product\"><\/strong>.<\/p>\n                        <p data-i18n=\"ui.success_email_text\">Your modular team<\/p>\n                    <\/div>\n                <\/div>\n            <\/main>\n\n        <\/div>\n        \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":68,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":2,"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":860,"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/pages\/50\/revisions\/860"}],"wp:attachment":[{"href":"https:\/\/portal.modual.ch\/en_us\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}