{"id":7792,"date":"2024-11-15T19:03:57","date_gmt":"2024-11-15T18:03:57","guid":{"rendered":"https:\/\/putz24.ch\/configurador-de-precios-para-limpieza-de-inmuebles\/"},"modified":"2025-12-15T18:22:56","modified_gmt":"2025-12-15T17:22:56","slug":"configurador-de-precios-para-limpieza-de-inmuebles","status":"publish","type":"page","link":"https:\/\/www.putz24.ch\/es\/configurador-de-precios-para-limpieza-de-inmuebles\/","title":{"rendered":"Configurador de precios para limpieza de inmuebles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7792\" class=\"elementor elementor-7792 elementor-5885\">\n\t\t\t\t\t\t<section class=\"pix-elementor-divider elementor-section elementor-top-section elementor-element elementor-element-f59348b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f59348b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-587d370\" data-id=\"587d370\" 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-b8bf48c elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"b8bf48c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-b8bf48c\" class=\"pix-highlighted-element text-center \"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-b8bf48c-0\" class=\"pix-highlight-bg   elementor-repeater-item-a65e3b0 el-b8bf48c-0 animate-in\" data-anim-type=\"highlight-grow\" data-anim-delay=\"200\"><span   class=\"pix-highlighted-text pix-highlight-item font-weight-normal  font-weight-bold heading-font text-heading-default\">Limpieza<\/span><\/span><span id=\"el-b8bf48c-1\"  class=\" elementor-repeater-item-3d6442b\"><span   class=\"pix-highlighted-text  pix-highlight-item font-weight-normal  heading-font text-heading-default\">  Libro<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f81533 elementor-widget elementor-widget-pix-text\" data-id=\"7f81533\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-center \" ><p class=\"text-20 resp-option text-dark-opacity-5 text-center \" >Rellena el siguiente configurador y reserva tu limpieza hoy mismo. Se te asignar\u00e1 una limpiadora adecuada en un plazo de 72 horas, en funci\u00f3n de tus necesidades. <\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21a0833 elementor-widget elementor-widget-pix-alert\" data-id=\"21a0833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"alert position-relative d-flex flex-column flex-sm-row justify-content-between align-items-center alert-warning   rounded-lg font-weight-bold shadow\" role=\"alert\" ><div class=\"pix-alert-title mr-2 flex-grow-1 mb-2 mb-sm-0 order-2\">Tenga en cuenta: este configurador est\u00e1 disponible actualmente solo en alem\u00e1n.<\/div><\/div>\t\t\t\t<\/div>\n\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<div class=\"pix-divider  position-relative pix-bottom-divider elementor-element elementor-element-f59348b\" data-style=\"style-8\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"300px\" viewBox=\"0 0 1200 366\" preserveAspectRatio=\"none\"><g class=\"animate-in\" data-anim-type=\"fade-in-up\" data-anim-delay=\"300\"><polygon fill=\"url(#divider-pix-accordion-835003-bottom-overlay-layer-3)\" points=\"0 240 1200 0 1200 366 0 366\" \/><\/g><polygon fill=\"#FFFFFF00\"  points=\"0 300 1200 60 1200 366 0 366\" \/><polygon fill=\"#ffffff\" points=\"0 360 1200 120 1200 366 0 366\"\/><defs><linearGradient id=\"divider-pix-accordion-835003-bottom-overlay-layer-3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\"><stop offset=\"0%\"   stop-color=\"#00000014\"\/><stop offset=\"100%\"   stop-color=\"#FFFFFF03\"\/><\/linearGradient><\/defs><\/svg><\/div>\t\t<section class=\"pix-elementor-divider elementor-section elementor-top-section elementor-element elementor-element-a15ab3f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a15ab3f\" data-element_type=\"section\" data-e-type=\"section\" id=\"pix_section_comparison_table\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c42571f\" data-id=\"c42571f\" 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-9d2e07b elementor-widget elementor-widget-html\" data-id=\"9d2e07b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/putz24.ch\/webhooks\/bitrix\/styles.css\">\r\n\r\n    <style>\r\n        a.back_to_top {\r\n            display: none !important;\r\n        }\r\n\r\n        \/* --- Reinigungsdauer-Block: klar einspaltig --- *\/\r\n\r\n        .reinigungsdauer-section .duration-mode-list {\r\n            display: flex;\r\n            gap: 6px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .reinigungsdauer-section .duration-mode-row {\r\n\r\n            align-items: center;\r\n            gap: 8px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .reinigungsdauer-section .duration-mode-row input[type=\"radio\"] {\r\n            margin: 0;\r\n        }\r\n\r\n        .reinigungsdauer-section .duration-mode-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .manual-duration-controls {\r\n            margin-top: 12px;\r\n            display: none; \/* per JS ein-\/ausgeblendet *\/\r\n        }\r\n\r\n        .manual-duration-label {\r\n            display: block;\r\n            font-size: 14px;\r\n            color: #555;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .manual-duration-inputs {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .duration-btn {\r\n            min-width: 36px;\r\n            height: 32px;\r\n            border-radius: 8px;\r\n            border: none;\r\n            background: #5ECC62;\r\n            color: #fff;\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            line-height: 1;\r\n            cursor: pointer;\r\n            transition: background 0.15s ease, box-shadow 0.15s ease;\r\n        }\r\n\r\n        .duration-btn:hover {\r\n            background: #4bb650;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        #manual-duration-value {\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* Tooltip Styles *\/\r\n        .tooltip-container {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .tooltip-icon {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 18px;\r\n            height: 18px;\r\n            background: #5ECC62;\r\n            color: #fff;\r\n            border-radius: 50%;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            cursor: help;\r\n            position: relative;\r\n        }\r\n\r\n        .tooltip-icon:hover .tooltip-text {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n\r\n        .tooltip-text {\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            width: 280px;\r\n            background-color: #333;\r\n            color: #fff;\r\n            text-align: left;\r\n            border-radius: 6px;\r\n            padding: 10px 12px;\r\n            position: absolute;\r\n            z-index: 1000;\r\n            bottom: 125%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 13px;\r\n            font-weight: normal;\r\n            line-height: 1.4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n            transition: opacity 0.2s ease;\r\n        }\r\n\r\n        .tooltip-text::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 50%;\r\n            margin-left: -6px;\r\n            border-width: 6px;\r\n            border-style: solid;\r\n            border-color: #333 transparent transparent transparent;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tooltip-text {\r\n                width: 220px;\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"hauswartung-page\">\r\n    <div class=\"konfigurator-container\">\r\n        <!-- Popups f\u00fcr Zusatzdienstleistungen -->\r\n        <div id=\"konfigurator-modal\" class=\"konfigurator-modal\">\r\n            <div class=\"konfigurator-modal-content\">\r\n                <span class=\"konfigurator-close\" onclick=\"closeModal()\">&times;<\/span>\r\n                <h3 id=\"konfigurator-modal-title\">Stunden f\u00fcr Dienstleistung ausw\u00e4hlen<\/h3>\r\n                <label for=\"konfigurator-stunden\">Stunden:<\/label>\r\n                <select id=\"konfigurator-stunden\">\r\n                    <option value=\"0.5\">0.5 Stunden<\/option>\r\n                    <option value=\"1\">1 Stunde<\/option>\r\n                    <option value=\"1.5\">1.5 Stunden<\/option>\r\n                    <option value=\"2\">2 Stunden<\/option>\r\n                <\/select>\r\n                <button onclick=\"saveSelection()\">Auswahl speichern<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Linke Seite: Eingabeformular -->\r\n        <div class=\"konfigurator-form-container\">\r\n            <form id=\"cleaningForm\" action=\"https:\/\/putz24.ch\/webhooks\/bitrix\/api_generation2.php\" method=\"POST\">\r\n                <!-- Versteckte Felder f\u00fcr Anzahl Stunden und Frankenbetrag -->\r\n                <input type=\"hidden\" id=\"anzahl_stunden\" name=\"anzahl_stunden\" value=\"2\">\r\n                <input type=\"hidden\" id=\"subtotal\" name=\"subtotal\" value=\"79.90\">\r\n                <input type=\"hidden\" id=\"mwst\" name=\"mwst\" value=\"6.47\">\r\n                <input type=\"hidden\" id=\"anzahl_franken\" name=\"anzahl_franken\" value=\"86.37\">\r\n                <!-- Hidden-Felder f\u00fcr Zusatzdienstleistungen werden per JS erg\u00e4nzt -->\r\n\r\n                <!-- Objektgr\u00f6sse -->\r\n                <div class=\"konfigurator-section\">\r\n                    <h5>Objektgr\u00f6sse<\/h5>\r\n                    <label for=\"objekt\">Objekt *<\/label>\r\n                    <select id=\"objekt\" name=\"objekt\" required onchange=\"updateSummary()\">\r\n                        <option value=\"Wohnung\">Wohnung<\/option>\r\n                        <option value=\"Haus\">Haus<\/option>\r\n                        <option value=\"B\u00fcro\">B\u00fcro<\/option>\r\n                    <\/select>\r\n                    <div class=\"konfigurator-two-column\">\r\n                        <div>\r\n                            <label for=\"anzahl_quadratmeter\">Anzahl Quadratmeter *<\/label>\r\n                            <select id=\"anzahl_quadratmeter\" name=\"anzahl_quadratmeter\" required onchange=\"updateSummary()\">\r\n                                <option value=\"10-99\">10 - 99 m\u00b2<\/option>\r\n                                <option value=\"100-199\">100 - 199 m\u00b2<\/option>\r\n                                <option value=\"200-299\">200 - 299 m\u00b2<\/option>\r\n                                <option value=\"300-399\">300 - 399 m\u00b2<\/option>\r\n                                <option value=\"400+\">\u00fcber 400 m\u00b2<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div>\r\n                            <label for=\"anzahl_zimmer\">Anzahl Zimmer *<\/label>\r\n                            <select id=\"anzahl_zimmer\" name=\"anzahl_zimmer\" required onchange=\"updateSummary()\">\r\n                                <option value=\"1\">1<\/option>\r\n                                <option value=\"1.5\">1.5<\/option>\r\n                                <option value=\"2\">2<\/option>\r\n                                <option value=\"2.5\">2.5<\/option>\r\n                                <option value=\"3\">3<\/option>\r\n                                <option value=\"3.5\">3.5<\/option>\r\n                                <option value=\"4\">4<\/option>\r\n                                <option value=\"4.5\">4.5<\/option>\r\n                                <option value=\"5\">5<\/option>\r\n                                <option value=\"5.5\">5.5<\/option>\r\n                                <option value=\"6\">6<\/option>\r\n                                <option value=\"6.5\">6.5<\/option>\r\n                                <option value=\"7\">7<\/option>\r\n                                <option value=\"7.5\">7.5<\/option>\r\n                                <option value=\"8\">8<\/option>\r\n                                <option value=\"8.5\">8.5<\/option>\r\n                                <option value=\"9\">9<\/option>\r\n                                <option value=\"9.5\">9.5<\/option>\r\n                                <option value=\"10\">10<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"konfigurator-two-column\">\r\n                        <div>\r\n                            <label for=\"anzahl_nasszellen\">Anzahl Nasszellen *<\/label>\r\n                            <select id=\"anzahl_nasszellen\" name=\"anzahl_nasszellen\" required onchange=\"updateSummary()\">\r\n                                <option value=\"1\">1<\/option>\r\n                                <option value=\"2\">2<\/option>\r\n                                <option value=\"3\">3<\/option>\r\n                                <option value=\"4\">4<\/option>\r\n                                <option value=\"5\">5<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div>\r\n                            <label for=\"anzahl_stockwerke\">Anzahl Stockwerke *<\/label>\r\n                            <select id=\"anzahl_stockwerke\" name=\"anzahl_stockwerke\" required onchange=\"updateSummary()\">\r\n                                <option value=\"1\">1<\/option>\r\n                                <option value=\"2\">2<\/option>\r\n                                <option value=\"3\">3<\/option>\r\n                                <option value=\"4\">4<\/option>\r\n                                <option value=\"5\">5<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <!-- AUSKOMMENTIERT: Wird sp\u00e4ter abgefragt\r\n                    <label for=\"verh\u00e4ltnis\">Verh\u00e4ltnis *<\/label>\r\n                    <select id=\"verh\u00e4ltnis\" name=\"verh\u00e4ltnis\" required>\r\n                        <option value=\"Eigent\u00fcmer\">Eigent\u00fcmer<\/option>\r\n                        <option value=\"Mieter\">Mieter<\/option>\r\n                    <\/select>\r\n                    -->\r\n                <\/div>\r\n\r\n                <!-- Reinigungsinformationen -->\r\n                <div class=\"konfigurator-section\">    \r\n                    <h5>Reinigungsinformationen<\/h5>\r\n        \r\n                    <label for=\"einsatzrhythmus\">Wie oft sollen wir reinigen? *<\/label>\r\n                    <select id=\"einsatzrhythmus\" name=\"einsatzrhythmus\" required style=\"display: none;\">\r\n                        <option value=\"W\u00f6chentlich\" selected>W\u00f6chentlich<\/option>\r\n                        <option value=\"14-t\u00e4glich\">Alle 2 Wochen<\/option>\r\n                        <option value=\"mehrmals w\u00f6chentlich\">H\u00e4ufiger<\/option>\r\n                    <\/select>\r\n                    \r\n                    <div class=\"konfigurator-kacheln-container\">\r\n                        <div class=\"konfigurator-kachel\" data-value=\"W\u00f6chentlich\">\r\n                            <div class=\"konfigurator-kachel-header\">\r\n                                <span class=\"highlight\">Beliebteste<\/span>\r\n                            <\/div>\r\n                            <div class=\"konfigurator-kachel-title\"><b>W\u00f6chentlich<\/b><\/div>\r\n                            <p>Sie bekommen die selbe Reinigungskraft<\/p>\r\n                        <\/div>\r\n                        <div class=\"konfigurator-kachel\" data-value=\"14-t\u00e4glich\">\r\n                            <div class=\"konfigurator-kachel-title\"><b>alle 2 Wochen<\/b><\/div>\r\n                            <p>Perfekte Balance zwischen Preis und Regelm\u00e4\u00dfigkeit.<\/p>\r\n                        <\/div>\r\n                        <div class=\"konfigurator-kachel\" data-value=\"mehrmals w\u00f6chentlich\">\r\n                            <div class=\"konfigurator-kachel-title\"><b>mehrmals w\u00f6chentlich<\/b><\/div>\r\n                            <p>Ideal f\u00fcr Haushalte mit erh\u00f6htem Reinigungsbedarf.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <br>\r\n                    <div class=\"tooltip-container\">\r\n                        <h5 style=\"margin: 0;\">Wochentage<\/h5>\r\n                        <span class=\"tooltip-icon\">?\r\n                            <span class=\"tooltip-text\">Geben Sie an, an welchen Tagen es f\u00fcr Sie passt, wenn die Reinigung stattfinden kann. Je mehr M\u00f6glichkeiten Sie uns zur Verf\u00fcgung stellen, umso mehr Reinigungsmitarbeiter stehen zur Auswahl.<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <p style=\"color: grey; font-size: 14px;\">W\u00e4hlen Sie die gew\u00fcnschten Tage aus.<\/p>\r\n                    <div class=\"konfigurator-weekdays\">\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Montag\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">MO<\/span>\r\n                            <span class=\"day-full\">Montag<\/span>\r\n                        <\/label>\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Dienstag\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">DI<\/span>\r\n                            <span class=\"day-full\">Dienstag<\/span>\r\n                        <\/label>\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Mittwoch\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">MI<\/span>\r\n                            <span class=\"day-full\">Mittwoch<\/span>\r\n                        <\/label>\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Donnerstag\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">DO<\/span>\r\n                            <span class=\"day-full\">Donnerstag<\/span>\r\n                        <\/label>\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Freitag\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">FR<\/span>\r\n                            <span class=\"day-full\">Freitag<\/span>\r\n                        <\/label>\r\n                        <label class=\"konfigurator-weekday\">\r\n                            <input type=\"checkbox\" name=\"wochentage[]\" value=\"Samstag\" onchange=\"updateSummary()\">\r\n                            <span class=\"day-abbr\">SA<\/span>\r\n                            <span class=\"day-full\">Samstag<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n        \r\n                    <div class=\"tooltip-container\" style=\"margin-top: 20px; margin-bottom: 10px;\">\r\n                        <h5 style=\"margin: 0;\">Zeitfenster<\/h5>\r\n                        <span class=\"tooltip-icon\">?\r\n                            <span class=\"tooltip-text\">In welchem Zeitrahmen kann die Reinigung stattfinden?<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <div class=\"konfigurator-two-column\">\r\n                        <div>\r\n                            <label for=\"start_time\">Von Wann:<\/label>\r\n                            <select id=\"start_time\" name=\"start_time\" required>\r\n                                <option value=\"06:00\">06:00<\/option>\r\n                                <option value=\"06:30\">06:30<\/option>\r\n                                <option value=\"07:00\">07:00<\/option>\r\n                                <option value=\"07:30\">07:30<\/option>\r\n                                <option value=\"08:00\">08:00<\/option>\r\n                                <option value=\"08:30\">08:30<\/option>\r\n                                <option value=\"09:00\">09:00<\/option>\r\n                                <option value=\"09:30\">09:30<\/option>\r\n                                <option value=\"10:00\">10:00<\/option>\r\n                                <option value=\"10:30\">10:30<\/option>\r\n                                <option value=\"11:00\">11:00<\/option>\r\n                                <option value=\"11:30\">11:30<\/option>\r\n                                <option value=\"12:00\">12:00<\/option>\r\n                                <option value=\"12:30\">12:30<\/option>\r\n                                <option value=\"13:00\">13:00<\/option>\r\n                                <option value=\"13:30\">13:30<\/option>\r\n                                <option value=\"14:00\">14:00<\/option>\r\n                                <option value=\"14:30\">14:30<\/option>\r\n                                <option value=\"15:00\">15:00<\/option>\r\n                                <option value=\"15:30\">15:30<\/option>\r\n                                <option value=\"16:00\">16:00<\/option>\r\n                                <option value=\"16:30\">16:30<\/option>\r\n                                <option value=\"17:00\">17:00<\/option>\r\n                                <option value=\"17:30\">17:30<\/option>\r\n                                <option value=\"18:00\">18:00<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div>\r\n                            <label for=\"end_time\">Bis Wann:<\/label>\r\n                            <select id=\"end_time\" name=\"end_time\" required>\r\n                                <option value=\"06:00\">06:00<\/option>\r\n                                <option value=\"06:30\">06:30<\/option>\r\n                                <option value=\"07:00\">07:00<\/option>\r\n                                <option value=\"07:30\">07:30<\/option>\r\n                                <option value=\"08:00\">08:00<\/option>\r\n                                <option value=\"08:30\">08:30<\/option>\r\n                                <option value=\"09:00\">09:00<\/option>\r\n                                <option value=\"09:30\">09:30<\/option>\r\n                                <option value=\"10:00\">10:00<\/option>\r\n                                <option value=\"10:30\">10:30<\/option>\r\n                                <option value=\"11:00\">11:00<\/option>\r\n                                <option value=\"11:30\">11:30<\/option>\r\n                                <option value=\"12:00\">12:00<\/option>\r\n                                <option value=\"12:30\">12:30<\/option>\r\n                                <option value=\"13:00\">13:00<\/option>\r\n                                <option value=\"13:30\">13:30<\/option>\r\n                                <option value=\"14:00\">14:00<\/option>\r\n                                <option value=\"14:30\">14:30<\/option>\r\n                                <option value=\"15:00\">15:00<\/option>\r\n                                <option value=\"15:30\">15:30<\/option>\r\n                                <option value=\"16:00\">16:00<\/option>\r\n                                <option value=\"16:30\">16:30<\/option>\r\n                                <option value=\"17:00\">17:00<\/option>\r\n                                <option value=\"17:30\">17:30<\/option>\r\n                                <option value=\"18:00\" selected>18:00<\/option>\r\n                                <option value=\"18:30\">18:30<\/option>\r\n                                <option value=\"19:00\">19:00<\/option>\r\n                                <option value=\"19:30\">19:30<\/option>\r\n                                <option value=\"20:00\">20:00<\/option>\r\n                                <option value=\"20:30\">20:30<\/option>\r\n                                <option value=\"21:00\">21:00<\/option>\r\n                                <option value=\"21:30\">21:30<\/option>\r\n                            <\/select>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <label for=\"erste_reinigung\">W\u00e4hlen Sie ein Datum ab wann die erste Reinigung stattfinden kann *<\/label>\r\n                    <input type=\"date\" id=\"erste_reinigung\" name=\"erste_reinigung\" required>\r\n                <\/div>\r\n\r\n                <!-- Haustiere -->\r\n                <div class=\"konfigurator-section\">\r\n                    <div class=\"konfigurator-toggle-container\">\r\n                        <div class=\"konfigurator-toggle-header\" onclick=\"toggleSection('haustiere-container', 'haustiere-toggle-icon')\">\r\n                            <span>Haben Sie Haustiere?<\/span>\r\n                            <span id=\"haustiere-toggle-icon\">+<\/span>\r\n                        <\/div>\r\n                        <div id=\"haustiere-container\" class=\"konfigurator-toggle-content\" style=\"display: none;\">\r\n                            <p style=\"color: grey; font-size: 14px;\">Bitte geben Sie an, ob und welche Haustiere Sie besitzen.<\/p>\r\n                            <div class=\"konfigurator-service-group\">\r\n                                <label class=\"konfigurator-service\">\r\n                                    <input type=\"checkbox\" id=\"dog_checkbox\" name=\"haustiere[]\" value=\"Hund\" style=\"display: none;\" onclick=\"updateSummary()\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/dog.png\" alt=\"Hund\" title=\"Hund\">\r\n                                    Hund\r\n                                <\/label>\r\n            \r\n                                <label class=\"konfigurator-service\">\r\n                                    <input type=\"checkbox\" id=\"cat_checkbox\" name=\"haustiere[]\" value=\"Katze\" style=\"display: none;\" onclick=\"updateSummary()\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/cat.png\" alt=\"Katze\" title=\"Katze\">\r\n                                    Katze\r\n                                <\/label>\r\n            \r\n                                <label class=\"konfigurator-service\">\r\n                                    <input type=\"checkbox\" id=\"animal_checkbox\" name=\"haustiere[]\" value=\"Andere\" style=\"display: none;\" onclick=\"updateSummary()\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/animal.png\" alt=\"Andere\" title=\"Andere\">\r\n                                    Andere\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                <!-- Zusatzdienstleistungen -->\r\n                <div class=\"konfigurator-section\">\r\n                    <div class=\"konfigurator-toggle-container\">\r\n                        <div class=\"konfigurator-toggle-header\" onclick=\"toggleSection('zusatzdienstleistungen-container', 'zusatzdienstleistungen-toggle-icon')\">\r\n                            <span>Ich brauche einen zus\u00e4tzlichen Service<\/span>\r\n                            <span id=\"zusatzdienstleistungen-toggle-icon\">+<\/span>\r\n                        <\/div>\r\n                        <div id=\"zusatzdienstleistungen-container\" class=\"konfigurator-toggle-content\" style=\"display: none;\">\r\n                            <p style=\"color: grey; font-size: 14px;\">W\u00e4hlen Sie zus\u00e4tzliche Dienstleistungen aus, die Sie ben\u00f6tigen.<\/p>\r\n                            <div class=\"konfigurator-service-group\">\r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('B\u00fcgeln')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/iron.png\" alt=\"B\u00fcgeln\" title=\"B\u00fcgeln\">\r\n                                    B\u00fcgeln\r\n                                <\/label>\r\n                \r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('Waschen & Trocknen')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/washing-machine.png\" alt=\"Waschen & Trocknen\" title=\"Waschen & Trocknen\">\r\n                                    Waschen & Trocknen\r\n                                <\/label>\r\n                \r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('Fenster')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/window.png\" alt=\"Fenster\" title=\"Fenster\">\r\n                                    Fenster\r\n                                <\/label>\r\n                \r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('Backofen')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/oven.png\" alt=\"Backofen\" title=\"Backofen\">\r\n                                    Backofen\r\n                                <\/label>\r\n                \r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('K\u00fchlschrank')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/kitchen-shelves.png\" alt=\"K\u00fchlschrank\" title=\"K\u00fchlschrank\">\r\n                                    K\u00fchlschrank\r\n                                <\/label>\r\n                \r\n                                <label class=\"konfigurator-service\" onclick=\"openModal('Schr\u00e4nke')\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/putz24.ch\/webhooks\/bitrix\/images\/closet.png\" alt=\"Schr\u00e4nke\" title=\"Schr\u00e4nke\">\r\n                                    Schr\u00e4nke\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Reinigungsdauer anpassen -->\r\n                <div class=\"konfigurator-section reinigungsdauer-section\">\r\n                    <div class=\"tooltip-container\">\r\n                        <h5 style=\"margin: 0;\">Reinigungsdauer anpassen<\/h5>\r\n                        <span class=\"tooltip-icon\">?\r\n                            <span class=\"tooltip-text\">Sie sind mit der vorgeschlagenen Reinigungszeit nicht einverstanden? Gerne k\u00f6nnen Sie Ihre Reinigungszeit selbstst\u00e4ndig definieren.<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <p style=\"color: grey; font-size: 14px;\">\r\n                        Sie k\u00f6nnen unsere empfohlene Reinigungsdauer \u00fcbernehmen oder eine eigene Dauer festlegen.\r\n                    <\/p>\r\n\r\n                    <div class=\"duration-mode-list\">\r\n                        <div class=\"duration-mode-row\" data-mode=\"auto\">\r\n                            <input type=\"radio\" id=\"duration-mode-auto\" name=\"duration_mode\" value=\"auto\" checked>\r\n                            <span class=\"duration-mode-text\">Vom Konfigurator akzeptieren<\/span>\r\n                        <\/div>\r\n                        <div class=\"duration-mode-row\" data-mode=\"manual\">\r\n                            <input type=\"radio\" id=\"duration-mode-manual\" name=\"duration_mode\" value=\"manual\">\r\n                            <span class=\"duration-mode-text\">Manuell eingeben<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"manual-duration-controls\" class=\"manual-duration-controls\">\r\n                        <span class=\"manual-duration-label\">Benutzerdefinierte Dauer w\u00e4hlen:<\/span>\r\n                        <div class=\"manual-duration-inputs\">\r\n                            <button type=\"button\" id=\"manual-duration-minus\" class=\"duration-btn\">\u2212<\/button>\r\n                            <span id=\"manual-duration-value\">2h<\/span>\r\n                            <button type=\"button\" id=\"manual-duration-plus\" class=\"duration-btn\">+<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Kontaktdaten -->\r\n                <div class=\"konfigurator-section\">  \r\n                    <h5>Kontaktdaten<\/h5>\r\n                    <label for=\"anrede\">Anrede *<\/label>\r\n                    <select id=\"anrede\" name=\"anrede\" required>\r\n                        <option value=\"Herr\">Herr<\/option>\r\n                        <option value=\"Frau\">Frau<\/option>\r\n                    <\/select>\r\n                    <div class=\"konfigurator-two-column\">\r\n                        <div>\r\n                            <label for=\"vorname\">Vorname *<\/label>\r\n                            <input type=\"text\" id=\"vorname\" name=\"vorname\" required>\r\n                        <\/div>\r\n                        <div>\r\n                            <label for=\"nachname\">Nachname *<\/label>\r\n                            <input type=\"text\" id=\"nachname\" name=\"nachname\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n        \r\n                    <label for=\"telefonnummer\">Telefonnummer *<\/label>\r\n                    <input type=\"tel\" id=\"telefonnummer\" name=\"telefonnummer\" required>\r\n        \r\n                    <label for=\"email\">E-Mail *<\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"email\" required>\r\n        \r\n                    <h5>Adresse der Reinigung<\/h5>\r\n                    <label for=\"adresse\">Adresse *<\/label>\r\n                    <input type=\"text\" id=\"adresse\" name=\"adresse\" required>\r\n        \r\n                    <div class=\"konfigurator-plz-ort-container\">\r\n                        <div class=\"konfigurator-column-3\">\r\n                            <label for=\"plz\">PLZ *<\/label>\r\n                            <input type=\"text\" id=\"plz\" name=\"plz\" required>\r\n                        <\/div>\r\n                        <div class=\"konfigurator-column-9\">\r\n                            <label for=\"ort\">Ort *<\/label>\r\n                            <input type=\"text\" id=\"ort\" name=\"ort\" required>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- AUSKOMMENTIERT: Wird sp\u00e4ter abgefragt\r\n                    <label for=\"eingangscode\">Eingangscode (optional)<\/label>\r\n                    <input type=\"text\" id=\"eingangscode\" name=\"eingangscode\">\r\n        \r\n                    <label for=\"zugang\">Wie kommen wir rein?<\/label>\r\n                    <select id=\"zugang\" name=\"zugang\" required>\r\n                        <option value=\"zuhause\">Es wird jemand zuhause sein<\/option>\r\n                        <option value=\"schluessel\">Ich werde den Schl\u00fcssel hinterlegen<\/option>\r\n                    <\/select>\r\n                    -->\r\n        \r\n                    <div class=\"tooltip-container\">\r\n                        <label for=\"bemerkungen\" style=\"margin: 0;\">Sonstiges Bemerkungsfeld<\/label>\r\n                        <span class=\"tooltip-icon\">?\r\n                            <span class=\"tooltip-text\">Haben Sie irgendwelche Pr\u00e4ferenzen an die Reinigungsmitarbeiterin? Z.B. Sprachkenntnisse, Erfahrung mit Haustieren, besondere Reinigungsw\u00fcnsche, Allergien etc.<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    <textarea id=\"bemerkungen\" name=\"bemerkungen\" rows=\"4\"><\/textarea>\r\n                <\/div>\r\n\r\n                <!-- AGB, Material & Button -->\r\n                <div class=\"konfigurator-section\">\r\n                  <!-- AUSKOMMENTIERT: Wird evtl. sp\u00e4ter wieder ben\u00f6tigt\r\n                  <div class=\"agb-container\">\r\n                    <input type=\"checkbox\" id=\"reinigungsmaterial_checkbox\" name=\"reinigungsmaterial_checkbox\" required>\r\n                    <label for=\"reinigungsmaterial_checkbox\">\r\n                      Ich best\u00e4tige, dass ich alle \r\n                      <a href=\"#\" id=\"reinigungsmaterial-link\">erforderlichen Reinigungsmaterialien<\/a> \r\n                      zu Hause habe.\r\n                    <\/label>\r\n                  <\/div>\r\n                  -->\r\n\r\n                  <div class=\"agb-container\">\r\n                    <input type=\"checkbox\" id=\"agb_checkbox\" name=\"agb_checkbox\" required>\r\n                    <label for=\"agb_checkbox\">\r\n                      Wenn Sie fortfahren, erkl\u00e4ren Sie sich mit der Verarbeitung Ihrer Daten gem\u00e4ss unserer \r\n                      <a href=\"https:\/\/putz24.ch\/datenschutzrichtlinie\/\" target=\"_blank\">Datenschutzrichtlinie<\/a> \r\n                      der Putz24 GmbH einverstanden.\r\n                    <\/label>\r\n                  <\/div>\r\n\r\n                  <button type=\"submit\" class=\"agb-button\">\r\n                    Angebot anfordern\r\n                  <\/button>\r\n                <\/div>\r\n\r\n                <!-- Popup f\u00fcr Reinigungsmaterialien -->\r\n                <div id=\"reinigungsmaterial-popup\" style=\"\r\n                  display: none;\r\n                  position: fixed;\r\n                  top: 0px;\r\n                  left: 0;\r\n                  width: 100%;\r\n                  height: 100%;\r\n                  background: rgba(0, 0, 0, 0.5);\r\n                  z-index: 2147483647;\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  overflow: auto;\r\n                  padding: 40px 20px;\r\n                  box-sizing: border-box;\r\n                \">\r\n                    <style>\r\n                      @media (max-width: 768px) {\r\n                        #reinigungsmaterial-popup {\r\n                          top: 80px !important;\r\n                          height: calc(100% - 80px) !important;\r\n                          align-items: flex-start !important;\r\n                        }\r\n                      }\r\n                    <\/style>\r\n\r\n                  <div style=\"\r\n                    background: #fff;\r\n                    padding: 20px;\r\n                    width: 100%;\r\n                    max-width: 500px;\r\n                    border-radius: 8px;\r\n                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);\r\n                    position: relative;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    box-sizing: border-box;\r\n                  \">\r\n                    <h4>Reinigungsmittel, die Sie zuhause ben\u00f6tigen<\/h4>\r\n                    <p>\r\n                      F\u00fcr eine gr\u00fcndliche Reinigung ben\u00f6tigen Sie folgende Materialien. Bitte sorgen Sie daf\u00fcr, dass alles vorhanden ist.\r\n                    <\/p>\r\n                    <ul>\r\n                      <li><strong>3 Reinigungsmittel:<\/strong> Allzweckreiniger, Entkalker, WC-Reiniger<\/li>\r\n                      <li><strong>1 Staubsauger:<\/strong> F\u00fcr alle Oberfl\u00e4chen geeignet<\/li>\r\n                      <li><strong>1 Fu\u00dfbodenpflege-Set:<\/strong> Eimer, Mopp, Besen<\/li>\r\n                      <li><strong>Staubwedel & Zubeh\u00f6r:<\/strong> 1 Paar Handschuhe, 1 Mikrofaser-Tuch, 2 Lappen, 2 Sp\u00fclt\u00fccher, 2 Schw\u00e4mme<\/li>\r\n                    <\/ul>\r\n                    <p>Falls Sie zus\u00e4tzliche Optionen gew\u00e4hlt haben, stellen Sie bitte sicher, dass folgende Artikel bereitstehen:<\/p>\r\n                    <ul>\r\n                      <li>Backofenreiniger<\/li>\r\n                      <li>Waschmittel & Weichsp\u00fcler f\u00fcr Kleidung<\/li>\r\n                      <li>Glasreiniger oder Mikrofaser-T\u00fccher f\u00fcr Fenster<\/li>\r\n                      <li>B\u00fcgeleisen & B\u00fcgelbrett<\/li>\r\n                    <\/ul>\r\n                    <button id=\"popup-close\" type=\"button\" style=\"\r\n                      margin-top: 20px;\r\n                      padding: 12px 20px;\r\n                      background: #007BFF;\r\n                      color: #fff;\r\n                      border: none;\r\n                      border-radius: 5px;\r\n                      cursor: pointer;\r\n                      align-self: flex-end;\r\n                      font-size: 16px;\r\n                    \">\r\n                      Verstanden\r\n                    <\/button>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <!-- Rechte Seite: Zusammenfassung -->\r\n        <div class=\"konfigurator-summary-container\">\r\n            <h5>Zusammenfassung<\/h5>\r\n            <div id=\"summary\">\r\n                <div class=\"konfigurator-summary-row\"><span>Anzahl Quadratmeter:<\/span> <span id=\"summary_quadratmeter\">10-99<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Anzahl Zimmer:<\/span> <span id=\"summary_zimmer\">1<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Anzahl Nasszellen:<\/span> <span id=\"summary_nasszellen\">1<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Objekt:<\/span> <span id=\"summary_objekt\">Wohnung<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Einsatzrhytmus:<\/span> <span id=\"summary_einsatzrhythmus\">W\u00f6chentlich<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Zusatzdienstleistungen:<\/span> <span id=\"summary_dienstleistungen\">Keine<\/span><\/div>\r\n                <hr>\r\n                <div class=\"konfigurator-summary-row\"><span>Anzahl Stunden:<\/span> <span id=\"summary_stunden\">2.0<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>Subtotal CHF:<\/span> <span id=\"summary_subtotal\">CHF 79.90<\/span><\/div>\r\n                <div class=\"konfigurator-summary-row\"><span>exkl. MWST (8.1%):<\/span> <span id=\"summary_mwst\">CHF 6.47<\/span><\/div>\r\n                <div class=\"konfigurator-summary-total konfigurator-summary-row\"><span>Gesamttotal CHF:<\/span> <span id=\"summary_total\">CHF 86.37<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Sticky Footer -->\r\n    <div id=\"konfigurator-sticky-footer\" class=\"konfigurator-sticky-footer\">\r\n        <div class=\"konfigurator-footer-header\" onclick=\"toggleStickyFooter()\">\r\n            <div class=\"footer-left\">\r\n                <span class=\"total-label\">TOTAL<\/span>\r\n                <span class=\"total-subtext\">(pro Reinigung)<\/span>\r\n            <\/div>\r\n            <div class=\"footer-center\">\r\n                <div class=\"swipe-handle\"><\/div>\r\n            <\/div>\r\n            <div class=\"footer-right\">\r\n                <span id=\"footer-summary-total\" class=\"total-amount\">CHF 86.37<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"konfigurator-footer-content\" class=\"konfigurator-footer-content\">\r\n            <div class=\"konfigurator-summary-row\"><span>Anzahl Stunden:<\/span> <span id=\"footer-summary-stunden\">2.0<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Subtotal CHF:<\/span> <span id=\"footer-summary-subtotal\">CHF 79.90<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>exkl. MWST (8.1%):<\/span> <span id=\"footer-summary-mwst\">CHF 6.47<\/span><\/div>\r\n            <hr>\r\n            <div class=\"konfigurator-summary-row\"><span>Anzahl Quadratmeter:<\/span> <span id=\"footer-summary-quadratmeter\">10-99<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Anzahl Zimmer:<\/span> <span id=\"footer-summary-zimmer\">1<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Anzahl Nasszellen:<\/span> <span id=\"footer-summary-nasszellen\">1<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Objekt:<\/span> <span id=\"footer-summary-objekt\">Wohnung<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Einsatzrhytmus:<\/span> <span id=\"footer-summary-einsatzrhythmus\">W\u00f6chentlich<\/span><\/div>\r\n            <div class=\"konfigurator-summary-row\"><span>Zusatzdienstleistungen:<\/span> <span id=\"footer-summary-dienstleistungen\">Keine<\/span><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n\/* Reinigungsmaterial-Popup *\/\r\nconst link = document.getElementById('reinigungsmaterial-link');\r\nif (link) {\r\n  link.addEventListener('click', function(event) {\r\n    event.preventDefault();\r\n    const popup = document.getElementById('reinigungsmaterial-popup');\r\n    popup.style.display = 'flex';\r\n  });\r\n}\r\n\r\ndocument.getElementById(\"popup-close\").addEventListener(\"click\", function () {\r\n  document.getElementById(\"reinigungsmaterial-popup\").style.display = \"none\";\r\n});\r\n\r\ndocument.getElementById('reinigungsmaterial-popup').addEventListener('click', function(e) {\r\n  if (e.target === this) {\r\n    this.style.display = 'none';\r\n  }\r\n});\r\n\r\n\/* Konfigurator-Logik *\/\r\n\r\nlet currentService = '';\r\nconst services = {};\r\nlet autoHours   = 2;  \/\/ automatisch berechnete Stunden\r\nlet manualHours = 2;  \/\/ manuell gew\u00e4hlte Stunden (min. 2h)\r\n\r\nfunction openModal(service) {\r\n    currentService = service;\r\n    document.getElementById('konfigurator-modal-title').textContent = `Stunden f\u00fcr ${service} ausw\u00e4hlen`;\r\n    const modal = document.getElementById('konfigurator-modal');\r\n    modal.style.display = 'flex';\r\n}\r\n\r\nfunction closeModal() {\r\n    const modal = document.getElementById('konfigurator-modal');\r\n    modal.style.display = 'none';\r\n}\r\n\r\nfunction saveSelection() {\r\n    const hours = document.getElementById('konfigurator-stunden').value;\r\n    services[currentService] = parseFloat(hours);\r\n    closeModal();\r\n    updateSummary();\r\n}\r\n\r\nfunction toggleSection(sectionId, toggleIconId) {\r\n    const section = document.getElementById(sectionId);\r\n    const icon = document.getElementById(toggleIconId);\r\n\r\n    if (section.style.display === 'none' || section.style.display === '') {\r\n        section.style.display = 'block';\r\n        icon.textContent = '-';\r\n    } else {\r\n        section.style.display = 'none';\r\n        icon.textContent = '+';\r\n    }\r\n}\r\n\r\nfunction updateManualDurationDisplay() {\r\n    const el = document.getElementById('manual-duration-value');\r\n    if (!el) return;\r\n    let text = manualHours.toFixed(1);\r\n    if (text.endsWith('.0')) text = text.slice(0, -2);\r\n    el.textContent = text + 'h';\r\n}\r\n\r\nfunction updateDurationModeUI() {\r\n    const manualControls = document.getElementById('manual-duration-controls');\r\n    const checked = document.querySelector('input[name=\"duration_mode\"]:checked');\r\n    const mode = checked ? checked.value : 'auto';\r\n\r\n    if (mode === 'manual') {\r\n        manualControls.style.display = 'block';\r\n        manualHours = Math.max(2, autoHours);\r\n        updateManualDurationDisplay();\r\n    } else {\r\n        manualControls.style.display = 'none';\r\n    }\r\n}\r\n\r\nfunction updateSummary() {\r\n    const hourlyRate = 39.95;\r\n    const mwstRate   = 0.081;\r\n\r\n    let hoursCalc = 2; \/\/ Basisstunden\r\n\r\n    \/\/ Quadratmeter-Berechnung\r\n    const quadratmeter = document.getElementById('anzahl_quadratmeter').value;\r\n    if (quadratmeter === '100-199') hoursCalc += 0.5;\r\n    if (quadratmeter === '200-299') hoursCalc += 1;\r\n    if (quadratmeter === '300-399') hoursCalc += 1.5;\r\n    if (quadratmeter === '400+')    hoursCalc += 2;\r\n\r\n    \/\/ Zimmer-Berechnung\r\n    const zimmer = parseFloat(document.getElementById('anzahl_zimmer').value) || 1;\r\n    if (zimmer >= 3.5) hoursCalc += 0.5;\r\n    if (zimmer >= 6.5) hoursCalc += 0.5;\r\n    if (zimmer >= 9.5) hoursCalc += 0.5;\r\n\r\n    \/\/ Nasszellen-Berechnung\r\n    const nasszellen = parseInt(document.getElementById('anzahl_nasszellen').value) || 1;\r\n    if (nasszellen > 1) hoursCalc += (nasszellen - 1) * 0.5;\r\n\r\n    \/\/ Einsatzrhythmus-Berechnung\r\n    const einsatzrhythmus = document.getElementById('einsatzrhythmus').value;\r\n    if (einsatzrhythmus === '14-t\u00e4glich') {\r\n        hoursCalc += 0.5;\r\n    }\r\n\r\n    \/\/ Hidden-Inputs f\u00fcr Zusatzdienstleistungen\r\n    document.querySelectorAll('input[name=\"zusatzdienstleistungen[]\"]').forEach(i => i.remove());\r\n    const form = document.getElementById('cleaningForm');\r\n    for (const [name, value] of Object.entries(services)) {\r\n        if (value > 0) {\r\n            const inp = document.createElement('input');\r\n            inp.type  = 'hidden';\r\n            inp.name  = 'zusatzdienstleistungen[]';\r\n            inp.value = name;\r\n            form.appendChild(inp);\r\n            hoursCalc += value;\r\n        }\r\n    }\r\n\r\n    autoHours = hoursCalc;\r\n\r\n    \/\/ Objekt\r\n    const objekt = document.getElementById('objekt').value;\r\n\r\n    \/\/ Stundenwahl: automatisch oder manuell\r\n    let hours = autoHours;\r\n    const durationMode = document.querySelector('input[name=\"duration_mode\"]:checked');\r\n    if (durationMode && durationMode.value === 'manual') {\r\n        hours = manualHours;\r\n    }\r\n\r\n    \/\/ Zusammenfassung aktualisieren\r\n    document.getElementById('summary_objekt').textContent = objekt;\r\n    document.getElementById('summary_quadratmeter').textContent = quadratmeter;\r\n    document.getElementById('summary_zimmer').textContent = zimmer;\r\n    document.getElementById('summary_nasszellen').textContent = nasszellen;\r\n    document.getElementById('summary_einsatzrhythmus').textContent = einsatzrhythmus;\r\n    document.getElementById('summary_dienstleistungen').innerHTML = \r\n        Object.keys(services).filter(k => services[k] > 0)\r\n            .map(k => `${k}: ${services[k]} Stunden`).join('<br>') || 'Keine';\r\n    document.getElementById('summary_stunden').textContent = hours.toFixed(1);\r\n\r\n    \/\/ Preisberechnung\r\n    const subtotal = hours * hourlyRate;\r\n    const mwst     = subtotal * mwstRate;\r\n    const total    = subtotal + mwst;\r\n\r\n    document.getElementById('summary_subtotal').textContent = `CHF ${subtotal.toFixed(2)}`;\r\n    document.getElementById('summary_mwst').textContent      = `CHF ${mwst.toFixed(2)}`;\r\n    document.getElementById('summary_total').textContent    = `CHF ${total.toFixed(2)}`;\r\n\r\n    \/\/ Versteckte Felder\r\n    document.getElementById('anzahl_stunden').value = hours.toFixed(1);\r\n    document.getElementById('subtotal').value       = subtotal.toFixed(2);\r\n    document.getElementById('mwst').value           = mwst.toFixed(2);\r\n    document.getElementById('anzahl_franken').value = total.toFixed(2);\r\n\r\n    \/\/ Sticky-Footer\r\n    if (document.getElementById('footer-summary-stunden')) {\r\n        document.getElementById('footer-summary-stunden').textContent       = hours.toFixed(1);\r\n        document.getElementById('footer-summary-subtotal').textContent     = `CHF ${subtotal.toFixed(2)}`;\r\n        document.getElementById('footer-summary-mwst').textContent          = `CHF ${mwst.toFixed(2)}`;\r\n        document.getElementById('footer-summary-total').textContent        = `CHF ${total.toFixed(2)}`;\r\n        document.getElementById('footer-summary-quadratmeter').textContent  = quadratmeter;\r\n        document.getElementById('footer-summary-zimmer').textContent        = zimmer;\r\n        document.getElementById('footer-summary-nasszellen').textContent    = nasszellen;\r\n        document.getElementById('footer-summary-objekt').textContent        = objekt;\r\n        document.getElementById('footer-summary-einsatzrhythmus').textContent = einsatzrhythmus;\r\n        document.getElementById('footer-summary-dienstleistungen').innerHTML = \r\n            Object.keys(services).filter(k => services[k] > 0)\r\n                .map(k => `${k}: ${services[k]} Std.`).join('<br>') || 'Keine';\r\n    }\r\n}\r\n\r\n\/\/ Sticky Footer\r\nfunction toggleStickyFooter() {\r\n    const footerContent = document.getElementById('konfigurator-footer-content');\r\n    const footer        = document.getElementById('konfigurator-sticky-footer');\r\n    const isVisible     = footerContent.style.display === 'block';\r\n\r\n    footerContent.style.display = isVisible ? 'none' : 'block';\r\n    footer.style.height         = isVisible ? '60px' : 'auto';\r\n}\r\n\r\nlet startY;\r\nconst footerEl = document.getElementById('konfigurator-sticky-footer');\r\nfooterEl.addEventListener('touchstart', e => startY = e.touches[0].clientY);\r\nfooterEl.addEventListener('touchend', e => {\r\n    const endY = e.changedTouches[0].clientY;\r\n    if (startY - endY > 50 || endY - startY > 50) {\r\n        toggleStickyFooter();\r\n    }\r\n});\r\n\r\n\/\/ Initialisierung\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    \/\/ Standard-Kachel \"W\u00f6chentlich\"\r\n    const defaultKachel = document.querySelector('.konfigurator-kachel[data-value=\"W\u00f6chentlich\"]');\r\n    if (defaultKachel) {\r\n        defaultKachel.classList.add('selected');\r\n    }\r\n\r\n    \/\/ Klick-Handler f\u00fcr Kacheln\r\n    document.querySelectorAll('.konfigurator-kachel').forEach(kachel => {\r\n        kachel.addEventListener('click', function () {\r\n            document.querySelectorAll('.konfigurator-kachel').forEach(k => k.classList.remove('selected'));\r\n            this.classList.add('selected');\r\n            document.getElementById('einsatzrhythmus').value = this.getAttribute('data-value');\r\n            updateSummary();\r\n        });\r\n    });\r\n\r\n    \/\/ Radio-Buttons & Zeilen im Reinigungsdauer-Block\r\n    document.querySelectorAll('.reinigungsdauer-section .duration-mode-row').forEach(row => {\r\n        row.addEventListener('click', function (e) {\r\n            const radio = this.querySelector('input[type=\"radio\"]');\r\n            if (e.target !== radio) {\r\n                radio.checked = true;\r\n            }\r\n            updateDurationModeUI();\r\n            updateSummary();\r\n        });\r\n    });\r\n\r\n    document.querySelectorAll('input[name=\"duration_mode\"]').forEach(radio => {\r\n        radio.addEventListener('change', function () {\r\n            updateDurationModeUI();\r\n            updateSummary();\r\n        });\r\n    });\r\n\r\n    \/\/ +\/- Buttons f\u00fcr manuelle Dauer\r\n    const btnMinus = document.getElementById('manual-duration-minus');\r\n    const btnPlus  = document.getElementById('manual-duration-plus');\r\n\r\n    if (btnMinus && btnPlus) {\r\n        btnMinus.addEventListener('click', function () {\r\n            manualHours = Math.max(2, manualHours - 0.5);   \/\/ nie unter 2h\r\n            updateManualDurationDisplay();\r\n            updateSummary();\r\n        });\r\n\r\n        btnPlus.addEventListener('click', function () {\r\n            manualHours = Math.min(12, manualHours + 0.5);\r\n            updateManualDurationDisplay();\r\n            updateSummary();\r\n        });\r\n    }\r\n\r\n    updateManualDurationDisplay();\r\n    updateDurationModeUI();\r\n    updateSummary();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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<div class=\"pix-divider  position-relative pix-bottom-divider elementor-element elementor-element-a15ab3f\" data-style=\"style-8\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"300px\" viewBox=\"0 0 1200 366\" preserveAspectRatio=\"none\"><polygon fill=\"#ffffff\" points=\"0 360 1200 120 1200 366 0 366\"\/><defs><\/defs><\/svg><\/div>\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Limpieza Libro Rellena el siguiente configurador y reserva tu limpieza hoy mismo. Se te asignar\u00e1 una limpiadora adecuada en un plazo de 72 horas, en funci\u00f3n de tus necesidades. Tenga en cuenta: este configurador est\u00e1 disponible actualmente solo en alem\u00e1n&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7792","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/pages\/7792","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/comments?post=7792"}],"version-history":[{"count":21,"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/pages\/7792\/revisions"}],"predecessor-version":[{"id":253987,"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/pages\/7792\/revisions\/253987"}],"wp:attachment":[{"href":"https:\/\/www.putz24.ch\/es\/wp-json\/wp\/v2\/media?parent=7792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}