{"id":68150,"date":"2026-02-05T13:15:58","date_gmt":"2026-02-05T12:15:58","guid":{"rendered":"https:\/\/inr.institute\/?page_id=68150"},"modified":"2026-08-03T08:59:06","modified_gmt":"2026-08-03T06:59:06","slug":"and-other-models","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-en-andere-modellen\/","title":{"rendered":"INR and Other Models"},"content":{"rendered":"\n<!-- ============================================================================\n     INNER EN ANDERE MODELLEN \u00b7 KERNPAGINA\n     E\u00e9n bestand. Plak dit volledig in EEN Elementor HTML-widget.\n     Alles is gescoped onder .inr-vergelijk en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Basis: subtiel zwart\/wit. Enige accent: licht INR-blauw #007BFF.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-vergelijk{\n  --accent:#007BFF; --accent-2:#4DA3FF; --accent-deep:#0A5BC4;\n  --ink:#0B0B0F; --ink-2:#15151C; --grijs:#6A6A77; --grijs-l:#8A8A96;\n  --lijn:rgba(11,11,15,.10); --lijn-z:rgba(11,11,15,.06);\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:#FFFFFF !important; line-height:1.5 !important;\n  overflow-x:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-vergelijk, .inr-vergelijk *, .inr-vergelijk *::before, .inr-vergelijk *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-vergelijk h1,.inr-vergelijk h2,.inr-vergelijk h3,.inr-vergelijk h4,.inr-vergelijk p,\n.inr-vergelijk span,.inr-vergelijk div,.inr-vergelijk ul,.inr-vergelijk li,.inr-vergelijk a{margin:0;padding:0;}\n.inr-vergelijk ul{list-style:none !important;}\n.inr-vergelijk a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (zeer subtiel, bijna grijswit met een vleugje blauw) ---------- *\/\n.inr-vergelijk .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-vergelijk .blob{position:absolute !important;border-radius:50% !important;filter:blur(130px) !important;animation:inrv-drift 30s ease-in-out infinite !important;}\n.inr-vergelijk .blob.a{width:600px;height:600px;background:rgba(0,123,255,.10);opacity:.7 !important;top:-200px;left:-180px;}\n.inr-vergelijk .blob.b{width:520px;height:520px;background:rgba(11,11,15,.05);opacity:.9 !important;top:40%;right:-220px;animation-delay:-11s;}\n.inr-vergelijk .blob.c{width:680px;height:680px;background:rgba(0,123,255,.07);opacity:.7 !important;bottom:-280px;left:26%;animation-delay:-19s;}\n@keyframes inrv-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(44px,-32px) scale(1.07);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-vergelijk .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:0 clamp(28px,5vw,40px) !important;}\n.inr-vergelijk .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-vergelijk .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-vergelijk .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.10em !important;text-transform:uppercase !important;color:var(--accent) !important;}\n.inr-vergelijk .grad{background:linear-gradient(115deg,var(--accent-deep),var(--accent)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-vergelijk .kop{text-align:center !important;max-width:800px !important;margin:0 auto 60px !important;}\n.inr-vergelijk .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-vergelijk .kop h2{font-weight:600 !important;font-size:clamp(30px,4.4vw,50px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-vergelijk .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-vergelijk .rev{opacity:0;transform:translateY(38px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-vergelijk .rev.in{opacity:1 !important;transform:none !important;}\n.inr-vergelijk .d1{transition-delay:.06s;}.inr-vergelijk .d2{transition-delay:.12s;}.inr-vergelijk .d3{transition-delay:.18s;}\n.inr-vergelijk .d4{transition-delay:.24s;}.inr-vergelijk .d5{transition-delay:.30s;}.inr-vergelijk .d6{transition-delay:.36s;}\n.inr-vergelijk .d7{transition-delay:.42s;}.inr-vergelijk .d8{transition-delay:.48s;}\n.no-js .inr-vergelijk .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-vergelijk{padding-left:22px !important;padding-right:22px !important;}\n  .inr-vergelijk .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-vergelijk .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-vergelijk .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-vergelijk .sec{padding:72px 0 !important;}\n  .inr-vergelijk .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-vergelijk .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-vergelijk .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-vergelijk .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-vergelijk .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-vergelijk\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-vergelijk .hero{min-height:88vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;position:relative !important;z-index:20 !important;}\n.inr-vergelijk .hero .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:13px !important;font-weight:600 !important;color:var(--accent) !important;background:rgba(0,123,255,.07) !important;\n  border:1px solid rgba(0,123,255,.16) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-vergelijk .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 4px rgba(0,123,255,.14) !important;}\n.inr-vergelijk .hero h1{font-weight:600 !important;font-size:clamp(44px,7.4vw,92px) !important;line-height:1.02 !important;letter-spacing:-.038em !important;\n  max-width:16ch !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-vergelijk .hero .lead{font-size:clamp(18px,2.3vw,23px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:58ch !important;line-height:1.55 !important;}\n.inr-vergelijk .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-vergelijk .hero .hint{margin-top:60px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--grijs) !important;letter-spacing:.04em !important;}\n.inr-vergelijk .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--grijs),transparent) !important;}\n\/* ---- snelfilter: dropdown naar model-analyses ---- *\/\n.inr-vergelijk .snelfilter{margin-top:48px !important;position:relative !important;display:inline-block !important;width:auto !important;z-index:30 !important;}\n.inr-vergelijk .sf-trigger{display:inline-flex !important;align-items:center !important;gap:14px !important;cursor:pointer !important;\n  font-size:16px !important;font-weight:600 !important;color:#fff !important;letter-spacing:-.01em !important;\n  background:var(--accent) !important;border:none !important;padding:16px 22px !important;border-radius:99px !important;\n  box-shadow:0 16px 40px -18px rgba(0,123,255,.65) !important;\n  transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,background .32s !important;}\n.inr-vergelijk .sf-trigger:hover{transform:translateY(-3px) !important;background:var(--accent-deep) !important;box-shadow:0 22px 50px -18px rgba(0,123,255,.75) !important;}\n.inr-vergelijk .sf-trigger .sf-t-txt{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:1px !important;line-height:1.15 !important;}\n.inr-vergelijk .sf-trigger .sf-t-klein{font-size:11px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(255,255,255,.72) !important;}\n.inr-vergelijk .sf-trigger .sf-t-groot{font-size:16px !important;font-weight:600 !important;color:#fff !important;}\n.inr-vergelijk .sf-trigger .sf-caret{flex:none !important;width:20px !important;height:20px !important;color:#fff !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .sf-trigger .sf-caret svg{width:20px !important;height:20px !important;display:block !important;}\n.inr-vergelijk .snelfilter.open .sf-trigger .sf-caret{transform:rotate(180deg) !important;}\n.inr-vergelijk .snelfilter.open .sf-trigger{transform:translateY(-1px) !important;background:var(--accent-deep) !important;}\n\/* het paneel *\/\n.inr-vergelijk .sf-paneel{position:absolute !important;top:calc(100% + 12px) !important;left:0 !important;z-index:40 !important;\n  width:340px !important;max-width:86vw !important;\n  background:rgba(255,255,255,.92) !important;-webkit-backdrop-filter:blur(26px) !important;backdrop-filter:blur(26px) !important;\n  border:1px solid var(--lijn) !important;border-radius:22px !important;\n  box-shadow:0 40px 90px -40px rgba(11,11,15,.5),0 8px 30px -16px rgba(0,123,255,.25) !important;\n  padding:10px !important;\n  opacity:0 !important;transform:translateY(-10px) scale(.98) !important;transform-origin:top left !important;pointer-events:none !important;\n  transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .snelfilter.open .sf-paneel{opacity:1 !important;transform:translateY(0) scale(1) !important;pointer-events:auto !important;}\n.inr-vergelijk .sf-optie{display:flex !important;align-items:center !important;gap:13px !important;cursor:pointer !important;width:100% !important;\n  background:transparent !important;border:none !important;text-align:left !important;\n  padding:11px 12px !important;border-radius:14px !important;\n  transition:background .22s,transform .22s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .sf-optie:hover{background:rgba(0,123,255,.07) !important;transform:translateX(3px) !important;}\n.inr-vergelijk .sf-optie .sf-ico{flex:none !important;width:30px !important;height:30px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-vergelijk .sf-optie .sf-ico svg{width:17px !important;height:17px !important;}\n.inr-vergelijk .sf-optie .sf-ico.kruis{background:rgba(225,29,46,.12) !important;color:#E11D2E !important;}\n.inr-vergelijk .sf-optie .sf-ico.vink{background:rgba(22,163,74,.12) !important;color:#16A34A !important;}\n.inr-vergelijk .sf-optie .sf-naam{flex:1 1 auto !important;font-size:15.5px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important;}\n.inr-vergelijk .sf-optie .sf-pijl{flex:none !important;width:16px !important;height:16px !important;color:var(--accent) !important;opacity:0 !important;transform:translateX(-5px) !important;transition:opacity .22s,transform .22s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .sf-optie .sf-pijl svg{width:16px !important;height:16px !important;display:block !important;}\n.inr-vergelijk .sf-optie:hover .sf-pijl{opacity:1 !important;transform:translateX(0) !important;}\n\/* highlight-puls op aangesprongen kaart *\/\n.inr-vergelijk .mkaart.flits{animation:inrv-flits 1.8s cubic-bezier(.2,.7,.2,1) 1 !important;}\n@keyframes inrv-flits{0%{box-shadow:0 0 0 0 rgba(0,123,255,0);border-color:var(--lijn);}\n  18%{box-shadow:0 0 0 4px rgba(0,123,255,.28),0 22px 50px -28px rgba(0,123,255,.5);border-color:rgba(0,123,255,.55);transform:translateY(-4px);}\n  100%{box-shadow:0 0 0 0 rgba(0,123,255,0);border-color:var(--lijn);transform:none;}}\n@media(max-width:820px){.inr-vergelijk .hero{min-height:auto !important;padding:120px clamp(28px,5vw,40px) 70px !important;}.inr-vergelijk .hero h1{font-size:clamp(34px,9vw,52px) !important;}.inr-vergelijk .hero .lead{font-size:18px !important;}.inr-vergelijk .snelfilter{margin-top:38px !important;display:block !important;width:100% !important;}.inr-vergelijk .sf-trigger{width:100% !important;justify-content:flex-start !important;text-align:left !important;}.inr-vergelijk .sf-trigger .sf-t-txt{align-items:flex-start !important;}.inr-vergelijk .sf-trigger .sf-caret{margin-left:auto !important;}.inr-vergelijk .sf-paneel{width:100% !important;max-width:100% !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <h1>Waarom wij gangbare modellen <span class=\"grad\">niet<\/span> gebruiken.<\/h1>\n  <p class=\"lead\">In organisaties wordt al decennia gewerkt met gedragsmodellen, persoonlijkheidstypologieen en interventietechnieken. Ze beloven inzicht, betere samenwerking en sneller resultaat. En ze zijn populair. <strong>Wij gebruiken ze niet.<\/strong> Niet uit rebellie, niet uit voorkeur, maar omdat hun ontwerp tekortschiet voor volwassen organisatieontwikkeling.<\/p>\n  <div class=\"snelfilter\" id=\"sfDrop\">\n    <button type=\"button\" class=\"sf-trigger\" id=\"sfTrigger\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"sfPaneel\">\n      <span class=\"sf-t-txt\"><span class=\"sf-t-klein\">Bekijk per model<\/span><span class=\"sf-t-groot\">Welk model wil je onderzoeken?<\/span><\/span>\n      <span class=\"sf-caret\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\n    <\/button>\n    <div class=\"sf-paneel\" id=\"sfPaneel\" role=\"menu\" aria-label=\"Modellen\">\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-insights\"><span class=\"sf-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/span><span class=\"sf-naam\">Insights Discovery<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-mbti\"><span class=\"sf-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/span><span class=\"sf-naam\">Myers-Briggs (MBTI)<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-bigfive\"><span class=\"sf-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"sf-naam\">Big Five<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-disc\"><span class=\"sf-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/span><span class=\"sf-naam\">DISC<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-maslow\"><span class=\"sf-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/span><span class=\"sf-naam\">Piramide van Maslow<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-zdt\"><span class=\"sf-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"sf-naam\">Zelfdeterminatietheorie (ZDT)<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-enneagram\"><span class=\"sf-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/span><span class=\"sf-naam\">Het Enneagram<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n      <button type=\"button\" class=\"sf-optie\" role=\"menuitem\" data-doel=\"m-spt\"><span class=\"sf-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"sf-naam\">Self-Perception Theory (SPT)<\/span><span class=\"sf-pijl\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET PROBLEEM ZIT IN ONTWERP ========================= -->\n<style>\n.inr-vergelijk .ontwerp{max-width:880px !important;margin:0 auto !important;text-align:center !important;}\n.inr-vergelijk .ontwerp .lijn-zin{font-weight:600 !important;font-size:clamp(26px,3.6vw,40px) !important;letter-spacing:-.022em !important;line-height:1.18 !important;color:var(--ink) !important;margin-bottom:26px !important;}\n.inr-vergelijk .ontwerp .lijn-zin .grad{font-weight:600 !important;}\n.inr-vergelijk .ontwerp p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;margin-bottom:16px !important;}\n.inr-vergelijk .ontwerp p:last-child{margin-bottom:0 !important;}\n.inr-vergelijk .ontwerp p strong{font-weight:600 !important;color:var(--ink) !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De kern van het verschil<\/span>\n    <h2>Het probleem zit niet in intentie, maar in ontwerp.<\/h2>\n  <\/div>\n  <div class=\"ontwerp rev\">\n    <p class=\"lijn-zin\">De meeste gangbare modellen zijn gebouwd om gedrag te <span class=\"grad\">beschrijven, te classificeren of te beinvloeden.<\/span><\/p>\n    <p>Ze zijn eenvoudig toe te passen, goed verkoopbaar en snel inzetbaar. Dat verklaart hun populariteit, en het valt ze niet kwalijk te nemen. Maar eenvoud is geen neutraliteit.<\/p>\n    <p><strong>Veel van deze modellen delen dezelfde fundamentele tekortkomingen.<\/strong> Niet in de bedoeling van wie ermee werkt, maar in wat het ontwerp wel en niet zichtbaar maakt.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= STRUCTURELE TEKORTKOMINGEN (DONKER) ========================= -->\n<style>\n.inr-vergelijk .tekort{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-vergelijk .tekort::before{content:'' !important;position:absolute !important;top:-130px !important;right:-100px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(0,123,255,.22),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-vergelijk .tekort .t-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:760px !important;margin:0 auto 54px !important;}\n.inr-vergelijk .tekort .eyebrow{color:var(--accent-2) !important;display:block !important;margin-bottom:16px !important;}\n.inr-vergelijk .tekort h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-vergelijk .tekort .t-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-vergelijk .tekort .t-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;position:relative !important;z-index:1 !important;}\n.inr-vergelijk .tkaart{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:30px !important;display:flex !important;gap:18px !important;align-items:flex-start !important;}\n.inr-vergelijk .tkaart .ti{flex:none !important;width:46px !important;height:46px !important;border-radius:13px !important;background:rgba(0,123,255,.18) !important;color:var(--accent-2) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-vergelijk .tkaart .ti svg{width:23px !important;height:23px !important;}\n.inr-vergelijk .tkaart h4{font-weight:600 !important;font-size:18px !important;color:#fff !important;margin-bottom:7px !important;letter-spacing:-.01em !important;}\n.inr-vergelijk .tkaart p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.68) !important;line-height:1.6 !important;}\n.inr-vergelijk .tkaart.breed{grid-column:span 2 !important;}\n@media(max-width:820px){.inr-vergelijk .tekort{padding:54px 26px !important;border-radius:26px !important;}.inr-vergelijk .tekort .t-grid{grid-template-columns:1fr !important;}.inr-vergelijk .tkaart.breed{grid-column:span 1 !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"tekort rev\">\n    <div class=\"t-kop\">\n      <span class=\"eyebrow\">Waar het ontwerp tekortschiet<\/span>\n      <h2>Vijf tekortkomingen die telkens terugkeren.<\/h2>\n      <p>Niet bij elk model in dezelfde mate, maar als patroon herkenbaar genoeg om er een principiele keuze op te baseren.<\/p>\n    <\/div>\n    <div class=\"t-grid\">\n      <div class=\"tkaart rev d1\">\n        <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M21 21l-4.3-4.3\"><\/path><\/svg><\/div>\n        <div><h4>Ze verklaren gedrag niet<\/h4><p>Ze beschrijven wat zichtbaar is en classificeren het, maar laten de vraag onbeantwoord waarom iemand zich zo gedraagt. Het wat komt in beeld, het waarom blijft buiten bereik.<\/p><\/div>\n      <\/div>\n      <div class=\"tkaart rev d2\">\n        <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h4l3-8 4 16 3-8h4\"><\/path><\/svg><\/div>\n        <div><h4>Ze negeren context, macht en spanning<\/h4><p>Gedrag wordt losgemaakt van de situatie waarin het ontstaat. Maar in organisaties is juist die situatie, met haar belangen en druk, vaak de verklaring zelf.<\/p><\/div>\n      <\/div>\n      <div class=\"tkaart rev d3\">\n        <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"3\"><\/rect><path d=\"M9 9h6v6H9z\"><\/path><\/svg><\/div>\n        <div><h4>Ze zetten mensen vast in labels of rollen<\/h4><p>Een kleur, een type, een profiel. Het geeft houvast, maar het bevriest ook. Wie zich met een label vereenzelvigt, gaat zich ernaar gedragen.<\/p><\/div>\n      <\/div>\n      <div class=\"tkaart rev d4\">\n        <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><\/svg><\/div>\n        <div><h4>Ze verschuiven verantwoordelijkheid naar het profiel<\/h4><p>Reflectie maakt plaats voor herkenning. In plaats van te onderzoeken waarom iemand iets doet, wordt het profiel het antwoord. Daarmee verdwijnt de eigen verantwoordelijkheid uit zicht.<\/p><\/div>\n      <\/div>\n      <div class=\"tkaart breed rev d5\">\n        <div class=\"ti\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n        <div><h4>Ze missen een expliciete ethische begrenzing<\/h4><p>Waar een model gedrag wil sturen, hoort de vraag thuis tot waar dat mag. Veel modellen stellen die grens niet, waardoor inzicht ongemerkt kan omslaan in beinvloeding zonder dat iemand er bewust voor kiest.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAAROM DIT IN ORGANISATIES KNELT ========================= -->\n<style>\n.inr-vergelijk .knelt{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;max-width:1080px !important;margin:0 auto !important;}\n.inr-vergelijk .knelt .k-tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-vergelijk .knelt .k-tekst h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-vergelijk .knelt .k-tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:16px !important;}\n.inr-vergelijk .knelt .k-tekst p:last-child{margin-bottom:0 !important;}\n.inr-vergelijk .knelt .k-tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-vergelijk .gevolgen{display:flex !important;flex-direction:column !important;gap:12px !important;}\n.inr-vergelijk .gkaart{display:grid !important;grid-template-columns:48px 1fr !important;gap:18px !important;align-items:center !important;\n  background:rgba(255,255,255,.7) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:18px !important;padding:22px 24px !important;\n  box-shadow:0 10px 40px -30px rgba(0,123,255,.3) !important;}\n.inr-vergelijk .gkaart .gnr{font-weight:700 !important;font-size:13px !important;letter-spacing:.04em !important;color:var(--accent) !important;\n  width:48px !important;height:48px !important;border-radius:13px !important;border:1px solid rgba(0,123,255,.2) !important;background:rgba(0,123,255,.06) !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-vergelijk .gkaart .gtxt{font-size:15.5px !important;font-weight:400 !important;color:var(--ink) !important;line-height:1.45 !important;}\n@media(max-width:820px){.inr-vergelijk .knelt{grid-template-columns:1fr !important;gap:40px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"knelt\">\n    <div class=\"k-tekst rev\">\n      <span class=\"eyebrow\">Waarom dit knelt in organisaties<\/span>\n      <h2>Een organisatie is geen trainingsruimte.<\/h2>\n      <p>Ze is een context van verantwoordelijkheid, belangen, druk en afhankelijkheid. Gedrag dat daar zichtbaar wordt is zelden willekeurig, en bijna nooit los te zien van de situatie waarin het ontstaat.<\/p>\n      <p><strong>Zodra gedrag wordt teruggebracht tot type, kleur, rol of techniek, gebeurt er telkens hetzelfde.<\/strong><\/p>\n    <\/div>\n    <div class=\"gevolgen rev\">\n      <div class=\"gkaart rev d1\"><div class=\"gnr\">01<\/div><div class=\"gtxt\">Context verdwijnt uit beeld.<\/div><\/div>\n      <div class=\"gkaart rev d2\"><div class=\"gnr\">02<\/div><div class=\"gtxt\">Echte reflectie stopt.<\/div><\/div>\n      <div class=\"gkaart rev d3\"><div class=\"gnr\">03<\/div><div class=\"gtxt\">Zelfbeperking ontstaat.<\/div><\/div>\n      <div class=\"gkaart rev d4\"><div class=\"gnr\">04<\/div><div class=\"gtxt\">Ontwikkeling wordt vervangen door herkenning.<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAAR WIJ BEWUST AFSTAND VAN NEMEN ========================= -->\n<style>\n.inr-vergelijk .afstand-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:24px !important;}\n.inr-vergelijk .akaart{position:relative !important;background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:var(--radius) !important;padding:36px !important;overflow:hidden !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s !important;}\n.inr-vergelijk .akaart::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;background:var(--accent) !important;transform:scaleX(0) !important;transform-origin:left !important;transition:transform .5s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .akaart:hover{transform:translateY(-6px) !important;border-color:rgba(0,123,255,.3) !important;box-shadow:0 28px 60px -30px rgba(0,123,255,.35) !important;}\n.inr-vergelijk .akaart:hover::before{transform:scaleX(1) !important;}\n.inr-vergelijk .akaart .a-num{font-size:13px !important;font-weight:700 !important;letter-spacing:.08em !important;color:var(--accent) !important;margin-bottom:16px !important;}\n.inr-vergelijk .akaart h3{font-weight:600 !important;font-size:21px !important;letter-spacing:-.015em !important;color:var(--ink) !important;line-height:1.25 !important;margin-bottom:12px !important;}\n.inr-vergelijk .akaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:12px !important;}\n.inr-vergelijk .akaart p:last-child{margin-bottom:0 !important;}\n.inr-vergelijk .akaart .vraag{font-size:15px !important;font-weight:500 !important;color:var(--ink) !important;line-height:1.55 !important;font-style:italic !important;}\n@media(max-width:820px){.inr-vergelijk .afstand-grid{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Waar wij bewust afstand van nemen<\/span>\n    <h2>Vier dingen die wij niet doen.<\/h2>\n    <p>Niet om andere benaderingen af te wijzen, maar om scherp te houden waar volwassen ontwikkeling volgens ons begint.<\/p>\n  <\/div>\n  <div class=\"afstand-grid\">\n    <div class=\"akaart rev d1\">\n      <div class=\"a-num\">01<\/div>\n      <h3>Mensen indelen in vaste persoonlijkheidstypen<\/h3>\n      <p>Wij geloven niet dat een mens een kleur, een type of een profiel is. Typemodellen geven houvast, maar ze creeren ook identiteit rond gedrag.<\/p>\n      <p>Zodra iemand zich met een type vereenzelvigt, ontstaat iets subtiel beperkends: het idee dat het nu eenmaal zo is.<\/p>\n    <\/div>\n    <div class=\"akaart rev d2\">\n      <div class=\"a-num\">02<\/div>\n      <h3>Gedrag verklaren vanuit labels in plaats van context<\/h3>\n      <p>Gedrag staat nooit op zichzelf. Het ontstaat in een context. Wanneer iemand zich terugtrekt, perfectionistisch wordt of gaat controleren, is de vraag niet welk type dat is.<\/p>\n      <p class=\"vraag\">Welke behoefte staat hier onder druk? Welk innerlijk narratief probeert hier bescherming te bieden?<\/p>\n    <\/div>\n    <div class=\"akaart rev d3\">\n      <div class=\"a-num\">03<\/div>\n      <h3>Snelle verandering beloven zonder inzicht<\/h3>\n      <p>Wij geloven niet in quick fixes. Gedragsverandering zonder inzicht is symptoombestrijding. Ze kan tijdelijk effect hebben, maar zodra de druk toeneemt keert oud gedrag terug.<\/p>\n      <p>De reden is eenvoudig: het onderliggende narratief is intact gebleven.<\/p>\n    <\/div>\n    <div class=\"akaart rev d4\">\n      <div class=\"a-num\">04<\/div>\n      <h3>Beinvloeding verwarren met ontwikkeling<\/h3>\n      <p>Er is een groot verschil tussen iemand laten bewegen en iemand laten groeien. Beinvloeding stuurt gedrag. Ontwikkeling voedt de mens.<\/p>\n      <p>Wie mensen via druk, overreding of externe prikkels in beweging brengt, verandert vaak hun gedrag, maar niet hun narratief.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAAR INNER DE FOCUS LEGT (KANTELING, LICHT\/ACCENT) ========================= -->\n<style>\n.inr-vergelijk .focus{background:linear-gradient(180deg,rgba(0,123,255,.05),transparent) !important;border-top:1px solid rgba(0,123,255,.12) !important;border-bottom:1px solid rgba(0,123,255,.12) !important;}\n.inr-vergelijk .focus .f-grid{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-vergelijk .focus .f-tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-vergelijk .focus .f-tekst h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,50px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-vergelijk .focus .f-tekst .lead{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:18px !important;}\n.inr-vergelijk .focus .f-tekst .lead:last-of-type{margin-bottom:34px !important;}\n.inr-vergelijk .focus .f-tekst .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-vergelijk .focus .cta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:var(--accent) !important;color:#fff !important;\n  font-weight:600 !important;font-size:15px !important;padding:15px 28px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-vergelijk .focus .cta:hover{transform:translateY(-3px) !important;box-shadow:0 18px 44px -20px rgba(0,123,255,.6) !important;}\n.inr-vergelijk .focus .cta svg{width:17px !important;height:17px !important;}\n.inr-vergelijk .kenmerken{display:flex !important;flex-direction:column !important;gap:12px !important;}\n.inr-vergelijk .kkaart{background:rgba(255,255,255,.78) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:18px !important;padding:22px 24px !important;box-shadow:0 10px 40px -30px rgba(0,123,255,.25) !important;}\n.inr-vergelijk .kkaart h4{font-weight:600 !important;font-size:16px !important;color:var(--ink) !important;margin-bottom:5px !important;letter-spacing:-.01em !important;display:flex !important;align-items:center !important;gap:10px !important;}\n.inr-vergelijk .kkaart h4 .pt{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--accent) !important;flex:none !important;}\n.inr-vergelijk .kkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;padding-left:17px !important;}\n@media(max-width:820px){.inr-vergelijk .focus .f-grid{grid-template-columns:1fr !important;gap:40px !important;}}\n<\/style>\n<section class=\"sec focus\">\n  <div class=\"wrap\">\n    <div class=\"f-grid\">\n      <div class=\"f-tekst rev\">\n        <span class=\"eyebrow\">Waar INR de focus legt<\/span>\n        <h2>Wij beginnen niet bij gedrag.<\/h2>\n        <p class=\"lead\">Het INR Model is een verklarend model voor menselijk gedrag in organisaties. Het vertrekt vanuit een fundamentele aanname: gedrag is logisch binnen de context en de betekenis die iemand ervaart.<\/p>\n        <p class=\"lead\">Het begint niet bij het zichtbare gedrag, maar bij de laag daaronder. Daar zit beweging. <strong>Gedrag is het eindresultaat van een innerlijk proces, niet het beginpunt ervan.<\/strong><\/p>\n        <a class=\"cta\" href=\"https:\/\/inr.institute\/inr\/inr-model\/\">Verdiep je in het INR Model <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <\/div>\n      <div class=\"kenmerken rev\">\n        <div class=\"kkaart rev d1\"><h4><span class=\"pt\"><\/span>Geen typologie<\/h4><p>Geen gedragslabel en geen beinvloedingstechniek. De kracht zit juist in wat het bewust niet doet.<\/p><\/div>\n        <div class=\"kkaart rev d2\"><h4><span class=\"pt\"><\/span>Inzicht in plaats van indeling<\/h4><p>Het geeft verantwoordelijkheid terug aan de professional in plaats van die over te nemen.<\/p><\/div>\n        <div class=\"kkaart rev d3\"><h4><span class=\"pt\"><\/span>Standvastig onder druk<\/h4><p>Omdat het werkt op de onderliggende laag, blijft verandering ook overeind wanneer de druk toeneemt.<\/p><\/div>\n        <div class=\"kkaart rev d4\"><h4><span class=\"pt\"><\/span>Ethisch begrensd<\/h4><p>Ontwikkeling met een expliciete grens. Spiegelen in plaats van sturen, ruimte scheppen in plaats van afdwingen.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= ELK MODEL ONDERZOCHT ========================= -->\n<style>\n.inr-vergelijk .modellen{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;}\n.inr-vergelijk .mkaart{position:relative !important;display:flex !important;flex-direction:column !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:var(--radius) !important;padding:32px !important;overflow:hidden !important;\n  transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s,border-color .42s !important;}\n.inr-vergelijk .mkaart::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;bottom:0 !important;width:3px !important;background:var(--accent) !important;transform:scaleY(0) !important;transform-origin:top !important;transition:transform .5s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .mkaart:hover{transform:translateY(-6px) !important;border-color:rgba(0,123,255,.3) !important;box-shadow:0 28px 60px -32px rgba(0,123,255,.32) !important;}\n.inr-vergelijk .mkaart:hover::before{transform:scaleY(1) !important;}\n.inr-vergelijk .mkaart .m-top{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:16px !important;}\n.inr-vergelijk .mkaart .m-ico{flex:none !important;width:42px !important;height:42px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-vergelijk .mkaart .m-ico svg{width:22px !important;height:22px !important;}\n.inr-vergelijk .mkaart .m-ico.kruis{background:rgba(225,29,46,.10) !important;border:1px solid rgba(225,29,46,.26) !important;color:#E11D2E !important;}\n.inr-vergelijk .mkaart .m-ico.vink{background:rgba(22,163,74,.10) !important;border:1px solid rgba(22,163,74,.26) !important;color:#16A34A !important;}\n.inr-vergelijk .mkaart .m-kop{display:flex !important;flex-direction:column !important;gap:3px !important;}\n.inr-vergelijk .mkaart .m-num{font-size:11px !important;font-weight:700 !important;letter-spacing:.10em !important;color:var(--grijs-l) !important;}\n.inr-vergelijk .mkaart h3{font-weight:600 !important;font-size:19px !important;letter-spacing:-.015em !important;color:var(--ink) !important;line-height:1.2 !important;}\n.inr-vergelijk .mkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;margin-bottom:22px !important;flex:1 1 auto !important;}\n.inr-vergelijk .mkaart .mlink{display:inline-flex !important;align-items:center !important;gap:9px !important;font-weight:600 !important;font-size:14px !important;color:var(--accent) !important;align-self:flex-start !important;}\n.inr-vergelijk .mkaart .mlink svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-vergelijk .mkaart:hover .mlink svg{transform:translateX(5px) !important;}\n@media(max-width:820px){.inr-vergelijk .modellen{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Het volledige overzicht<\/span>\n    <h2>Elk model onderzocht.<\/h2>\n    <p>Per model een eerlijke analyse: wat het belooft, waar het sterk in is en waar het ontwerp volgens ons tekortschiet. Geen karikatuur, wel een scherpe blik.<\/p>\n  <\/div>\n  <div class=\"modellen\">\n\n    <a class=\"mkaart rev d1\" id=\"m-insights\" href=\"https:\/\/inr.institute\/inspiratie\/insights-discovery-onderzocht\/\">\n      <div class=\"m-top\"><div class=\"m-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">01<\/span><h3>Insights Discovery<\/h3><\/div><\/div>\n      <p>Breed ingezet voor teamontwikkeling, leiderschap en communicatie. Het deelt mensen in op vier kleurvoorkeuren en presenteert dat als inzicht in persoonlijkheid en samenwerking.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d2\" id=\"m-mbti\" href=\"https:\/\/inr.institute\/inspiratie\/myers-briggs-mbti-onderzocht\/\">\n      <div class=\"m-top\"><div class=\"m-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">02<\/span><h3>Myers-Briggs Type Indicator<\/h3><\/div><\/div>\n      <p>De MBTI is populair omdat het snelle taal geeft voor verschillen tussen mensen en voor samenwerking. Die toegankelijkheid is tegelijk de bron van de meeste kritiek.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d3\" id=\"m-bigfive\" href=\"https:\/\/inr.institute\/inspiratie\/big-five-persoonlijkheidstrekken\/\">\n      <div class=\"m-top\"><div class=\"m-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">03<\/span><h3>Big Five<\/h3><\/div><\/div>\n      <p>Geen enkele test, maar een model dat met verschillende meetinstrumenten in kaart wordt gebracht. Het beschrijft persoonsverschillen via vijf dimensies.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d4\" id=\"m-disc\" href=\"https:\/\/inr.institute\/inspiratie\/disc-onderzocht\/\">\n      <div class=\"m-top\"><div class=\"m-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">04<\/span><h3>DISC<\/h3><\/div><\/div>\n      <p>Een van de meest gebruikte gedragsmodellen, ingezet bij teamontwikkeling, leiderschap, communicatie en sales. De populariteit zit niet in complexiteit, maar in toegankelijkheid.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d5\" id=\"m-maslow\" href=\"https:\/\/inr.institute\/inspiratie\/piramide-van-maslow\/\">\n      <div class=\"m-top\"><div class=\"m-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">05<\/span><h3>Piramide van Maslow<\/h3><\/div><\/div>\n      <p>Vaak gepresenteerd als een vanzelfsprekend en wetenschappelijk onderbouwd model van motivatie. Het duikt op in marketing, HR, onderwijs en leiderschap, met een dunner fundament dan de bekendheid suggereert.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d6\" id=\"m-zdt\" href=\"https:\/\/inr.institute\/inspiratie\/de-zelfdeterminatietheorie-krachtig-complex\/\">\n      <div class=\"m-top\"><div class=\"m-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">06<\/span><h3>Zelfdeterminatietheorie (ZDT)<\/h3><\/div><\/div>\n      <p>Een van de invloedrijkste motivatietheorieen van de afgelopen decennia, breed gebruikt in psychologie, onderwijs, zorg en organisaties. Krachtig, en tegelijk complexer dan de toepassing vaak doet vermoeden.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d7\" id=\"m-enneagram\" href=\"https:\/\/inr.institute\/inspiratie\/het-enneagram-overtuigend-maar-discutabel\/\">\n      <div class=\"m-top\"><div class=\"m-ico kruis\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">07<\/span><h3>Het Enneagram<\/h3><\/div><\/div>\n      <p>Uitgegroeid tot een van de populairste persoonlijkheidsmodellen in coaching en teamontwikkeling. Vaak gepresenteerd als diepgaand instrument voor kernmotivaties en groeipaden. Overtuigend, en tegelijk discutabel.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n    <a class=\"mkaart rev d8\" id=\"m-spt\" href=\"https:\/\/inr.institute\/inspiratie\/self-perception-theory-extreem-effectief\/\">\n      <div class=\"m-top\"><div class=\"m-ico vink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><div class=\"m-kop\"><span class=\"m-num\">08<\/span><h3>Self-Perception Theory (SPT)<\/h3><\/div><\/div>\n      <p>Veel modellen vertrekken vanuit het innerlijk: wat iemand voelt of denkt wordt gezien als de oorzaak van gedrag. SPT keert die volgorde om, en dat maakt het bijzonder relevant voor hoe wij naar gedrag kijken.<\/p>\n      <span class=\"mlink\">Bekijk de analyse <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-vergelijk .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-vergelijk .belofte .q{font-weight:600 !important;font-size:clamp(28px,4.2vw,46px) !important;letter-spacing:-.026em !important;line-height:1.16 !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-vergelijk .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-bottom:0 !important;\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Waar andere modellen <span class=\"grad\">stoppen<\/span>, begint het echte werk.<\/div>\n    <p>Niet bij het label, maar bij de behoefte die eronder ligt. Niet bij het type, maar bij het narratief dat iemand zichzelf vertelt. Daar zit de plek waar gedrag ontstaat, en dus ook de plek waar het kan veranderen.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-vergelijk .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-vergelijk .slot{text-align:center !important;min-height:62vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:100px !important;padding-bottom:110px !important;}\n.inr-vergelijk .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-vergelijk .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:16ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-vergelijk .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;line-height:1.55 !important;margin-bottom:40px !important;}\n.inr-vergelijk .slot .scta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:var(--accent) !important;color:#fff !important;font-weight:600 !important;font-size:15px !important;padding:16px 32px !important;border-radius:99px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-vergelijk .slot .scta:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -22px rgba(0,123,255,.6) !important;}\n.inr-vergelijk .slot .scta svg{width:17px !important;height:17px !important;}\n.inr-vergelijk .slot .merk{margin-top:50px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:600 !important;font-size:22px !important;color:var(--ink) !important;}\n.inr-vergelijk .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:0 0 0 5px rgba(0,123,255,.14) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Verklaren. Begrijpen. <span class=\"grad\">Veranderen<\/span>.<\/h2>\n    <p>Begin bij het model dat gedrag niet indeelt, maar verklaart. En ontdek waarom dat in organisaties het verschil maakt.<\/p>\n    <a class=\"scta\" href=\"https:\/\/inr.institute\/inr\/inr-model\/\">Begin bij het INR Model <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Institute<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-vergelijk ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-vergelijk .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});}\n    else{\n      var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n      els.forEach(function(e){io.observe(e);});\n    }\n    \/\/ snelfilter dropdown: openen, sluiten, en scroll naar de juiste kaart\n    var drop=document.getElementById('sfDrop');\n    var trig=document.getElementById('sfTrigger');\n    if(drop&&trig){\n      function sluit(){drop.classList.remove('open');trig.setAttribute('aria-expanded','false');}\n      function open(){drop.classList.add('open');trig.setAttribute('aria-expanded','true');}\n      trig.addEventListener('click',function(e){\n        e.stopPropagation();\n        if(drop.classList.contains('open')){sluit();}else{open();}\n      });\n      document.addEventListener('click',function(e){\n        if(drop.classList.contains('open')&&!drop.contains(e.target)){sluit();}\n      });\n      document.addEventListener('keydown',function(e){\n        if(e.key==='Escape'&&drop.classList.contains('open')){sluit();trig.focus();}\n      });\n      var opties=drop.querySelectorAll('.sf-optie');\n      opties.forEach(function(opt){\n        opt.addEventListener('click',function(){\n          var doel=document.getElementById(opt.getAttribute('data-doel'));\n          sluit();\n          if(!doel)return;\n          doel.classList.add('in'); \/\/ zorg dat de kaart zichtbaar is voor de sprong\n          var top=doel.getBoundingClientRect().top+window.pageYOffset-90;\n          var red=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n          window.scrollTo({top:top,behavior:red?'auto':'smooth'});\n          doel.classList.remove('flits');\n          void doel.offsetWidth; \/\/ herstart de animatie bij herhaalde keuze\n          doel.classList.add('flits');\n        });\n      });\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.06) !important;\n  padding:8px 15px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-contact .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;}\n.inr-contact .paneel h2{font-weight:700 !important;font-size:clamp(28px,3.6vw,42px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-contact .paneel .lead{font-size:clamp(15px,1.6vw,17px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;max-width:42ch !important;}\n.inr-contact .direct{margin-top:auto !important;padding-top:42px !important;}\n.inr-contact .direct-l{font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;margin-bottom:16px !important;}\n.inr-contact .direct-rij{display:flex !important;align-items:center !important;gap:13px !important;margin-bottom:13px !important;}\n.inr-contact .direct-rij:last-child{margin-bottom:0 !important;}\n.inr-contact .direct-ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;}\n.inr-contact .direct-ic svg{width:17px !important;height:17px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .direct-rij a,.inr-contact .direct-rij span{font-size:15.5px !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.01em !important;transition:color .2s !important;word-break:break-word !important;}\n.inr-contact a.direct-link:hover{color:#fff !important;}\n\n\/* ---------- 5. RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-contact .form-zij{padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;background:transparent !important;}\n.inr-contact .veld-rij{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:18px !important;margin-bottom:20px !important;}\n.inr-contact .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;}\n.inr-contact .veld.vol{margin-bottom:20px !important;}\n.inr-contact .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em !important;margin-bottom:8px !important;}\n\/* CONTRAST-FIX: was --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld label .ster{color:var(--grijs) !important;font-weight:400 !important;}\n.inr-contact .veld input,.inr-contact .veld select,.inr-contact .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:14px 16px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s,background .2s !important;\n}\n\/* CONTRAST-FIX: placeholders waren --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld input::placeholder,.inr-contact .veld textarea::placeholder{color:var(--grijs) !important;opacity:1 !important;}\n.inr-contact .veld input:focus,.inr-contact .veld select:focus,.inr-contact .veld textarea:focus{\n  border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;\n}\n.inr-contact .veld input.fout,.inr-contact .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-contact .veld textarea{min-height:130px !important;resize:vertical !important;}\n.inr-contact .veld.select-veld{position:relative !important;}\n\/* Decoratieve chevron, mee verhoogd naar --grijs voor visuele samenhang. *\/\n.inr-contact .veld.select-veld::after{content:'' !important;position:absolute !important;right:18px !important;bottom:19px !important;width:8px !important;height:8px !important;border-right:1.6px solid var(--grijs) !important;border-bottom:1.6px solid var(--grijs) !important;transform:rotate(45deg) !important;pointer-events:none !important;}\n.inr-contact .veld select{cursor:pointer !important;padding-right:40px !important;}\n\n\/* honeypot, visueel verborgen *\/\n.inr-contact .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n.inr-contact .knop{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  margin-top:8px !important;background:var(--ink) !important;color:#fff !important;border-radius:14px !important;\n  padding:17px 28px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:-.005em !important;line-height:1.2 !important;\n  box-shadow:0 14px 30px -16px rgba(10,10,11,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-contact .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-contact .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-contact .knop:hover svg{transform:translateX(4px) !important;}\n.inr-contact .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-contact .form-fout{font-size:13.5px !important;font-weight:400 !important;color:#DC2626 !important;margin-top:14px !important;text-align:center !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-contact .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-contact .form-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-contact .form-belofte svg{width:14px !important;height:14px !important;flex:none !important;margin-top:2px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- 6. SUCCES-STAAT ---------- *\/\n.inr-contact .form-velden.verzonden{display:none !important;}\n.inr-contact .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding:14px 0 !important;}\n.inr-contact .succes.toon{display:flex !important;}\n.inr-contact .succes .vink{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-contact .succes .vink svg{width:26px !important;height:26px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .succes h3{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}\n.inr-contact .succes p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;}\n\n\/* ---------- 7. REVEAL ---------- *\/\n.inr-contact .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-contact .rev.in{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 8. MOBIEL ---------- *\/\n@media(max-width:880px){\n  .inr-contact .wrap{padding:64px 0 !important;}\n  .inr-contact .kaart{grid-template-columns:1fr !important;border-radius:26px !important;}\n  .inr-contact .paneel{padding:40px 28px !important;}\n  .inr-contact .paneel .lead{max-width:none !important;}\n  .inr-contact .direct{padding-top:34px !important;}\n  .inr-contact .form-zij{padding:36px 28px !important;}\n  .inr-contact .veld-rij{grid-template-columns:1fr !important;gap:0 !important;margin-bottom:0 !important;}\n  .inr-contact .veld-rij .veld{margin-bottom:20px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-contact .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-contact .blob{animation:none !important;}\n  .inr-contact .knop,.inr-contact .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-contact\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><\/div>\n\n<div class=\"wrap\">\n  <div class=\"kaart rev\">\n\n    <!-- LINKER PANEEL -->\n    <div class=\"paneel\">\n      <div class=\"paneel-in\">\n\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n          <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n        <h3>Bedankt, je bericht is binnen.<\/h3>\n        <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); }\n          else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Waarom wij gangbare modellen niet gebruiken. In organisaties wordt al decennia gewerkt met gedragsmodellen, persoonlijkheidstypologieen en interventietechnieken. Ze beloven inzicht, betere samenwerking en sneller resultaat. En ze zijn populair. Wij gebruiken ze niet. Niet uit rebellie, niet uit voorkeur, maar omdat hun ontwerp tekortschiet voor volwassen organisatieontwikkeling. Bekijk per modelWelk model wil je onderzoeken? Insights [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":69591,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-68150","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/68150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/users\/224244682"}],"replies":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/comments?post=68150"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/68150\/revisions"}],"predecessor-version":[{"id":80614,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/68150\/revisions\/80614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/69591"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=68150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}