{"id":200368,"date":"2025-09-29T16:23:30","date_gmt":"2025-09-29T14:23:30","guid":{"rendered":"https:\/\/www.bestfinance.ch\/?page_id=200368"},"modified":"2026-04-01T11:48:09","modified_gmt":"2026-04-01T09:48:09","slug":"credit-calculator","status":"publish","type":"page","link":"https:\/\/www.bestfinance.ch\/en\/kredit-rechner\/","title":{"rendered":"kredit-rechner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"200368\" class=\"elementor elementor-200368\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09311ae e-con-full e-flex e-con e-parent\" data-id=\"09311ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3720149 elementor-widget elementor-widget-html\" data-id=\"3720149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"bf-rechner-header\" aria-label=\"Kreditrechner Schweiz\">\r\n\r\n  <style>\r\n    #bf-rechner-header {\r\n      --purple: #6c47ff;\r\n      --teal: #00b4b4;\r\n      --navy-dark: #0e0e2c;\r\n      --glass: rgba(255, 255, 255, 0.08);\r\n      --glass-border: rgba(255, 255, 255, 0.15);\r\n      \r\n      position: relative;\r\n      margin: 0;\r\n      \/* Padding-Top reduziert f\u00fcr Tablet-Kompatibilit\u00e4t *\/\r\n      padding: clamp(80px, 12vw, 160px) 20px clamp(60px, 8vw, 100px);\r\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", sans-serif;\r\n      color: #ffffff;\r\n      background: radial-gradient(circle at 80% 20%, rgba(108,71,255,0.25), transparent 35%),\r\n                  radial-gradient(circle at 20% 80%, rgba(0,180,180,0.15), transparent 35%),\r\n                  linear-gradient(135deg, var(--navy-dark) 0%, #1a1a3e 100%);\r\n      overflow: hidden;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    #bf-rechner-header * { box-sizing: border-box; }\r\n\r\n    \/* Dynamische Glow-Elemente *\/\r\n    .bfr-bg-glow {\r\n      position: absolute;\r\n      width: 40vw; height: 40vw;\r\n      background: var(--purple);\r\n      filter: blur(120px);\r\n      opacity: 0.2;\r\n      top: -10vw; right: -10vw;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bfr-wrap {\r\n      max-width: 1100px;\r\n      width: 100%;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Kicker-Abzeichen *\/\r\n    .bfr-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 8px 20px;\r\n      background: rgba(0, 180, 180, 0.12);\r\n      border: 1px solid rgba(0, 180, 180, 0.3);\r\n      border-radius: 100px;\r\n      color: var(--teal);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      margin-bottom: 25px;\r\n      animation: fadeInDown 0.6s ease-out;\r\n    }\r\n\r\n    .bfr-dot-pulse {\r\n      width: 8px; height: 8px;\r\n      background: var(--teal);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 10px var(--teal);\r\n      animation: pulse 2s infinite;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% { transform: scale(1); opacity: 1; }\r\n      50% { transform: scale(1.4); opacity: 0.5; }\r\n      100% { transform: scale(1); opacity: 1; }\r\n    }\r\n\r\n    h1 {\r\n      font-size: clamp(34px, 5vw, 64px);\r\n      font-weight: 900;\r\n      line-height: 1.05;\r\n      letter-spacing: -0.04em;\r\n      margin-bottom: 20px;\r\n      animation: fadeInUp 0.8s ease-out 0.2s both;\r\n    }\r\n\r\n    h1 em {\r\n      font-style: normal;\r\n      background: linear-gradient(90deg, #fff 30%, var(--teal) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .bfr-desc {\r\n      max-width: 750px;\r\n      margin: 0 auto 40px;\r\n      font-size: clamp(16px, 1.8vw, 20px);\r\n      color: rgba(255,255,255,0.85);\r\n      line-height: 1.6;\r\n      animation: fadeInUp 0.8s ease-out 0.4s both;\r\n    }\r\n\r\n    \/* Bento-Style Info Grid *\/\r\n    .bfr-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 15px;\r\n      margin-bottom: 45px;\r\n      animation: fadeInUp 0.8s ease-out 0.6s both;\r\n    }\r\n\r\n    .bfr-pill {\r\n      background: var(--glass);\r\n      border: 1px solid var(--glass-border);\r\n      padding: 15px;\r\n      border-radius: 16px;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .bfr-pill:hover {\r\n      background: rgba(255,255,255,0.15);\r\n      border-color: var(--teal);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Main CTA *\/\r\n    .bfr-cta-box {\r\n      margin-bottom: 40px;\r\n      animation: fadeInUp 0.8s ease-out 0.8s both;\r\n    }\r\n\r\n    .bfr-btn-main {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      padding: 22px 45px;\r\n      background: linear-gradient(135deg, var(--purple) 0%, #8b6bff 100%);\r\n      color: #fff;\r\n      text-decoration: none;\r\n      border-radius: 100px;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      box-shadow: 0 15px 35px rgba(108, 71, 255, 0.4);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .bfr-btn-main:hover {\r\n      transform: translateY(-3px) scale(1.02);\r\n      box-shadow: 0 20px 45px rgba(108, 71, 255, 0.5);\r\n    }\r\n\r\n    \/* Trust-Bar *\/\r\n    .bfr-trust-bar {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 30px;\r\n      flex-wrap: wrap;\r\n      opacity: 0.7;\r\n      animation: fadeIn 1s ease-out 1s both;\r\n    }\r\n\r\n    .bfr-trust-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .bfr-trust-item svg { color: var(--teal); }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeInUp {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes fadeInDown {\r\n      from { opacity: 0; transform: translateY(-20px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 0.7; } }\r\n\r\n    \/* TABLET OPTIMIERUNG (Menu Fix) *\/\r\n    @media (max-width: 1024px) {\r\n      #bf-rechner-header {\r\n        padding-top: 120px; \/* Gen\u00fcgend Platz f\u00fcr das Elementor Men\u00fc *\/\r\n      }\r\n      .bfr-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      #bf-rechner-header {\r\n        padding-top: 100px;\r\n        padding-bottom: 50px;\r\n      }\r\n      .bfr-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n      }\r\n      .bfr-trust-bar {\r\n        gap: 15px;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      h1 { font-size: 34px; }\r\n      .bfr-btn-main { width: 100%; justify-content: center; }\r\n    }\r\n   .bfr-title-strong {\r\n  color: #ffffff;\r\n  font-weight: 900;\r\n}\r\n\r\n.bfr-title-white {\r\n  color: #ffffff;\r\n  font-weight: 900; \/* optional \u2013 kannst du auch 800 oder 700 nehmen *\/\r\n}\r\n  <\/style>\r\n\r\n  <div class=\"bfr-bg-glow\"><\/div>\r\n\r\n  <div class=\"bfr-wrap\">\r\n    <div class=\"bfr-kicker\">\r\n      <span class=\"bfr-dot-pulse\"><\/span>\r\n      Schweizer Kreditvergleich &nbsp;\u00b7&nbsp; ZEK-Neutral\r\n    <\/div>\r\n\r\n    <h1>\r\n  <span class=\"bfr-title-strong\">Kreditrechner<\/span>\r\n  <span class=\"bfr-title-white\">Schweiz<\/span><br>\r\n  <em>Beste Raten im Vergleich<\/em>\r\n<\/h1>\r\n\r\n    <p class=\"bfr-desc\">\r\n      Berechnen Sie jetzt Ihre individuelle Monatsrate. In 2 Minuten \u2013 <strong>100% kostenlos<\/strong> und ohne Einfluss auf Ihren ZEK-Score.\r\n    <\/p>\r\n\r\n    <div class=\"bfr-grid\">\r\n      <div class=\"bfr-pill\">\u26a1 Entscheid in 24h<\/div>\r\n      <div class=\"bfr-pill\">\ud83d\udd12 100% Diskret<\/div>\r\n      <div class=\"bfr-pill\">\ud83d\udcc9 Zins ab 4.9%<\/div>\r\n      <div class=\"bfr-pill\">\ud83c\udfe6 Alle Banken<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bfr-cta-box\">\r\n      <a href=\"#calculator\" class=\"bfr-btn-main\">\r\n        <span>Kredit jetzt berechnen<\/span>\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"bfr-trust-bar\">\r\n      <div class=\"bfr-trust-item\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        \u00dcber 20 Jahre Erfahrung\r\n      <\/div>\r\n      <div class=\"bfr-trust-item\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        Unabh\u00e4ngige Beratung\r\n      <\/div>\r\n      <div class=\"bfr-trust-item\">\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        Express Entscheid\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-331048e6 elementor-widget elementor-widget-menu-anchor\" data-id=\"331048e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"calculator\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deb096a e-flex e-con-boxed e-con e-parent\" data-id=\"deb096a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3cfde6 elementor-widget elementor-widget-global elementor-global-203116 elementor-widget-html\" data-id=\"c3cfde6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>BF Kreditrechner \u2014 Hell<\/title>\n<style>\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BF Kreditrechner \u2014 Hell\n       Scopet auf .bf-wrap \u00b7 bf- Pr\u00e4fix \u00b7 WordPress-safe\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n    .bf-wrap {\n      --bf-violet:      #5c31a0;\n      --bf-violet-lt:   #7b4bbf;\n      --bf-violet-pale: #ede8f8;\n      --bf-violet-glow: rgba(92,49,160,.12);\n      --bf-teal:        #00bfaa;\n      --bf-teal-glow:   rgba(0,191,170,.15);\n\n      --bf-text:        #0d1535;\n      --bf-text-mid:    #4a5070;\n      --bf-text-dim:    #9098b8;\n\n      --bf-bg:          #f4f3fa;\n      --bf-card:        #ffffff;\n      --bf-input-bg:    #f7f6fc;\n      --bf-border:      rgba(92,49,160,.15);\n      --bf-border-md:   rgba(92,49,160,.25);\n\n      --bf-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n                 Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\n      font-family: var(--bf-font);\n      color: var(--bf-text);\n      isolation: isolate;\n    }\n\n    .bf-page {\n      min-height: 10vh;\n      background: transparent;\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;\n      padding: 44px 16px 64px;\n    }\n\n    .bf-container {\n      width: 100%;\n      max-width: 720px;\n    }\n\n    \/* \u2500\u2500 HEADLINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-headline {\n      text-align: center;\n      margin-bottom: 36px;\n    }\n\n    .bf-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: var(--bf-violet-lt);\n      margin-bottom: 16px;\n    }\n    .bf-kicker-dot {\n      width: 6px; height: 6px;\n      border-radius: 50%;\n      background: var(--bf-teal);\n      box-shadow: 0 0 6px var(--bf-teal);\n      animation: bf-pulse 2s ease infinite;\n    }\n    @keyframes bf-pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50%       { opacity: .4; transform: scale(.65); }\n    }\n\n    .bf-h1 {\n      font-size: clamp(36px, 7vw, 62px);\n      font-weight: 900;\n      line-height: 1.05;\n      letter-spacing: -.04em;\n      color: var(--bf-text) !important;\n      margin: 0 0 10px;\n    }\n    .bf-h1 em {\n      font-style: normal;\n      background: linear-gradient(90deg, var(--bf-violet) 0%, var(--bf-teal) 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n    .bf-subline {\n      font-size: clamp(14px, 2.5vw, 17px);\n      font-weight: 500;\n      color: var(--bf-text-mid);\n      margin: 0;\n    }\n\n    \/* \u2500\u2500 KARTE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-card {\n      background: var(--bf-card);\n      border: 1px solid var(--bf-border);\n      border-radius: 22px;\n      padding: 36px 32px 32px;\n      position: relative;\n      overflow: hidden;\n      box-shadow:\n        0 1px 0 rgba(255,255,255,.9) inset,\n        0 0 0 1px rgba(92,49,160,.05),\n        0 20px 60px rgba(60,30,110,.08),\n        0 4px 12px rgba(60,30,110,.05);\n    }\n\n    .bf-card::before {\n      content: '';\n      position: absolute; inset: 0;\n      background-image:\n        linear-gradient(rgba(92,49,160,.025) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(92,49,160,.025) 1px, transparent 1px);\n      background-size: 32px 32px;\n      pointer-events: none;\n    }\n    .bf-card::after {\n      content: '';\n      position: absolute;\n      top: -80px; right: -80px;\n      width: 260px; height: 260px;\n      background: radial-gradient(circle, rgba(92,49,160,.07) 0%, transparent 65%);\n      pointer-events: none;\n    }\n\n    \/* \u2500\u2500 2-SPALTEN INPUTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-inputs {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      margin-bottom: 28px;\n      position: relative;\n      z-index: 1;\n    }\n    @media (max-width: 500px) {\n      .bf-inputs { grid-template-columns: 1fr; gap: 14px; }\n      .bf-card   { padding: 26px 18px 24px; }\n      .bf-h1     { font-size: 34px; }\n      .bf-wrap .bf-input-box { padding: 10px 14px; margin-bottom: 10px; }\n      .bf-wrap .bf-num-input { font-size: 24px !important; }\n      .bf-input-suffix       { font-size: 10px; }\n    }\n\n    .bf-input-lbl {\n      display: block;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: var(--bf-text-dim);\n      margin-bottom: 8px;\n    }\n\n    .bf-wrap .bf-input-box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      background: var(--bf-input-bg) !important;\n      border: 1.5px solid var(--bf-border);\n      border-radius: 14px;\n      padding: 15px 18px;\n      margin-bottom: 14px;\n      transition: border-color .2s, box-shadow .2s;\n      box-shadow:\n        0 1px 0 rgba(255,255,255,.9) inset,\n        0 2px 8px rgba(60,30,110,.06);\n      cursor: text;\n    }\n    .bf-wrap .bf-input-box:focus-within {\n      border-color: var(--bf-violet-lt);\n      background: #fff !important;\n      box-shadow:\n        0 1px 0 rgba(255,255,255,.9) inset,\n        0 0 0 4px var(--bf-violet-glow),\n        0 4px 16px rgba(60,30,110,.1);\n    }\n\n    .bf-wrap .bf-num-input {\n      font-family: var(--bf-font);\n      font-size: 30px;\n      font-weight: 800;\n      color: var(--bf-text) !important;\n      border: none !important;\n      outline: none !important;\n      background: transparent !important;\n      text-align: center;\n      width: 100%;\n      -moz-appearance: textfield;\n      letter-spacing: -.5px;\n      box-shadow: none !important;\n    }\n    .bf-wrap .bf-num-input::-webkit-inner-spin-button,\n    .bf-wrap .bf-num-input::-webkit-outer-spin-button { -webkit-appearance: none; }\n\n    .bf-input-suffix {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--bf-text-dim);\n      white-space: nowrap;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-wrap input[type=range] {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 100%;\n      height: 6px;\n      border-radius: 6px;\n      outline: none;\n      cursor: pointer;\n      background: rgba(92,49,160,.1);\n      box-shadow: inset 0 1px 2px rgba(60,30,110,.12);\n      display: block;\n    }\n    .bf-wrap input[type=range]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      width: 24px; height: 24px;\n      border-radius: 50%;\n      cursor: pointer;\n      background: #ffffff;\n      border: 3px solid var(--bf-violet-lt);\n      box-shadow:\n        0 0 0 3px rgba(123,75,191,.18),\n        0 0 12px rgba(92,49,160,.3),\n        0 2px 6px rgba(60,30,110,.2);\n      transition: transform .15s cubic-bezier(.2,0,.2,1), box-shadow .15s, border-color .15s;\n    }\n    .bf-wrap input[type=range]::-webkit-slider-thumb:hover {\n      transform: scale(1.2);\n      border-color: var(--bf-teal);\n      box-shadow:\n        0 0 0 5px rgba(0,191,170,.18),\n        0 0 18px rgba(0,191,170,.35),\n        0 2px 8px rgba(60,30,110,.2);\n    }\n    .bf-wrap input[type=range]:active::-webkit-slider-thumb {\n      transform: scale(1.1);\n      border-color: var(--bf-teal);\n    }\n    .bf-wrap input[type=range]::-moz-range-thumb {\n      width: 22px; height: 22px;\n      border-radius: 50%;\n      background: #ffffff;\n      border: 3px solid var(--bf-violet-lt);\n      box-shadow: 0 0 0 3px rgba(123,75,191,.18), 0 0 12px rgba(92,49,160,.3);\n      cursor: pointer;\n    }\n    .bf-wrap input[type=range]::-moz-range-track {\n      height: 6px; border-radius: 6px;\n      background: rgba(92,49,160,.1);\n    }\n\n    .bf-ticks {\n      display: flex;\n      justify-content: space-between;\n      margin-top: 8px;\n      font-size: 10px;\n      color: var(--bf-text-dim);\n      letter-spacing: .3px;\n    }\n\n    \/* \u2500\u2500 RADIO-ZEILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-radio-row {\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      padding: 18px 0;\n      border-top: 1px solid rgba(92,49,160,.08);\n      border-bottom: 1px solid rgba(92,49,160,.08);\n      margin-bottom: 32px;\n      position: relative;\n      z-index: 1;\n    }\n    .bf-radio-lbl {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--bf-text-mid);\n      flex: 1;\n      min-width: 160px;\n    }\n    .bf-radio-opts { display: flex; gap: 24px; }\n    .bf-radio-opt {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--bf-text-mid);\n      transition: color .15s;\n    }\n    .bf-radio-opt:hover { color: var(--bf-violet); }\n    .bf-radio-opt input[type=radio] { display: none; }\n\n    .bf-rdot {\n      width: 20px; height: 20px;\n      border-radius: 50%;\n      border: 2px solid rgba(92,49,160,.25);\n      background: var(--bf-input-bg) !important;\n      display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0;\n      transition: border-color .2s, box-shadow .2s;\n    }\n    .bf-rdot::after {\n      content: '';\n      width: 8px; height: 8px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--bf-violet-lt), var(--bf-teal));\n      opacity: 0;\n      transform: scale(0);\n      transition: opacity .2s, transform .2s;\n    }\n    .bf-radio-opt input:checked ~ .bf-rdot {\n      border-color: var(--bf-violet);\n      box-shadow: 0 0 0 3px var(--bf-violet-glow);\n    }\n    .bf-radio-opt input:checked ~ .bf-rdot::after { opacity: 1; transform: scale(1); }\n    .bf-radio-opt input:checked ~ span { color: var(--bf-violet); }\n\n    \/* Versicherungs-Sub *\/\n    .bf-ins-sub {\n      display: none;\n      margin-top: 14px; margin-bottom: -14px;\n      padding: 14px;\n      background: var(--bf-violet-pale);\n      border: 1px solid rgba(92,49,160,.15);\n      border-radius: 12px;\n      animation: bf-fd .2s ease;\n    }\n    .bf-ins-sub.show { display: block; }\n    .bf-ins-ttl {\n      display: block; font-size: 10px; font-weight: 700;\n      color: var(--bf-text-dim); text-transform: uppercase;\n      letter-spacing: 1px; margin-bottom: 10px;\n    }\n    .bf-ins-opts { display: flex; gap: 8px; }\n    .bf-ins-opt { flex: 1; }\n    .bf-ins-opt input[type=radio] { display: none; }\n    .bf-ins-opt label {\n      display: block; text-align: center; padding: 10px 6px;\n      border-radius: 8px; border: 1.5px solid rgba(92,49,160,.15);\n      cursor: pointer; font-size: 13px; font-weight: 700;\n      color: var(--bf-text-mid); background: #fff;\n      transition: all .2s;\n    }\n    .bf-ins-opt label small { display: block; font-size: 11px; font-weight: 500; opacity: 1; margin-top: 3px; }\n    .bf-ins-opt label .bf-ins-cost { display: block; font-size: 10px; font-weight: 700; opacity: .85; margin-top: 2px; letter-spacing: .2px; }\n    .bf-ins-opt input:checked + label {\n      background: var(--bf-violet); border-color: var(--bf-violet);\n      color: #fff;\n      box-shadow: 0 4px 14px rgba(92,49,160,.3);\n    }\n\n    \/* \u2500\u2500 ERGEBNIS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-result {\n      text-align: center;\n      position: relative;\n      z-index: 1;\n      margin-bottom: 32px;\n    }\n    .bf-result-pre {\n      font-size: clamp(15px, 2.5vw, 18px);\n      font-weight: 700;\n      color: var(--bf-text-mid);\n      margin: 0 0 6px;\n    }\n    .bf-rate-wrap {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n    .bf-rate-num {\n      font-size: clamp(52px, 12vw, 80px);\n      font-weight: 900;\n      line-height: 1;\n      letter-spacing: -3px;\n      background: linear-gradient(120deg, var(--bf-violet) 0%, var(--bf-teal) 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      filter: drop-shadow(0 2px 12px rgba(92,49,160,.15));\n    }\n    .bf-rate-num.pop { animation: bf-pop .35s cubic-bezier(.4,0,.2,1); }\n    .bf-rate-unit {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--bf-text-dim);\n      padding-bottom: 8px;\n    }\n    .bf-rate-info {\n      font-size: 12px;\n      color: var(--bf-text-dim);\n      margin: 0 0 20px;\n    }\n    .bf-rate-info em {\n      font-style: normal;\n      color: var(--bf-violet);\n      font-weight: 700;\n    }\n    .bf-max-rate {\n      font-size: 12px;\n      color: var(--bf-text-dim);\n      margin: 0 0 20px;\n    }\n    .bf-max-rate span { font-weight: 600; color: #b0b8d8; }\n    .bf-summary {\n      font-size: 13px;\n      line-height: 1.7;\n      color: var(--bf-text-mid);\n      max-width: 500px;\n      margin: 0 auto 8px;\n    }\n    .bf-legal {\n      font-size: 11px;\n      color: var(--bf-text-dim);\n      margin: 0;\n    }\n\n    \/* \u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .bf-cta-wrap {\n      text-align: center;\n      position: relative;\n      z-index: 1;\n    }\n    .bf-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      padding: 18px 48px;\n      font-family: var(--bf-font);\n      font-size: 16px;\n      font-weight: 800;\n      color: #fff;\n      letter-spacing: .2px;\n      border: none;\n      border-radius: 50px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n      background: linear-gradient(135deg, #0c1428 0%, #131d3b 40%, #3a2070 100%);\n      box-shadow:\n        0 1px 0 rgba(255,255,255,.1) inset,\n        0 5px 0 rgba(6,10,28,.7),\n        0 10px 36px rgba(12,20,40,.25),\n        0 0 0 1px rgba(92,49,160,.2);\n      transition:\n        transform .12s cubic-bezier(.2,0,.2,1),\n        box-shadow .12s cubic-bezier(.2,0,.2,1),\n        background .2s ease;\n    }\n    .bf-cta::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; height: 50%;\n      background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, transparent 100%);\n      pointer-events: none;\n    }\n    .bf-cta::after {\n      content: '';\n      position: absolute; inset: -2px;\n      border-radius: 52px;\n      border: 1.5px solid transparent;\n      background: linear-gradient(135deg, rgba(0,191,170,.4), rgba(123,75,191,.4)) border-box;\n      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      -webkit-mask-composite: destination-out;\n      mask-composite: exclude;\n      opacity: 0;\n      transition: opacity .2s;\n    }\n    .bf-cta:hover::after { opacity: 1; }\n    .bf-cta:hover {\n      transform: translateY(-2px);\n      background: linear-gradient(135deg, #1a2a4a 0%, #243456 40%, #5a3a9a 100%);\n      box-shadow:\n        0 1px 0 rgba(255,255,255,.15) inset,\n        0 6px 0 rgba(6,10,28,.6),\n        0 16px 44px rgba(12,20,40,.3),\n        0 0 0 1px rgba(92,49,160,.3);\n    }\n    .bf-cta:active {\n      transform: translateY(4px);\n      background: linear-gradient(135deg, #0c1428 0%, #131d3b 40%, #3a2070 100%);\n      box-shadow:\n        0 1px 0 rgba(0,0,0,.2) inset,\n        0 1px 0 rgba(6,10,28,.7),\n        0 4px 12px rgba(12,20,40,.2);\n    }\n    .bf-cta-txt { position: relative; z-index: 1; }\n    .bf-cta-arrow {\n      position: relative; z-index: 1;\n      width: 28px; height: 28px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.12);\n      display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0;\n      transition: transform .2s, background .2s;\n    }\n    .bf-cta-arrow svg {\n      width: 13px; height: 13px;\n      fill: none; stroke: #fff;\n      stroke-width: 2.5;\n      stroke-linecap: round; stroke-linejoin: round;\n    }\n    .bf-cta:hover .bf-cta-arrow {\n      transform: translateX(5px);\n      background: rgba(0,191,170,.25);\n    }\n\n    \/* \u2500\u2500 ANIMATIONEN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @keyframes bf-fd {\n      from { opacity:0; transform:translateY(-5px); }\n      to   { opacity:1; transform:translateY(0); }\n    }\n    @keyframes bf-pop {\n      0%   { filter: drop-shadow(0 2px 12px rgba(92,49,160,.15)); }\n      50%  { filter: drop-shadow(0 4px 24px rgba(92,49,160,.35)) brightness(1.1); transform: scale(1.04); }\n      100% { filter: drop-shadow(0 2px 12px rgba(92,49,160,.15)); }\n    }\n    .bf-kicker  { animation: bf-in .6s ease .05s both; }\n    .bf-h1      { animation: bf-in .7s ease .15s both; }\n    .bf-subline { animation: bf-in .6s ease .25s both; }\n    .bf-card    { animation: bf-in .7s ease .35s both; }\n    @keyframes bf-in {\n      from { opacity:0; transform:translateY(18px); }\n      to   { opacity:1; transform:translateY(0); }\n    }\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"bf-wrap\">\n<div class=\"bf-page\">\n<div class=\"bf-container\">\n\n  <div class=\"bf-headline\">\n    <div class=\"bf-kicker\">\n      <span class=\"bf-kicker-dot\"><\/span>\n      Swiss Credit \u00b7 100 % Online\n    <\/div>\n    <h1 class=\"bf-h1\">Ihr Kredit.<\/h1>\n    <p class=\"bf-subline\">Unverbindlich &amp; kostenlos<\/p>\n  <\/div>\n\n  <div class=\"bf-card\">\n\n    <div class=\"bf-inputs\">\n\n      <div class=\"bf-input-grp\">\n        <span class=\"bf-input-lbl\">Kreditbetrag<\/span>\n        <div class=\"bf-input-box\">\n          <input type=\"text\" class=\"bf-num-input\" id=\"amtInput\"\n                 value=\"10'000\" inputmode=\"numeric\"\n                 aria-label=\"Kreditbetrag CHF\">\n          <span class=\"bf-input-suffix\">CHF<\/span>\n        <\/div>\n        <input type=\"range\" id=\"sAmt\" min=\"0\" max=\"119\" step=\"1\" value=\"5\">\n        <div class=\"bf-ticks\"><span>5'000<\/span><span>300'000<\/span><\/div>\n      <\/div>\n\n      <div class=\"bf-input-grp\">\n        <span class=\"bf-input-lbl\">Laufzeit<\/span>\n        <div class=\"bf-input-box\">\n          <input type=\"number\" class=\"bf-num-input\" id=\"durInput\"\n                 min=\"12\" max=\"120\" step=\"6\" value=\"36\"\n                 inputmode=\"numeric\" aria-label=\"Laufzeit Monate\">\n          <span class=\"bf-input-suffix\">Monate<\/span>\n        <\/div>\n        <input type=\"range\" id=\"sDur\" min=\"0\" max=\"13\" step=\"1\" value=\"4\">\n        <div class=\"bf-ticks\"><span>12 Mt.<\/span><span>120 Mt.<\/span><\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"bf-radio-row\">\n      <span class=\"bf-radio-lbl\">Raten-Versicherung<\/span>\n      <div class=\"bf-radio-opts\">\n        <label class=\"bf-radio-opt\">\n          <input type=\"radio\" name=\"bf-insurance\" value=\"no\" checked>\n          <div class=\"bf-rdot\"><\/div>\n          <span>Nein<\/span>\n        <\/label>\n        <label class=\"bf-radio-opt\">\n          <input type=\"radio\" name=\"bf-insurance\" value=\"yes\">\n          <div class=\"bf-rdot\"><\/div>\n          <span>Ja<\/span>\n        <\/label>\n      <\/div>\n\n      <div class=\"bf-ins-sub\" id=\"isSub\" style=\"width:100%\">\n        <span class=\"bf-ins-ttl\">Absicherungsh\u00f6he w\u00e4hlen<\/span>\n        <div class=\"bf-ins-opts\">\n          <div class=\"bf-ins-opt\">\n            <input type=\"radio\" id=\"bfI1\" name=\"bf-ins-amt\" value=\"1000\" checked>\n            <label for=\"bfI1\">CHF 1'000<small>\/ Monat Absicherung<\/small><span class=\"bf-ins-cost\">+ CHF 66.- \/ Mt.<\/span><\/label>\n          <\/div>\n          <div class=\"bf-ins-opt\">\n            <input type=\"radio\" id=\"bfI2\" name=\"bf-ins-amt\" value=\"1800\">\n            <label for=\"bfI2\">CHF 1'800<small>\/ Monat Absicherung<\/small><span class=\"bf-ins-cost\">+ CHF 99.- \/ Mt.<\/span><\/label>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bf-result\" aria-live=\"polite\">\n      <p class=\"bf-result-pre\">Ihre monatliche Rate ab<\/p>\n      <div class=\"bf-rate-wrap\">\n        <div class=\"bf-rate-num\" id=\"minRate\">\u2013<\/div>\n        <div class=\"bf-rate-unit\">CHF<\/div>\n      <\/div>\n      <p class=\"bf-rate-info\">\n        Effektivzinssatz ab <em id=\"minTag\">4,9 %<\/em>\n      <\/p>\n      <p class=\"bf-max-rate\">\n        Bei H\u00f6chstzinssatz <span id=\"maxTag\">9,95 %<\/span>: <span id=\"maxRate\">\u2013<\/span> CHF \/ Mt.\n      <\/p>\n      <p class=\"bf-summary\">\n        Gesamtzinskosten f\u00fcr CHF <span id=\"summaryAmt\">10'000<\/span>\n        \u00fcber <span id=\"summaryDur\">36<\/span> Monate:\n        CHF <span id=\"summaryCostMin\">\u2013<\/span> (<span id=\"summaryAprMin\">4,9 %<\/span>)\n        bis CHF <span id=\"summaryCostMax\">\u2013<\/span> (<span id=\"summaryAprMax\">9,95 %<\/span>).\n      <\/p>\n      <p class=\"bf-legal\">Kreditvergabe und Zinss\u00e4tze sind bonit\u00e4tsabh\u00e4ngig. <br>Hinweis laut Gesetz: Kreditvergabe ist verboten, falls sie zu \u00dcberschuldung f\u00fchrt (Art. 3 UWG)<\/p>\n    <\/div>\n\n    <div class=\"bf-cta-wrap\">\n      <button type=\"button\" class=\"bf-cta\" id=\"btnSubmit\">\n        <span class=\"bf-cta-txt\">Unverbindlich nachfragen<\/span>\n        <span class=\"bf-cta-arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 16 16\">\n            <line x1=\"2\" y1=\"8\" x2=\"13\" y2=\"8\"\/>\n            <polyline points=\"8 3 13 8 8 13\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n    <\/div>\n\n  <\/div><!-- \/bf-card -->\n<\/div>\n<\/div>\n<\/div>\n\n<!--\n  HINWEIS: bf-calc-shared.js muss VOR diesem Script geladen sein.\n  In WordPress via wp_enqueue_script('bf-calc-shared', ...) einbinden.\n  F\u00fcr Standalone-Tests: Script-Tag unten einkommentieren.\n-->\n<!-- <script src=\"bf-calc-shared.js\"><\/script> -->\n\n<script>\n\/* \u2500\u2500 BF Kreditrechner Hell \u2014 UI-Logik (ben\u00f6tigt BFCalc) \u2500\u2500 *\/\n(function () {\n  'use strict';\n\n  \/* Fallback: BFCalc direkt einbetten falls nicht extern geladen\n     (z.B. beim direkten \u00d6ffnen der HTML-Datei ohne Server) *\/\n  if (typeof window.BFCalc === 'undefined') {\n    console.warn('BFCalc nicht geladen \u2013 bitte bf-calc-shared.js einbinden.');\n    return;\n  }\n\n  const { AMOUNTS, DURATIONS, fmtI, fmt2, r5c, aprF, mRate, totInt,\n          closestAmtIdx, closestDurIdx, navigate } = BFCalc;\n\n  \/* Versicherungskosten (rechner-spezifisch) *\/\n  const INS_COST = { 1000: 66, 1800: 99 };\n\n  const s = { amtIdx: 5, durIdx: 4, insurance: false, insAmt: 1000, wArt: false };\n\n  \/* Track-F\u00e4rbung *\/\n  function setTrack(el, pct) {\n    el.style.background =\n      `linear-gradient(90deg,#9d6dd8 0%,#5c31a0 ${pct}%,rgba(92,49,160,.1) ${pct}%,rgba(92,49,160,.1) 100%)`;\n  }\n\n  function flash() {\n    const el = document.getElementById('minRate');\n    el.classList.remove('pop');\n    void el.offsetWidth;\n    el.classList.add('pop');\n  }\n\n  function compute() {\n    const amount = AMOUNTS[s.amtIdx];\n    const dur    = DURATIONS[s.durIdx];\n    const minAPR = 4.9, maxAPR = 9.95;\n    let mn = mRate(amount, dur, minAPR);\n    let mx = mRate(amount, dur, maxAPR);\n    document.getElementById('minTag').textContent = `${aprF(minAPR)} %`;\n    document.getElementById('maxTag').textContent = `${aprF(maxAPR)} %`;\n    if (s.insurance) { const ins = INS_COST[s.insAmt]; mn = r5c(mn + ins); mx = r5c(mx + ins); }\n    document.getElementById('minRate').textContent        = fmt2(mn);\n    document.getElementById('maxRate').textContent        = fmt2(mx);\n    flash();\n    const cMin = totInt(amount, dur, minAPR);\n    const cMax = totInt(amount, dur, maxAPR);\n    document.getElementById('summaryAmt').textContent     = fmtI(amount);\n    document.getElementById('summaryDur').textContent     = dur;\n    document.getElementById('summaryCostMin').textContent = fmtI(cMin);\n    document.getElementById('summaryAprMin').textContent  = aprF(minAPR) + ' %';\n    document.getElementById('summaryCostMax').textContent = fmtI(cMax);\n    document.getElementById('summaryAprMax').textContent  = aprF(maxAPR) + ' %';\n  }\n\n  const elSAmt = document.getElementById('sAmt');\n  const elSDur = document.getElementById('sDur');\n  const elAmt  = document.getElementById('amtInput');\n  const elDur  = document.getElementById('durInput');\n\n  function syncAmt(idx) {\n    idx = Math.min(AMOUNTS.length - 1, Math.max(0, idx));\n    s.amtIdx = idx; elSAmt.value = idx; elAmt.value = fmtI(AMOUNTS[idx]);\n    setTrack(elSAmt, (idx \/ (AMOUNTS.length - 1)) * 100);\n    compute();\n  }\n  function syncDur(idx) {\n    idx = Math.min(DURATIONS.length - 1, Math.max(0, idx));\n    s.durIdx = idx; elSDur.value = idx; elDur.value = DURATIONS[idx];\n    setTrack(elSDur, (idx \/ (DURATIONS.length - 1)) * 100);\n    compute();\n  }\n  function parseAmt(str) {\n    return parseInt(String(str).replace(\/['\\s]\/g, ''), 10) || AMOUNTS[0];\n  }\n\n  elSAmt.addEventListener('input', function () { syncAmt(parseInt(this.value, 10)); });\n  elSDur.addEventListener('input', function () { syncDur(parseInt(this.value, 10)); });\n\n  elAmt.addEventListener('focus', function () { this.value = AMOUNTS[s.amtIdx]; this.select(); });\n  elAmt.addEventListener('blur',  function () { syncAmt(closestAmtIdx(parseAmt(this.value))); });\n  elAmt.addEventListener('keydown', function (e) {\n    if (e.key === 'Enter') { e.preventDefault(); syncAmt(closestAmtIdx(parseAmt(this.value))); this.blur(); }\n  });\n\n  elDur.addEventListener('change', function () { syncDur(closestDurIdx(parseInt(this.value, 10) || 12)); });\n  elDur.addEventListener('blur',   function () { syncDur(closestDurIdx(parseInt(this.value, 10) || 12)); });\n\n  document.querySelectorAll('input[name=\"bf-insurance\"]').forEach(r => {\n    r.addEventListener('change', function () {\n      s.insurance = this.value === 'yes';\n      document.getElementById('isSub').classList.toggle('show', s.insurance);\n      compute();\n    });\n  });\n  document.querySelectorAll('input[name=\"bf-ins-amt\"]').forEach(r => {\n    r.addEventListener('change', function () { s.insAmt = parseInt(this.value, 10); compute(); });\n  });\n  document.querySelectorAll('input[name=\"bf-wart\"]').forEach(r => {\n    r.addEventListener('change', function () { s.wArt = this.value === 'yes'; });\n  });\n\n  document.getElementById('btnSubmit').addEventListener('click', function () {\n    const wArtEl  = document.querySelector('input[name=\"bf-wart\"]:checked');\n    const wArtVal = wArtEl && wArtEl.value === 'yes' ? 'Eigent\u00fcmer' : 'Mieter';\n    navigate(AMOUNTS[s.amtIdx], DURATIONS[s.durIdx], {\n      versicherung: s.insurance ? 'Ja' : 'Nein',\n      w_art: wArtVal\n    });\n  });\n\n  \/* Init *\/\n  syncAmt(5);  \/\/ CHF 10'000\n  syncDur(4);  \/\/ 36 Monate\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e587ff9 e-flex e-con-boxed e-con e-parent\" data-id=\"e587ff9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d02278 elementor-widget elementor-widget-html\" data-id=\"9d02278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-lp\">\r\n  <style>\r\n    .bf-lp,\r\n    .bf-lp * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bf-lp {\r\n      --bf-blue: #0f3d75;\r\n      --bf-blue-dark: #0a2b52;\r\n      --bf-blue-soft: #eef4fb;\r\n      --bf-gold: #caa75d;\r\n      --bf-gold-dark: #b89349;\r\n      --bf-text: #1f2937;\r\n      --bf-text-soft: #5b6472;\r\n      --bf-white: #ffffff;\r\n      --bf-border: rgba(15, 61, 117, 0.10);\r\n      --bf-shadow: 0 12px 34px rgba(15, 61, 117, 0.10);\r\n      --bf-radius: 22px;\r\n      --bf-max: 1180px;\r\n\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--bf-text);\r\n      line-height: 1.6;\r\n      background: #ffffff;\r\n    }\r\n    \r\n    .bf-stats-bar,\r\n.bf-stats-bar * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bf-stats-bar {\r\n  width: 100%;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  background: #f3f3f3;\r\n  border: 1px solid rgba(0, 0, 0, 0.08);\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.bf-stat-item {\r\n  padding: 8px 18px 6px;\r\n  text-align: center;\r\n  min-height: 82px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.bf-stat-item:not(:last-child) {\r\n  border-right: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.bf-stat-number {\r\n  font-size: 46px;\r\n  line-height: 0.95;\r\n  font-weight: 800;\r\n  color: #3f73d9;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.bf-stat-text {\r\n  font-size: 15px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  color: #6d78a8;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .bf-stat-number {\r\n    font-size: 38px;\r\n  }\r\n\r\n  .bf-stat-text {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .bf-stats-bar {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .bf-stat-item {\r\n    min-height: 88px;\r\n    padding: 12px 12px 10px;\r\n  }\r\n\r\n  .bf-stat-item:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .bf-stat-item:nth-child(1),\r\n  .bf-stat-item:nth-child(2) {\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n  }\r\n\r\n  .bf-stat-number {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .bf-stat-text {\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n    .bf-wrap {\r\n      max-width: var(--bf-max);\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .bf-section {\r\n      padding: 64px 0;\r\n    }\r\n\r\n    .bf-section-light {\r\n      background: var(--bf-blue-soft);\r\n    }\r\n\r\n    .bf-grid-2 {\r\n      display: grid;\r\n      grid-template-columns: 1.08fr 0.92fr;\r\n      gap: 32px;\r\n      align-items: center;\r\n    }\r\n\r\n    .bf-grid-4 {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .bf-grid-3 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .bf-grid-5 {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .bf-title-xl {\r\n      font-size: 44px;\r\n      line-height: 1.12;\r\n      margin: 0 0 18px;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .bf-title-lg {\r\n      font-size: 34px;\r\n      line-height: 1.18;\r\n      margin: 0 0 16px;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .bf-title-md {\r\n      font-size: 22px;\r\n      line-height: 1.25;\r\n      margin: 0 0 10px;\r\n      font-weight: 700;\r\n      color: var(--bf-blue-dark);\r\n    }\r\n\r\n    .bf-text-lead {\r\n      font-size: 18px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0 0 22px;\r\n      max-width: 760px;\r\n    }\r\n\r\n    .bf-text {\r\n      font-size: 17px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0 0 14px;\r\n    }\r\n\r\n    .bf-eyebrow {\r\n      display: inline-block;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: rgba(15, 61, 117, 0.08);\r\n      color: var(--bf-blue-dark);\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.02em;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .bf-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin: 24px 0 28px;\r\n    }\r\n\r\n    .bf-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 11px 15px;\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      box-shadow: 0 4px 14px rgba(15, 61, 117, 0.05);\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: var(--bf-blue-dark);\r\n    }\r\n\r\n    .bf-badge:before {\r\n      content: \"\u2713\";\r\n      color: var(--bf-gold-dark);\r\n      font-weight: 800;\r\n    }\r\n\r\n    .bf-btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .bf-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 54px;\r\n      padding: 0 24px;\r\n      border-radius: 14px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n      transition: 0.2s ease;\r\n    }\r\n\r\n    .bf-btn-primary {\r\n      background: var(--bf-gold);\r\n      color: #fff;\r\n      box-shadow: 0 10px 24px rgba(202, 167, 93, 0.24);\r\n    }\r\n\r\n    .bf-btn-primary:hover {\r\n      background: var(--bf-gold-dark);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .bf-btn-secondary {\r\n      background: #fff;\r\n      color: var(--bf-blue-dark);\r\n      border: 1px solid var(--bf-border);\r\n    }\r\n\r\n    .bf-btn-secondary:hover {\r\n      background: #f8fafc;\r\n    }\r\n\r\n    .bf-card {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: var(--bf-radius);\r\n      box-shadow: var(--bf-shadow);\r\n      padding: 28px;\r\n    }\r\n\r\n    .bf-hero {\r\n      background:\r\n        radial-gradient(circle at top left, rgba(202,167,93,0.16), transparent 28%),\r\n        linear-gradient(135deg, #f6f9fd 0%, #eef4fb 52%, #ffffff 100%);\r\n      padding: 72px 0 58px;\r\n    }\r\n\r\n    .bf-hero-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bf-hero-card:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -30px;\r\n      right: -30px;\r\n      width: 120px;\r\n      height: 120px;\r\n      background: radial-gradient(circle, rgba(202,167,93,0.18), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bf-calc-box {\r\n      margin-top: 18px;\r\n      border: 2px dashed rgba(15, 61, 117, 0.18);\r\n      border-radius: 18px;\r\n      background: #f8fbff;\r\n      padding: 20px;\r\n      text-align: center;\r\n    }\r\n\r\n    .bf-calc-box strong {\r\n      display: block;\r\n      color: var(--bf-blue-dark);\r\n      font-size: 17px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .bf-calc-box span {\r\n      display: block;\r\n      color: var(--bf-text-soft);\r\n      font-size: 15px;\r\n    }\r\n\r\n    .bf-trust-item,\r\n    .bf-step,\r\n    .bf-usecase,\r\n    .bf-benefit {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 20px;\r\n      padding: 24px;\r\n      box-shadow: 0 6px 18px rgba(15, 61, 117, 0.05);\r\n      height: 100%;\r\n    }\r\n\r\n    .bf-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 14px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(15, 61, 117, 0.08);\r\n      color: var(--bf-blue-dark);\r\n      font-size: 22px;\r\n      margin-bottom: 16px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .bf-note {\r\n      margin-top: 22px;\r\n      background: rgba(15, 61, 117, 0.06);\r\n      border: 1px solid rgba(15, 61, 117, 0.10);\r\n      border-radius: 16px;\r\n      padding: 16px 18px;\r\n      font-size: 15px;\r\n      color: var(--bf-text-soft);\r\n    }\r\n\r\n    .bf-side-list {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .bf-side-list li {\r\n      padding: 14px 0;\r\n      border-bottom: 1px solid rgba(15, 61, 117, 0.08);\r\n      font-size: 16px;\r\n      color: var(--bf-text);\r\n    }\r\n\r\n    .bf-side-list li:last-child {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .bf-side-list strong {\r\n      color: var(--bf-blue-dark);\r\n    }\r\n\r\n    .bf-step-number {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 50%;\r\n      background: var(--bf-gold);\r\n      color: #fff;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 800;\r\n      font-size: 17px;\r\n      margin-bottom: 14px;\r\n      box-shadow: 0 8px 18px rgba(202, 167, 93, 0.22);\r\n    }\r\n\r\n    .bf-usecases-list {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .bf-usecase {\r\n      display: flex;\r\n      gap: 14px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .bf-usecase-mark {\r\n      min-width: 36px;\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 12px;\r\n      background: rgba(202,167,93,0.16);\r\n      color: var(--bf-gold-dark);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 800;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .bf-faq {\r\n      max-width: 980px;\r\n      margin: 28px auto 0;\r\n    }\r\n\r\n    .bf-faq details {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 18px;\r\n      padding: 0 20px;\r\n      margin-bottom: 14px;\r\n      box-shadow: 0 6px 18px rgba(15, 61, 117, 0.04);\r\n    }\r\n\r\n    .bf-faq summary {\r\n      list-style: none;\r\n      cursor: pointer;\r\n      padding: 20px 0;\r\n      font-weight: 700;\r\n      color: var(--bf-blue-dark);\r\n      position: relative;\r\n      padding-right: 28px;\r\n    }\r\n\r\n    .bf-faq summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .bf-faq summary:after {\r\n      content: \"+\";\r\n      position: absolute;\r\n      right: 0;\r\n      top: 18px;\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      color: var(--bf-gold-dark);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .bf-faq details[open] summary:after {\r\n      content: \"\u2013\";\r\n    }\r\n\r\n    .bf-faq p {\r\n      margin: 0 0 20px;\r\n      color: var(--bf-text-soft);\r\n      font-size: 16px;\r\n    }\r\n\r\n    .bf-review {\r\n      text-align: center;\r\n    }\r\n\r\n    .bf-stars {\r\n      font-size: 28px;\r\n      color: var(--bf-gold-dark);\r\n      letter-spacing: 4px;\r\n      margin: 10px 0 14px;\r\n    }\r\n\r\n    .bf-cta-box {\r\n      text-align: center;\r\n      background:\r\n        linear-gradient(135deg, rgba(15,61,117,0.96), rgba(10,43,82,0.98));\r\n      color: #fff;\r\n      border-radius: 28px;\r\n      padding: 44px 28px;\r\n      box-shadow: 0 18px 36px rgba(10,43,82,0.22);\r\n    }\r\n\r\n    .bf-cta-box .bf-title-lg,\r\n    .bf-cta-box .bf-text-lead {\r\n      color: #fff;\r\n    }\r\n\r\n    .bf-cta-box .bf-text-lead {\r\n      opacity: 0.92;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .bf-grid-5 {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .bf-grid-4,\r\n      .bf-grid-3,\r\n      .bf-usecases-list {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .bf-grid-2 {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bf-section {\r\n        padding: 42px 0;\r\n      }\r\n\r\n      .bf-hero {\r\n        padding: 48px 0 38px;\r\n      }\r\n\r\n      .bf-wrap {\r\n        padding: 0 16px;\r\n      }\r\n\r\n      .bf-title-xl {\r\n        font-size: 32px;\r\n      }\r\n\r\n      .bf-title-lg {\r\n        font-size: 27px;\r\n      }\r\n\r\n      .bf-title-md {\r\n        font-size: 20px;\r\n      }\r\n\r\n      .bf-text-lead,\r\n      .bf-text {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .bf-grid-4,\r\n      .bf-grid-3,\r\n      .bf-grid-5,\r\n      .bf-usecases-list {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bf-card,\r\n      .bf-trust-item,\r\n      .bf-step,\r\n      .bf-usecase,\r\n      .bf-benefit {\r\n        padding: 20px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .bf-btn-row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .bf-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .bf-badges {\r\n        margin: 20px 0 24px;\r\n      }\r\n\r\n      .bf-cta-box {\r\n        padding: 34px 20px;\r\n        border-radius: 22px;\r\n      }\r\n    }\r\n    \r\n    .bf-contact-bar {\r\n  display: flex;\r\n  gap: 14px;\r\n  justify-content: center;\r\n  margin-top: 30px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.bf-contact-item {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 20px;\r\n  border-radius: 14px;\r\n  background: #ffffff;\r\n  border: 1px solid rgba(0,0,0,0.08);\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  color: #0f3d75;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.bf-contact-item:hover {\r\n  background: #f5f8ff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.bf-whatsapp {\r\n  background: #25D366;\r\n  color: #fff;\r\n  border: none;\r\n}\r\n\r\n.bf-whatsapp:hover {\r\n  background: #1ebe5d;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .bf-contact-bar {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bf-contact-item {\r\n    width: 100%;\r\n    justify-content: center;\r\n    font-size: 15px;\r\n    padding: 14px;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n\r\n\r\n<div class=\"bf-stats-bar\">\r\n  <div class=\"bf-stat-item\">\r\n    <div class=\"bf-stat-number\">20+<\/div>\r\n    <div class=\"bf-stat-text\">\r\n      Jahre Erfahrung<br>in der Schweiz\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bf-stat-item\">\r\n    <div class=\"bf-stat-number\">4.9%<\/div>\r\n    <div class=\"bf-stat-text\">\r\n      Effektivzins ab<br>(bonit\u00e4tsabh\u00e4ngig)\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bf-stat-item\">\r\n    <div class=\"bf-stat-number\">300k<\/div>\r\n    <div class=\"bf-stat-text\">\r\n      CHF maximaler<br>Kreditbetrag\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bf-stat-item\">\r\n    <div class=\"bf-stat-number\">2 Min.<\/div>\r\n    <div class=\"bf-stat-text\">\r\n      Kreditrate<br>online berechnen\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n  <!-- TRUST BAR -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-grid-4\">\r\n        <div class=\"bf-trust-item\">\r\n          <div class=\"bf-icon\">01<\/div>\r\n          <h3 class=\"bf-title-md\">Seit 2004<\/h3>\r\n          <p class=\"bf-text\">Langj\u00e4hrige Erfahrung im Schweizer Kreditmarkt und pers\u00f6nliche Begleitung.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-trust-item\">\r\n          <div class=\"bf-icon\">02<\/div>\r\n          <h3 class=\"bf-title-md\">Kostenlos<\/h3>\r\n          <p class=\"bf-text\">Berechnung und Anfrage sind f\u00fcr Sie kostenlos und unverbindlich.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-trust-item\">\r\n          <div class=\"bf-icon\">03<\/div>\r\n          <h3 class=\"bf-title-md\">Pers\u00f6nlich<\/h3>\r\n          <p class=\"bf-text\">Individuelle Pr\u00fcfung statt anonymer Standardabwicklung.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-trust-item\">\r\n          <div class=\"bf-icon\">04<\/div>\r\n          <h3 class=\"bf-title-md\">Seri\u00f6s<\/h3>\r\n          <p class=\"bf-text\">Verl\u00e4ssliche Abwicklung nach Schweizer Vorgaben und Standards.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- INFO -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">Monatliche Kreditrate einfach berechnen<\/h2>\r\n      <p class=\"bf-text-lead\">\r\n        W\u00e4hlen Sie Ihren gew\u00fcnschten Kreditbetrag und die passende Laufzeit. Unser Kreditrechner zeigt Ihnen sofort eine erste monatliche Rate als Orientierung.\r\n      <\/p>\r\n      <p class=\"bf-text\">\r\n        So erhalten Sie schnell ein Gef\u00fchl daf\u00fcr, welche Finanzierung zu Ihrem Budget passt \u2013 einfach, transparent und ohne Verpflichtung.\r\n      <\/p>\r\n\r\n      <div class=\"bf-note\">\r\n        Die Berechnung ist unverbindlich. Die endg\u00fcltigen Konditionen h\u00e4ngen von Ihrer Bonit\u00e4t ab.\r\n        Kreditvergabe nur, sofern sie nicht zur \u00dcberschuldung f\u00fchrt.\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SEO + INFO -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-grid-2\">\r\n        <div>\r\n          <h2 class=\"bf-title-lg\">Privatkredit in der Schweiz online berechnen<\/h2>\r\n          <p class=\"bf-text\">\r\n            Ein Privatkredit in der Schweiz sollte gut geplant sein. Mit unserem Kreditrechner k\u00f6nnen Sie schnell und einfach berechnen, welche monatliche Rate zu Ihrem gew\u00fcnschten Kreditbetrag passt.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Geben Sie den Betrag ein, w\u00e4hlen Sie die Laufzeit und vergleichen Sie verschiedene Varianten direkt online. So erhalten Sie eine klare \u00dcbersicht \u00fcber Ihre m\u00f6gliche Finanzierung.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Nach der Berechnung k\u00f6nnen Sie Ihre Anfrage direkt online einreichen. Unsere Experten pr\u00fcfen Ihre Angaben pers\u00f6nlich und begleiten Sie bis zur passenden Kreditl\u00f6sung.\r\n          <\/p>\r\n\r\n          <div class=\"bf-btn-row\">\r\n            <a href=\"#calculator\" class=\"bf-btn bf-btn-primary\">Jetzt Kredit berechnen<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"bf-card\">\r\n            <h3 class=\"bf-title-md\">Ihre \u00dcbersicht auf einen Blick<\/h3>\r\n            <ul class=\"bf-side-list\">\r\n              <li><strong>Kreditbetrag:<\/strong> CHF 5'000 bis CHF 300'000<\/li>\r\n              <li><strong>Laufzeit:<\/strong> 12 bis 120 Monate<\/li>\r\n              <li><strong>Online-Anfrage:<\/strong> einfach und schnell<\/li>\r\n              <li><strong>Betreuung:<\/strong> pers\u00f6nlich und diskret<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- STEPS -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">So funktioniert der Kreditrechner<\/h2>\r\n\r\n      <div class=\"bf-grid-5\">\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">1<\/div>\r\n          <h3 class=\"bf-title-md\">Kreditbetrag w\u00e4hlen<\/h3>\r\n          <p class=\"bf-text\">Bestimmen Sie, wie viel Geld Sie ben\u00f6tigen.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">2<\/div>\r\n          <h3 class=\"bf-title-md\">Laufzeit festlegen<\/h3>\r\n          <p class=\"bf-text\">W\u00e4hlen Sie eine Dauer, die zu Ihrem Budget passt.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">3<\/div>\r\n          <h3 class=\"bf-title-md\">Rate berechnen<\/h3>\r\n          <p class=\"bf-text\">Sehen Sie sofort eine erste monatliche Einsch\u00e4tzung.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">4<\/div>\r\n          <h3 class=\"bf-title-md\">Anfrage starten<\/h3>\r\n          <p class=\"bf-text\">Senden Sie Ihre Kreditanfrage direkt online.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">5<\/div>\r\n          <h3 class=\"bf-title-md\">Pers\u00f6nliche Pr\u00fcfung<\/h3>\r\n          <p class=\"bf-text\">Wir pr\u00fcfen Ihre Anfrage und begleiten Sie bis zur Offerte.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- BENEFITS -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-grid-2\">\r\n        <div>\r\n          <h2 class=\"bf-title-lg\">Ihre Vorteile mit unserem Kreditrechner<\/h2>\r\n          <p class=\"bf-text\">\r\n            Ein Kreditrechner hilft Ihnen, fundierte Entscheidungen zu treffen. Sie sehen sofort, wie sich Kreditbetrag und Laufzeit auf Ihre monatliche Rate auswirken.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Das spart Zeit und gibt Ihnen Sicherheit bei der Planung Ihrer Finanzierung. Besonders auf dem Smartphone profitieren Sie von einer schnellen und klaren \u00dcbersicht \u2013 ohne komplizierte Berechnungen.\r\n          <\/p>\r\n\r\n          <div class=\"bf-btn-row\">\r\n            <a href=\"#calculator\" class=\"bf-btn bf-btn-primary\">Jetzt Kredit berechnen<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-grid-2\" style=\"grid-template-columns: 1fr 1fr; gap:20px;\">\r\n          <div class=\"bf-benefit\">\r\n            <div class=\"bf-icon\">\u2713<\/div>\r\n            <h3 class=\"bf-title-md\">Schnelle Orientierung<\/h3>\r\n            <p class=\"bf-text\">Monatliche Rate direkt online einsch\u00e4tzen.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"bf-benefit\">\r\n            <div class=\"bf-icon\">\u2713<\/div>\r\n            <h3 class=\"bf-title-md\">Einfach auf Mobile<\/h3>\r\n            <p class=\"bf-text\">Klar, schnell und benutzerfreundlich auf dem Smartphone.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"bf-benefit\">\r\n            <div class=\"bf-icon\">\u2713<\/div>\r\n            <h3 class=\"bf-title-md\">Kostenlos &amp; unverbindlich<\/h3>\r\n            <p class=\"bf-text\">Ohne Geb\u00fchren und ohne Verpflichtung im ersten Schritt.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"bf-benefit\">\r\n            <div class=\"bf-icon\">\u2713<\/div>\r\n            <h3 class=\"bf-title-md\">Pers\u00f6nliche Begleitung<\/h3>\r\n            <p class=\"bf-text\">Digitale Einfachheit kombiniert mit echter Beratung.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- USE CASES -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">Wof\u00fcr wird ein Privatkredit genutzt?<\/h2>\r\n      <p class=\"bf-text-lead\">\r\n        Ein Privatkredit kann in vielen Lebenssituationen helfen, finanzielle Vorhaben besser planbar zu machen.\r\n      <\/p>\r\n\r\n      <div class=\"bf-usecases-list\">\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Auto oder Fahrzeug<\/h3>\r\n            <p class=\"bf-text\">Finanzierung eines Fahrzeugs oder einer gr\u00f6sseren Mobilit\u00e4tsl\u00f6sung.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Umschuldung<\/h3>\r\n            <p class=\"bf-text\">Bestehende Kredite oder Verpflichtungen neu ordnen.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Renovation &amp; Einrichtung<\/h3>\r\n            <p class=\"bf-text\">Wohnung, Haus oder neue Einrichtung finanzieren.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Weiterbildung<\/h3>\r\n            <p class=\"bf-text\">Berufliche Entwicklung und neue Perspektiven finanzieren.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Unerwartete Ausgaben<\/h3>\r\n            <p class=\"bf-text\">Flexible L\u00f6sung f\u00fcr unvorhergesehene finanzielle Situationen.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase\">\r\n          <div class=\"bf-usecase-mark\">+<\/div>\r\n          <div>\r\n            <h3 class=\"bf-title-md\">Mehr Spielraum<\/h3>\r\n            <p class=\"bf-text\">Mehr finanzielle Luft f\u00fcr wichtige pers\u00f6nliche Vorhaben.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\" style=\"text-align:center;\">H\u00e4ufige Fragen zum Kreditrechner<\/h2>\r\n      <p class=\"bf-text-lead\" style=\"text-align:center; max-width:780px; margin-left:auto; margin-right:auto;\">\r\n        Hier finden Sie kompakte Antworten auf h\u00e4ufige Fragen rund um den Kreditrechner in der Schweiz.\r\n      <\/p>\r\n\r\n      <div class=\"bf-faq\">\r\n        <details open>\r\n          <summary>Was zeigt mir der Kreditrechner?<\/summary>\r\n          <p>Der Kreditrechner zeigt Ihnen eine erste Orientierung Ihrer monatlichen Kreditrate basierend auf Betrag und Laufzeit.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Ist die Berechnung verbindlich?<\/summary>\r\n          <p>Nein. Die Berechnung ist kostenlos und unverbindlich. Die definitive Offerte h\u00e4ngt von der individuellen Pr\u00fcfung ab.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Beeinflusst die Berechnung meine Bonit\u00e4t?<\/summary>\r\n          <p>Die reine Berechnung dient als erste Orientierung und ist nicht mit einer verbindlichen Kreditpr\u00fcfung gleichzusetzen.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Welche Kreditbetr\u00e4ge sind m\u00f6glich?<\/summary>\r\n          <p>Je nach Situation sind in der Regel Kreditbetr\u00e4ge von CHF 5'000 bis CHF 300'000 m\u00f6glich.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Welche Laufzeiten sind m\u00f6glich?<\/summary>\r\n          <p>Je nach Kreditl\u00f6sung sind Laufzeiten zwischen 12 und 120 Monaten m\u00f6glich.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Wie hoch sind die Zinsen?<\/summary>\r\n          <p>Die Konditionen sind bonit\u00e4tsabh\u00e4ngig. Massgebend ist die individuelle Pr\u00fcfung Ihrer Anfrage.<\/p>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>Wann erfolgt die Auszahlung?<\/summary>\r\n          <p>Nach Vertragsabschluss und nach Ablauf der gesetzlichen Widerrufsfrist erfolgt die Auszahlung gem\u00e4ss vereinbarter Kreditl\u00f6sung.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- REVIEW -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-card bf-review\">\r\n        <div class=\"bf-eyebrow\">Vertrauen Sie auf Erfahrung<\/div>\r\n        <h2 class=\"bf-title-lg\">Pers\u00f6nlich, diskret und zuverl\u00e4ssig begleitet<\/h2>\r\n        <div class=\"bf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"bf-text-lead\" style=\"max-width:760px; margin-left:auto; margin-right:auto;\">\r\n          Viele Kundinnen und Kunden sch\u00e4tzen unsere pers\u00f6nliche Beratung, schnelle Reaktion und langj\u00e4hrige Erfahrung im Schweizer Kreditmarkt.\r\n        <\/p>\r\n        <p class=\"bf-text\" style=\"margin-bottom:0;\">\r\n          Transparent, verst\u00e4ndlich und mit Fokus auf eine passende Finanzierungsl\u00f6sung.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"bf-section\" id=\"anfrage\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-cta-box\">\r\n        <h2 class=\"bf-title-lg\">Jetzt Kredit berechnen und unverbindlich anfragen<\/h2>\r\n        <p class=\"bf-text-lead\">\r\n          Nutzen Sie den Kreditrechner, um Ihre monatliche Rate schnell zu berechnen. Wenn das Ergebnis passt, k\u00f6nnen Sie Ihre Anfrage direkt online starten.\r\n        <\/p>\r\n        <div class=\"bf-btn-row\" style=\"justify-content:center;\">\r\n          <a href=\"#calculator\" class=\"bf-btn bf-btn-primary\">Jetzt Kredit berechnen<\/a>\r\n          <a id=\"bf-call-btn\" class=\"bf-btn bf-btn-primary\" href=\"#\">\r\n  Pers\u00f6nliche Beratung anfragen\r\n<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bf-contact-bar\">\r\n \r\n\r\n  <a id=\"bf-whatsapp-link\" class=\"bf-contact-item bf-whatsapp\" href=\"#\" target=\"_blank\">\r\n    \ud83d\udcac <span id=\"bf-whatsapp-text\">WhatsApp<\/span>\r\n  <\/a>\r\n<\/div>\r\n  <\/section>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const path = window.location.pathname.toLowerCase();\r\n\r\n  let lang = \"de\";\r\n\r\n  if (path.includes(\"\/fr\")) lang = \"fr\";\r\n  else if (path.includes(\"\/it\")) lang = \"it\";\r\n  else if (path.includes(\"\/es\")) lang = \"es\";\r\n  else if (path.includes(\"\/en\")) lang = \"en\";\r\n  else if (path.includes(\"\/pt\")) lang = \"pt\";\r\n\r\n  let phone = \"\";\r\n  let whatsapp = \"\";\r\n  let whatsappText = \"\";\r\n\r\n  \/\/ DE \/ IT \/ ES \/ EN\r\n  if ([\"de\", \"it\", \"es\", \"en\"].includes(lang)) {\r\n    phone = \"tel:+41628230803\";\r\n    whatsapp = \"https:\/\/wa.me\/41794505545\";\r\n    whatsappText = \"WhatsApp Kontakt\";\r\n  }\r\n\r\n  \/\/ FR \/ PT\r\n  if ([\"fr\", \"pt\"].includes(lang)) {\r\n    phone = \"tel:+41216245545\";\r\n    whatsapp = \"https:\/\/wa.me\/41798167180\";\r\n    whatsappText = \"WhatsApp Lausanne\";\r\n  }\r\n\r\n  \/\/ SET BUTTON\r\n  const btn = document.getElementById(\"bf-call-btn\");\r\n  if (btn) btn.href = phone;\r\n\r\n  \/\/ SET CONTACT BAR\r\n  const phoneLink = document.getElementById(\"bf-phone-link\");\r\n  const whatsappLink = document.getElementById(\"bf-whatsapp-link\");\r\n  const whatsappTextEl = document.getElementById(\"bf-whatsapp-text\");\r\n\r\n  if (phoneLink) phoneLink.href = phone;\r\n  if (whatsappLink) whatsappLink.href = whatsapp;\r\n  if (whatsappTextEl) whatsappTextEl.innerText = whatsappText;\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-531a25c9 e-flex e-con-boxed e-con e-parent\" data-id=\"531a25c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453e8fa1 elementor-widget elementor-widget-menu-anchor\" data-id=\"453e8fa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"rechenbeispiel\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7026980 elementor-widget elementor-widget-html\" data-id=\"7026980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"bf-example-premium\">\r\n    <section class=\"bf-ex-container\">\r\n        <div class=\"bf-ex-inner\">\r\n            \r\n            <div class=\"bf-ex-top\">\r\n                <span class=\"bf-ex-badge\">Transparent & Fair<\/span>\r\n                <h2 class=\"bf-ex-title\">Repr\u00e4sentatives <span>Rechenbeispiel<\/span><\/h2>\r\n                <p class=\"bf-ex-intro\">Gem\u00e4ss Schweizer Konsumkreditgesetz (KKG) f\u00fcr volle Kostentransparenz.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"bf-ex-bento\">\r\n                \r\n                <div class=\"bf-ex-card bf-card-main\">\r\n                    <span class=\"bf-ex-label\">Kreditbetrag<\/span>\r\n                    <span class=\"bf-ex-val\">10'000 CHF<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bf-ex-card\">\r\n                    <span class=\"bf-ex-label\">Laufzeit<\/span>\r\n                    <span class=\"bf-ex-val\">12 Monate<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bf-ex-card\">\r\n                    <span class=\"bf-ex-label\">Effektiver Zins<\/span>\r\n                    <span class=\"bf-ex-val\">4.9% \u2013 10.95%<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bf-ex-card bf-card-highlight\">\r\n                    <span class=\"bf-ex-label\">Monatliche Rate<\/span>\r\n                    <span class=\"bf-ex-val\">CHF 855.\u2013 bis 881.\u2013<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bf-ex-card\">\r\n                    <span class=\"bf-ex-label\">Gesamtkosten<\/span>\r\n                    <span class=\"bf-ex-val\">CHF 261.\u2013 bis 574.\u2013<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bf-ex-card\">\r\n                    <span class=\"bf-ex-label\">Geb\u00fchren<\/span>\r\n                    <span class=\"bf-ex-val bf-teal\">0.00 CHF<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bf-ex-footer\">\r\n                <div class=\"bf-ex-info-row\">\r\n                    <strong>M\u00f6gliche Laufzeiten:<\/strong> 6 bis 120 Monate\r\n                <\/div>\r\n                <div class=\"bf-ex-legal\">\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01\"><\/path><\/svg>\r\n                    Kreditvergabe verboten, falls sie zur \u00dcberschuldung f\u00fchrt (Art. 3 UWG).\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n#bf-example-premium {\r\n    --p: #6c47ff;\r\n    --t: #00b4b4;\r\n    --navy: #0f172a;\r\n    --slate: #64748b;\r\n    --bg-card: #ffffff;\r\n    --border: #e2e8f0;\r\n    --radius: 20px;\r\n    padding: 40px 15px;\r\n}\r\n\r\n.bf-ex-container {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    font-family: 'Inter', -apple-system, sans-serif;\r\n}\r\n\r\n.bf-ex-top { text-align: center; margin-bottom: 30px; }\r\n\r\n.bf-ex-badge {\r\n    background: rgba(108, 71, 255, 0.08);\r\n    color: var(--p);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.bf-ex-title {\r\n    font-size: 28px;\r\n    font-weight: 850;\r\n    color: var(--navy);\r\n    margin: 15px 0 10px;\r\n    letter-spacing: -0.03em;\r\n}\r\n\r\n.bf-ex-title span { color: var(--p); }\r\n\r\n.bf-ex-intro { color: var(--slate); font-size: 15px; }\r\n\r\n\/* Bento Grid System *\/\r\n.bf-ex-bento {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 12px;\r\n}\r\n\r\n.bf-ex-card {\r\n    background: var(--bg-card);\r\n    border: 1px solid var(--border);\r\n    border-radius: var(--radius);\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n\/* Desktop Spanning *\/\r\n.bf-card-main { grid-column: span 3; }\r\n.bf-card-highlight { grid-column: span 3; border-left: 4px solid var(--t); }\r\n.bf-ex-card:not(.bf-card-main):not(.bf-card-highlight) { grid-column: span 2; }\r\n\r\n.bf-ex-label {\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--slate);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.bf-ex-val {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: var(--navy);\r\n}\r\n\r\n.bf-teal { color: var(--t); }\r\n\r\n.bf-ex-footer {\r\n    margin-top: 25px;\r\n    text-align: center;\r\n}\r\n\r\n.bf-ex-info-row {\r\n    font-size: 14px;\r\n    color: var(--navy);\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.bf-ex-legal {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #fff1f2;\r\n    color: #e11d48;\r\n    padding: 10px 18px;\r\n    border-radius: 12px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* Mobile Optimierung *\/\r\n@media (max-width: 650px) {\r\n    .bf-ex-bento {\r\n        grid-template-columns: repeat(2, 1fr); \/* 2 Spalten auf Mobile *\/\r\n        gap: 10px;\r\n    }\r\n    .bf-card-main, .bf-card-highlight {\r\n        grid-column: span 2; \/* Volle Breite f\u00fcr wichtige Karten *\/\r\n    }\r\n    .bf-ex-card:not(.bf-card-main):not(.bf-card-highlight) {\r\n        grid-column: span 1; \/* Halbe Breite f\u00fcr den Rest *\/\r\n    }\r\n    .bf-ex-val {\r\n        font-size: 16px;\r\n    }\r\n    .bf-ex-title {\r\n        font-size: 24px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-115d68a e-flex e-con-boxed e-con e-parent\" data-id=\"115d68a\" 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-280c2450 e-flex e-con-boxed e-con e-parent\" data-id=\"280c2450\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-71307803 e-con-full e-flex e-con e-child\" data-id=\"71307803\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-438423cd elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"438423cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user-lock\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 256A128 128 0 1 0 96 128a128 128 0 0 0 128 128zm96 64a63.08 63.08 0 0 1 8.1-30.5c-4.8-.5-9.5-1.5-14.5-1.5h-16.7a174.08 174.08 0 0 1-145.8 0h-16.7A134.43 134.43 0 0 0 0 422.4V464a48 48 0 0 0 48 48h280.9a63.54 63.54 0 0 1-8.9-32zm288-32h-32v-80a80 80 0 0 0-160 0v80h-32a32 32 0 0 0-32 32v160a32 32 0 0 0 32 32h224a32 32 0 0 0 32-32V320a32 32 0 0 0-32-32zM496 432a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm32-144h-64v-80a32 32 0 0 1 64 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSicher\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t100% Secure\nSSL Encrypt\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-678a5102 e-con-full e-flex e-con e-child\" data-id=\"678a5102\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57908954 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"57908954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-certificate\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M458.622 255.92l45.985-45.005c13.708-12.977 7.316-36.039-10.664-40.339l-62.65-15.99 17.661-62.015c4.991-17.838-11.829-34.663-29.661-29.671l-61.994 17.667-15.984-62.671C337.085.197 313.765-6.276 300.99 7.228L256 53.57 211.011 7.229c-12.63-13.351-36.047-7.234-40.325 10.668l-15.984 62.671-61.995-17.667C74.87 57.907 58.056 74.738 63.046 92.572l17.661 62.015-62.65 15.99C.069 174.878-6.31 197.944 7.392 210.915l45.985 45.005-45.985 45.004c-13.708 12.977-7.316 36.039 10.664 40.339l62.65 15.99-17.661 62.015c-4.991 17.838 11.829 34.663 29.661 29.671l61.994-17.667 15.984 62.671c4.439 18.575 27.696 24.018 40.325 10.668L256 458.61l44.989 46.001c12.5 13.488 35.987 7.486 40.325-10.668l15.984-62.671 61.994 17.667c17.836 4.994 34.651-11.837 29.661-29.671l-17.661-62.015 62.65-15.99c17.987-4.302 24.366-27.367 10.664-40.339l-45.984-45.004z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tZertifiziert\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tseit 2004 amtlich\nbewilligte Agentur\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2751a4cf e-con-full e-flex e-con e-child\" data-id=\"2751a4cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e12c0a2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"3e12c0a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tKostenlos\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBearbeitungs-geb\u00fchren CHF 0.-\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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":"<p>Schweizer Kreditvergleich &nbsp;\u00b7&nbsp; ZEK-Neutral Kreditrechner Schweiz Beste Raten im Vergleich Berechnen Sie jetzt Ihre individuelle Monatsrate. In 2 Minuten \u2013 100% kostenlos und ohne Einfluss auf Ihren ZEK-Score. &#x26a1; Entscheid in 24h &#x1f512; 100% Diskret &#x1f4c9; Zins ab 4.9% &#x1f3e6; Alle Banken Kredit jetzt berechnen \u00dcber 20 Jahre Erfahrung Unabh\u00e4ngige Beratung Express Entscheid BF Kreditrechner [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"Kredit Schweiz online berechnen | Ihr Experte seit 2004","_seopress_titles_desc":"Kredit berechnen & online beantragen: Mit dem Kreditrechner sehen Sie Ihre Monatsrate sofort. Faire Konditionen & pers\u00f6nliche Beratung \u2013 seit 2004.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"https:\/\/www.bestfinance.ch\/online-kredit-bestfinance","_seopress_social_fb_title":"Kredit berechnen & beantragen | Ihr Schweizer Kreditexperte","_seopress_social_fb_desc":"Kredit berechnen & online beantragen: Mit dem Best-Finance Kreditrechner sehen Sie Ihre Monatsrate sofort. Faire Zinsen, schnelle Pr\u00fcfung und pers\u00f6nliche Beratung \u2013 Ihr Schweizer Kreditexperte seit 2004.","_seopress_social_fb_img":"https:\/\/www.bestfinance.ch\/wp-content\/uploads\/2025\/01\/paar-am-notebook-scaled.jpg","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"Kredit Schweiz online berechnen | Ihr Experte seit 2004\u201c","_seopress_social_twitter_desc":"Kredit Schweiz online berechnen und sofort Offerte erhalten. Faire Zinsen ab 4.9 %, schnelle Auszahlung & pers\u00f6nliche Beratung seit 2004.","_seopress_social_twitter_img":"https:\/\/www.bestfinance.ch\/wp-content\/uploads\/2025\/01\/paar-am-notebook-scaled.jpg","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"_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":"disabled","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-200368","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/pages\/200368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/comments?post=200368"}],"version-history":[{"count":130,"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/pages\/200368\/revisions"}],"predecessor-version":[{"id":203529,"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/pages\/200368\/revisions\/203529"}],"wp:attachment":[{"href":"https:\/\/www.bestfinance.ch\/en\/wp-json\/wp\/v2\/media?parent=200368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}