{"id":2,"date":"2026-03-09T08:59:38","date_gmt":"2026-03-09T08:59:38","guid":{"rendered":"https:\/\/hypotheekarchitect.webstudio7.nl\/?page_id=2"},"modified":"2026-03-25T15:53:35","modified_gmt":"2026-03-25T15:53:35","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"        <div class=\"hypotheekcalculator\">\n            <div class=\"calculator-container\">\n                <div class=\"calculator-layout\">\n\n                    <section class=\"calculator-form-section\">\n                        <h2>Jouw gegevens<\/h2>\n                        <div class=\"example-inline-note\">\n                            <span>Voorbeeldwaarden zijn beschikbaar voor een snelle start.<\/span>\n                            <button type=\"button\" id=\"restore-example-values\" class=\"example-inline-button\">\n                                Herstel voorbeeld\n                            <\/button>\n                        <\/div>\n\n                        <form id=\"hypotheekcalculator-form\" class=\"calculator-form\" novalidate>\n                            <div class=\"form-group\">\n                                <span class=\"mode-tabs-label\">Berekening<\/span>\n                                <div class=\"mode-tabs\" role=\"tablist\" aria-label=\"Berekening\">\n                                    <button type=\"button\" class=\"mode-tab is-active\" data-mode=\"max_mortgage\" role=\"tab\" aria-selected=\"true\">\n                                        Maximale hypotheek\n                                    <\/button>\n                                    <button type=\"button\" class=\"mode-tab\" data-mode=\"monthly_costs\" role=\"tab\" aria-selected=\"false\">\n                                        Maandlasten berekenen\n                                    <\/button>\n                                <\/div>\n                                <input type=\"hidden\" id=\"calculation_mode\" name=\"calculation_mode\" value=\"max_mortgage\">\n                            <\/div>\n\n                            <details class=\"form-section-block collapsible-section mode-group mode-max-mortgage\" open>\n                                <summary class=\"collapsible-section-summary\">\n                                    <div class=\"collapsible-section-summary-copy\">\n                                        <span class=\"group-eyebrow\">Max hypotheek<\/span>\n                                        <div class=\"collapsible-section-summary-text\">\n                                            <h3>Inkomen en leensituatie<\/h3>\n                                            <p>Gebruik hier inkomen, eventuele partner en de rentevaste periode voor de inkomenstoets.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <span class=\"collapsible-section-chevron\" aria-hidden=\"true\"><\/span>\n                                <\/summary>\n                                <div class=\"collapsible-section-body\">\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"income\">Bruto jaarinkomen<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over bruto jaarinkomen\" title=\"Meer informatie over bruto jaarinkomen\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Vul hier je bruto jaarinkomen in zonder partnerinkomen. Gebruik vaste inkomensdelen die normaal meetellen voor een hypotheekaanvraag.<\/span><\/span>                                        <\/div>\n                                        <div class=\"input-control-row\">\n                                            <input type=\"text\" inputmode=\"decimal\" id=\"income\" name=\"income\" value=\"41.472\" placeholder=\"Bijv. 41.472\" autocomplete=\"off\">\n                                            <button type=\"button\" class=\"income-calculator-trigger\" data-target-field=\"income\" aria-label=\"Bereken jaarinkomen\">\n                                                <span aria-hidden=\"true\">fx<\/span>\n                                            <\/button>\n                                        <\/div>\n                                        <label class=\"option-toggle\" for=\"income_has_state_pension_age\">\n                                            <input type=\"checkbox\" id=\"income_has_state_pension_age\" name=\"income_has_state_pension_age\" value=\"1\">\n                                            <span>AOW-leeftijd bereikt<\/span>\n                                        <\/label>\n                                        <div class=\"field-error\" data-error-for=\"income\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"partner_income\">Partnerinkomen<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over partnerinkomen\" title=\"Meer informatie over partnerinkomen\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Vul hier het bruto jaarinkomen van je partner in. Laat dit leeg als je alleen een hypotheek aanvraagt.<\/span><\/span>                                        <\/div>\n                                        <div class=\"input-control-row\">\n                                            <input type=\"text\" inputmode=\"decimal\" id=\"partner_income\" name=\"partner_income\" value=\"32.400\" placeholder=\"Bijv. 32.400\" autocomplete=\"off\">\n                                            <button type=\"button\" class=\"income-calculator-trigger\" data-target-field=\"partner_income\" aria-label=\"Bereken partnerinkomen\">\n                                                <span aria-hidden=\"true\">fx<\/span>\n                                            <\/button>\n                                        <\/div>\n                                        <label class=\"option-toggle\" for=\"partner_income_has_state_pension_age\">\n                                            <input type=\"checkbox\" id=\"partner_income_has_state_pension_age\" name=\"partner_income_has_state_pension_age\" value=\"1\">\n                                            <span>Partner heeft AOW-leeftijd bereikt<\/span>\n                                        <\/label>\n                                        <div class=\"field-error\" data-error-for=\"partner_income\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"debts\">Maandlast andere leningen<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over maandlast andere leningen\" title=\"Meer informatie over maandlast andere leningen\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Hier vul je de maandlasten van lopende leningen, private lease of doorlopend krediet in. Deze lasten verlagen je maximale hypotheek.<\/span><\/span>                                        <\/div>\n                                        <input type=\"text\" inputmode=\"decimal\" id=\"debts\" name=\"debts\" value=\"0\" placeholder=\"Bijv. 250\" autocomplete=\"off\">\n                                        <div class=\"form-help\">Gebruik hier het maandbedrag van lopende kredieten of leaseverplichtingen.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"debts\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"rate_fixation_years\">Rentevaste periode (jaren)<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over rentevaste periode\" title=\"Meer informatie over rentevaste periode\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het aantal jaren dat de rente vaststaat. Is dit korter dan 10 jaar, dan kan de AFM-toetsrente gelden als die hoger is dan je ingevulde rente.<\/span><\/span>                                        <\/div>\n                                        <input type=\"number\" id=\"rate_fixation_years\" name=\"rate_fixation_years\" value=\"10\" placeholder=\"Bijv. 10\" min=\"1\" max=\"30\" step=\"1\">\n                                        <div class=\"form-help\">Korter dan 10 jaar gebruikt de AFM-toetsrente als die hoger is dan de offerte-rente.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"rate_fixation_years\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/details>\n\n                            <details class=\"form-section-block collapsible-section mode-group mode-monthly-costs\" style=\"display:none;\" open>\n                                <summary class=\"collapsible-section-summary\">\n                                    <div class=\"collapsible-section-summary-copy\">\n                                        <span class=\"group-eyebrow\">Maandlasten<\/span>\n                                        <div class=\"collapsible-section-summary-text\">\n                                            <h3>Financiering en hypotheekvorm<\/h3>\n                                            <p>Vul het leenbedrag direct in of laat het afleiden uit woningwaarde en eigen geld.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <span class=\"collapsible-section-chevron\" aria-hidden=\"true\"><\/span>\n                                <\/summary>\n                                <div class=\"collapsible-section-body\">\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"loan_amount\">Leenbedrag<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over leenbedrag\" title=\"Meer informatie over leenbedrag\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Vul hier het gewenste hypotheekbedrag in. Laat dit leeg als je wilt dat we het leenbedrag automatisch afleiden uit woningwaarde min eigen geld.<\/span><\/span>                                        <\/div>\n                                        <input type=\"text\" inputmode=\"decimal\" id=\"loan_amount\" name=\"loan_amount\" value=\"300.000\" placeholder=\"Bijv. 300.000\" autocomplete=\"off\">\n                                        <div class=\"form-help mode-monthly-costs\">Optioneel als woningwaarde en eigen geld al zijn ingevuld.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"loan_amount\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"own_money\">Eigen geld<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over eigen geld\" title=\"Meer informatie over eigen geld\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Eigen geld is het bedrag dat je zelf inbrengt. Daardoor daalt het benodigde leenbedrag en vaak ook de LTV.<\/span><\/span>                                        <\/div>\n                                        <input type=\"text\" inputmode=\"decimal\" id=\"own_money\" name=\"own_money\" value=\"50.000\" placeholder=\"Bijv. 20.000\" autocomplete=\"off\">\n                                        <div class=\"form-help mode-monthly-costs\">Laat leenbedrag leeg om automatisch woningwaarde minus eigen geld te gebruiken.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"own_money\"><\/div>\n                                    <\/div>\n\n                                    <fieldset class=\"form-group mortgage-type-group\">\n                                        <legend class=\"field-label-row fieldset-legend\">\n                                            <span>Hypotheekvorm<\/span>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over hypotheekvorm\" title=\"Meer informatie over hypotheekvorm\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Kies annuitair of lineair. Bij annuitair blijven de bruto maandlasten ongeveer gelijk, terwijl ze bij lineair meestal dalen in de tijd.<\/span><\/span>                                        <\/legend>\n                                        <div class=\"mortgage-type-options\">\n                                            <label class=\"mortgage-type-option\" for=\"mortgage_type_annuity\">\n                                                <input type=\"radio\" id=\"mortgage_type_annuity\" name=\"mortgage_type\" value=\"annuity\" checked>\n                                                <span>Annu&iuml;tair<\/span>\n                                            <\/label>\n\n                                            <label class=\"mortgage-type-option\" for=\"mortgage_type_linear\">\n                                                <input type=\"radio\" id=\"mortgage_type_linear\" name=\"mortgage_type\" value=\"linear\" >\n                                                <span>Lineair<\/span>\n                                            <\/label>\n                                        <\/div>\n                                        <div class=\"field-error\" data-error-for=\"mortgage_type\"><\/div>\n                                    <\/fieldset>\n                                <\/div>\n                            <\/details>\n\n                            <details class=\"form-section-block collapsible-section shared-group\" open>\n                                <summary class=\"collapsible-section-summary\">\n                                    <div class=\"collapsible-section-summary-copy\">\n                                        <span class=\"group-eyebrow\">Algemeen<\/span>\n                                        <div class=\"collapsible-section-summary-text\">\n                                            <h3>Rente, looptijd en woning<\/h3>\n                                            <p>Deze velden worden gebruikt in beide berekeningen.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <span class=\"collapsible-section-chevron\" aria-hidden=\"true\"><\/span>\n                                <\/summary>\n                                <div class=\"collapsible-section-body\">\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"interest_rate\">Rente (%)<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over rente\" title=\"Meer informatie over rente\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is de rente waarmee we rekenen op basis van je invoer. Bij NHG kan de uiteindelijk gehanteerde rente lager uitvallen door rentekorting.<\/span><\/span>                                        <\/div>\n                                        <input type=\"text\" inputmode=\"decimal\" id=\"interest_rate\" name=\"interest_rate\" value=\"3,96\" placeholder=\"Bijv. 3,96\" autocomplete=\"off\">\n                                        <div class=\"field-error\" data-error-for=\"interest_rate\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"term_years\">Looptijd hypotheek (jaren)<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over looptijd hypotheek\" title=\"Meer informatie over looptijd hypotheek\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>De looptijd is de duur van de hypotheek. Een kortere looptijd geeft meestal hogere maandlasten en vaak een lagere maximale hypotheek.<\/span><\/span>                                        <\/div>\n                                        <input type=\"number\" id=\"term_years\" name=\"term_years\" value=\"30\" placeholder=\"Bijv. 30\" min=\"5\" max=\"30\" step=\"1\">\n                                        <div class=\"form-help mode-max-mortgage\">Dit is de echte hypotheekduur. Korter dan 30 jaar verlaagt de maximale hypotheek.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"term_years\"><\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <div class=\"field-label-row\">\n                                            <label for=\"property_value\">Woningwaarde<\/label>\n                                            <span class=\"help-tooltip\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over woningwaarde\" title=\"Meer informatie over woningwaarde\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>We gebruiken de woningwaarde om te toetsen of NHG mogelijk is en om de LTV te berekenen. LTV is de verhouding tussen hypotheek en woningwaarde.<\/span><\/span>                                        <\/div>\n                                        <input type=\"text\" inputmode=\"decimal\" id=\"property_value\" name=\"property_value\" value=\"350.000\" placeholder=\"Bijv. 450.000\" autocomplete=\"off\">\n                                        <div class=\"form-help mode-max-mortgage\">Optioneel. Als je dit invult, toetsen we ook aan NHG en de LTV-grens.<\/div>\n                                        <div class=\"field-error\" data-error-for=\"property_value\"><\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/details>\n\n                            <button type=\"submit\" class=\"calculate-button\">Bereken<\/button>\n                            <div id=\"live-feedback-status\" class=\"live-feedback-status\" aria-live=\"polite\">\n                                Live validatie actief. Resultaten verschijnen automatisch zodra de invoer geldig is.\n                            <\/div>\n                        <\/form>\n                    <\/section>\n\n                    <section class=\"calculator-results-section\">\n                        <h2>Resultaten<\/h2>\n\n                        <div id=\"general-error\" class=\"general-error\" style=\"display:none;\"><\/div>\n\n                        <div id=\"results-placeholder\" class=\"results-placeholder\">\n                            Kies een berekening en vul je gegevens in. Het resultaat verschijnt automatisch zodra de invoer geldig is, of direct via <strong>Bereken<\/strong>.\n                        <\/div>\n\n                        <div id=\"results-content\" class=\"results-content\" style=\"display:none;\">\n                            <div class=\"results-mode-title\">\n                                <span id=\"result-mode-title\">-<\/span>\n                            <\/div>\n\n                            <div class=\"results-cards\">\n                                <div class=\"result-card result-card-max result-card-primary\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\" id=\"result-max-hypotheek-label\">Max hypotheek op inkomen<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over maximale hypotheek op inkomen\" title=\"Meer informatie over maximale hypotheek op inkomen\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het maximale hypotheekbedrag op basis van inkomen en financieringsnormen, nog los van een eventuele begrenzing door de woningwaarde.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-max-hypotheek\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Toetsinkomen<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over toetsinkomen\" title=\"Meer informatie over toetsinkomen\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Het toetsinkomen is het inkomen waarmee de geldverstrekker rekent. Meestal is dit jouw inkomen plus eventueel partnerinkomen.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-assessment-income\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Beschikbare jaarlast<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over beschikbare jaarlast\" title=\"Meer informatie over beschikbare jaarlast\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het bedrag dat volgens de normen jaarlijks beschikbaar blijft voor hypotheeklasten, na aftrek van andere financiele verplichtingen.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-available-per-year\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Toetsrente<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over toetsrente\" title=\"Meer informatie over toetsrente\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>De toetsrente is de rente waarmee de maximale hypotheek wordt berekend. Die kan afwijken van je ingevulde rente bij een korte rentevaste periode.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-assessment-rate\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Financieringslastpercentage<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over financieringslastpercentage\" title=\"Meer informatie over financieringslastpercentage\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is je woonquote: het percentage van het toetsinkomen dat volgens de officiele financieringslasttabellen aan hypotheeklasten besteed mag worden.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-financing-load-percentage\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Gehanteerde rente<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over gehanteerde rente\" title=\"Meer informatie over gehanteerde rente\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is de rente waarmee de uiteindelijke berekening is gemaakt. Bij NHG kan hier al een rentekorting in verwerkt zijn.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-max-applied-rate\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Woningwaarde \/ LTV-grens<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over woningwaarde en LTV-grens\" title=\"Meer informatie over woningwaarde en LTV-grens\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Hier zie je wat je maximaal kunt lenen op basis van de woningwaarde en de LTV-limiet. Zonder woningwaarde kunnen we deze toets niet uitvoeren.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-max-property-value-limit\">-<\/strong>\n                                    <span class=\"result-card-note\" id=\"result-max-property-value-explanation\">-<\/span>\n                                <\/div>\n\n                                <div class=\"result-card result-card-max\" id=\"result-card-max-nhg\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">NHG<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over NHG\" title=\"Meer informatie over NHG\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>NHG staat voor Nationale Hypotheek Garantie. Als je lening en woning binnen de NHG-grens vallen, kan een rentekorting gelden.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-max-nhg\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly result-card-primary\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Hypotheekvorm<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over hypotheekvorm\" title=\"Meer informatie over hypotheekvorm\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>De gekozen hypotheekvorm bepaalt hoe rente en aflossing zich over de looptijd verdelen.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-mortgage-type\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Leenbedrag<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over leenbedrag\" title=\"Meer informatie over leenbedrag\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het bedrag waarvoor we de maandlasten berekenen. Soms is dit direct ingevuld, soms automatisch afgeleid uit woningwaarde en eigen geld.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-loan-amount\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Eigen geld<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over eigen geld\" title=\"Meer informatie over eigen geld\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het bedrag dat je zelf inbrengt in de financiering of aankoop van de woning.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-own-money\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">LTV<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over LTV\" title=\"Meer informatie over LTV\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>LTV staat voor loan-to-value: het percentage van de woningwaarde dat je financiert met je hypotheek.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-ltv\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\" id=\"result-gross-monthly-payment-label\">Bruto maandlast<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over bruto maandlast\" title=\"Meer informatie over bruto maandlast\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het maandbedrag voor belastingvoordeel. Bij een lineaire hypotheek tonen we hier de eerste bruto maandlast.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-gross-monthly-payment\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Laatste bruto maandlast<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over laatste bruto maandlast\" title=\"Meer informatie over laatste bruto maandlast\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Bij een lineaire hypotheek daalt de bruto maandlast meestal in de tijd. Hier zie je de bruto maandlast aan het einde van de looptijd.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-last-gross-monthly-payment\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Netto eerste maandlast<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over netto eerste maandlast\" title=\"Meer informatie over netto eerste maandlast\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is de eerste maandlast na het verwerkte belastingvoordeel op de rente. Het blijft een indicatie en geen definitieve fiscale berekening.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-first-net-monthly-payment\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Totale rente<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over totale rente\" title=\"Meer informatie over totale rente\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is alle rente die je over de volledige looptijd samen betaalt.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-total-interest\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Totale kosten<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over totale kosten\" title=\"Meer informatie over totale kosten\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is het totaal van rente en aflossing over de hele looptijd van de hypotheek.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-total-costs\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">Gehanteerde rente<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over gehanteerde rente\" title=\"Meer informatie over gehanteerde rente\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>Dit is de rente waarmee de uiteindelijke berekening is gemaakt. Bij NHG kan hier al een rentekorting in verwerkt zijn.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-applied-rate\">-<\/strong>\n                                <\/div>\n\n                                <div class=\"result-card result-card-monthly\">\n                                    <div class=\"result-label-group\">\n                                        <span class=\"result-label\">NHG<\/span>\n                                        <span class=\"help-tooltip is-result\"><button type=\"button\" class=\"help-tooltip-button\" aria-label=\"Meer informatie over NHG\" title=\"Meer informatie over NHG\" aria-expanded=\"false\">?<\/button><span class=\"help-tooltip-panel\" hidden>NHG staat voor Nationale Hypotheek Garantie. Als je lening en woning binnen de NHG-grens vallen, kan een rentekorting gelden.<\/span><\/span>                                    <\/div>\n                                    <strong id=\"result-nhg\">-<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <details class=\"details-section details-section-monthly collapsible-section\">\n                                <summary class=\"collapsible-section-summary\">\n                                    <div class=\"details-section-heading\">\n                                        <h3>Vergelijking hypotheekvormen<\/h3>\n                                        <p>Vergelijk annu&iuml;tair en lineair direct op maandlasten, rente en totale kosten.<\/p>\n                                    <\/div>\n                                    <span class=\"collapsible-section-chevron\" aria-hidden=\"true\"><\/span>\n                                <\/summary>\n                                <div class=\"collapsible-section-body\">\n                                    <div id=\"result-comparison-grid\" class=\"comparison-grid\"><\/div>\n                                <\/div>\n                            <\/details>\n\n                            <details class=\"details-section details-section-monthly collapsible-section\">\n                                <summary class=\"collapsible-section-summary\">\n                                    <div class=\"details-section-heading\">\n                                        <h3>Schema per periode<\/h3>\n                                        <p>Schakel tussen jaar- en maandweergave zonder een lange resultatenkolom.<\/p>\n                                    <\/div>\n                                    <span class=\"collapsible-section-chevron\" aria-hidden=\"true\"><\/span>\n                                <\/summary>\n                                <div class=\"collapsible-section-body\">\n                                    <div class=\"result-period-tabs\" role=\"tablist\" aria-label=\"Periodeoverzicht maandlasten\">\n                                        <button\n                                            type=\"button\"\n                                            id=\"result-period-tab-year\"\n                                            class=\"result-period-tab is-active\"\n                                            data-period-target=\"year\"\n                                            role=\"tab\"\n                                            aria-selected=\"true\"\n                                            aria-controls=\"result-period-panel-year\"\n                                        >\n                                            Jaar\n                                        <\/button>\n                                        <button\n                                            type=\"button\"\n                                            id=\"result-period-tab-month\"\n                                            class=\"result-period-tab\"\n                                            data-period-target=\"month\"\n                                            role=\"tab\"\n                                            aria-selected=\"false\"\n                                            aria-controls=\"result-period-panel-month\"\n                                            tabindex=\"-1\"\n                                        >\n                                            Maand\n                                        <\/button>\n                                    <\/div>\n\n                                    <div\n                                        id=\"result-period-panel-year\"\n                                        class=\"result-period-panel is-active\"\n                                        data-period-panel=\"year\"\n                                        role=\"tabpanel\"\n                                        aria-labelledby=\"result-period-tab-year\"\n                                    >\n                                        <section class=\"result-period-pane-section\">\n                                            <div class=\"result-period-pane-heading\">\n                                                <h4>Visuele opbouw per jaar<\/h4>\n                                                <p>Zie direct hoeveel van je hypotheeklasten jaarlijks uit rente en aflossing bestaan.<\/p>\n                                            <\/div>\n\n                                            <div class=\"chart-legend\" aria-hidden=\"true\">\n                                                <span class=\"chart-legend-item\">\n                                                    <span class=\"chart-legend-swatch chart-legend-swatch-interest\"><\/span>\n                                                    Rente\n                                                <\/span>\n                                                <span class=\"chart-legend-item\">\n                                                    <span class=\"chart-legend-swatch chart-legend-swatch-aflossing\"><\/span>\n                                                    Aflossing\n                                                <\/span>\n                                            <\/div>\n\n                                            <div id=\"result-year-chart\" class=\"result-year-chart\"><\/div>\n                                        <\/section>\n\n                                        <section class=\"result-period-pane-section\">\n                                            <div class=\"result-period-pane-heading\">\n                                                <h4>Overzicht per jaar<\/h4>\n                                                <p>Samenvatting van rente, aflossing en resterende schuld per hypotheekjaar.<\/p>\n                                            <\/div>\n\n                                            <div class=\"table-wrapper\">\n                                                <table class=\"result-table\">\n                                                    <thead>\n                                                        <tr>\n                                                            <th>Jaar<\/th>\n                                                            <th>Rente<\/th>\n                                                            <th>Aflossing<\/th>\n                                                            <th>Gem. bruto<\/th>\n                                                            <th>Gem. netto<\/th>\n                                                            <th>Eindschuld<\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody id=\"result-annual-table-body\"><\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/section>\n                                    <\/div>\n\n                                    <div\n                                        id=\"result-period-panel-month\"\n                                        class=\"result-period-panel\"\n                                        data-period-panel=\"month\"\n                                        role=\"tabpanel\"\n                                        aria-labelledby=\"result-period-tab-month\"\n                                        hidden\n                                    >\n                                        <section class=\"result-period-pane-section\">\n                                            <div class=\"result-period-pane-heading\">\n                                                <h4>Eerste 12 maanden<\/h4>\n                                                <p>Detailoverzicht van de eerste twaalf maandregels uit het aflossingsschema.<\/p>\n                                            <\/div>\n\n                                            <div class=\"table-wrapper\">\n                                                <table class=\"result-table\">\n                                                    <thead>\n                                                        <tr>\n                                                            <th>Maand<\/th>\n                                                            <th>Rente<\/th>\n                                                            <th>Aflossing<\/th>\n                                                            <th>Bruto maandlast<\/th>\n                                                            <th>Netto maandlast<\/th>\n                                                            <th>Resterende schuld<\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody id=\"result-table-body\"><\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/section>\n                                    <\/div>\n                                <\/div>\n                            <\/details>\n                        <\/div>\n                    <\/section>\n\n                <\/div>\n            <\/div>\n\n            <div id=\"income-helper-modal\" class=\"income-helper-modal\" hidden>\n                <div class=\"income-helper-backdrop\" data-close-income-helper=\"true\"><\/div>\n                <section class=\"income-helper-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"income-helper-title\">\n                    <div class=\"income-helper-header\">\n                        <h3 id=\"income-helper-title\">Bereken jaarinkomen<\/h3>\n                        <button type=\"button\" class=\"income-helper-close\" id=\"close-income-helper\" aria-label=\"Sluit popup\">&times;<\/button>\n                    <\/div>\n\n                    <p class=\"income-helper-copy\">Reken maandsalaris, vakantiegeld en bonus om naar jaarinkomen. Met Bereken vullen we het bedrag direct in.<\/p>\n\n                    <div class=\"income-helper-grid\">\n                        <div class=\"form-group\">\n                            <label for=\"helper_monthly_salary\">Maandsalaris<\/label>\n                            <input type=\"text\" inputmode=\"decimal\" id=\"helper_monthly_salary\" placeholder=\"Bijv. 3.200\" autocomplete=\"off\">\n                        <\/div>\n\n                        <div class=\"form-group\">\n                            <label for=\"helper_vacation_allowance\">Vakantiegeld (%)<\/label>\n                            <input type=\"text\" inputmode=\"decimal\" id=\"helper_vacation_allowance\" value=\"8\" autocomplete=\"off\">\n                        <\/div>\n\n                        <div class=\"form-group income-helper-grid-full\">\n                            <label for=\"helper_bonus\">Bonus (optioneel)<\/label>\n                            <input type=\"text\" inputmode=\"decimal\" id=\"helper_bonus\" placeholder=\"Bijv. 2.500\" autocomplete=\"off\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"income-helper-actions\">\n                        <button type=\"button\" id=\"calculate-income-helper\" class=\"secondary-button\">Bereken<\/button>\n                    <\/div>\n                <\/section>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":7,"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/hypotheekarchitect.webstudio7.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}