{"id":200774,"date":"2025-10-21T13:01:19","date_gmt":"2025-10-21T11:01:19","guid":{"rendered":"https:\/\/www.bestfinance.ch\/?page_id=200774"},"modified":"2025-10-27T17:14:21","modified_gmt":"2025-10-27T16:14:21","slug":"elementare-200774","status":"publish","type":"page","link":"https:\/\/www.bestfinance.ch\/it\/elementor-200774\/","title":{"rendered":"Elementor #200774"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"200774\" class=\"elementor elementor-200774\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c07ffd7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1c07ffd7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b269125\" data-id=\"3b269125\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c9fc1f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c9fc1f2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-437774d\" data-id=\"437774d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2f36ad elementor-widget elementor-widget-heading\" data-id=\"b2f36ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"tel:0216245545\"><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9839151 elementor-widget elementor-widget-html\" data-id=\"9839151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"titel-rechner\">\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42db98f elementor-widget elementor-widget-shortcode\" data-id=\"42db98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --brand-dark:#1a365d; --brand-medium:#2c5282; --brand-gold:#daa520; --brand-gold-light:#ffd56a; --brand-gold-text:#0f1a2a;\n    --grey-100:#f7fafc; --grey-200:#edf2f7; --grey-300:#e2e8f0; --grey-400:#cbd5e0; --grey-500:#a0aec0; --grey-600:#718096; --grey-800:#2d3748; --grey-900:#1a202c;\n  }\n  .loan-calculator { font-family:'Inter','Segoe UI',sans-serif; background:linear-gradient(135deg,var(--brand-medium) 0%,var(--brand-dark) 100%);\n    padding:10px; border-radius:24px; max-width:600px; margin:0 auto; }\n  .calculator-container { background:#fff; border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.3); padding:40px; }\n  .calculator-header { text-align:center; margin-bottom:35px; }\n  .calculator-header h1 { font-size:28px; font-weight:700; color:var(--grey-900); margin-bottom:8px;\n    background:linear-gradient(135deg,var(--brand-medium) 0%,var(--brand-dark) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }\n  .calculator-header p { color:var(--grey-600); font-size:15px; }\n\n  .input-group { margin-bottom:32px; }\n  .input-label { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }\n  .input-label label { font-size:14px; font-weight:600; color:var(--grey-800); }\n\n  \/* ============================================ *\/\n  \/* VERBESSERTE SLIDER-KN\u00d6PFE - MODERNE VERSION *\/\n  \/* ============================================ *\/\n  .loan-slider { \n    width: 100%; \n    height: 10px; \n    border-radius: 999px; \n    background: linear-gradient(to right, var(--brand-medium) 0%, var(--brand-gold) 100%);\n    margin-top: 6px; \n    appearance: none; \n    outline: none;\n    position: relative;\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);\n    transition: all 0.3s ease;\n  }\n\n  \/* Chrome\/Safari\/Edge - Verbesserte Kn\u00f6pfe *\/\n  .loan-slider::-webkit-slider-thumb { \n    appearance: none; \n    width: 28px; \n    height: 28px; \n    border-radius: 50%; \n    background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%);\n    border: 3px solid var(--brand-medium); \n    box-shadow: \n      0 4px 12px rgba(44, 82, 130, 0.3),\n      0 2px 4px rgba(0, 0, 0, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8);\n    cursor: pointer; \n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n  }\n\n  .loan-slider::-webkit-slider-thumb:hover { \n    transform: scale(1.15);\n    border-color: var(--brand-gold);\n    box-shadow: \n      0 6px 20px rgba(218, 165, 32, 0.4),\n      0 4px 8px rgba(0, 0, 0, 0.15),\n      inset 0 1px 0 rgba(255, 255, 255, 1);\n  }\n\n  .loan-slider::-webkit-slider-thumb:active { \n    transform: scale(1.05);\n    box-shadow: \n      0 2px 8px rgba(44, 82, 130, 0.4),\n      inset 0 2px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Firefox - Verbesserte Kn\u00f6pfe *\/\n  .loan-slider::-moz-range-thumb { \n    width: 28px; \n    height: 28px; \n    border-radius: 50%; \n    background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%);\n    border: 3px solid var(--brand-medium); \n    box-shadow: \n      0 4px 12px rgba(44, 82, 130, 0.3),\n      0 2px 4px rgba(0, 0, 0, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8);\n    cursor: pointer;\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .loan-slider::-moz-range-thumb:hover { \n    transform: scale(1.15);\n    border-color: var(--brand-gold);\n    box-shadow: \n      0 6px 20px rgba(218, 165, 32, 0.4),\n      0 4px 8px rgba(0, 0, 0, 0.15),\n      inset 0 1px 0 rgba(255, 255, 255, 1);\n  }\n\n  .loan-slider::-moz-range-thumb:active { \n    transform: scale(1.05);\n    box-shadow: \n      0 2px 8px rgba(44, 82, 130, 0.4),\n      inset 0 2px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Firefox - Track-Styling *\/\n  .loan-slider::-moz-range-track {\n    height: 10px;\n    border-radius: 999px;\n    background: linear-gradient(to right, var(--brand-medium) 0%, var(--brand-gold) 100%);\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);\n  }\n\n  \/* Fokus-Zustand f\u00fcr Accessibility *\/\n  .loan-slider:focus {\n    outline: none;\n  }\n\n  .loan-slider:focus-visible::-webkit-slider-thumb {\n    box-shadow: \n      0 4px 12px rgba(44, 82, 130, 0.3),\n      0 2px 4px rgba(0, 0, 0, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8),\n      0 0 0 4px rgba(44, 82, 130, 0.2);\n  }\n\n  .loan-slider:focus-visible::-moz-range-thumb {\n    box-shadow: \n      0 4px 12px rgba(44, 82, 130, 0.3),\n      0 2px 4px rgba(0, 0, 0, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8),\n      0 0 0 4px rgba(44, 82, 130, 0.2);\n  }\n  \/* ============================================ *\/\n  \/* ENDE DER SLIDER-VERBESSERUNGEN              *\/\n  \/* ============================================ *\/\n\n  .slider-labels { display:flex; justify-content:space-between; margin-top:8px; font-size:11px; color:var(--grey-600); font-weight:600; }\n  .form-note { font-size:12px; color:var(--grey-600); margin-top:6px; }\n\n  .result-card { background:linear-gradient(135deg,var(--brand-medium) 0%,var(--brand-dark) 100%);\n    border-radius:20px; padding:40px 32px; text-align:center; margin:40px 0; box-shadow:0 8px 32px rgba(44,82,130,.4); }\n  .result-label { display:inline-block; background:linear-gradient(135deg,var(--brand-gold-light) 0%,var(--brand-gold) 100%);\n    color:var(--brand-gold-text); font-weight:900; padding:8px 16px; border-radius:999px; margin-bottom:20px; font-size:12px;\n    box-shadow:0 6px 20px rgba(218,165,32,.35), inset 0 1px 0 rgba(255,255,255,.6); }\n  .result-value { display:flex; justify-content:center; align-items:flex-end; gap:10px; margin-bottom:20px; }\n  .result-value .currency, .result-value .amount, .result-value .suffix {\n    color:var(--brand-gold-light);\n    text-shadow:0 0 20px rgba(255,213,106,.5), 0 4px 12px rgba(0,0,0,.3), 2px 2px 0 var(--brand-gold-text);\n    font-weight:900;\n\ttransition: all 0.2s ease-in-out;\n  }\n  .result-value .currency, .result-value .suffix { font-size:30px; padding-bottom:3px; }\n  .result-value .amount { font-size:48px; }\n  .result-subtext { color:#e9f0f8; font-size:14px; line-height:1.6; margin-bottom:12px; }\n  .result-note { color:var(--grey-400); font-size:11px; font-style:italic; margin-top:10px; }\n\n  .cta-button { display:inline-block; width:100%; background:linear-gradient(135deg,var(--brand-gold-light) 0%, var(--brand-gold) 100%);\n    color:var(--brand-gold-text); font-weight:900; font-size:17px; padding:14px 18px; border:none; border-radius:14px;\n    box-shadow:0 8px 24px rgba(218,165,32,.4), inset 0 1px 0 rgba(255,255,255,.6); text-align:center; text-decoration:none;\n    transition: all 0.2s ease-in-out; }\n  \n  .cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow:0 12px 32px rgba(218,165,32,.5), inset 0 1px 0 rgba(255,255,255,.8);\n  }\n<\/style>\n\n<div class=\"loan-calculator\" \n     data-apr-default=\"4.9\"\n     data-apr-min=\"4.9\"\n     data-apr-max=\"10.95\"\n     data-kosten-template=\"Die Gesamtkosten f\u00fcr Ihren Kredit von {AMOUNT} reichen von {TMIN} bei einem Zinssatz von {APR_MIN}% bis {TMAX} bei einem Zinssatz von {APR_MAX}%.\">\n  <div class=\"calculator-container\">\n    <div class=\"calculator-header\">\n      <h1><\/h1>\n      <p>schnell, einfach, transparent<\/p>    <\/div>\n\n    <form method=\"get\" action=\"\" id=\"kr-form\">\n      <div class=\"input-group\">\n        <div class=\"input-label\"><label for=\"kr_amount\">Kreditbetrag<\/label><\/div>\n        <input type=\"range\" class=\"loan-slider\" id=\"kr_amount\" name=\"kr_amount\"\n               min=\"5000\"\n               max=\"300000\"\n               step=\"1000\"\n               value=\"20000\">\n        <div class=\"slider-labels\">\n          <span>CHF 5\u2019000.\u2013<\/span>\n          <span>CHF 300\u2019000.\u2013<\/span>\n        <\/div>\n        <div class=\"form-note\">Aktueller Wert: <strong id=\"kr_amount_note\">CHF 20\u2019000.\u2013<\/strong><\/div>\n      <\/div>\n\n      <div class=\"input-group\">\n        <div class=\"input-label\"><label for=\"kr_duration\">Laufzeit<\/label><\/div>\n        <input type=\"range\" class=\"loan-slider\" id=\"kr_duration\" name=\"kr_duration\"\n               min=\"12\"\n               max=\"120\"\n               step=\"12\"\n               value=\"72\">\n        <div class=\"slider-labels\">\n          <span>12 Monate<\/span>\n          <span>120 Monate<\/span>\n        <\/div>\n        <div class=\"form-note\">Aktueller Wert: <strong id=\"kr_duration_note\">72 Monate<\/strong><\/div>\n\n        <div style=\"margin-top:8px;\">\n          <button type=\"submit\" class=\"cta-button\" style=\"background:linear-gradient(135deg,var(--grey-300) 0%, var(--grey-100) 100%); color:var(--grey-900);\">\n            Monatliche Rate berechnen          <\/button>\n        <\/div>\n      <\/div>\n    <\/form>\n\n    <div class=\"result-card\">\n      <div class=\"result-label\">Monatliche Rate ab<\/div>\n      <div class=\"result-value\">\n        <span class=\"currency\">CHF<\/span>\n        <span class=\"amount\" id=\"kr_monthly\">320<\/span>\n        <span class=\"suffix\">.\u2013<\/span>\n      <\/div>\n\n      <p class=\"result-subtext\" id=\"kr_costline\">\n        Die Gesamtkosten f\u00fcr Ihren Kredit von CHF 20\u2019000.\u2013 reichen von CHF 3\u2019054.\u2013 bei einem Zinssatz von 4.90% bis CHF 6\u2019996.\u2013 bei einem Zinssatz von 10.95%.      <\/p>\n              <p class=\"result-note\">Kreditvergabe und Zinss\u00e4tze sind bonit\u00e4tsabh\u00e4ngig.<\/p>\n          <\/div>\n\n    <a class=\"cta-button\" id=\"kr_cta\"\n       href=\"https:\/\/www.bestfinance.ch\/kreditanfrage-schweiz\/?kr_amount=20000&#038;kr_duration=72\">\n       Unverbindlich anfragen \u2192    <\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ Konfiguration (aus DOM-Daten)\n  const root = document.querySelector('.loan-calculator');\n  if (!root) return;\n  \n  \nlet debounceTimer;\nfunction debounceUpdate() {\n  clearTimeout(debounceTimer);\n  debounceTimer = setTimeout(update, 100); \/\/ 100ms Verz\u00f6gerung\n}\n\n['input', 'change'].forEach(ev => {\n  $amount.addEventListener(ev, debounceUpdate);\n  $duration.addEventListener(ev, debounceUpdate);\n});\n\n\n  const APR_DEFAULT = parseFloat(root.dataset.aprDefault || '4.9');\n  const APR_MIN     = parseFloat(root.dataset.aprMin || '4.9');\n  const APR_MAX     = parseFloat(root.dataset.aprMax || '10.95');\n  const KOSTEN_TPL  = root.dataset.kostenTemplate || 'Die Gesamtkosten f\u00fcr Ihren Kredit von {AMOUNT} reichen von {TMIN} bei einem Zinssatz von {APR_MIN}% bis {TMAX} bei einem Zinssatz von {APR_MAX}%.';\n\n  const $amount   = document.getElementById('kr_amount');\n  const $duration = document.getElementById('kr_duration');\n\n  const $noteAmount   = document.getElementById('kr_amount_note');\n  const $noteDuration = document.getElementById('kr_duration_note');\n\n  const $monthly   = document.getElementById('kr_monthly');\n  const $costline  = document.getElementById('kr_costline');\n  const $cta       = document.getElementById('kr_cta');\n\n  const nf  = (v)=> new Intl.NumberFormat('de-CH',{maximumFractionDigits:0}).format(Math.round(v));\n  const CHF = (v)=> `CHF ${nf(v)}.\u2013`;\n  const round5c = (v)=> Math.round(v*20)\/20;\n  function monthly(p, m, apr){\n    const r = Math.pow(1 + apr\/100, 1\/12) - 1;\n    if (!p || !m || r<=0) return 0;\n    return round5c( p * r \/ (1 - Math.pow(1\/(1+r), m)) );\n  }\n  function totalCost(p, m, apr){ return Math.max(0, monthly(p,m,apr)*m - p); }\n  function stepify(val, step){ return Math.round(val\/step)*step; }\n\n  function renderCostline(p, m){\n    const tmin = totalCost(p, m, APR_MIN);\n    const tmax = totalCost(p, m, APR_MAX);\n    let txt = KOSTEN_TPL\n      .replace('{AMOUNT}', CHF(p))\n      .replace('{TMIN}',   CHF(tmin))\n      .replace('{TMAX}',   CHF(tmax))\n      .replace('{APR_MIN}', (APR_MIN).toFixed(2))\n      .replace('{APR_MAX}', (APR_MAX).toFixed(2));\n    return txt;\n  }\n\n  function update(){\n    const p = parseInt($amount.value||0,10);\n    const m = parseInt($duration.value||0,10);\n\n    if ($noteAmount)   $noteAmount.textContent = CHF(p);\n    if ($noteDuration) $noteDuration.textContent = `${m} Monate`;\n\n    const pay = monthly(p, m, APR_DEFAULT);\n    if ($monthly) $monthly.textContent = nf(pay);\n\n    if ($costline) $costline.textContent = renderCostline(p, m);\n\n    if ($cta) {\n      const qs = new URLSearchParams({kr_amount:String(p), kr_duration:String(m)}).toString();\n      try {\n        const url = new URL($cta.href);\n        url.search = qs;\n        $cta.href = url.toString();\n      } catch(e) {\n        $cta.href = $cta.href.split('?')[0] + '?' + qs;\n      }\n    }\n  }\n\n  ['input','change'].forEach(ev=>{\n    $amount.addEventListener(ev, update);\n    $duration.addEventListener(ev, update);\n  });\n  update();\n})();\n<\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-a09968f e-flex e-con-boxed e-con e-parent\" data-id=\"a09968f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec5def8 e-flex e-con-boxed e-con e-parent\" data-id=\"ec5def8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-200774","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/200774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/comments?post=200774"}],"version-history":[{"count":113,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/200774\/revisions"}],"predecessor-version":[{"id":201686,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/200774\/revisions\/201686"}],"wp:attachment":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/media?parent=200774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}