{"id":3333,"date":"2026-01-01T11:38:00","date_gmt":"2026-01-01T10:38:00","guid":{"rendered":"https:\/\/www.bestfinance.ch\/?page_id=3333"},"modified":"2026-04-01T13:25:08","modified_gmt":"2026-04-01T11:25:08","slug":"rachat-de-credit-vous-apporte-des-avantages","status":"publish","type":"page","link":"https:\/\/www.bestfinance.ch\/fr\/kredit-abloesen-bringt-vorteile\/","title":{"rendered":"Avantages rachat de cr\u00e9dits"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3333\" class=\"elementor elementor-3333\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40829d8 e-con-full e-flex e-con e-parent\" data-id=\"40829d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e0e713 elementor-widget elementor-widget-html\" data-id=\"2e0e713\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-abl-hero bf-abl-hero-dark\">\n<style>\n  .bf-abl-hero,\n  .bf-abl-hero * { box-sizing: border-box; }\n\n  .bf-abl-hero-dark {\n    --bf-blue-1: #080f1e;\n    --bf-blue-2: #0b1c38;\n    --bf-blue-3: #0e2a52;\n    --bf-blue-4: #163a6e;\n    --bf-gold:      #c9a55a;\n    --bf-gold-lt:   #e0c07e;\n    --bf-gold-dark: #a8832e;\n    --bf-teal:      #2cc9c4;\n    --bf-text:      #ffffff;\n    --bf-text-soft: rgba(255,255,255,0.80);\n    --bf-text-muted:rgba(255,255,255,0.54);\n    --bf-max: 1180px;\n    --ff: Arial, Helvetica, sans-serif;\n\n    position: relative;\n    overflow: hidden;\n    font-family: var(--ff);\n    color: var(--bf-text);\n    line-height: 1.6;\n    background: var(--bf-blue-1);\n  }\n\n  \/* gradient mesh background *\/\n  .bf-abl-hero-dark::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse 60% 50% at 8% 18%,  rgba(201,165,90,0.13)  0%, transparent 60%),\n      radial-gradient(ellipse 50% 40% at 88% 14%,  rgba(44,201,196,0.09)  0%, transparent 55%),\n      radial-gradient(ellipse 70% 60% at 72% 68%,  rgba(20,80,160,0.28)   0%, transparent 60%),\n      radial-gradient(ellipse 55% 45% at 32% 82%,  rgba(201,165,90,0.07)  0%, transparent 55%),\n      linear-gradient(145deg, var(--bf-blue-1) 0%, var(--bf-blue-2) 40%, var(--bf-blue-3) 72%, var(--bf-blue-4) 100%);\n    pointer-events: none;\n  }\n\n  \/* grid texture overlay *\/\n  .bf-abl-hero-dark::after {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.024) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px);\n    background-size: 48px 48px;\n    mask-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.06) 65%, transparent 100%);\n    -webkit-mask-image: linear-gradient(to bottom, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.06) 65%, transparent 100%);\n    pointer-events: none;\n  }\n\n  \/* light orbs *\/\n  .bf-orb {\n    position: absolute; border-radius: 50%;\n    pointer-events: none; z-index: 1;\n  }\n  .bf-orb-1 {\n    width: 480px; height: 480px; top: -140px; left: -140px;\n    background: radial-gradient(circle, rgba(255,255,255,0.07) 0%, transparent 68%);\n    filter: blur(22px);\n  }\n  .bf-orb-2 {\n    width: 320px; height: 320px; bottom: -80px; right: 10%;\n    background: radial-gradient(circle, rgba(201,165,90,0.10) 0%, transparent 68%);\n    filter: blur(18px);\n  }\n  .bf-orb-3 {\n    width: 220px; height: 220px; top: 30%; right: 6%;\n    background: radial-gradient(circle, rgba(44,201,196,0.08) 0%, transparent 70%);\n    filter: blur(14px);\n  }\n\n  \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n  .bf-top-nav-wrap {\n    position: relative; z-index: 20; width: 100%;\n    background: rgba(8,15,30,0.55);\n    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n    border-bottom: 1px solid rgba(255,255,255,0.07);\n  }\n  .bf-top-nav-inner {\n    max-width: var(--bf-max); margin: 0 auto; padding: 0 28px;\n  }\n  .bf-top-meta {\n    display: flex; justify-content: space-between; align-items: center;\n    gap: 16px; padding: 10px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.05);\n    font-size: 13px; color: rgba(255,255,255,0.60);\n  }\n  .bf-top-meta a { color: rgba(255,255,255,0.65); text-decoration: none; }\n  .bf-top-meta a:hover { color: #fff; }\n\n  .bf-lang-switch { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n  .bf-lang-switch a {\n    display: inline-flex; align-items: center; justify-content: center;\n    font-size: 18px; text-decoration: none;\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.22));\n    transition: transform 0.18s ease;\n  }\n  .bf-lang-switch a:hover { transform: translateY(-2px) scale(1.12); }\n\n  .bf-main-nav-row {\n    display: flex; align-items: center; justify-content: space-between;\n    gap: 28px; padding: 68px 0;\n  }\n  .bf-logo-wrap { flex: 0 0 auto; }\n  .bf-logo-wrap img { display: block; max-width: 185px; width: 100%; height: auto; }\n\n  .bf-main-nav {\n    display: flex; align-items: center; gap: 30px;\n    flex-wrap: wrap; justify-content: flex-end;\n  }\n  .bf-main-nav a {\n    color: rgba(255,255,255,0.88); text-decoration: none;\n    font-size: 15px; font-weight: 700; white-space: nowrap;\n    transition: color 0.2s;\n  }\n  .bf-main-nav a:hover { color: #fff; }\n  .bf-main-nav .bf-nav-cta {\n    display: inline-flex; align-items: center;\n    min-height: 42px; padding: 0 20px; border-radius: 10px;\n    background: rgba(255,255,255,0.09);\n    border: 1px solid rgba(255,255,255,0.12);\n    transition: background 0.2s, transform 0.18s;\n  }\n  .bf-main-nav .bf-nav-cta:hover { background: rgba(255,255,255,0.14); transform: translateY(-1px); }\n\n  \/* \u2500\u2500\u2500 HERO CONTENT \u2500\u2500\u2500 *\/\n  .bf-abl-wrap {\n    max-width: var(--bf-max); margin: 0 auto;\n    padding: 68px 28px 48px;\n    position: relative; z-index: 5;\n  }\n  .bf-abl-grid {\n    display: grid;\n    grid-template-columns: minmax(0,1.1fr) minmax(340px,0.9fr);\n    gap: 52px; align-items: center;\n  }\n\n  \/* entrance animations *\/\n  @keyframes bf-fadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes bf-slideRight {\n    from { opacity: 0; transform: translateX(26px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }\n  @keyframes bf-fadeIn {\n    from { opacity: 0; } to { opacity: 1; }\n  }\n  .bf-abl-eyebrow  { animation: bf-fadeUp      0.55s 0.05s both ease-out; }\n  .bf-abl-title    { animation: bf-fadeUp      0.60s 0.14s both ease-out; }\n  .bf-abl-lead     { animation: bf-fadeUp      0.60s 0.22s both ease-out; }\n  .bf-abl-usp-row  { animation: bf-fadeUp      0.60s 0.30s both ease-out; }\n  .bf-abl-btn-row  { animation: bf-fadeUp      0.60s 0.37s both ease-out; }\n  .bf-abl-note     { animation: bf-fadeUp      0.60s 0.44s both ease-out; }\n  .bf-abl-visual   { animation: bf-slideRight  0.70s 0.20s both ease-out; }\n  .bf-abl-stats-bar{ animation: bf-fadeIn      0.65s 0.55s both ease-out; }\n\n  \/* eyebrow pill *\/\n  .bf-abl-eyebrow {\n    display: inline-flex; align-items: center; gap: 9px;\n    padding: 9px 17px; border-radius: 999px;\n    background: linear-gradient(135deg, rgba(201,165,90,0.16), rgba(201,165,90,0.07));\n    border: 1px solid rgba(201,165,90,0.28);\n    color: var(--bf-gold-lt);\n    font-size: 12px; font-weight: 700;\n    letter-spacing: 0.07em; text-transform: uppercase;\n    margin-bottom: 20px;\n    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n  }\n  .bf-abl-eyebrow::before {\n    content: \"\";\n    display: inline-block; width: 7px; height: 7px;\n    border-radius: 50%; background: var(--bf-gold);\n    box-shadow: 0 0 8px 2px rgba(201,165,90,0.55);\n    flex-shrink: 0;\n  }\n\n  \/* title *\/\n  .bf-abl-title {\n    font-size: 56px; line-height: 1.04;\n    font-weight: 800; letter-spacing: -0.03em;\n    margin: 0 0 20px; color: #ffffff;\n    max-width: 720px; text-wrap: balance;\n  }\n  .bf-abl-title em {\n    font-style: italic;\n    color: var(--bf-gold-lt);\n  }\n\n  \/* lead *\/\n  .bf-abl-lead {\n    font-size: 17px; line-height: 1.72;\n    color: var(--bf-text-soft);\n    margin: 0 0 26px; max-width: 660px; font-weight: 400;\n  }\n\n  \/* usp pills *\/\n  .bf-abl-usp-row { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 28px; }\n  .bf-abl-usp {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 9px 15px; border-radius: 999px;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.10);\n    color: rgba(255,255,255,0.90);\n    font-size: 13px; font-weight: 700;\n    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);\n    transition: background 0.2s, border-color 0.2s;\n  }\n  .bf-abl-usp:hover { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.16); }\n  .bf-abl-usp::before {\n    content: \"\u2713\"; color: var(--bf-gold-lt);\n    font-weight: 800; font-size: 12px; line-height: 1;\n  }\n\n  \/* buttons *\/\n  .bf-abl-btn-row { display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 20px; }\n  .bf-abl-btn {\n    min-height: 54px;\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 0 26px; border-radius: 13px;\n    text-decoration: none; font-family: var(--ff);\n    font-size: 15px; font-weight: 800;\n    transition: all 0.22s ease; white-space: nowrap;\n    position: relative; overflow: hidden;\n  }\n  .bf-abl-btn-primary {\n    background: linear-gradient(155deg, var(--bf-gold-lt) 0%, var(--bf-gold) 45%, var(--bf-gold-dark) 100%);\n    color: #1a0e00;\n    box-shadow: 0 8px 24px rgba(201,165,90,0.30), 0 2px 6px rgba(0,0,0,0.20),\n                inset 0 1px 0 rgba(255,255,255,0.22);\n  }\n  .bf-abl-btn-primary::after {\n    content: \"\";\n    position: absolute; inset: 0;\n    background: linear-gradient(to bottom, rgba(255,255,255,0.14), transparent 55%);\n    border-radius: inherit; pointer-events: none;\n  }\n  .bf-abl-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 32px rgba(201,165,90,0.38), 0 4px 10px rgba(0,0,0,0.22);\n    filter: brightness(1.04);\n  }\n  .bf-abl-btn-primary:active { transform: translateY(0); }\n  .btn-arrow { margin-left: 8px; font-size: 16px; transition: transform 0.22s; }\n  .bf-abl-btn-primary:hover .btn-arrow { transform: translateX(3px); }\n\n  .bf-abl-btn-secondary {\n    background: rgba(255,255,255,0.07);\n    color: #ffffff;\n    border: 1px solid rgba(255,255,255,0.14);\n    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n    box-shadow: 0 6px 18px rgba(0,0,0,0.14);\n  }\n  .bf-abl-btn-secondary:hover {\n    background: rgba(255,255,255,0.12);\n    border-color: rgba(255,255,255,0.22);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.18);\n  }\n  .btn-icon { \n  margin-right: 8px; \n  font-size: 15px; \n  opacity: 0.85; \n  color: #90EE90 !important; \/* Hex-Code f\u00fcr LightGreen *\/\n}\n\n  \/* note *\/\n  .bf-abl-note {\n    font-size: 13px; color: var(--bf-text-muted);\n    max-width: 580px; line-height: 1.55;\n    display: flex; align-items: center; gap: 7px;\n  }\n  .bf-abl-note::before { content: \"\ud83d\udd12\"; font-size: 12px; opacity: 0.65; flex-shrink: 0; }\n\n  \/* \u2500\u2500\u2500 CARD \u2500\u2500\u2500 *\/\n  .bf-abl-visual { position: relative; }\n  .bf-abl-visual::before {\n    content: \"\";\n    position: absolute; top: -30px; left: -30px; right: -30px; bottom: -30px;\n    border-radius: 40px;\n    background:\n      radial-gradient(ellipse at 60% 40%, rgba(44,201,196,0.12), transparent 70%),\n      radial-gradient(ellipse at 20% 70%, rgba(201,165,90,0.10), transparent 65%);\n    filter: blur(20px); pointer-events: none; z-index: 0;\n  }\n  .bf-abl-card {\n    position: relative; z-index: 1;\n    background: linear-gradient(145deg,\n      rgba(255,255,255,0.088) 0%,\n      rgba(255,255,255,0.046) 55%,\n      rgba(255,255,255,0.026) 100%);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-top-color:  rgba(255,255,255,0.20);\n    border-left-color: rgba(255,255,255,0.16);\n    border-radius: 28px;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.28), 0 8px 18px rgba(0,0,0,0.16),\n                inset 0 1px 0 rgba(255,255,255,0.12);\n    padding: 32px 30px;\n    overflow: hidden;\n    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n  }\n  \/* gold shimmer top edge *\/\n  .bf-abl-card::before {\n    content: \"\";\n    position: absolute; top: 0; left: 28px; right: 28px; height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(201,165,90,0.48), transparent);\n  }\n  \/* teal orb top-right *\/\n  .bf-abl-card::after {\n    content: \"\";\n    position: absolute; top: -50px; right: -50px;\n    width: 180px; height: 180px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(44,201,196,0.09), transparent 68%);\n    pointer-events: none;\n  }\n\n  .bf-abl-card-kicker {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 11px; font-weight: 800;\n    letter-spacing: 0.10em; text-transform: uppercase;\n    color: var(--bf-gold-lt);\n    background: rgba(201,165,90,0.10);\n    border: 1px solid rgba(201,165,90,0.20);\n    border-radius: 999px; padding: 6px 13px; margin-bottom: 18px;\n  }\n  .bf-abl-card-title {\n    font-size: 26px; line-height: 1.17;\n    margin: 0 0 12px; color: #ffffff;\n    font-weight: 800; letter-spacing: -0.02em;\n    max-width: 380px; text-wrap: balance;\n  }\n  .bf-abl-card-text {\n    font-size: 15px; color: var(--bf-text-soft);\n    margin: 0 0 20px; max-width: 420px; line-height: 1.65;\n  }\n  .bf-abl-card-divider {\n    height: 1px; margin-bottom: 18px;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.10), transparent);\n  }\n  .bf-abl-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }\n  .bf-abl-points li {\n    display: flex; align-items: flex-start; gap: 13px;\n    font-size: 14.5px; color: rgba(255,255,255,0.88);\n    padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,0.07);\n    font-weight: 700; line-height: 1.4;\n  }\n  .bf-abl-points li:last-child { border-bottom: 0; padding-bottom: 4px; }\n  .bf-abl-points span {\n    width: 26px; min-width: 26px; height: 26px; border-radius: 8px;\n    background: linear-gradient(135deg, rgba(201,165,90,0.20), rgba(201,165,90,0.08));\n    border: 1px solid rgba(201,165,90,0.22);\n    color: var(--bf-gold-lt);\n    display: inline-flex; align-items: center; justify-content: center;\n    font-size: 12px; font-weight: 800; margin-top: 1px; flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500\u2500 STATS BAR \u2500\u2500\u2500 *\/\n  .bf-abl-stats-wrap {\n    max-width: var(--bf-max); margin: 0 auto;\n    padding: 0 28px 56px; position: relative; z-index: 5;\n  }\n  .bf-abl-stats-bar {\n    width: 100%; display: grid; grid-template-columns: repeat(4,1fr);\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.09);\n    border-top-color: rgba(255,255,255,0.13);\n    border-radius: 22px; overflow: hidden;\n    box-shadow: 0 18px 40px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);\n    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n  }\n  .bf-abl-stat-item {\n    padding: 24px 20px 20px; text-align: center;\n    display: flex; flex-direction: column;\n    justify-content: center; align-items: center; gap: 5px;\n    transition: background 0.22s; position: relative;\n  }\n  .bf-abl-stat-item:hover { background: rgba(255,255,255,0.04); }\n  .bf-abl-stat-item:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.07); }\n  .bf-abl-stat-item::after {\n    content: \"\"; position: absolute;\n    top: 0; left: 20%; right: 20%; height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(201,165,90,0.50), transparent);\n    border-radius: 0 0 2px 2px;\n    opacity: 0; transition: opacity 0.25s;\n  }\n  .bf-abl-stat-item:hover::after { opacity: 1; }\n  .bf-abl-stat-number {\n    font-size: 46px; line-height: 1; font-weight: 800;\n    color: #ffffff; letter-spacing: -0.03em;\n  }\n  .bf-abl-stat-text {\n    font-size: 13px; line-height: 1.35;\n    font-weight: 700; color: rgba(255,255,255,0.62);\n  }\n\n  \/* \u2500\u2500\u2500 TABLET \u22641180px \u2500\u2500\u2500 *\/\n  @media (max-width: 1180px) {\n    .bf-abl-title { font-size: 48px; }\n    .bf-main-nav { gap: 22px; }\n    .bf-main-nav a { font-size: 14px; }\n  }\n\n  \/* \u2500\u2500\u2500 TABLET \u22641100px \u2500\u2500\u2500 *\/\n  @media (max-width: 1100px) {\n    .bf-abl-grid { grid-template-columns: 1fr; gap: 32px; }\n    .bf-abl-title { font-size: 44px; }\n    .bf-abl-card  { max-width: 680px; }\n    .bf-main-nav-row { flex-direction: column; align-items: flex-start; gap: 10px; }\n    .bf-main-nav  { justify-content: flex-start; }\n    .bf-abl-wrap  { padding-top: 52px; padding-bottom: 38px; }\n  }\n\n  \/* \u2500\u2500\u2500 MOBILE \u2264767px \u2500\u2500\u2500 *\/\n  @media (max-width: 767px) {\n    .bf-abl-wrap       { padding: 30px 18px 26px; }\n    .bf-abl-stats-wrap { padding: 0 18px 30px; }\n    .bf-top-nav-inner  { padding: 0 18px; }\n\n    \/* perf: disable heavy backdrop-filter on card *\/\n    .bf-abl-card    { backdrop-filter: none; -webkit-backdrop-filter: none; }\n    .bf-abl-visual::before { display: none; }\n\n    \/* orbs *\/\n    .bf-orb-1 { width: 240px; height: 240px; top: -70px; left: -70px; opacity: 0.6; }\n    .bf-orb-2 { display: none; }\n    .bf-orb-3 { width: 160px; height: 160px; top: 10%; right: -30px; opacity: 0.5; }\n\n    \/* nav \u2013 single row logo + nav, kompakt *\/\n    .bf-top-meta  { flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px 0; }\n    .bf-top-meta-left { font-size: 12px; }\n    .bf-lang-switch   { gap: 8px; }\n    .bf-main-nav-row  { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; }\n    .bf-logo-wrap img { max-width: 145px; }\n    .bf-main-nav      { gap: 10px 14px; }\n    .bf-main-nav a    { font-size: 13.5px; }\n    .bf-main-nav .bf-nav-cta { min-height: 38px; padding: 0 13px; border-radius: 9px; }\n\n    \/* eyebrow *\/\n    .bf-abl-eyebrow { font-size: 11px; padding: 7px 13px; margin-bottom: 14px; }\n\n    \/* title *\/\n    .bf-abl-title { font-size: 32px; line-height: 1.10; letter-spacing: -0.02em; margin-bottom: 14px; }\n\n    \/* lead *\/\n    .bf-abl-lead { font-size: 15px; line-height: 1.65; margin-bottom: 20px; }\n\n    \/* usps *\/\n    .bf-abl-usp-row { gap: 8px; margin-bottom: 20px; }\n    .bf-abl-usp     { font-size: 12.5px; padding: 8px 12px; }\n\n    \/* buttons \u2013 full width, min 48px touch target *\/\n    .bf-abl-btn-row { flex-direction: column; gap: 10px; margin-bottom: 16px; }\n    .bf-abl-btn     { width: 100%; min-height: 52px; font-size: 15px; border-radius: 13px; }\n    .btn-arrow      { font-size: 15px; margin-left: 4px; }\n    .btn-icon       { margin-right: 7px; font-size: 14px; }\n\n    \/* note \u2013 auf mobile ausblenden, Info steckt im Stats-Bar *\/\n    .bf-abl-note { display: none; }\n\n    \/* card \u2013 Kicker (= Eyebrow), Titel + Text (= Lead) ausblenden; nur Schritte zeigen *\/\n    .bf-abl-card         { padding: 18px 16px 14px; border-radius: 20px; }\n    .bf-abl-card-kicker  { display: none; }\n    .bf-abl-card-title   { display: none; }\n    .bf-abl-card-text    { display: none; }\n    .bf-abl-card-divider { display: none; }\n    .bf-abl-points li    { font-size: 13.5px; padding: 11px 0; gap: 11px; font-weight: 700; }\n    .bf-abl-points span  { width: 24px; min-width: 24px; height: 24px; font-size: 11px; border-radius: 6px; }\n\n    \/* stats 2\u00d72 *\/\n    .bf-abl-stats-bar { grid-template-columns: repeat(2,1fr); border-radius: 18px; }\n    .bf-abl-stat-item { padding: 18px 10px 15px; }\n    .bf-abl-stat-item:nth-child(2) { border-right: none; }\n    .bf-abl-stat-item:nth-child(3) { border-right: 1px solid rgba(255,255,255,0.07); }\n    .bf-abl-stat-item:nth-child(1),\n    .bf-abl-stat-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.07); }\n    .bf-abl-stat-number { font-size: 34px; }\n    .bf-abl-stat-text   { font-size: 12px; }\n    .bf-abl-stat-item::after { display: none; }\n  }\n\n  \/* \u2500\u2500\u2500 SMALL PHONES \u2264430px \u2500\u2500\u2500 *\/\n  @media (max-width: 430px) {\n    .bf-abl-wrap       { padding: 24px 15px 20px; }\n    .bf-abl-stats-wrap { padding: 0 15px 26px; }\n    .bf-top-nav-inner  { padding: 0 15px; }\n\n    .bf-abl-title { font-size: 27px; }\n    .bf-abl-lead  { font-size: 14.5px; }\n\n    .bf-abl-usp   { font-size: 12px; padding: 7px 11px; }\n    .bf-abl-btn   { min-height: 50px; font-size: 14.5px; }\n\n    .bf-abl-card       { padding: 16px 13px 12px; border-radius: 17px; }\n    .bf-abl-points li  { font-size: 13px; }\n\n    .bf-abl-stat-number { font-size: 30px; }\n    .bf-abl-stat-text   { font-size: 11.5px; }\n    .bf-abl-stats-bar   { border-radius: 15px; }\n    .bf-logo-wrap img   { max-width: 130px; }\n    .bf-main-nav a      { font-size: 13px; }\n  }\n\n  \/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\n  @media (prefers-reduced-motion: reduce) {\n    .bf-abl-eyebrow, .bf-abl-title, .bf-abl-lead,\n    .bf-abl-usp-row, .bf-abl-btn-row, .bf-abl-note,\n    .bf-abl-visual, .bf-abl-stats-bar {\n      animation: none !important; opacity: 1 !important; transform: none !important;\n    }\n    .bf-abl-btn, .bf-abl-usp, .bf-lang-switch a,\n    .bf-main-nav .bf-nav-cta, .bf-abl-stat-item { transition: none !important; }\n  }\n<\/style>\n\n<!-- orbs -->\n<div class=\"bf-orb bf-orb-1\"><\/div>\n<div class=\"bf-orb bf-orb-2\"><\/div>\n<div class=\"bf-orb bf-orb-3\"><\/div>\n\n<!-- nav -->\n<div class=\"bf-top-nav-wrap\">\n  <div class=\"bf-top-nav-inner\">\n    <div class=\"bf-top-meta\">\n      <!-- meta row placeholder -->\n    <\/div>\n    <div class=\"bf-main-nav-row\">\n      <!-- nav placeholder -->\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- hero grid -->\n<div class=\"bf-abl-wrap\">\n  <div class=\"bf-abl-grid\">\n\n    <!-- LEFT content -->\n    <div class=\"bf-abl-content\">\n      <div class=\"bf-abl-eyebrow\">Abl\u00f6sungskredit Schweiz<\/div>\n\n      <h1 class=\"bf-abl-title\">\n        Kredit abl\u00f6sen &amp; <em>Zinsen senken<\/em> \u2013 monatlich sparen\n      <\/h1>\n\n      <p class=\"bf-abl-lead\">\n        L\u00f6sen Sie Ihren bestehenden Kredit ab und pr\u00fcfen Sie sofort, wie Sie Ihre Monatsrate reduzieren und bessere Konditionen erhalten k\u00f6nnen. Schnell, unverbindlich und pers\u00f6nlich begleitet.\n      <\/p>\n\n      <div class=\"bf-abl-usp-row\">\n        <span class=\"bf-abl-usp\">Kostenlose &amp; unverbindliche Pr\u00fcfung<\/span>\n        <span class=\"bf-abl-usp\">Zinsen optimieren &amp; Rate senken<\/span>\n        <span class=\"bf-abl-usp\">Pers\u00f6nliche Beratung seit 2004<\/span>\n      <\/div>\n\n      <div class=\"bf-abl-btn-row\">\n        <a href=\"#calculator\" class=\"bf-abl-btn bf-abl-btn-primary\">\n          Jetzt Einsparung berechnen <span class=\"btn-arrow\">\u2192<\/span>\n        <\/a>\n        <a id=\"bf-abl-call-btn\" class=\"bf-abl-btn bf-abl-btn-secondary\" href=\"#\">\n          <span class=\"btn-icon\">\ud83d\udcde<\/span><span id=\"bf-abl-call-label\">062 823 08 03<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"bf-abl-note\">\n        In weniger als 2 Minuten zur ersten Einsch\u00e4tzung \u2013 direkt mit Ihrem Kreditrechner starten.\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT card -->\n    <div class=\"bf-abl-visual\">\n      <div class=\"bf-abl-card\">\n        <div class=\"bf-abl-card-kicker\">Abl\u00f6sungskredit Schweiz<\/div>\n        <h2 class=\"bf-abl-card-title\">\n          Bestehenden Kredit abl\u00f6sen und finanziell neu starten\n        <\/h2>\n        <p class=\"bf-abl-card-text\">\n          Reduzieren Sie Ihre monatliche Belastung, gewinnen Sie mehr \u00dcbersicht und passen Sie Ihre Finanzierung optimal an Ihre aktuelle Situation an.\n        <\/p>\n        <div class=\"bf-abl-card-divider\"><\/div>\n        <ul class=\"bf-abl-points\">\n          <li><span>1<\/span><div>Bestehenden Kredit abl\u00f6sen und neu strukturieren<\/div><\/li>\n          <li><span>2<\/span><div>Monatsrate und Laufzeit gezielt optimieren<\/div><\/li>\n          <li><span>3<\/span><div>Individuelle L\u00f6sung mit pers\u00f6nlicher Beratung<\/div><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- stats bar -->\n<div class=\"bf-abl-stats-wrap\">\n  <div class=\"bf-abl-stats-bar\">\n    <div class=\"bf-abl-stat-item\">\n      <div class=\"bf-abl-stat-number\">20+<\/div>\n      <div class=\"bf-abl-stat-text\">Jahre Erfahrung<br>in der Schweiz<\/div>\n    <\/div>\n    <div class=\"bf-abl-stat-item\">\n      <div class=\"bf-abl-stat-number\">1 Rate<\/div>\n      <div class=\"bf-abl-stat-text\">statt mehrere<br>Verpflichtungen<\/div>\n    <\/div>\n    <div class=\"bf-abl-stat-item\">\n      <div class=\"bf-abl-stat-number\">4.9%<\/div>\n      <div class=\"bf-abl-stat-text\">Effektivzins ab<br>(bonit\u00e4tsabh\u00e4ngig)<\/div>\n    <\/div>\n    <div class=\"bf-abl-stat-item\">\n      <div class=\"bf-abl-stat-number\">2 Min.<\/div>\n      <div class=\"bf-abl-stat-text\">erste Einsch\u00e4tzung<br>online<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function() {\n    const path = window.location.pathname.toLowerCase();\n    let lang = \"de\";\n    if (path.includes(\"\/fr\")) lang = \"fr\";\n    else if (path.includes(\"\/it\")) lang = \"it\";\n    else if (path.includes(\"\/es\")) lang = \"es\";\n    else if (path.includes(\"\/en\")) lang = \"en\";\n    else if (path.includes(\"\/pt\")) lang = \"pt\";\n    const lausanne = [\"fr\",\"pt\"].includes(lang);\n    const btn   = document.getElementById(\"bf-abl-call-btn\");\n    const label = document.getElementById(\"bf-abl-call-label\");\n    if (btn)   btn.href        = lausanne ? \"tel:+41216245545\"  : \"tel:+41628230803\";\n    if (label) label.textContent = lausanne ? \"T\u00e9l. 021 624 55 45\"  : \"Tel. 062 823 08 03\";\n  })();\n<\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a669c6 e-flex e-con-boxed e-con e-parent\" data-id=\"7a669c6\" 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-e541b5d elementor-widget elementor-widget-menu-anchor\" data-id=\"e541b5d\" 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 class=\"elementor-element elementor-element-b714e19 elementor-widget elementor-widget-global elementor-global-203116 elementor-widget-html\" data-id=\"b714e19\" 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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-545f44b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"545f44b3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6af74f39\" data-id=\"6af74f39\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79cdf985 elementor-widget elementor-widget-spacer\" data-id=\"79cdf985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0edc15b elementor-widget elementor-widget-html\" data-id=\"0edc15b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-abl-body\">\r\n  <style>\r\n    .bf-abl-body,\r\n    .bf-abl-body * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bf-abl-body {\r\n      --bf-blue: #2f6fd6;\r\n      --bf-blue-dark: #153e75;\r\n      --bf-blue-soft: #eef4ff;\r\n      --bf-blue-soft-2: #f7faff;\r\n      --bf-gold: #c9a55a;\r\n      --bf-gold-dark: #b48d42;\r\n      --bf-text: #1f2b3d;\r\n      --bf-text-soft: #5e6c84;\r\n      --bf-white: #ffffff;\r\n      --bf-border: rgba(47, 111, 214, 0.10);\r\n      --bf-shadow: 0 14px 34px rgba(21, 62, 117, 0.08);\r\n      --bf-radius: 24px;\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.65;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .bf-abl-body .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-abl-body .bf-section {\r\n      padding: 70px 0;\r\n    }\r\n\r\n    .bf-abl-body .bf-section-light {\r\n      background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);\r\n    }\r\n\r\n    .bf-abl-body .bf-grid-2 {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);\r\n      gap: 30px;\r\n      align-items: start;\r\n    }\r\n\r\n    .bf-abl-body .bf-grid-3 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .bf-abl-body .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-abl-body .bf-title-lg {\r\n      font-size: 38px;\r\n      line-height: 1.14;\r\n      letter-spacing: -0.025em;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      margin: 0 0 16px;\r\n    }\r\n\r\n    .bf-abl-body .bf-title-md {\r\n      font-size: 23px;\r\n      line-height: 1.22;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      margin: 0 0 10px;\r\n    }\r\n\r\n    .bf-abl-body .bf-title-sm {\r\n      font-size: 19px;\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      margin: 0 0 10px;\r\n    }\r\n\r\n    .bf-abl-body .bf-lead {\r\n      font-size: 19px;\r\n      line-height: 1.68;\r\n      color: var(--bf-text-soft);\r\n      margin: 0 0 18px;\r\n      max-width: 800px;\r\n    }\r\n\r\n    .bf-abl-body .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-abl-body .bf-card {\r\n      background: rgba(255,255,255,0.96);\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      height: 100%;\r\n    }\r\n\r\n    .bf-abl-body .bf-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 15px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(47,111,214,0.10);\r\n      color: var(--bf-blue-dark);\r\n      font-size: 24px;\r\n      font-weight: 800;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .bf-abl-body .bf-checklist,\r\n    .bf-abl-body .bf-plain-list {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .bf-abl-body .bf-checklist li {\r\n      display: flex;\r\n      gap: 12px;\r\n      align-items: flex-start;\r\n      padding: 12px 0;\r\n      border-bottom: 1px solid rgba(47,111,214,0.08);\r\n      font-size: 16px;\r\n      color: var(--bf-text);\r\n    }\r\n\r\n    .bf-abl-body .bf-checklist li:last-child {\r\n      border-bottom: 0;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .bf-abl-body .bf-checklist li::before {\r\n      content: \"\u2713\";\r\n      width: 24px;\r\n      min-width: 24px;\r\n      height: 24px;\r\n      border-radius: 50%;\r\n      background: rgba(201,165,90,0.18);\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-size: 13px;\r\n      font-weight: 800;\r\n      margin-top: 1px;\r\n    }\r\n\r\n    .bf-abl-body .bf-side-box {\r\n      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 24px;\r\n      padding: 28px;\r\n      box-shadow: 0 10px 28px rgba(21, 62, 117, 0.07);\r\n    }\r\n\r\n    .bf-abl-body .bf-side-box .bf-title-sm {\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .bf-abl-body .bf-side-list {\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .bf-abl-body .bf-side-list li {\r\n      padding: 13px 0;\r\n      border-bottom: 1px solid rgba(47,111,214,0.08);\r\n      color: var(--bf-text);\r\n      font-size: 16px;\r\n    }\r\n\r\n    .bf-abl-body .bf-side-list li:last-child {\r\n      border-bottom: 0;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .bf-abl-body .bf-side-list strong {\r\n      color: var(--bf-blue-dark);\r\n    }\r\n\r\n    .bf-abl-body .bf-steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 20px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .bf-abl-body .bf-step {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 22px;\r\n      box-shadow: 0 8px 22px rgba(21, 62, 117, 0.05);\r\n      padding: 24px;\r\n      height: 100%;\r\n    }\r\n\r\n    .bf-abl-body .bf-step-number {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(180deg, var(--bf-gold) 0%, var(--bf-gold-dark) 100%);\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: 16px;\r\n      margin-bottom: 14px;\r\n      box-shadow: 0 10px 20px rgba(201,165,90,0.22);\r\n    }\r\n\r\n    .bf-abl-body .bf-benefit-card,\r\n    .bf-abl-body .bf-usecase-card {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 22px;\r\n      box-shadow: 0 8px 20px rgba(21, 62, 117, 0.05);\r\n      padding: 24px;\r\n      height: 100%;\r\n    }\r\n\r\n    .bf-abl-body .bf-faq {\r\n      max-width: 980px;\r\n      margin: 24px auto 0;\r\n    }\r\n\r\n    .bf-abl-body .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(21, 62, 117, 0.04);\r\n    }\r\n\r\n    .bf-abl-body .bf-faq summary {\r\n      list-style: none;\r\n      cursor: pointer;\r\n      padding: 20px 0;\r\n      font-size: 17px;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      position: relative;\r\n      padding-right: 28px;\r\n    }\r\n\r\n    .bf-abl-body .bf-faq summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .bf-abl-body .bf-faq summary::after {\r\n      content: \"+\";\r\n      position: absolute;\r\n      right: 0;\r\n      top: 16px;\r\n      font-size: 28px;\r\n      line-height: 1;\r\n      color: var(--bf-gold-dark);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .bf-abl-body .bf-faq details[open] summary::after {\r\n      content: \"\u2013\";\r\n    }\r\n\r\n    .bf-abl-body .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-abl-body .bf-cta-box {\r\n      background: linear-gradient(135deg, #163e75 0%, #2458a6 100%);\r\n      border-radius: 30px;\r\n      box-shadow: 0 18px 36px rgba(21, 62, 117, 0.18);\r\n      padding: 44px 30px;\r\n      text-align: center;\r\n      color: #fff;\r\n    }\r\n\r\n    .bf-abl-body .bf-cta-box .bf-title-lg,\r\n    .bf-abl-body .bf-cta-box .bf-lead {\r\n      color: #fff;\r\n    }\r\n\r\n    .bf-abl-body .bf-cta-btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      justify-content: center;\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .bf-abl-body .bf-btn {\r\n      min-height: 56px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0 24px;\r\n      border-radius: 15px;\r\n      text-decoration: none;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      transition: all 0.2s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .bf-abl-body .bf-btn-primary {\r\n      background: linear-gradient(180deg, var(--bf-gold) 0%, var(--bf-gold-dark) 100%);\r\n      color: #fff;\r\n      box-shadow: 0 12px 26px rgba(201,165,90,0.22);\r\n    }\r\n\r\n    .bf-abl-body .bf-btn-primary:hover {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .bf-abl-body .bf-btn-secondary {\r\n      background: #fff;\r\n      color: var(--bf-blue-dark);\r\n      border: 1px solid rgba(255,255,255,0.25);\r\n    }\r\n\r\n    .bf-abl-body .bf-btn-secondary:hover {\r\n      background: #f8fbff;\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .bf-abl-body .bf-contact-bar {\r\n      display: flex;\r\n      gap: 14px;\r\n      justify-content: center;\r\n      margin-top: 26px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .bf-abl-body .bf-contact-item {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: 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(255,255,255,0.22);\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n      text-decoration: none;\r\n      color: var(--bf-blue-dark);\r\n      transition: all 0.2s ease;\r\n      min-width: 220px;\r\n    }\r\n\r\n    .bf-abl-body .bf-contact-item:hover {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .bf-abl-body .bf-whatsapp {\r\n      background: #25D366;\r\n      color: #fff;\r\n      border: none;\r\n    }\r\n\r\n    .bf-abl-body .bf-whatsapp:hover {\r\n      background: #1ebe5d;\r\n    }\r\n\r\n    .bf-abl-body .bf-mini-note {\r\n      margin-top: 18px;\r\n      font-size: 14px;\r\n      color: rgba(255,255,255,0.88);\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .bf-abl-body .bf-grid-2,\r\n      .bf-abl-body .bf-grid-3,\r\n      .bf-abl-body .bf-grid-4,\r\n      .bf-abl-body .bf-steps {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bf-abl-body .bf-wrap {\r\n        padding: 0 16px;\r\n      }\r\n\r\n      .bf-abl-body .bf-section {\r\n        padding: 42px 0;\r\n      }\r\n\r\n      .bf-abl-body .bf-grid-2,\r\n      .bf-abl-body .bf-grid-3,\r\n      .bf-abl-body .bf-grid-4,\r\n      .bf-abl-body .bf-steps {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bf-abl-body .bf-title-lg {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .bf-abl-body .bf-title-md {\r\n        font-size: 21px;\r\n      }\r\n\r\n      .bf-abl-body .bf-title-sm {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .bf-abl-body .bf-lead,\r\n      .bf-abl-body .bf-text,\r\n      .bf-abl-body .bf-faq p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .bf-abl-body .bf-card,\r\n      .bf-abl-body .bf-side-box,\r\n      .bf-abl-body .bf-step,\r\n      .bf-abl-body .bf-benefit-card,\r\n      .bf-abl-body .bf-usecase-card {\r\n        padding: 22px 18px;\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .bf-abl-body .bf-cta-box {\r\n        padding: 32px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .bf-abl-body .bf-cta-btn-row,\r\n      .bf-abl-body .bf-contact-bar {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .bf-abl-body .bf-btn,\r\n      .bf-abl-body .bf-contact-item {\r\n        width: 100%;\r\n        min-width: 0;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Einf\u00fchrung \/ SEO -->\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\">Kredit abl\u00f6sen und wieder mehr finanziellen \u00dcberblick gewinnen<\/h2>\r\n          <p class=\"bf-lead\">\r\n            Ein bestehender Kredit muss nicht zwingend bis zum Ende unver\u00e4ndert weiterlaufen. In vielen F\u00e4llen lohnt es sich, die aktuelle Finanzierung zu \u00fcberpr\u00fcfen und durch einen passenden Abl\u00f6sungskredit neu zu strukturieren.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Wer einen <strong>Kredit abl\u00f6sen<\/strong> m\u00f6chte, verfolgt meist ein klares Ziel: bessere Konditionen, mehr \u00dcbersicht und eine Monatsrate, die besser zur eigenen Situation passt. Genau hier setzt eine moderne Kreditabl\u00f6sung an.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Mit einer neuen L\u00f6sung lassen sich bestehende Verpflichtungen zusammenfassen, laufende Kredite abl\u00f6sen und die finanzielle Planung vereinfachen. Das kann nicht nur Ordnung schaffen, sondern je nach Situation auch helfen, Zinsen oder die monatliche Belastung zu optimieren.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"bf-side-box\">\r\n            <h3 class=\"bf-title-sm\">Wann kann sich eine Kreditabl\u00f6sung lohnen?<\/h3>\r\n            <ul class=\"bf-side-list\">\r\n              <li><strong>Bessere Konditionen:<\/strong> wenn ein g\u00fcnstigerer Zinssatz m\u00f6glich ist<\/li>\r\n              <li><strong>Mehr \u00dcbersicht:<\/strong> wenn mehrere Verpflichtungen zusammengef\u00fchrt werden sollen<\/li>\r\n              <li><strong>Monatsrate anpassen:<\/strong> wenn die aktuelle Belastung nicht mehr ideal passt<\/li>\r\n              <li><strong>Finanzen neu ordnen:<\/strong> wenn eine einfachere Struktur gew\u00fcnscht ist<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Vorteile -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">Ihre Vorteile mit einem Abl\u00f6sungskredit<\/h2>\r\n      <p class=\"bf-lead\">\r\n        Eine Kreditabl\u00f6sung ist mehr als nur ein Wechsel. Sie kann ein sinnvoller Schritt sein, um Ihre Finanzierung neu auszurichten und besser an Ihre aktuelle Lebenssituation anzupassen.\r\n      <\/p>\r\n\r\n      <div class=\"bf-grid-4\">\r\n        <div class=\"bf-benefit-card\">\r\n          <div class=\"bf-icon\">%<\/div>\r\n          <h3 class=\"bf-title-sm\">Zinsen pr\u00fcfen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Wenn bessere Konditionen m\u00f6glich sind, kann ein neuer Kredit langfristig g\u00fcnstiger sein.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-benefit-card\">\r\n          <div class=\"bf-icon\">1<\/div>\r\n          <h3 class=\"bf-title-sm\">Mehr \u00dcbersicht<\/h3>\r\n          <p class=\"bf-text\">\r\n            Statt mehrere Verpflichtungen parallel zu verwalten, erhalten Sie eine klarere Struktur.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-benefit-card\">\r\n          <div class=\"bf-icon\">\u21bb<\/div>\r\n          <h3 class=\"bf-title-sm\">Rate optimieren<\/h3>\r\n          <p class=\"bf-text\">\r\n            Laufzeit und Monatsrate k\u00f6nnen besser auf Ihr verf\u00fcgbares Budget abgestimmt werden.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-benefit-card\">\r\n          <div class=\"bf-icon\">\u2713<\/div>\r\n          <h3 class=\"bf-title-sm\">Pers\u00f6nlich begleitet<\/h3>\r\n          <p class=\"bf-text\">\r\n            Sie erhalten keine anonyme Standardl\u00f6sung, sondern eine individuelle Einsch\u00e4tzung.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Warum Bestfinance -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-grid-2\">\r\n        <div class=\"bf-card\">\r\n          <h2 class=\"bf-title-lg\">Warum bestfinance.ch f\u00fcr die Kreditabl\u00f6sung?<\/h2>\r\n          <p class=\"bf-text\">\r\n            Wer in der Schweiz einen <strong>Abl\u00f6sungskredit<\/strong> sucht, braucht nicht nur einen Rechner, sondern vor allem einen Partner, der die Situation sauber einsch\u00e4tzt. Genau hier liegt die St\u00e4rke von bestfinance.ch.\r\n          <\/p>\r\n          <ul class=\"bf-checklist\">\r\n            <li>Seit 2004 Erfahrung im Schweizer Kreditmarkt<\/li>\r\n            <li>Pers\u00f6nliche Begleitung statt rein digitaler Standardstrecke<\/li>\r\n            <li>Fokus auf verst\u00e4ndliche, pragmatische L\u00f6sungen<\/li>\r\n            <li>Kostenlose und unverbindliche Ersteinsch\u00e4tzung<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"bf-card\">\r\n          <h3 class=\"bf-title-md\">Was wir f\u00fcr Sie pr\u00fcfen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Bei einer Kreditabl\u00f6sung geht es nicht nur um einen Zinssatz. Entscheidend ist die Gesamtsituation.\r\n          <\/p>\r\n          <ul class=\"bf-checklist\">\r\n            <li>Ob eine Abl\u00f6sung finanziell sinnvoll erscheint<\/li>\r\n            <li>Welche Monatsrate realistisch und tragbar ist<\/li>\r\n            <li>Wie bestehende Kredite neu geordnet werden k\u00f6nnen<\/li>\r\n            <li>Welche L\u00f6sung zu Ihrer aktuellen Situation passt<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Ablauf -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">So funktioniert die Kreditabl\u00f6sung<\/h2>\r\n      <p class=\"bf-lead\">\r\n        Der Weg zu einer neuen Finanzierung soll einfach, verst\u00e4ndlich und effizient sein. Deshalb ist der Ablauf bewusst klar gehalten.\r\n      <\/p>\r\n\r\n      <div class=\"bf-steps\">\r\n        <div class=\"bf-step\">\r\n          <div class=\"bf-step-number\">1<\/div>\r\n          <h3 class=\"bf-title-sm\">Rechner nutzen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Berechnen Sie zuerst direkt oben eine erste Orientierung f\u00fcr Ihre neue Finanzierung.\r\n          <\/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-sm\">Situation pr\u00fcfen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Wir schauen uns Ihre bestehende Kreditstruktur und Ihre Ziele im Detail an.\r\n          <\/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-sm\">Passende L\u00f6sung finden<\/h3>\r\n          <p class=\"bf-text\">\r\n            Gemeinsam pr\u00fcfen wir, ob eine Abl\u00f6sung sinnvoll ist und wie diese optimal aufgebaut werden kann.\r\n          <\/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-sm\">Neu strukturieren<\/h3>\r\n          <p class=\"bf-text\">\r\n            Wenn die Voraussetzungen stimmen, begleiten wir Sie bis zur passenden neuen Finanzierung.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Anwendungsf\u00e4lle -->\r\n  <section class=\"bf-section\">\r\n    <div class=\"bf-wrap\">\r\n      <h2 class=\"bf-title-lg\">In welchen Situationen wird ein Kredit abgel\u00f6st?<\/h2>\r\n      <p class=\"bf-lead\">\r\n        Eine Kreditabl\u00f6sung kann in verschiedenen Lebenslagen sinnvoll sein. Besonders dann, wenn sich Ihre finanzielle Situation ver\u00e4ndert hat oder Ihre bestehende L\u00f6sung nicht mehr optimal passt.\r\n      <\/p>\r\n\r\n      <div class=\"bf-grid-3\">\r\n        <div class=\"bf-usecase-card\">\r\n          <h3 class=\"bf-title-sm\">Bestehender Kredit ist zu teuer<\/h3>\r\n          <p class=\"bf-text\">\r\n            Wenn ein neuer Kredit zu besseren Konditionen m\u00f6glich scheint, lohnt sich eine Pr\u00fcfung.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase-card\">\r\n          <h3 class=\"bf-title-sm\">Monatsrate soll besser passen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Bei ver\u00e4ndertem Budget kann eine neue Struktur helfen, die Belastung besser zu verteilen.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-usecase-card\">\r\n          <h3 class=\"bf-title-sm\">Mehrere Verpflichtungen ordnen<\/h3>\r\n          <p class=\"bf-text\">\r\n            Wer den \u00dcberblick vereinfachen m\u00f6chte, kann bestehende Finanzierungen neu zusammenf\u00fchren.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SEO-Text -->\r\n  <section class=\"bf-section bf-section-light\">\r\n    <div class=\"bf-wrap\">\r\n      <div class=\"bf-grid-2\">\r\n        <div>\r\n          <h2 class=\"bf-title-lg\">Abl\u00f6sungskredit Schweiz: bestehende Kredite sinnvoll neu strukturieren<\/h2>\r\n          <p class=\"bf-text\">\r\n            Der Begriff <strong>Abl\u00f6sungskredit Schweiz<\/strong> beschreibt eine Finanzierung, mit der ein bestehender Kredit oder mehrere laufende Verpflichtungen durch eine neue L\u00f6sung ersetzt werden. Ziel ist es, die Finanzierung an die aktuelle Situation anzupassen und unn\u00f6tige Komplexit\u00e4t zu vermeiden.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Viele Menschen suchen nach Begriffen wie <strong>Kredit abl\u00f6sen<\/strong>, <strong>Kredit umschulden<\/strong>, <strong>bestehenden Kredit ersetzen<\/strong> oder <strong>g\u00fcnstigen Abl\u00f6sungskredit<\/strong>. Hinter all diesen Suchanfragen steht derselbe Wunsch: bessere \u00dcbersicht, verst\u00e4ndliche Konditionen und eine Finanzierung, die besser passt.\r\n          <\/p>\r\n          <p class=\"bf-text\">\r\n            Eine gute Landingpage zum Thema Kreditabl\u00f6sung sollte deshalb nicht nur informieren, sondern auch Orientierung geben. Genau daf\u00fcr ist diese Seite aufgebaut: klar, transparent und auf eine pragmatische Entscheidungshilfe ausgerichtet.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bf-card\">\r\n          <h3 class=\"bf-title-md\">Kurz gesagt<\/h3>\r\n          <ul class=\"bf-checklist\">\r\n            <li>Kreditabl\u00f6sung kann helfen, bestehende Kredite neu zu ordnen<\/li>\r\n            <li>Eine Pr\u00fcfung lohnt sich besonders bei teuren oder unflexiblen Altvertr\u00e4gen<\/li>\r\n            <li>Entscheidend ist immer die individuelle Situation<\/li>\r\n            <li>Der Rechner liefert eine erste Orientierung, die Beratung den echten Mehrwert<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<section class=\"bf-premium-faq-section\">\r\n  <style>\r\n    .bf-premium-faq-section,\r\n    .bf-premium-faq-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bf-premium-faq-section {\r\n      --bf-blue: #2f6fd6;\r\n      --bf-blue-dark: #153e75;\r\n      --bf-blue-soft: #eef4ff;\r\n      --bf-gold: #c9a55a;\r\n      --bf-gold-dark: #b48d42;\r\n      --bf-text: #1f2b3d;\r\n      --bf-text-soft: #5e6c84;\r\n      --bf-border: rgba(47, 111, 214, 0.10);\r\n      --bf-shadow: 0 12px 30px rgba(21, 62, 117, 0.08);\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.65;\r\n      padding: 72px 0;\r\n      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\r\n    }\r\n\r\n    .bf-premium-faq-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-premium-faq-head {\r\n      max-width: 860px;\r\n      margin: 0 auto 30px;\r\n      text-align: center;\r\n    }\r\n\r\n    .bf-premium-faq-kicker {\r\n      display: inline-block;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: rgba(47,111,214,0.08);\r\n      color: var(--bf-blue-dark);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      margin-bottom: 14px;\r\n      border: 1px solid rgba(47,111,214,0.10);\r\n    }\r\n\r\n    .bf-premium-faq-title {\r\n      font-size: 38px;\r\n      line-height: 1.14;\r\n      letter-spacing: -0.025em;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      margin: 0 0 14px;\r\n    }\r\n\r\n    .bf-premium-faq-lead {\r\n      font-size: 18px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0;\r\n    }\r\n\r\n    .bf-premium-faq-list {\r\n      max-width: 980px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bf-premium-faq-item {\r\n      background: #fff;\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 20px;\r\n      margin-bottom: 14px;\r\n      box-shadow: 0 8px 20px rgba(21, 62, 117, 0.04);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .bf-premium-faq-item summary {\r\n      list-style: none;\r\n      cursor: pointer;\r\n      padding: 22px 22px;\r\n      font-size: 18px;\r\n      line-height: 1.35;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      position: relative;\r\n      padding-right: 54px;\r\n    }\r\n\r\n    .bf-premium-faq-item summary::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    .bf-premium-faq-item summary::after {\r\n      content: \"+\";\r\n      position: absolute;\r\n      right: 22px;\r\n      top: 16px;\r\n      font-size: 30px;\r\n      line-height: 1;\r\n      color: var(--bf-gold-dark);\r\n      font-weight: 500;\r\n    }\r\n\r\n    .bf-premium-faq-item[open] summary::after {\r\n      content: \"\u2013\";\r\n    }\r\n\r\n    .bf-premium-faq-content {\r\n      padding: 0 22px 22px;\r\n    }\r\n\r\n    .bf-premium-faq-content p {\r\n      margin: 0 0 12px;\r\n      font-size: 16px;\r\n      color: var(--bf-text-soft);\r\n    }\r\n\r\n    .bf-premium-faq-content p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .bf-premium-faq-note {\r\n      margin-top: 18px;\r\n      padding: 16px 18px;\r\n      border-radius: 16px;\r\n      background: rgba(47,111,214,0.06);\r\n      border: 1px solid rgba(47,111,214,0.09);\r\n      font-size: 14px;\r\n      color: var(--bf-text-soft);\r\n      max-width: 980px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bf-premium-faq-section {\r\n        padding: 42px 0;\r\n      }\r\n\r\n      .bf-premium-faq-wrap {\r\n        padding: 0 16px;\r\n      }\r\n\r\n      .bf-premium-faq-title {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .bf-premium-faq-lead,\r\n      .bf-premium-faq-content p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .bf-premium-faq-item summary {\r\n        font-size: 17px;\r\n        padding: 18px 18px;\r\n        padding-right: 48px;\r\n      }\r\n\r\n      .bf-premium-faq-item summary::after {\r\n        right: 18px;\r\n        top: 12px;\r\n      }\r\n\r\n      .bf-premium-faq-content {\r\n        padding: 0 18px 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bf-premium-faq-wrap\">\r\n    <div class=\"bf-premium-faq-head\">\r\n      <div class=\"bf-premium-faq-kicker\">FAQ Kreditabl\u00f6sung Schweiz<\/div>\r\n      <h2 class=\"bf-premium-faq-title\">H\u00e4ufige Fragen zum Kredit abl\u00f6sen in der Schweiz<\/h2>\r\n      <p class=\"bf-premium-faq-lead\">\r\n        Diese Antworten helfen Ihnen, das Thema Kreditabl\u00f6sung besser einzuordnen und schneller zu erkennen, ob eine neue Finanzierung f\u00fcr Ihre Situation sinnvoll sein kann.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bf-premium-faq-list\">\r\n      <details class=\"bf-premium-faq-item\" open>\r\n        <summary>Was bedeutet Kredit abl\u00f6sen genau?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Einen <strong>Kredit abl\u00f6sen<\/strong> bedeutet, dass ein bestehender Kredit durch eine neue Finanzierung ersetzt wird. Ziel ist es, die aktuelle Kreditl\u00f6sung neu zu strukturieren und an die heutige Situation anzupassen.\r\n          <\/p>\r\n          <p>\r\n            Je nach Ausgangslage kann eine Kreditabl\u00f6sung helfen, die Monatsrate besser zu planen, die \u00dcbersicht zu verbessern oder g\u00fcnstigere Konditionen zu pr\u00fcfen.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Wann kann sich ein Abl\u00f6sungskredit lohnen?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Ein <strong>Abl\u00f6sungskredit in der Schweiz<\/strong> kann besonders dann interessant sein, wenn Ihr bestehender Kredit nicht mehr optimal zu Ihrer aktuellen Situation passt.\r\n          <\/p>\r\n          <p>\r\n            Typische Gr\u00fcnde sind: eine zu hohe monatliche Belastung, un\u00fcbersichtliche parallele Verpflichtungen oder der Wunsch, die Finanzierung mit besseren Konditionen neu zu ordnen.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Kann ich mit einer Kreditabl\u00f6sung meine Monatsrate senken?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Das ist m\u00f6glich, h\u00e4ngt aber immer von der individuellen Ausgangslage ab. Eine neue Finanzierung kann so aufgebaut werden, dass sie besser zu Ihrem Budget passt.\r\n          <\/p>\r\n          <p>\r\n            Entscheidend sind dabei unter anderem Kreditbetrag, Laufzeit, bestehende Verpflichtungen und die pers\u00f6nlichen Voraussetzungen. Deshalb lohnt sich eine individuelle Pr\u00fcfung.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Ist Kredit abl\u00f6sen dasselbe wie Kredit umschulden?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Im Alltag werden die Begriffe oft \u00e4hnlich verwendet. Gemeint ist in beiden F\u00e4llen meist, dass eine bestehende Finanzierung durch eine neue L\u00f6sung ersetzt oder neu geordnet wird.\r\n          <\/p>\r\n          <p>\r\n            Auf Landingpages und in Suchmaschinen tauchen deshalb Begriffe wie <strong>Kredit abl\u00f6sen<\/strong>, <strong>Kredit umschulden<\/strong> oder <strong>bestehenden Kredit ersetzen<\/strong> h\u00e4ufig im gleichen Zusammenhang auf.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Kann ich mehrere Verpflichtungen mit einer neuen L\u00f6sung zusammenf\u00fchren?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            In vielen F\u00e4llen ist genau das ein wichtiger Grund f\u00fcr eine Pr\u00fcfung. Wer mehrere laufende Verpflichtungen neu strukturieren m\u00f6chte, sucht oft mehr \u00dcbersicht und eine klarere monatliche Planung.\r\n          <\/p>\r\n          <p>\r\n            Ob und wie das sinnvoll umgesetzt werden kann, h\u00e4ngt von der konkreten finanziellen Situation ab.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Wie finde ich heraus, ob mein aktueller Kredit zu teuer ist?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Eine erste Orientierung erhalten Sie mit dem Rechner auf der Seite. Noch wichtiger ist aber die pers\u00f6nliche Einsch\u00e4tzung: Erst im Vergleich mit Ihrer heutigen Situation l\u00e4sst sich beurteilen, ob eine neue Struktur sinnvoll erscheint.\r\n          <\/p>\r\n          <p>\r\n            Nicht nur der Zinssatz z\u00e4hlt, sondern die gesamte Finanzierung, inklusive Laufzeit, Rate und Gesamtbelastung.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Ist die Anfrage f\u00fcr eine Kreditabl\u00f6sung kostenlos und unverbindlich?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Ja. Die erste Einsch\u00e4tzung und die Pr\u00fcfung Ihrer M\u00f6glichkeiten sind kostenlos und unverbindlich.\r\n          <\/p>\r\n          <p>\r\n            So k\u00f6nnen Sie in Ruhe abkl\u00e4ren, ob ein Abl\u00f6sungskredit f\u00fcr Sie \u00fcberhaupt infrage kommt.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Beeinflusst die Nutzung des Rechners meine Bonit\u00e4t?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Der Rechner dient in erster Linie der Orientierung. Er hilft Ihnen, ein erstes Gef\u00fchl f\u00fcr eine m\u00f6gliche neue Finanzierung zu bekommen.\r\n          <\/p>\r\n          <p>\r\n            Die eigentliche Beurteilung erfolgt erst in der pers\u00f6nlichen Pr\u00fcfung Ihrer Situation.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Welche Informationen sind f\u00fcr eine seri\u00f6se Pr\u00fcfung wichtig?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Damit sinnvoll beurteilt werden kann, ob sich ein bestehender Kredit abl\u00f6sen l\u00e4sst, sind Informationen zur aktuellen Finanzierung, zur monatlichen Belastung und zur pers\u00f6nlichen Situation hilfreich.\r\n          <\/p>\r\n          <p>\r\n            Je klarer die Ausgangslage ist, desto besser l\u00e4sst sich einsch\u00e4tzen, ob eine neue L\u00f6sung Vorteile bringen kann.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details class=\"bf-premium-faq-item\">\r\n        <summary>Wie schnell weiss ich, ob eine Kreditabl\u00f6sung sinnvoll sein kann?<\/summary>\r\n        <div class=\"bf-premium-faq-content\">\r\n          <p>\r\n            Mit dem Rechner erhalten Sie schnell eine erste Orientierung. Die eigentliche St\u00e4rke liegt danach in der pers\u00f6nlichen Einsch\u00e4tzung Ihrer Situation.\r\n          <\/p>\r\n          <p>\r\n            So bekommen Sie nicht nur Zahlen, sondern auch eine realistische Einordnung Ihrer M\u00f6glichkeiten.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n    <\/div>\r\n\r\n    <div class=\"bf-premium-faq-note\">\r\n      Hinweis: Ob eine Kreditabl\u00f6sung sinnvoll ist, h\u00e4ngt immer von der individuellen Situation ab. Eine seri\u00f6se Pr\u00fcfung betrachtet nicht nur den Zinssatz, sondern die gesamte Finanzierungsstruktur.\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <!-- Abschluss CTA -->\r\n<section class=\"bf-section\">\r\n  <div class=\"bf-wrap\">\r\n    <div class=\"bf-cta-box\">\r\n      <h2 class=\"bf-title-lg\">Jetzt Kreditabl\u00f6sung pr\u00fcfen und Klarheit gewinnen<\/h2>\r\n      <p class=\"bf-lead\" style=\"max-width:860px; margin-left:auto; margin-right:auto;\">\r\n        Nutzen Sie Ihren Rechner direkt auf dieser Seite f\u00fcr eine erste Einsch\u00e4tzung und lassen Sie anschliessend pr\u00fcfen, ob eine Kreditabl\u00f6sung in Ihrer Situation sinnvoll sein kann.\r\n      <\/p>\r\n\r\n      <div class=\"bf-cta-btn-row\">\r\n        <a href=\"#calculator\" class=\"bf-btn bf-btn-primary\">Jetzt Abl\u00f6sung berechnung<\/a>\r\n       \r\n      <\/div>\r\n\r\n      <div class=\"bf-contact-bar\">\r\n        <a id=\"bf-phone-link-2\" class=\"bf-contact-item\" href=\"#\">\r\n          \ud83d\udcde <span id=\"bf-phone-text-2\">Pers\u00f6nlich beraten lassen<\/span>\r\n        <\/a>\r\n\r\n        <a id=\"bf-whatsapp-link-2\" class=\"bf-contact-item bf-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n          \ud83d\udcac <span id=\"bf-whatsapp-text-2\">WhatsApp<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"bf-mini-note\">\r\n        Kostenlos, unverbindlich und pers\u00f6nlich begleitet.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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 Aarau\";\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  \/\/ ===== BUTTONS (Telefon CTA) =====\r\n  const callBtns = [\r\n    document.getElementById(\"bf-abl-call-btn\"),\r\n    document.getElementById(\"bf-abl-call-btn-2\")\r\n  ];\r\n\r\n  callBtns.forEach(btn => {\r\n    if (btn) btn.href = phone;\r\n  });\r\n\r\n  \/\/ ===== TELEFON LINKS =====\r\n  const phoneLinks = [\r\n    document.getElementById(\"bf-phone-link\"),\r\n    document.getElementById(\"bf-phone-link-2\")\r\n  ];\r\n\r\n  phoneLinks.forEach(link => {\r\n    if (link) link.href = phone;\r\n  });\r\n\r\n  \/\/ ===== TEXT FIX (WICHTIG) =====\r\n  const phoneTexts = [\r\n    document.getElementById(\"bf-phone-text\"),\r\n    document.getElementById(\"bf-phone-text-2\")\r\n  ];\r\n\r\n  phoneTexts.forEach(text => {\r\n    if (text) text.innerText = \"Pers\u00f6nlich beraten lassen\";\r\n  });\r\n\r\n  \/\/ ===== WHATSAPP =====\r\n  const whatsappLinks = [\r\n    document.getElementById(\"bf-whatsapp-link\"),\r\n    document.getElementById(\"bf-whatsapp-link-2\")\r\n  ];\r\n\r\n  const whatsappTexts = [\r\n    document.getElementById(\"bf-whatsapp-text\"),\r\n    document.getElementById(\"bf-whatsapp-text-2\")\r\n  ];\r\n\r\n  whatsappLinks.forEach(link => {\r\n    if (link) link.href = whatsapp;\r\n  });\r\n\r\n  whatsappTexts.forEach(text => {\r\n    if (text) text.innerText = whatsappText;\r\n  });\r\n\r\n})();\r\n<\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-5bc3623 e-flex e-con-boxed e-con e-parent\" data-id=\"5bc3623\" 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-23c57b5 elementor-widget elementor-widget-html\" data-id=\"23c57b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-google-reviews-section\">\r\n  <style>\r\n    .bf-google-reviews-section,\r\n    .bf-google-reviews-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bf-google-reviews-section {\r\n      --bf-blue: #2f6fd6;\r\n      --bf-blue-dark: #153e75;\r\n      --bf-blue-soft: #eef4ff;\r\n      --bf-gold: #c9a55a;\r\n      --bf-gold-dark: #b48d42;\r\n      --bf-text: #1f2b3d;\r\n      --bf-text-soft: #5e6c84;\r\n      --bf-border: rgba(47, 111, 214, 0.10);\r\n      --bf-shadow: 0 14px 34px rgba(21, 62, 117, 0.08);\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.65;\r\n      padding: 72px 0;\r\n      background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);\r\n    }\r\n\r\n    .bf-google-reviews-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-google-reviews-box {\r\n      background: rgba(255,255,255,0.96);\r\n      border: 1px solid var(--bf-border);\r\n      border-radius: 30px;\r\n      box-shadow: var(--bf-shadow);\r\n      padding: 36px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .bf-google-reviews-box::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -70px;\r\n      right: -70px;\r\n      width: 180px;\r\n      height: 180px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(47,111,214,0.10), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bf-google-reviews-head {\r\n      text-align: center;\r\n      max-width: 860px;\r\n      margin: 0 auto 28px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bf-google-kicker {\r\n      display: inline-block;\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      background: rgba(47,111,214,0.08);\r\n      color: var(--bf-blue-dark);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      margin-bottom: 14px;\r\n      border: 1px solid rgba(47,111,214,0.10);\r\n    }\r\n\r\n    .bf-google-title {\r\n      font-size: 38px;\r\n      line-height: 1.14;\r\n      letter-spacing: -0.025em;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      margin: 0 0 14px;\r\n    }\r\n\r\n    .bf-google-lead {\r\n      font-size: 18px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0;\r\n    }\r\n\r\n    .bf-google-score-row {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 18px;\r\n      flex-wrap: wrap;\r\n      margin: 28px 0 32px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bf-google-score {\r\n      font-size: 56px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n      letter-spacing: -0.03em;\r\n    }\r\n\r\n    .bf-google-stars-wrap {\r\n      text-align: left;\r\n    }\r\n\r\n    .bf-google-stars {\r\n      font-size: 28px;\r\n      line-height: 1;\r\n      color: var(--bf-gold-dark);\r\n      letter-spacing: 4px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .bf-google-sub {\r\n      font-size: 15px;\r\n      color: var(--bf-text-soft);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .bf-google-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bf-google-card {\r\n      background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);\r\n      border: 1px solid rgba(47,111,214,0.08);\r\n      border-radius: 22px;\r\n      padding: 24px;\r\n      box-shadow: 0 8px 20px rgba(21, 62, 117, 0.04);\r\n      height: 100%;\r\n    }\r\n\r\n    .bf-google-card-stars {\r\n      font-size: 20px;\r\n      line-height: 1;\r\n      color: var(--bf-gold-dark);\r\n      letter-spacing: 3px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .bf-google-card-text {\r\n      font-size: 16px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0 0 16px;\r\n    }\r\n\r\n    .bf-google-card-name {\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      color: var(--bf-blue-dark);\r\n    }\r\n\r\n    .bf-google-bottom {\r\n      text-align: center;\r\n      margin-top: 26px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .bf-google-bottom-text {\r\n      font-size: 15px;\r\n      color: var(--bf-text-soft);\r\n      margin: 0;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .bf-google-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .bf-google-reviews-section {\r\n        padding: 42px 0;\r\n      }\r\n\r\n      .bf-google-reviews-wrap {\r\n        padding: 0 16px;\r\n      }\r\n\r\n      .bf-google-reviews-box {\r\n        padding: 24px 18px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .bf-google-title {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .bf-google-lead,\r\n      .bf-google-card-text {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .bf-google-score {\r\n        font-size: 42px;\r\n      }\r\n\r\n      .bf-google-stars {\r\n        font-size: 24px;\r\n      }\r\n\r\n      .bf-google-stars-wrap {\r\n        text-align: center;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bf-google-reviews-wrap\">\r\n    <div class=\"bf-google-reviews-box\">\r\n      <div class=\"bf-google-reviews-head\">\r\n        <div class=\"bf-google-kicker\">Google Bewertungen<\/div>\r\n        <h2 class=\"bf-google-title\">Vertrauen durch echte Kundenerfahrungen<\/h2>\r\n        <p class=\"bf-google-lead\">\r\n          Pers\u00f6nliche Beratung, schnelle Reaktion und langj\u00e4hrige Erfahrung machen bei einer Kreditabl\u00f6sung oft den entscheidenden Unterschied.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bf-google-score-row\">\r\n        <div class=\"bf-google-score\">4.9<\/div>\r\n        <div class=\"bf-google-stars-wrap\">\r\n          <div class=\"bf-google-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <div class=\"bf-google-sub\">Google-Bewertung<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bf-google-grid\">\r\n        <div class=\"bf-google-card\">\r\n          <div class=\"bf-google-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"bf-google-card-text\">\r\n            Sehr freundliche und kompetente Beratung. Man f\u00fchlt sich ernst genommen und erh\u00e4lt verst\u00e4ndliche Antworten statt unn\u00f6tiger Komplexit\u00e4t.\r\n          <\/p>\r\n          <div class=\"bf-google-card-name\">Kundenfeedback<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-google-card\">\r\n          <div class=\"bf-google-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"bf-google-card-text\">\r\n            Schnelle R\u00fcckmeldung, professioneller Ablauf und eine klare Einsch\u00e4tzung der M\u00f6glichkeiten. Genau so w\u00fcnscht man sich eine pers\u00f6nliche Begleitung.\r\n          <\/p>\r\n          <div class=\"bf-google-card-name\">Kundenfeedback<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bf-google-card\">\r\n          <div class=\"bf-google-card-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"bf-google-card-text\">\r\n            Vertrauensw\u00fcrdig, diskret und hilfsbereit. Besonders positiv war, dass die Beratung pragmatisch und auf die individuelle Situation abgestimmt war.\r\n          <\/p>\r\n          <div class=\"bf-google-card-name\">Kundenfeedback<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bf-google-bottom\">\r\n        <p class=\"bf-google-bottom-text\">\r\n          Pers\u00f6nlich begleitet. Verst\u00e4ndlich erkl\u00e4rt. Seit 2004 im Schweizer Kreditmarkt aktiv.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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>Abl\u00f6sungskredit Schweiz Kredit abl\u00f6sen &amp; Zinsen senken \u2013 monatlich sparen L\u00f6sen Sie Ihren bestehenden Kredit ab und pr\u00fcfen Sie sofort, wie Sie Ihre Monatsrate reduzieren und bessere Konditionen erhalten k\u00f6nnen. Schnell, unverbindlich und pers\u00f6nlich begleitet. Kostenlose &amp; unverbindliche Pr\u00fcfung Zinsen optimieren &amp; Rate senken Pers\u00f6nliche Beratung seit 2004 Jetzt Einsparung berechnen \u2192 &#x1f4de;062 823 08 [&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":"Kredit abl\u00f6sen Schweiz: Zinsen sparen & Rate senken | Bestfinance","_seopress_titles_desc":"Bestehenden Kredit abl\u00f6sen und neu strukturieren. Jetzt Abl\u00f6sungskredit berechnen, Zinsen optimieren und Monatsrate anpassen. Schnell & unverbindlich pr\u00fcfen.","_seopress_robots_index":"","_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-3333","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/3333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/comments?post=3333"}],"version-history":[{"count":106,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/3333\/revisions"}],"predecessor-version":[{"id":203543,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/3333\/revisions\/203543"}],"wp:attachment":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/media?parent=3333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}