<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Use the site name variable, assuming it's set to Berekenen.org -->
    <title>Lening Calculator | Berekenen.org</title>

	<!-- Google Ads Script (from NEW CODE) -->
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1439594428948409"
	     crossorigin="anonymous"></script>
		
	<script type="text/javascript" async src="https://hb-targa.s3.us-east-2.amazonaws.com/targa-calculator/berekenen.org/asc_prebid.js"></script>
	
	<!-- InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) -->
	<script type="text/javascript" async=true>
	(function() {
	  var host = 'berekenen.org';
	  var element = document.createElement('script');
	  var firstScript = document.getElementsByTagName('script')[0];
	  var url = 'https://cmp.inmobi.com'
	    .concat('/choice/', '2MMzmDKaU6zew', '/', host, '/choice.js?tag_version=V3');
	  var uspTries = 0;
	  var uspTriesLimit = 3;
	  element.async = true;
	  element.type = 'text/javascript';
	  element.src = url;

	  firstScript.parentNode.insertBefore(element, firstScript);

	  function makeStub() {
	    var TCF_LOCATOR_NAME = '__tcfapiLocator';
	    var queue = [];
	    var win = window;
	    var cmpFrame;

	    function addFrame() {
	      var doc = win.document;
	      var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);

	      if (!otherCMP) {
	        if (doc.body) {
	          var iframe = doc.createElement('iframe');

	          iframe.style.cssText = 'display:none';
	          iframe.name = TCF_LOCATOR_NAME;
	          doc.body.appendChild(iframe);
	        } else {
	          setTimeout(addFrame, 5);
	        }
	      }
	      return !otherCMP;
	    }

	    function tcfAPIHandler() {
	      var gdprApplies;
	      var args = arguments;

	      if (!args.length) {
	        return queue;
	      } else if (args[0] === 'setGdprApplies') {
	        if (
	          args.length > 3 &&
	          args[2] === 2 &&
	          typeof args[3] === 'boolean'
	        ) {
	          gdprApplies = args[3];
	          if (typeof args[2] === 'function') {
	            args[2]('set', true);
	          }
	        }
	      } else if (args[0] === 'ping') {
	        var retr = {
	          gdprApplies: gdprApplies,
	          cmpLoaded: false,
	          cmpStatus: 'stub'
	        };

	        if (typeof args[2] === 'function') {
	          args[2](retr);
	        }
	      } else {
	        if(args[0] === 'init' && typeof args[3] === 'object') {
	          args[3] = Object.assign(args[3], { tag_version: 'V3' });
	        }
	        queue.push(args);
	      }
	    }

	    function postMessageEventHandler(event) {
	      var msgIsString = typeof event.data === 'string';
	      var json = {};

	      try {
	        if (msgIsString) {
	          json = JSON.parse(event.data);
	        } else {
	          json = event.data;
	        }
	      } catch (ignore) {}

	      var payload = json.__tcfapiCall;

	      if (payload) {
	        window.__tcfapi(
	          payload.command,
	          payload.version,
	          function(retValue, success) {
	            var returnMsg = {
	              __tcfapiReturn: {
	                returnValue: retValue,
	                success: success,
	                callId: payload.callId
	              }
	            };
	            if (msgIsString) {
	              returnMsg = JSON.stringify(returnMsg);
	            }
	            if (event && event.source && event.source.postMessage) {
	              event.source.postMessage(returnMsg, '*');
	            }
	          },
	          payload.parameter
	        );
	      }
	    }

	    while (win) {
	      try {
	        if (win.frames[TCF_LOCATOR_NAME]) {
	          cmpFrame = win;
	          break;
	        }
	      } catch (ignore) {}

	      if (win === window.top) {
	        break;
	      }
	      win = win.parent;
	    }
	    if (!cmpFrame) {
	      addFrame();
	      win.__tcfapi = tcfAPIHandler;
	      win.addEventListener('message', postMessageEventHandler, false);
	    }
	  };

	  makeStub();

	  function makeGppStub() {
	    const CMP_ID = 10;
	    const SUPPORTED_APIS = [
	      '2:tcfeuv2',
	      '6:uspv1',
	      '7:usnatv1',
	      '8:usca',
	      '9:usvav1',
	      '10:uscov1',
	      '11:usutv1',
	      '12:usctv1'
	    ];

	    window.__gpp_addFrame = function (n) {
	      if (!window.frames[n]) {
	        if (document.body) {
	          var i = document.createElement("iframe");
	          i.style.cssText = "display:none";
	          i.name = n;
	          document.body.appendChild(i);
	        } else {
	          window.setTimeout(window.__gpp_addFrame, 10, n);
	        }
	      }
	    };
	    window.__gpp_stub = function () {
	      var b = arguments;
	      __gpp.queue = __gpp.queue || [];
	      __gpp.events = __gpp.events || [];

	      if (!b.length || (b.length == 1 && b[0] == "queue")) {
	        return __gpp.queue;
	      }

	      if (b.length == 1 && b[0] == "events") {
	        return __gpp.events;
	      }

	      var cmd = b[0];
	      var clb = b.length > 1 ? b[1] : null;
	      var par = b.length > 2 ? b[2] : null;
	      if (cmd === "ping") {
	        clb(
	          {
	            gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1”
	            cmpStatus: "stub", // possible values: stub, loading, loaded, error
	            cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled
	            signalStatus: "not ready", // possible values: not ready, ready
	            supportedAPIs: SUPPORTED_APIS, // list of supported APIs
	            cmpId: CMP_ID, // IAB assigned CMP ID, may be 0 during stub/loading
	            sectionList: [],
	            applicableSections: [-1],
	            gppString: "",
	            parsedSections: {},
	          },
	          true
	        );
	      } else if (cmd === "addEventListener") {
	        if (!("lastId" in __gpp)) {
	          __gpp.lastId = 0;
	        }
	        __gpp.lastId++;
	        var lnr = __gpp.lastId;
	        __gpp.events.push({
	          id: lnr,
	          callback: clb,
	          parameter: par,
	        });
	        clb(
	          {
	            eventName: "listenerRegistered",
	            listenerId: lnr, // Registered ID of the listener
	            data: true, // positive signal
	            pingData: {
	              gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1”
	              cmpStatus: "stub", // possible values: stub, loading, loaded, error
	              cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled
	              signalStatus: "not ready", // possible values: not ready, ready
	              supportedAPIs: SUPPORTED_APIS, // list of supported APIs
	              cmpId: CMP_ID, // list of supported APIs
	              sectionList: [],
	              applicableSections: [-1],
	              gppString: "",
	              parsedSections: {},
	            },
	          },
	          true
	        );
	      } else if (cmd === "removeEventListener") {
	        var success = false;
	        for (var i = 0; i < __gpp.events.length; i++) {
	          if (__gpp.events[i].id == par) {
	            __gpp.events.splice(i, 1);
	            success = true;
	            break;
	          }
	        }
	        clb(
	          {
	            eventName: "listenerRemoved",
	            listenerId: par, // Registered ID of the listener
	            data: success, // status info
	            pingData: {
	              gppVersion: "1.1", // must be “Version.Subversion”, current: “1.1”
	              cmpStatus: "stub", // possible values: stub, loading, loaded, error
	              cmpDisplayStatus: "hidden", // possible values: hidden, visible, disabled
	              signalStatus: "not ready", // possible values: not ready, ready
	              supportedAPIs: SUPPORTED_APIS, // list of supported APIs
	              cmpId: CMP_ID, // CMP ID
	              sectionList: [],
	              applicableSections: [-1],
	              gppString: "",
	              parsedSections: {},
	            },
	          },
	          true
	        );
	      } else if (cmd === "hasSection") {
	        clb(false, true);
	      } else if (cmd === "getSection" || cmd === "getField") {
	        clb(null, true);
	      }
	      //queue all other commands
	      else {
	        __gpp.queue.push([].slice.apply(b));
	      }
	    };
	    window.__gpp_msghandler = function (event) {
	      var msgIsString = typeof event.data === "string";
	      try {
	        var json = msgIsString ? JSON.parse(event.data) : event.data;
	      } catch (e) {
	        var json = null;
	      }
	      if (typeof json === "object" && json !== null && "__gppCall" in json) {
	        var i = json.__gppCall;
	        window.__gpp(
	          i.command,
	          function (retValue, success) {
	            var returnMsg = {
	              __gppReturn: {
	                returnValue: retValue,
	                success: success,
	                callId: i.callId,
	              },
	            };
	            event.source.postMessage(msgIsString ? JSON.stringify(returnMsg) : returnMsg, "*");
	          },
	          "parameter" in i ? i.parameter : null,
	          "version" in i ? i.version : "1.1"
	        );
	      }
	    };
	    if (!("__gpp" in window) || typeof window.__gpp !== "function") {
	      window.__gpp = window.__gpp_stub;
	      window.addEventListener("message", window.__gpp_msghandler, false);
	      window.__gpp_addFrame("__gppLocator");
	    }
	  };

	  makeGppStub();

	  var uspStubFunction = function() {
	    var arg = arguments;
	    if (typeof window.__uspapi !== uspStubFunction) {
	      setTimeout(function() {
	        if (typeof window.__uspapi !== 'undefined') {
	          window.__uspapi.apply(window.__uspapi, arg);
	        }
	      }, 500);
	    }
	  };

	  var checkIfUspIsReady = function() {
	    uspTries++;
	    if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
	      console.warn('USP is not accessible');
	    } else {
	      clearInterval(uspInterval);
	    }
	  };

	  if (typeof window.__uspapi === 'undefined') {
	    window.__uspapi = uspStubFunction;
	    var uspInterval = setInterval(checkIfUspIsReady, 6000);
	  }
	})();
	</script>
	<!-- End InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) -->

	<!-- Favicons and Manifest (from NEW CODE) -->
	<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
	<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
	<link rel="shortcut icon" href="/static/favicon.ico">
	<link rel="manifest" href="/static/site.webmanifest">

    <!-- Meta Description (from NEW CODE structure) -->
    <meta name="description" content="
