{"id":202441,"date":"2025-12-17T17:30:45","date_gmt":"2025-12-17T16:30:45","guid":{"rendered":"https:\/\/www.bestfinance.ch\/?page_id=202441"},"modified":"2026-01-13T09:24:16","modified_gmt":"2026-01-13T08:24:16","slug":"elementor-202441","status":"publish","type":"page","link":"https:\/\/www.bestfinance.ch\/it\/elementor-202441\/","title":{"rendered":"newsite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"202441\" class=\"elementor elementor-202441\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-959dc42 e-flex e-con-boxed e-con e-parent\" data-id=\"959dc42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69f7937 elementor-widget elementor-widget-html\" data-id=\"69f7937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"de-CH\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Ihr Schweizer Kredit<\/title>\r\n\r\n  <style>\r\n    :root{\r\n      \/* Fokus auf Lesbarkeit *\/\r\n      --text-main: #ffffff ;\r\n      --text-sub: rgba(255,255,255,.88);\r\n      --text-muted: rgba(255,255,255,.72);\r\n\r\n      --card-bg: rgba(255,255,255,.18);\r\n      --card-border: rgba(255,255,255,.28);\r\n\r\n      --radius: 14px;\r\n      --maxw: 1120px;\r\n\r\n      \/* Sehr gut lesbare System-Schriften *\/\r\n      --font: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\r\n              Roboto, Inter, Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    *{ box-sizing:border-box; }\r\n\r\n    body{\r\n      margin:0;\r\n      font-family:var(--font);\r\n      background:transparent;\r\n      color:var(--text-main);\r\n    }\r\n\r\n    .hero{\r\n      padding: clamp(42px, 5vw, 80px) 18px;\r\n    }\r\n\r\n    .wrap{\r\n      max-width:var(--maxw);\r\n      margin:0 auto;\r\n      text-align:center;\r\n    }\r\n\r\n    \/* Kicker *\/\r\n    .kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:7px 14px;\r\n      border-radius:999px;\r\n      border:1px solid var(--card-border);\r\n      background:rgba(255,255,255,.14);\r\n      font-size:13px;\r\n      font-weight:700;\r\n      letter-spacing:.02em;\r\n      color:var(--text-sub);\r\n\r\n      opacity:0;\r\n      transform:translateY(10px);\r\n      animation:fadeUp .6s ease-out .1s forwards;\r\n    }\r\n\r\n    .dot{\r\n      width:7px;\r\n      height:7px;\r\n      border-radius:50%;\r\n      background:#fff;\r\n      opacity:.9;\r\n    }\r\n\r\n    \/* Headline *\/\r\n    h1{\r\n      margin:20px 0 0;\r\n      font-size:clamp(34px, 4.8vw, 60px);\r\n      font-weight:900;\r\n      letter-spacing:-.03em;\r\n      line-height:1.05;\r\n     color:#ffffff !important;\r\n\r\n      opacity:0;\r\n      transform:translateY(14px);\r\n      animation:fadeUp .8s ease-out .25s forwards;\r\n    }\r\n    \r\n \r\n\r\n    .tagline{\r\n      margin-top:12px;\r\n      font-size:clamp(16px, 1.7vw, 20px);\r\n      font-weight:500;\r\n      color:var(--text-muted);\r\n\r\n      opacity:0;\r\n      transform:translateY(10px);\r\n      animation:fadeUp .7s ease-out .45s forwards;\r\n    }\r\n\r\n    .desc{\r\n      margin:18px auto 0;\r\n      max-width:880px;\r\n      font-size:clamp(14px, 1.55vw, 17px);\r\n      line-height:1.65;\r\n      color:var(--text-sub);\r\n\r\n      opacity:0;\r\n      transform:translateY(10px);\r\n      animation:fadeUp .7s ease-out .6s forwards;\r\n    }\r\n\r\n    @keyframes fadeUp{\r\n      to{opacity:1; transform:translateY(0);}\r\n    }\r\n\r\n    \/* Benefits *\/\r\n    .grid{\r\n      margin:32px auto 0;\r\n      max-width:980px;\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:12px;\r\n    }\r\n    \r\n    .pill{\r\n  display:flex;                 \/* wichtig *\/\r\n  align-items:center;           \/* vertikal zentriert *\/\r\n  justify-content:center;       \/* horizontal zentriert *\/\r\n  text-align:center;\r\n\r\n  min-height:56px;              \/* gleiche H\u00f6he f\u00fcr alle *\/\r\n  padding:14px 12px;\r\n\r\n  border-radius:var(--radius);\r\n  border:1px solid var(--card-border);\r\n  background:var(--card-bg);\r\n\r\n  font-size:clamp(13px, 1.3vw, 15px);\r\n  font-weight:700;\r\n  line-height:1.35;             \/* sauberer Umbruch *\/\r\n  color:var(--text-main);\r\n\r\n  word-break:break-word;        \/* Umbruch erlauben *\/\r\n  hyphens:auto;\r\n\r\n  opacity:0;\r\n  transform:translateY(10px);\r\n  animation:fadeUp .6s ease-out forwards;\r\n}\r\n\r\n\r\n   \r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <section class=\"hero\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"kicker\">\r\n        <span class=\"dot\"><\/span>\r\n        100% online \u00b7 Schweizer Beratung\r\n      <\/div>\r\n\r\n      <h1>Ihr Schweizer Premium-Kredit<\/h1>\r\n\r\n      <div class=\"tagline\">\r\n        G\u00fcnstig, schnell und sicher\r\n      <\/div>\r\n\r\n      <p class=\"desc\">\r\n        Flexible Laufzeit von 6 bis 120 Monaten, transparente Konditionen\r\n        und eine Offerte in kurzer Zeit \u2013 auf Wunsch komplett online.\r\n      <\/p>\r\n\r\n      <div class=\"grid\">\r\n        <div class=\"pill\">Kredit bis zu 300'000 CHF<\/div>\r\n        <div class=\"pill\">Mehr als 10 Partnerbanken<\/div>\r\n        <div class=\"pill\">Top-Offerte ohne Verpflichtung<\/div>\r\n        <div class=\"pill\">Keine versteckten Geb\u00fchren<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/body>\r\n<\/html>\r\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-e2ebcf9 e-flex e-con-boxed e-con e-parent\" data-id=\"e2ebcf9\" 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-b0003a3 elementor-widget elementor-widget-html\" data-id=\"b0003a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================= BEST FINANCE KREDITRECHNER \u2013 SCHWEIZ V2 (CLEAN BLUE SKY) ======================= -->\n<!-- Kompatibel mit Elementor (HTML Widget) -->\n\n<style>\n\/* ===== FONTS ===== *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800;900&display=swap');\n\n.bf-calculator-wrapper{\n  \/* ===== CLEAN BLUE (Sky) Farbwelt ===== *\/\n  --bf-primary: #1D4ED8;          \/* Primary Blue *\/\n  --bf-primary-dark: #1E40AF;     \/* Deep Blue *\/\n  --bf-primary-light: #93C5FD;    \/* Light Sky Blue *\/\n  --bf-accent: #0EA5E9;           \/* Accent (Sky\/Cyan) *\/\n  --bf-accent-hover: #0284C7;     \/* Hover Accent *\/\n  --bf-navy: #0B1F3B;             \/* Text Dark Navy *\/\n  --bf-text: #0B1F3B;\n  --bf-muted: #5B6B7A;\n\n  --bf-bg-sky-1: #F6F9FF;         \/* Very light blue *\/\n  --bf-bg-sky-2: #EEF5FF;         \/* Light sky *\/\n  --bf-bg-card: rgba(255,255,255,0.92);\n  --bf-border: rgba(29,78,216,0.18);\n\n  --bf-shadow: 0 12px 28px rgba(11,31,59,0.12);\n  --bf-shadow-soft: 0 8px 18px rgba(11,31,59,0.10);\n\n  position: relative;\n  max-width: 1100px;\n  margin: 0 auto;\n  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  padding-top: 10px;\n  overflow: visible;\n}\n\n\/* ===== RESET & BASE ===== *\/\n.bf-calculator-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n\n\n\/* ===== MAIN CALCULATOR ===== *\/\n.bf-calculator{\n  background: linear-gradient(180deg, var(--bf-bg-sky-1) 0%, var(--bf-bg-sky-2) 100%);\n  border-radius: 18px;\n  overflow: visible;\n  position: relative;\n  box-shadow: var(--bf-shadow);\n  border: 1px solid rgba(29,78,216,0.10);\n}\n\n\/* ===== MAIN LAYOUT ===== *\/\n.bf-main{\n  display: grid;\n  grid-template-columns: 1fr 380px;\n  gap: 0;\n  min-height: 520px;\n  overflow: visible;\n}\n\n\/* ===== LEFT PANEL (INPUTS) ===== *\/\n.bf-inputs{\n  padding: 40px 35px;\n  background: transparent;\n  border-radius: 18px 0 0 0;\n  overflow: visible;\n}\n\n\/* ===== RIGHT PANEL (RESULT) ===== *\/\n.bf-result{\n  background: rgba(255,255,255,0.70);\n  border-left: 1px solid var(--bf-border);\n  padding: 35px 25px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0 18px 0 0;\n  overflow: visible;\n  backdrop-filter: blur(10px);\n}\n\n\/* ===== INPUT GROUP ===== *\/\n.bf-input-group{ margin-bottom: 28px; }\n\n.bf-label-row{\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n}\n\n.bf-label{\n  font-size: 17px;\n  font-weight: 900;\n  color: var(--bf-navy);\n  letter-spacing: 0.2px;\n}\n\n\/* ===== INLINE DROPDOWN ===== *\/\n.bf-dropdown-wrap.bf-dropdown-inline{ width: 220px; margin-bottom: 0; }\n\n.bf-dropdown-wrap.bf-dropdown-inline .bf-dropdown{\n  padding: 10px 45px 10px 85px;\n  font-size: 18px;\n  text-align: left;\n  text-align-last: left;\n  padding-right: 45px;\n  padding-left: 15px !important;\n}\n\n.bf-dropdown-wrap.bf-dropdown-inline::after{ right: 15px; }\n\n\/* ===== DROPDOWN + INPUT ===== *\/\n.bf-dropdown-wrap{ position: relative; }\n\n.bf-dropdown{\n  width: 100%;\n  padding: 14px 50px 14px 20px;\n  font-family: inherit;\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--bf-navy);\n  background: var(--bf-bg-card);\n  border: 2px solid rgba(29,78,216,0.18);\n  border-radius: 12px;\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n  transition: border-color 0.2s, box-shadow 0.2s, transform 0.12s;\n  box-shadow: var(--bf-shadow-soft);\n  backdrop-filter: blur(8px);\n}\n\n.bf-dropdown:hover,\n.bf-dropdown:focus{\n  border-color: rgba(29,78,216,0.45);\n  box-shadow: 0 0 0 3px rgba(29,78,216,0.14), var(--bf-shadow-soft);\n  outline: none;\n  transform: translateY(-1px);\n}\n\n.bf-dropdown-wrap::after{\n  content: '';\n  position: absolute;\n  right: 18px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 0; height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 8px solid var(--bf-navy);\n  pointer-events: none;\n  opacity: .9;\n}\n\n\/* ===== SLIDER ===== *\/\n.bf-slider-container{ position: relative; padding: 10px 0 2px 0; }\n\n.bf-slider{\n  width: 100%;\n  height: 10px;\n  border-radius: 999px;\n  background: linear-gradient(90deg, rgba(29,78,216,0.25) 0%, rgba(29,78,216,0.85) 100%);\n  appearance: none;\n  outline: none;\n  cursor: pointer;\n  box-shadow: inset 0 1px 3px rgba(11,31,59,0.18);\n}\n\n\/* WebKit Thumb *\/\n.bf-slider::-webkit-slider-thumb{\n  -webkit-appearance: none;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: #fff;\n  border: 4px solid var(--bf-primary);\n  box-shadow: 0 8px 18px rgba(29,78,216,0.30);\n  cursor: pointer;\n  transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.bf-slider::-webkit-slider-thumb:hover{\n  transform: scale(1.08);\n  box-shadow: 0 10px 22px rgba(29,78,216,0.38);\n}\n\n\/* Firefox Thumb *\/\n.bf-slider::-moz-range-thumb{\n  width: 28px; height: 28px;\n  border-radius: 50%;\n  background: #fff;\n  border: 4px solid var(--bf-primary);\n  box-shadow: 0 8px 18px rgba(29,78,216,0.30);\n  cursor: pointer;\n  transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.bf-slider::-moz-range-thumb:hover{ transform: scale(1.08); }\n\n.bf-slider-labels{\n  display: flex;\n  justify-content: space-between;\n  margin-top: 6px;\n  font-size: 12px;\n  color: var(--bf-muted);\n  font-weight: 700;\n}\n\n\/* ===== TOGGLE SECTION ===== *\/\n.bf-toggle-section{ margin-top: 10px; overflow: visible; }\n\n.bf-toggle-group{\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  gap: 15px;\n  overflow: visible;\n}\n\n.bf-toggle-label-wrap{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; }\n\n.bf-toggle-label{\n  font-size: 14px;\n  font-weight: 900;\n  color: var(--bf-navy);\n}\n\n.bf-toggle-right{ display: flex; align-items: center; gap: 12px; }\n\n.bf-toggle-buttons{\n  display: flex;\n  gap: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  border: 2px solid rgba(29,78,216,0.18);\n  flex-shrink: 0;\n  background: rgba(255,255,255,0.85);\n  box-shadow: var(--bf-shadow-soft);\n  backdrop-filter: blur(8px);\n}\n\n.bf-toggle-btn{\n  padding: 10px 32px;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 900;\n  border: none;\n  background: transparent;\n  color: var(--bf-muted);\n  cursor: pointer;\n  transition: all 0.18s;\n  min-width: 70px;\n}\n\n.bf-toggle-btn:first-child{ border-right: 1px solid rgba(29,78,216,0.14); }\n\n.bf-toggle-btn.active{\n  background: linear-gradient(135deg, var(--bf-primary-dark) 0%, var(--bf-primary) 100%);\n  color: #fff;\n}\n\n.bf-toggle-btn:hover:not(.active){\n  background: rgba(29,78,216,0.07);\n  color: var(--bf-navy);\n}\n\n\/* ===== ABSICHERUNG AUSWAHL ===== *\/\n.bf-insurance-selection{\n  margin-top: 12px;\n  padding: 16px;\n  background: var(--bf-bg-card);\n  border: 2px solid rgba(29,78,216,0.18);\n  border-radius: 14px;\n  display: none;\n  box-shadow: var(--bf-shadow-soft);\n  backdrop-filter: blur(10px);\n}\n\n.bf-insurance-selection.active{ display: block; animation: slideDown 0.3s ease; }\n\n@keyframes slideDown{\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.bf-insurance-title{\n  font-size: 13px;\n  font-weight: 900;\n  color: var(--bf-navy);\n  margin-bottom: 12px;\n}\n\n.bf-insurance-options{ display: flex; gap: 12px; }\n\n.bf-insurance-option{ flex: 1; position: relative; }\n\n.bf-insurance-option input[type=\"radio\"]{\n  position: absolute; opacity: 0; width: 0; height: 0;\n}\n\n.bf-insurance-option label{\n  display: block;\n  padding: 12px 16px;\n  background: rgba(255,255,255,0.9);\n  border: 2px solid rgba(29,78,216,0.18);\n  border-radius: 14px;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.18s;\n  font-weight: 900;\n  color: var(--bf-muted);\n  font-size: 14px;\n  box-shadow: 0 8px 16px rgba(11,31,59,0.08);\n}\n\n.bf-insurance-option input[type=\"radio\"]:checked + label{\n  background: linear-gradient(135deg, var(--bf-primary-dark) 0%, var(--bf-primary) 100%);\n  border-color: rgba(255,255,255,0.25);\n  color: #fff;\n}\n\n.bf-insurance-option label:hover{ border-color: rgba(29,78,216,0.45); }\n\n.bf-insurance-amount-label{ display: block; font-size: 18px; font-weight: 900; margin-bottom: 4px; }\n.bf-insurance-sublabel{ display: block; font-size: 11px; opacity: 0.85; }\n\n\/* ===== INFO ICON + TOOLTIP ===== *\/\n.bf-info-wrap{ position: relative; display: inline-flex; align-items: center; flex-shrink: 0; }\n\n.bf-info-icon{\n  width: 22px; height: 22px;\n  border-radius: 50%;\n  background: rgba(29,78,216,0.12);\n  color: var(--bf-primary-dark);\n  font-size: 13px;\n  font-weight: 900;\n  font-style: normal;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform 0.15s, background 0.15s, color 0.15s;\n  flex-shrink: 0;\n  border: 1px solid rgba(29,78,216,0.22);\n}\n\n.bf-info-icon:hover{\n  background: rgba(29,78,216,0.18);\n  transform: scale(1.08);\n  color: var(--bf-primary-dark);\n}\n\n.bf-tooltip{\n  position: absolute;\n  left: calc(100% + 12px);\n  top: 50%;\n  transform: translateY(-50%) scale(0.95);\n  background: rgba(11,31,59,0.92);\n  color: #fff;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.5;\n  padding: 14px 16px;\n  border-radius: 12px;\n  width: 300px;\n  box-shadow: 0 16px 40px rgba(11,31,59,0.30);\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.2s ease;\n  z-index: 1000;\n  pointer-events: none;\n  backdrop-filter: blur(10px);\n}\n\n.bf-tooltip::before{\n  content: '';\n  position: absolute;\n  left: -6px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-top: 7px solid transparent;\n  border-bottom: 7px solid transparent;\n  border-right: 7px solid rgba(11,31,59,0.92);\n}\n\n.bf-info-wrap:hover .bf-tooltip{\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(-50%) scale(1);\n  pointer-events: auto;\n}\n\n.bf-tooltip.tooltip-left{ left: auto; right: calc(100% + 12px); }\n.bf-tooltip.tooltip-left::before{\n  left: auto; right: -6px;\n  border-right: none;\n  border-left: 7px solid rgba(11,31,59,0.92);\n}\n\n\/* ===== RESULT CARD ===== *\/\n.bf-result-header{\n  background: linear-gradient(135deg, var(--bf-primary-dark) 0%, var(--bf-primary) 55%, var(--bf-accent) 120%);\n  border-radius: 16px;\n  padding: 20px 15px 18px 15px;\n  box-shadow: 0 16px 34px rgba(29,78,216,0.22);\n  margin: 0 -10px 0 -10px;\n  position: relative;\n  border: 1px solid rgba(255,255,255,0.22);\n}\n\n.bf-result-title{\n  font-size: 13px;\n  font-weight: 900;\n  color: #fff;\n  margin-bottom: 15px;\n  text-transform: uppercase;\n  letter-spacing: 0.6px;\n  text-align: left;\n  padding-right: 120px;\n}\n\n.bf-result-title span{\n  font-size: 12px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.85);\n}\n\n.bf-rate-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 0; }\n\n.bf-rate-col{ text-align: center; padding: 0 10px; }\n.bf-rate-col:first-child{ border-right: 1px solid rgba(255,255,255,0.22); }\n\n.bf-rate-label{\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.88);\n  margin-bottom: 4px;\n}\n\n.bf-rate-percent{\n  font-size: 13px;\n  font-weight: 900;\n  color: rgba(255,255,255,0.95);\n  margin-bottom: 8px;\n}\n\n.bf-rate-amount{\n  font-size: 32px;\n  font-weight: 900;\n  color: #fff;\n  line-height: 1;\n  margin-bottom: 12px;\n  text-shadow: 0 1px 2px rgba(0,0,0,0.14);\n}\n\n.bf-rate-insurance{\n  font-size: 11px;\n  color: rgba(255,255,255,0.86);\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.bf-rate-insurance-value{\n  display: block;\n  font-weight: 900;\n  color: #fff;\n  font-size: 14px;\n  margin: 4px 0;\n}\n\n.bf-insurance-details{\n  display: block;\n  margin-top: 6px;\n  font-size: 10px;\n  color: rgba(255,255,255,0.92);\n  line-height: 1.4;\n  font-weight: 700;\n}\n\n.bf-insurance-amount{\n  display: block;\n  font-weight: 900;\n  color: #fff;\n  font-size: 13px;\n  margin-top: 3px;\n}\n\n\/* ===== ZINS INFO INSIDE BOX ===== *\/\n.bf-zins-info-inside{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 18px;\n  padding-top: 15px;\n  border-top: 1px solid rgba(255,255,255,0.24);\n}\n\n.bf-zins-info-inside .bf-zins-text{\n  font-size: 13px;\n  font-weight: 800;\n  color: rgba(255,255,255,0.98);\n}\n\n.bf-zins-info-inside .bf-info-icon{\n  background: rgba(255,255,255,0.18);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.22);\n}\n\n.bf-zins-info-inside .bf-info-icon:hover{\n  background: rgba(255,255,255,0.26);\n}\n\n.bf-zins-info-inside .bf-tooltip{\n  left: auto;\n  right: 0;\n  top: calc(100% + 10px);\n  transform: scale(0.95);\n}\n\n.bf-zins-info-inside .bf-tooltip::before{\n  left: auto;\n  right: 20px;\n  top: -6px;\n  transform: none;\n  border-left: 7px solid transparent;\n  border-right: 7px solid transparent;\n  border-top: none;\n  border-bottom: 7px solid rgba(11,31,59,0.92);\n}\n\n.bf-zins-info-inside .bf-info-wrap:hover .bf-tooltip{ transform: scale(1); }\n\n\/* ===== CTA BUTTON ===== *\/\n.bf-cta{\n  width: 100%;\n  padding: 16px 30px;\n  font-family: inherit;\n  font-size: 17px;\n  font-weight: 900;\n  color: #fff;\n  background: linear-gradient(135deg, var(--bf-primary-dark) 0%, var(--bf-primary) 55%, var(--bf-accent) 120%);\n  border: none;\n  border-radius: 999px;\n  cursor: pointer;\n  transition: all 0.18s;\n  box-shadow: 0 14px 30px rgba(29,78,216,0.22);\n  margin-top: 25px;\n}\n\n.bf-cta:hover{\n  filter: brightness(1.03);\n  transform: translateY(-2px);\n  box-shadow: 0 18px 36px rgba(29,78,216,0.28);\n}\n\n.bf-cta:active{ transform: translateY(0); }\n\n\/* ===== DISCLAIMER ===== *\/\n.bf-disclaimer{\n  padding: 20px 35px;\n  background: rgba(255,255,255,0.88);\n  border-top: 1px solid rgba(29,78,216,0.12);\n  border-radius: 0 0 18px 18px;\n  font-size: 11px;\n  color: var(--bf-muted);\n  line-height: 1.6;\n  backdrop-filter: blur(10px);\n}\n\n.bf-disclaimer p{ margin-bottom: 8px; }\n.bf-disclaimer p:last-child{ margin-bottom: 0; }\n\n\/* ===== MOBILE RESPONSIVE ===== *\/\n@media (max-width: 900px){\n  .bf-calculator-wrapper{ padding-top: 0px; overflow: visible; }\n  .bf-calculator{ overflow: visible; }\n\n  .bf-main{ grid-template-columns: 1fr; overflow: visible; }\n\n  \n\n  .bf-result{\n    border-left: none;\n    border-top: 1px solid rgba(29,78,216,0.12);\n    order: -1;\n    border-radius: 0;\n    padding: 0px 15px 20px 15px;\n    position: relative;\n    overflow: visible;\n  }\n\n  .bf-result-header{\n    padding: 45px 12px 18px 12px;\n    margin: 0 -15px 0 -15px;\n    border-radius: 0;\n    overflow: visible;\n  }\n\n  .bf-result-title{ padding-right: 0; text-align: center; font-size: 14px; }\n\n  .bf-inputs{ padding: 15px 20px; border-radius: 0; overflow: visible; }\n\n  .bf-toggle-section,\n  .bf-toggle-group{ overflow: visible; }\n\n  .bf-dropdown-wrap.bf-dropdown-inline{ width: 180px; }\n  .bf-dropdown-wrap.bf-dropdown-inline .bf-dropdown{\n    padding: 8px 45px 8px 12px;\n    font-size: 15px;\n    text-align: left;\n    text-align-last: left;\n  }\n  .bf-dropdown-wrap.bf-dropdown-inline::after{ right: 12px; }\n\n  .bf-disclaimer{ padding: 15px 20px; font-size: 12px; }\n\n  .bf-toggle-group{ flex-wrap: wrap; }\n  .bf-rate-amount{ font-size: 28px; }\n  .bf-rate-col{ padding: 0 8px; }\n\n  \/* Mobile Tooltips *\/\n  .bf-tooltip,\n  .bf-zins-info-inside .bf-tooltip{\n    left: auto !important;\n    right: 0 !important;\n    top: calc(100% + 10px) !important;\n    bottom: auto !important;\n    transform: scale(0.95) !important;\n    width: 280px !important;\n    max-width: calc(100vw - 40px) !important;\n    z-index: 9999 !important;\n    position: absolute !important;\n  }\n\n  .bf-tooltip::before,\n  .bf-zins-info-inside .bf-tooltip::before{\n    left: auto !important;\n    right: 10px !important;\n    top: -6px !important;\n    bottom: auto !important;\n    transform: none !important;\n    border-left: 7px solid transparent !important;\n    border-right: 7px solid transparent !important;\n    border-top: none !important;\n    border-bottom: 7px solid rgba(11,31,59,0.92) !important;\n  }\n\n  .bf-info-wrap:hover .bf-tooltip,\n  .bf-zins-info-inside .bf-info-wrap:hover .bf-tooltip{\n    transform: scale(1) !important;\n  }\n\n  .bf-label{ font-size: 16px; }\n  .bf-toggle-label{ font-size: 14px; }\n  .bf-rate-label{ font-size: 12px; }\n  .bf-rate-percent{ font-size: 14px; }\n  .bf-rate-insurance{ font-size: 12px; }\n  .bf-insurance-details{ font-size: 10px; }\n  .bf-insurance-amount{ font-size: 12px; }\n\n  .bf-zins-info-inside{ flex-direction: row !important; gap: 8px; flex-wrap: nowrap; }\n  .bf-zins-info-inside .bf-zins-text{ font-size: 13px; white-space: nowrap; }\n\n  .bf-insurance-options{ flex-direction: column; }\n  .bf-insurance-amount-label{ font-size: 16px; }\n}\n\n@media (max-width: 600px){\n  .bf-toggle-group{\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .bf-toggle-right{\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .bf-toggle-buttons{ flex: 1; max-width: 200px; }\n  .bf-toggle-btn{\n    flex: 1;\n    text-align: center;\n    padding: 12px 20px;\n    font-size: 14px;\n  }\n\n  .bf-rate-amount{ font-size: 22px; }\n  .bf-rate-col{ padding: 0 5px; }\n  .bf-label{ font-size: 15px; }\n  .bf-toggle-label{ font-size: 13px; }\n  .bf-rate-label{ font-size: 11px; }\n  .bf-rate-percent{ font-size: 13px; }\n  .bf-rate-insurance{ font-size: 11px; }\n\n  .bf-dropdown-wrap.bf-dropdown-inline{ width: 160px; }\n  .bf-dropdown-wrap.bf-dropdown-inline .bf-dropdown{\n    padding: 8px 45px 8px 10px;\n    font-size: 16px;\n    text-align: left;\n    text-align-last: left;\n  }\n\n  .bf-cta{ font-size: 16px; padding: 14px 25px; }\n}\n<\/style>\n\n<div class=\"bf-calculator-wrapper\" id=\"bfCalculatorWrapper\">\n  <!-- Badge - AUSSERHALB des Hauptcontainers -->\n \n  <div class=\"bf-calculator\" id=\"bfCalculator\">\n    <div class=\"bf-main\">\n      <div class=\"bf-inputs\">\n\n        <div class=\"bf-input-group\">\n          <div class=\"bf-label-row\">\n            <label class=\"bf-label\" for=\"bfAmountDropdown\">Wunschkredit<\/label>\n            <div class=\"bf-dropdown-wrap bf-dropdown-inline\">\n              <select class=\"bf-dropdown notranslate\" id=\"bfAmountDropdown\" aria-label=\"Kreditbetrag ausw\u00e4hlen\" translate=\"no\" data-no-translation=\"\" data-trp-gettext=\"\"><\/select>\n            <\/div>\n          <\/div>\n          <div class=\"bf-slider-container\">\n            <input type=\"range\" class=\"bf-slider\" id=\"bfAmountSlider\" min=\"5000\" max=\"300000\" value=\"50000\" aria-label=\"Kreditbetrag Slider\">\n          <\/div>\n        <\/div>\n\n        <div class=\"bf-input-group\">\n          <div class=\"bf-label-row\">\n            <label class=\"bf-label\" for=\"bfDurationDropdown\">Laufzeit<\/label>\n            <div class=\"bf-dropdown-wrap bf-dropdown-inline\">\n              <select class=\"bf-dropdown\" id=\"bfDurationDropdown\" aria-label=\"Laufzeit ausw\u00e4hlen\"><\/select>\n            <\/div>\n          <\/div>\n          <div class=\"bf-slider-container\">\n            <input type=\"range\" class=\"bf-slider\" id=\"bfDurationSlider\" min=\"12\" max=\"120\" value=\"60\" aria-label=\"Laufzeit Slider\">\n          <\/div>\n        <\/div>\n\n        <div class=\"bf-toggle-section\">\n          <div class=\"bf-toggle-group\">\n            <div class=\"bf-toggle-label-wrap\">\n              <span class=\"bf-toggle-label\">Besitzen Sie ein Eigenheim?<\/span>\n            <\/div>\n            <div class=\"bf-toggle-right\">\n              <div class=\"bf-toggle-buttons\" id=\"bfEigenheimToggle\">\n                <button type=\"button\" class=\"bf-toggle-btn\" data-value=\"yes\">Ja<\/button>\n                <button type=\"button\" class=\"bf-toggle-btn active\" data-value=\"no\">Nein<\/button>\n              <\/div>\n              <span class=\"bf-info-wrap\">\n                <i class=\"bf-info-icon\" tabindex=\"0\" aria-label=\"Info Eigenheim\">i<\/i>\n                <span class=\"bf-tooltip\">Als Besitzer eines Eigenheims profitieren Sie von attraktiven Zinss\u00e4tzen zwischen 4.9 % und 8.9 %. Entsprechend niedriger sind die Raten. Und das Beste: F\u00fcr die Sch\u00e4tzung des Eigenheims oder zur Erh\u00f6hung eines Schuldbriefs fallen keine weiteren Kosten an. Voraussetzung: Sie sind seit mindestens sechs Monaten Allein- oder Miteigent\u00fcmer eines Eigenheims in der Schweiz (Grundbucheintrag).<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"bf-toggle-group\">\n            <div class=\"bf-toggle-label-wrap\">\n              <span class=\"bf-toggle-label\">M\u00f6chten Sie eine Kreditabsicherung?<\/span>\n            <\/div>\n            <div class=\"bf-toggle-right\">\n              <div class=\"bf-toggle-buttons\" id=\"bfAbsicherungToggle\">\n                <button type=\"button\" class=\"bf-toggle-btn\" data-value=\"yes\">Ja<\/button>\n                <button type=\"button\" class=\"bf-toggle-btn active\" data-value=\"no\">Nein<\/button>\n              <\/div>\n              <span class=\"bf-info-wrap\">\n                <i class=\"bf-info-icon\" tabindex=\"0\" aria-label=\"Info Kreditabsicherung\">i<\/i>\n                <span class=\"bf-tooltip\">Damit sichern Sie Ihre Ratenzahlung zus\u00e4tzlich im Falle von Erwerbsunf\u00e4higkeit sowie unverschuldeter Arbeitslosigkeit ab. Die Kreditabsicherung ist optional.<\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"bf-insurance-selection\" id=\"bfInsuranceSelection\">\n            <div class=\"bf-insurance-title\">W\u00e4hlen Sie Ihre Absicherungsh\u00f6he:<\/div>\n            <div class=\"bf-insurance-options\">\n              <div class=\"bf-insurance-option\">\n                <input type=\"radio\" id=\"insurance1000\" name=\"insuranceAmount\" value=\"1000\" checked>\n                <label for=\"insurance1000\">\n                  <span class=\"bf-insurance-amount-label\">CHF 1'000<\/span>\n                  <span class=\"bf-insurance-sublabel\">monatlich<\/span>\n                <\/label>\n              <\/div>\n              <div class=\"bf-insurance-option\">\n                <input type=\"radio\" id=\"insurance1800\" name=\"insuranceAmount\" value=\"1800\">\n                <label for=\"insurance1800\">\n                  <span class=\"bf-insurance-amount-label\">CHF 1'800<\/span>\n                  <span class=\"bf-insurance-sublabel\">monatlich<\/span>\n                <\/label>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <button type=\"button\" class=\"bf-cta\" id=\"bfSubmitBtn\">Offerte beantragen<\/button>\n      <\/div>\n\n      <div class=\"bf-result\">\n        <div class=\"bf-result-header\">\n          <div class=\"bf-result-title\">Ihre monatliche Rate <span>in CHF<\/span><\/div>\n\n          <div class=\"bf-rate-grid\">\n            <div class=\"bf-rate-col\">\n              <div class=\"bf-rate-label\">Effektiver Jahreszins<\/div>\n              <div class=\"bf-rate-percent\" id=\"bfMinPercent\">von 6.9 %<\/div>\n              <div class=\"bf-rate-amount\" id=\"bfMinRate\">0.00<\/div>\n              <div class=\"bf-rate-insurance\">\n                Kreditabsicherung\/Mt.<br>\n                <span class=\"bf-rate-insurance-value\" id=\"bfMinInsurance\">\u2013<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"bf-rate-col\">\n              <div class=\"bf-rate-label\">Effektiver Jahreszins<\/div>\n              <div class=\"bf-rate-percent\" id=\"bfMaxPercent\">bis 9.95 %<\/div>\n              <div class=\"bf-rate-amount\" id=\"bfMaxRate\">0.00<\/div>\n              <div class=\"bf-rate-insurance\">\n                Kreditabsicherung\/Mt.<br>\n                <span class=\"bf-rate-insurance-value\" id=\"bfMaxInsurance\">\u2013<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"bf-zins-info-inside\">\n            <span class=\"bf-zins-text\">Wie hoch ist mein Zins?<\/span>\n            <span class=\"bf-info-wrap\">\n              <i class=\"bf-info-icon\" tabindex=\"0\" aria-label=\"Info Zinssatz\">i<\/i>\n              <span class=\"bf-tooltip\">Ihren genauen Jahreszins und somit die Zinskosten k\u00f6nnen wir erst aufgrund Ihrer detaillierten Angaben im Kreditantrag ermitteln.<\/span>\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bf-disclaimer\">\n      <p>Alle Preis-Angaben in CHF. Ihre Gesamtzinskosten liegen zwischen <span id=\"bfCostMin\">CHF 0<\/span> (<span id=\"bfCostMinPercent\">6.9<\/span> % effektiv) und <span id=\"bfCostMax\">CHF 0<\/span> (<span id=\"bfCostMaxPercent\">9.95<\/span> % effektiv), je nach Bonit\u00e4t. Laufzeit: 12 bis 120 Monate.<\/p>\n      <p>Hinweis laut Gesetz: Kreditvergabe ist verboten, falls sie zu \u00dcberschuldung f\u00fchrt (Art. 3 UWG).<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n\n  const CONFIG = {\n    EIGENHEIM_MIN_APR: 4.9,\n    EIGENHEIM_MAX_APR: 8.9,\n    STANDARD_MIN_APR: 6.9,\n    STANDARD_MAX_APR: 9.95,\n\n    INSURANCE_COSTS: {\n      1000: { min: 66.00, max: 99.00 },\n      1800: { min: 119.00, max: 178.00 }\n    },\n\n    DEFAULT_AMOUNT: 20000,\n    DEFAULT_DURATION: 84,\n    DEFAULT_INSURANCE_AMOUNT: 1000,\n\n    MIN_AMOUNT: 5000,\n    MAX_AMOUNT: 300000,\n\n    DURATIONS: [12, 18, 24, 30, 36, 42, 48, 54, 60, 66, 72, 78, 84, 120]\n  };\n\n  const elements = {\n    amountDropdown: document.getElementById('bfAmountDropdown'),\n    amountSlider: document.getElementById('bfAmountSlider'),\n    durationDropdown: document.getElementById('bfDurationDropdown'),\n    durationSlider: document.getElementById('bfDurationSlider'),\n    eigenheimToggle: document.getElementById('bfEigenheimToggle'),\n    absicherungToggle: document.getElementById('bfAbsicherungToggle'),\n    insuranceSelection: document.getElementById('bfInsuranceSelection'),\n    insuranceRadios: document.getElementsByName('insuranceAmount'),\n    minPercent: document.getElementById('bfMinPercent'),\n    maxPercent: document.getElementById('bfMaxPercent'),\n    minRate: document.getElementById('bfMinRate'),\n    maxRate: document.getElementById('bfMaxRate'),\n    minInsurance: document.getElementById('bfMinInsurance'),\n    maxInsurance: document.getElementById('bfMaxInsurance'),\n    costMin: document.getElementById('bfCostMin'),\n    costMax: document.getElementById('bfCostMax'),\n    costMinPercent: document.getElementById('bfCostMinPercent'),\n    costMaxPercent: document.getElementById('bfCostMaxPercent'),\n    submitBtn: document.getElementById('bfSubmitBtn')\n  };\n\n  let state = {\n    amount: CONFIG.DEFAULT_AMOUNT,\n    duration: CONFIG.DEFAULT_DURATION,\n    isEigenheim: false,\n    hasInsurance: false,\n    insuranceAmount: CONFIG.DEFAULT_INSURANCE_AMOUNT\n  };\n\n  function formatCHF(num) {\n    const parts = num.toFixed(2).split('.');\n    parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \"'\");\n    return parts.join('.');\n  }\n\n  function formatCHFShort(num) {\n    return num.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \"'\");\n  }\n\n  function roundTo5Cents(value) {\n    return Math.round(value * 20) \/ 20;\n  }\n\n  function calculateMonthlyRate(principal, months, annualRate) {\n    const monthlyRate = Math.pow(1 + annualRate \/ 100, 1 \/ 12) - 1;\n    if (monthlyRate === 0) return principal \/ months;\n    return roundTo5Cents(principal * monthlyRate \/ (1 - Math.pow(1 \/ (1 + monthlyRate), months)));\n  }\n\n  function calculateTotalCost(principal, months, annualRate) {\n    const monthly = calculateMonthlyRate(principal, months, annualRate);\n    return Math.max(0, Math.round(monthly * months - principal));\n  }\n\n  function sliderToAmount(sliderValue) {\n    sliderValue = parseInt(sliderValue);\n    if (sliderValue <= 80000) return Math.round(sliderValue \/ 1000) * 1000;\n    return Math.round(sliderValue \/ 5000) * 5000;\n  }\n\n  function sliderToDuration(sliderValue) {\n    sliderValue = parseInt(sliderValue);\n    let closest = CONFIG.DURATIONS[0];\n    let minDiff = Math.abs(sliderValue - closest);\n\n    for (let d of CONFIG.DURATIONS) {\n      const diff = Math.abs(sliderValue - d);\n      if (diff < minDiff) {\n        minDiff = diff;\n        closest = d;\n      }\n    }\n    return closest;\n  }\n\n  function populateAmountDropdown() {\n    elements.amountDropdown.setAttribute('data-no-translation', '');\n    elements.amountDropdown.setAttribute('data-trp-gettext', '');\n\n    let optionsHTML = '';\n    for (let a = CONFIG.MIN_AMOUNT; a <= CONFIG.MAX_AMOUNT; a += 1000) {\n      const formattedAmount = formatCHFShort(a);\n      optionsHTML += `<option value=\"${a}\" class=\"notranslate\" translate=\"no\" data-no-translation=\"\" data-no-translation-attr=\"text\">CHF\\u00A0${formattedAmount}.-<\/option>`;\n    }\n\n    elements.amountDropdown.innerHTML = optionsHTML;\n    elements.amountDropdown.value = state.amount;\n  }\n\n  function populateDurationDropdown() {\n    const fragment = document.createDocumentFragment();\n\n    for (let d of CONFIG.DURATIONS) {\n      const option = document.createElement('option');\n      option.value = d;\n      option.textContent = d + ' Monate';\n      fragment.appendChild(option);\n    }\n\n    elements.durationDropdown.innerHTML = '';\n    elements.durationDropdown.appendChild(fragment);\n    elements.durationDropdown.value = state.duration;\n  }\n\n  function updateDisplay() {\n    const minAPR = state.isEigenheim ? CONFIG.EIGENHEIM_MIN_APR : CONFIG.STANDARD_MIN_APR;\n    const maxAPR = state.isEigenheim ? CONFIG.EIGENHEIM_MAX_APR : CONFIG.STANDARD_MAX_APR;\n\n    elements.minPercent.textContent = 'von ' + minAPR.toFixed(1).replace('.', ',') + ' %';\n    elements.maxPercent.textContent = 'bis ' + maxAPR.toFixed(2).replace('.', ',') + ' %';\n\n    let minMonthly = calculateMonthlyRate(state.amount, state.duration, minAPR);\n    let maxMonthly = calculateMonthlyRate(state.amount, state.duration, maxAPR);\n\n    let minInsurance = 0;\n    let maxInsurance = 0;\n\n    if (state.hasInsurance) {\n      const costs = CONFIG.INSURANCE_COSTS[state.insuranceAmount];\n      minInsurance = costs.min;\n      maxInsurance = costs.max;\n\n      minMonthly = roundTo5Cents(minMonthly + minInsurance);\n      maxMonthly = roundTo5Cents(maxMonthly + maxInsurance);\n    }\n\n    elements.minRate.textContent = formatCHF(minMonthly);\n    elements.maxRate.textContent = formatCHF(maxMonthly);\n\n    if (state.hasInsurance) {\n      const insuranceAmountFormatted = formatCHFShort(state.insuranceAmount);\n\n      elements.minInsurance.innerHTML = 'CHF ' + formatCHF(minInsurance) + '<span class=\"bf-insurance-details\">Ihre Leistungen:<br>Bei Arbeitslosigkeit\/Arbeitsunf\u00e4higkeit<span class=\"bf-insurance-amount\">CHF ' + insuranceAmountFormatted + '<\/span><\/span>';\n      elements.maxInsurance.innerHTML = 'CHF ' + formatCHF(maxInsurance) + '<span class=\"bf-insurance-details\">Ihre Leistungen:<br>Bei Arbeitslosigkeit\/Arbeitsunf\u00e4higkeit<span class=\"bf-insurance-amount\">CHF ' + insuranceAmountFormatted + '<\/span><\/span>';\n    } else {\n      elements.minInsurance.textContent = '\u2013';\n      elements.maxInsurance.textContent = '\u2013';\n    }\n\n    const costMin = calculateTotalCost(state.amount, state.duration, minAPR);\n    const costMax = calculateTotalCost(state.amount, state.duration, maxAPR);\n\n    elements.costMin.textContent = \"CHF \" + formatCHFShort(costMin);\n    elements.costMax.textContent = \"CHF \" + formatCHFShort(costMax);\n    elements.costMinPercent.textContent = minAPR.toFixed(1).replace('.', ',');\n    elements.costMaxPercent.textContent = maxAPR.toFixed(2).replace('.', ',');\n  }\n\n  elements.amountDropdown.addEventListener('change', function() {\n    state.amount = parseInt(this.value);\n    elements.amountSlider.value = state.amount;\n    updateDisplay();\n  });\n\n  elements.amountSlider.addEventListener('input', function() {\n    state.amount = sliderToAmount(this.value);\n    elements.amountDropdown.value = state.amount;\n    updateDisplay();\n  });\n\n  elements.durationDropdown.addEventListener('change', function() {\n    state.duration = parseInt(this.value);\n    elements.durationSlider.value = state.duration;\n    updateDisplay();\n  });\n\n  elements.durationSlider.addEventListener('input', function() {\n    state.duration = sliderToDuration(this.value);\n    elements.durationDropdown.value = state.duration;\n    this.value = state.duration;\n    updateDisplay();\n  });\n\n  elements.eigenheimToggle.addEventListener('click', function(e) {\n    if (e.target.classList.contains('bf-toggle-btn')) {\n      const buttons = this.querySelectorAll('.bf-toggle-btn');\n      buttons.forEach(btn => btn.classList.remove('active'));\n      e.target.classList.add('active');\n      state.isEigenheim = e.target.dataset.value === 'yes';\n      updateDisplay();\n    }\n  });\n\n  elements.absicherungToggle.addEventListener('click', function(e) {\n    if (e.target.classList.contains('bf-toggle-btn')) {\n      const buttons = this.querySelectorAll('.bf-toggle-btn');\n      buttons.forEach(btn => btn.classList.remove('active'));\n      e.target.classList.add('active');\n      state.hasInsurance = e.target.dataset.value === 'yes';\n\n      if (state.hasInsurance) elements.insuranceSelection.classList.add('active');\n      else elements.insuranceSelection.classList.remove('active');\n\n      updateDisplay();\n    }\n  });\n\n  Array.from(elements.insuranceRadios).forEach(function(radio) {\n    radio.addEventListener('change', function() {\n      state.insuranceAmount = parseInt(this.value);\n      updateDisplay();\n    });\n  });\n\n  elements.submitBtn.addEventListener('click', function() {\n    function detectLang() {\n      const supportedLangs = ['de', 'fr', 'it', 'en', 'pt', 'es'];\n      let lang = (window.trp_language || document.documentElement.lang || '').toLowerCase().split('-')[0];\n\n      if (!lang) {\n        const path = location.pathname.toLowerCase();\n        if (path.startsWith('\/pt\/')) lang = 'pt';\n        else if (path.startsWith('\/es\/')) lang = 'es';\n        else if (path.startsWith('\/fr\/')) lang = 'fr';\n        else if (path.startsWith('\/it\/')) lang = 'it';\n        else if (path.startsWith('\/en\/')) lang = 'en';\n        else lang = 'de';\n      }\n      return supportedLangs.includes(lang) ? lang : 'de';\n    }\n\n    const URLS = {\n      de: 'https:\/\/www.bestfinance.ch\/kreditanfrage-schweiz\/',\n      fr: 'https:\/\/www.bestfinance.ch\/fr\/demande-de-credit-en-suisse\/',\n      it: 'https:\/\/www.bestfinance.ch\/it\/domanda-di-credito-svizzera\/',\n      en: 'https:\/\/www.bestfinance.ch\/en\/credit-application-switzerland\/',\n      pt: 'https:\/\/www.bestfinance.ch\/pt\/aplicacao-credito-suica\/',\n      es: 'https:\/\/www.bestfinance.ch\/es\/solicitud-de-credito-suiza\/'\n    };\n\n    const lang = detectLang();\n    const url = URLS[lang] || URLS.de;\n\n    const params = new URLSearchParams({\n      amount: state.amount,\n      duration: state.duration,\n      versicherung: state.hasInsurance ? 'Ja' : 'Nein',\n      versicherung_betrag: state.hasInsurance ? state.insuranceAmount : '0',\n      w_art: state.isEigenheim ? 'Eigent\u00fcmer' : 'Mietwohnung'\n    });\n\n    window.location.href = url + '?' + params.toString();\n  });\n\n  function init() {\n    populateAmountDropdown();\n    populateDurationDropdown();\n    elements.amountSlider.value = state.amount;\n    elements.durationSlider.value = state.duration;\n    updateDisplay();\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n  else init();\n\n})();\n<\/script>\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>Ihr Schweizer Kredit 100% online \u00b7 Schweizer Beratung Ihr Schweizer Premium-Kredit G\u00fcnstig, schnell und sicher Flexible Laufzeit von 6 bis 120 Monaten, transparente Konditionen und eine Offerte in kurzer Zeit \u2013 auf Wunsch komplett online. Kredit bis zu 300&#8217;000 CHF Mehr als 10 Partnerbanken Top-Offerte ohne Verpflichtung Keine versteckten Geb\u00fchren Wunschkredit Laufzeit Besitzen Sie ein [&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_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":"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-202441","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/202441","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=202441"}],"version-history":[{"count":88,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/202441\/revisions"}],"predecessor-version":[{"id":202564,"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/pages\/202441\/revisions\/202564"}],"wp:attachment":[{"href":"https:\/\/www.bestfinance.ch\/it\/wp-json\/wp\/v2\/media?parent=202441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}