{"id":30,"date":"2026-03-30T13:19:41","date_gmt":"2026-03-30T13:19:41","guid":{"rendered":"https:\/\/dutchprivatgroup.nl\/?page_id=30"},"modified":"2026-04-04T16:15:31","modified_gmt":"2026-04-04T16:15:31","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/dutchprivatgroup.nl\/","title":{"rendered":"Acceuil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36955ca e-con-full e-flex e-con e-parent\" data-id=\"36955ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d928212 elementor-widget elementor-widget-text-editor\" data-id=\"d928212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dutch Privat Group &#8211; Finanzierung &#038; Kredit<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- FontAwesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n        \/* Styles des curseurs (Sliders) *\/\n        input[type=range] {\n            -webkit-appearance: none;\n            width: 100%;\n            background: transparent;\n        }\n        input[type=range]::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background: #ea580c; \/* Orange-600 *\/\n            cursor: pointer;\n            margin-top: -8px;\n            transition: transform 0.1s;\n        }\n        input[type=range]::-webkit-slider-thumb:hover {\n            transform: scale(1.2);\n        }\n        input[type=range]::-webkit-slider-runnable-track {\n            width: 100%;\n            height: 4px;\n            cursor: pointer;\n            background: #cbd5e1;\n            border-radius: 2px;\n        }\n        .dark-slider::-webkit-slider-runnable-track {\n            background: #475569; \n        }\n        \/* Animation Pulse pour les boutons *\/\n        @keyframes pulse-orange {\n            0% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.7); }\n            70% { box-shadow: 0 0 0 10px rgba(234, 88, 12, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0); }\n        }\n        .btn-pulse:hover {\n            animation: pulse-orange 1.5s infinite;\n        }\n        \/* Animations du Slider *\/\n        .hero-slide {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out;\n            z-index: 0;\n        }\n        .hero-slide.active {\n            opacity: 1;\n            visibility: visible;\n            z-index: 10;\n        }\n        .slide-content {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 1s ease-out 0.5s;\n        }\n        .hero-slide.active .slide-content {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \/* Ombre pour la lisibilit\u00e9 du texte sur les images claires *\/\n        .text-shadow-lg {\n            text-shadow: 0 2px 4px rgba(0,0,0,0.8);\n        }\n        .text-shadow-xl {\n            text-shadow: 0 4px 8px rgba(0,0,0,0.8), 0 2px 4px rgba(0,0,0,0.6);\n        }\n        \/* Transitions des sections *\/\n        .view-section {\n            display: none;\n            animation: fadeIn 0.4s ease-out;\n        }\n        .view-section.active {\n            display: block;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 flex flex-col min-h-screen text-left\">\n\n    <!-- NOTIFICATION TOAST -->\n    <div id=\"toast\" class=\"invisible fixed top-8 left-1\/2 -translate-x-1\/2 min-w-[280px] bg-slate-900 text-white p-4 rounded-xl shadow-2xl z-[2000] flex items-center gap-3 transition-all duration-300\">\n        <i class=\"fa-solid fa-circle-check text-green-500 text-xl\"><\/i>\n        <span id=\"toast-message\">Vielen Dank! Ihre Anfrage wurde gesendet.<\/span>\n    <\/div>\n\n    <!-- NAVIGATION -->\n    <nav class=\"bg-white\/95 backdrop-blur-sm shadow-sm sticky top-0 z-50 border-b border-slate-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-20\">\n                <div class=\"flex items-center\">\n                    <a href=\"#\" onclick=\"switchView('info')\" class=\"flex items-center gap-2 group\">\n                        <div class=\"bg-orange-600 text-white p-2 rounded-lg group-hover:bg-slate-900 transition-colors\">\n                            <i class=\"fa-solid fa-seedling text-2xl\"><\/i>\n                        <\/div>\n                        <div class=\"flex flex-col text-left\">\n                            <span class=\"font-bold text-xl text-slate-900 tracking-tight\">Dutch Privat<\/span>\n                            <span class=\"text-xs text-slate-500 uppercase tracking-widest\">Triodos Partner<\/span>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                \n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#about\" onclick=\"switchView('info')\" class=\"text-slate-600 hover:text-orange-600 font-medium transition text-sm uppercase tracking-wide\">\u00dcber Uns<\/a>\n                    <a href=\"#solutions\" onclick=\"switchView('info')\" class=\"text-slate-600 hover:text-orange-600 font-medium transition text-sm uppercase tracking-wide\">L\u00f6sungen<\/a>\n                    <a href=\"#\" onclick=\"switchView('contact')\" class=\"text-slate-600 hover:text-orange-600 font-medium transition text-sm uppercase tracking-wide\">Kontakt<\/a>\n                    \n                    <button onclick=\"switchView('application', 'contact-app')\" class=\"px-6 py-2.5 bg-orange-600 text-white rounded-full font-bold hover:bg-slate-900 transition shadow-lg transform hover:-translate-y-0.5 text-sm flex items-center gap-2\">\n                        <i class=\"fa-solid fa-pen-nib\"><\/i> Kredit beantragen\n                    <\/button>\n                <\/div>\n\n                <div class=\"flex items-center md:hidden\">\n                    <button onclick=\"toggleMobileMenu()\" class=\"text-slate-600 p-2\">\n                        <i class=\"fa-solid fa-bars text-2xl\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Menu Mobile -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-slate-100 absolute w-full shadow-xl z-50 text-left\">\n            <a href=\"#\" onclick=\"switchView('info'); toggleMobileMenu()\" class=\"block px-6 py-4 text-slate-600 hover:bg-orange-50 border-b border-slate-50\">Startseite<\/a>\n            <a href=\"#about\" onclick=\"switchView('info'); toggleMobileMenu()\" class=\"block px-6 py-4 text-slate-600 hover:bg-orange-50 border-b border-slate-50\">\u00dcber Uns<\/a>\n            <a href=\"#\" onclick=\"switchView('contact'); toggleMobileMenu()\" class=\"block px-6 py-4 text-slate-600 hover:bg-orange-50 border-b border-slate-50\">Kontakt<\/a>\n            <button onclick=\"switchView('application', 'contact-app'); toggleMobileMenu()\" class=\"block w-full text-left px-6 py-4 text-orange-600 font-bold bg-orange-50\">\n                Jetzt Kredit beantragen\n            <\/button>\n        <\/div>\n    <\/nav>\n\n    <main class=\"flex-grow\">\n\n        <!-- ========================================== -->\n        <!-- VIEW 1: HAUPTSEITE (ACCUEIL) -->\n        <!-- ========================================== -->\n        <div id=\"view-info\" class=\"view-section active\">\n            \n            <!-- SECTION HERO SLIDER -->\n            <section class=\"relative min-h-[600px] lg:min-h-[700px] text-white flex items-center overflow-hidden bg-slate-900\">\n                \n                <!-- SLIDE 1 -->\n                <div class=\"hero-slide active absolute inset-0 w-full h-full flex items-center\">\n                    <div class=\"absolute inset-0 z-0\">\n                        <img  alt=\"Banque Finance\" class=\"w-full h-full object-cover object-top\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/i.pinimg.com\/736x\/55\/81\/43\/558143435f2ac5b2a61566c190b504e6.jpg\">\n                        <!-- L\u00e9ger d\u00e9grad\u00e9 aux extr\u00e9mit\u00e9s pour garder le menu et les boutons lisibles sans assombrir le centre -->\n                        <div class=\"absolute inset-0 bg-gradient-to-b from-black\/50 via-black\/10 to-black\/50\"><\/div>\n                    <\/div>\n                    <div class=\"relative z-10 max-w-7xl mx-auto px-4 py-24 sm:px-6 lg:py-32 flex flex-col items-center text-center slide-content w-full\">\n                        <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-slate-900\/60 border border-slate-700 text-xs font-semibold text-orange-400 mb-6 uppercase tracking-wider backdrop-blur-md shadow-lg\">\n                            <i class=\"fa-solid fa-check-circle\"><\/i> Offiziell reguliert\n                        <\/div>\n                        <h1 class=\"text-4xl md:text-6xl font-bold tracking-tight mb-6 leading-tight text-center text-shadow-xl\">\n                            Verantwortungsvolle <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-orange-500 drop-shadow-md\">Finanzierungsl\u00f6sungen<\/span>\n                        <\/h1>\n                        <p class=\"text-lg md:text-2xl text-white font-medium max-w-2xl mb-10 leading-relaxed text-shadow-lg text-center\">\n                            Dutch Privat Group in Kooperation mit der Triodos Bank. Transparente Kredite ab <strong>3,00% effektivem Jahreszins<\/strong>.\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-4 w-full sm:w-auto justify-center\">\n                            <a href=\"#home-calc\" class=\"px-8 py-4 bg-orange-600 rounded-lg font-bold text-lg hover:bg-orange-700 transition shadow-xl text-center border border-orange-500\">Blitz-Rate berechnen<\/a>\n                            <a href=\"#solutions\" class=\"px-8 py-4 bg-slate-900\/70 backdrop-blur-md border border-slate-600 rounded-lg font-bold text-lg hover:bg-white hover:text-slate-900 transition text-center shadow-xl\">Unsere Angebote<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- SLIDE 2 -->\n                <div class=\"hero-slide absolute inset-0 w-full h-full flex items-center\">\n                    <div class=\"absolute inset-0 z-0\">\n                        <img  alt=\"Projekte verwirklichen\" class=\"w-full h-full object-cover object-center\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/prod-centiva-blogue-api-uploads.s3.ca-central-1.amazonaws.com\/medias\/1\/1\/pG1acFQGSxZKgbFY282MdR0tgTuo4804YlXCsF95_full.jpeg\">\n                        <div class=\"absolute inset-0 bg-gradient-to-b from-black\/50 via-black\/10 to-black\/50\"><\/div>\n                    <\/div>\n                    <div class=\"relative z-10 max-w-7xl mx-auto px-4 py-24 sm:px-6 lg:py-32 flex flex-col items-center text-center slide-content w-full\">\n                        <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-slate-900\/60 border border-slate-700 text-xs font-semibold text-orange-400 mb-6 uppercase tracking-wider backdrop-blur-md shadow-lg\">\n                            <i class=\"fa-solid fa-rocket\"><\/i> Schnell &#038; Unkompliziert\n                        <\/div>\n                        <h1 class=\"text-4xl md:text-6xl font-bold tracking-tight mb-6 leading-tight text-center text-shadow-xl\">\n                            Verwirklichen Sie <br> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-orange-500 drop-shadow-md\">Ihre Tr\u00e4ume<\/span>\n                        <\/h1>\n                        <p class=\"text-lg md:text-2xl text-white font-medium max-w-2xl mb-10 leading-relaxed text-shadow-lg text-center\">\n                            Flexible Kredite f\u00fcr Ihre individuellen Bed\u00fcrfnisse. Ein rein digitaler Antrag in nur wenigen Minuten.\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-4 w-full sm:w-auto justify-center\">\n                            <button onclick=\"switchView('application', 'contact-app')\" class=\"px-8 py-4 bg-orange-600 rounded-lg font-bold text-lg hover:bg-orange-700 transition shadow-xl text-center border border-orange-500\">Jetzt beantragen<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Slider Controls (Navigation points) -->\n                <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 z-20 flex gap-2\">\n                    <div class=\"w-2 h-2 rounded-full bg-white\/50 transition-colors slider-dot\"><\/div>\n                    <div class=\"w-2 h-2 rounded-full bg-white\/50 transition-colors slider-dot\"><\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION \u00c0 PROPOS -->\n            <section id=\"about\" class=\"py-24 bg-white relative overflow-hidden\">\n                <!-- D\u00e9coration de fond -->\n                <div class=\"absolute top-0 left-0 w-full h-[60%] bg-slate-50 z-0\"><\/div>\n                \n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10\">\n                    <!-- En-t\u00eate de la section -->\n                    <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                        <span class=\"text-orange-600 font-bold tracking-wider uppercase text-sm\">Wer wir sind<\/span>\n                        <h2 class=\"text-3xl md:text-5xl font-bold text-slate-900 mt-4 mb-6\">\u00dcber Dutch Privat Group<\/h2>\n                        <p class=\"text-lg md:text-xl text-slate-600 leading-relaxed\">\n                            Wir verbinden Menschen mit den notwendigen Mitteln, um ihre Ziele verantwortungsbewusst und nachhaltig zu erreichen.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Image pleine largeur non recadr\u00e9e (MISE \u00c0 JOUR) -->\n                    <div class=\"relative mb-16 max-w-5xl mx-auto\">\n                        <div class=\"relative z-10 rounded-3xl overflow-hidden shadow-2xl ring-1 ring-slate-200 bg-white\">\n                            <img  alt=\"Team Dutch Privat\" class=\"w-full h-auto block\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ar.stihl.com\/2021\/STI_21_005_vorstand_01.05c97e2e.jpeg\">\n                        <\/div>\n                        \n                        <!-- BOUTON VERT DE CERTIFICAT -->\n                        <div class=\"absolute -bottom-6 -right-2 md:-bottom-8 md:-right-8 bg-white p-4 md:p-6 rounded-2xl shadow-2xl z-20 border border-slate-100 flex items-center gap-3 md:gap-4 transform hover:-translate-y-2 transition-transform duration-300\">\n                            <div class=\"bg-green-100 w-12 h-12 md:w-14 md:h-14 rounded-full flex items-center justify-center text-green-600 shrink-0\">\n                                <i class=\"fa-solid fa-certificate text-2xl md:text-3xl\"><\/i>\n                            <\/div>\n                            <div class=\"text-left\">\n                                <p class=\"text-sm md:text-lg font-bold text-slate-900 leading-tight\">Offiziell Lizenziert<\/p>\n                                <p class=\"text-xs md:text-sm text-slate-500 mt-0.5\">Triodos Bank N.V. Partner<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Informations additionnelles -->\n                    <div class=\"grid md:grid-cols-2 gap-12 items-center max-w-5xl mx-auto\">\n                        <div class=\"text-left\">\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4\">Unser Engagement<\/h3>\n                            <p class=\"text-lg text-slate-600 leading-relaxed\">\n                                Als strategischer Partner der <strong>Triodos Bank N.V.<\/strong> setzen wir auf Transparenz und ethisches Banking. Ihr Geld wirkt dort, wo es gebraucht wird.\n                            <\/p>\n                        <\/div>\n                        <div class=\"bg-orange-50 p-8 rounded-3xl border-l-4 border-orange-500 shadow-sm text-left\">\n                            <h4 class=\"font-bold text-slate-900 mb-3 text-xl\">Unsere Mission<\/h4>\n                            <p class=\"text-slate-700 italic text-lg leading-relaxed\">\u00ab\u00a0Geld so einzusetzen, dass es der positiven Entwicklung von Mensch und Natur dient.\u00a0\u00bb<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION BLITZ-RECHNER -->\n            <section id=\"home-calc\" class=\"bg-slate-900 py-20 border-t border-slate-800 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-96 h-96 bg-orange-600\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6 relative z-10 text-left\">\n                    <div class=\"bg-slate-800\/50 backdrop-blur-sm border border-slate-700 p-8 lg:p-12 rounded-3xl shadow-2xl text-left\">\n                        <div class=\"grid lg:grid-cols-3 gap-12 items-center text-left\">\n                            <div>\n                                <h3 class=\"text-3xl font-bold text-white mb-4\">Blitz-Rechner<\/h3>\n                                <p class=\"text-slate-400 mb-6\">Erhalten Sie in Sekunden eine Sch\u00e4tzung Ihrer monatlichen Rate.<\/p>\n                                <div class=\"space-y-3\">\n                                    <div class=\"flex items-center gap-3 text-green-400 font-bold text-sm text-left\">\n                                        <i class=\"fa-solid fa-bolt-lightning text-orange-500\"><\/i>\n                                        <span>Zinssatz ab 3,00%*<\/span>\n                                    <\/div>\n                                    <div class=\"flex items-center gap-3 text-slate-400 text-xs italic text-left\">\n                                        <i class=\"fa-solid fa-check\"><\/i>\n                                        <span>Keine versteckten Geb\u00fchren<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"space-y-8 text-left\">\n                                <div>\n                                    <div class=\"flex justify-between mb-4 items-center text-left\">\n                                        <label class=\"text-slate-400 text-xs font-bold uppercase tracking-wider\">Kreditbetrag<\/label>\n                                        <span class=\"text-white font-mono text-xl font-bold\" id=\"home-amount-display\">50.000 \u20ac<\/span>\n                                    <\/div>\n                                    <input type=\"range\" class=\"dark-slider w-full\" min=\"5000\" max=\"1000000\" step=\"1000\" value=\"50000\" id=\"home-amount\" oninput=\"calculateHomeLoan()\">\n                                    <div class=\"flex justify-between mt-2 text-[10px] text-slate-500 uppercase tracking-widest font-bold\">\n                                        <span>Min: 5.000 \u20ac<\/span>\n                                        <span>Max: 1M \u20ac<\/span>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div>\n                                    <div class=\"flex justify-between mb-4 items-center text-left\">\n                                        <label class=\"text-slate-400 text-xs font-bold uppercase tracking-wider\">Laufzeit<\/label>\n                                        <span class=\"text-white font-mono text-xl font-bold\" id=\"home-months-display\">48 Monate<\/span>\n                                    <\/div>\n                                    <input type=\"range\" class=\"dark-slider w-full\" min=\"12\" max=\"240\" step=\"12\" value=\"48\" id=\"home-months\" oninput=\"calculateHomeLoan()\">\n                                    <div class=\"flex justify-between mt-2 text-[10px] text-slate-500 uppercase tracking-widest font-bold\">\n                                        <span>12 Monate<\/span>\n                                        <span>240 Monate<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"bg-slate-900 p-8 rounded-3xl text-center border border-slate-700 shadow-inner\">\n                                <p class=\"text-slate-400 text-[10px] font-bold uppercase tracking-[0.2em] mb-4\">Gesch\u00e4tzte Monatsrate<\/p>\n                                <div class=\"text-5xl font-bold text-white mb-8 tracking-tighter\" id=\"home-monthly-result\">1.106,62 \u20ac<\/div>\n                                <button onclick=\"setSubject('Ratenkredit'); switchView('application', 'contact-app')\" class=\"w-full btn-pulse py-4 bg-orange-600 text-white font-bold rounded-xl shadow-lg hover:bg-orange-700 transition transform active:scale-95 text-sm uppercase tracking-wider text-center\">\n                                    Jetzt Angebot anfordern\n                                <\/button>\n                                <p class=\"mt-4 text-[9px] text-slate-500\">* Bonit\u00e4t vorausgesetzt. Unverbindliche Kalkulation.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION SOLUTIONS -->\n            <section id=\"solutions\" class=\"py-20 bg-slate-50 text-left\">\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n                    <div class=\"text-center mb-16\">\n                        <span class=\"text-orange-600 font-bold tracking-wider uppercase text-sm\">Unsere Angebote<\/span>\n                        <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mt-2 mb-4 text-center\">Finanzierung nach Ma\u00df<\/h2>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-orange-600\"><\/div>\n                            <i class=\"fa-solid fa-user-check text-orange-600 text-3xl mb-4\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Ratenkredit<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">Flexibel f\u00fcr private W\u00fcnsche und Anschaffungen.<\/p>\n                            <button onclick=\"setSubject('Ratenkredit'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm\">Beantragen &rarr;<\/button>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-slate-700\"><\/div>\n                            <i class=\"fa-solid fa-house text-slate-700 text-3xl mb-4 text-left\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Immobilien<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">Baufinanzierung f\u00fcr Eigenheim oder Kapitalanlage.<\/p>\n                            <button onclick=\"setSubject('Immobilien'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm\">Beantragen &rarr;<\/button>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-green-600\"><\/div>\n                            <i class=\"fa-solid fa-briefcase text-green-600 text-3xl mb-4 text-left\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Investition<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">Kapital f\u00fcr Unternehmen und Selbstst\u00e4ndige.<\/p>\n                            <button onclick=\"setSubject('Investition'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm text-left\">Beantragen &rarr;<\/button>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-blue-600\"><\/div>\n                            <i class=\"fa-solid fa-car text-blue-600 text-3xl mb-4\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Fahrzeug<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">G\u00fcnstige Zinsen f\u00fcr Ihren neuen PKW oder Motorrad.<\/p>\n                            <button onclick=\"setSubject('Fahrzeug'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm\">Beantragen &rarr;<\/button>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-yellow-500\"><\/div>\n                            <i class=\"fa-solid fa-paint-roller text-yellow-500 text-3xl mb-4 text-left\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Modernisierung<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">Wertsteigerung und Renovierung Ihrer Immobilie.<\/p>\n                            <button onclick=\"setSubject('Modernisierung'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm\">Beantragen &rarr;<\/button>\n                        <\/div>\n                        <div class=\"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-lg transition-all relative overflow-hidden group text-left text-left\">\n                            <div class=\"absolute top-0 left-0 w-1 h-full bg-red-600\"><\/div>\n                            <i class=\"fa-solid fa-repeat text-red-600 text-3xl mb-4 text-left\"><\/i>\n                            <h3 class=\"text-lg font-bold mb-2 text-slate-900\">Umschuldung<\/h3>\n                            <p class=\"text-slate-600 text-sm mb-6\">Bestehende Kredite b\u00fcndeln und Zinsen sparen.<\/p>\n                            <button onclick=\"setSubject('Umschuldung'); switchView('application', 'contact-app')\" class=\"text-orange-600 font-bold text-sm\">Beantragen &rarr;<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SECTION AVIS (9 AVIS : ALLEMAGNE, SUISSE, AUTRICHE) -->\n            <section id=\"reviews\" class=\"py-20 bg-white border-y border-slate-100 text-left\">\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n                    <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gap-8 text-left\">\n                        <div>\n                            <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Das sagen unsere Kunden<\/h2>\n                            <div class=\"flex items-center gap-4\">\n                                <div class=\"flex text-yellow-400\">\n                                    <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                                <\/div>\n                                <span class=\"text-slate-400 text-sm font-medium\">4.9\/5 Basierend auf \u00fcber 1.200 Rezensionen<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-slate-50 px-6 py-3 rounded-full border border-slate-100 flex items-center gap-3 shadow-sm\">\n                            <img  class=\"w-6 h-6\" alt=\"Google\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <span class=\"text-slate-700 font-bold text-sm\">Google Business verifiziert<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-3 gap-8\">\n                        <!-- DE -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6\">\n                                <div class=\"flex items-center gap-4\">\n                                    <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center font-bold text-orange-600\">TM<\/div>\n                                    <div><p class=\"font-bold text-slate-900 text-sm\">Thomas M\u00fcller<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">M\u00fcnchen, DE<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic\">\u00ab\u00a0Absolut reibungsloser Ablauf. Der Zinssatz von 3% wurde eingehalten, keine versteckten Kosten.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- AT -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left\">\n                                <div class=\"flex items-center gap-4 text-left\">\n                                    <div class=\"w-12 h-12 bg-red-100 rounded-full flex items-center justify-center font-bold text-red-600\">MH<\/div>\n                                    <div><p class=\"font-bold text-slate-900 text-sm\">Markus Huber<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest\">Wien, AT<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic\">\u00ab\u00a0Hervorragender Service. Die Abwicklung war unkompliziert und das Geld kam p\u00fcnktlich an. Sehr zu empfehlen.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- CH -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6\">\n                                <div class=\"flex items-center gap-4 text-left text-left\">\n                                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600 text-left text-left\">EF<\/div>\n                                    <div class=\"text-left text-left\"><p class=\"font-bold text-slate-900 text-sm text-left\">Elena Fischer<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">Z\u00fcrich, CH<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left\">\u00ab\u00a0Sehr professionelle Beratung. Als Schweizer Kunde sch\u00e4tze ich die Transparenz und die fairen Zinss\u00e4tze der Dutch Privat Group.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- DE -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left\">\n                                <div class=\"flex items-center gap-4 text-left\">\n                                    <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center font-bold text-orange-600\">SW<\/div>\n                                    <div><p class=\"font-bold text-slate-900 text-sm text-left\">Sabine Weber<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">Hamburg, DE<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left\">\u00ab\u00a0Kompetente Beratung und sehr schnelle Auszahlung. Ich habe endlich meine Umschuldung realisieren k\u00f6nnen.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- AT -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left\">\n                                <div class=\"flex items-center gap-4 text-left\">\n                                    <div class=\"w-12 h-12 bg-red-100 rounded-full flex items-center justify-center font-bold text-red-600\">LW<\/div>\n                                    <div><p class=\"font-bold text-slate-900 text-sm text-left\">Lukas Wagner<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">Salzburg, AT<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left\">\u00ab\u00a0Schnelle Kreditzusage und freundlicher Support. Alles digital und ohne l\u00e4stigen Papierkram.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- DE -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left text-left\">\n                                <div class=\"flex items-center gap-4 text-left text-left text-left\">\n                                    <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center font-bold text-orange-600 text-left text-left text-left\">AR<\/div>\n                                    <div class=\"text-left text-left text-left text-left\"><p class=\"font-bold text-slate-900 text-sm text-left text-left text-left text-left\">Andreas Richter<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left text-left text-left text-left text-left\">Frankfurt, DE<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition text-left\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left text-left text-left text-left\"><i class=\"fa-solid fa-star text-left\"><\/i><i class=\"fa-solid fa-star text-left text-left\"><\/i><i class=\"fa-solid fa-star text-left\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left text-left text-left\">\u00ab\u00a0Sehr professionell und transparent. Ich habe hier die perfekte L\u00f6sung f\u00fcr meine Investition gefunden.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- DE -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left text-left text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left text-left text-left\">\n                                <div class=\"flex items-center gap-4 text-left text-left\">\n                                    <div class=\"w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center font-bold text-orange-600 text-left text-left text-left text-left\">SM<\/div>\n                                    <div class=\"text-left text-left\"><p class=\"font-bold text-slate-900 text-sm text-left text-left text-left text-left\">Stefan Meyer<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left text-left text-left\">Stuttgart, DE<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition text-left\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left text-left text-left text-left text-left text-left text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star text-left text-left\"><\/i><i class=\"fa-solid fa-star text-left\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left text-left\">\u00ab\u00a0Gro\u00dfartige Erfahrung mit Dutch Privat. Alles wurde digital abgewickelt und die Zinsen sind unschlagbar fair.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- AT -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left\">\n                                <div class=\"flex items-center gap-4 text-left\">\n                                    <div class=\"w-12 h-12 bg-red-100 rounded-full flex items-center justify-center font-bold text-red-600\">MH<\/div>\n                                    <div><p class=\"font-bold text-slate-900 text-sm text-left\">Markus Huber<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">Wien, AT<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left\">\u00ab\u00a0Hervorragender Service. Die Abwicklung war unkompliziert und das Geld kam p\u00fcnktlich an. Sehr zu empfehlen f\u00fcr Bauvorhaben in \u00d6sterreich.\u00a0\u00bb<\/p>\n                        <\/div>\n                        <!-- CH -->\n                        <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-100 hover:shadow-xl transition-all group text-left\">\n                            <div class=\"flex items-center justify-between mb-6 text-left\">\n                                <div class=\"flex items-center gap-4 text-left text-left\">\n                                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center font-bold text-blue-600 text-left text-left\">EF<\/div>\n                                    <div class=\"text-left text-left\"><p class=\"font-bold text-slate-900 text-sm text-left\">Elena Fischer<\/p><p class=\"text-[10px] text-slate-400 uppercase tracking-widest text-left\">Z\u00fcrich, CH<\/p><\/div>\n                                <\/div>\n                                <img  class=\"w-4 h-4 opacity-40 group-hover:opacity-100 transition\" alt=\"G\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c1\/Google_%22G%22_logo.svg\">\n                            <\/div>\n                            <div class=\"flex text-yellow-400 text-[10px] mb-4 text-left\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n                            <p class=\"text-slate-600 text-sm leading-relaxed italic text-left\">\u00ab\u00a0Sehr professionelle Beratung. Als Schweizer Kunde sch\u00e4tze ich die Transparenz und die fairen Zinss\u00e4tze der Dutch Privat Group.\u00a0\u00bb<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- FAQ SECTION -->\n            <section id=\"faq\" class=\"py-20 bg-slate-50 text-left\">\n                <div class=\"max-w-3xl mx-auto px-4 text-left\">\n                    <h2 class=\"text-3xl font-bold text-center mb-12 text-slate-900 text-left text-left text-left\">H\u00e4ufig gestellte Fragen<\/h2>\n                    <div class=\"space-y-4 text-left text-left text-left text-left text-left\">\n                        <details class=\"bg-white p-6 rounded-2xl border border-slate-200 group transition shadow-sm hover:shadow-md text-left\">\n                            <summary class=\"font-bold cursor-pointer list-none flex justify-between items-center text-slate-800 text-left text-left text-left text-left\">\n                                Wie schnell erhalte ich das Geld? \n                                <i class=\"fa-solid fa-chevron-down text-orange-500 transition group-open:rotate-180 text-left text-left\"><\/i>\n                            <\/summary>\n                            <div class=\"mt-4 text-sm text-slate-600 leading-relaxed border-t border-slate-50 pt-4 text-left\">\n                                Nach erfolgreicher digitaler Signatur und abschlie\u00dfender Pr\u00fcfung wird der Kreditbetrag in der Regel innerhalb von <strong>24 bis 48 Stunden<\/strong> auf Ihr Konto \u00fcberwiesen.\n                            <\/div>\n                        <\/details>\n                        <details class=\"bg-white p-6 rounded-2xl border border-slate-200 group transition shadow-sm hover:shadow-md text-left text-left text-left text-left\">\n                            <summary class=\"font-bold cursor-pointer list-none flex justify-between items-center text-slate-800 text-left text-left text-left\">\n                                Welche Unterlagen werden ben\u00f6tigt?\n                                <i class=\"fa-solid fa-chevron-down text-orange-500 transition group-open:rotate-180 text-left text-left text-left\"><\/i>\n                            <\/summary>\n                            <div class=\"mt-4 text-sm text-slate-600 leading-relaxed border-t border-slate-50 pt-4 text-left text-left\">\n                                Wir ben\u00f6tigen in der Regel nur einen g\u00fcltigen Personalausweis (oder Reisepass) und die letzten drei Einkommensnachweise.\n                            <\/div>\n                        <\/details>\n                        <details class=\"bg-white p-6 rounded-2xl border border-slate-200 group transition shadow-sm hover:shadow-md text-left text-left text-left text-left\">\n                            <summary class=\"font-bold cursor-pointer list-none flex justify-between items-center text-slate-800 text-left text-left text-left\">\n                                Gibt es versteckte Geb\u00fchren?\n                                <i class=\"fa-solid fa-chevron-down text-orange-500 transition group-open:rotate-180 text-left text-left text-left\"><\/i>\n                            <\/summary>\n                            <div class=\"mt-4 text-sm text-slate-600 leading-relaxed border-t border-slate-50 pt-4 text-left text-left\">\n                                <strong>Nein.<\/strong> Transparenz ist unsere oberste Priorit\u00e4t. Alle anfallenden Kosten werden im effektiven Jahreszins abgebildet. Es gibt keine versteckten Abschluss- oder Kontof\u00fchrungsgeb\u00fchren.\n                            <\/div>\n                        <\/details>\n                        <details class=\"bg-white p-6 rounded-2xl border border-slate-200 group transition shadow-sm hover:shadow-md text-left text-left text-left text-left\">\n                            <summary class=\"font-bold cursor-pointer list-none flex justify-between items-center text-slate-800 text-left text-left text-left\">\n                                Kann ich den Kredit vorzeitig zur\u00fcckzahlen?\n                                <i class=\"fa-solid fa-chevron-down text-orange-500 transition group-open:rotate-180 text-left text-left text-left\"><\/i>\n                            <\/summary>\n                            <div class=\"mt-4 text-sm text-slate-600 leading-relaxed border-t border-slate-50 pt-4 text-left text-left\">\n                                Ja, Sondertilgungen oder eine vorzeitige Gesamtr\u00fcckzahlung sind in der Regel jederzeit m\u00f6glich, sodass Sie volle Flexibilit\u00e4t behalten.\n                            <\/div>\n                        <\/details>\n                        <details class=\"bg-white p-6 rounded-2xl border border-slate-200 group transition shadow-sm hover:shadow-md text-left text-left text-left text-left\">\n                            <summary class=\"font-bold cursor-pointer list-none flex justify-between items-center text-slate-800 text-left text-left text-left\">\n                                Ist der Zinssatz garantiert?\n                                <i class=\"fa-solid fa-chevron-down text-orange-500 transition group-open:rotate-180 text-left text-left text-left\"><\/i>\n                            <\/summary>\n                            <div class=\"mt-4 text-sm text-slate-600 leading-relaxed border-t border-slate-50 pt-4 text-left text-left\">\n                                Der Zinssatz wird bei Vertragsschluss f\u00fcr die gesamte Laufzeit festgeschrieben. Der genaue Zinssatz wird vorab individuell f\u00fcr Sie und Ihre Bonit\u00e4t berechnet.\n                            <\/div>\n                        <\/details>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- TRUST BADGES (GARANTIE) -->\n            <section class=\"py-12 bg-white border-y border-slate-100 text-left text-left\">\n                <div class=\"max-w-7xl mx-auto px-4 sm:px-6\">\n                    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center opacity-60\">\n                        <div class=\"flex flex-col items-center justify-center space-y-2\">\n                            <i class=\"fa-solid fa-shield-halved text-3xl text-slate-400\"><\/i>\n                            <span class=\"font-bold text-slate-600 text-xs uppercase tracking-widest text-left\">SSL Verschl\u00fcsselt<\/span>\n                        <\/div>\n                        <div class=\"flex flex-col items-center justify-center space-y-2 text-left\">\n                            <i class=\"fa-solid fa-building-columns text-3xl text-slate-400 text-left\"><\/i>\n                            <span class=\"font-bold text-slate-600 text-xs uppercase tracking-widest text-left\">Banklizenziert<\/span>\n                        <\/div>\n                        <div class=\"flex flex-col items-center justify-center space-y-2 text-left text-left text-left\">\n                            <i class=\"fa-solid fa-user-shield text-3xl text-slate-400 text-left\"><\/i>\n                            <span class=\"font-bold text-slate-600 text-xs uppercase tracking-widest text-left\">Datenschutzkonform<\/span>\n                        <\/div>\n                        <div class=\"flex flex-col items-center justify-center space-y-2 text-left\">\n                            <i class=\"fa-solid fa-check-double text-3xl text-slate-400 text-left\"><\/i>\n                            <span class=\"font-bold text-slate-600 text-xs uppercase tracking-widest text-left text-left\">T\u00dcV gepr\u00fcft<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n\n        <!-- VIEW 2: CONTACT PAGE -->\n        <div id=\"view-contact\" class=\"view-section text-left\">\n            <div class=\"bg-white border-b border-slate-100 py-6 text-left\">\n                <div class=\"max-w-7xl mx-auto px-4 flex justify-between items-center text-left\">\n                    <button onclick=\"switchView('info')\" class=\"text-slate-500 hover:text-orange-600 font-medium flex items-center gap-2 transition text-left\">\n                        <i class=\"fa-solid fa-arrow-left text-left\"><\/i> Zur\u00fcck zu Informationen\n                    <\/button>\n                    <span class=\"text-sm font-bold text-slate-400 uppercase tracking-widest text-left\">Kontakt<\/span>\n                <\/div>\n            <\/div>\n            <section class=\"py-16 bg-slate-50 text-left\">\n                <div class=\"max-w-5xl mx-auto px-4 text-left\">\n                    <div class=\"grid md:grid-cols-2 gap-12 text-left\">\n                        <div class=\"bg-white p-10 rounded-3xl shadow-xl border border-slate-100 text-left text-left\">\n                            <h3 class=\"text-2xl font-bold mb-8 text-slate-900 text-left\">Schreiben Sie uns<\/h3>\n                            <form id=\"contact-form\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\n                                <input type=\"text\" class=\"w-full p-4 bg-slate-50 border border-slate-200 rounded-xl text-left\" placeholder=\"Name\" required>\n                                <input type=\"email\" class=\"w-full p-4 bg-slate-50 border border-slate-200 rounded-xl text-left\" placeholder=\"E-Mail\" required>\n                                <textarea class=\"w-full p-4 bg-slate-50 border border-slate-200 rounded-xl h-40 text-left\" placeholder=\"Nachricht\" required><\/textarea>\n                                <button type=\"submit\" class=\"w-full py-4 bg-slate-900 text-white font-bold rounded-xl shadow-lg hover:bg-orange-600 transition text-center\">Absenden<\/button>\n                            <\/form>\n                        <\/div>\n                        <div class=\"space-y-8 text-left text-left text-left\">\n                            <div class=\"bg-white p-8 rounded-3xl border border-slate-100 shadow-sm text-left\">\n                                <h3 class=\"font-bold text-slate-900 mb-4 flex items-center gap-2 text-left\">\n                                    <i class=\"fa-solid fa-location-dot text-orange-600 text-left\"><\/i> Hauptsitz\n                                <\/h3>\n                                <p class=\"text-slate-600 leading-relaxed text-left text-left text-left\">\n                                    <strong>Triodos Bank N.V.<\/strong><br>\n                                    Hoofdstraat 10a<br>\n                                    3972LA DRIEBERGEN<br>\n                                    Niederlande\n                                <\/p>\n                            <\/div>\n                            <div class=\"rounded-3xl overflow-hidden shadow-xl border-4 border-white h-[350px] text-left\">\n                                <iframe  width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" class=\"lws-optimize-lazyload\" data-src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2459.729792461073!2d5.272886776963273!3d52.05224327194212!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6670a5992955f%3A0x6e2c46200234e7!2sHoofdstraat%2010A%2C%203972%20LA%20Driebergen-Rijsenburg%2C%20Netherlands!5e0!3m2!1sde!2sde!4v1708610000000!5m2!1sde!2sde\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n\n        <!-- VIEW 3: APPLICATION PAGE -->\n        <div id=\"view-application\" class=\"view-section text-left\">\n            <div class=\"bg-white border-b border-slate-100 py-6 text-center text-left\">\n                <button onclick=\"switchView('info')\" class=\"text-sm font-bold text-orange-600 hover:text-slate-900 transition flex items-center gap-2 mx-auto justify-center text-left\">\n                    <i class=\"fa-solid fa-house text-left\"><\/i> ZUR\u00dcCK ZUR STARTSEITE\n                <\/button>\n            <\/div>\n            \n            <section class=\"bg-slate-900 py-16 text-left\">\n                <div class=\"max-w-5xl mx-auto px-4 text-left text-left\">\n                    <div class=\"bg-slate-800 rounded-3xl p-10 border border-slate-700 shadow-2xl flex flex-col md:flex-row gap-12 items-center text-left\">\n                        <div class=\"md:w-1\/2 space-y-8 text-white text-left\">\n                            <h2 class=\"text-3xl font-bold text-left\">Wunschkredit konfigurieren<\/h2>\n                            <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700 text-left\">\n                                <label class=\"text-slate-400 text-xs font-bold uppercase block mb-4 text-left\">Kreditsumme<\/label>\n                                <div class=\"text-white font-mono text-3xl mb-2 text-left\" id=\"app-amount-display\">50.000 \u20ac<\/div>\n                                <input type=\"range\" class=\"dark-slider mt-4 text-left\" min=\"5000\" max=\"1000000\" step=\"1000\" value=\"50000\" id=\"app-amount\" oninput=\"calculateAppLoan()\">\n                                <div class=\"flex justify-between text-[10px] text-slate-500 mt-2 text-left\"><span>5.000 \u20ac<\/span><span>1.000.000 \u20ac<\/span><\/div>\n                            <\/div>\n                            <div class=\"bg-slate-900\/50 p-6 rounded-2xl border border-slate-700 text-left\">\n                                <label class=\"text-slate-400 text-xs font-bold uppercase block mb-4 text-left text-left text-left\">Laufzeit<\/label>\n                                <div class=\"text-white font-mono text-3xl mb-2 text-left text-left\" id=\"app-months-display\">48 Monate<\/div>\n                                <input type=\"range\" class=\"dark-slider mt-4 text-left text-left\" min=\"12\" max=\"240\" step=\"12\" value=\"48\" id=\"app-months\" oninput=\"calculateAppLoan()\">\n                                <div class=\"flex justify-between text-[10px] text-slate-500 mt-2 text-left text-left text-left\"><span>12 Mon.<\/span><span>240 Mon.<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"md:w-1\/2 bg-white p-12 rounded-3xl text-center border-4 border-orange-500\/20 text-left\">\n                            <span class=\"text-slate-400 text-xs font-bold uppercase tracking-widest text-left text-left\">Ihre monatliche Rate<\/span>\n                            <div class=\"text-6xl font-bold text-slate-900 my-6 tracking-tighter text-left\" id=\"app-monthly-result\">1.106,62 \u20ac<\/div>\n                            <div class=\"p-4 bg-green-50 rounded-xl text-green-700 text-xs font-bold border border-green-100 text-left text-left text-left\">\n                                <i class=\"fa-solid fa-lock mr-1 text-left text-left text-left\"><\/i> Garantierter Festzins: 3.00%\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"contact-app\" class=\"py-20 bg-white text-left text-left\">\n                <div class=\"max-w-4xl mx-auto px-4 text-left text-left\">\n                    <form class=\"bg-slate-50 p-10 md:p-14 rounded-3xl border border-slate-200 shadow-2xl space-y-8 text-left text-left text-left\" onsubmit=\"handleFormSubmit(event)\">\n                        <div class=\"text-center mb-10 text-left text-left text-left text-left\">\n                            <h2 class=\"text-3xl font-bold text-slate-900 text-left text-left\">Pers\u00f6nliche Angaben<\/h2>\n                            <p class=\"text-slate-500 mt-2 text-sm text-left text-left\">Bitte f\u00fcllen Sie das Formular aus, um Ihr Angebot zu erhalten.<\/p>\n                        <\/div>\n\n                        <!-- Kreditbetrag et Dur\u00e9e -->\n                        <div class=\"grid md:grid-cols-2 gap-8 text-left text-left\">\n                            <div class=\"text-left text-left text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Kreditbetrag (Montant)<\/label>\n                                <input type=\"number\" name=\"amount\" id=\"form-amount-input\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white focus:ring-2 focus:ring-orange-500 text-left text-left\" min=\"5000\" placeholder=\"Min. 5.000 \u20ac\" required>\n                            <\/div>\n                            <div class=\"text-left text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">R\u00fcckzahlungsdauer (Laufzeit)<\/label>\n                                <select name=\"duration\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white focus:ring-2 focus:ring-orange-500 text-left text-left\">\n                                    <option value=\"12\">12 Monate<\/option>\n                                    <option value=\"24\">24 Monate<\/option>\n                                    <option value=\"48\" selected>48 Monate<\/option>\n                                    <option value=\"60\">60 Monate<\/option>\n                                    <option value=\"84\">84 Monate<\/option>\n                                    <option value=\"120\">120 Monate<\/option>\n                                    <option value=\"180\">180 Monate<\/option>\n                                    <option value=\"240\">240 Monate<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Objet et Pays -->\n                        <div class=\"grid md:grid-cols-2 gap-8 text-left\">\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Verwendungszweck (Objet)<\/label>\n                                <select id=\"loan-type\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white focus:ring-2 focus:ring-orange-500 text-left\">\n                                    <option value=\"Ratenkredit\">Ratenkredit (Allgemein)<\/option>\n                                    <option value=\"Immobilien\">Immobilienfinanzierung<\/option>\n                                    <option value=\"Investition\">Investitionskredit<\/option>\n                                    <option value=\"Fahrzeug\">Fahrzeugfinanzierung<\/option>\n                                    <option value=\"Modernisierung\">Modernisierung<\/option>\n                                    <option value=\"Umschuldung\">Kreditumschuldung<\/option>\n                                <\/select>\n                            <\/div>\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Wohnsitzland (Pays)<\/label>\n                                <select class=\"w-full p-4 border border-slate-200 rounded-xl bg-white focus:ring-2 focus:ring-orange-500 text-left\">\n                                    <option>Deutschland<\/option>\n                                    <option>Niederlande<\/option>\n                                    <option>Schweiz<\/option>\n                                    <option>\u00d6sterreich<\/option>\n                                    <option>Italien<\/option>\n                                    <option>Belgien<\/option>\n                                <\/select>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Identit\u00e9 -->\n                        <div class=\"grid md:grid-cols-2 gap-8 text-left text-left\">\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3\">Vorname<\/label>\n                                <input type=\"text\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"Vorname\" required>\n                            <\/div>\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Nachname<\/label>\n                                <input type=\"text\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"Nachname\" required>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid md:grid-cols-2 gap-8 text-left text-left text-left\">\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3\">E-Mail Adresse<\/label>\n                                <input type=\"email\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"beispiel@email.de\" required>\n                            <\/div>\n                            <div class=\"text-left text-left text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Telefonnummer<\/label>\n                                <input type=\"tel\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"+49 ...\" required>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Adresse et Profession -->\n                        <div class=\"grid md:grid-cols-2 gap-8 text-left text-left text-left\">\n                            <div class=\"text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3\">Adresse (Adresse)<\/label>\n                                <input type=\"text\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"Musterstra\u00dfe 1, 12345 Stadt\" required>\n                            <\/div>\n                            <div class=\"text-left text-left text-left\">\n                                <label class=\"block text-xs font-bold text-slate-700 uppercase mb-3 text-left\">Beruf (Profession)<\/label>\n                                <input type=\"text\" class=\"w-full p-4 border border-slate-200 rounded-xl bg-white text-left\" placeholder=\"Ihr Beruf\" required>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"bg-white p-6 rounded-2xl border border-slate-100 flex items-start gap-4 text-left text-left text-left text-left\">\n                            <input type=\"checkbox\" class=\"mt-1 h-5 w-5 text-orange-600 rounded text-left text-left text-left\" required>\n                            <p class=\"text-xs text-slate-500 leading-relaxed text-left text-left\">Ich akzeptiere die Datenschutzbestimmungen und erkl\u00e4re mich damit einverstanden, dass meine Daten zum Zweck der Angebotserstellung sicher verarbeitet werden.<\/p>\n                        <\/div>\n\n                        <button type=\"submit\" class=\"w-full py-5 bg-orange-600 text-white font-bold rounded-2xl shadow-xl hover:bg-slate-900 transition-all text-lg transform active:scale-[0.98] text-center\">\n                            Unverbindliches Angebot anfordern\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/section>\n        <\/div>\n\n        <!-- VIEW 4: IMPRESSUM & DATENSCHUTZ -->\n        <div id=\"view-impressum\" class=\"view-section text-left\">\n            <div class=\"bg-white border-b border-slate-100 py-6 text-left\">\n                <div class=\"max-w-7xl mx-auto px-4 flex justify-between items-center text-left\">\n                    <button onclick=\"switchView('info')\" class=\"text-slate-500 hover:text-orange-600 font-medium flex items-center gap-2 transition text-left\">\n                        <i class=\"fa-solid fa-arrow-left text-left\"><\/i> Zur\u00fcck zur Startseite\n                    <\/button>\n                    <span class=\"text-sm font-bold text-slate-400 uppercase tracking-widest text-left\">Impressum<\/span>\n                <\/div>\n            <\/div>\n            <section class=\"py-16 bg-slate-50 text-left\">\n                <div class=\"max-w-4xl mx-auto px-4 text-left\">\n                    <div class=\"bg-white p-10 md:p-14 rounded-3xl border border-slate-200 shadow-xl space-y-8 text-left text-slate-600 leading-relaxed\">\n                        <h2 class=\"text-3xl font-bold text-slate-900 text-left mb-2\">Impressum<\/h2>\n                        <p><strong>Angaben gem\u00e4\u00df \u00a7 5 TMG:<\/strong><\/p>\n                        <p>Dutch Privat Group<br>in Kooperation mit:<br>Triodos Bank N.V.<br>Hoofdstraat 10a<br>3972LA DRIEBERGEN-RIJSENBURG<br>Niederlande<\/p>\n                        \n                        <p><strong>Kontakt:<\/strong><br>E-Mail: kontakt@dutchprivatgroup.nl<\/p>\n                        \n                        <p><strong>Registereintrag:<\/strong><br>Eintragung im Handelsregister.<br>KVK-Nummer: 30062415<\/p>\n                        \n                        <p><strong>Aufsichtsbeh\u00f6rde:<\/strong><br>De Nederlandsche Bank (DNB)<br>DNB-Registrierungsnummer: B0195<\/p>\n\n                        <hr class=\"border-slate-200 my-8\">\n\n                        <h2 class=\"text-3xl font-bold text-slate-900 text-left mb-2\">Datenschutz<\/h2>\n                        <p>Der Schutz Ihrer pers\u00f6nlichen Daten ist uns sehr wichtig. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerkl\u00e4rung.<\/p>\n                        <p>Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten m\u00f6glich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen f\u00fcr den Kreditantrag) erhoben werden, erfolgt dies stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdr\u00fcckliche Zustimmung nicht an Dritte weitergegeben.<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n\n    <\/main>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-slate-950 text-slate-500 pt-20 pb-12 border-t border-slate-900 text-sm text-left\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-left\">\n            <div class=\"grid md:grid-cols-4 gap-12 mb-16 text-left\">\n                <!-- Col 1 -->\n                <div class=\"col-span-1 text-left text-left\">\n                    <div class=\"flex items-center gap-2 mb-6 text-white text-left\">\n                        <i class=\"fa-solid fa-seedling text-orange-600 text-xl text-left\"><\/i>\n                        <span class=\"font-bold text-lg\">Dutch Privat<\/span>\n                    <\/div>\n                    <p class=\"text-xs leading-relaxed mb-6 text-slate-500 text-left\">\n                        Ihr Partner f\u00fcr nachhaltige und verantwortungsvolle Finanzierung. In Kooperation mit der Triodos Bank N.V. (Niederlassung NL).\n                    <\/p>\n                <\/div>\n\n                <!-- Col 2 -->\n                <div class=\"text-left\">\n                    <h4 class=\"text-white font-bold mb-6 text-xs uppercase tracking-widest\">Navigation<\/h4>\n                    <ul class=\"space-y-3 text-xs text-left\">\n                        <li><a href=\"#\" onclick=\"switchView('info')\" class=\"hover:text-orange-500 transition text-left\">Startseite<\/a><\/li>\n                        <li><a href=\"#about\" onclick=\"switchView('info')\" class=\"hover:text-orange-500 transition text-left text-left\">\u00dcber Uns<\/a><\/li>\n                        <li><a href=\"#solutions\" onclick=\"switchView('info')\" class=\"hover:text-orange-500 transition text-left\">L\u00f6sungen<\/a><\/li>\n                        <li><a href=\"#\" onclick=\"switchView('contact')\" class=\"hover:text-orange-500 transition text-left\">Kontakt<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Col 3 -->\n                <div class=\"text-left text-left\">\n                    <h4 class=\"text-white font-bold mb-6 text-xs uppercase tracking-widest text-left text-left text-left\">Rechtliches<\/h4>\n                    <ul class=\"space-y-3 text-xs text-left text-left\">\n                        <li><a href=\"#\" onclick=\"switchView('impressum')\" class=\"hover:text-orange-500 transition text-left text-left\">Impressum<\/a><\/li>\n                        <li><a href=\"#\" onclick=\"switchView('impressum')\" class=\"hover:text-orange-500 transition text-left text-left text-left text-left\">Datenschutz<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Col 4 -->\n                <div class=\"text-left text-left text-left\">\n                    <h4 class=\"text-white font-bold mb-6 text-xs uppercase tracking-widest text-left\">Kontakt &#038; Sitz<\/h4>\n                    <ul class=\"space-y-4 text-xs text-left\">\n                        <li class=\"flex items-start gap-3 text-left\">\n                            <i class=\"fa-solid fa-location-dot text-orange-600 mt-0.5 text-left text-left\"><\/i>\n                            <span class=\"text-left text-left text-left\">Triodos Bank N.V.<br>Hoofdstraat 10a<br>3972LA DRIEBERGEN<br>Netherlands<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3 text-white font-medium\">\n                            <i class=\"fa-solid fa-envelope text-orange-600\"><\/i>\n                            <a href=\"mailto:kontakt@dutchprivatgroup.nl\">kontakt@dutchprivatgroup.nl<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-slate-900 pt-8 text-center text-[10px] text-slate-600 font-medium text-left\">\n                \u00a9 2026 Dutch Privat Group. Powered by Triodos Bank N.V. All rights reserved.\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- JAVASCRIPT LOGIC -->\n    <script>\n        function toggleMobileMenu() {\n            document.getElementById('mobile-menu').classList.toggle('hidden');\n        }\n\n        function switchView(viewName, targetId) {\n            const views = ['view-info', 'view-contact', 'view-application', 'view-impressum'];\n            views.forEach(id => {\n                const el = document.getElementById(id);\n                if(el) el.classList.remove('active');\n            });\n            const activeEl = document.getElementById('view-' + viewName);\n            if(activeEl) {\n                activeEl.classList.add('active');\n                if(targetId) {\n                    setTimeout(() => {\n                        const target = document.getElementById(targetId);\n                        if(target) target.scrollIntoView({ behavior: 'smooth' });\n                    }, 50);\n                } else {\n                    window.scrollTo(0, 0);\n                }\n            }\n        }\n\n        function setSubject(type) {\n            const select = document.getElementById('loan-type');\n            if(select) select.value = type;\n        }\n\n        function showToast() {\n            const toast = document.getElementById(\"toast\");\n            toast.classList.remove('invisible');\n            setTimeout(() => { toast.classList.add('invisible'); }, 3000);\n        }\n\n        function handleFormSubmit(e) {\n            e.preventDefault();\n            showToast();\n            e.target.reset();\n        }\n\n        function calculateLoanGeneric(amountId, monthsId, resultId, displayAmountId, displayMonthsId) {\n            const amtIn = document.getElementById(amountId);\n            const monIn = document.getElementById(monthsId);\n            if(!amtIn || !monIn) return;\n            const amount = parseFloat(amtIn.value);\n            const months = parseInt(monIn.value);\n            const rate = 0.03; \n            document.getElementById(displayAmountId).innerText = amount.toLocaleString('de-DE') + ' \u20ac';\n            document.getElementById(displayMonthsId).innerText = months + \" Monate\";\n            const i = rate \/ 12;\n            let monthly = amount * (i * Math.pow(1 + i, months)) \/ (Math.pow(1 + i, months) - 1);\n            document.getElementById(resultId).innerText = monthly.toLocaleString('de-DE', {minimumFractionDigits: 2, maximumFractionDigits: 2}) + ' \u20ac';\n        }\n\n        function calculateHomeLoan() { calculateLoanGeneric('home-amount', 'home-months', 'home-monthly-result', 'home-amount-display', 'home-months-display'); }\n        function calculateAppLoan() { calculateLoanGeneric('app-amount', 'app-months', 'app-monthly-result', 'app-amount-display', 'app-months-display'); }\n\n        \/\/ Slider Logic\n        let slideInterval;\n        function initSlider() {\n            const slides = document.querySelectorAll('.hero-slide');\n            const dots = document.querySelectorAll('.slider-dot');\n            if(slides.length <= 1) return;\n            \n            let currentSlide = 0;\n            \n            \/\/ Set initial dot\n            if(dots.length > 0) {\n                dots[0].classList.replace('bg-white\/50', 'bg-orange-500');\n                dots[0].classList.add('w-6'); \/\/ Make active dot wider\n            }\n\n            slideInterval = setInterval(() => {\n                \/\/ Remove active classes\n                slides[currentSlide].classList.remove('active');\n                if(dots.length > 0) {\n                    dots[currentSlide].classList.replace('bg-orange-500', 'bg-white\/50');\n                    dots[currentSlide].classList.remove('w-6');\n                }\n                \n                \/\/ Move to next\n                currentSlide = (currentSlide + 1) % slides.length;\n                \n                \/\/ Add active classes\n                slides[currentSlide].classList.add('active');\n                if(dots.length > 0) {\n                    dots[currentSlide].classList.replace('bg-white\/50', 'bg-orange-500');\n                    dots[currentSlide].classList.add('w-6');\n                }\n            }, 6000); \/\/ Change slide every 6 seconds\n        }\n\n        window.onload = function() {\n            calculateHomeLoan();\n            calculateAppLoan();\n            switchView('info');\n            initSlider();\n        };\n    <\/script>\n<\/body>\n<\/html>\t\t\t\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>Dutch Privat Group &#8211; Finanzierung &#038; Kredit Vielen Dank! Ihre Anfrage wurde gesendet. Dutch Privat Triodos Partner \u00dcber Uns L\u00f6sungen Kontakt Kredit beantragen Startseite \u00dcber Uns Kontakt Jetzt Kredit beantragen Offiziell reguliert Verantwortungsvolle Finanzierungsl\u00f6sungen Dutch Privat Group in Kooperation mit der Triodos Bank. Transparente Kredite ab 3,00% effektivem Jahreszins. Blitz-Rate berechnen Unsere Angebote Schnell &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":14,"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/dutchprivatgroup.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}