[{"content":" ⛽ Benzine Kosten Calculator Bereken de benzinekosten voor een rit op basis van afstand, verbruik en prijs per liter.\nAfstand (km) Verbruik (L/100 km) Benzineprijs (\u0026euro; per L) 📊 Kostenoverzicht Totale kosten \u0026euro;\u0026thinsp;0,00\nKosten per km \u0026euro;\u0026thinsp;0,00\nPrijzen zijn indicatief. Gebruik een punt (.) als decimaal scheidingsteken. ","permalink":"https://simpelberekenen.nl/calculators/benzine-calculator/","summary":"\u003cstyle\u003e\n.benzine-calc {\n  max-width: 520px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n  font-family: system-ui, -apple-system, sans-serif;\n}\n.benzine-calc h2 {\n  margin-top: 0;\n  font-size: 1.4rem;\n  color: #111;\n}\n.benzine-calc p.sub {\n  color: #666;\n  margin-bottom: 1.2rem;\n  font-size: 0.9rem;\n}\n.benzine-calc label {\n  display: block;\n  margin: 1rem 0 0.35rem;\n  font-weight: 600;\n  font-size: 0.9rem;\n  color: #333;\n}\n.benzine-calc input {\n  width: 100%;\n  padding: 0.7rem 0.8rem;\n  font-size: 1rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 8px;\n  box-sizing: border-box;\n  transition: border-color 0.2s;\n}\n.benzine-calc input:focus {\n  outline: none;\n  border-color: #2563eb;\n  box-shadow: 0 0 0 3px rgba(37,99,235,0.15);\n}\n.benzine-calc .form-row-inline {\n  display: flex;\n  gap: 1rem;\n}\n.benzine-calc .form-row-inline \u003e div {\n  flex: 1;\n}\n.benzine-calc .results {\n  margin-top: 1.5rem;\n  padding: 1.2rem;\n  background: #f0f5ff;\n  border-radius: 10px;\n  border-left: 4px solid #2563eb;\n}\n.benzine-calc .results h3 {\n  margin: 0 0 0.5rem 0;\n  font-size: 1rem;\n  color: #1e3a8a;\n}\n.benzine-calc .results p {\n  margin: 0.5rem 0;\n  font-size: 1rem;\n  display: flex;\n  justify-content: space-between;\n}\n.benzine-calc .results .value {\n  font-weight: 700;\n  color: #1e3a8a;\n}\n.benzine-calc .results .value.highlight {\n  font-size: 1.3rem;\n  color: #1e40af;\n}\n.benzine-calc .results .label {\n  color: #374151;\n}\n.benzine-calc .note {\n  margin-top: 1rem;\n  font-size: 0.8rem;\n  color: #6b7280;\n  text-align: center;\n}\n@media (max-width: 500px) {\n  .benzine-calc { padding: 1.2rem; }\n  .benzine-calc .form-row-inline { flex-direction: column; gap: 0; }\n}\n\n  [data-theme=\"dark\"] .benzine-calc {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .benzine-calc h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .benzine-calc h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .benzine-calc p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .benzine-calc label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .benzine-calc input,\n  [data-theme=\"dark\"] .benzine-calc select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .benzine-calc input:focus,\n  [data-theme=\"dark\"] .benzine-calc select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .benzine-calc .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .benzine-calc .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .benzine-calc .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"benzine-calc\"\u003e\n  \u003ch2\u003e⛽ Benzine Kosten Calculator\u003c/h2\u003e\n  \u003cp class=\"sub\"\u003eBereken de benzinekosten voor een rit op basis van afstand, verbruik en prijs per liter.\u003c/p\u003e","title":"Benzine Kosten Calculator - Bereken je brandstofkosten"},{"content":" ⚖️ BMI Calculator Vul je lengte en gewicht in voor een directe BMI-berekening.\nLengte (cm) Gewicht (kg) ","permalink":"https://simpelberekenen.nl/calculators/bmi-calculator/","summary":"\u003cstyle\u003e\n  .bmi-container {\n    max-width: 480px;\n    margin: 2rem auto;\n    padding: 1.75rem;\n    background: #fff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,.08);\n    font-family: system-ui, -apple-system, sans-serif;\n  }\n  .bmi-container h2 {\n    font-size: 1.3rem;\n    margin: 0 0 .25rem;\n  }\n  .bmi-container p {\n    color: #64748b;\n    font-size: .9rem;\n    margin: 0 0 1.25rem;\n  }\n  .bmi-field {\n    margin-bottom: 1rem;\n  }\n  .bmi-field label {\n    display: block;\n    font-weight: 600;\n    font-size: .85rem;\n    margin-bottom: .3rem;\n    color: #1e293b;\n  }\n  .bmi-field input {\n    width: 100%;\n    padding: .6rem .75rem;\n    border: 1.5px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 1rem;\n    box-sizing: border-box;\n    transition: border-color .2s;\n  }\n  .bmi-field input:focus {\n    outline: none;\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99,102,241,.12);\n  }\n  .bmi-result {\n    margin-top: 1.25rem;\n    padding: 1rem 1.1rem;\n    border-radius: 12px;\n    text-align: center;\n    font-weight: 600;\n    display: none;\n  }\n  .bmi-score {\n    font-size: 2.2rem;\n    margin-bottom: .15rem;\n  }\n  .bmi-label {\n    font-size: .95rem;\n  }\n  .bmi-underweight { background:#e0f2fe; color:#0369a1; }\n  .bmi-healthy    { background:#dcfce7; color:#15803d; }\n  .bmi-overweight { background:#fef9c3; color:#a16207; }\n  .bmi-obese      { background:#fee2e2; color:#b91c1c; }\n\n  @media(prefers-color-scheme:dark){\n    .bmi-container{ background:#1e293b; }\n    .bmi-container h2{ color:#f1f5f9; }\n    .bmi-field label{ color:#e2e8f0; }\n    .bmi-field input{\n      background:#0f172a;\n      border-color:#334155;\n      color:#f1f5f9;\n    }\n    .bmi-field input:focus{ border-color:#818cf8; }\n  }\n\n  [data-theme=\"dark\"] .bmi-container {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .bmi-container h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .bmi-container h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .bmi-container p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .bmi-container label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .bmi-container input,\n  [data-theme=\"dark\"] .bmi-container select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .bmi-container input:focus,\n  [data-theme=\"dark\"] .bmi-container select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .bmi-container .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .bmi-container .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .bmi-container .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"bmi-container\"\u003e\n  \u003ch2\u003e⚖️ BMI Calculator\u003c/h2\u003e\n  \u003cp\u003eVul je lengte en gewicht in voor een directe BMI-berekening.\u003c/p\u003e","title":"BMI Calculator"},{"content":" ⛽ Brandstofkosten Calculator Bereken de brandstofkosten voor een rit op basis van afstand, verbruik en brandstofprijs.\nAfstand (km) Brandstoftype Benzine Diesel Elektrisch Verbruik (l/100 km) Brandstofprijs (per liter) 📊 Kostenoverzicht Totale brandstofkosten €\u0026thinsp;0,00\nKosten per km €\u0026thinsp;0,00\nVerbruik —\nPrijzen zijn indicatief. Gebruik een punt (.) als decimaal scheidingsteken. ","permalink":"https://simpelberekenen.nl/calculators/brandstofkosten-calculator/","summary":"\u003cstyle\u003e\n.brandstof-calc {\n  max-width: 520px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #fff;\n  border-radius: 16px;\n  box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n  font-family: system-ui, -apple-system, sans-serif;\n}\n.brandstof-calc h2 {\n  margin-top: 0;\n  font-size: 1.4rem;\n  color: #111;\n}\n.brandstof-calc p.sub {\n  color: #666;\n  margin-bottom: 1.2rem;\n  font-size: 0.9rem;\n}\n.brandstof-calc label {\n  display: block;\n  margin: 1rem 0 0.35rem;\n  font-weight: 600;\n  font-size: 0.9rem;\n  color: #333;\n}\n.brandstof-calc input,\n.brandstof-calc select {\n  width: 100%;\n  padding: 0.7rem 0.8rem;\n  font-size: 1rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 8px;\n  box-sizing: border-box;\n  transition: border-color 0.2s;\n}\n.brandstof-calc input:focus,\n.brandstof-calc select:focus {\n  outline: none;\n  border-color: #2563eb;\n  box-shadow: 0 0 0 3px rgba(37,99,235,0.15);\n}\n.brandstof-calc .form-row-inline {\n  display: flex;\n  gap: 1rem;\n}\n.brandstof-calc .form-row-inline \u003e div {\n  flex: 1;\n}\n.brandstof-calc .results {\n  margin-top: 1.5rem;\n  padding: 1.2rem;\n  background: #f0f5ff;\n  border-radius: 10px;\n  border-left: 4px solid #2563eb;\n}\n.brandstof-calc .results h3 {\n  margin: 0 0 0.5rem 0;\n  font-size: 1rem;\n  color: #1e3a8a;\n}\n.brandstof-calc .results p {\n  margin: 0.5rem 0;\n  font-size: 1rem;\n  display: flex;\n  justify-content: space-between;\n}\n.brandstof-calc .results .value {\n  font-weight: 700;\n  color: #1e3a8a;\n}\n.brandstof-calc .results .value.highlight {\n  font-size: 1.3rem;\n  color: #1e40af;\n}\n.brandstof-calc .results .label {\n  color: #374151;\n}\n.brandstof-calc .unit-hint {\n  font-size: 0.8rem;\n  color: #888;\n  margin-top: 0.15rem;\n}\n.brandstof-calc .note {\n  margin-top: 1rem;\n  font-size: 0.8rem;\n  color: #6b7280;\n  text-align: center;\n}\n@media (max-width: 500px) {\n  .brandstof-calc { padding: 1.2rem; }\n  .brandstof-calc .form-row-inline { flex-direction: column; gap: 0; }\n}\n\n  [data-theme=\"dark\"] .brandstof-calc {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .brandstof-calc h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .brandstof-calc h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .brandstof-calc p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .brandstof-calc label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .brandstof-calc input,\n  [data-theme=\"dark\"] .brandstof-calc select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .brandstof-calc input:focus,\n  [data-theme=\"dark\"] .brandstof-calc select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .brandstof-calc .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .brandstof-calc .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .brandstof-calc .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"brandstof-calc\"\u003e\n  \u003ch2\u003e⛽ Brandstofkosten Calculator\u003c/h2\u003e\n  \u003cp class=\"sub\"\u003eBereken de brandstofkosten voor een rit op basis van afstand, verbruik en brandstofprijs.\u003c/p\u003e","title":"Brandstofkosten Calculator - Bereken je reiskosten"},{"content":" 💰 BTW Calculator Excl. → Incl. BTW Incl. → Excl. BTW Bedrag BTW-tarief 21% (hoog) 9% (laag) 0% (verlegd / vrijgesteld) Bedrag exclusief BTW €\u0026thinsp;100,00\nBTW-bedrag €\u0026thinsp;21,00\nBedrag inclusief BTW €\u0026thinsp;121,00\nAlle bedragen in euro's (€). Gebruik een punt als decimaal scheidingsteken. ","permalink":"https://simpelberekenen.nl/calculators/btw-calculator/","summary":"\u003cstyle\u003e\n  .btw-calc {\n    max-width: 520px;\n    margin: 2rem auto;\n    padding: 2rem;\n    background: #fff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    font-family: system-ui, -apple-system, sans-serif;\n  }\n  .btw-calc h2 {\n    margin-top: 0;\n    font-size: 1.4rem;\n    color: #111;\n  }\n  .btw-calc label {\n    display: block;\n    margin: 1rem 0 0.35rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: #333;\n  }\n  .btw-calc input,\n  .btw-calc select {\n    width: 100%;\n    padding: 0.7rem 0.8rem;\n    font-size: 1rem;\n    border: 1.5px solid #d1d5db;\n    border-radius: 8px;\n    box-sizing: border-box;\n    transition: border-color 0.2s;\n  }\n  .btw-calc input:focus,\n  .btw-calc select:focus {\n    outline: none;\n    border-color: #2563eb;\n    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);\n  }\n  .btw-calc .results {\n    margin-top: 1.5rem;\n    padding: 1rem;\n    background: #f0f5ff;\n    border-radius: 10px;\n    border-left: 4px solid #2563eb;\n  }\n  .btw-calc .results p {\n    margin: 0.5rem 0;\n    font-size: 1rem;\n    display: flex;\n    justify-content: space-between;\n  }\n  .btw-calc .results .value {\n    font-weight: 700;\n    color: #1e3a8a;\n  }\n  .btw-calc .results .label {\n    color: #374151;\n  }\n  .btw-calc .direction-toggle {\n    display: flex;\n    gap: 0.5rem;\n    margin-bottom: 0.75rem;\n  }\n  .btw-calc .direction-toggle button {\n    flex: 1;\n    padding: 0.5rem;\n    font-size: 0.85rem;\n    font-weight: 600;\n    border: 1.5px solid #d1d5db;\n    border-radius: 8px;\n    background: #fff;\n    cursor: pointer;\n    transition: all 0.15s;\n  }\n  .btw-calc .direction-toggle button.active {\n    background: #2563eb;\n    color: #fff;\n    border-color: #2563eb;\n  }\n  .btw-calc .direction-toggle button:not(.active):hover {\n    background: #f3f4f6;\n  }\n  .btw-calc .note {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: #6b7280;\n    text-align: center;\n  }\n\n  [data-theme=\"dark\"] .btw-calc {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .btw-calc h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .btw-calc h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .btw-calc p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .btw-calc label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .btw-calc input,\n  [data-theme=\"dark\"] .btw-calc select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .btw-calc input:focus,\n  [data-theme=\"dark\"] .btw-calc select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .btw-calc .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .btw-calc .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .btw-calc .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"btw-calc\"\u003e\n  \u003ch2\u003e💰 BTW Calculator\u003c/h2\u003e\n  \u003cdiv class=\"direction-toggle\"\u003e\n    \u003cbutton id=\"dirIncl\" class=\"active\"\u003eExcl. → Incl. BTW\u003c/button\u003e\n    \u003cbutton id=\"dirExcl\"\u003eIncl. → Excl. BTW\u003c/button\u003e\n  \u003c/div\u003e\n  \u003clabel for=\"btwAmount\"\u003eBedrag\u003c/label\u003e\n  \u003cinput type=\"number\" id=\"btwAmount\" value=\"100\" min=\"0\" step=\"0.01\" /\u003e\n  \u003clabel for=\"btwRate\"\u003eBTW-tarief\u003c/label\u003e\n  \u003cselect id=\"btwRate\"\u003e\n    \u003coption value=\"21\"\u003e21% (hoog)\u003c/option\u003e\n    \u003coption value=\"9\"\u003e9% (laag)\u003c/option\u003e\n    \u003coption value=\"0\"\u003e0% (verlegd / vrijgesteld)\u003c/option\u003e\n  \u003c/select\u003e\n  \u003cdiv class=\"results\"\u003e\n    \u003cp\u003e\u003cspan class=\"label\"\u003eBedrag exclusief BTW\u003c/span\u003e \u003cspan class=\"value\" id=\"resExcl\"\u003e€\u0026thinsp;100,00\u003c/span\u003e\u003c/p\u003e","title":"BTW Calculator - Bereken inclusief of exclusief BTW"},{"content":" 📅 Datum Calculator Start + dagen → Einddatum Twee datums → Aantal dagen Startdatum Aantal dagen 📅 ➕ Vooruit (toevoegen) ➖ Achteruit (aftrekken) Einddatum — Verschil — Eerste datum Tweede datum Aantal dagen — Volgorde — Alle datums worden weergegeven in de door jou gekozen tijdzone (local time). ","permalink":"https://simpelberekenen.nl/calculators/datum-calculator/","summary":"\u003cstyle\u003e\n  .datum-calc {\n    max-width: 520px;\n    margin: 2rem auto;\n    padding: 2rem;\n    background: #fff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    font-family: system-ui, -apple-system, sans-serif;\n  }\n  .datum-calc h2 {\n    margin-top: 0;\n    font-size: 1.4rem;\n    color: #111;\n  }\n  .datum-calc label {\n    display: block;\n    margin: 1rem 0 0.35rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: #333;\n  }\n  .datum-calc input,\n  .datum-calc select {\n    width: 100%;\n    padding: 0.7rem 0.8rem;\n    font-size: 1rem;\n    border: 1.5px solid #d1d5db;\n    border-radius: 8px;\n    box-sizing: border-box;\n    transition: border-color 0.2s;\n  }\n  .datum-calc input:focus,\n  .datum-calc select:focus {\n    outline: none;\n    border-color: #2563eb;\n    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);\n  }\n  .datum-calc .mode-toggle {\n    display: flex;\n    gap: 0.5rem;\n    margin-bottom: 0.75rem;\n  }\n  .datum-calc .mode-toggle button {\n    flex: 1;\n    padding: 0.5rem;\n    font-size: 0.85rem;\n    font-weight: 600;\n    border: 1.5px solid #d1d5db;\n    border-radius: 8px;\n    background: #fff;\n    cursor: pointer;\n    transition: all 0.15s;\n  }\n  .datum-calc .mode-toggle button.active {\n    background: #2563eb;\n    color: #fff;\n    border-color: #2563eb;\n  }\n  .datum-calc .mode-toggle button:not(.active):hover {\n    background: #f3f4f6;\n  }\n  .datum-calc .result-box {\n    margin-top: 1.5rem;\n    padding: 1rem;\n    background: #f0f5ff;\n    border-radius: 10px;\n    border-left: 4px solid #2563eb;\n  }\n  .datum-calc .result-box p {\n    margin: 0.5rem 0;\n    font-size: 1rem;\n    display: flex;\n    justify-content: space-between;\n  }\n  .datum-calc .result-box .value {\n    font-weight: 700;\n    color: #1e3a8a;\n  }\n  .datum-calc .result-box .label {\n    color: #374151;\n  }\n  .datum-calc .result-box .big-result {\n    font-size: 1.3rem;\n    text-align: center;\n    padding: 0.5rem 0;\n  }\n  .datum-calc .result-box .big-result .value {\n    font-size: 1.6rem;\n  }\n  .datum-calc .section-a,\n  .datum-calc .section-b {\n    display: block;\n  }\n  .datum-calc .section-b {\n    display: none;\n  }\n  .datum-calc .note {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: #6b7280;\n    text-align: center;\n  }\n  .datum-calc .dag-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-top: 0.5rem;\n  }\n  .datum-calc .dag-label select {\n    width: auto;\n    display: inline-block;\n  }\n\n  [data-theme=\"dark\"] .datum-calc {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .datum-calc h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .datum-calc h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .datum-calc p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .datum-calc label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .datum-calc input,\n  [data-theme=\"dark\"] .datum-calc select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .datum-calc input:focus,\n  [data-theme=\"dark\"] .datum-calc select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .datum-calc .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .datum-calc .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .datum-calc .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"datum-calc\"\u003e\n  \u003ch2\u003e📅 Datum Calculator\u003c/h2\u003e\n  \u003cdiv class=\"mode-toggle\"\u003e\n    \u003cbutton id=\"modeEind\" class=\"active\"\u003eStart + dagen → Einddatum\u003c/button\u003e\n    \u003cbutton id=\"modeTussen\"\u003eTwee datums → Aantal dagen\u003c/button\u003e\n  \u003c/div\u003e\n  \u003c!-- MODUS A: startdatum + dagen = einddatum --\u003e\n  \u003cdiv class=\"section-a\" id=\"sectionA\"\u003e\n    \u003clabel for=\"startDatum\"\u003eStartdatum\u003c/label\u003e\n    \u003cinput type=\"date\" id=\"startDatum\" /\u003e\n    \u003clabel for=\"aantalDagen\"\u003eAantal dagen\u003c/label\u003e\n    \u003cinput type=\"number\" id=\"aantalDagen\" value=\"30\" min=\"-99999\" max=\"99999\" step=\"1\" /\u003e\n    \u003cdiv class=\"dag-label\"\u003e\n      \u003clabel style=\"margin:0;display:inline;\"\u003e📅\u003c/label\u003e\n      \u003cselect id=\"dagRichting\"\u003e\n        \u003coption value=\"plus\"\u003e➕ Vooruit (toevoegen)\u003c/option\u003e\n        \u003coption value=\"min\"\u003e➖ Achteruit (aftrekken)\u003c/option\u003e\n      \u003c/select\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"result-box\"\u003e\n      \u003cp class=\"big-result\"\u003e\n        \u003cspan class=\"label\"\u003eEinddatum\u003c/span\u003e\n        \u003cspan class=\"value\" id=\"resEinddatum\"\u003e—\u003c/span\u003e\n      \u003c/p\u003e","title":"Datum Calculator - Bereken einddatum of dagen tussen twee datums"},{"content":" 🏠 Kamerverhuur grens Check Vul de maandelijkse huurprijs in om te zien of deze boven of onder de liberalisatiegrens valt.\nLiberalisatiegrens 2026 \u0026rarr; \u0026euro;879,66 / maand Maandelijkse huurprijs (\u0026euro;) ","permalink":"https://simpelberekenen.nl/calculators/kamerverhuur-calculator/","summary":"\u003cstyle\u003e\n  .kv-container {\n    max-width: 480px;\n    margin: 2rem auto;\n    padding: 1.75rem;\n    background: #fff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,.08);\n    font-family: system-ui, -apple-system, sans-serif;\n  }\n  .kv-container h2 {\n    font-size: 1.3rem;\n    margin: 0 0 .25rem;\n  }\n  .kv-container p {\n    color: #64748b;\n    font-size: .9rem;\n    margin: 0 0 1.25rem;\n  }\n  .kv-field {\n    margin-bottom: 1rem;\n  }\n  .kv-field label {\n    display: block;\n    font-weight: 600;\n    font-size: .85rem;\n    margin-bottom: .3rem;\n    color: #1e293b;\n  }\n  .kv-field input {\n    width: 100%;\n    padding: .6rem .75rem;\n    border: 1.5px solid #e2e8f0;\n    border-radius: 10px;\n    font-size: 1rem;\n    box-sizing: border-box;\n    transition: border-color .2s;\n  }\n  .kv-field input:focus {\n    outline: none;\n    border-color: #6366f1;\n    box-shadow: 0 0 0 3px rgba(99,102,241,.12);\n  }\n  .kv-grens-badge {\n    text-align: center;\n    font-size: .85rem;\n    color: #64748b;\n    margin-bottom: .5rem;\n    padding: .3rem 0;\n  }\n  .kv-grens-badge strong {\n    color: #1e293b;\n  }\n  .kv-result {\n    margin-top: 1.25rem;\n    padding: 1rem 1.1rem;\n    border-radius: 12px;\n    text-align: center;\n    font-weight: 600;\n    display: none;\n  }\n  .kv-amount {\n    font-size: 1.5rem;\n    margin-bottom: .15rem;\n  }\n  .kv-label {\n    font-size: .95rem;\n  }\n  .kv-onder-grens { background: #dcfce7; color: #15803d; }\n  .kv-boven-grens  { background: #fee2e2; color: #b91c1c; }\n  .kv-gelijk       { background: #fef9c3; color: #a16207; }\n\n  @media(prefers-color-scheme:dark){\n    .kv-container{ background:#1e293b; }\n    .kv-container h2{ color:#f1f5f9; }\n    .kv-field label{ color:#e2e8f0; }\n    .kv-field input{\n      background:#0f172a;\n      border-color:#334155;\n      color:#f1f5f9;\n    }\n    .kv-field input:focus{ border-color:#818cf8; }\n    .kv-grens-badge{ color:#94a3b8; }\n    .kv-grens-badge strong{ color:#f1f5f9; }\n  }\n\n  [data-theme=\"dark\"] .kv-container {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .kv-container h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .kv-container h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .kv-container p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .kv-container label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .kv-container input,\n  [data-theme=\"dark\"] .kv-container select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .kv-container input:focus,\n  [data-theme=\"dark\"] .kv-container select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .kv-container .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .kv-container .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .kv-container .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"kv-container\"\u003e\n  \u003ch2\u003e🏠 Kamerverhuur grens Check\u003c/h2\u003e\n  \u003cp\u003eVul de maandelijkse huurprijs in om te zien of deze boven of onder de liberalisatiegrens valt.\u003c/p\u003e","title":"Kamerverhuur grens Calculator"},{"content":" 🧮 Tegel Calculator Lengte vloer/muur (m) Breedte vloer/muur (m) Tegel breedte (cm) Tegel lengte (cm) Snijverlies (%) 📊 Resultaat Aantal tegels (incl. snijverlies) — Oppervlakte vloer — Oppervlakte per tegel — Aantal tegels (zonder snijverlies) — Extra tegels (snijverlies) — 💡 Advies: Bestel altijd 5-10% extra voor snijverlies en reserve. ","permalink":"https://simpelberekenen.nl/calculators/tegel-calculator/","summary":"\u003cstyle\u003e\n.tegel-calc {\n  max-width: 700px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #f9fafb;\n  border-radius: 16px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n  font-family: system-ui, -apple-system, sans-serif;\n}\n.tegel-calc h2 {\n  margin-top: 0;\n  font-size: 1.5rem;\n  color: #111827;\n  border-bottom: 2px solid #e5e7eb;\n  padding-bottom: 0.75rem;\n}\n.tegel-calc .row {\n  display: flex;\n  gap: 1rem;\n  margin-bottom: 1rem;\n  flex-wrap: wrap;\n}\n.tegel-calc .field {\n  flex: 1 1 160px;\n  min-width: 130px;\n}\n.tegel-calc label {\n  display: block;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #374151;\n  margin-bottom: 0.3rem;\n}\n.tegel-calc input {\n  width: 100%;\n  padding: 0.6rem 0.75rem;\n  font-size: 1rem;\n  border: 1px solid #d1d5db;\n  border-radius: 8px;\n  background: #fff;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.tegel-calc input:focus {\n  outline: none;\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);\n}\n.tegel-calc .results {\n  margin-top: 1.5rem;\n  padding: 1.25rem 1.5rem;\n  background: #eef2ff;\n  border-radius: 12px;\n  border: 1px solid #c7d2fe;\n}\n.tegel-calc .results h3 {\n  margin: 0 0 0.75rem 0;\n  font-size: 1rem;\n  color: #4338ca;\n}\n.tegel-calc .result-line {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.4rem 0;\n  font-size: 0.95rem;\n  color: #1e1b4b;\n  border-bottom: 1px dashed #c7d2fe;\n}\n.tegel-calc .result-line:last-child {\n  border-bottom: none;\n}\n.tegel-calc .result-line .val {\n  font-weight: 700;\n}\n.tegel-calc .result-line.highlight .val {\n  font-size: 1.2rem;\n  color: #4338ca;\n}\n.tegel-calc .note {\n  margin-top: 1rem;\n  font-size: 0.8rem;\n  color: #6b7280;\n  text-align: center;\n}\n\n  [data-theme=\"dark\"] .tegel-calc {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .tegel-calc h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .tegel-calc h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .tegel-calc p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .tegel-calc label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .tegel-calc input,\n  [data-theme=\"dark\"] .tegel-calc select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .tegel-calc input:focus,\n  [data-theme=\"dark\"] .tegel-calc select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .tegel-calc .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .tegel-calc .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .tegel-calc .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"tegel-calc\"\u003e\n  \u003ch2\u003e🧮 Tegel Calculator\u003c/h2\u003e\n  \u003cdiv class=\"row\"\u003e\n    \u003cdiv class=\"field\"\u003e\n      \u003clabel for=\"tc-length\"\u003eLengte vloer/muur (m)\u003c/label\u003e\n      \u003cinput type=\"number\" id=\"tc-length\" value=\"5\" min=\"0.1\" step=\"0.01\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"field\"\u003e\n      \u003clabel for=\"tc-width\"\u003eBreedte vloer/muur (m)\u003c/label\u003e\n      \u003cinput type=\"number\" id=\"tc-width\" value=\"4\" min=\"0.1\" step=\"0.01\"\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"row\"\u003e\n    \u003cdiv class=\"field\"\u003e\n      \u003clabel for=\"tc-tile-w\"\u003eTegel breedte (cm)\u003c/label\u003e\n      \u003cinput type=\"number\" id=\"tc-tile-w\" value=\"30\" min=\"1\" step=\"0.5\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"field\"\u003e\n      \u003clabel for=\"tc-tile-h\"\u003eTegel lengte (cm)\u003c/label\u003e\n      \u003cinput type=\"number\" id=\"tc-tile-h\" value=\"60\" min=\"1\" step=\"0.5\"\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"field\"\u003e\n      \u003clabel for=\"tc-waste\"\u003eSnijverlies (%)\u003c/label\u003e\n      \u003cinput type=\"number\" id=\"tc-waste\" value=\"10\" min=\"0\" max=\"50\" step=\"0.5\"\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"results\" id=\"tc-results\"\u003e\n    \u003ch3\u003e📊 Resultaat\u003c/h3\u003e\n    \u003cdiv class=\"result-line highlight\"\u003e\n      \u003cspan\u003eAantal tegels (incl. snijverlies)\u003c/span\u003e\n      \u003cspan class=\"val\" id=\"tc-total\"\u003e—\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"result-line\"\u003e\n      \u003cspan\u003eOppervlakte vloer\u003c/span\u003e\n      \u003cspan class=\"val\" id=\"tc-floor-area\"\u003e—\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"result-line\"\u003e\n      \u003cspan\u003eOppervlakte per tegel\u003c/span\u003e\n      \u003cspan class=\"val\" id=\"tc-tile-area\"\u003e—\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"result-line\"\u003e\n      \u003cspan\u003eAantal tegels (zonder snijverlies)\u003c/span\u003e\n      \u003cspan class=\"val\" id=\"tc-base-qty\"\u003e—\u003c/span\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"result-line\"\u003e\n      \u003cspan\u003eExtra tegels (snijverlies)\u003c/span\u003e\n      \u003cspan class=\"val\" id=\"tc-waste-qty\"\u003e—\u003c/span\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"note\"\u003e\n    💡 Advies: Bestel altijd 5-10% extra voor snijverlies en reserve.\n  \u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\n(function() {\n  const el = {\n    length:  document.getElementById('tc-length'),\n    width:   document.getElementById('tc-width'),\n    tileW:   document.getElementById('tc-tile-w'),\n    tileH:   document.getElementById('tc-tile-h'),\n    waste:   document.getElementById('tc-waste'),\n    total:   document.getElementById('tc-total'),\n    floorArea: document.getElementById('tc-floor-area'),\n    tileArea:  document.getElementById('tc-tile-area'),\n    baseQty:   document.getElementById('tc-base-qty'),\n    wasteQty:  document.getElementById('tc-waste-qty'),\n  };\n\n  function calc() {\n    const len   = parseFloat(el.length.value) || 0;\n    const wid   = parseFloat(el.width.value)  || 0;\n    const tw    = parseFloat(el.tileW.value)  || 0;\n    const th    = parseFloat(el.tileH.value)  || 0;\n    const wp    = (parseFloat(el.waste.value) || 0) / 100;\n\n    const floorArea = len * wid;\n    const tileArea  = (tw / 100) * (th / 100); // cm² → m²\n    const baseQty   = tileArea \u003e 0 ? Math.ceil(floorArea / tileArea) : 0;\n    const wasteQty  = Math.ceil(baseQty * wp);\n    const totalQty  = baseQty + wasteQty;\n\n    el.floorArea.textContent = floorArea.toFixed(2) + ' m²';\n    el.tileArea.textContent  = tileArea.toFixed(4) + ' m²';\n    el.baseQty.textContent   = baseQty + ' stuks';\n    el.wasteQty.textContent  = wasteQty + ' stuks';\n    el.total.textContent     = totalQty \u003e 0 ? totalQty + ' tegels' : '—';\n  }\n\n  [el.length, el.width, el.tileW, el.tileH, el.waste].forEach(function(inp) {\n    inp.addEventListener('input', calc);\n  });\n\n  calc();\n})();\n\u003c/script\u003e","title":"Tegel Calculator - Hoeveel tegels heb ik nodig?"},{"content":" 🎨 Verf Calculator Bereken hoeveel verf je nodig hebt voor een kamer.\nLengte (m) Breedte (m) Hoogte (m) Standaard hoogte: 2.6 m Aantal lagen 1 laag 2 lagen 3 lagen Verfsoort Latex / Muurverf — 10 m²/l Voorstrijk — 12 m²/l Saus / Sierpleister — 8 m²/l Plafondverf — 14 m²/l Structuurverf — 6 m²/l Inhouding voor kozijnen/deuren (m²) Trek hier het oppervlak van ramen, deuren en kozijnen af (optioneel) 📊 Resultaat Te schilderen oppervlak 0 m² Aantal lagen 2 Rendement verf 10 m²/l Hoeveelheid verf 0 liter Aanbevolen aantal blikken (2.5L) 0 💡 Tip: Voor een gemiddelde slaapkamer van 5×4×2.6 m met 2 lagen latex heb je ongeveer 5-6 liter verf nodig. ","permalink":"https://simpelberekenen.nl/calculators/verf-calculator/","summary":"\u003cstyle\u003e\n.verf-calculator {\n  max-width: 600px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #f8f9fa;\n  border-radius: 12px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n.verf-calculator h2 {\n  margin-top: 0;\n  color: #1a1a2e;\n  font-size: 1.5rem;\n}\n.verf-calculator .form-row {\n  margin-bottom: 1rem;\n}\n.verf-calculator label {\n  display: block;\n  margin-bottom: 0.3rem;\n  font-weight: 600;\n  color: #333;\n  font-size: 0.9rem;\n}\n.verf-calculator input,\n.verf-calculator select {\n  width: 100%;\n  padding: 0.6rem 0.8rem;\n  border: 1px solid #ccc;\n  border-radius: 6px;\n  font-size: 1rem;\n  box-sizing: border-box;\n  transition: border-color 0.2s;\n}\n.verf-calculator input:focus,\n.verf-calculator select:focus {\n  border-color: #4a6cf7;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(74,108,247,0.15);\n}\n.verf-calculator .result-box {\n  margin-top: 1.5rem;\n  padding: 1.2rem;\n  border-radius: 8px;\n  background: #e8f4f8;\n  border-left: 4px solid #4a6cf7;\n}\n.verf-calculator .result-box h3 {\n  margin: 0 0 0.5rem 0;\n  color: #1a1a2e;\n}\n.verf-calculator .result-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.3rem 0;\n  font-size: 1rem;\n}\n.verf-calculator .result-item .label {\n  color: #555;\n}\n.verf-calculator .result-item .value {\n  font-weight: 700;\n  color: #1a1a2e;\n}\n.verf-calculator .result-item .value.highlight {\n  color: #4a6cf7;\n  font-size: 1.2rem;\n}\n.verf-calculator .form-row-inline {\n  display: flex;\n  gap: 1rem;\n}\n.verf-calculator .form-row-inline \u003e .form-row {\n  flex: 1;\n}\n.verf-calculator .unit-hint {\n  font-size: 0.8rem;\n  color: #888;\n  margin-top: 0.15rem;\n}\n.verf-calculator .note {\n  margin-top: 1rem;\n  font-size: 0.85rem;\n  color: #666;\n  font-style: italic;\n}\n@media (max-width: 500px) {\n  .verf-calculator {\n    padding: 1.2rem;\n  }\n  .verf-calculator .form-row-inline {\n    flex-direction: column;\n    gap: 0;\n  }\n}\n\n  [data-theme=\"dark\"] .verf-calculator {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .verf-calculator h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .verf-calculator h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .verf-calculator p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .verf-calculator label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .verf-calculator input,\n  [data-theme=\"dark\"] .verf-calculator select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .verf-calculator input:focus,\n  [data-theme=\"dark\"] .verf-calculator select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .verf-calculator .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .verf-calculator .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .verf-calculator .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"verf-calculator\"\u003e\n  \u003ch2\u003e🎨 Verf Calculator\u003c/h2\u003e\n  \u003cp style=\"color:#666; margin-bottom: 1.2rem;\"\u003eBereken hoeveel verf je nodig hebt voor een kamer.\u003c/p\u003e","title":"Verf Calculator - Hoeveel verf heb ik nodig?"},{"content":" 📦 Verhuiskosten Calculator Bereken de totale kosten van uw verhuizing. Zelf doen of een verhuisbedrijf inschakelen?\n🛻 Zelf doen (bus huren) 🏢 Verhuisbedrijf Afstand (km) Hoeveel km is de verhuizing? Aantal kamers 1 kamer / studio 2 kamers 3 kamers 4 kamers 5 kamers 6 kamers 7+ kamers Inpakmateriaal (dozen, tape, noppenfolie) Ja, reken inpakmateriaal mee Nee, ik heb al inpakmateriaal Verhuisbus huren (dagen) 1 dag 2 dagen 3 dagen Extra hulp Geen extra hulp 1 vriend/familie (0) 2 vrienden/familie (0) 3+ vrienden/familie (0) Student verhuizers (+ €80) Verhuisdiensten Standaard — Laden, vervoeren \u0026 lossen Compleet — Inpakken, laden, vervoeren \u0026 lossen Luxe — Compleet + uitpakken \u0026 inrichten 📊 Geschatte kosten 🛻 Verhuisbus € 0 📦 Inpakmateriaal € 0 🏢 Verhuisbedrijf € 0 👥 Extra hulp € 0 🅿️ Bijkomende kosten € 0 Totaal kosten € 0 💡 Dit is een indicatie op basis van gemiddelde tarieven in Nederland (2026). Vraag altijd meerdere offertes aan bij verhuisbedrijven voor een exacte prijs. ","permalink":"https://simpelberekenen.nl/calculators/verhuiskosten-calculator/","summary":"\u003cstyle\u003e\n.verhuiskosten-calculator {\n  max-width: 600px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #f8f9fa;\n  border-radius: 12px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n.verhuiskosten-calculator h2 {\n  margin-top: 0;\n  color: #1a1a2e;\n  font-size: 1.5rem;\n}\n.verhuiskosten-calculator .form-row {\n  margin-bottom: 1rem;\n}\n.verhuiskosten-calculator label {\n  display: block;\n  margin-bottom: 0.3rem;\n  font-weight: 600;\n  color: #333;\n  font-size: 0.9rem;\n}\n.verhuiskosten-calculator input,\n.verhuiskosten-calculator select {\n  width: 100%;\n  padding: 0.6rem 0.8rem;\n  border: 1px solid #ccc;\n  border-radius: 6px;\n  font-size: 1rem;\n  box-sizing: border-box;\n  transition: border-color 0.2s;\n}\n.verhuiskosten-calculator input:focus,\n.verhuiskosten-calculator select:focus {\n  border-color: #e67e22;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(230,126,34,0.15);\n}\n.verhuiskosten-calculator .form-row-inline {\n  display: flex;\n  gap: 1rem;\n}\n.verhuiskosten-calculator .form-row-inline \u003e .form-row {\n  flex: 1;\n}\n.verhuiskosten-calculator .unit-hint {\n  font-size: 0.8rem;\n  color: #888;\n  margin-top: 0.15rem;\n}\n.verhuiskosten-calculator .result-box {\n  margin-top: 1.5rem;\n  padding: 1.2rem;\n  border-radius: 8px;\n  background: #e8f4f8;\n  border-left: 4px solid #e67e22;\n}\n.verhuiskosten-calculator .result-box h3 {\n  margin: 0 0 0.5rem 0;\n  color: #1a1a2e;\n}\n.verhuiskosten-calculator .result-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.3rem 0;\n  font-size: 1rem;\n}\n.verhuiskosten-calculator .result-item .label {\n  color: #555;\n}\n.verhuiskosten-calculator .result-item .value {\n  font-weight: 700;\n  color: #1a1a2e;\n}\n.verhuiskosten-calculator .result-item .value.highlight {\n  color: #e67e22;\n  font-size: 1.2rem;\n}\n.verhuiskosten-calculator .result-item.total-row {\n  border-top: 2px solid #e67e22;\n  margin-top: 0.4rem;\n  padding-top: 0.6rem;\n}\n.verhuiskosten-calculator .result-item.total-row .label {\n  font-weight: 700;\n  color: #1a1a2e;\n}\n.verhuiskosten-calculator .method-toggle {\n  display: flex;\n  gap: 0.5rem;\n  margin-bottom: 1rem;\n}\n.verhuiskosten-calculator .method-toggle button {\n  flex: 1;\n  padding: 0.7rem 1rem;\n  border: 2px solid #ddd;\n  border-radius: 8px;\n  background: #fff;\n  font-size: 0.95rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s;\n  color: #555;\n}\n.verhuiskosten-calculator .method-toggle button.active {\n  border-color: #e67e22;\n  background: #fef5e7;\n  color: #e67e22;\n}\n.verhuiskosten-calculator .method-toggle button:hover {\n  border-color: #e67e22;\n}\n.verhuiskosten-calculator .note {\n  margin-top: 1rem;\n  font-size: 0.85rem;\n  color: #666;\n  font-style: italic;\n}\n.verhuiskosten-calculator .cost-breakdown {\n  margin-top: 0.8rem;\n}\n.verhuiskosten-calculator .cost-category {\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #1a1a2e;\n  padding: 0.4rem 0 0.2rem 0;\n  margin-top: 0.3rem;\n  border-top: 1px dashed #ddd;\n}\n.verhuiskosten-calculator .cost-category:first-of-type {\n  border-top: none;\n  margin-top: 0;\n}\n@media (max-width: 500px) {\n  .verhuiskosten-calculator {\n    padding: 1.2rem;\n  }\n  .verhuiskosten-calculator .form-row-inline {\n    flex-direction: column;\n    gap: 0;\n  }\n  .verhuiskosten-calculator .method-toggle {\n    flex-direction: column;\n  }\n}\n\n  [data-theme=\"dark\"] .verhuiskosten-calculator {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator input,\n  [data-theme=\"dark\"] .verhuiskosten-calculator select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator input:focus,\n  [data-theme=\"dark\"] .verhuiskosten-calculator select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .verhuiskosten-calculator .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"verhuiskosten-calculator\"\u003e\n  \u003ch2\u003e📦 Verhuiskosten Calculator\u003c/h2\u003e\n  \u003cp style=\"color:#666; margin-bottom: 1.2rem;\"\u003eBereken de totale kosten van uw verhuizing. Zelf doen of een verhuisbedrijf inschakelen?\u003c/p\u003e","title":"Verhuiskosten Calculator - Wat kost verhuizen?"},{"content":" Hypotheek Calculator Leningbedrag (€) Rente (%) Looptijd (jaren) € 1.520,06 per maand (annuïteit) Totaal betaald: € 547.221,60\nTotale rente: € 247.221,60 Vul geldige positieve getallen in. ","permalink":"https://simpelberekenen.nl/calculators/hypotheek-calculator/","summary":"\u003cstyle\u003e\n  .calc-wrapper {\n    max-width: 500px;\n    margin: 2rem auto;\n    padding: 1.5rem 2rem 1.5rem 2rem;\n    background: #f8fafc;\n    border-radius: 12px;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.08);\n    font-family: system-ui, -apple-system, sans-serif;\n  }\n  .calc-wrapper h2 {\n    margin-top: 0;\n    font-size: 1.4rem;\n    color: #1e293b;\n    text-align: center;\n  }\n  .calc-field-group {\n    margin-bottom: 1rem;\n  }\n  .calc-field-group label {\n    display: block;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: #334155;\n    margin-bottom: 4px;\n  }\n  .calc-field-group input {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #cbd5e1;\n    border-radius: 8px;\n    font-size: 1rem;\n    box-sizing: border-box;\n    background: white;\n    transition: border-color 0.2s;\n  }\n  .calc-field-group input:focus {\n    outline: none;\n    border-color: #2563eb;\n    box-shadow: 0 0 0 3px rgba(37,99,235,0.15);\n  }\n  .calc-result {\n    margin-top: 1.25rem;\n    padding: 1rem;\n    background: #2563eb;\n    color: white;\n    border-radius: 8px;\n    text-align: center;\n    font-size: 1.5rem;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .calc-result small {\n    display: block;\n    font-size: 0.8rem;\n    font-weight: 400;\n    opacity: 0.85;\n    margin-top: 2px;\n  }\n  .calc-breakdown {\n    margin-top: 1rem;\n    font-size: 0.85rem;\n    color: #475569;\n    line-height: 1.6;\n  }\n  .calc-breakdown span {\n    font-weight: 600;\n    color: #1e293b;\n  }\n  .calc-error {\n    color: #dc2626;\n    font-size: 0.85rem;\n    margin-top: 0.25rem;\n    display: none;\n  }\n\n  [data-theme=\"dark\"] .calc-wrapper {\n    background: #1e293b;\n  }\n  [data-theme=\"dark\"] .calc-wrapper h2 {\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .calc-wrapper h3 {\n    color: #e2e8f0;\n  }\n  [data-theme=\"dark\"] .calc-wrapper p {\n    color: #94a3b8;\n  }\n  [data-theme=\"dark\"] .calc-wrapper label {\n    color: #cbd5e1;\n  }\n  [data-theme=\"dark\"] .calc-wrapper input,\n  [data-theme=\"dark\"] .calc-wrapper select {\n    background: #0f172a;\n    border-color: #334155;\n    color: #f1f5f9;\n  }\n  [data-theme=\"dark\"] .calc-wrapper input:focus,\n  [data-theme=\"dark\"] .calc-wrapper select:focus {\n    border-color: #818cf8;\n  }\n  [data-theme=\"dark\"] .calc-wrapper .result-box {\n    background: #1e3a5f;\n    border-left-color: #3b82f6;\n  }\n  [data-theme=\"dark\"] .calc-wrapper .result-box .value {\n    color: #93c5fd;\n  }\n  [data-theme=\"dark\"] .calc-wrapper .result-box .label {\n    color: #e2e8f0;\n  }\n\n\u003c/style\u003e\n\u003cdiv class=\"calc-wrapper\"\u003e\n  \u003ch2\u003eHypotheek Calculator\u003c/h2\u003e\n  \u003cdiv class=\"calc-field-group\"\u003e\n    \u003clabel for=\"loanAmount\"\u003eLeningbedrag (€)\u003c/label\u003e\n    \u003cinput type=\"number\" id=\"loanAmount\" value=\"300000\" min=\"0\" step=\"1000\" /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"calc-field-group\"\u003e\n    \u003clabel for=\"interestRate\"\u003eRente (%)\u003c/label\u003e\n    \u003cinput type=\"number\" id=\"interestRate\" value=\"4.5\" min=\"0\" step=\"0.1\" /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"calc-field-group\"\u003e\n    \u003clabel for=\"loanTerm\"\u003eLooptijd (jaren)\u003c/label\u003e\n    \u003cinput type=\"number\" id=\"loanTerm\" value=\"30\" min=\"1\" step=\"1\" /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"calc-result\" id=\"resultDisplay\"\u003e\n    € 1.520,06\n    \u003csmall\u003eper maand (annuïteit)\u003c/small\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"calc-breakdown\" id=\"breakdown\"\u003e\n    Totaal betaald: \u003cspan id=\"totalPaid\"\u003e€ 547.221,60\u003c/span\u003e\u003cbr /\u003e\n    Totale rente:  \u003cspan id=\"totalInterest\"\u003e€ 247.221,60\u003c/span\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"calc-error\" id=\"errorMsg\"\u003eVul geldige positieve getallen in.\u003c/div\u003e\n\u003c/div\u003e\n\u003cscript\u003e\n  (function() {\n    const loanInput    = document.getElementById('loanAmount');\n    const rateInput    = document.getElementById('interestRate');\n    const termInput    = document.getElementById('loanTerm');\n    const resultDiv    = document.getElementById('resultDisplay');\n    const totalPaidEl  = document.getElementById('totalPaid');\n    const totalIntEl   = document.getElementById('totalInterest');\n    const errorEl      = document.getElementById('errorMsg');\n\n    function formatEUR(amount) {\n      return '€ ' + amount.toLocaleString('nl-NL', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    }\n\n    function calculate() {\n      const P = parseFloat(loanInput.value);\n      const rPct = parseFloat(rateInput.value);\n      const nYears = parseInt(termInput.value, 10);\n\n      if (isNaN(P) || P \u003c= 0 || isNaN(rPct) || rPct \u003c 0 || isNaN(nYears) || nYears \u003c 1) {\n        resultDiv.innerHTML = '— \u003csmall\u003eper maand (annuïteit)\u003c/small\u003e';\n        totalPaidEl.textContent = '—';\n        totalIntEl.textContent = '—';\n        errorEl.style.display = 'block';\n        return;\n      }\n      errorEl.style.display = 'none';\n\n      const n = nYears * 12;             // aantal termijnen\n      const i = (rPct / 100) / 12;       // maandrente\n\n      let monthly;\n      if (i === 0) {\n        // 0% rente — simpel\n        monthly = P / n;\n      } else {\n        const factor = Math.pow(1 + i, n);\n        monthly = P * (i * factor) / (factor - 1);\n      }\n\n      const totalPaid   = monthly * n;\n      const totalInt    = totalPaid - P;\n\n      resultDiv.innerHTML = formatEUR(monthly) + ' \u003csmall\u003eper maand (annuïteit)\u003c/small\u003e';\n      totalPaidEl.textContent  = formatEUR(totalPaid);\n      totalIntEl.textContent   = formatEUR(totalInt);\n    }\n\n    ['input', 'change'].forEach(function(ev) {\n      loanInput.addEventListener(ev, calculate);\n      rateInput.addEventListener(ev, calculate);\n      termInput.addEventListener(ev, calculate);\n    });\n\n    // Initial calculation\n    calculate();\n  })();\n\u003c/script\u003e","title":"Hypotheek Calculator"}]