{"id":1904,"date":"2026-01-22T14:53:24","date_gmt":"2026-01-22T14:53:24","guid":{"rendered":"https:\/\/www.roomii.de\/?page_id=1904"},"modified":"2026-02-09T10:15:13","modified_gmt":"2026-02-09T10:15:13","slug":"search-listing","status":"publish","type":"page","link":"https:\/\/www.roomii.de\/en\/search-listing\/","title":{"rendered":"search-listing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1904\" class=\"elementor elementor-1904\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fb98c40 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb98c40\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-012d3e2\" data-id=\"012d3e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e2c155 elementor-widget elementor-widget-shortcode\" data-id=\"3e2c155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"msf-container\" data-logged-in=\"true\" data-total-steps=\"3\">\n\n    <div class=\"msf-funnel-layout\">\n        <!-- Content Row (Split Layout) -->\n        <div class=\"msf-content-row\">\n            <!-- LEFT COLUMN: Form Steps -->\n            <div class=\"msf-funnel-main\">\n                <!-- Header Row -->\n                <div class=\"msf-header-row\">\n                    <a href=\"\/en\/\" class=\"msf-back-home\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M19 12H5M12 19l-7-7 7-7\" \/>\n                        <\/svg>\n                        <span>Zur\u00fcck zur Startseite<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Progress Bar (Simplified) -->\n                <div class=\"msf-progress-bar-container\">\n                    <div class=\"msf-progress-bar-fill\" style=\"width: 20%;\"><\/div>\n                <\/div>\n\n                <main class=\"msf-content-area\">\n\n                    <!-- STEP 1: Main Category -->\n                    <div class=\"msf-step active\" data-step=\"1\">\n                        <div class=\"msf-step-header\">\n                            <h2 class=\"msf-step-title\">Nach welchen Dienstleistungen suchen Sie heute?<\/h2>\n                            <!-- Subtitle removed for cleaner look matching screenshot -->\n                        <\/div>\n\n                        <div class=\"msf-cards-grid\" id=\"msf-categories-grid\">\n                            <div class=\"msf-loading\">\n                                <div class=\"msf-spinner\"><\/div>\n                                <span>Laden...<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"msf-navigation\">\n                            <button type=\"button\" class=\"msf-btn msf-btn-primary msf-btn-next msf-btn-block\">\n                                Details angeben                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- STEP 2: Subcategory -->\n                    <div class=\"msf-step\" data-step=\"2\">\n                        <div class=\"msf-step-header\">\n                            <h2 class=\"msf-step-title\">Was muss genau gemacht werden?<\/h2>\n                        <\/div>\n\n                        <div class=\"msf-cards-grid\" id=\"msf-subcategories-grid\">\n                            <div class=\"msf-loading\">\n                                <div class=\"msf-spinner\"><\/div>\n                                <span>Laden...<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"msf-navigation\">\n                            <button type=\"button\" class=\"msf-btn msf-btn-secondary msf-btn-back\">\n                                Zur\u00fcck                            <\/button>\n                            <button type=\"button\" class=\"msf-btn msf-btn-primary msf-btn-next\">\n                                Weiter                            <\/button>\n                        <\/div>\n                    <\/div>\n\n\n\n                    <!-- STEP 3: Location -->\n                    <div class=\"msf-step\" data-step=\"3\">\n                        <div class=\"msf-step-layout-with-map\">\n                            <div class=\"msf-step-form-column\">\n                                <div class=\"msf-step-header\">\n                                    <h2 class=\"msf-step-title\">Wo wird Hilfe ben\u00f6tigt?<\/h2>\n                                    <p class=\"msf-step-subtitle\">Geben Sie PLZ oder Ort ein.<\/p>\n                                <\/div>\n\n                                <div class=\"msf-location-wrapper\" id=\"msf-location-container\">\n                                    <input\n                                        type=\"text\"\n                                        id=\"msf-location-input\"\n                                        class=\"msf-location-input\"\n                                        placeholder=\"z.B. Berlin oder 10115\"\n                                        autocomplete=\"off\">\n                                <\/div>\n\n                                                                    <div class=\"msf-radius-wrapper\">\n                                        <div class=\"msf-radius-header\">\n                                            <label>Suchradius<\/label>\n                                            <span id=\"msf-radius-value\" class=\"msf-radius-value\">20 km<\/span>\n                                        <\/div>\n                                        <div id=\"msf-radius-slider\" class=\"msf-nouislider-container\"><\/div>\n                                        <input type=\"hidden\" id=\"msf-radius-input\" name=\"radius\" value=\"20\">\n                                    <\/div>\n                                \n                                <div class=\"msf-navigation\">\n                                    <button type=\"button\" class=\"msf-btn msf-btn-secondary msf-btn-back\">\n                                        Zur\u00fcck                                    <\/button>\n                                    <button type=\"button\" class=\"msf-btn msf-btn-primary msf-btn-search\">\n                                        Ergebnisse anzeigen                                    <\/button>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"msf-step-map-column\">\n                                <div class=\"msf-germany-map-container\">\n                                    <div id=\"msf-mapbox-map\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n\n                <\/main>\n            <\/div>\n\n            <!-- RIGHT COLUMN: Trust & Stats -->\n            <aside class=\"msf-funnel-sidebar\">\n                <div class=\"msf-trust-content\">\n                    <h3 class=\"msf-trust-title\">\n                        Finden Sie Ihren passenden Handwerker in weniger als 3 Minuten                    <\/h3>\n\n                    <ul class=\"msf-trust-list\">\n                        <li>\n                            <svg class=\"msf-check-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                            <\/svg>\n                            <span>100% Kostenloses Angebot<\/span>\n                        <\/li>\n                        <li>\n                            <svg class=\"msf-check-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                            <\/svg>\n                            <span>50+ Service-Leistungen<\/span>\n                        <\/li>\n                        <li>\n                            <svg class=\"msf-check-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                            <\/svg>\n                            <span>Gepr\u00fcfte Experten<\/span>\n                        <\/li>\n                    <\/ul>\n\n                    <div class=\"msf-trust-image-wrapper\">\n                        <!-- Image from user request -->\n                                                <img decoding=\"async\" src=\"https:\/\/www.roomii.de\/wp-content\/plugins\/maredata-search-funnel\/img\/smiling-businesswoman-blue-jacket-working-laptop.png\" alt=\"Trust\" class=\"msf-trust-image\">\n                    <\/div>\n\n                    <!-- Legal Links Section -->\n                    <div class=\"msf-legal-links\">\n                        <ul class=\"msf-legal-list\">\n                            <li><a href=\"\/en\/agb\/\">Terms and conditions<\/a><\/li>\n                            <li><a href=\"\/en\/datenschutz\/\">Data Protection<\/a><\/li>\n                            <li><a href=\"\/en\/impressum\/\">Legal notice<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/aside>\n\n        <\/div><!-- End of msf-content-row -->\n\n    <\/div><!-- End of msf-funnel-layout -->\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1904","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/pages\/1904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/comments?post=1904"}],"version-history":[{"count":0,"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/pages\/1904\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.roomii.de\/en\/wp-json\/wp\/v2\/media?parent=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}