{"id":8635,"date":"2017-11-26T14:57:48","date_gmt":"2017-11-26T13:57:48","guid":{"rendered":"https:\/\/www.bestfinance.ch\/?page_id=8635"},"modified":"2026-04-14T14:50:35","modified_gmt":"2026-04-14T12:50:35","slug":"comparaison-de-credit-suisse-2","status":"publish","type":"page","link":"https:\/\/www.bestfinance.ch\/fr\/kreditvergleich-schweiz\/","title":{"rendered":"Comparaison de cr\u00e9dit Suisse"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8635\" class=\"elementor elementor-8635\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a6b8466 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"a6b8466\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-ec51002\" data-id=\"ec51002\" 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-ddf7ca5 elementor-widget elementor-widget-heading\" data-id=\"ddf7ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Kreditvergleich Schweiz<\/h1>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9207cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9207cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-ff85b7c\" data-id=\"ff85b7c\" 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-b722fe9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b722fe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e486524 elementor-widget elementor-widget-html\" data-id=\"e486524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .kreditvergleich-container {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', Arial, sans-serif;\n        padding: 20px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .calculator {\n        background: white;\n        padding: 40px;\n        border-radius: 16px;\n        margin-bottom: 30px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    }\n\n    .calculator h1 {\n        font-size: 32px;\n        font-weight: 800;\n        margin-bottom: 25px;\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .sliders {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        margin-bottom: 20px;\n    }\n\n    .slider-group label {\n        display: block;\n        margin-bottom: 12px;\n        color: #4A5568;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .slider-value {\n        font-size: 24px;\n        font-weight: 800;\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-top: 12px;\n    }\n\n    input[type=\"range\"] {\n        width: 100%;\n        height: 8px;\n        background: linear-gradient(to right, #667eea, #764ba2);\n        border-radius: 4px;\n        outline: none;\n        -webkit-appearance: none;\n    }\n\n    input[type=\"range\"]::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        background: white;\n        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);\n        cursor: pointer;\n        border: 3px solid #667eea;\n    }\n\n    input[type=\"range\"]::-moz-range-thumb {\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        background: white;\n        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);\n        cursor: pointer;\n        border: 3px solid #667eea;\n    }\n\n    .toggles {\n        display: flex;\n        gap: 30px;\n        margin-top: 30px;\n        padding-top: 30px;\n        border-top: 2px solid #E2E8F0;\n    }\n\n    .toggle-group {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .toggle {\n        position: relative;\n        width: 56px;\n        height: 30px;\n        background: #CBD5E0;\n        border-radius: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .toggle.active {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    }\n\n    .toggle-slider {\n        position: absolute;\n        top: 3px;\n        left: 3px;\n        width: 24px;\n        height: 24px;\n        background: white;\n        border-radius: 50%;\n        transition: transform 0.3s ease;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    }\n\n    .toggle.active .toggle-slider {\n        transform: translateX(26px);\n    }\n\n    .toggle-label {\n        font-size: 15px;\n        font-weight: 600;\n        color: #2D3748;\n    }\n\n    .results-header {\n        font-size: 28px;\n        font-weight: 800;\n        margin-bottom: 10px;\n        color: white;\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n    }\n\n    .results-subtitle {\n        color: rgba(255, 255, 255, 0.9);\n        margin-bottom: 15px;\n        font-size: 16px;\n    }\n\n    .results-count {\n        background: white;\n        color: #667eea;\n        padding: 10px 20px;\n        border-radius: 25px;\n        display: inline-block;\n        font-size: 14px;\n        font-weight: 700;\n        margin-bottom: 25px;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    }\n\n    .bank-card {\n        background: white;\n        border: none;\n        border-radius: 16px;\n        padding: 30px;\n        margin-bottom: 20px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n        transition: all 0.3s ease;\n    }\n\n    .bank-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n    }\n\n    .bank-card.hidden {\n        display: none;\n    }\n\n    .bank-top {\n        display: flex;\n        gap: 24px;\n        margin-bottom: 24px;\n    }\n\n    .bank-logo {\n        width: 90px;\n        height: 90px;\n        background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 26px;\n        font-weight: 800;\n        color: #667eea;\n        flex-shrink: 0;\n        overflow: hidden;\n        padding: 10px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    }\n\n    .bank-logo img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        object-position: center;\n    }\n\n    .bank-info {\n        flex: 1;\n    }\n\n    .best-badge {\n        background: linear-gradient(135deg, #48BB78 0%, #38A169 100%);\n        color: white;\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-size: 12px;\n        font-weight: 700;\n        display: inline-block;\n        margin-bottom: 10px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);\n    }\n\n    .bank-name {\n        font-size: 22px;\n        font-weight: 800;\n        margin-bottom: 6px;\n        color: #1A202C;\n    }\n\n    .bank-product {\n        color: #718096;\n        font-size: 14px;\n        margin-bottom: 10px;\n        font-weight: 500;\n    }\n\n    .data-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);\n        padding: 24px;\n        border-radius: 12px;\n        margin-bottom: 20px;\n        border: 1px solid #E2E8F0;\n    }\n\n    .data-item {\n        text-align: center;\n    }\n\n    .data-label {\n        font-size: 11px;\n        color: #718096;\n        margin-bottom: 8px;\n        text-transform: uppercase;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n    }\n\n    .data-value {\n        font-size: 16px;\n        font-weight: 700;\n        color: #2D3748;\n    }\n\n    .data-value.highlight {\n        color: #667eea;\n        font-size: 18px;\n        font-weight: 800;\n    }\n\n    .features {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 16px;\n        margin-bottom: 20px;\n    }\n\n    .feature {\n        font-size: 14px;\n        color: #2D3748;\n        font-weight: 500;\n    }\n\n    .feature::before {\n        content: \"\u2713\";\n        color: #48BB78;\n        margin-right: 8px;\n        font-weight: 800;\n    }\n\n    .btn-primary {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n        color: white;\n        border: none;\n        padding: 16px;\n        border-radius: 10px;\n        font-size: 16px;\n        font-weight: 700;\n        width: 100%;\n        cursor: pointer;\n        text-decoration: none;\n        display: block;\n        text-align: center;\n        margin-bottom: 12px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\n    }\n\n    .btn-primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);\n    }\n\n    .btn-details {\n        background: none;\n        border: none;\n        color: #667eea;\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        text-align: center;\n        width: 100%;\n        padding: 10px;\n        transition: all 0.2s ease;\n    }\n\n    .btn-details:hover {\n        color: #764ba2;\n    }\n\n    .details {\n        display: none;\n        margin-top: 24px;\n        padding-top: 24px;\n        border-top: 2px solid #E2E8F0;\n    }\n\n    .details.active {\n        display: block;\n    }\n\n    .details-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }\n\n    .detail-row {\n        padding: 8px 0;\n        font-size: 14px;\n        color: #4A5568;\n        line-height: 1.6;\n    }\n\n    .detail-row::before {\n        content: \"\u2022\";\n        color: #667eea;\n        font-weight: 800;\n        margin-right: 8px;\n    }\n\n    @media (max-width: 768px) {\n        .calculator {\n            padding: 25px;\n        }\n\n        .calculator h1 {\n            font-size: 26px;\n        }\n\n        .sliders {\n            grid-template-columns: 1fr;\n            gap: 25px;\n        }\n        \n        .data-grid {\n            grid-template-columns: repeat(2, 1fr);\n            padding: 20px;\n        }\n\n        .toggles {\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .bank-card {\n            padding: 20px;\n        }\n    }\n<\/style>\n\n<div class=\"kreditvergleich-container\">\n    <div class=\"calculator\">\n        <h1>Kreditvergleich Schweiz<\/h1>\n        \n        <div class=\"sliders\">\n            <div class=\"slider-group\">\n                <label>Gew\u00fcnschter Kreditbetrag<\/label>\n                <input type=\"range\" id=\"amount\" min=\"3000\" max=\"350000\" value=\"20000\" step=\"1000\">\n                <div class=\"slider-value\" id=\"amountValue\">CHF 20'000.-<\/div>\n            <\/div>\n            \n            <div class=\"slider-group\">\n                <label>Laufzeit in Monaten<\/label>\n                <input type=\"range\" id=\"duration\" min=\"6\" max=\"120\" value=\"36\" step=\"6\">\n                <div class=\"slider-value\" id=\"durationValue\">36 Monate<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"toggles\">\n            <div class=\"toggle-group\">\n                <div class=\"toggle\" id=\"eigentuemer-toggle\" onclick=\"toggleEigentuemer()\">\n                    <div class=\"toggle-slider\"><\/div>\n                <\/div>\n                <span class=\"toggle-label\">Eigent\u00fcmer<\/span>\n            <\/div>\n            \n            <div class=\"toggle-group\">\n                <div class=\"toggle\" id=\"selbstaendige-toggle\" onclick=\"toggleSelbstaendige()\">\n                    <div class=\"toggle-slider\"><\/div>\n                <\/div>\n                <span class=\"toggle-label\">Selbstst\u00e4ndige<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <h2 class=\"results-header\">Kreditangebote im Vergleich<\/h2>\n    <p class=\"results-subtitle\">F\u00fcr <span id=\"forAmount\">CHF 20'000.-<\/span> \u00fcber <span id=\"forDuration\">36 Monate<\/span><\/p>\n    <span class=\"results-count\"><span id=\"count\">6<\/span> Angebote gefunden<\/span>\n\n    <div id=\"banks-container\"><\/div>\n<\/div>\n\n<!-- JavaScript wird extern geladen -->\n<script src=\"kreditvergleich.js\"><\/script>\n\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-262ff2d e-flex e-con-boxed e-con e-parent\" data-id=\"262ff2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kreditvergleich Schweiz Kreditvergleich Schweiz Gew\u00fcnschter Kreditbetrag CHF 20&#8217;000.- Laufzeit in Monaten 36 Monate Eigent\u00fcmer Selbstst\u00e4ndige Kreditangebote im Vergleich F\u00fcr CHF 20&#8217;000.- \u00fcber 36 Monate 6 Angebote gefunden<\/p>","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":"Kreditvergleich Schweiz","_seopress_titles_desc":"Kreditvergleich Schweiz Jetzt kostenlos und unverbindlich anfordern Vergleichstabelle Kreditanbieter Schweiz Anbieter Zinss\u00e4tze Maximale Kreditkosten Minimale Kreditkosten BANK Now 4.5% - 9.9% CHF 3000.- CHF 2800.- Kostenlos Anfragen bob finance 4.9% - 9.9% CHF 3000.- CHF ...","_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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":null,"stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8635","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/8635","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=8635"}],"version-history":[{"count":24,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/8635\/revisions"}],"predecessor-version":[{"id":203605,"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/pages\/8635\/revisions\/203605"}],"wp:attachment":[{"href":"https:\/\/www.bestfinance.ch\/fr\/wp-json\/wp\/v2\/media?parent=8635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}