Bereken gemakkelijk leningen, betalingen en investeringen met onze Amortisatie Lening, Uitgestelde Betaling en Obligatie Calculators. Vereenvoudig financiële planning vandaag!
">

    <!-- Robots Tag (from NEW CODE structure) -->
    <meta name="robots" content="index, follow">

    <!-- Canonical URL (from NEW CODE structure, with https replace) -->
	<link rel="canonical" href="https://berekenen.org/lening-calculator/">

    <!-- Font Awesome for Icons (common to both) -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

	<!-- Clicky Script (from OLD CODE with specific ID) -->
	<script async data-id="101474111" src="//static.getclicky.com/js"></script>

    <!-- Bootstrap CSS (common to both) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS (common to both) -->
    <link rel="stylesheet" href="/static/css/styles.css">
	<!-- Font Awesome duplicate link removed (was present twice in NEW code) -->

	<!-- jQuery (common to both) -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <!-- ALL Inline Styles from NEW CODE -->
    <style>
	    .hidden-main {
	        display: none;
	    }
        /* Ensure body and html take up the full height of the page */
        html, body {
            height: 100%;
            margin: 0;
        }

        body {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
			padding: 0rem !important; /* Added from NEW CODE */
        }

        main {
            flex-grow: 1;
        }

		.container-fluid {
			padding-right: 0px !important;
			padding-left: 0px !important;
		}
        .navbar {
            width: 100%;
            padding-bottom: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #ffffff !important;
            border-bottom: 1px solid #ddd;
			padding: 5px 0 0 5px !important; /* From NEW CODE */
        }

        /* Style for the burger menu icon with equal margins */
        .navbar-toggler {
            margin: 5px;
        }

        .nav-tabs {
            border-bottom: none;
            margin-bottom: 0;
        }

        .nav-tabs .nav-link {
            /* Updated styling from NEW CODE */
            background: linear-gradient(to bottom, #f8f9fa, white);
            border: 1px solid #ddd;
            border-bottom: none;
            margin-right: 2px;
            border-radius: 0.25rem 0.25rem 0 0;
            padding: 8px 16px;
            color: #555;
        }

        .nav-tabs .nav-link.active {
            background-color: #007bff;
            border-color: #007bff #007bff #fff;
            color: white;
        }

        .nav-tabs .nav-link:hover {
            background-color: #e9ecef;
        }

        .navbar .navbar-brand {
            color: inherit;
        }

        footer {
            max-width: 1100px;
            margin: 0 auto;
            text-align: left;
            width: 100%;
            border-top: 1px solid #ddd;
            padding-top: 10px;
            clear: both;
        }

        /* Mobile view styling */
        @media (max-width: 992px) {
            /* Stack the nav items vertically when in mobile view */
            .nav-tabs .nav-item {
                width: 100%;
            }

            .nav-tabs .nav-link {
                display: block;
                width: 100%;
                text-align: left;
                padding: 10px 16px;
                border-radius: 0;
                border: 1px solid #ddd;
                margin-bottom: 2px;
            }
        }
    </style>

    <!-- Additional Styles from NEW CODE -->
	<style>
	/* General container styling */
	#main-calculator-container {
	    display: flex;
	}

	/* Content sections for inputs and results */
	.content-half {
	    flex: 1 1 350px;
	    max-width: 350px;
	}

	/* Popular Section Styling */
	#popular-section {
	    background-color: beige;
	    border: 1px solid darkgoldenrod;
	    padding: 20px;
	    margin-top: 20px;
	    border-radius: 0px;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Slight shadow */
	    flex-basis: 350px; /* Fixed width */
	    flex-grow: 0; /* Prevent it from growing larger */
	    flex-shrink: 0; /* Prevent it from shrinking */
	    height: auto; /* Ensure height adjusts based on content */
	    margin-left: 10px; /* Optional: Add spacing between sections */
	}

	/* Remove margin-left for mobile screens */
	@media (max-width: 768px) {
	    #main-calculator-container {
	        flex-direction: column;
	        align-items: center;
	    }

	    #popular-section {
	        margin-left: 0; /* Remove left margin */
	        width: 100%; /* Full width for mobile */
	    }
	}

	/* Tooltip styling */
	.tooltip-container {
	    position: relative;
	    display: inline-block;
	    cursor: pointer;
	    text-decoration: underline dotted grey;
	    text-underline-offset: 2px; /* Adjust the space between text and the underline */
	}

	.tooltip-container .tooltip-text {
	    visibility: hidden;
	    width: 200px;
	    background-color: black;
	    color: #fff;
	    text-align: center;
	    border-radius: 5px;
	    padding: 5px 10px;
	    position: absolute;
	    z-index: 1;
	    bottom: 100%; /* Position above the text */
	    left: 50%;
	    margin-left: -100px;
	    opacity: 0;
	    transition: opacity 0.3s;
	}

	.tooltip-container:hover .tooltip-text {
	    visibility: visible;
	    opacity: 1;
	}
	</style>

    <!-- Header Anchor Links, Cite Layer, etc. Styles from NEW CODE -->
	<style>
		/* Styles for the print button and date */
		.header-anchor-links-left {
		    display: flex;
		    align-items: center;
		    gap: 10px;
		    margin-bottom: 3px; /* Optional: Add spacing below */
		}

		.header-anchor-links-left button {
			flex: none !important;
			width: auto !important;
		    background: none;
		    border: none;
		    color: inherit;
		    font: inherit;
		    text-decoration: none;
		    cursor: pointer;
		    padding: 0;
		    margin: 0;
		    display: inline-flex; /* Align icon and text horizontally */
		    align-items: center;
		}

		.header-anchor-links-left button:hover {
		    text-decoration: underline;
		}

		.header-anchor-links-left .print-date {
		    font-size: 14px;
		    color: #555; /* Optional: Different color for date */
		}

		/* Styles for Cite, Link, Share buttons */
		.header-anchor-links-right {
		    display: flex;
		    align-items: center;
		    gap: 10px;
		}

		.header-anchor-links-right button {
			flex: none !important;
			width: auto !important;
		    background: none;
		    border: none;
		    color: inherit;
		    font: inherit;
		    text-decoration: none;
		    cursor: pointer;
		    padding: 0;
		    margin: 0;
		    display: inline-flex;
		    align-items: center;
		}

		.header-anchor-links-right button:hover {
		    text-decoration: underline;
		}

		/* Removed duplicate pipe style */

		/* Remove button styles and make them look like links */
		.header-anchor-links button {
		    background: none !important;       /* No background */
		    border: none !important;           /* Remove border */
		    color: inherit !important;         /* Use the color of the surrounding text */
		    font: inherit !important;          /* Inherit the font from the parent element */
		    text-decoration: none !important;  /* Remove any text decoration */
		    cursor: pointer !important;       /* Show pointer cursor to indicate clickable element */
		    padding: 0 !important;             /* Remove any padding */
		    margin: 0 !important;              /* Remove any margin */
		    display: inline !important;        /* Ensure they are inline with text */
		}

		/* Optional: Styling to add hover effect like links */
		.header-anchor-links button:hover {
		    text-decoration: underline !important;  /* Underline on hover to resemble links */
		}

		.header-hidden {
		    display: none !important;
		}
		/* Info Layer Styling */
		#citeLayer {
		    background-color: #f8f9fa; /* Light gray background */
		    border: 1px solid #ccc; /* Light border */
		    padding: 10px; /* Add some padding */
		    margin-top: 10px; /* Space below the link */
		    border-radius: 5px; /* Rounded corners */
		    position: relative; /* Ensure it appears below the clicked link */
			transition: background-color 0.3s ease;

		}
		/* Hide the 'X' icon when the layer is closed */
		#citeLayer.hidden {
		    display: none;
		}

		.info-layer p {
		    margin: 0; /* Remove default margins */
		}

		.info-layer button {
		    margin-top: 5px; /* Space between text and button */
		    background-color: #007bff; /* Blue button */
		    color: white; /* White text */
		    border: none; /* No border */
		    padding: 5px 10px; /* Button padding */
		    border-radius: 3px; /* Rounded corners */
		    cursor: pointer; /* Pointer cursor */
		}

		.info-layer button:hover {
		    background-color: #0056b3; /* Darker blue on hover */
		}


		.grey-divider {
		    border: 1px solid #dddddd !important; /* Add a grey top border */
		    width: 100%;                /* Ensure it spans the full width */
		    margin: 20px 0;             /* Optional: Add vertical spacing */
		}
		/* Ensure links are inline */
		.header-anchor-links {
		    display: flex !important; /* Use flexbox for layout */
		    gap: 10px !important; /* Add spacing between items */
		}

		.header-anchor-links a {
		    text-decoration: none !important; /* Remove underlines */
		    color: inherit !important; /* Use the parent color */
		    font-size: 16px !important; /* Adjust font size */
		}

		.header-anchor-links a:hover {
		    text-decoration: underline !important; /* Optional: Add underline on hover */
		}
	/* Cite Button Styling */
	.cite-button {
		margin-bottom: 10px;
	}

	.cite-button a {
	    display: inline-flex;
	    align-items: center;
	    background-color: #f8f9fa;
	    padding: 8px 12px;
	    border-radius: 5px;

	    text-decoration: none;
	    font-size: 14px;
	    font-weight: 500;
	    transition: background-color 0.2s ease;
	}

	.cite-button a:hover {
	    background-color: #e9ecef;
	    text-decoration: none;
	}
	/* Close button (X) */
	.close-btn {
	    position: absolute;
	    top: 5px;
	    right: 8px;
	    cursor: pointer;
	    font-size: 12px;
	    color: #cccccc;
	}

	/* Styling for the copy button */
	#copyButton {
		display: block;
	    background-color: #808080;  /* Default grey color */
	    border: none;
	    padding: 5px 10px;
	    cursor: pointer;
	    font-weight: bold;
	    border-radius: 5px;
	    transition: background-color 0.3s ease, color 0.3s ease;
	    margin-left: 0px;

	}

	/* When the copy button text changes to 'COPIED' */
	#copyButton.copied {
	    background-color: #d3d3d3;  /* Darker grey when clicked */
	    color: #fff;
	}

	#copyButton.hidden {
	    display: none !important;
	}
	@media (max-width: 480px) {
	    .last-updated {
	        display: none;
	    }
	}


	/* Theme List styles from NEW CODE */
	.themes-list {
	    font-family: Arial, sans-serif;
	    margin: 0px;
	    line-height: 1.4; /* Adjusted for readability */
	}

	.theme-section {
	    margin-bottom: 0px; /* Spacing between themes */
	}

	.theme-section h2 {
	    font-size: 1.5rem; /* Slightly larger font for H2 */
	    font-weight: bold;
	    margin: 0px 0; /* Spacing above and below */
	}

	.theme-section h3 {
	    font-size: 1.2rem; /* Smaller than H2 */
	    font-weight: normal;
	    margin: 0; /* No additional margin */
	    display: inline-block; /* Ensures inline display for categories */
	}

	.theme-section h2 a,
	.theme-section h3 a {
	    text-decoration: none; /* Remove underline */
	}

	.theme-section h2 a:hover,
	.theme-section h3 a:hover {
	    text-decoration: underline; /* Add underline on hover for accessibility */
	}

	/* Hidden-main class styling (redefined here, consistent with NEW code) */
	.hidden-main {
	    font-size: 0.9rem; /* Slightly smaller for the extra text */
	    color: #777; /* Muted text color */
	    font-weight: normal;
	}

	/* Two Column list styles from NEW CODE */
	.calculators-two-col {
		margin-bottom: 0.5rem;
	}

	.calculators-two-col ul {
	  list-style-type: disc;
	  margin: 0;
	  column-count: 1;
	  column-gap: 1rem;
	}

	.calculators-two-col ul li {
        /* No specific li styles needed from example */
	}

	/* For desktop screens */
	@media (min-width: 768px) {
	  .calculators-two-col ul {
	    column-count: 2; /* Switch to two columns on larger screens */
	  }
	}
	</style>

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//tracking.berekenen.org/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '81']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
</head>
<body>

    <!-- Navbar with logo on the left and folder tabs on the right -->
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
        <div class="container-fluid d-flex justify-content-between align-items-center">
            <!-- Logo, left-aligned (using site name variable) -->
            <a class="navbar-brand fw-bold" href="/">
                🧮 Berekenen.org
            </a>

            <!-- Toggle button for mobile view -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#themeMenu" aria-controls="themeMenu" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <!-- Folder tab navigation for themes, collapsible in mobile view -->
            <div class="collapse navbar-collapse" id="themeMenu">
                <ul class="nav nav-tabs ms-auto">
                    <!-- Dynamic Theme Tabs -->
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/financieel/">
                           💰 Financieel
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/gezondheid/">
                           🚑 Gezondheid
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/wiskunde/">
                           📐 Wiskunde
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/overig/">
                           📁 Overig
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/wetenschap/">
                           🔬  Wetenschap
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="nav-link "
                           href="/themas/eten/">
                           👩‍🍳 Eten
                        </a>
                    </li>
                    

					<!-- Static Tabs (Dutch names from OLD CODE) -->
					<li class="nav-item">
					    <a class="nav-link "
					       href="/nieuw/">
					       🆕 Nieuw
					    </a>
					</li>
					<li class="nav-item">
					    <a class="nav-link "
					       href="/blog/">
					       📚 Blog
					    </a>
					</li>

                </ul>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <main class="container">
        
