(() => { /* ----------------------------------------------------------- 1. Konfiguration ----------------------------------------------------------- */ const DEBUG_MODE = false; const VEHICLE_FILTER = { enabled: true, allowedVehicles: [] }; const KINTO_CFG = { NEW_TEXT: "KINTO Angebot anfordern", STAR: "**", NOTICE_ID: "brutto-hinweis", NOTICE_TEXT: "** Unverbindliche Preisempfehlung der Toyota Deutschland GmbH, Toyota Allee 2, 50858 Köln, inkl. MwSt., zzgl. Überführung", MILEAGE_SELECT_IDS: ["mileage"], DURATION_SELECT_IDS: ["duration"], PRICE_SELECTOR: '#buyBox h6[class*="text-4xl"]', AVAILABLE_TEXT_MATCHES: [ "Kurzfristig verfügbar", "Innerhalb 1 Woche verfügbar", "Ab sofort verfügbar" ], AVAILABLE_TEXT_OVERRIDE: "Kurzfristig verfügbar", DISCLAIMER_TEMPLATE: "*Ein unverbindliches Auto Abo Angebot der **KINTO Deutschland GmbH, Toyota-Allee 5, 50858 Köln** für den %%VEHICLE_NAME%%: " + "**%%ANZAHLUNG%%Vertragslaufzeit: %%TERM_MONTHS%% Monate, " + "monatliche Laufleistung: %%MILEAGE_KM%% km, " + "%%TERM_MONTHS%% mtl. Raten à %%MONTHLY_RATE%% € inkl. MwSt., inkl. Überführungskosten und Services " + "(Versicherung, Wartung, Kfz-Steuer).** Entsprechende Bonität vorausgesetzt. " + "Die Kosten für Kraftstoff sind vom Kunden zu tragen. " + "Alle Angebotspreise verstehen sich auf Basis der **unverbindlichen Preisempfehlung** der Toyota Deutschland GmbH, " + "Toyota-Allee 2, 50858 Köln, per März 2026, inkl. MwSt. " + "**Dieses Angebot ist nur für Privatkunden gültig.** Nach Ablauf der Vertragslaufzeit verlängert sich der Vertrag automatisch um jeweils einen weiteren Monat, " + "wenn er nicht mit einer Frist von einem Monat gekündigt wird. Nur bei teilnehmenden Toyota Händlern. " + "Das Angebot gilt nur bei Anfrage und Genehmigung bis zum 31.12.2026. " + "**Individuelle Preise und Angebote bei teilnehmenden Toyota Händlern.**" }; const VEHICLE_CONFIG = { "toyota-aygo-x-hybrid-pure": { name: "Toyota Aygo X Hybrid Pure 1,5-l-VVT-iE Hybrid, Benzinmotor 68 kW (92 PS) und Elektromotor 59 kW (80 PS), Systemleistung 85 kW (116 PS)", deposit: 1490.00 }, "toyota-yaris-hybrid-active": { name: "Toyota Yaris Hybrid Active 1,5-l-VVT-iE Hybrid, Benzinmotor 68 kW (92 PS) und Elektromotor 59 kW (80 PS), Systemleistung 85 kW (116 PS)", deposit: 0 }, "toyota-c-hr-hybrid-teamplayer": { name: "Toyota C-HR Teamplayer Hybrid, 1,8-l-VVT-i Benzinmotor 72 kW (98 PS) und Elektromotor 70 kW (95 PS), Systemleistung 103 kW (140 PS)", deposit: 0 }, "toyota-gr-yaris": { name: "Toyota GR Yaris", deposit: 0 }, "lexus-lbx-hybrid": { name: "Lexus LBX Hybrid mit 1,5-l-Benzinmotor 67 kW (91 PS) und Elektromotor 69 kW (94 PS), Systemleistung 100 kW (136 PS)", deposit: 1000.00 }, "toyota-proace-verso-pure-l1": { name: "Toyota Proace Verso Pure L1, 2,2-l-D mit 6-Gang-Schaltgetriebe und Start-Stopp-Automatik, 110 kW (150 PS)", deposit: 0 }, "toyota-proace-city-verso-pure-l1": { name: "Toyota Proace City Verso Pure L1, 1,2-l-Turbo-Benziner mit 6-Gang Schaltgetriebe und Start-Stopp-Automatik, 81 kW (110 PS)", deposit: 0 }, "toyota-yaris-cross-hybrid-teamplayer": { name: "Toyota Yaris Cross Teamplayer, 1,5-l-VVT-iE, Benzinmotor 68 kW (92 PS) und Elektromotor 62 kW (84 PS), Systemleistung 96 kW (130 PS)", deposit: 0 }, "toyota-yaris-cross-teamplayer": { name: "Toyota Yaris Cross Teamplayer, 1,5-l-VVT-iE, Benzinmotor 68 kW (92 PS) und Elektromotor 62 kW (84 PS), Systemleistung 96 kW (130 PS)", deposit: 0 }, "toyota-corolla-hb-hybrid-basis": { name: "Toyota Corolla HB Hybrid Basis, 1,8-l-Hybrid mit Benzinmotor: 72 kW (98 PS), Elektromotor 70 kW (95 PS), Systemleistung 103 kW (140 PS)", deposit: 0 } }; VEHICLE_FILTER.allowedVehicles = Object.keys(VEHICLE_CONFIG); /* ----------------------------------------------------------- 2. Logging ----------------------------------------------------------- */ const _log = (...args) => { if (DEBUG_MODE) console.log(...args); }; /* NEU: Liest den aktuellen Netto/Brutto-Zustand. Checkbox "Nettopreise anzeigen" (id="showNetPrices") existiert nur im Katalog-Filter; auf der PDS gibt es sie nicht, dort persistiert der Zustand aber ueber den Query-Parameter show_net_prices (live geprueft: bleibt bei Client-Side-Navigation vom Katalog zur PDS erhalten). */ function isNetPricesActive() { const cb = document.getElementById("showNetPrices"); if (cb) return cb.checked; const param = new URLSearchParams(location.search).get("show_net_prices"); return param === "1" || param === "true"; } /* ----------------------------------------------------------- 3. Fahrzeugfilter Jede Katalog-Kachel ist selbst ein -Element (kein verschachtelter Link mehr wie im alten Shop). ----------------------------------------------------------- */ function isVehicleAllowed(anchorEl) { if (!VEHICLE_FILTER.enabled) return false; const href = (anchorEl.getAttribute("href") || "").toLowerCase(); return VEHICLE_FILTER.allowedVehicles.some(v => href.includes(v.toLowerCase())); } function getCurrentVehicleSlug() { const pathname = location.pathname.toLowerCase(); return Object.keys(VEHICLE_CONFIG).find(slug => pathname.includes(slug)) ?? null; } function getCurrentVehicleData() { const slug = getCurrentVehicleSlug(); const cfg = slug ? VEHICLE_CONFIG[slug] : null; const h1 = document.querySelector("h1"); const name = cfg?.name || (h1 ? h1.textContent.replace(/\s+/g, " ").trim() : "") || "Toyota Fahrzeug"; const deposit = cfg?.deposit ?? 0; return { name, deposit }; } /* ----------------------------------------------------------- 4. Zentraler MutationObserver (weiterhin noetig, da der Shop eine Vue-SPA ist) ----------------------------------------------------------- */ let mainObserver = null; let scheduledRun = false; function scheduleRun() { if (scheduledRun) return; scheduledRun = true; requestAnimationFrame(() => { scheduledRun = false; mainObserver?.disconnect(); runAllModules(); mainObserver?.observe(document.body, { childList: true, subtree: true }); }); } function startMainObserver() { if (mainObserver) return; mainObserver = new MutationObserver(scheduleRun); mainObserver.observe(document.body, { childList: true, subtree: true }); _log("👁️ Zentraler Observer gestartet"); } const PROCESSED_ATTR = "data-kinto-done"; /* ----------------------------------------------------------- 5. Datenpunkte labeln (PDS). Anker ist der Titel:, WICHTIG: kein "main"-Scope - die Seite hat kein

-Element, dadurch griff frueher gar keine [data-label]-Regel. ----------------------------------------------------------- */ function slugifyLabel(text) { return text .toLowerCase() .replace(/[äöüß]/g, c => ({ ä: "a", ö: "o", ü: "u", ß: "ss" }[c])) .replace(/[^a-z0-9]+/g, "-") .replace(/^-+|-+$/g, ""); } function labelDataPoints() { document.querySelectorAll(`b:not([${PROCESSED_ATTR}])`).forEach(b => { /* Nur echte PdsDataPoint-Titel treffen (DataPoint.vue:

Titel:

Haben Sie Fragen zum KINTO Auto Abo?

FAQ ansehen `; card.style.cssText = ` position: fixed; bottom: 24px; right: 24px; z-index: 9999; background: #fff; border: 1.5px solid #00708D; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.10); padding: 16px 20px; max-width: 240px; font-size: 13px; line-height: 1.4; font-family: 'ToyotaType', 'Avenir', arial, helvetica, sans-serif; color: #00708D; display: ${state === "open" ? "block" : "none"}; `; const closeBtn = card.querySelector(`#${FAQ_WIDGET_ID}-close`); closeBtn.style.cssText = "position: absolute; top: 8px; right: 10px; background: none; border: none; cursor: pointer; font-size: 14px; color: #888; line-height: 1; padding: 0;"; card.querySelector("p").style.cssText = "margin: 0 0 10px 0; color: #000000; padding-right: 16px;"; card.querySelector("a").style.cssText = "display: inline-block; color: #00708D; font-weight: 700; text-decoration: none;"; closeBtn.addEventListener("click", () => { card.style.display = "none"; btn.style.display = "flex"; sessionStorage.setItem(FAQ_STATE_KEY, "collapsed"); }); btn.addEventListener("click", () => { btn.style.display = "none"; card.style.display = "block"; sessionStorage.setItem(FAQ_STATE_KEY, "open"); }); function updatePosition() { const footer = document.querySelector(".footer-bar"); const gap = 16; if (!footer) { btn.style.bottom = "24px"; card.style.bottom = "24px"; return; } const footerTop = footer.getBoundingClientRect().top; const footerVisible = window.innerHeight - footerTop; const bottomOffset = Math.max(24, footerVisible + gap); btn.style.bottom = bottomOffset + "px"; card.style.bottom = bottomOffset + "px"; } window.addEventListener("scroll", updatePosition, { passive: true }); window.addEventListener("resize", updatePosition, { passive: true }); updatePosition(); document.body.appendChild(btn); document.body.appendChild(card); _log("❓ FAQ-Widget eingefügt (Zustand: " + state + ")"); } let clickHandlerAttached = false; function ensureClickHandler() { if (clickHandlerAttached) return; document.addEventListener("click", e => { const a = e.target.closest('[data-kinto-faq-link]'); if (!a) return; e.preventDefault(); e.stopPropagation(); window.open(TargetUrl, "_blank"); }, true); clickHandlerAttached = true; } let selectHandlerAttached = false; function ensureSelectHandler() { if (selectHandlerAttached) return; document.addEventListener("change", e => { const id = e.target?.id || ""; if (KINTO_CFG.MILEAGE_SELECT_IDS.includes(id) || KINTO_CFG.DURATION_SELECT_IDS.includes(id)) { scheduleRun(); } }, true); selectHandlerAttached = true; } /* ----------------------------------------------------------- 11. Zentraler Run ----------------------------------------------------------- */ function runAllModules() { try { labelDataPoints(); hideFooterLinks(); convertAboErklaertToFaq(); overrideZustandText(); relabelLeistungForHybrid(); applyBruttoStarAndNotice(); forceCatalogAvailability(); convertPowerToKw(); relabelCatalogTileConsumption(); addPriceHintOnTile(); hideDurationFilter(); forcePdsAvailabilityText(); disableAvailabilityButton(); hideKmWechselbarLabel(); overrideCtaText(); addPdsDepositNote(); hideEmptyPdsSections(); hideAboDetailsSection(); insertOrUpdateDisclaimer(); forceLeadsAvailabilityText(); hideLeadsOverviewLines(); addLeadsDepositNote(); removeLeadsOverviewCardBorder(); miscTextReplacements(); insertFaqWidget(); } catch (e) { console.error("[KINTO Module Error]", e); } } /* Die Sidebar (inkl. BuyBox) wird fuer Mobile UND Desktop je einmal ins DOM gerendert (zwei

, eine davon per CSS versteckt) - beide mit der GLEICHEN id="buyBox". getElementById liefert immer nur die erste (die Mobile-Kopie, auf Desktop unsichtbar) -> Text landete unsichtbar dort. Deshalb hier alle Vorkommen behandeln, ueber eine Klasse statt einer (zwangslaeufig doppelten) id identifizieren. */ function insertOrUpdateDisclaimer() { const buyBoxes = document.querySelectorAll('[id="buyBox"]'); if (!buyBoxes.length) return; const html = markdownToHtml(buildDisclaimerText()); buyBoxes.forEach(buyBox => { let p = buyBox.querySelector(".kinto-benefits-disclaimer"); if (!p) { p = document.createElement("p"); p.className = "kinto-benefits-disclaimer"; p.style.cssText = "margin-top:12px;font-size:12px;line-height:1.4;color:#6c757d"; buyBox.appendChild(p); } if (p.innerHTML !== html) p.innerHTML = html; }); } /* ----------------------------------------------------------- 12. History-Patch fuer SPA-Navigation ----------------------------------------------------------- */ function applyHistoryPatch() { if (applyHistoryPatch.done) return; applyHistoryPatch.done = true; const fire = () => setTimeout(runAllModules, 50); const origPush = history.pushState; const origReplace = history.replaceState; history.pushState = function () { origPush.apply(this, arguments); fire(); }; history.replaceState = function () { origReplace.apply(this, arguments); fire(); }; window.addEventListener("popstate", fire); } /* ----------------------------------------------------------- 13. Init ----------------------------------------------------------- */ let initialized = false; function initOnce() { ensureClickHandler(); ensureSelectHandler(); if (!initialized) { startMainObserver(); initialized = true; } runAllModules(); _log("🚀 KINTO Skript initialisiert für:", location.pathname); } applyHistoryPatch(); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initOnce, { once: true }); } else { initOnce(); } /* NEU: Eigenstaendiges Polling fuer die Checkout-Leads-Uebersicht, siehe Kommentar bei Abschnitt 8b. Laeuft dauerhaft mit, kostet aber praktisch nichts, solange #subscription-overview nicht existiert, und ist durch die PROCESSED_ATTR-Gates in den drei Funktionen idempotent. */ setInterval(() => { if (!document.getElementById("subscription-overview")) return; forceLeadsAvailabilityText(); hideLeadsOverviewLines(); addLeadsDepositNote(); removeLeadsOverviewCardBorder(); }, 400); _log("📋 Fahrzeugfilter:", VEHICLE_FILTER.enabled ? "AKTIV" : "DEAKTIVIERT"); })();