{"id":921,"date":"2026-07-14T13:03:37","date_gmt":"2026-07-14T11:03:37","guid":{"rendered":"https:\/\/wagnerfinanz.immo\/?page_id=921"},"modified":"2026-08-04T10:13:12","modified_gmt":"2026-08-04T08:13:12","slug":"finanzierungsrechner","status":"publish","type":"page","link":"https:\/\/wagnerfinanz.immo\/en\/finanzierungsrechner\/","title":{"rendered":"Financing Calculator"},"content":{"rendered":"<style>.kb-row-layout-id921_998d74-57 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id921_998d74-57 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id921_998d74-57 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id921_998d74-57 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id921_998d74-57 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id921_998d74-57 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id921_998d74-57 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column921_3899d3-83 > .kt-inside-inner-col,.kadence-column921_3899d3-83 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_3899d3-83 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_3899d3-83 > .kt-inside-inner-col{flex-direction:column;}.kadence-column921_3899d3-83 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column921_3899d3-83 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_3899d3-83{position:relative;}@media all and (max-width: 1024px){.kadence-column921_3899d3-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column921_3899d3-83 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_3899d3-83\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id921_552894-db{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id921_552894-db > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id921_552894-db > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id921_552894-db > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-4xl, 8rem);min-height:40vh;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id921_552894-db{background-image:url('https:\/\/wagnerfinanz.immo\/wp-content\/uploads\/2025\/12\/WagnerFinanz-4.jpg');background-size:cover;background-position:65% 8%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id921_552894-db > .kt-row-layout-overlay{opacity:0.97;background:linear-gradient(90deg,var(--global-palette9) 40%,rgba(94,102,115,0) 70%);}@media all and (max-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (hover: none){.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id921_552894-db{background-image:url('https:\/\/wagnerfinanz.immo\/wp-content\/uploads\/2025\/12\/WagnerFinanz-13.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}}@media all and (max-width: 1024px){.kb-row-layout-id921_552894-db > .kt-row-column-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-left:8px;grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id921_552894-db > .kt-row-layout-overlay{opacity:1;background:linear-gradient(90deg,var(--global-palette9) 47%,rgba(20,39,109,0) 95%);}}@media all and (max-width: 767px){.kb-row-layout-id921_552894-db > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id921_552894-db{background-image:url('https:\/\/wagnerfinanz.immo\/wp-content\/uploads\/2025\/12\/WagnerFinanz-4.jpg');background-size:cover;background-position:56.00000000000001% 47%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id921_552894-db > .kt-row-layout-overlay{opacity:0.86;background:var(--global-palette9, #ffffff);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id921_552894-db alignfull kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-gradient\"><\/div><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-left-golden kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column921_4eddf0-2b > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-5xl, 10rem);padding-left:0px;}.kadence-column921_4eddf0-2b > .kt-inside-inner-col,.kadence-column921_4eddf0-2b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_4eddf0-2b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_4eddf0-2b > .kt-inside-inner-col{flex-direction:column;}.kadence-column921_4eddf0-2b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column921_4eddf0-2b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_4eddf0-2b{position:relative;}@media all and (max-width: 1024px){.kadence-column921_4eddf0-2b > .kt-inside-inner-col{padding-right:0px;padding-left:var(--global-kb-spacing-xxs, 0.5rem);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column921_4eddf0-2b > .kt-inside-inner-col{padding-left:var(--global-kb-spacing-xs, 1rem);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_4eddf0-2b\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49, .wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49[data-kb-block=\"kb-adv-heading921_0ed65a-49\"]{font-size:var(--global-kb-font-size-lg, 2rem);font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49[data-kb-block=\"kb-adv-heading921_0ed65a-49\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49[data-kb-block=\"kb-adv-heading921_0ed65a-49\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49, .wp-block-kadence-advancedheading.kt-adv-heading921_0ed65a-49[data-kb-block=\"kb-adv-heading921_0ed65a-49\"]{font-size:var(--global-kb-font-size-md, 1.25rem);}}<\/style>\n<h5 class=\"kt-adv-heading921_0ed65a-49 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading921_0ed65a-49\">Finanzierungsrechner<\/h5>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading921_325319-52, .wp-block-kadence-advancedheading.kt-adv-heading921_325319-52[data-kb-block=\"kb-adv-heading921_325319-52\"]{padding-bottom:0px;margin-bottom:0px;font-size:var(--global-kb-font-size-xxl, 4rem);font-weight:600;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading921_325319-52 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading921_325319-52[data-kb-block=\"kb-adv-heading921_325319-52\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading921_325319-52 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading921_325319-52[data-kb-block=\"kb-adv-heading921_325319-52\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading921_325319-52, .wp-block-kadence-advancedheading.kt-adv-heading921_325319-52[data-kb-block=\"kb-adv-heading921_325319-52\"]{font-size:var(--global-kb-font-size-lg, 2rem);}}<\/style>\n<h4 class=\"kt-adv-heading921_325319-52 wp-block-kadence-advancedheading has-theme-palette-3-color has-text-color\" data-kb-block=\"kb-adv-heading921_325319-52\">Was kann ich mir leisten?<\/h4>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-921_1dc56e-c6 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-921_1dc56e-c6 .kt-divider{border-top-width:1px;height:1px;border-top-color:var(--global-palette15, #3182CE);width:10%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-921_1dc56e-c6\"><div class=\"kt-block-spacer kt-block-spacer-halign-left\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad, .wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad[data-kb-block=\"kb-adv-heading921_1ef507-ad\"]{font-weight:600;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad[data-kb-block=\"kb-adv-heading921_1ef507-ad\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad[data-kb-block=\"kb-adv-heading921_1ef507-ad\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad, .wp-block-kadence-advancedheading.kt-adv-heading921_1ef507-ad[data-kb-block=\"kb-adv-heading921_1ef507-ad\"]{padding-left:0px;}}<\/style>\n<p class=\"kt-adv-heading921_1ef507-ad wp-block-kadence-advancedheading has-theme-palette-3-color has-text-color\" data-kb-block=\"kb-adv-heading921_1ef507-ad\">Erhalten Sie in wenigen Klicks eine erste Einsch\u00e4tzung, welche Immobilie zu Ihrem finanziellen Rahmen passt.<\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-921_09a197-1c .kt-block-spacer{height:6px;}.wp-block-kadence-spacer.kt-block-spacer-921_09a197-1c .kt-divider{border-top-width:1px;height:1px;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-921_09a197-1c\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n<\/div><\/div>\n\n\n<style>.kadence-column921_ae85e0-ff > .kt-inside-inner-col,.kadence-column921_ae85e0-ff > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_ae85e0-ff > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_ae85e0-ff > .kt-inside-inner-col{flex-direction:column;}.kadence-column921_ae85e0-ff > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column921_ae85e0-ff > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_ae85e0-ff{position:relative;}@media all and (max-width: 1024px){.kadence-column921_ae85e0-ff > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column921_ae85e0-ff > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_ae85e0-ff\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id921_ed764e-3b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id921_ed764e-3b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id921_ed764e-3b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id921_ed764e-3b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id921_ed764e-3b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id921_ed764e-3b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id921_ed764e-3b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column921_b114cf-14 > .kt-inside-inner-col{display:flex;}.kadence-column921_b114cf-14 > .kt-inside-inner-col,.kadence-column921_b114cf-14 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_b114cf-14 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}.kadence-column921_b114cf-14 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column921_b114cf-14 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column921_b114cf-14 > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column921_b114cf-14{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column921_b114cf-14 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_b114cf-14{text-align:center;}.kadence-column921_b114cf-14{position:relative;}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column921_b114cf-14{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column921_b114cf-14{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column921_b114cf-14 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_b114cf-14 kb-section-dir-vertical\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;column-gap:150px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list{grid-row-gap:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 .kb-svg-icon-wrap{font-size:72px;color:var(--global-palette15, #3182CE);}.kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap, .kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap a{color:var(--global-palette5, #4A5568);font-size:23px;font-weight:600;color:var(--global-palette5, #4A5568);}.kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}@media all and (min-width: 1025px){.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7:not(.kt-svg-icon-list-columns-1) ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap:not(:last-child){margin:0px;}}@media all and (max-width: 1024px){.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 .kb-svg-icon-wrap{font-size:62px;}}@media all and (min-width: 768px) and (max-width: 1024px){.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7:not(.kt-tablet-svg-icon-list-columns-1) ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap:not(:last-child){margin:0px;}}@media all and (max-width: 767px){.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 ul.kt-svg-icon-list{grid-row-gap:32px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items921_fec5cf-e7 .kb-svg-icon-wrap{font-size:43px;}}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items921_fec5cf-e7 kt-svg-icon-list-columns-3 alignnone kt-mobile-svg-icon-list-columns-1\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-921_7dc918-d2 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-921_7dc918-d2\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_checkCircle kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Kostenfrei<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-921_29beec-37 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-921_29beec-37\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_unlock kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Unverbindlich<\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-921_2b4c25-64 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-921_2b4c25-64\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_clock kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Schnell<\/span><\/li>\n<\/ul><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<style>.kb-row-layout-id921_1c1e24-bb > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id921_1c1e24-bb > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id921_1c1e24-bb > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id921_1c1e24-bb > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id921_1c1e24-bb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id921_1c1e24-bb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id921_1c1e24-bb alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column921_5e75db-7f > .kt-inside-inner-col,.kadence-column921_5e75db-7f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_5e75db-7f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_5e75db-7f > .kt-inside-inner-col{flex-direction:column;}.kadence-column921_5e75db-7f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column921_5e75db-7f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_5e75db-7f{position:relative;}.kadence-column921_5e75db-7f, .kt-inside-inner-col > .kadence-column921_5e75db-7f:not(.specificity){margin-right:0px;margin-left:var(--global-kb-spacing-5xl, 10rem);}@media all and (max-width: 1024px){.kadence-column921_5e75db-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 1024px){.kadence-column921_5e75db-7f, .kt-inside-inner-col > .kadence-column921_5e75db-7f:not(.specificity){margin-left:0px;}}@media all and (max-width: 767px){.kadence-column921_5e75db-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column921_5e75db-7f, .kt-inside-inner-col > .kadence-column921_5e75db-7f:not(.specificity){margin-right:0px;margin-left:0px;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_5e75db-7f\"><div class=\"kt-inside-inner-col\">\n<script src=\"https:\/\/baufi-passt.passt.aws.europace.de\/baufi-passt-flex\/baufi-passt-flex.js\"><\/script><baufi-passt-flex frontend-key-id=\"a4e8e6862c5c52826f43e1ba909971a29106c6be47fe9782db91517d1828575e\" datenkontext=\"ECHT_GESCHAEFT\" ><\/baufi-passt-flex>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n\n\n\n\n<style>.kb-row-layout-id921_d0c288-c1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id921_d0c288-c1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id921_d0c288-c1 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id921_d0c288-c1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id921_d0c288-c1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id921_d0c288-c1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id921_d0c288-c1 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column921_193e39-4b > .kt-inside-inner-col,.kadence-column921_193e39-4b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column921_193e39-4b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column921_193e39-4b > .kt-inside-inner-col{flex-direction:column;}.kadence-column921_193e39-4b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column921_193e39-4b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column921_193e39-4b{position:relative;}@media all and (max-width: 1024px){.kadence-column921_193e39-4b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column921_193e39-4b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column921_193e39-4b\"><div class=\"kt-inside-inner-col\">\n<!-- WAGNERFINANZ ZINSENTWICKLUNG START -->\n\n<section class=\"wf-zinschart\" id=\"wf-zinschart-modul\">\n\n  <div class=\"wf-zinschart__header\">\n\n    <div class=\"wf-zinschart__intro\">\n      <span class=\"wf-zinschart__eyebrow\">\n        Zinsentwicklung\n      <\/span>\n\n      <h2>\n        Wie haben sich die Bauzinsen entwickelt?\n      <\/h2>\n\n      <p>\n        Die Grafik zeigt die durchschnittliche Entwicklung der Effektivzinsen\n        f\u00fcr Wohnungsbaukredite mit einer anf\u00e4nglichen Zinsbindung von \u00fcber\n        5 bis 10 Jahren.\n      <\/p>\n    <\/div>\n\n    <div class=\"wf-zinschart__current\">\n      <span>Letzter verf\u00fcgbarer Wert<\/span>\n\n      <strong id=\"wf-current-rate\">\n        Wird geladen \u2026\n      <\/strong>\n\n      <small id=\"wf-current-date\"><\/small>\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ZEITRAUMAUSWAHL -->\n\n  <div class=\"wf-zinschart__period-section\">\n\n    <span class=\"wf-zinschart__period-label\">\n      Zeitraum ausw\u00e4hlen\n    <\/span>\n\n    <div\n      class=\"wf-zinschart__tabs\"\n      role=\"tablist\"\n      aria-label=\"Zeitraum der Zinsentwicklung ausw\u00e4hlen\"\n    >\n\n      <button\n        class=\"wf-zinschart__tab is-active\"\n        type=\"button\"\n        role=\"tab\"\n        aria-selected=\"true\"\n        data-years=\"5\"\n      >\n        5 Jahre\n      <\/button>\n\n      <button\n        class=\"wf-zinschart__tab\"\n        type=\"button\"\n        role=\"tab\"\n        aria-selected=\"false\"\n        data-years=\"10\"\n      >\n        10 Jahre\n      <\/button>\n\n      <button\n        class=\"wf-zinschart__tab\"\n        type=\"button\"\n        role=\"tab\"\n        aria-selected=\"false\"\n        data-years=\"15\"\n      >\n        15 Jahre\n      <\/button>\n\n      <button\n        class=\"wf-zinschart__tab\"\n        type=\"button\"\n        role=\"tab\"\n        aria-selected=\"false\"\n        data-years=\"20\"\n      >\n        20 Jahre\n      <\/button>\n\n      <button\n        class=\"wf-zinschart__tab\"\n        type=\"button\"\n        role=\"tab\"\n        aria-selected=\"false\"\n        data-years=\"25\"\n      >\n        25 Jahre\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- CHARTKARTE -->\n\n  <div class=\"wf-zinschart__chart-card\">\n\n    <div class=\"wf-zinschart__chart-header\">\n\n      <div>\n        <span>Dargestellter Zeitraum<\/span>\n\n        <strong id=\"wf-period-title\">\n          Letzte 5 Jahre\n        <\/strong>\n      <\/div>\n\n      <div class=\"wf-zinschart__range\">\n\n        <div>\n          <span>Von<\/span>\n          <strong id=\"wf-period-from\">\u2013<\/strong>\n        <\/div>\n\n        <span class=\"wf-zinschart__range-line\"><\/span>\n\n        <div>\n          <span>Bis<\/span>\n          <strong id=\"wf-period-to\">\u2013<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"wf-zinschart__loading\" id=\"wf-loading-message\">\n      Zinsdaten werden geladen \u2026\n    <\/div>\n\n    <div class=\"wf-zinschart__error\" id=\"wf-error-message\">\n      Die Zinsdaten konnten momentan nicht geladen werden.\n      Bitte laden Sie die Seite sp\u00e4ter erneut.\n    <\/div>\n\n    <div class=\"wf-zinschart__canvas-wrapper\">\n      <canvas id=\"wf-interest-chart\"><\/canvas>\n    <\/div>\n\n  <\/div>\n\n\n  <!-- HINWEIS UND BUTTON -->\n\n  <div class=\"wf-zinschart__footer\">\n\n    <div class=\"wf-zinschart__notice\">\n\n      <strong>\n        Was bedeutet das f\u00fcr Ihre Finanzierung?\n      <\/strong>\n\n      <p>\n        Die dargestellten Werte zeigen den allgemeinen Marktdurchschnitt.\n        Ihre pers\u00f6nliche Finanzierungskondition h\u00e4ngt unter anderem von\n        Eigenkapital, Bonit\u00e4t, Objekt, Darlehensh\u00f6he und\n        Finanzierungsstruktur ab.\n      <\/p>\n\n    <\/div>\n\n    <a\n      class=\"wf-zinschart__button\"\n      href=\"\/kontakt\/\"\n    >\n      Pers\u00f6nliche Konditionen anfragen\n      <span aria-hidden=\"true\">\u2192<\/span>\n    <\/a>\n\n  <\/div>\n\n\n  <div class=\"wf-zinschart__source\">\n    Quelle: Deutsche Bundesbank, Zeitreihe SUD118.\n    Effektivzinss\u00e4tze im Neugesch\u00e4ft f\u00fcr Wohnungsbaukredite an private\n    Haushalte mit anf\u00e4nglicher Zinsbindung von \u00fcber 5 bis 10 Jahren.\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n  .wf-zinschart,\n  .wf-zinschart * {\n    box-sizing: border-box;\n  }\n\n\n  .wf-zinschart {\n    --wf-orange: #f47a3a;\n    --wf-orange-dark: #dc6428;\n    --wf-orange-light: #fff4ed;\n    --wf-black: #171717;\n    --wf-text: #626262;\n    --wf-background: #f8f6f2;\n    --wf-border: #e8e3db;\n\n    width: 100%;\n    max-width: 1400px;\n\n    margin: 0 auto;\n    padding: clamp(24px, 4vw, 48px);\n\n    background: #ffffff;\n    border: 1px solid var(--wf-border);\n    border-radius: 24px;\n\n    box-shadow:\n      0 20px 60px rgba(32, 27, 21, 0.07);\n\n    font-family:\n      \"Urbanist\",\n      Arial,\n      sans-serif;\n\n    overflow: hidden;\n  }\n\n\n  \/* HEADER *\/\n\n  .wf-zinschart__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    gap: 40px;\n    margin-bottom: 30px;\n  }\n\n\n  .wf-zinschart__intro {\n    max-width: 720px;\n  }\n\n\n  .wf-zinschart__eyebrow {\n    display: inline-block;\n\n    margin-bottom: 10px;\n\n    color: var(--wf-orange-dark);\n\n    font-size: 13px;\n    font-weight: 750;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n  }\n\n\n  .wf-zinschart h2 {\n    margin: 0 0 13px;\n\n    color: var(--wf-black);\n\n    font-size: clamp(29px, 4vw, 46px);\n    font-weight: 750;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n\n  .wf-zinschart__intro p {\n    max-width: 680px;\n\n    margin: 0;\n\n    color: var(--wf-text);\n\n    font-size: 17px;\n    line-height: 1.65;\n  }\n\n\n  \/* AKTUELLER WERT *\/\n\n  .wf-zinschart__current {\n    flex: 0 0 auto;\n\n    min-width: 220px;\n    padding: 19px 22px;\n\n    background: var(--wf-background);\n    border: 1px solid var(--wf-border);\n    border-radius: 17px;\n  }\n\n\n  .wf-zinschart__current span,\n  .wf-zinschart__current small {\n    display: block;\n\n    color: var(--wf-text);\n  }\n\n\n  .wf-zinschart__current span {\n    margin-bottom: 5px;\n\n    font-size: 13px;\n    font-weight: 650;\n  }\n\n\n  .wf-zinschart__current strong {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--wf-black);\n\n    font-size: 32px;\n    font-weight: 750;\n    line-height: 1.05;\n  }\n\n\n  .wf-zinschart__current small {\n    font-size: 13px;\n  }\n\n\n  \/* ZEITRAUMAUSWAHL *\/\n\n  .wf-zinschart__period-section {\n    margin-bottom: 25px;\n  }\n\n\n  .wf-zinschart__period-label {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--wf-black);\n\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n\n  .wf-zinschart__tabs {\n    display: inline-grid;\n    grid-template-columns: repeat(5, minmax(110px, 1fr));\n\n    gap: 6px;\n    padding: 6px;\n\n    background: var(--wf-background);\n    border: 1px solid var(--wf-border);\n    border-radius: 14px;\n  }\n\n\n  .wf-zinschart__tab {\n    min-height: 48px;\n    padding: 10px 22px;\n\n    color: var(--wf-text);\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 9px;\n\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 700;\n\n    cursor: pointer;\n\n    transition:\n      color 0.2s ease,\n      background-color 0.2s ease,\n      border-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease;\n  }\n\n\n  .wf-zinschart__tab:hover {\n    color: var(--wf-black);\n    background: rgba(255, 255, 255, 0.7);\n  }\n\n\n  .wf-zinschart__tab.is-active {\n    color: var(--wf-orange-dark);\n    background: #ffffff;\n    border-color: rgba(244, 122, 58, 0.25);\n\n    box-shadow:\n      0 6px 20px rgba(35, 29, 22, 0.07);\n  }\n\n\n  \/* CHARTKARTE *\/\n\n  .wf-zinschart__chart-card {\n    position: relative;\n\n    padding: clamp(18px, 3vw, 29px);\n\n    background: #ffffff;\n    border: 1px solid var(--wf-border);\n    border-radius: 19px;\n  }\n\n\n  .wf-zinschart__chart-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 25px;\n    margin-bottom: 22px;\n  }\n\n\n  .wf-zinschart__chart-header > div:first-child span {\n    display: block;\n\n    margin-bottom: 3px;\n\n    color: var(--wf-text);\n\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n\n  .wf-zinschart__chart-header > div:first-child strong {\n    color: var(--wf-black);\n\n    font-size: 20px;\n    font-weight: 750;\n  }\n\n\n  \/* DATUMSBEREICH *\/\n\n  .wf-zinschart__range {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n    padding: 10px 14px;\n\n    background: var(--wf-orange-light);\n    border-radius: 12px;\n  }\n\n\n  .wf-zinschart__range div {\n    min-width: 75px;\n  }\n\n\n  .wf-zinschart__range span {\n    display: block;\n\n    color: var(--wf-text);\n\n    font-size: 10px;\n    line-height: 1.2;\n  }\n\n\n  .wf-zinschart__range strong {\n    display: block;\n\n    margin-top: 2px;\n\n    color: var(--wf-black);\n\n    font-size: 12px;\n    font-weight: 750;\n    white-space: nowrap;\n  }\n\n\n  .wf-zinschart__range-line {\n    width: 25px;\n    height: 1px;\n\n    background: rgba(23, 23, 23, 0.2);\n  }\n\n\n  \/* CHART *\/\n\n  .wf-zinschart__canvas-wrapper {\n    position: relative;\n\n    width: 100%;\n    height: 390px;\n  }\n\n\n  .wf-zinschart__loading,\n  .wf-zinschart__error {\n    display: none;\n\n    padding: 40px 20px;\n\n    color: var(--wf-text);\n\n    font-size: 14px;\n    text-align: center;\n  }\n\n\n  .wf-zinschart__loading.is-visible,\n  .wf-zinschart__error.is-visible {\n    display: block;\n  }\n\n\n  \/* UNTERER BEREICH *\/\n\n  .wf-zinschart__footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    margin-top: 28px;\n    padding-top: 27px;\n\n    border-top: 1px solid var(--wf-border);\n  }\n\n\n  .wf-zinschart__notice {\n    max-width: 720px;\n  }\n\n\n  .wf-zinschart__notice strong {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--wf-black);\n\n    font-size: 15px;\n    font-weight: 750;\n  }\n\n\n  .wf-zinschart__notice p {\n    margin: 0;\n\n    color: var(--wf-text);\n\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n\n  \/* BUTTON *\/\n\n  .wf-zinschart__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 auto;\n    gap: 12px;\n\n    min-height: 53px;\n    padding: 14px 22px;\n\n    color: #ffffff !important;\n    background: var(--wf-orange);\n    border-radius: 10px;\n\n    font-size: 15px;\n    font-weight: 750;\n    line-height: 1.2;\n    text-decoration: none !important;\n\n    transition:\n      background-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease;\n  }\n\n\n  .wf-zinschart__button:hover {\n    color: #ffffff !important;\n    background: var(--wf-orange-dark);\n\n    box-shadow:\n      0 12px 27px rgba(244, 122, 58, 0.24);\n\n    transform: translateY(-2px);\n  }\n\n\n  .wf-zinschart__button span {\n    font-size: 20px;\n    line-height: 1;\n  }\n\n\n  \/* QUELLE *\/\n\n  .wf-zinschart__source {\n    margin-top: 17px;\n\n    color: #8a8a8a;\n\n    font-size: 11px;\n    line-height: 1.5;\n  }\n\n\n  \/* TABLET *\/\n\n  @media (max-width: 800px) {\n\n    .wf-zinschart {\n      padding: 25px 20px;\n      border-radius: 18px;\n    }\n\n\n    .wf-zinschart__header {\n      flex-direction: column;\n\n      gap: 21px;\n      margin-bottom: 25px;\n    }\n\n\n    .wf-zinschart__current {\n      width: 100%;\n      min-width: 0;\n    }\n\n\n    .wf-zinschart__chart-header {\n      align-items: flex-start;\n      flex-direction: column;\n\n      gap: 14px;\n    }\n\n\n    .wf-zinschart__range {\n      width: 100%;\n      justify-content: space-between;\n    }\n\n\n    .wf-zinschart__range-line {\n      flex: 1;\n    }\n\n\n    .wf-zinschart__canvas-wrapper {\n      height: 330px;\n    }\n\n\n    .wf-zinschart__footer {\n      align-items: stretch;\n      flex-direction: column;\n\n      gap: 21px;\n    }\n\n\n    .wf-zinschart__button {\n      width: 100%;\n    }\n\n  }\n\n\n  \/* MOBIL *\/\n\n  @media (max-width: 520px) {\n\n    .wf-zinschart__tabs {\n      display: grid;\n      width: 100%;\n\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n\n    .wf-zinschart__tab {\n      min-width: 0;\n      padding: 10px 8px;\n\n      font-size: 13px;\n    }\n\n\n    .wf-zinschart__canvas-wrapper {\n      height: 285px;\n    }\n\n\n    .wf-zinschart__intro p {\n      font-size: 15px;\n    }\n\n\n    .wf-zinschart__range div {\n      min-width: auto;\n    }\n\n  }\n\n<\/style>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.5.1\/dist\/chart.umd.min.js\"><\/script>\n\n\n<script>\n\n(function () {\n\n  const API_URL =\n    \"https:\/\/api.statistiken.bundesbank.de\/rest\/download\/BBIM1\/M.DE.B.A2C.O.R.A.2250.EUR.N?format=csv&lang=de\";\n\n\n  let allInterestData = [];\n  let interestChart = null;\n  let selectedYears = 5;\n\n\n  const monthNames = [\n    \"Januar\",\n    \"Februar\",\n    \"M\u00e4rz\",\n    \"April\",\n    \"Mai\",\n    \"Juni\",\n    \"Juli\",\n    \"August\",\n    \"September\",\n    \"Oktober\",\n    \"November\",\n    \"Dezember\"\n  ];\n\n\n  function formatRate(value) {\n\n    return Number(value).toLocaleString(\n      \"de-DE\",\n      {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2\n      }\n    ) + \" %\";\n\n  }\n\n\n  function formatMonthYear(dateString) {\n\n    const parts = dateString.split(\"-\");\n    const year = Number(parts[0]);\n    const month = Number(parts[1]) - 1;\n\n    return monthNames[month] + \" \" + year;\n\n  }\n\n\n  function formatShortMonthYear(dateString) {\n\n    const parts = dateString.split(\"-\");\n    const year = Number(parts[0]);\n    const month = Number(parts[1]) - 1;\n\n    return monthNames[month].substring(0, 3) + \". \" + year;\n\n  }\n\n\n  function parseGermanNumber(value) {\n\n    if (!value) {\n      return null;\n    }\n\n    const cleanedValue = value\n      .replace(\/\\.\/g, \"\")\n      .replace(\",\", \".\")\n      .trim();\n\n    const parsedValue = Number(cleanedValue);\n\n    return Number.isFinite(parsedValue)\n      ? parsedValue\n      : null;\n\n  }\n\n\n  function parseBundesbankCsv(csvText) {\n\n    const lines = csvText\n      .replace(\/^\\uFEFF\/, \"\")\n      .split(\/\\r?\\n\/);\n\n    const result = [];\n\n    lines.forEach(function (line) {\n\n      const columns = line\n        .split(\";\")\n        .map(function (column) {\n          return column\n            .replace(\/^\"|\"$\/g, \"\")\n            .trim();\n        });\n\n\n      if (!columns.length) {\n        return;\n      }\n\n\n      const dateMatch = columns[0].match(\/^(\\d{4})-(\\d{2})$\/);\n\n      if (!dateMatch) {\n        return;\n      }\n\n\n      const value = parseGermanNumber(columns[1]);\n\n      if (value === null) {\n        return;\n      }\n\n\n      result.push({\n        date: columns[0],\n        value: value\n      });\n\n    });\n\n\n    return result.sort(function (a, b) {\n      return a.date.localeCompare(b.date);\n    });\n\n  }\n\n\n  function subtractYears(dateString, years) {\n\n    const parts = dateString.split(\"-\");\n\n    const year = Number(parts[0]) - years;\n    const month = parts[1];\n\n    return year + \"-\" + month;\n\n  }\n\n\n  function getFilteredData(years) {\n\n    if (!allInterestData.length) {\n      return [];\n    }\n\n    const lastDate =\n      allInterestData[allInterestData.length - 1].date;\n\n    const startDate =\n      subtractYears(lastDate, years);\n\n    return allInterestData.filter(function (entry) {\n      return entry.date >= startDate;\n    });\n\n  }\n\n\n  function calculateYAxisMaximum(data) {\n\n    const maximum = Math.max.apply(\n      null,\n      data.map(function (entry) {\n        return entry.value;\n      })\n    );\n\n    return Math.ceil((maximum + 0.3) * 2) \/ 2;\n\n  }\n\n\n  function calculateYAxisMinimum(data) {\n\n    const minimum = Math.min.apply(\n      null,\n      data.map(function (entry) {\n        return entry.value;\n      })\n    );\n\n    return Math.max(\n      0,\n      Math.floor((minimum - 0.3) * 2) \/ 2\n    );\n\n  }\n\n\n  function getMaximumXAxisTicks(years) {\n\n    if (years === 5) {\n      return 6;\n    }\n\n    if (years === 10) {\n      return 7;\n    }\n\n    return 8;\n\n  }\n\n\n  function updateInformation(data, years) {\n\n    if (!data.length) {\n      return;\n    }\n\n    const firstEntry = data[0];\n    const lastEntry = data[data.length - 1];\n\n    document.getElementById(\n      \"wf-current-rate\"\n    ).textContent = formatRate(lastEntry.value);\n\n    document.getElementById(\n      \"wf-current-date\"\n    ).textContent = formatMonthYear(lastEntry.date);\n\n    document.getElementById(\n      \"wf-period-title\"\n    ).textContent = \"Letzte \" + years + \" Jahre\";\n\n    document.getElementById(\n      \"wf-period-from\"\n    ).textContent = formatShortMonthYear(firstEntry.date);\n\n    document.getElementById(\n      \"wf-period-to\"\n    ).textContent = formatShortMonthYear(lastEntry.date);\n\n  }\n\n\n  function createChart(data, years) {\n\n    const canvas =\n      document.getElementById(\"wf-interest-chart\");\n\n    if (!canvas || typeof Chart === \"undefined\") {\n      return;\n    }\n\n\n    const context = canvas.getContext(\"2d\");\n\n    const gradient =\n      context.createLinearGradient(0, 0, 0, 390);\n\n    gradient.addColorStop(\n      0,\n      \"rgba(244, 122, 58, 0.26)\"\n    );\n\n    gradient.addColorStop(\n      1,\n      \"rgba(244, 122, 58, 0)\"\n    );\n\n\n    interestChart = new Chart(context, {\n\n      type: \"line\",\n\n      data: {\n\n        labels: data.map(function (entry) {\n          return entry.date;\n        }),\n\n        datasets: [\n          {\n            label: \"Effektivzinssatz\",\n\n            data: data.map(function (entry) {\n              return entry.value;\n            }),\n\n            borderColor: \"#f47a3a\",\n            backgroundColor: gradient,\n\n            borderWidth: 3,\n            fill: true,\n            tension: 0.22,\n\n            pointRadius: 0,\n            pointHitRadius: 12,\n            pointHoverRadius: 6,\n\n            pointHoverBackgroundColor: \"#f47a3a\",\n            pointHoverBorderColor: \"#ffffff\",\n            pointHoverBorderWidth: 3\n          }\n        ]\n\n      },\n\n\n      options: {\n\n        responsive: true,\n        maintainAspectRatio: false,\n\n        interaction: {\n          mode: \"index\",\n          intersect: false\n        },\n\n        animation: {\n          duration: 450\n        },\n\n        plugins: {\n\n          legend: {\n            display: false\n          },\n\n          tooltip: {\n\n            displayColors: false,\n\n            backgroundColor: \"#171717\",\n            titleColor: \"#ffffff\",\n            bodyColor: \"#ffffff\",\n\n            padding: 13,\n            cornerRadius: 9,\n\n            titleFont: {\n              family: \"Urbanist\",\n              size: 13,\n              weight: \"600\"\n            },\n\n            bodyFont: {\n              family: \"Urbanist\",\n              size: 15,\n              weight: \"700\"\n            },\n\n            callbacks: {\n\n              title: function (tooltipItems) {\n\n                if (!tooltipItems.length) {\n                  return \"\";\n                }\n\n                return formatMonthYear(\n                  tooltipItems[0].label\n                );\n\n              },\n\n              label: function (tooltipItem) {\n\n                return formatRate(\n                  tooltipItem.parsed.y\n                ) + \" p. a.\";\n\n              }\n\n            }\n\n          }\n\n        },\n\n\n        scales: {\n\n          x: {\n\n            grid: {\n              display: false\n            },\n\n            border: {\n              display: false\n            },\n\n            ticks: {\n\n              color: \"#777777\",\n              maxRotation: 0,\n              minRotation: 0,\n              autoSkip: true,\n\n              maxTicksLimit:\n                getMaximumXAxisTicks(years),\n\n              font: {\n                family: \"Urbanist\",\n                size: 12,\n                weight: \"500\"\n              },\n\n              callback: function (\n                value,\n                index\n              ) {\n\n                const label =\n                  this.getLabelForValue(value);\n\n                const parts = label.split(\"-\");\n\n                const year = parts[0];\n                const month = parts[1];\n\n                if (month === \"01\") {\n                  return year;\n                }\n\n                return \"\";\n              }\n\n            }\n\n          },\n\n\n          y: {\n\n            min: calculateYAxisMinimum(data),\n            max: calculateYAxisMaximum(data),\n\n            border: {\n              display: false\n            },\n\n            grid: {\n              color: \"rgba(23, 23, 23, 0.07)\",\n              drawTicks: false\n            },\n\n            ticks: {\n\n              color: \"#777777\",\n              padding: 12,\n              stepSize: 0.5,\n\n              font: {\n                family: \"Urbanist\",\n                size: 12,\n                weight: \"500\"\n              },\n\n              callback: function (value) {\n\n                return Number(value).toLocaleString(\n                  \"de-DE\",\n                  {\n                    minimumFractionDigits: 1,\n                    maximumFractionDigits: 1\n                  }\n                ) + \" %\";\n\n              }\n\n            }\n\n          }\n\n        }\n\n      }\n\n    });\n\n  }\n\n\n  function updateChart(years) {\n\n    selectedYears = years;\n\n    const filteredData =\n      getFilteredData(years);\n\n    if (!filteredData.length) {\n      return;\n    }\n\n\n    if (interestChart) {\n      interestChart.destroy();\n      interestChart = null;\n    }\n\n\n    createChart(\n      filteredData,\n      years\n    );\n\n    updateInformation(\n      filteredData,\n      years\n    );\n\n  }\n\n\n  function activateButton(selectedButton) {\n\n    const buttons =\n      document.querySelectorAll(\n        \".wf-zinschart__tab\"\n      );\n\n\n    buttons.forEach(function (button) {\n\n      button.classList.remove(\"is-active\");\n\n      button.setAttribute(\n        \"aria-selected\",\n        \"false\"\n      );\n\n    });\n\n\n    selectedButton.classList.add(\"is-active\");\n\n    selectedButton.setAttribute(\n      \"aria-selected\",\n      \"true\"\n    );\n\n  }\n\n\n  function initializeButtons() {\n\n    const buttons =\n      document.querySelectorAll(\n        \".wf-zinschart__tab\"\n      );\n\n\n    buttons.forEach(function (button) {\n\n      button.addEventListener(\n        \"click\",\n        function () {\n\n          const years =\n            Number(\n              button.getAttribute(\"data-years\")\n            );\n\n          activateButton(button);\n\n          updateChart(years);\n\n        }\n      );\n\n    });\n\n  }\n\n\n  async function loadInterestData() {\n\n    const loadingMessage =\n      document.getElementById(\n        \"wf-loading-message\"\n      );\n\n    const errorMessage =\n      document.getElementById(\n        \"wf-error-message\"\n      );\n\n    const canvasWrapper =\n      document.querySelector(\n        \".wf-zinschart__canvas-wrapper\"\n      );\n\n\n    loadingMessage.classList.add(\"is-visible\");\n    errorMessage.classList.remove(\"is-visible\");\n    canvasWrapper.style.display = \"none\";\n\n\n    try {\n\n      const response = await fetch(\n        API_URL,\n        {\n          method: \"GET\",\n          mode: \"cors\",\n          cache: \"no-store\"\n        }\n      );\n\n\n      if (!response.ok) {\n        throw new Error(\n          \"Bundesbank-Daten konnten nicht geladen werden.\"\n        );\n      }\n\n\n      const csvText = await response.text();\n\n      allInterestData =\n        parseBundesbankCsv(csvText);\n\n\n      if (!allInterestData.length) {\n        throw new Error(\n          \"Keine g\u00fcltigen Zinsdaten gefunden.\"\n        );\n      }\n\n\n      loadingMessage.classList.remove(\"is-visible\");\n      canvasWrapper.style.display = \"block\";\n\n      updateChart(selectedYears);\n\n    } catch (error) {\n\n      console.error(\n        \"Fehler beim Laden der Zinsdaten:\",\n        error\n      );\n\n      loadingMessage.classList.remove(\"is-visible\");\n      errorMessage.classList.add(\"is-visible\");\n      canvasWrapper.style.display = \"none\";\n\n      document.getElementById(\n        \"wf-current-rate\"\n      ).textContent = \"Nicht verf\u00fcgbar\";\n\n    }\n\n  }\n\n\n  function initializeInterestChart() {\n\n    initializeButtons();\n    loadInterestData();\n\n  }\n\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeInterestChart\n    );\n\n  } else {\n\n    initializeInterestChart();\n\n  }\n\n})();\n\n<\/script>\n\n<!-- WAGNERFINANZ ZINSENTWICKLUNG ENDE -->\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Finanzierungsrechner Was kann ich mir leisten? Erhalten Sie in wenigen Klicks eine erste Einsch\u00e4tzung, welche Immobilie zu Ihrem finanziellen Rahmen passt. Zinsentwicklung Wie haben sich die Bauzinsen entwickelt? Die Grafik zeigt die durchschnittliche Entwicklung der Effektivzinsen f\u00fcr Wohnungsbaukredite mit einer anf\u00e4nglichen Zinsbindung von \u00fcber 5 bis 10 Jahren. Letzter verf\u00fcgbarer Wert Wird geladen \u2026 Zeitraum&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-921","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/pages\/921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/comments?post=921"}],"version-history":[{"count":43,"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/pages\/921\/revisions"}],"predecessor-version":[{"id":1090,"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/pages\/921\/revisions\/1090"}],"wp:attachment":[{"href":"https:\/\/wagnerfinanz.immo\/en\/wp-json\/wp\/v2\/media?parent=921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}