<!-- Hoofdcontainer (maximale breedte 1100px) -->
<div id="main-calculator-container" class="d-flex flex-column flex-lg-row align-items-start">

	
	<div id="content-section-wrapper" class="d-flex flex-column" style="max-width: 728px; flex-grow: 1; flex-shrink: 0;">
	    
	    <h1>Lening Calculator</h1>

	    
	    
	        <span class="print-date" style="margin-bottom:3px;">
	            Categorie: <a href="/categorieen/overige-financien">Overige Financiën</a> 
	        </span>
	    

	    <!-- Voor afdrukken -->
	    <div class="header-anchor-links-left">
	        <button onclick="window.print()">
	            <i class="fa fa-print"></i> Print Deze Pagina 
	        </button>

	    
	    
	    <span class="print-date">- 07 april 2025</span>
	    
	    </div>

	    <!-- Container voor links -->
	    <div class="header-anchor-links-right">
	        <button onclick="showLayer('citeLayer', 'cite')">
	            <i class="fa fa-quote-right"></i> Citeer Dit 
	        </button>
	        |
	        <button onclick="showLayer('citeLayer', 'link')">
	            <i class="fa fa-link"></i> Link Dit 
	        </button>
	        |
	        <button onclick="showLayer('citeLayer', 'share')">
	            <i class="fa fa-share"></i> Deel Dit 
	        </button>
	    </div>

	    <!-- Citeerlaag -->
	    <div id="citeLayer" class="info-layer" style="display: none;">
	        <p id="citationText">
	            
	            
	            
	            Lening Calculator - Beschikbaar op: 
	            <a href="https://berekenen.org/lening-calculator/" target="_blank">https://berekenen.org/lening-calculator/</a>
	            - Geraadpleegd op: 28 mei 2026. 
	        </p>
	        <!-- Kopieerknop buiten <p>, maar binnen de laag -->
	        <button id="copyButton" onclick="copyToClipboard()"><i class="fa fa-copy"></i> KOPIËREN</button> 
	        <!-- Sluitknop (X) -->
	        <span class="close-btn" onclick="closeCiteLayer()">X</span>
	    </div>

	    <!-- Horizontale scheidingslijn -->
	    <hr class="grey-divider" />

<script>
    function showLayer(layerId, type) {
        // Verberg alle andere lagen
        document.querySelectorAll('.info-layer').forEach(layer => {
            layer.style.display = 'none';
        });

        // Toon de geselecteerde laag
        const layer = document.getElementById(layerId);
        if (layer) {
            layer.style.display = 'block';
        }

        // Wijzig inhoud op basis van 'type'
        const citationContent = document.querySelector('#citationText');
        const copyButton = document.getElementById('copyButton');
        const urlToUse = 'https://berekenen.org/lening-calculator/'; // Use the pre-generated URL without query
        const fullUrl = 'https://berekenen.org/lening-calculator/'; // Full URL for sharing

        if (type === 'cite') {
            // Citeerinhoud
            citationContent.innerHTML = `
                Lening Calculator - Beschikbaar op: 
                <a href="${urlToUse}" target="_blank">${urlToUse}</a>
                - Geraadpleegd op: 28 mei 2026. 
            `;
            copyButton.style.display = 'inline-block'; // Toon knop
            copyButton.innerHTML = '<i class="fa fa-copy"></i> KOPIËREN'; // Translated
        } else if (type === 'link') {
            // Linkinhoud
            citationContent.innerHTML = `
                <a href="${urlToUse}" target="_blank">${urlToUse}</a>
            `;
            copyButton.style.display = 'inline-block'; // Toon knop
            copyButton.innerHTML = '<i class="fa fa-link"></i> KOPIËREN LINK'; // Translated
        } else if (type === 'share') {
            // Deelinhoud - Text translated
            citationContent.innerHTML = `
                Deel: 
                <a href="https://twitter.com/intent/tweet?url=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-twitter"></i><i class="fab fa-x"></i> Twitter / X</a> |
                <a href="https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-facebook"></i> Facebook</a> |
                <a href="https://www.linkedin.com/shareArticle?url=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-linkedin"></i> LinkedIn</a> |
                <a href="https://pinterest.com/pin/create/button/?url=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-pinterest"></i> Pinterest</a> |
                <a href="https://www.reddit.com/submit?url=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-reddit"></i> Reddit</a> |
                <a href="https://tumblr.com/widgets/share/tool?canonicalUrl=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-tumblr"></i> Tumblr</a> |
                <a href="https://api.whatsapp.com/send?text=${encodeURIComponent(fullUrl)}" target="_blank" rel="nofollow">
                    <i class="fab fa-whatsapp"></i> WhatsApp</a>
            `;
            copyButton.style.display = 'none'; // Verberg knop
        }
    }

    // Functie om de citeerlaag te sluiten
    function closeCiteLayer() {
        document.getElementById('citeLayer').style.display = 'none';
    }

    function copyToClipboard() {
        // Haal de tekst binnen de laag op
        const citationParagraph = document.querySelector('#citeLayer p');
        let textToCopy = '';

        if (citationParagraph) {
             // If it's the link layer, just get the link text
            const linkElement = citationParagraph.querySelector('a');
            if (linkElement && document.getElementById('copyButton').innerHTML.includes('KOPIËREN LINK')) {
                 textToCopy = linkElement.innerText;
            } else {
                // Otherwise, get the full paragraph text for citation
                 textToCopy = citationParagraph.innerText;
            }
        }


        if (textToCopy) {
            // Kopieer de tekst naar het klembord
            navigator.clipboard.writeText(textToCopy).then(() => {
                // Wijzig knoptekst naar 'GEKOPIEERD' met een icoon
                const copyButton = document.getElementById('copyButton');
                const originalText = copyButton.innerHTML; // Store original button text
                copyButton.innerHTML = '<i class="fa fa-check"></i> GEKOPIEERD';  // Translated

                // Reset knoptekst na 1 seconde
                setTimeout(() => {
                     // Check if the button text is still 'GEKOPIEERD' before resetting
                     // This prevents resetting if the user clicked another button quickly
                     if (copyButton.innerHTML === '<i class="fa fa-check"></i> GEKOPIEERD') {
                         copyButton.innerHTML = originalText; // Restore original text (KOPIËREN or KOPIËREN LINK)
                     }
                }, 1000); // Vertraging van 1000 ms om de knop te resetten
            }).catch(err => {
                 console.error('Kon niet naar klembord kopiëren: ', err);
            });
        } else {
             console.error('Geen tekst gevonden om te kopiëren.');
        }
    }

    // Initial state setup if needed (though button display is handled by showLayer)
    // const copyButton = document.getElementById('copyButton');
    // if (copyButton) { copyButton.style.display = 'none'; }

</script>

	        <!-- Rekenmachine CSS-inhoud -->
	        
	            <style>
/* Info Box */
.loan-calculator .info-box {
  background-color: #e8f4f8;
  border-left: 4px solid #2980b9;
  padding: 15px;
  border-radius: 0 5px 5px 0;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
}

.loan-calculator .info-box h2 {
  color: #2980b9;
  margin-top: 0;
  margin-bottom: 15px;
}

.loan-calculator .info-box p {
  margin: 10px 0;
}

/* Input Section */
.loan-calculator .input-section {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  width: 100%;
}

/* Section Headings */
.loan-calculator .section-heading {
  margin-top: 20px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loan-calculator .section-heading h4 {
  color: #2980b9;
  font-size: 18px;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e1e1;
}

/* Input Row & Input Group */
.loan-calculator .input-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.loan-calculator .input-group {
  flex: 1;
  min-width: 200px;
  margin-bottom: 10px;
}

.loan-calculator .input-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #333;
}

.loan-calculator .input-group input[type="number"],
.loan-calculator .input-group input[type="text"],
.loan-calculator .input-group input[type="date"],
.loan-calculator .input-group select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  transition: all 0.3s;
}

.loan-calculator .input-group input:focus,
.loan-calculator .input-group select:focus {
  outline: none;
  border-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.2);
}

