{"id":253,"date":"2026-04-01T13:08:14","date_gmt":"2026-04-01T13:08:14","guid":{"rendered":"https:\/\/diagtec.nl\/?page_id=253"},"modified":"2026-07-18T19:13:08","modified_gmt":"2026-07-18T19:13:08","slug":"foutcode-database","status":"publish","type":"page","link":"https:\/\/diagtec.nl\/?page_id=253","title":{"rendered":"Foutcode Database"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"253\" class=\"elementor elementor-253\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5340bd e-flex e-con-boxed e-con e-parent\" data-id=\"b5340bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8845b7 elementor-widget elementor-widget-html\" data-id=\"b8845b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\n<!-- ======================================================\nDIAGTEC - FOUTCODE BANK PAGINA\nWordPress Custom HTML blok\nHeader zit hier NIET in.\n====================================================== -->\n\n<style>\n:root {\n  --dt-blue: #007BFF;\n  --dt-bg: #05080d;\n  --dt-bg-2: #08101a;\n  --dt-card: #101821;\n  --dt-card-2: #131d28;\n  --dt-border: rgba(255,255,255,0.12);\n  --dt-text: #ffffff;\n  --dt-muted: rgba(255,255,255,0.70);\n  --dt-soft: rgba(0,123,255,0.14);\n}\n\n.diagtec-fault-page {\n  background: var(--dt-bg);\n  color: var(--dt-text);\n  font-family: Inter, Arial, sans-serif;\n  overflow: hidden;\n}\n\n.diagtec-fault-page * {\n  box-sizing: border-box;\n}\n\n.dt-container {\n  width: min(1180px, 92%);\n  margin: 0 auto;\n}\n\n.dt-eyebrow {\n  color: var(--dt-blue);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 16px;\n}\n\n.dt-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  background: var(--dt-blue);\n  color: #fff !important;\n  text-decoration: none !important;\n  border: 1px solid var(--dt-blue);\n  border-radius: 5px;\n  padding: 15px 24px;\n  font-size: 14px;\n  font-weight: 800;\n  text-transform: uppercase;\n  transition: 0.25s ease;\n  cursor: pointer;\n}\n\n.dt-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 35px rgba(0,123,255,0.30);\n}\n\n.dt-btn-outline {\n  background: transparent;\n  border-color: rgba(255,255,255,0.22);\n}\n\n\/* HERO *\/\n\n.dt-hero {\n  position: relative;\n  padding: 120px 0 85px;\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  background:\n    linear-gradient(90deg, rgba(5,8,13,0.98) 0%, rgba(5,8,13,0.92) 42%, rgba(5,8,13,0.34) 100%),\n    url(\"PLAATS-HIER-JE-HERO-AFBEELDING.jpg\") center right \/ cover no-repeat;\n}\n\n\/*\nVervang hierboven:\nPLAATS-HIER-JE-HERO-AFBEELDING.jpg\nBijvoorbeeld met een afbeelding van een diagnosetablet \/ foutcodescan.\n*\/\n\n.dt-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0 0;\n  height: 120px;\n  background: linear-gradient(180deg, transparent, var(--dt-bg));\n  pointer-events: none;\n}\n\n.dt-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 650px;\n}\n\n.dt-hero h1 {\n  font-size: clamp(42px, 6vw, 76px);\n  line-height: 0.98;\n  letter-spacing: -0.04em;\n  margin: 0 0 28px;\n  font-weight: 900;\n}\n\n.dt-hero h1 span {\n  color: var(--dt-blue);\n}\n\n.dt-hero p {\n  color: var(--dt-muted);\n  font-size: 18px;\n  line-height: 1.75;\n  max-width: 580px;\n  margin: 0 0 18px;\n}\n\n\/* SEARCH PANEL *\/\n\n.dt-search-section {\n  position: relative;\n  z-index: 5;\n  margin-top: -55px;\n  padding-bottom: 70px;\n}\n\n.dt-search-panel {\n  background: linear-gradient(180deg, rgba(16,24,34,0.97), rgba(8,13,20,0.98));\n  border: 1px solid var(--dt-border);\n  border-radius: 10px;\n  padding: 34px;\n  box-shadow: 0 30px 80px rgba(0,0,0,0.35);\n}\n\n.dt-search-panel h2 {\n  font-size: 20px;\n  margin: 0 0 22px;\n}\n\n.dt-brand-grid {\n  display: grid;\n  grid-template-columns: repeat(8, 1fr);\n  gap: 12px;\n  margin-bottom: 28px;\n}\n\n.dt-brand-btn {\n  position: relative;\n  min-height: 96px;\n  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));\n  border: 1px solid var(--dt-border);\n  border-radius: 8px;\n  color: #fff;\n  font-weight: 800;\n  cursor: pointer;\n  transition: 0.22s ease;\n  padding: 16px 10px;\n}\n\n.dt-brand-btn span {\n  display: block;\n  font-size: 28px;\n  margin-bottom: 10px;\n}\n\n.dt-brand-btn small {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.dt-brand-btn.active,\n.dt-brand-btn:hover {\n  background: var(--dt-blue);\n  border-color: var(--dt-blue);\n}\n\n.dt-brand-new {\n  position: absolute;\n  top: -10px;\n  right: 8px;\n  background: var(--dt-blue);\n  color: #fff;\n  font-size: 10px;\n  padding: 4px 7px;\n  border-radius: 4px;\n  font-weight: 900;\n}\n\n.dt-search-row {\n  display: grid;\n  grid-template-columns: 1fr 155px;\n  gap: 14px;\n  margin-top: 12px;\n}\n\n.dt-search-input {\n  width: 100%;\n  min-height: 58px;\n  border: 1px solid var(--dt-border);\n  border-radius: 6px;\n  background: rgba(0,0,0,0.22);\n  color: #fff;\n  padding: 0 18px;\n  font-size: 16px;\n}\n\n.dt-search-input::placeholder {\n  color: rgba(255,255,255,0.42);\n}\n\n.dt-helper {\n  color: var(--dt-muted);\n  font-size: 14px;\n  margin-top: 14px;\n}\n\n\/* EXPLAIN CARDS *\/\n\n.dt-info-row {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 28px;\n  padding: 0 0 65px;\n}\n\n.dt-info-card {\n  border-left: 1px solid var(--dt-border);\n  padding-left: 26px;\n}\n\n.dt-info-icon {\n  color: var(--dt-blue);\n  font-size: 34px;\n  margin-bottom: 16px;\n}\n\n.dt-info-card h3 {\n  color: var(--dt-blue);\n  font-size: 15px;\n  text-transform: uppercase;\n  margin: 0 0 10px;\n}\n\n.dt-info-card p {\n  color: var(--dt-muted);\n  line-height: 1.65;\n  margin: 0;\n}\n\n\/* RESULTS *\/\n\n.dt-results-section {\n  padding: 0 0 70px;\n}\n\n.dt-results-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  gap: 24px;\n  margin-bottom: 22px;\n}\n\n.dt-results-header h2 {\n  font-size: clamp(28px, 4vw, 42px);\n  margin: 0;\n  letter-spacing: -0.03em;\n}\n\n.dt-results-count {\n  color: var(--dt-muted);\n  font-size: 14px;\n}\n\n.dt-results-grid {\n  display: grid;\n  grid-template-columns: 1fr 1.2fr;\n  gap: 24px;\n}\n\n.dt-code-list,\n.dt-code-detail {\n  background: linear-gradient(180deg, rgba(16,24,34,0.96), rgba(8,13,20,0.96));\n  border: 1px solid var(--dt-border);\n  border-radius: 10px;\n  padding: 22px;\n}\n\n.dt-code-item {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 105px 1fr auto;\n  gap: 14px;\n  align-items: center;\n  background: rgba(255,255,255,0.035);\n  color: #fff;\n  border: 1px solid var(--dt-border);\n  border-radius: 7px;\n  padding: 16px;\n  margin-bottom: 10px;\n  text-align: left;\n  cursor: pointer;\n  transition: 0.22s ease;\n}\n\n.dt-code-item:hover,\n.dt-code-item.active {\n  border-color: var(--dt-blue);\n  background: rgba(0,123,255,0.13);\n}\n\n.dt-code {\n  color: var(--dt-blue);\n  font-size: 24px;\n  font-weight: 900;\n  letter-spacing: -0.02em;\n}\n\n.dt-code-title {\n  font-size: 14px;\n  line-height: 1.4;\n  color: rgba(255,255,255,0.88);\n}\n\n.dt-code-arrow {\n  font-size: 26px;\n  color: #fff;\n  opacity: 0.8;\n}\n\n.dt-empty {\n  color: var(--dt-muted);\n  padding: 24px;\n  border: 1px dashed var(--dt-border);\n  border-radius: 8px;\n}\n\n\/* DETAIL *\/\n\n.dt-breadcrumb {\n  color: var(--dt-muted);\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: 18px;\n}\n\n.dt-detail-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  align-items: start;\n  margin-bottom: 18px;\n}\n\n.dt-code-detail h3 {\n  font-size: clamp(32px, 5vw, 52px);\n  margin: 0 0 8px;\n  color: #fff;\n}\n\n.dt-detail-subtitle {\n  font-size: 18px;\n  color: rgba(255,255,255,0.88);\n  margin-bottom: 18px;\n}\n\n.dt-status {\n  display: inline-flex;\n  background: rgba(0,123,255,0.15);\n  color: var(--dt-blue);\n  border: 1px solid rgba(0,123,255,0.45);\n  padding: 8px 12px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 900;\n  white-space: nowrap;\n}\n\n.dt-detail-block {\n  margin-top: 24px;\n}\n\n.dt-detail-block h4 {\n  color: var(--dt-blue);\n  font-size: 14px;\n  text-transform: uppercase;\n  margin: 0 0 10px;\n}\n\n.dt-detail-block p,\n.dt-detail-block li {\n  color: var(--dt-muted);\n  line-height: 1.7;\n}\n\n.dt-detail-block ul {\n  margin: 0;\n  padding-left: 19px;\n}\n\n.dt-warning {\n  background: rgba(255,255,255,0.035);\n  border: 1px solid var(--dt-border);\n  border-radius: 8px;\n  padding: 18px;\n  margin-top: 24px;\n}\n\n.dt-warning strong {\n  color: #fff;\n}\n\n.dt-detail-cta {\n  margin-top: 26px;\n  padding: 24px;\n  border: 1px solid var(--dt-border);\n  border-radius: 8px;\n  background: rgba(0,123,255,0.08);\n}\n\n\/* POPULAR *\/\n\n.dt-popular-section {\n  padding: 0 0 80px;\n}\n\n.dt-popular-section h2 {\n  font-size: 28px;\n  margin: 0 0 24px;\n}\n\n.dt-popular-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 14px;\n}\n\n.dt-popular-card {\n  background: linear-gradient(180deg, rgba(16,24,34,0.96), rgba(8,13,20,0.96));\n  border: 1px solid var(--dt-border);\n  border-radius: 8px;\n  padding: 18px;\n  color: #fff;\n  text-decoration: none !important;\n  display: grid;\n  grid-template-columns: 90px 1fr auto;\n  gap: 12px;\n  align-items: center;\n  transition: 0.22s ease;\n  cursor: pointer;\n}\n\n.dt-popular-card:hover {\n  border-color: var(--dt-blue);\n  transform: translateY(-2px);\n}\n\n.dt-popular-card strong {\n  color: var(--dt-blue);\n  font-size: 22px;\n}\n\n.dt-popular-card span {\n  color: var(--dt-muted);\n  font-size: 14px;\n  line-height: 1.35;\n}\n\n.dt-popular-card em {\n  font-style: normal;\n  font-size: 24px;\n}\n\n\/* CTA *\/\n\n.dt-cta {\n  padding-bottom: 90px;\n}\n\n.dt-cta-box {\n  min-height: 320px;\n  border: 1px solid var(--dt-border);\n  border-radius: 10px;\n  padding: 46px;\n  background:\n    linear-gradient(90deg, rgba(8,13,20,0.97) 0%, rgba(8,13,20,0.77) 50%, rgba(8,13,20,0.30) 100%),\n    url(\"PLAATS-HIER-JE-CTA-AFBEELDING.jpg\") center right \/ cover no-repeat;\n}\n\n\/*\nVervang hierboven:\nPLAATS-HIER-JE-CTA-AFBEELDING.jpg\nBijvoorbeeld met een close-up van een VAG\/BMW\/Mercedes\/Porsche voorkant.\n*\/\n\n.dt-cta-content {\n  max-width: 570px;\n}\n\n.dt-cta h2 {\n  font-size: clamp(32px, 5vw, 50px);\n  margin: 0 0 16px;\n  letter-spacing: -0.03em;\n}\n\n.dt-cta p {\n  color: var(--dt-muted);\n  font-size: 17px;\n  line-height: 1.7;\n  margin: 0 0 26px;\n}\n\n.dt-disclaimer {\n  color: rgba(255,255,255,0.55);\n  font-size: 13px;\n  line-height: 1.6;\n  padding-bottom: 45px;\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 1100px) {\n  .dt-brand-grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n\n  .dt-popular-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .dt-results-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 760px) {\n  .dt-hero {\n    padding: 90px 0 80px;\n    min-height: auto;\n    background:\n      linear-gradient(90deg, rgba(5,8,13,0.97), rgba(5,8,13,0.70)),\n      url(\"PLAATS-HIER-JE-HERO-AFBEELDING.jpg\") center \/ cover no-repeat;\n  }\n\n  .dt-search-panel {\n    padding: 22px;\n  }\n\n  .dt-brand-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .dt-search-row {\n    grid-template-columns: 1fr;\n  }\n\n  .dt-info-row {\n    grid-template-columns: 1fr;\n  }\n\n  .dt-popular-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .dt-popular-card,\n  .dt-code-item {\n    grid-template-columns: 84px 1fr auto;\n  }\n\n  .dt-cta-box {\n    padding: 28px;\n    background:\n      linear-gradient(90deg, rgba(8,13,20,0.97), rgba(8,13,20,0.78)),\n      url(\"PLAATS-HIER-JE-CTA-AFBEELDING.jpg\") center \/ cover no-repeat;\n  }\n}\n<\/style>\n\n<div class=\"diagtec-fault-page\">\n\n  <!-- HERO -->\n  <section class=\"dt-hero\">\n    <div class=\"dt-container\">\n      <div class=\"dt-hero-content\">\n        <div class=\"dt-eyebrow\">Foutcode Bank<\/div>\n        <h1>\n          Begrijp uw foutcode.<br>\n          Vind de <span>oorzaak.<\/span>\n        <\/h1>\n        <p>\n          Een foutcode is een richting, geen definitieve diagnose.\n          In onze foutcodebank vindt u uitleg over veelvoorkomende storingen binnen\n          VAG, Porsche, BMW en Mercedes-Benz.\n        <\/p>\n        <p>\n          Voor een echte oplossing is professionele diagnose nodig.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SEARCH PANEL -->\n  <section class=\"dt-search-section\">\n    <div class=\"dt-container\">\n      <div class=\"dt-search-panel\">\n\n        <h2>1. Kies een merk<\/h2>\n\n        <div class=\"dt-brand-grid\" id=\"brandButtons\">\n          <button type=\"button\" class=\"dt-brand-btn active\" data-brand=\"Volkswagen\">\n            <span>VW<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"Audi\">\n            <span>Audi<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"SEAT\">\n            <span>SEAT<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"Skoda\">\n            <span>Skoda<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"CUPRA\">\n            <span>CUPRA<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"Porsche\">\n            <span>PORSCHE<\/span>\n            <small><\/small>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"BMW\">\n            <span>BMW\/MINI<\/span>\n            <small><\/small>\n            <b class=\"dt-brand-new\">NIEUW<\/b>\n          <\/button>\n\n          <button type=\"button\" class=\"dt-brand-btn\" data-brand=\"Mercedes-Benz\">\n            <span>MB<\/span>\n            <small><\/small>\n            <b class=\"dt-brand-new\">NIEUW<\/b>\n          <\/button>\n        <\/div>\n\n        <h2>2. Zoek uw foutcode<\/h2>\n\n        <div class=\"dt-search-row\">\n          <input\n            class=\"dt-search-input\"\n            id=\"faultSearchInput\"\n            type=\"text\"\n            placeholder=\"Vul uw foutcode in, bijvoorbeeld: P0299, U112300, B2000...\"\n          >\n\n          <button type=\"button\" class=\"dt-btn\" id=\"faultSearchButton\">\n            Zoeken\n          <\/button>\n        <\/div>\n\n        <div class=\"dt-helper\">\n          Wij ondersteunen gangbare foutcodes zoals P-codes, U-codes, B-codes en C-codes.\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INFO -->\n  <section>\n    <div class=\"dt-container\">\n      <div class=\"dt-info-row\">\n\n        <div class=\"dt-info-card\">\n          <div class=\"dt-info-icon\">\u25a4<\/div>\n          <h3>Uitleg & betekenis<\/h3>\n          <p>We leggen uit wat de code betekent en welk systeem betrokken is.<\/p>\n        <\/div>\n\n        <div class=\"dt-info-card\">\n          <div class=\"dt-info-icon\">\u2699<\/div>\n          <h3>Mogelijke oorzaken<\/h3>\n          <p>Bekijk de meest voorkomende oorzaken die bij deze storing kunnen horen.<\/p>\n        <\/div>\n\n        <div class=\"dt-info-card\">\n          <div class=\"dt-info-icon\">\u26a0<\/div>\n          <h3>Symptomen<\/h3>\n          <p>Herken de symptomen die vaak voorkomen bij deze foutcode.<\/p>\n        <\/div>\n\n        <div class=\"dt-info-card\">\n          <div class=\"dt-info-icon\">\ud83d\udd27<\/div>\n          <h3>Oplossing & diagnose<\/h3>\n          <p>Lees hoe wij dit probleem gericht diagnosticeren en oplossen.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- RESULTS -->\n  <section class=\"dt-results-section\">\n    <div class=\"dt-container\">\n\n      <div class=\"dt-results-header\">\n        <div>\n          <div class=\"dt-eyebrow\">Resultaten<\/div>\n          <h2 id=\"resultsTitle\">Populaire foutcodes<\/h2>\n        <\/div>\n        <div class=\"dt-results-count\" id=\"resultsCount\"><\/div>\n      <\/div>\n\n      <div class=\"dt-results-grid\">\n\n        <div class=\"dt-code-list\" id=\"faultCodeList\"><\/div>\n\n        <div class=\"dt-code-detail\" id=\"faultCodeDetail\"><\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- POPULAR -->\n  <section class=\"dt-popular-section\">\n    <div class=\"dt-container\">\n      <h2>Snel naar populaire foutcodes<\/h2>\n      <div class=\"dt-popular-grid\" id=\"popularCodes\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"dt-cta\">\n    <div class=\"dt-container\">\n      <div class=\"dt-cta-box\">\n        <div class=\"dt-cta-content\">\n          <div class=\"dt-eyebrow\">Niet zeker over uw storing?<\/div>\n          <h2>Wij diagnosticeren de echte oorzaak.<\/h2>\n          <p>\n            Onze specialisten gebruiken OE-apparatuur en ervaring om tot de kern\n            van het probleem te komen. Geen giswerk, maar gerichte diagnose.\n          <\/p>\n\n          <!-- LINK NAAR AFSPRAAKPAGINA AANPASSEN -->\n          <a href=\"\/afspraak-maken\/\" class=\"dt-btn\">\n            Plan een afspraak \u2192\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"dt-container\">\n    <div class=\"dt-disclaimer\">\n      Let op: de informatie in deze foutcodebank is bedoeld als algemene richtlijn.\n      Een foutcode vertelt niet altijd direct wat defect is. Voor een juiste oplossing\n      blijft professionele diagnose noodzakelijk.\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n\/* ======================================================\n   DIAGTEC FOUTCODE DATABASE\n\n   TOEKOMSTIG FOUTCODES TOEVOEGEN:\n   Voeg simpelweg een nieuw blokje toe in faultCodes.\n\n   Voorbeeld:\n\n   {\n     code: \"P1234\",\n     brands: [\"Volkswagen\", \"Audi\"],\n     title: \"Korte omschrijving\",\n     system: \"Motormanagement\",\n     status: \"Actief \/ Sporadisch\",\n     description: \"Duidelijke uitleg over de foutcode.\",\n     causes: [\n       \"Mogelijke oorzaak 1\",\n       \"Mogelijke oorzaak 2\"\n     ],\n     symptoms: [\n       \"Symptoom 1\",\n       \"Symptoom 2\"\n     ],\n     advice: \"Wat Diagtec hiermee kan doen.\",\n     severity: \"Middel\"\n   }\n\n====================================================== *\/\n\nconst faultCodes = [\n  {\n    code: \"P0299\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"Porsche\", \"BMW\", \"Mercedes-Benz\"],\n    title: \"Turbo \/ supercharger onderdruk te laag\",\n    system: \"Motormanagement\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De gemeten turbodruk is lager dan de waarde die de motorregeleenheid verwacht. Dit betekent niet direct dat de turbo defect is. De oorzaak kan in meerdere onderdelen of aansturingen zitten.\",\n    causes: [\n      \"Lekkage in het inlaat- of turbodruksysteem\",\n      \"Probleem met wastegate, actuator of vacu\u00fcm\/drukregeling\",\n      \"Vervuiling of mechanisch probleem aan turbo\",\n      \"Sensorwaarde afwijkend of onlogisch\",\n      \"Softwarematige of adaptieve regelgrens bereikt\"\n    ],\n    symptoms: [\n      \"Vermogensverlies\",\n      \"Motorstoringslampje\",\n      \"Noodloop\",\n      \"Fluitend of sissend geluid\",\n      \"Onregelmatige turbodrukopbouw\"\n    ],\n    advice: \"Wij controleren drukopbouw, aansturing, meetwaarden, lekkages en regelgedrag voordat er onderdelen vervangen worden.\",\n    severity: \"Middel \/ Hoog\"\n  },\n  {\n    code: \"P2015\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\"],\n    title: \"Inlaatspruitstuk positie sensor \/ werking\",\n    system: \"Motormanagement\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De motorregeleenheid ziet een afwijkende positie of werking van het inlaatspruitstuk of de kleppenregeling.\",\n    causes: [\n      \"Speling of defect in inlaatspruitstukmechaniek\",\n      \"Positiesensor geeft onjuiste waarde\",\n      \"Vervuiling in het inlaattraject\",\n      \"Probleem in bedrading of stekkerverbinding\",\n      \"Adaptiewaarden buiten bereik\"\n    ],\n    symptoms: [\n      \"Motorstoringslampje\",\n      \"Onrustig stationair lopen\",\n      \"Vermogensverlies\",\n      \"Soms verhoogd brandstofverbruik\"\n    ],\n    advice: \"Wij controleren de positiesignalen, mechanische werking en adaptiewaarden om onnodige vervanging te voorkomen.\",\n    severity: \"Middel\"\n  },\n  {\n    code: \"P0401\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"Mercedes-Benz\", \"BMW\"],\n    title: \"EGR doorstroming onvoldoende\",\n    system: \"EGR \/ emissiesysteem\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"Het systeem detecteert onvoldoende EGR-doorstroming. Dit kan komen door vervuiling, aansturing of meetwaarden.\",\n    causes: [\n      \"Vervuilde of vastzittende EGR-klep\",\n      \"Verstopping in EGR-koeler of kanaal\",\n      \"Druk- of luchtmassameting wijkt af\",\n      \"Aansturing of bedrading probleem\",\n      \"Softwarematige plausibiliteitscontrole faalt\"\n    ],\n    symptoms: [\n      \"Motorstoringslampje\",\n      \"Inhouden of onrustig lopen\",\n      \"Emissiegerelateerde melding\",\n      \"Soms noodloop\"\n    ],\n    advice: \"Wij meten de EGR-aansturing, luchtmassa-afwijking en daadwerkelijke doorstroming voordat we een conclusie trekken.\",\n    severity: \"Middel\"\n  },\n  {\n    code: \"U112300\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\"],\n    title: \"Databus storing ontvangen\",\n    system: \"Communicatie \/ CAN-bus\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"Een regelapparaat ontvangt ontbrekende, ongeldige of onlogische informatie via het datanetwerk van de auto.\",\n    causes: [\n      \"Communicatiestoring tussen regelapparaten\",\n      \"Spanningsprobleem of accuprobleem\",\n      \"Softwarestand of codering niet correct\",\n      \"Storing in een gekoppeld systeem\",\n      \"Intermitterende CAN-bus communicatie\"\n    ],\n    symptoms: [\n      \"Meerdere foutmeldingen tegelijk\",\n      \"ACC \/ Lane Assist \/ Front Assist melding\",\n      \"Storingen die komen en gaan\",\n      \"Geen duidelijke mechanische klacht\"\n    ],\n    advice: \"Wij kijken naar de samenhang tussen regelapparaten, spanningshistorie, softwareversies en netwerkcommunicatie.\",\n    severity: \"Laag \/ Middel\"\n  },\n  {\n    code: \"P0171\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"BMW\", \"Mercedes-Benz\"],\n    title: \"Systeem te arm bank 1\",\n    system: \"Brandstof \/ mengselregeling\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De motor loopt volgens de regeling te arm. Er is relatief te veel lucht of te weinig brandstof ten opzichte van de verwachte mengselregeling.\",\n    causes: [\n      \"Valse lucht of vacu\u00fcmlekkage\",\n      \"Luchtmassameter of druksensor afwijkend\",\n      \"Brandstofdruk te laag\",\n      \"Injectorafwijking\",\n      \"Lambdasonde of adaptieprobleem\"\n    ],\n    symptoms: [\n      \"Motorstoringslampje\",\n      \"Onrustig stationair lopen\",\n      \"Inhouden\",\n      \"Slecht starten\",\n      \"Hoger brandstofverbruik mogelijk\"\n    ],\n    advice: \"Wij controleren brandstoftrims, luchtmassa, rooktest\/lekkage en brandstofdruk om gericht de oorzaak te vinden.\",\n    severity: \"Middel\"\n  },\n  {\n    code: \"P0300\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"Porsche\", \"BMW\", \"Mercedes-Benz\"],\n    title: \"Willekeurige \/ meervoudige cilindermisfire\",\n    system: \"Ontsteking \/ verbranding\",\n    status: \"Actief\",\n    description: \"De motorregeleenheid detecteert misfires op meerdere of wisselende cilinders. Dit kan mechanisch, elektrisch of brandstofgerelateerd zijn.\",\n    causes: [\n      \"Bobines, bougies of ontsteking\",\n      \"Injectorprobleem\",\n      \"Compressieverschil of mechanische afwijking\",\n      \"Valse lucht\",\n      \"Brandstofdruk of mengselprobleem\"\n    ],\n    symptoms: [\n      \"Schokken of trillen\",\n      \"Motorstoringslampje knippert of brandt\",\n      \"Vermogensverlies\",\n      \"Onregelmatig stationair\",\n      \"Risico op katalysatorschade bij doorrijden\"\n    ],\n    advice: \"Wij analyseren misfire-tellers, cilinderbalans, ontsteking, injectie en mechanische basiscontrole.\",\n    severity: \"Hoog\"\n  },\n  {\n    code: \"P0420\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"Porsche\", \"BMW\", \"Mercedes-Benz\"],\n    title: \"Katalysator effici\u00ebntie onder drempelwaarde\",\n    system: \"Uitlaat \/ emissiesysteem\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De katalysatorwerking wordt als onvoldoende beoordeeld. Dit betekent niet automatisch dat de katalysator zelf defect is.\",\n    causes: [\n      \"Katalysator verouderd of beschadigd\",\n      \"Lambdasonde voor of na katalysator afwijkend\",\n      \"Uitlaatlekkage\",\n      \"Misfires of mengselproblemen\",\n      \"Softwarematige diagnosecondities\"\n    ],\n    symptoms: [\n      \"Motorstoringslampje\",\n      \"Emissiemelding\",\n      \"Soms geen merkbare klacht\",\n      \"APK-afkeur mogelijk\"\n    ],\n    advice: \"Wij controleren lambdasignalen, emissiecondities, uitlaatlekkage en onderliggende motorklachten voordat de katalysator wordt verdacht.\",\n    severity: \"Middel\"\n  },\n  {\n    code: \"B2000\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\"],\n    title: \"Componentbeveiliging geactiveerd\",\n    system: \"Comfort \/ beveiliging \/ infotainment\",\n    status: \"Actief\",\n    description: \"Componentbeveiliging is actief wanneer een module niet correct vrijgegeven of gekoppeld is aan het voertuig.\",\n    causes: [\n      \"Module vervangen zonder online vrijgave\",\n      \"Gebruikte module geplaatst\",\n      \"Software- of parameterisatieprobleem\",\n      \"Online aanpassing nog niet voltooid\"\n    ],\n    symptoms: [\n      \"Functies werken beperkt of niet\",\n      \"Infotainment of comfortmodule geblokkeerd\",\n      \"Foutmelding componentbeveiliging\",\n      \"Module werkt niet volledig\"\n    ],\n    advice: \"Met de juiste OE-toegang kunnen wij controleren of vrijgave, codering of parameterisatie mogelijk is.\",\n    severity: \"Middel\"\n  },\n  {\n    code: \"P0087\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\", \"BMW\", \"Mercedes-Benz\"],\n    title: \"Brandstofdruk te laag\",\n    system: \"Brandstofsysteem\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De gemeten brandstofdruk is lager dan gevraagd. Dit kan lage- of hogedrukzijde betreffen, afhankelijk van motor en systeem.\",\n    causes: [\n      \"Brandstofpomp levert onvoldoende druk\",\n      \"Filter of aanvoer beperkt\",\n      \"Hogedrukpomp probleem\",\n      \"Druksensor afwijkend\",\n      \"Regelventiel of bedrading probleem\"\n    ],\n    symptoms: [\n      \"Inhouden bij belasting\",\n      \"Slecht starten\",\n      \"Vermogensverlies\",\n      \"Noodloop\",\n      \"Motorstoringslampje\"\n    ],\n    advice: \"Wij vergelijken gevraagde en gemeten druk, pompaansturing, drukval en meetwaarden onder belasting.\",\n    severity: \"Hoog\"\n  },\n  {\n    code: \"C101D\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\"],\n    title: \"Remdruksensor signaal onplausibel\",\n    system: \"ABS \/ remsysteem\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"Het ABS\/ESP-systeem ziet een onlogisch of afwijkend signaal van de remdrukmeting.\",\n    causes: [\n      \"Remdruksensor afwijkend\",\n      \"ABS-module probleem\",\n      \"Bedrading of stekkerverbinding\",\n      \"Basisinstelling of kalibratie nodig\",\n      \"Spannings- of communicatieprobleem\"\n    ],\n    symptoms: [\n      \"ABS\/ESP lampje\",\n      \"Storing remsysteem\",\n      \"Rijhulpsystemen beperkt\",\n      \"Soms intermitterend\"\n    ],\n    advice: \"Wij controleren meetwaarden, basisinstellingen, bedrading en ABS-regelapparaat voordat onderdelen worden vervangen.\",\n    severity: \"Hoog\"\n  },\n  {\n    code: \"P164B\",\n    brands: [\"Volkswagen\", \"Audi\", \"SEAT\", \"Skoda\", \"CUPRA\"],\n    title: \"Koelvloeistof pomp werking\",\n    system: \"Koelsysteem\",\n    status: \"Actief \/ Sporadisch\",\n    description: \"De elektrische koelvloeistofpomp of de aansturing hiervan geeft een afwijking.\",\n    causes: [\n      \"Elektrische pomp defect of zwaar lopend\",\n      \"Aansturing ontbreekt\",\n      \"Bedrading of stekker probleem\",\n      \"Koelsysteem fout of lucht in systeem\",\n      \"Zekering of voeding ontbreekt\"\n    ],\n    symptoms: [\n      \"Koelvloeistofmelding\",\n      \"Temperatuur loopt op\",\n      \"Nalooppomp werkt niet\",\n      \"Motorstoringslampje\"\n    ],\n    advice: \"Wij testen voeding, aansturing, pompwerking en relevante temperatuurwaarden om schade te voorkomen.\",\n    severity: \"Hoog\"\n  }\n];\n\n\/* ======================================================\n   PAGINA FUNCTIONALITEIT\n====================================================== *\/\n\nlet selectedBrand = \"Volkswagen\";\nlet activeResults = [...faultCodes];\nlet selectedCode = activeResults[0];\n\nconst brandButtons = document.querySelectorAll(\".dt-brand-btn\");\nconst input = document.getElementById(\"faultSearchInput\");\nconst searchButton = document.getElementById(\"faultSearchButton\");\nconst list = document.getElementById(\"faultCodeList\");\nconst detail = document.getElementById(\"faultCodeDetail\");\nconst popular = document.getElementById(\"popularCodes\");\nconst resultsTitle = document.getElementById(\"resultsTitle\");\nconst resultsCount = document.getElementById(\"resultsCount\");\n\nfunction normalizeText(value) {\n  return String(value || \"\").toLowerCase().replace(\/\\s+\/g, \"\");\n}\n\nfunction codeMatchesSearch(item, term) {\n  const cleanTerm = normalizeText(term);\n  if (!cleanTerm) return true;\n\n  return (\n    normalizeText(item.code).includes(cleanTerm) ||\n    normalizeText(item.title).includes(cleanTerm) ||\n    normalizeText(item.system).includes(cleanTerm)\n  );\n}\n\nfunction getFilteredCodes() {\n  const term = input.value;\n  return faultCodes.filter(item => {\n    const matchesBrand = item.brands.includes(selectedBrand);\n    const matchesSearch = codeMatchesSearch(item, term);\n    return matchesBrand && matchesSearch;\n  });\n}\n\nfunction renderList() {\n  activeResults = getFilteredCodes();\n  selectedCode = activeResults[0] || null;\n\n  resultsTitle.textContent = input.value.trim()\n    ? \"Zoekresultaten\"\n    : \"Populaire foutcodes\";\n\n  resultsCount.textContent = activeResults.length + \" resultaat\/resultaten voor \" + selectedBrand;\n\n  if (!activeResults.length) {\n    list.innerHTML = `\n      <div class=\"dt-empty\">\n        Geen foutcode gevonden voor ${selectedBrand}. Controleer de schrijfwijze of neem contact op voor gerichte diagnose.\n      <\/div>\n    `;\n    renderDetail(null);\n    return;\n  }\n\n  list.innerHTML = activeResults.map((item, index) => `\n    <button type=\"button\" class=\"dt-code-item ${index === 0 ? \"active\" : \"\"}\" data-code=\"${item.code}\">\n      <div class=\"dt-code\">${item.code}<\/div>\n      <div class=\"dt-code-title\">${item.title}<\/div>\n      <div class=\"dt-code-arrow\">\u2192<\/div>\n    <\/button>\n  `).join(\"\");\n\n  document.querySelectorAll(\".dt-code-item\").forEach(button => {\n    button.addEventListener(\"click\", () => {\n      const code = button.dataset.code;\n      selectedCode = activeResults.find(item => item.code === code);\n      document.querySelectorAll(\".dt-code-item\").forEach(btn => btn.classList.remove(\"active\"));\n      button.classList.add(\"active\");\n      renderDetail(selectedCode);\n    });\n  });\n\n  renderDetail(selectedCode);\n}\n\nfunction renderDetail(item) {\n  if (!item) {\n    detail.innerHTML = `\n      <div class=\"dt-empty\">\n        Selecteer een merk en zoek op foutcode om meer informatie te bekijken.\n      <\/div>\n    `;\n    return;\n  }\n\n  detail.innerHTML = `\n    <div class=\"dt-breadcrumb\">${selectedBrand} \/ ${item.system}<\/div>\n\n    <div class=\"dt-detail-top\">\n      <div>\n        <h3>${item.code}<\/h3>\n        <div class=\"dt-detail-subtitle\">${item.title}<\/div>\n      <\/div>\n      <div class=\"dt-status\">${item.status}<\/div>\n    <\/div>\n\n    <div class=\"dt-detail-block\">\n      <h4>Beschrijving<\/h4>\n      <p>${item.description}<\/p>\n    <\/div>\n\n    <div class=\"dt-detail-block\">\n      <h4>Mogelijke oorzaken<\/h4>\n      <ul>\n        ${item.causes.map(cause => `<li>${cause}<\/li>`).join(\"\")}\n      <\/ul>\n    <\/div>\n\n    <div class=\"dt-detail-block\">\n      <h4>Veelvoorkomende symptomen<\/h4>\n      <ul>\n        ${item.symptoms.map(symptom => `<li>${symptom}<\/li>`).join(\"\")}\n      <\/ul>\n    <\/div>\n\n    <div class=\"dt-warning\">\n      <strong>Let op:<\/strong>\n      Een foutcode geeft richting, maar is geen definitieve diagnose.\n      De oorzaak moet altijd gecontroleerd worden met meetwaarden, testplannen en praktijkcontrole.\n    <\/div>\n\n    <div class=\"dt-detail-cta\">\n      <div class=\"dt-detail-block\" style=\"margin-top:0;\">\n        <h4>Wat kunnen wij voor u doen?<\/h4>\n        <p>${item.advice}<\/p>\n      <\/div>\n\n      <!-- LINK NAAR AFSPRAAKPAGINA AANPASSEN -->\n      <a href=\"\/afspraak-maken\/?foutcode=${item.code}\" class=\"dt-btn\">\n        Laat ${item.code} diagnosticeren \u2192\n      <\/a>\n    <\/div>\n  `;\n}\n\nfunction renderPopular() {\n  const popularItems = faultCodes.slice(0, 12);\n\n  popular.innerHTML = popularItems.map(item => `\n    <button type=\"button\" class=\"dt-popular-card\" data-code=\"${item.code}\">\n      <strong>${item.code}<\/strong>\n      <span>${item.title}<\/span>\n      <em>\u2192<\/em>\n    <\/button>\n  `).join(\"\");\n\n  document.querySelectorAll(\".dt-popular-card\").forEach(card => {\n    card.addEventListener(\"click\", () => {\n      input.value = card.dataset.code;\n      renderList();\n      document.querySelector(\".dt-results-section\").scrollIntoView({ behavior: \"smooth\" });\n    });\n  });\n}\n\nbrandButtons.forEach(button => {\n  button.addEventListener(\"click\", () => {\n    brandButtons.forEach(btn => btn.classList.remove(\"active\"));\n    button.classList.add(\"active\");\n    selectedBrand = button.dataset.brand;\n    renderList();\n  });\n});\n\nsearchButton.addEventListener(\"click\", renderList);\n\ninput.addEventListener(\"keydown\", event => {\n  if (event.key === \"Enter\") {\n    renderList();\n  }\n});\n\ninput.addEventListener(\"input\", () => {\n  if (input.value.trim() === \"\") {\n    renderList();\n  }\n});\n\nrenderPopular();\nrenderList();\n<\/script>\n```\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;`html Foutcode Bank Begrijp uw foutcode. Vind de oorzaak. Een foutcode is een richting, geen definitieve diagnose. In onze foutcodebank [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diagtec.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=253"}],"version-history":[{"count":4,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/diagtec.nl\/index.php?rest_route=\/wp\/v2\/pages\/253\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/diagtec.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}