{"id":130,"date":"2026-04-06T21:55:17","date_gmt":"2026-04-06T19:55:17","guid":{"rendered":"https:\/\/test.bankstelherstel.nl\/?page_id=130"},"modified":"2026-04-08T15:27:58","modified_gmt":"2026-04-08T13:27:58","slug":"vloer","status":"publish","type":"page","link":"https:\/\/test.bankstelherstel.nl\/index.php\/vloer\/","title":{"rendered":"vloer"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Vloerreiniging Rekentool &#8211; incl. &#038; excl. BTW<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: linear-gradient(145deg, #e0eaf5 0%, #cfdef0 100%);\n            font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n            padding: 2rem 1.5rem;\n            min-height: 100vh;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 2rem;\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.35);\n            overflow: hidden;\n        }\n\n        .header {\n            background: #1e2f3f;\n            padding: 1.8rem 2rem;\n            color: white;\n        }\n\n        .header h1 {\n            font-size: 1.9rem;\n            margin-bottom: 0.4rem;\n        }\n\n        .badge-container {\n            display: flex;\n            gap: 1rem;\n            flex-wrap: wrap;\n            margin-top: 0.7rem;\n        }\n\n        .badge {\n            background: #f5b042;\n            color: #1e2f3f;\n            display: inline-block;\n            padding: 0.2rem 0.8rem;\n            border-radius: 40px;\n            font-size: 0.75rem;\n            font-weight: 600;\n        }\n\n        .badge-incl {\n            background: #2e7d64;\n            color: white;\n        }\n\n        .content {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 2rem;\n            padding: 2rem;\n        }\n\n        .services {\n            flex: 2.5;\n            min-width: 320px;\n        }\n\n        .summary {\n            flex: 1.2;\n            min-width: 280px;\n            background: #f8fafd;\n            border-radius: 1.5rem;\n            padding: 1.5rem;\n            border: 1px solid #eef2f8;\n            height: fit-content;\n            position: sticky;\n            top: 1.5rem;\n        }\n\n        .category {\n            background: white;\n            border-radius: 1.2rem;\n            border: 1px solid #e9edf2;\n            margin-bottom: 1.5rem;\n            overflow: hidden;\n        }\n\n        .category-title {\n            background: #f2f5f9;\n            padding: 0.9rem 1.2rem;\n            font-weight: 700;\n            font-size: 1.1rem;\n            border-bottom: 1px solid #e2e8f0;\n            color: #1e2f3f;\n        }\n\n        .service-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0.8rem 1.2rem;\n            border-bottom: 1px solid #eff3f8;\n            flex-wrap: wrap;\n            gap: 8px;\n        }\n\n        .service-row:last-child {\n            border-bottom: none;\n        }\n\n        .service-info {\n            flex: 2;\n            min-width: 180px;\n        }\n\n        .service-name {\n            font-weight: 600;\n            font-size: 0.9rem;\n            color: #1f2e3a;\n        }\n\n        .service-desc {\n            font-size: 0.65rem;\n            color: #5d6f7f;\n            margin-top: 2px;\n        }\n\n        .price-container {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n        }\n\n        .price-excl {\n            font-weight: 700;\n            color: #2266a8;\n            background: #eef3fc;\n            padding: 0.2rem 0.6rem;\n            border-radius: 30px;\n            font-size: 0.8rem;\n            white-space: nowrap;\n        }\n\n        .price-incl {\n            font-size: 0.65rem;\n            color: #2e7d64;\n            margin-top: 2px;\n        }\n\n        .input-group {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .input-group label {\n            font-size: 0.7rem;\n            color: #3e5a6b;\n        }\n\n        .m2-input {\n            width: 80px;\n            padding: 0.45rem;\n            border-radius: 0.8rem;\n            border: 1px solid #cbdde9;\n            text-align: center;\n            font-size: 0.85rem;\n        }\n\n        .m2-input:focus {\n            outline: none;\n            border-color: #2266a8;\n        }\n\n        .summary-title {\n            font-weight: 700;\n            font-size: 1.3rem;\n            border-bottom: 2px solid #dce5ef;\n            padding-bottom: 0.7rem;\n            margin-bottom: 1rem;\n            color: #1e2f3f;\n        }\n\n        #selectedList {\n            list-style: none;\n            margin-bottom: 1.5rem;\n            max-height: 350px;\n            overflow-y: auto;\n        }\n\n        #selectedList li {\n            display: flex;\n            justify-content: space-between;\n            padding: 0.5rem 0;\n            border-bottom: 1px dashed #e2e8f0;\n            font-size: 0.8rem;\n        }\n\n        .total-box {\n            background: #eef2f7;\n            padding: 1rem;\n            border-radius: 1rem;\n            text-align: center;\n        }\n\n        .total-label {\n            font-weight: 600;\n            margin-bottom: 5px;\n        }\n\n        .total-amount-excl {\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: #2266a8;\n        }\n\n        .total-amount-incl {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #2e7d64;\n            margin-top: 5px;\n        }\n\n        .vat-note {\n            font-size: 0.7rem;\n            color: #6f8eae;\n            margin-top: 5px;\n        }\n\n        .btn-reset {\n            width: 100%;\n            padding: 0.7rem;\n            margin-top: 1rem;\n            background: none;\n            border: 1px solid #cbdde9;\n            border-radius: 2rem;\n            cursor: pointer;\n            font-size: 0.8rem;\n            transition: 0.2s;\n        }\n\n        .btn-reset:hover {\n            background: #eef2fa;\n            border-color: #99b8d4;\n        }\n\n        .footer {\n            padding: 1rem 2rem 1.5rem;\n            background: #fefcf7;\n            border-top: 1px solid #ecf3f9;\n            font-size: 0.7rem;\n            text-align: center;\n            color: #587b9c;\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); background: #eef2f7; }\n            50% { transform: scale(1.02); background: #e0e8f0; }\n            100% { transform: scale(1); background: #eef2f7; }\n        }\n        .highlight {\n            animation: pulse 0.4s ease;\n        }\n\n        @media (max-width: 900px) {\n            .content { padding: 1rem; gap: 1rem; }\n            .service-row { flex-direction: column; align-items: flex-start; }\n            .input-group { align-self: flex-end; }\n            .summary { position: static; }\n            .price-container { align-items: flex-start; margin-top: 5px; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n    <div class=\"header\">\n        <h1>\ud83e\uddf9 Vloerreiniging Rekentool<\/h1>\n        <p>Reinigen, opwrijven, polijsten en onderhoud \u00b7 alle vloersoorten<\/p>\n        <div class=\"badge-container\">\n            <div class=\"badge\">Alle prijzen exclusief 21% BTW<\/div>\n            <div class=\"badge badge-incl\">Inclusief BTW (21%) klein weergegeven<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"content\">\n        <div class=\"services\">\n            <!-- NATUURSTEEN -->\n            <div class=\"category\">\n                <div class=\"category-title\">\u26f0\ufe0f NATUURSTEEN<\/div>\n                \n                <!-- Marmer -->\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Marmer &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Voorzichtig reinigen, beschermende wax<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 8,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 10,29 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"marmer\" value=\"0\" min=\"0\" step=\"1\" data-price=\"8.50\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Marmer &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Glans herstellen, krassen verwijderen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 15,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 18,15 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"marmerPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"15.00\"><\/div>\n                <\/div>\n                \n                <!-- Travertin -->\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Travertin &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Speciale reiniging voor poreuze steen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 8,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 10,29 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"travertin\" value=\"0\" min=\"0\" step=\"1\" data-price=\"8.50\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Travertin &#8211; polijsten + vullen<\/div>\n                        <div class=\"service-desc\">Polijsten + gaatjes vullen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 16,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 19,36 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"travertinPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"16.00\"><\/div>\n                <\/div>\n                \n                <!-- Graniet -->\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Graniet &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Dieptereiniging, beschermende laag<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 7,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 8,47 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"graniet\" value=\"0\" min=\"0\" step=\"1\" data-price=\"7.00\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Graniet &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Hoogglans, diamantpolijsten<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 12,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 14,52 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"granietPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"12.00\"><\/div>\n                <\/div>\n                \n                <!-- Kwartsiet -->\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Kwartsiet &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Intensieve reiniging, bescherming<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 7,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 9,08 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"kwartsiet\" value=\"0\" min=\"0\" step=\"1\" data-price=\"7.50\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Kwartsiet &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Glans herstellen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 13,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 15,73 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"kwartsietPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"13.00\"><\/div>\n                <\/div>\n                \n                <!-- Leisteen -->\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Leisteen &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Grondige reiniging, impregneren<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 7,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 8,47 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"leisteen\" value=\"0\" min=\"0\" step=\"1\" data-price=\"7.00\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Leisteen &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Matte glans, egaliseren<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 11,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 13,31 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"leisteenPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"11.00\"><\/div>\n                <\/div>\n            <\/div>\n\n           \n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Composiet &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Milde reiniging, bescherming<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 7,87 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"composiet\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.50\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Composiet &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Glans herstellen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 14,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 16,94 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"composietPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"14.00\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Gewassen beton &#8211; reinigen<\/div>\n                        <div class=\"service-desc\">Hogedruk reiniging, opfrissen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 7,26 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"gewassenBeton\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.00\"><\/div>\n                <\/div>\n            <\/div>\n\n           \n            <!-- LINOLEUM & KURK -->\n            <div class=\"category\">\n                <div class=\"category-title\">\ud83c\udf3e LINOLEUM &#038; KURK<\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Linoleum &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Slijtlaag reinigen, wax<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 5,75 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 6,96 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"linoleum\" value=\"0\" min=\"0\" step=\"1\" data-price=\"5.75\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Linoleum &#8211; schuren + waxen<\/div>\n                        <div class=\"service-desc\">Oude wax verwijderen, nieuwe wax<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 11,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 13,31 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"linoleumSchuren\" value=\"0\" min=\"0\" step=\"1\" data-price=\"11.00\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Marmoleum &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Voorzichtig reinigen, natuurlijk glans<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 7,26 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"marmoleum\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.00\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Kurklinoleum &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Milde reiniging, bescherming<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 7,87 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"kurklinoleum\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.50\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Kurk &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Droog reinigen, beschermende lak<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 7,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 8,47 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"kurk\" value=\"0\" min=\"0\" step=\"1\" data-price=\"7.00\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Kurk &#8211; schuren + lakken<\/div>\n                        <div class=\"service-desc\">Oude lak verwijderen, nieuwe lak<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 14,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 16,94 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"kurkSchuren\" value=\"0\" min=\"0\" step=\"1\" data-price=\"14.00\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Artoleum &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Artistiek linoleum, voorzichtig reinigen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,75 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 8,17 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"artoleum\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.75\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PVC, RUBBER, EPOXY -->\n            <div class=\"category\">\n                <div class=\"category-title\">\ud83e\udde9 PVC, RUBBER &#038; EPOXY<\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Homogene PVC &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Dieptereiniging, matglans<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 5,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 6,05 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"pvcHomo\" value=\"0\" min=\"0\" step=\"1\" data-price=\"5.00\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Homogene PVC &#8211; schuren + waxen<\/div>\n                        <div class=\"service-desc\">Oude laag verwijderen, nieuwe wax<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 9,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 11,50 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"pvcHomoSchuren\" value=\"0\" min=\"0\" step=\"1\" data-price=\"9.50\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Heterogene PVC &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Voorzichtig reinigen, bescherming<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 4,75 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 5,75 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"pvcHetero\" value=\"0\" min=\"0\" step=\"1\" data-price=\"4.75\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Rubber &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Speciale rubberreiniger, matglans<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 5,50 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 6,66 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"rubber\" value=\"0\" min=\"0\" step=\"1\" data-price=\"5.50\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Rubber &#8211; dieptereiniging + wax<\/div>\n                        <div class=\"service-desc\">Intensieve reiniging, beschermende wax<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 9,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 10,89 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"rubberDiep\" value=\"0\" min=\"0\" step=\"1\" data-price=\"9.00\"><\/div>\n                <\/div>\n                \n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Epoxy &#8211; reinigen + opwrijven<\/div>\n                        <div class=\"service-desc\">Chemische reiniging, glans<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 6,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 7,26 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"epoxy\" value=\"0\" min=\"0\" step=\"1\" data-price=\"6.00\"><\/div>\n                <\/div>\n                <div class=\"service-row\">\n                    <div class=\"service-info\">\n                        <div class=\"service-name\">Epoxy &#8211; polijsten<\/div>\n                        <div class=\"service-desc\">Hoogglans, krassen verwijderen<\/div>\n                    <\/div>\n                    <div class=\"price-container\">\n                        <div class=\"price-excl\">\u20ac 12,00 \/m\u00b2 excl.<\/div>\n                        <div class=\"price-incl\">\u20ac 14,52 \/m\u00b2 incl.<\/div>\n                    <\/div>\n                    <div class=\"input-group\"><label>m\u00b2:<\/label><input type=\"number\" class=\"m2-input\" id=\"epoxyPolijsten\" value=\"0\" min=\"0\" step=\"1\" data-price=\"12.00\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"summary\" id=\"summaryBlock\">\n            <div class=\"summary-title\">\ud83d\udcb0 Prijsoverzicht<\/div>\n            <ul id=\"selectedList\">\n                <li style=\"color:#888; justify-content:center;\">Voer m\u00b2 in bij de diensten<\/li>\n            <\/ul>\n            <div class=\"total-box\" id=\"totalBox\">\n                <div class=\"total-label\">Subtotaal exclusief BTW<\/div>\n                <div class=\"total-amount-excl\" id=\"totalAmountExcl\">\u20ac 0,00<\/div>\n                <div class=\"total-label\" style=\"margin-top: 12px;\">Inclusief 21% BTW<\/div>\n                <div class=\"total-amount-incl\" id=\"totalAmountIncl\">\u20ac 0,00<\/div>\n                <div class=\"vat-note\">BTW 21%<\/div>\n            <\/div>\n            <button class=\"btn-reset\" id=\"resetBtn\">\ud83d\udd04 Alle velden wissen<\/button>\n        <\/div>\n    <\/div>\n    <div class=\"footer\">\n        * Alle prijzen zijn per m\u00b2. Polijsten bij natuursteen vereist vaak voorreiniging. Prijzen zijn richtprijzen exclusief eventuele voorrijkosten. Inclusief BTW berekend met 21%.\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Alle input ID's met hun prijzen (excl. BTW)\n    var inputConfigs = [\n        { id: 'marmer', price: 8.50, name: 'Marmer - reinigen+opwrijven' },\n        { id: 'marmerPolijsten', price: 15.00, name: 'Marmer - polijsten' },\n        { id: 'travertin', price: 8.50, name: 'Travertin - reinigen+opwrijven' },\n        { id: 'travertinPolijsten', price: 16.00, name: 'Travertin - polijsten+vullen' },\n        { id: 'graniet', price: 7.00, name: 'Graniet - reinigen+opwrijven' },\n        { id: 'granietPolijsten', price: 12.00, name: 'Graniet - polijsten' },\n        { id: 'kwartsiet', price: 7.50, name: 'Kwartsiet - reinigen+opwrijven' },\n        { id: 'kwartsietPolijsten', price: 13.00, name: 'Kwartsiet - polijsten' },\n        { id: 'leisteen', price: 7.00, name: 'Leisteen - reinigen+opwrijven' },\n        { id: 'leisteenPolijsten', price: 11.00, name: 'Leisteen - polijsten' },\n        { id: 'beton', price: 5.00, name: 'Beton - reinigen+opwrijven' },\n        { id: 'betonPolijsten', price: 18.00, name: 'Beton - polijsten' },\n        { id: 'composiet', price: 6.50, name: 'Composiet - reinigen+opwrijven' },\n        { id: 'composietPolijsten', price: 14.00, name: 'Composiet - polijsten' },\n        { id: 'gewassenBeton', price: 6.00, name: 'Gewassen beton - reinigen' },\n        { id: 'keramiek', price: 5.50, name: 'Keramische tegels - reinigen+opwrijven' },\n        { id: 'keramiekDiep', price: 8.00, name: 'Keramische tegels - dieptereiniging' },\n        { id: 'siergrind', price: 9.00, name: 'Siergrind - reinigen+opwrijven' },\n        { id: 'linoleum', price: 5.75, name: 'Linoleum - reinigen+opwrijven' },\n        { id: 'linoleumSchuren', price: 11.00, name: 'Linoleum - schuren+waxen' },\n        { id: 'marmoleum', price: 6.00, name: 'Marmoleum - reinigen+opwrijven' },\n        { id: 'kurklinoleum', price: 6.50, name: 'Kurklinoleum - reinigen+opwrijven' },\n        { id: 'kurk', price: 7.00, name: 'Kurk - reinigen+opwrijven' },\n        { id: 'kurkSchuren', price: 14.00, name: 'Kurk - schuren+lakken' },\n        { id: 'artoleum', price: 6.75, name: 'Artoleum - reinigen+opwrijven' },\n        { id: 'pvcHomo', price: 5.00, name: 'Homogene PVC - reinigen+opwrijven' },\n        { id: 'pvcHomoSchuren', price: 9.50, name: 'Homogene PVC - schuren+waxen' },\n        { id: 'pvcHetero', price: 4.75, name: 'Heterogene PVC - reinigen+opwrijven' },\n        { id: 'rubber', price: 5.50, name: 'Rubber - reinigen+opwrijven' },\n        { id: 'rubberDiep', price: 9.00, name: 'Rubber - dieptereiniging+wax' },\n        { id: 'epoxy', price: 6.00, name: 'Epoxy - reinigen+opwrijven' },\n        { id: 'epoxyPolijsten', price: 12.00, name: 'Epoxy - polijsten' }\n    ];\n    \n    var totalSpanExcl = document.getElementById('totalAmountExcl');\n    var totalSpanIncl = document.getElementById('totalAmountIncl');\n    var selectedList = document.getElementById('selectedList');\n    var resetBtn = document.getElementById('resetBtn');\n    var totalBox = document.getElementById('totalBox');\n    var summaryBlock = document.getElementById('summaryBlock');\n    \n    var allInputs = [];\n    var inputElements = {};\n    \n    \/\/ Maak alle input elementen aan\n    for (var i = 0; i < inputConfigs.length; i++) {\n        var config = inputConfigs[i];\n        var element = document.getElementById(config.id);\n        if (element) {\n            element.setAttribute('data-price', config.price);\n            element.setAttribute('data-name', config.name);\n            allInputs.push(element);\n            inputElements[config.id] = element;\n        }\n    }\n    \n    \/\/ BTW percentage\n    var BTW_PERCENTAGE = 21;\n    \n    function berekenAlles() {\n        var totaalExcl = 0;\n        var geselecteerd = [];\n        \n        for (var i = 0; i < inputConfigs.length; i++) {\n            var config = inputConfigs[i];\n            var input = inputElements[config.id];\n            if (input) {\n                var m2 = parseFloat(input.value) || 0;\n                var prijs = config.price;\n                \n                if (m2 > 0 && prijs > 0) {\n                    var bedrag = m2 * prijs;\n                    totaalExcl += bedrag;\n                    geselecteerd.push({ \n                        naam: config.name, \n                        m2: m2, \n                        bedragExcl: bedrag,\n                        bedragIncl: bedrag * (1 + BTW_PERCENTAGE \/ 100)\n                    });\n                }\n            }\n        }\n        \n        var totaalIncl = totaalExcl * (1 + BTW_PERCENTAGE \/ 100);\n        \n        if (geselecteerd.length === 0) {\n            selectedList.innerHTML = '<li style=\"color:#888; justify-content:center;\">Voer m\u00b2 in bij de diensten<\/li>';\n        } else {\n            var html = '';\n            for (var i = 0; i < geselecteerd.length; i++) {\n                var item = geselecteerd[i];\n                html += '<li><span>' + item.naam + ' (' + item.m2 + ' m\u00b2)<\/span><span style=\"font-weight:bold; color:#1b6b3c;\">\u20ac ' + item.bedragExcl.toFixed(2) + ' <span style=\"font-size:0.7rem; color:#2e7d64;\">(\u20ac ' + item.bedragIncl.toFixed(2) + ' incl.)<\/span><\/span><\/li>';\n            }\n            selectedList.innerHTML = html;\n        }\n        \n        totalSpanExcl.innerHTML = '\u20ac ' + totaalExcl.toFixed(2);\n        totalSpanIncl.innerHTML = '\u20ac ' + totaalIncl.toFixed(2);\n    }\n    \n    var scrollTimeout;\n    function scrollEnHighlight() {\n        summaryBlock.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n        totalBox.classList.add('highlight');\n        setTimeout(function() {\n            totalBox.classList.remove('highlight');\n        }, 400);\n    }\n    \n    function handleInput(e) {\n        var waarde = parseFloat(e.target.value);\n        if (isNaN(waarde)) waarde = 0;\n        if (waarde < 0) waarde = 0;\n        e.target.value = waarde;\n        \n        berekenAlles();\n        \n        if (waarde > 0) {\n            if (scrollTimeout) clearTimeout(scrollTimeout);\n            scrollTimeout = setTimeout(function() {\n                scrollEnHighlight();\n            }, 150);\n        }\n    }\n    \n    function resetAll() {\n        for (var i = 0; i < allInputs.length; i++) {\n            allInputs[i].value = 0;\n        }\n        berekenAlles();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n    \n    for (var i = 0; i < allInputs.length; i++) {\n        allInputs[i].addEventListener('input', handleInput);\n    }\n    \n    resetBtn.addEventListener('click', resetAll);\n    berekenAlles();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Vloerreiniging Rekentool &#8211; incl. &#038; excl. BTW \ud83e\uddf9 Vloerreiniging Rekentool Reinigen, opwrijven, polijsten en onderhoud \u00b7 alle vloersoorten Alle prijzen exclusief 21% BTW Inclusief BTW (21%) klein weergegeven \u26f0\ufe0f NATUURSTEEN Marmer &#8211; reinigen + opwrijven Voorzichtig reinigen, beschermende wax \u20ac 8,50 \/m\u00b2 excl. \u20ac 10,29 \/m\u00b2 incl. m\u00b2: Marmer &#8211; polijsten Glans herstellen, krassen verwijderen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":17,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}