/* Unit Input & Currency Symbol */
.loan-calculator .unit-input {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.loan-calculator .currency-symbol,
.loan-calculator .percent-symbol {
  color: #666;
  font-weight: bold;
  padding: 0 8px;
}

.loan-calculator .term-input {
  display: flex;
  width: 100%;
}

.loan-calculator .term-input input {
  flex: 2;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.loan-calculator .term-input select {
  flex: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

/* Checkbox Options */
.loan-calculator .checkbox-option {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
}

.loan-calculator .checkbox-option input[type="checkbox"] {
  margin-right: 8px;
  cursor: pointer;
}

/* Advanced Options */
.loan-calculator .advanced-options {
  background-color: #f0f0f0;
  padding: 15px;
  border-radius: 5px;
  margin-top: 20px;
}

.loan-calculator .advanced-options h4 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #333;
  font-size: 16px;
}

/* Button Group */
.loan-calculator .btn-group {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.loan-calculator .btn-group button {
  flex: 1;
  padding: 12px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.loan-calculator .calculate-btn {
  background: linear-gradient(145deg, #3498db, #2980b9);
  color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.loan-calculator .calculate-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.loan-calculator .reset-btn {
  background-color: #f5f5f5;
  color: #595959;
  border: 1px solid #ccc;
}

.loan-calculator .reset-btn:hover {
  background-color: #e8e8e8;
}

/* Hidden Elements */
.loan-calculator .hidden {
  display: none !important;
}

/* Result Container */
.loan-calculator .result-container {
  background-color: #fff;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
  width: 100%;
}

.loan-calculator .result-container h3 {
  color: #2980b9;
  margin-top: 0;
  margin-bottom: 25px;
  text-align: center;
  font-size: 22px;
  border-bottom: 2px solid #e8f4f8;
  padding-bottom: 15px;
}

.loan-calculator .result-container h4 {
  color: #2980b9;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 18px;
}

/* Results Grid & Cards */
.loan-calculator .results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 25px;
}

.loan-calculator .result-card {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  transition: transform 0.2s, box-shadow 0.2s;
}

.loan-calculator .result-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.loan-calculator .result-card.primary {
  background: linear-gradient(145deg, #e8f4f8, #d6eaf8);
  border-color: #2980b9;
  grid-column: 1 / -1;
}

.loan-calculator .result-title {
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  font-size: 16px;
}

.loan-calculator .result-value {
  font-size: 28px;
  font-weight: bold;
  color: #2980b9;
  margin-bottom: 5px;
}

/* Charts Container */
.loan-calculator .charts-container {
  margin-top: 30px;
}

.loan-calculator .charts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: 20px;
  margin-bottom: 25px;
}

.loan-calculator .chart-container {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 15px;
  height: 300px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Payment Schedule Table */
.loan-calculator .payment-schedule-container {
  margin-top: 30px;
  overflow-x: auto;
}

.loan-calculator .payment-schedule-table {
  width: 100%;
}

.loan-calculator .payment-schedule-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.loan-calculator .payment-schedule-table th {
  background-color: #f0f7fb;
  padding: 12px 15px;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
  color: #2980b9;
  position: sticky;
  top: 0;
}

.loan-calculator .payment-schedule-table td {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}

.loan-calculator .payment-schedule-table tr:last-child td {
  border-bottom: none;
}

.loan-calculator .payment-schedule-table tr:hover {
  background-color: #f9f9f9;
}

/* Calculation Steps */
.loan-calculator .calculation-steps {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-top: 25px;
  border-left: 4px solid #2ecc71;
}

.loan-calculator .steps-content {
  line-height: 1.6;
}

.loan-calculator .steps-content p {
  margin: 8px 0;
}

/* Formula Section */
.loan-calculator .formula-section {
  background-color: #f0f7fb;
  padding: 20px;
  border-radius: 8px;
  margin-top: 25px;
}

.loan-calculator .equation {
  font-family: 'Cambria Math', 'Times New Roman', serif;
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
  margin: 15px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

/* Calculator Footer & Theory Section */
.loan-calculator .calculator-footer {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}

.loan-calculator .theory-section {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.loan-calculator .theory-section h4 {
  color: #2980b9;
  margin-top: 0;
  margin-bottom: 15px;
}

.loan-calculator .theory-section p {
  line-height: 1.6;
  margin-bottom: 15px;
}

.loan-calculator .theory-subsection {
  margin-top: 20px;
  margin-bottom: 20px;
}

.loan-calculator .theory-subsection h5 {
  color: #2980b9;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
}

.loan-calculator .theory-subsection ul,
.loan-calculator .theory-subsection ol {
  margin: 0;
  padding-left: 20px;
}

.loan-calculator .theory-subsection li {
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Remove number input spinners for Firefox & Webkit */
.loan-calculator input[type="number"] {
  -moz-appearance: textfield;
}

.loan-calculator input[type="number"]::-webkit-outer-spin-button,
.loan-calculator input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Radio & Checkbox Custom Styling */
.loan-calculator input[type="radio"],
.loan-calculator input[type="checkbox"] {
  accent-color: #2980b9;
}

/* Responsive Styling */
@media (max-width: 767px) {
  .loan-calculator .input-row {
    flex-direction: column;
    gap: 10px;
  }
  
  .loan-calculator .input-group {
    min-width: 100%;
  }
  
  .loan-calculator .btn-group {
    flex-direction: column;
  }
  
  .loan-calculator .results-grid {
    grid-template-columns: 1fr;
  }
  
  .loan-calculator .charts-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .loan-calculator .results-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .loan-calculator .theory-section {
    padding: 30px;
  }
  
  .loan-calculator .payment-schedule-table {
    max-height: 400px;
    overflow-y: auto;
  }
}
</style>
<style>
	/* Styling for parent elements containing formulas */
	.formula-container {
	display: block;
	overflow-x: auto;
	margin-bottom: 1rem;
	padding: 0.5rem;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	}
</style>
	         

	        <!-- Rekenmachine HTML-inhoud -->
	        
	            <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/11.9.0/math.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<div class="loan-calculator">
  <div class="info-box">
    <p>
      Bereken maandlasten, totale rente en zie een betalingsoverzicht voor verschillende leningtypes.
      Deze calculator ondersteunt verschillende looptijden en rentepercentages om u te helpen uw financiën te plannen.
    </p>
  </div>

  <div class="input-section">
    <div class="section-heading">
      <h4>Leninginformatie</h4>
    </div>

    <div class="input-row">
      <div class="input-group">
        <label for="loan-amount">Leningbedrag:</label>
        <div class="unit-input">
          <span class="currency-symbol">€</span>
          <input type="number" id="loan-amount" min="1" step="100" value="20000" placeholder="Voer leningbedrag in">
        </div>
      </div>

      <div class="input-group">
        <label for="interest-rate">Rente (% per jaar):</label>
        <div class="unit-input">
          <input type="number" id="interest-rate" min="0.01" step="0.1" value="5.0" placeholder="Voer rente in">
          <span class="percent-symbol">%</span>
        </div>
      </div>
    </div>

    <div class="input-row">
      <div class="input-group">
        <label for="loan-term">Looptijd:</label>
        <div class="term-input">
          <input type="number" id="loan-term" min="1" step="1" value="5" placeholder="Voer looptijd in">
          <select id="term-unit">
            <option value="years" selected>Jaren</option>
            <option value="months">Maanden</option>
          </select>
        </div>
      </div>

      <div class="input-group">
        <label for="loan-type">Leningtype:</label>
        <select id="loan-type">
          <option value="auto" selected>Autolening</option>
          <option value="personal">Persoonlijke lening</option>
          <option value="student">Studielening</option>
          <option value="mortgage">Hypotheek</option>
          <option value="other">Overige</option>
        </select>
      </div>
    </div>

    <div class="advanced-options">
      <h4>Geavanceerde opties</h4>
      <div class="input-row">
        <div class="input-group">
          <label for="down-payment">Aanbetaling:</label>
          <div class="unit-input">
            <span class="currency-symbol">€</span>
            <input type="number" id="down-payment" min="0" step="100" value="0" placeholder="Voer aanbetaling in">
          </div>
        </div>

        <div class="input-group">
          <label for="start-date">Startdatum:</label>
          <input type="date" id="start-date">
        </div>
      </div>

      <div class="input-row">
        <div class="input-group">
          <div class="checkbox-option">
            <input type="checkbox" id="include-taxes" name="include-taxes">
            <label for="include-taxes">Inclusief belastingen & verzekering</label>
          </div>
        </div>

        <div class="input-group taxes-insurance hidden">
          <label for="taxes-insurance">Maandelijkse belastingen & verzekering:</label>
          <div class="unit-input">
            <span class="currency-symbol">€</span>
            <input type="number" id="taxes-insurance" min="0" step="10" value="0" placeholder="Voer maandbedrag in">
          </div>
        </div>
      </div>
    </div>

    <div class="btn-group">
      <button id="calculate-btn" class="calculate-btn">Bereken lening</button>
      <button id="reset-btn" class="reset-btn">Reset</button>
    </div>
  </div>

  <div id="result-container" class="result-container hidden">
    <h3>Resultaten leningberekening</h3>

    <div class="results-grid">
      <div class="result-card primary">
        <div class="result-title">Maandlasten</div>
        <div class="result-value" id="result-payment">€0.00</div>
      </div>

      <div class="result-card">
        <div class="result-title">Leningbedrag</div>
        <div class="result-value" id="result-principal">€0.00</div>
      </div>

      <div class="result-card">
        <div class="result-title">Totale rente</div>
        <div class="result-value" id="result-interest">€0.00</div>
      </div>

      <div class="result-card">
        <div class="result-title">Totale kosten</div>
        <div class="result-value" id="result-total-cost">€0.00</div>
      </div>
    </div>

    <div id="charts-container" class="charts-container">
      <h4>Betalingsoverzicht</h4>
      <div class="charts-grid">
        <div class="chart-container">
          <canvas id="payment-chart"></canvas>
        </div>
        <div class="chart-container">
          <canvas id="balance-chart"></canvas>
        </div>
      </div>
    </div>

    <div id="payment-schedule-container" class="payment-schedule-container">
      <h4>Betalingsschema</h4>
      <div class="payment-schedule-table">
        <table>
          <thead>
            <tr>
              <th>Jaar</th>
              <th>Hoofdsom betaald</th>
              <th>Rente betaald</th>
              <th>Totaal betaald</th>
              <th>Restant saldo</th>
            </tr>
          </thead>
          <tbody id="payment-schedule-body">
            <!-- Betalingsschema verschijnt hier -->
          </tbody>
        </table>
      </div>
    </div>

    <div class="calculation-steps">
      <h4>Berekeningsinformatie</h4>
      <div id="calculation-content" class="steps-content">
        <!-- Berekeningsstappen verschijnen hier -->
      </div>
    </div>

    <div class="formula-section">
      <h4 id="formula-title">Formule leningberekening</h4>
      <div class="equation" id="formula-equation">
        M = P × [r(1+r)ⁿ] ÷ [(1+r)ⁿ-1]
      </div>
      <p id="formula-explanation">
        Waar M de maandlasten is, P de hoofdsom (leningbedrag), r de maandelijkse rente (jaarlijkse rente gedeeld door 12), en n het totale aantal betalingen (looptijd in jaren × 12).
      </p>
    </div>
  </div>

  <div class="calculator-footer">
    <div class="theory-section">
      <h4>Over leningberekeningen</h4>
      <p>
        Begrijpen hoe leningen werken kan u helpen betere financiële beslissingen te nemen. Deze calculator gebruikt de standaard amortisatieformule om uw maandlasten en totale rentekosten te bepalen.
      </p>

      <div class="theory-subsection">
        <h5>Verschillende leningtypes</h5>
        <ul>
          <li><strong>Autoleningen:</strong> Typisch 3-7 jaar met rentepercentages afhankelijk van de kredietscore en of het voertuig nieuw of gebruikt is.</li>
          <li><strong>Persoonlijke leningen:</strong> Gewoonlijk ongedekte leningen met hogere rentepercentages en kortere looptijden (1-5 jaar).</li>
          <li><strong>Studieleningen:</strong> Hebben vaak lagere rentepercentages en langere terugbetalingsperioden, soms met speciale terugbetalingsopties.</li>
          <li><strong>Hypotheken:</strong> Woningenleningen met de langste looptijden (typisch 15-30 jaar) en over het algemeen lagere rentepercentages omdat ze zijn gedekt door onroerend goed.</li>
        </ul>
      </div>

      <div class="theory-subsection">
        <h5>Factoren die de leningkosten beïnvloeden</h5>
        <ul>
          <li><strong>Leningbedrag:</strong> Het initiële geleende bedrag, minus eventuele aanbetaling.</li>
          <li><strong>Rentepercentage:</strong> De kosten van lenen uitgedrukt als een percentage van het leningbedrag.</li>
          <li><strong>Looptijd:</strong> De periode waarin u de lening terugbetaalt. Langere looptijden betekenen lagere maandlasten maar hogere totale rentekosten.</li>
          <li><strong>Aanbetaling:</strong> Een initiële betaling die het benodigde leningbedrag vermindert, wat mogelijk de rentepercentages en maandlasten verlaagt.</li>
        </ul>
      </div>

      <div class="theory-subsection">
        <h5>Tips voor leners</h5>
        <ul>
          <li>Maak een grotere aanbetaling indien mogelijk om de totale rentekosten te verlagen.</li>
          <li>Vergelijk aanbiedingen van meerdere kredietverstrekkers om de beste rente te vinden.</li>
          <li>Overweeg een kortere looptijd als u de hogere maandlasten kunt betalen.</li>
          <li>Controleer of er boetes voor vervroegde aflossing zijn voordat u extra betalingen doet.</li>
          <li>Behoud een goede kredietwaardigheid om in aanmerking te komen voor betere rentepercentages op toekomstige leningen.</li>
        </ul>
      </div>
    </div>
  </div>
</div>

	        

	        <!-- Rekenmachine JS-inhoud -->
	        
	            <script>
// ========================
// Calculation Functions
// ========================

function calculateLoan() {
  // Get input values
  const loanAmount = parseFloat(document.getElementById('loan-amount').value);
  const interestRate = parseFloat(document.getElementById('interest-rate').value) / 100;
  const loanTerm = parseInt(document.getElementById('loan-term').value);
  const termUnit = document.getElementById('term-unit').value;
  const loanType = document.getElementById('loan-type').value;
  const downPayment = parseFloat(document.getElementById('down-payment').value) || 0;
  const startDateInput = document.getElementById('start-date').value;
  const includeTaxesInsurance = document.getElementById('include-taxes').checked;
  const taxesInsurance = includeTaxesInsurance ? parseFloat(document.getElementById('taxes-insurance').value) || 0 : 0;
  
  // Validate inputs
  if (isNaN(loanAmount) || isNaN(interestRate) || isNaN(loanTerm)) {
    alert('Voer geldige getallen in voor het leningbedrag, de rente en de looptijd van de lening.');
    return null;
  }
  
  // Set default start date if not provided
  const startDate = startDateInput ? new Date(startDateInput) : new Date();
  
  // Adjust loan amount based on down payment
  const principalAmount = loanAmount - downPayment;
  
  if (principalAmount <= 0) {
    alert('De aanbetaling kan niet gelijk zijn aan of groter zijn dan het leningbedrag.');
    return null;
  }
  
  // Calculate term in months
  let termMonths;
  if (termUnit === 'years') {
    termMonths = loanTerm * 12;
  } else { // months
    termMonths = loanTerm;
  }
  
  // Calculate monthly interest rate
  const monthlyInterestRate = interestRate / 12;
  
  // Calculate monthly payment using the loan formula
  const baseMonthlyPayment = calculateMonthlyPayment(principalAmount, monthlyInterestRate, termMonths);
  
  // Add taxes and insurance if included
  const totalMonthlyPayment = baseMonthlyPayment + taxesInsurance;
  
  // Generate payment schedule
  const schedule = generatePaymentSchedule(
    principalAmount,
    monthlyInterestRate,
    baseMonthlyPayment,
    termMonths,
    startDate,
    taxesInsurance
  );
  
  // Calculate totals
  const totalPrincipal = principalAmount;
  const totalInterest = schedule.totalInterest;
  const totalCost = totalPrincipal + totalInterest + (taxesInsurance * termMonths);
  
  // Generate calculation steps
  const steps = generateCalculationSteps(
    loanAmount,
    downPayment,
    principalAmount,
    interestRate,
    loanTerm,
    termUnit,
    termMonths,
    monthlyInterestRate,
    baseMonthlyPayment,
    taxesInsurance,
    totalMonthlyPayment,
    totalInterest,
    totalCost,
    loanType
  );
  
  // Return the results
  return {
    loanAmount: loanAmount,
    downPayment: downPayment,
    principalAmount: principalAmount,
    interestRate: interestRate,
    loanTerm: loanTerm,
    termUnit: termUnit,
    termMonths: termMonths,
    loanType: loanType,
    baseMonthlyPayment: baseMonthlyPayment,
    taxesInsurance: taxesInsurance,
    totalMonthlyPayment: totalMonthlyPayment,
    totalPrincipal: totalPrincipal,
    totalInterest: totalInterest,
    totalCost: totalCost,
    schedule: schedule.yearlySchedule,
    steps: steps,
    paymentChartData: generatePaymentChartData(totalPrincipal, totalInterest, taxesInsurance * termMonths),
    balanceChartData: generateBalanceChartData(schedule.monthlySchedule)
  };
}

function calculateMonthlyPayment(principal, monthlyRate, termMonths) {
  // If interest rate is 0, simple division
  if (monthlyRate === 0) {
    return principal / termMonths;
  }
  
  // Standard amortization formula: P × [r(1+r)ⁿ] ÷ [(1+r)ⁿ-1]
  return principal * 
    (monthlyRate * Math.pow(1 + monthlyRate, termMonths)) / 
    (Math.pow(1 + monthlyRate, termMonths) - 1);
}

function generatePaymentSchedule(principal, monthlyRate, monthlyPayment, termMonths, startDate, taxesInsurance) {
  let remainingBalance = principal;
  let totalInterest = 0;
  let totalPrincipalPaid = 0;
  
  const monthlySchedule = [];
  const yearlySchedule = [];
  
  let currentDate = new Date(startDate);
  let yearlyPrincipal = 0;
  let yearlyInterest = 0;
  let yearlyTotal = 0;
  let currentYear = currentDate.getFullYear();

  for (let month = 1; month <= termMonths && remainingBalance > 0; month++) {
    // Calculate interest for this month
    const interestPayment = remainingBalance * monthlyRate;
    
    // Calculate principal for this month
    let principalPayment = monthlyPayment - interestPayment;
    
    // Adjust final payment if needed
    if (principalPayment > remainingBalance) {
      principalPayment = remainingBalance;
    }
    
    // Update balances
    remainingBalance -= principalPayment;
    if (remainingBalance < 0.01) remainingBalance = 0; // Handle floating point issues
    
    totalInterest += interestPayment;
    totalPrincipalPaid += principalPayment;
    
    // Update yearly totals
    yearlyPrincipal += principalPayment;
    yearlyInterest += interestPayment;
    yearlyTotal += principalPayment + interestPayment;
    
    // Store monthly data
    monthlySchedule.push({
      month: month,
      date: new Date(currentDate),
      principal: principalPayment,
      interest: interestPayment,
      totalPayment: principalPayment + interestPayment,
      balance: remainingBalance
    });
    
    // If moving to a new year or final payment, record yearly data
    if (currentDate.getFullYear() > currentYear || month === termMonths || remainingBalance === 0) {
      yearlySchedule.push({
        year: currentYear,
        principalPaid: yearlyPrincipal,
        interestPaid: yearlyInterest,
        totalPaid: yearlyTotal,
        remainingBalance: remainingBalance
      });
      
      // Reset yearly counters
      yearlyPrincipal = 0;
      yearlyInterest = 0;
      yearlyTotal = 0;
      currentYear = currentDate.getFullYear();
    }
    
    // Move to next month
    currentDate.setMonth(currentDate.getMonth() + 1);
  }
  
  // Add final year if not added yet
  if (yearlyTotal > 0) {
    yearlySchedule.push({
      year: currentYear,
      principalPaid: yearlyPrincipal,
      interestPaid: yearlyInterest,
      totalPaid: yearlyTotal,
      remainingBalance: remainingBalance
    });
  }
  
  return {
    monthlySchedule: monthlySchedule,
    yearlySchedule: yearlySchedule,
    totalInterest: totalInterest
  };
}

function formatMoney(value, precision = 2) {
  return '€' + value.toLocaleString('nl-NL', {
    minimumFractionDigits: precision,
    maximumFractionDigits: precision
  });
}

function generateCalculationSteps(
  loanAmount,
  downPayment,
  principalAmount,
  annualInterestRate,
  loanTerm,
  termUnit,
  termMonths,
  monthlyInterestRate,
  baseMonthlyPayment,
  taxesInsurance,
  totalMonthlyPayment,
  totalInterest,
  totalCost,
  loanType
) {
  const steps = [];
  
  steps.push(`<p><strong>Invoergegevens:</strong></p>`);
  steps.push(`<p>Leningbedrag: ${formatMoney(loanAmount)}</p>`);
  if (downPayment > 0) {
    steps.push(`<p>Aanbetaling: ${formatMoney(downPayment)}</p>`);
  }
  steps.push(`<p>Leninghoofdsom na aanbetaling: ${formatMoney(principalAmount)}</p>`);
  steps.push(`<p>Jaarlijkse rente: ${(annualInterestRate * 100).toFixed(2)}%</p>`);
  steps.push(`<p>Looptijd van de lening: ${loanTerm} ${termUnit} (${termMonths} maanden)</p>`);
  steps.push(`<p>Type lening: ${loanType.charAt(0).toUpperCase() + loanType.slice(1)} lening</p>`);
  
  steps.push(`<p><strong>Stap 1: Bereken de maandelijkse rente</strong></p>`);
  steps.push(`<p>Maandelijkse rente = Jaarlijkse rente ÷ 12</p>`);
  steps.push(`<p>Maandelijkse rente = ${(annualInterestRate * 100).toFixed(2)}% ÷ 12 = ${(monthlyInterestRate * 100).toFixed(4)}% per maand</p>`);
  
  steps.push(`<p><strong>Stap 2: Bereken de basis maandlasten met de leningformule</strong></p>`);
  steps.push(`<p>Maandlasten = P × [r(1+r)ⁿ] ÷ [(1+r)ⁿ-1]</p>`);
  steps.push(`<p>Waar:</p>`);
  steps.push(`<p>P = Hoofdsom = ${formatMoney(principalAmount)}</p>`);
  steps.push(`<p>r = Maandelijkse rente = ${(monthlyInterestRate * 100).toFixed(4)}%</p>`);
  steps.push(`<p>n = Totaal aantal betalingen = ${termMonths}</p>`);
  steps.push(`<p>Basis maandlasten = ${formatMoney(baseMonthlyPayment)}</p>`);
  
  if (taxesInsurance > 0) {
    steps.push(`<p><strong>Stap 3: Voeg maandelijkse belastingen en verzekering toe</strong></p>`);
    steps.push(`<p>Belastingen & Verzekering: ${formatMoney(taxesInsurance)} per maand</p>`);
    steps.push(`<p>Totaal maandlasten = ${formatMoney(baseMonthlyPayment)} + ${formatMoney(taxesInsurance)} = ${formatMoney(totalMonthlyPayment)}</p>`);
    
    steps.push(`<p><strong>Stap 4: Bereken de leningstotalen</strong></p>`);
  } else {
    steps.push(`<p><strong>Stap 3: Bereken de leningstotalen</strong></p>`);
  }
  
  steps.push(`<p>Totaal hoofdsom: ${formatMoney(principalAmount)}</p>`);
  steps.push(`<p>Totaal rente: ${formatMoney(totalInterest)}</p>`);
  
  if (taxesInsurance > 0) {
    const totalTaxesInsurance = taxesInsurance * termMonths;
    steps.push(`<p>Totaal belastingen & verzekering: ${formatMoney(totalTaxesInsurance)}</p>`);
  }
  
  steps.push(`<p>Totaal kosten van de lening: ${formatMoney(totalCost)}</p>`);
  
  return steps;
}

function generatePaymentChartData(totalPrincipal, totalInterest, totalTaxesInsurance) {
  const datasets = [];
  const labels = ['Hoofdsom', 'Rente'];
  const data = [totalPrincipal, totalInterest];
  const backgroundColor = ['#2980b9', '#e74c3c'];
  
  // Add taxes & insurance if applicable
  if (totalTaxesInsurance > 0) {
    labels.push('Belastingen & Verzekering');
    data.push(totalTaxesInsurance);
    backgroundColor.push('#27ae60');
  }
  
  return {
    labels: labels,
    datasets: [{
      data: data,
      backgroundColor: backgroundColor,
      hoverBackgroundColor: ['#3498db', '#c0392b', '#2ecc71']
    }]
  };
}

function generateBalanceChartData(monthlySchedule) {
  const labels = [];
  const balanceData = [];
  const principalData = [];
  const interestData = [];
  
  // Take a sample of payments to prevent overcrowding
  const sampleInterval = Math.max(1, Math.floor(monthlySchedule.length / 60));
  let cumulativePrincipal = 0;
  let cumulativeInterest = 0;
  
  for (let i = 0; i < monthlySchedule.length; i += sampleInterval) {
    const payment = monthlySchedule[i];
    labels.push(`Maand ${payment.month}`);
    balanceData.push(payment.balance);
    
    cumulativePrincipal += payment.principal;
    cumulativeInterest += payment.interest;
    
    principalData.push(cumulativePrincipal);
    interestData.push(cumulativeInterest);
  }
  
  // Ensure the final point is included
  const lastPayment = monthlySchedule[monthlySchedule.length - 1];
  if ((monthlySchedule.length - 1) % sampleInterval !== 0) {
    labels.push(`Maand ${lastPayment.month}`);
    balanceData.push(lastPayment.balance);
    
    let totalPrincipal = 0;
    let totalInterest = 0;
    for (const payment of monthlySchedule) {
      totalPrincipal += payment.principal;
      totalInterest += payment.interest;
    }
    
    principalData.push(totalPrincipal);
    interestData.push(totalInterest);
  }
  
  return {
    labels: labels,
    datasets: [
      {
        label: 'Overgebleven saldo',
        data: balanceData,
        backgroundColor: 'rgba(41, 128, 185, 0.1)',
        borderColor: '#2980b9',
        borderWidth: 2,
        pointRadius: 0,
        pointHoverRadius: 3,
        fill: true
      },
      {
        label: 'Betaalde hoofdsom',
        data: principalData,
        backgroundColor: 'rgba(46, 204, 113, 0.1)',
        borderColor: '#2ecc71',
        borderWidth: 2,
        pointRadius: 0,
        pointHoverRadius: 3,
        fill: true
      },
      {
        label: 'Betaalde rente',
        data: interestData,
        backgroundColor: 'rgba(231, 76, 60, 0.1)',
        borderColor: '#e74c3c',
        borderWidth: 2,
        pointRadius: 0,
        pointHoverRadius: 3,
        fill: true
      }
    ]
  };
}

// ========================
// UI Functions
// ========================

function validateInputs() {
  const loanAmount = document.getElementById('loan-amount');
  const interestRate = document.getElementById('interest-rate');
  const loanTerm = document.getElementById('loan-term');
  const downPayment = document.getElementById('down-payment');
  
  if (loanAmount.value === '' || isNaN(parseFloat(loanAmount.value)) || parseFloat(loanAmount.value) <= 0) {
    alert('Het leningbedrag moet een positief getal zijn.');
    return false;
  }
  
  if (interestRate.value === '' || isNaN(parseFloat(interestRate.value)) || parseFloat(interestRate.value) < 0) {
    alert('De rente moet een niet-negatief getal zijn.');
    return false;
  }
  
  if (loanTerm.value === '' || isNaN(parseInt(loanTerm.value)) || parseInt(loanTerm.value) <= 0) {
    alert('De looptijd van de lening moet een positief getal zijn.');
    return false;
  }
  
  if (downPayment.value !== '' && (isNaN(parseFloat(downPayment.value)) || parseFloat(downPayment.value) < 0)) {
    alert('De aanbetaling moet een niet-negatief getal zijn.');
    return false;
  }
  
  if (parseFloat(downPayment.value) >= parseFloat(loanAmount.value)) {
    alert('De aanbetaling kan niet gelijk zijn aan of groter zijn dan het leningbedrag.');
    return false;
  }
  
  if (document.getElementById('include-taxes').checked) {
    const taxesInsurance = document.getElementById('taxes-insurance');
    if (taxesInsurance.value === '' || isNaN(parseFloat(taxesInsurance.value)) || parseFloat(taxesInsurance.value) < 0) {
      alert('Het bedrag voor belastingen & verzekering moet een niet-negatief getal zijn.');
      return false;
    }
  }
  
  return true;
}

function displayResults(result) {
  // Set basic results
  document.getElementById('result-payment').textContent = formatMoney(result.totalMonthlyPayment);
  document.getElementById('result-principal').textContent = formatMoney(result.principalAmount);
  document.getElementById('result-interest').textContent = formatMoney(result.totalInterest);
  document.getElementById('result-total-cost').textContent = formatMoney(result.totalCost);
  
  // Populate yearly payment schedule
  const scheduleBody = document.getElementById('payment-schedule-body');
  scheduleBody.innerHTML = '';
  
  result.schedule.forEach(yearData => {
    const row = document.createElement('tr');
    row.innerHTML = `
      <td>${yearData.year}</td>
      <td>${formatMoney(yearData.principalPaid)}</td>
      <td>${formatMoney(yearData.interestPaid)}</td>
      <td>${formatMoney(yearData.totalPaid)}</td>
      <td>${formatMoney(yearData.remainingBalance)}</td>
    `;
    
    scheduleBody.appendChild(row);
  });
  
  // Set calculation steps
  document.getElementById('calculation-content').innerHTML = result.steps.join('');
  
  // Create charts
  createPaymentChart(result.paymentChartData);
  createBalanceChart(result.balanceChartData);
  
  // Update formula explanation for specific loan types
  updateFormulaExplanation(result.loanType);
  
  // Show results container
  document.getElementById('result-container').classList.remove('hidden');
  
  // Scroll to results
  document.getElementById('result-container').scrollIntoView({ behavior: 'smooth', block: 'start' });
}

function createPaymentChart(chartData) {
  const ctx = document.getElementById('payment-chart').getContext('2d');
  
  // Destroy previous chart if it exists
  if (window.paymentChart) {
    window.paymentChart.destroy();
  }
  
  window.paymentChart = new Chart(ctx, {
    type: 'pie',
    data: chartData,
    options: {
      responsive: true,
      maintainAspectRatio: false,
      plugins: {
        legend: {
          position: 'bottom'
        },
        title: {
          display: true,
          text: 'Totaal Kosten Verdeling'
        },
        tooltip: {
          callbacks: {
            label: function(context) {
              const label = context.label || '';
              const value = context.raw;
              const total = context.chart.data.datasets[0].data.reduce((a, b) => a + b, 0);
              const percentage = Math.round((value / total) * 100);
              return `${label}: ${formatMoney(value)} (${percentage}%)`;
            }
          }
        }
      }
    }
  });
}

function createBalanceChart(chartData) {
  const ctx = document.getElementById('balance-chart').getContext('2d');
  
  // Destroy previous chart if it exists
  if (window.balanceChart) {
    window.balanceChart.destroy();
  }
  
  window.balanceChart = new Chart(ctx, {
    type: 'line',
    data: chartData,
    options: {
      responsive: true,
      maintainAspectRatio: false,
      plugins: {
        legend: {
          position: 'bottom'
        },
        title: {
          display: true,
          text: 'Saldo & Betalingen Over Tijd'
        },
        tooltip: {
          callbacks: {
            label: function(context) {
              const label = context.dataset.label || '';
              const value = context.raw;
              return `${label}: ${formatMoney(value)}`;
            }
          }
        }
      },
      scales: {
        x: {
          title: {
            display: true,
            text: 'Betalingsperiode'
          }
        },
        y: {
          title: {
            display: true,
            text: 'Bedrag (€)'
          },
          ticks: {
            callback: function(value) {
              return '€' + value.toLocaleString();
            }
          }
        }
      }
    }
  });
}

function updateFormulaExplanation(loanType) {
  const explanationElement = document.getElementById('formula-explanation');
  let explanationText = 'Waar M de maandlasten is, P de hoofdsom (leningbedrag), r de maandelijkse rente (jaarlijkse rente gedeeld door 12), en n het totaal aantal betalingen (looptijd in jaren × 12).';
  
  switch (loanType) {
    case 'mortgage':
      explanationText += ' Voor hypotheken helpt deze formule om uw maandlasten te bepalen, exclusief belastingen en verzekering, die vaak in escrow worden gehouden en apart worden betaald.';
      break;
    case 'auto':
      explanationText += ' Autoleningen gebruiken meestal dezelfde formule, met looptijden die vaak variëren van 36 tot 72 maanden.';
      break;
    case 'student':
      explanationText += ' Studieleningen kunnen extra terugbetalingsplannen bieden naast de standaardberekening die hier wordt weergegeven, zoals inkomensafhankelijke terugbetalingsopties.';
      break;
    case 'personal':
      explanationText += ' Persoonlijke leningen hebben meestal hogere rentetarieven dan gedekte leningen, wat het verhoogde risico voor kredietverstrekkers weerspiegelt.';
      break;
  }
  
  explanationElement.textContent = explanationText;
}

function resetCalculator() {
  // Reset loan amount and interest rate
  document.getElementById('loan-amount').value = '20000';
  document.getElementById('interest-rate').value = '5.0';
  
  // Reset loan term and type
  document.getElementById('loan-term').value = '5';
  document.getElementById('term-unit').value = 'years';
  document.getElementById('loan-type').value = 'auto';
  
  // Reset down payment and start date
  document.getElementById('down-payment').value = '0';
  document.getElementById('start-date').value = '';
  
  // Reset taxes & insurance options
  document.getElementById('include-taxes').checked = false;
  document.getElementById('taxes-insurance').value = '0';
  document.getElementById('taxes-insurance').parentElement.parentElement.classList.add('hidden');
  
  // Hide results
  document.getElementById('result-container').classList.add('hidden');
  
  // Scroll to top
  window.scrollTo({ top: 0, behavior: 'smooth' });
}

// Set default start date to today
function setDefaultStartDate() {
  const today = new Date();
  const year = today.getFullYear();
  const month = String(today.getMonth() + 1).padStart(2, '0');
  const day = String(today.getDate()).padStart(2, '0');
  document.getElementById('start-date').value = `${year}-${month}-${day}`;
}

// ========================
// Event Handlers
// ========================

document.addEventListener('DOMContentLoaded', function() {
  const calculateBtn = document.getElementById('calculate-btn');
  const resetBtn = document.getElementById('reset-btn');
  const includeTaxesCheckbox = document.getElementById('include-taxes');
  
  // Set default start date
  setDefaultStartDate();
  
  // Add event listeners
  calculateBtn.addEventListener('click', function() {
    if (validateInputs()) {
      const result = calculateLoan();
      if (result) {
        displayResults(result);
      }
    }
  });
  
  resetBtn.addEventListener('click', resetCalculator);
  
  // Toggle taxes & insurance input visibility
  includeTaxesCheckbox.addEventListener('change', function() {
    const taxesInsuranceGroup = document.querySelector('.taxes-insurance');
    if (this.checked) {
      taxesInsuranceGroup.classList.remove('hidden');
    } else {
      taxesInsuranceGroup.classList.add('hidden');
    }
  });
  
  // Set default values based on loan type
  document.getElementById('loan-type').addEventListener('change', function() {
    const loanType = this.value;
    const interestRateInput = document.getElementById('interest-rate');
    const loanTermInput = document.getElementById('loan-term');
    const termUnitSelect = document.getElementById('term-unit');
    
    switch (loanType) {
      case 'auto':
        interestRateInput.value = '5.0';
        loanTermInput.value = '5';
        termUnitSelect.value = 'years';
        break;
      case 'personal':
        interestRateInput.value = '9.0';
        loanTermInput.value = '3';
        termUnitSelect.value = 'years';
        break;
      case 'student':
        interestRateInput.value = '4.5';
        loanTermInput.value = '10';
        termUnitSelect.value = 'years';
        break;
      case 'mortgage':
        interestRateInput.value = '3.5';
        loanTermInput.value = '30';
        termUnitSelect.value = 'years';
        document.getElementById('loan-amount').value = '250000';
        break;
    }
  });
});
</script>
	         

			
			<div id="additional-output" class="mt-4">
			    
			        <div class="formula-container">
  <strong>Leningenformule:</strong><br>
  \( M = P \times \frac{r(1+r)^n}{(1+r)^n - 1} \)<br>
  <em>Waar:</em><br>
  <ul>
    <li><strong>M</strong> = Maandlasten</li>
    <li><strong>P</strong> = Leninghoofdsom (bedrag geleend)</li>
    <li><strong>r</strong> = Maandelijkse rentevoet (jaarlijkse rente ÷ 12)</li>
    <li><strong>n</strong> = Totaal aantal maandlasten</li>
  </ul>
</div>

<h2>Wat is de Leningcalculator?</h2>
<p>
  De Leningcalculator is een praktische tool voor het terugbetalen van leningen die je helpt bij het plannen en begrijpen van de <a href="/basispunten-calculator/">financiële impact</a> van het lenen van geld. Of je nu een autolening, persoonlijke lening, hypotheek of studielening overweegt, deze calculator biedt een snelle manier om de kosten van de lening te berekenen en je maandelijkse verplichtingen te verkennen.
</p>

<h2>Wat je met deze calculator kunt doen</h2>
<p>
  Deze betalingsschatter is ontworpen om een duidelijk beeld te geven van je leningbetalingen. Dit is wat het je kan helpen:
</p>
<ul>
  <li><strong>Schatting van Maandlasten:</strong> Weet wat je elke maand betaalt op basis van je leninggegevens.</li>
  <li><strong>Totaal Rente Bekijken:</strong> Zie hoeveel je in de loop van de tijd betaalt.</li>
  <li><strong>Begrijp Betalingsopbouw:</strong> Krijg een uitsplitsing van hoofdsom, rente en optionele belastingen of verzekeringen.</li>
  <li><strong>Plan Leningbetaalbaarheid:</strong> Pas aanbetalingen, leningvoorwaarden of rentevoeten aan om te zien hoe ze je budget beïnvloeden.</li>
  <li><strong>Visualiseer je Schema:</strong> Volg je jaarlijkse saldovermindering en het totaal betaalde bedrag.</li>
</ul>

<h2>Hoe de Leningcalculator te gebruiken</h2>
<p>
  Het gebruik van deze maandlastentool is eenvoudig. Volg deze stappen om te beginnen:
</p>
<ul>
  <li>Voer het <strong>Leningbedrag</strong> in – het totale bedrag dat je van plan bent te lenen.</li>
  <li>Voer de <strong>Rentevoet</strong> in – uitgedrukt als een percentage per jaar.</li>
  <li>Selecteer de <strong>Leningtermijn</strong> in jaren of maanden.</li>
  <li>Kies het <strong>Leningtype</strong> – zoals auto, persoonlijk of hypotheek.</li>
  <li>(Optioneel) Voeg een <strong>Aanbetaling</strong> toe als je er een vooraf doet.</li>
  <li>(Optioneel) Voeg <strong>Belastingen & Verzekeringen</strong> toe als deze van toepassing zijn op je lening.</li>
  <li>Klik op <strong>"Bereken Lening"</strong> om je resultaten te zien.</li>
</ul>

<h2>Waarom deze Leningcalculator nuttig is</h2>
<p>
  Deze tool is meer dan een eenvoudige maandlastencalculator. Het helpt je om weloverwogen beslissingen te nemen voordat je je aan een lening verbindt:
</p>
<ul>
  <li>Vergelijk verschillende leningaanbiedingen eenvoudig.</li>
  <li>Pas variabelen zoals aanbetalingen of rentevoeten aan om de betaalbaarheid te verbeteren.</li>
  <li>Krijg een volledig <a href="/betaling-calculator/">kostenoverzicht</a> – inclusief rente en optionele extra's.</li>
  <li>Gebruik de visuele grafieken en schema's om te begrijpen hoe je saldo in de loop van de tijd afneemt.</li>
</ul>

<h2>Veelgestelde Vragen (FAQ)</h2>

<h3>Kan ik dit gebruiken als <a href="/hypotheekcalculator/">hypotheekcalculator</a>?</h3>
<p>Ja. Selecteer "Hypotheek" als leningtype en voer je hypotheekgegevens in. Het berekent betalingen en toont je volledige aflossing over 15 tot 30 jaar.</p>

<h3>Wat gebeurt er als ik “Inclusief Belastingen & Verzekeringen” aanvink?</h3>
<p>De maandlasten zullen je geschatte onroerendgoedbelasting en verzekering omvatten. Dit helpt je om je werkelijke maandelijkse kosten te schatten, vooral voor hypotheken.</p>

<h3>Is dit een calculator voor het terugbetalen van studieleningen?</h3>
<p>Dat kan. Kies "Studielening" om resultaten te krijgen die typische leningvoorwaarden weerspiegelen. Houd er rekening mee dat sommige studieleningen flexibele terugbetalingsplannen bieden die kunnen variëren.</p>

<h3>Kan deze calculator me helpen kiezen tussen verschillende leningtermijnen?</h3>
<p>Ja. Probeer verschillende leningduur om te zien hoe ze je maandlasten en totale betaalde rente beïnvloeden. Kortere termijnen kosten meestal minder in totaal, maar vereisen hogere maandlasten.</p>

<h3>Wat als ik de exacte startdatum van mijn lening niet weet?</h3>
<p>Je kunt de startdatum leeg laten. De calculator zal standaard de datum van vandaag gebruiken om je terugbetalingsschema te genereren.</p>

<h2>Wie kan profiteren van deze tool?</h2>
<p>
  Deze tool is nuttig voor iedereen die de betaalbaarheid van leningen wil controleren en leenscenario's wil verkennen. Of je nu een auto wilt kopen, een hypotheek wilt herfinancieren of studieleningen wilt schatten, deze rente-estimator voor leningen geeft je de cijfers die je nodig hebt om vooruit te plannen.
</p>

<h2>Andere nuttige calculators die je misschien leuk vindt</h2>
<ul>
  <li><strong>Studieleningcalculator:</strong> Voor het plannen van onderwijsleningen en het schatten van studieleningen.</li>
  <li><strong>Creditcardcalculator:</strong> Om maandelijkse kaartbetalingen te beheren en rente kosten te begrijpen.</li>
  <li><strong>Salariscalculator:</strong> Om je inkomsten te schatten of salaris om te rekenen naar uurtarieven.</li>
  <li><strong>BTW-calculator:</strong> Voor prijsstelling inclusief belasting en BTW-uitsplitsingen.</li>
  <li><strong>Inflatiecalculator:</strong> Om de koopkracht en historische inflatietrends bij te houden.</li>
</ul>

<p>
  Of je nu maandlasten berekent, rente kosten evalueert of de betaalbaarheid van leningen controleert, deze tool voor het terugbetalen van leningen vereenvoudigt het proces en helpt je om slimmer financiële keuzes te maken.
</p>
			    
			</div>

	    </div> 

	<!-- Populaire Thema- en Categorie sectie -->
	<div id="popular-section" class="p-3 popular-column" style="flex-basis: 350px; flex-grow: 0; flex-shrink: 0; border-radius: 0.25rem; box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);">
	    
	    <h3>Overige Financiën Rekenmachines:</h3>

	    
	    
	        <ul>
	            
	                <li>
	                    <a href="/paypal-kosten-calculator/">
	                        PayPal Kosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/ebay-kosten-calculator/">
	                        eBay Kosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/betaling-calculator/">
	                        Betaling Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/inflatie-calculator/">
	                        Inflatie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/cpi-inflatie-calculator/">
	                        CPI Inflatie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/btw-calculator/">
	                        BTW Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/fooi-calculator/">
	                        Fooi Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/commissie-calculator/">
	                        Commissie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/etsy-kosten-calculator/">
	                        Etsy Kosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/amazon-vergoeding-calculator/">
	                        Amazon Vergoeding Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/iban-rekenmachine/">
	                        IBAN Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/swp-systematisch-uittrekplan-rekenmachine/">
	                        SWP (Systematisch Uittrekplan) Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/youtube-geld-calculator/">
	                        Youtube Geld Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/opbrengst-calculator/">
	                        Opbrengst Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/creditcard-calculator/">
	                        Creditcard Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/inkomstenbelasting-calculator/">
	                        Inkomstenbelasting Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/salaris-calculator/">
	                        Salaris Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/budget-calculator/">
	                        Budget Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/studentenlening-calculator/">
	                        Studentenlening Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/jaarinkomen-calculator/">
	                        Jaarinkomen Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/verkoopbelasting-calculator/">
	                        Verkoopbelasting Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/marge-calculator/">
	                        Marge Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/salaris-naar-uurloon-calculator/">
	                        Salaris naar Uurloon Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/schroot-goud-rekenmachine/">
	                        Schroot Goud Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/loterij-belasting-calculator/">
	                        Loterij Belasting Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/winst-calculator/">
	                        Winst Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/lease-calculator/">
	                        Lease Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/boot-lening-calculator/">
	                        Boot Lening Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/netto-inkomen-rekenmachine/">
	                        Netto Inkomen Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/omzet-calculator/">
	                        Omzet Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/epf-rekenmachine/">
	                        EPF Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/procent-korting-rekenmachine/">
	                        Procent Korting Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/opmaak-calculator/">
	                        Opmaak Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/nationale-verzekeringscalculator/">
	                        Nationale Verzekeringscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/belastingschijf-rekenmachine/">
	                        Belastingschijf Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/va-invaliditeitscalculator/">
	                        VA Invaliditeitscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/zakat-rekenmachine/">
	                        Zakat Rekenmachine
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/belastingaangifte-calculator/">
	                        Belastingaangifte Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/belastingteruggave-calculator/">
	                        Belastingteruggave Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/btw-teruggavecalculator/">
	                        BTW-teruggavecalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/ruwe-olie-conversie-calculator/">
	                        Ruwe Olie Conversie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/sahm-regel-recessie-indicator/">
	                        Sahm-regel recessie-indicator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/prijselasticiteit-van-de-vraag-calculator/">
	                        Prijselasticiteit van de vraag calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/gst-calculator/">
	                        GST Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/afschrijvingscalculator/">
	                        Afschrijvingscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/overuren-calculator/">
	                        Overuren Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/californische-belastingcalculator/">
	                        Californische Belastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/staatsbelastingcalculator/">
	                        Staatsbelastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/overwerk-calculator/">
	                        Overwerk Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/conversieratio-calculator/">
	                        Conversieratio Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/cpm-calculator/">
	                        CPM Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/tariefcalculator/">
	                        Tariefcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/californie-verkoopbelasting-calculator/">
	                        Californië Verkoopbelasting Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/zakelijke-leningen-calculator/">
	                        Zakelijke Leningen Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/productiviteitscalculator/">
	                        Productiviteitscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/gi-bill-calculator/">
	                        GI Bill Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/doorlooptijd-calculator/">
	                        Doorlooptijd Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/mcc-code-generator/">
	                        MCC Code Generator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/controlecijfercalculator/">
	                        Controlecijfercalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/repaye-calculator/">
	                        REPAYE Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/texas-belastingcalculator/">
	                        Texas Belastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/kinderalimentatie-calculator/">
	                        Kinderalimentatie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/economische-winstcalculator/">
	                        Economische Winstcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/rekening-split-calculator/">
	                        Rekening Split Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/valuta-wisselkoers-calculator/">
	                        Valuta Wisselkoers Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/elasticiteitscalculator/">
	                        Elasticiteitscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/afvalzilvercalculator/">
	                        Afvalzilvercalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/zilver-calculator/">
	                        Zilver Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/opportuniteitskosten-calculator/">
	                        Opportuniteitskosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/alabama-kinderalimentatie-calculator/">
	                        Alabama Kinderalimentatie Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/voedselkosten-calculator/">
	                        Voedselkosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/missouri-verkoopbelasting-calculator/">
	                        Missouri Verkoopbelasting Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/big-mac-index/">
	                        Big Mac Index
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/commerciele-lening-calculator/">
	                        Commerciële Lening Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/loterij-annuiteiten-calculator/">
	                        Loterij Annuïteiten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/hogeschoolcalculator/">
	                        Hogeschoolcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/new-york-belastingcalculator/">
	                        New York Belastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/bruto-naar-netto-calculator/">
	                        Bruto naar Netto Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/ebt-calculator/">
	                        EBT Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/illinois-belastingcalculator/">
	                        Illinois Belastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/fica-belastingcalculator/">
	                        FICA Belastingcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/bbp-calculator/">
	                        BBP Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/kameel-calculator/">
	                        Kameel Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/arbeidskosten-calculator/">
	                        Arbeidskosten Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/boodschappenbudgetcalculator/">
	                        Boodschappenbudgetcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/bedrijfswaarderingscalculator/">
	                        Bedrijfswaarderingscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/gevoeligheidscalculator/">
	                        Gevoeligheidscalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/marginale-opbrengst-calculator/">
	                        Marginale Opbrengst Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/diamant-waarde-calculator/">
	                        Diamant Waarde Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/geldcalculator/">
	                        Geldcalculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/pip-calculator/">
	                        Pip Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/tiktok-geld-calculator/">
	                        TikTok Geld Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/werkloosheidspercentage-calculator/">
	                        Werkloosheidspercentage Calculator
	                    </a>
	                </li>
	            
	                <li>
	                    <a href="/levensverzekeringscalculator/">
	                        Levensverzekeringscalculator
	                    </a>
	                </li>
	            
	        </ul>
	    
	</div>

</div> 

    </main>

    <!-- Footer -->
    <footer class="text-left py-3">
        <!-- Site Info Links (common structure) -->
        
            
                <a href="/info/over-berekenen">Over Berekenen.org</a>
                
            
        
		
		| 🧮 <a href="https://omrekenen.org/" target="_blank" title="Populaire eenheidconverters">Populaire eenheidconverters</a>
		| 🕒 <a href="https://tijd.nu/" target="_blank" title="Tijd nu">Tijd nu</a>
		| ⏰ <a href="https://alarm.now/" target="_blank" title="Stel een alarm in">Alarm instellen</a><BR>
		
        <!-- Copyright (using site name variable and emoji) -->
        <p>2025 © Berekenen.org 🇳🇱
			
		
		
	        
	        
	        

	        
	            
	                 | <a href="https://beregner.org" target="_blank" rel="noopener noreferrer">Beregnere</a> 🇩🇰
	        
	            
	                 | <a href="https://kalkylator.pro" target="_blank" rel="noopener noreferrer">Kalkylatorer</a> 🇸🇪
	        
	            
	                 | <a href="https://kalkulator.guru" target="_blank" rel="noopener noreferrer">Kalkulatorer</a> 🇳🇴
	        
	            
	                 | <a href="https://laskuri.info" target="_blank" rel="noopener noreferrer">Laskimet</a> 🇫🇮
	        
	            
	        
	            
	                 | <a href="https://calculatrice.now" target="_blank" rel="noopener noreferrer">Calculatrice</a> 🇫🇷
	        
	            
	                 | <a href="https://rechner.now" target="_blank" rel="noopener noreferrer">Rechner</a> 🇩🇪
	        
	            
	                 | <a href="https://calcolatrice.now" target="_blank" rel="noopener noreferrer">Calcolatrice</a> 🇮🇹
	        
	            
	                 | <a href="https://kalkulator.best" target="_blank" rel="noopener noreferrer">Kalkulator</a> 🇵🇱
	        
	            
	                 | <a href="https://calculator.cat" target="_blank" rel="noopener noreferrer">Calculator</a> 🇷🇴
	        
	            
	                 | <a href="https://calculadora.lol" target="_blank" rel="noopener noreferrer">Calculadora</a> 🇧🇷🇵🇹
	        
	        
	        </p>

		<!-- About Section (from NEW CODE, translated to Dutch) -->
		<div class="about-section">
		    
		        <p>
		            
		            
		                Lening Calculator behoort tot de categorie <a href="/categorieen/overige-financien/">Overige Financiën</a>. Er zijn momenteel 94 andere gerelateerde rekenmachines, waaronder <a href="/paypal-kosten-calculator/">PayPal Kosten Calculator</a>, <a href="/ebay-kosten-calculator/">eBay Kosten Calculator</a>, <a href="/betaling-calculator/">Betaling Calculator</a>, <a href="/inflatie-calculator/">Inflatie Calculator</a> en <a href="/cpi-inflatie-calculator/">CPI Inflatie Calculator</a>.
		            
		        </p>
		    
		</div>

    </footer>

    <!-- JavaScript -->
    <!-- jQuery is already loaded in <head> -->
    <!-- Popper.js is included in Bootstrap Bundle, so explicit link is not needed/commented out -->
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha512-+V7zqQKxslJHKxOWsBztPtMj9xnzYphN6LcdHcL3Cr1nGfXj0s5amBkQ4awA7Z9epP5SXfh4vEZ2l4z9quXc6Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!-- Bootstrap 4 JS commented out -->
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js" integrity="sha512-+YM+N5jImWzvKcR+HyODyVpwkjwBz6BOCz67bKVa3X+kL5g2mmv2Mj45tYHkgytAQMVX/QE3Hw6x4kG+Oe5C1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->

    <!-- Bootstrap 5 Bundle JS (includes Popper) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>