{"id":42665,"date":"2025-05-01T16:12:41","date_gmt":"2025-05-01T14:12:41","guid":{"rendered":"https:\/\/inr.institute\/?page_id=42665"},"modified":"2026-08-21T08:02:43","modified_gmt":"2026-08-21T06:02:43","slug":"inr-model","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr\/inr-model\/","title":{"rendered":"INR Model"},"content":{"rendered":"\n<!-- ============================================================================\n     INR MODEL \u00b7 HET FUNDAMENT\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-model en afgedwongen met !important.\n     Neutraal: zwart\/wit met grijze blobs. Geen dienstkleur.\n     Systeem identiek aan INR Dynamics: Inter, glassmorphism, blobs, reveal.\n\n     LET OP \u2014 FONT WORDT NIET MEER HIER GELADEN.\n     Het Inter-font wordt sitebreed geladen door de header (de enige font-bron).\n     Daarom is het preconnect\/font-<link>-blok hier verwijderd. De\n     font-family:'Inter' declaraties hieronder blijven staan: die gebruiken\n     het font dat de header al levert. Niet opnieuw toevoegen \u2014 dat veroorzaakt\n     juist de dubbele font-verbindingen die PageSpeed afstraft.\n\n     TAALAFHANKELIJK VERBERGEN (EN): vier knoppen zijn verborgen op de Engelse\n     site via class \"hide-on-en\", op scrollvolgorde:\n       1. \"INR en andere modellen\" (hero, ghost-knop)\n       2. \"Bekijk de wetenschap erachter\" (donker hart-blok, cta)\n       3. \"Meer lezen over de wetenschap\" (stats-band, ghost-knop)\n       4. \"Bekijk INR naast andere modellen\" (slot, scta)\n     BELANGRIJK: de verbergregels targeten NIET de globale body.lang-en, maar\n     een class lang-en die de widget zelf op zijn eigen root zet (zie script).\n     Een regel die met \"body\" begint reikt buiten de widget en breekt de\n     TranslatePress-editor (het blok is dan niet meer aanklikbaar om te\n     vertalen). Door alles binnen .inr-model te houden blijft de sectie gewoon\n     vertaalbaar.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-model{\n  --ink:#0E0E12; --ink-2:#1A1A20; --grijs:#64646E; --grijs-2:#9A9AA4; --bg:#F5F5F7;\n  --lijn:rgba(14,14,18,.10); --lijn-2:rgba(14,14,18,.06);\n  --laag-i:#0E0E12; --laag-n:#54545E; --laag-r:#D6D6DB;\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-model, .inr-model *, .inr-model *::before, .inr-model *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-model h1,.inr-model h2,.inr-model h3,.inr-model h4,.inr-model p,\n.inr-model span,.inr-model div,.inr-model ul,.inr-model li,.inr-model a{margin:0;padding:0;}\n.inr-model ul{list-style:none !important;}\n.inr-model a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- TAALAFHANKELIJK VERBERGEN (EN) ----------\n   Zelfde mechanisme als op de Dynamics- en Framework-pagina: lang-en wordt\n   door de widget zelf op .inr-model gezet (zie script), NIET op body. Zo blijft\n   de selector binnen de widget en breekt hij de TranslatePress-editor niet.\n   Drie verschillende knop-classes, elk een eigen regel met hogere\n   specificiteit dan de bijbehorende display-regel, dus het verbergen wint. *\/\n.inr-model.lang-en .hero .knop.hide-on-en{display:none !important;}\n.inr-model.lang-en .hart .cta.hide-on-en{display:none !important;}\n.inr-model.lang-en .wet-onder .knop.hide-on-en{display:none !important;}\n.inr-model.lang-en .slot .scta.hide-on-en{display:none !important;}\n\n\/* ---------- 2. ATMOSFEER (neutrale grijze blobs) ---------- *\/\n.inr-model .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-model .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.5 !important;animation:inrm-drift 30s ease-in-out infinite !important;}\n.inr-model .blob.a{width:580px;height:580px;background:rgba(14,14,18,.10);top:-180px;left:-160px;}\n.inr-model .blob.b{width:520px;height:520px;background:rgba(100,100,110,.12);top:40%;right:-200px;animation-delay:-11s;}\n.inr-model .blob.c{width:660px;height:660px;background:rgba(14,14,18,.06);bottom:-260px;left:26%;animation-delay:-19s;}\n@keyframes inrm-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-34px) scale(1.07);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-model .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-model .sec{position:relative !important;z-index:1 !important;padding:120px 0 !important;}\n.inr-model .sec.tight{padding:80px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-model .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n.inr-model .grad{background:linear-gradient(115deg,#0E0E12,#54545E) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-model .kop{text-align:center !important;max-width:780px !important;margin:0 auto 60px !important;}\n.inr-model .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-model .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-model .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-model .rev{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-model .rev.in{opacity:1 !important;transform:none !important;}\n.inr-model .d1{transition-delay:.07s;}.inr-model .d2{transition-delay:.14s;}.inr-model .d3{transition-delay:.21s;}\n.inr-model .d4{transition-delay:.28s;}.inr-model .d5{transition-delay:.35s;}.inr-model .d6{transition-delay:.42s;}\n.no-js .inr-model .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-model{padding-left:22px !important;padding-right:22px !important;}\n  .inr-model .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-model .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-model .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-model .wet-band{margin-left:-22px !important;margin-right:-22px !important;padding-left:22px !important;padding-right:22px !important;}\n  .inr-model .sec{padding:72px 0 !important;}\n  .inr-model .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-model .blob.b{width:300px;height:300px;right:-140px;}\n  .inr-model .blob.c{width:340px;height:340px;left:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-model .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-model .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-model\">\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-model .hero{min-height:90vh !important;display:grid !important;grid-template-columns:1.1fr .9fr !important;gap:56px !important;align-items:center !important;padding:140px clamp(24px,5vw,40px) 90px !important;}\n.inr-model .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(--ink) !important;background:rgba(14,14,18,.06) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-model .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 4px rgba(14,14,18,.12) !important;}\n.inr-model .hero h1{font-weight:600 !important;font-size:clamp(48px,7vw,92px) !important;line-height:1.0 !important;letter-spacing:-.04em !important;\n  color:var(--ink) !important;margin-bottom:28px !important;}\n.inr-model .hero .lead{font-size:clamp(18px,2.3vw,22px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:48ch !important;line-height:1.5 !important;margin-bottom:36px !important;}\n.inr-model .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-model .hero .acties{display:flex !important;gap:14px !important;flex-wrap:wrap !important;}\n.inr-model .knop{display:inline-flex !important;align-items:center !important;gap:10px !important;font-weight:600 !important;font-size:15px !important;padding:15px 26px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .3s !important;cursor:pointer !important;}\n.inr-model .knop svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-model .knop.primair{background:var(--ink) !important;color:#fff !important;}\n.inr-model .knop.primair:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(14,14,18,.5) !important;}\n.inr-model .knop.primair:hover svg{transform:translateX(4px) !important;}\n.inr-model .knop.ghost{background:rgba(14,14,18,.04) !important;color:var(--ink) !important;border:1px solid var(--lijn) !important;}\n.inr-model .knop.ghost:hover{background:rgba(14,14,18,.08) !important;transform:translateY(-3px) !important;}\n\n\/* ---- laag-diagram (visuele body) ---- *\/\n.inr-model .stapel{position:relative !important;display:flex !important;justify-content:center !important;}\n.inr-model .stapel svg{width:100% !important;max-width:460px !important;height:auto !important;overflow:visible !important;}\n.inr-model .stapel .lg-band{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);}\n.inr-model .stapel .lg-r{transform:translateY(-40px);}\n.inr-model .stapel .lg-i{transform:translateY(40px);}\n.inr-model .stapel.in .lg-band{opacity:1 !important;transform:translateY(0) !important;}\n.inr-model .stapel.in .lg-n{transition-delay:.16s !important;}\n.inr-model .stapel.in .lg-i{transition-delay:.32s !important;}\n\n@media(max-width:880px){\n  .inr-model .hero{grid-template-columns:1fr !important;min-height:auto !important;padding:120px clamp(28px,5vw,40px) 60px !important;gap:48px !important;}\n  .inr-model .hero h1{font-size:clamp(40px,11vw,62px) !important;}\n  .inr-model .stapel{justify-content:flex-start !important;}\n  .inr-model .stapel svg{max-width:100% !important;}\n}\n<\/style>\n<section class=\"hero wrap\">\n  <div>\n\n    <h1>Gedrag.<br>Verhaal.<br><span class=\"grad\">Groei<\/span>.<\/h1>\n    <p class=\"lead\">Begrijp wat mensen doen, en verander wat organisaties beweegt. Het INR Model maakt zichtbaar wat onder gedrag ligt, zodat je het kunt lezen in plaats van bestrijden. <strong>Dit is het fundament onder alles.<\/strong><\/p>\n    <div class=\"acties\">\n      <a class=\"knop primair\" href=\"#lagen\">Ontdek het model <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M12 5v14M6 13l6 6 6-6\"><\/path><\/svg><\/a>\n      <a class=\"knop ghost hide-on-en\" href=\"https:\/\/inr.institute\/inr-en-andere-modellen\/\">INR en andere modellen<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"stapel\" id=\"inrmStapel\">\n    <svg viewBox=\"28 22 404 316\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"De drie lagen van het INR Model: Reaction aan de oppervlakte, Narrative in het midden, Inner Needs in de diepte.\">\n      <defs>\n        <linearGradient id=\"lgI\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#0E0E12\"><\/stop><stop offset=\"1\" stop-color=\"#2A2A32\"><\/stop><\/linearGradient>\n        <linearGradient id=\"lgN\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#54545E\"><\/stop><stop offset=\"1\" stop-color=\"#6E6E78\"><\/stop><\/linearGradient>\n        <linearGradient id=\"lgR\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#E6E6EA\"><\/stop><stop offset=\"1\" stop-color=\"#FAFAFB\"><\/stop><\/linearGradient>\n        <filter id=\"lgShad\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"14\" flood-color=\"#0E0E12\" flood-opacity=\"0.10\"><\/feDropShadow><\/filter>\n      <\/defs>\n      <g filter=\"url(#lgShad)\">\n        <g class=\"lg-band lg-r\">\n          <rect x=\"44\" y=\"42\" width=\"372\" height=\"78\" rx=\"18\" fill=\"url(#lgR)\" stroke=\"rgba(14,14,18,.10)\"><\/rect>\n          <circle cx=\"92\" cy=\"81\" r=\"22\" fill=\"#fff\" stroke=\"rgba(14,14,18,.12)\"><\/circle>\n          <text x=\"92\" y=\"89\" font-size=\"22\" font-weight=\"700\" fill=\"#0E0E12\" text-anchor=\"middle\">R<\/text>\n          <text x=\"132\" y=\"76\" font-size=\"16\" font-weight=\"600\" fill=\"#0E0E12\">Reaction<\/text>\n          <text x=\"132\" y=\"97\" font-size=\"13\" font-weight=\"400\" fill=\"#64646E\">het zichtbare gedrag<\/text>\n        <\/g>\n        <g class=\"lg-band lg-n\">\n          <rect x=\"44\" y=\"140\" width=\"372\" height=\"78\" rx=\"18\" fill=\"url(#lgN)\"><\/rect>\n          <circle cx=\"92\" cy=\"179\" r=\"22\" fill=\"rgba(255,255,255,.16)\"><\/circle>\n          <text x=\"92\" y=\"187\" font-size=\"22\" font-weight=\"700\" fill=\"#fff\" text-anchor=\"middle\">N<\/text>\n          <text x=\"132\" y=\"174\" font-size=\"16\" font-weight=\"600\" fill=\"#fff\">Narrative<\/text>\n          <text x=\"132\" y=\"195\" font-size=\"13\" font-weight=\"400\" fill=\"rgba(255,255,255,.78)\">het verhaal eronder<\/text>\n        <\/g>\n        <g class=\"lg-band lg-i\">\n          <rect x=\"44\" y=\"238\" width=\"372\" height=\"78\" rx=\"18\" fill=\"url(#lgI)\"><\/rect>\n          <circle cx=\"92\" cy=\"277\" r=\"22\" fill=\"rgba(255,255,255,.12)\"><\/circle>\n          <text x=\"92\" y=\"285\" font-size=\"22\" font-weight=\"700\" fill=\"#fff\" text-anchor=\"middle\">I<\/text>\n          <text x=\"132\" y=\"272\" font-size=\"16\" font-weight=\"600\" fill=\"#fff\">Inner Needs<\/text>\n          <text x=\"132\" y=\"293\" font-size=\"13\" font-weight=\"400\" fill=\"rgba(255,255,255,.72)\">de drijfveren<\/text>\n        <\/g>\n      <\/g>\n    <\/svg>\n  <\/div>\n<\/section>\n\n<!-- ========================= HERKENNING ========================= -->\n<style>\n.inr-model .herken{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;max-width:1000px !important;margin:0 auto !important;}\n.inr-model .hkaart{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:20px !important;padding:30px 30px !important;\n  box-shadow:0 10px 40px -30px rgba(14,14,18,.25) !important;}\n.inr-model .hkaart .sit{font-size:17px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.01em !important;line-height:1.4 !important;margin-bottom:10px !important;}\n.inr-model .hkaart .gev{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-model .herken-slot{text-align:center !important;max-width:720px !important;margin:54px auto 0 !important;}\n.inr-model .herken-slot p{font-size:19px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;}\n.inr-model .herken-slot p strong{font-weight:600 !important;color:var(--ink) !important;}\n@media(max-width:820px){.inr-model .herken{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Komt dit bekend voor<\/span>\n    <h2>Bedrijven sturen op gedrag. Gedrag laat zich niet sturen.<\/h2>\n    <p>De symptomen zijn herkenbaar, de oorzaak blijft buiten beeld. Daarom keert hetzelfde gedrag steeds terug, hoeveel je er ook in stopt. Dit vraagt geen nieuwe aanpak, maar een andere blik.<\/p>\n  <\/div>\n  <div class=\"herken\">\n    <div class=\"hkaart rev d1\">\n      <div class=\"sit\">Goede mensen vertrekken, en je ziet het te laat.<\/div>\n      <div class=\"gev\">Verloop en verzuim kosten geld, kennis en momentum. De exitgesprekken geven zelden de echte reden, want die zit dieper dan een betere aanbieding elders.<\/div>\n    <\/div>\n    <div class=\"hkaart rev d2\">\n      <div class=\"sit\">De training was top. Twee weken later is alles bij het oude.<\/div>\n      <div class=\"gev\">Inzichten beklijven niet, omdat ze aan de buitenkant blijven. Het gedrag verandert even, en veert dan terug zodra de aandacht wegtrekt.<\/div>\n    <\/div>\n    <div class=\"hkaart rev d3\">\n      <div class=\"sit\">Je leiders sturen, maar krijgen mensen niet echt mee.<\/div>\n      <div class=\"gev\">Hoe harder ze duwen, hoe meer weerstand. Niet omdat ze slechte leiders zijn, maar omdat ze het gedrag bestrijden in plaats van het te begrijpen.<\/div>\n    <\/div>\n    <div class=\"hkaart rev d4\">\n      <div class=\"sit\">Er zit ruis in het team die niemand kan benoemen.<\/div>\n      <div class=\"gev\">Gedoe dat prestaties stilletjes sloopt, zonder dat iemand de vinger erop legt. Het kost energie, vertraagt besluiten en je voelt het meer dan je het ziet.<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"herken-slot rev\">\n    <p>Stuk voor stuk verschillende problemen. <strong>Met dezelfde oorzaak eronder.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET HART: HET MODEL ========================= -->\n<style>\n.inr-model .hart{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-model .hart::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(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-model .hart .h-grid{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:56px !important;align-items:center !important;position:relative !important;z-index:1 !important;}\n.inr-model .hart .eyebrow{color:rgba(255,255,255,.6) !important;display:block !important;margin-bottom:16px !important;}\n.inr-model .hart h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,50px) !important;letter-spacing:-.028em !important;line-height:1.06 !important;color:#fff !important;margin-bottom:20px !important;}\n.inr-model .hart .lead{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;margin-bottom:18px !important;}\n.inr-model .hart .lead:last-of-type{margin-bottom:34px !important;}\n.inr-model .hart .lead strong{font-weight:600 !important;color:#fff !important;}\n.inr-model .hart .cta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:#fff !important;color:var(--ink) !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-model .hart .cta:hover{transform:translateY(-3px) !important;box-shadow:0 18px 44px -20px rgba(0,0,0,.5) !important;}\n.inr-model .hart .cta svg{width:17px !important;height:17px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-model .hart .cta:hover svg{transform:translateX(4px) !important;}\n.inr-model .lagen3{display:flex !important;flex-direction:column !important;gap:14px !important;}\n.inr-model .laag3{display:grid !important;grid-template-columns:56px 1fr !important;gap:18px !important;align-items:center !important;\n  background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:18px !important;padding:22px 24px !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),background .4s !important;}\n.inr-model .laag3:hover{transform:translateX(6px) !important;background:rgba(255,255,255,.09) !important;}\n.inr-model .laag3 .nr{font-weight:700 !important;font-size:20px !important;color:#fff !important;\n  width:56px !important;height:56px !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.18) !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-model .laag3.l-i .nr{background:linear-gradient(135deg,#0E0E12,#34343E) !important;}\n.inr-model .laag3.l-n .nr{background:linear-gradient(135deg,#54545E,#70707A) !important;}\n.inr-model .laag3.l-r .nr{background:linear-gradient(135deg,#C8C8D0,#EAEAEE) !important;color:#0E0E12 !important;}\n.inr-model .laag3 h4{font-weight:600 !important;font-size:18px !important;color:#fff !important;margin-bottom:4px !important;letter-spacing:-.01em !important;}\n.inr-model .laag3 p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.5 !important;}\n@media(max-width:820px){\n  .inr-model .hart{padding:54px 26px !important;border-radius:26px !important;}\n  .inr-model .hart .h-grid{grid-template-columns:1fr !important;gap:40px !important;}\n}\n<\/style>\n<section class=\"sec wrap\" id=\"lagen\">\n  <div class=\"hart rev\">\n    <div class=\"h-grid\">\n      <div>\n        <span class=\"eyebrow\">Het hart van alles<\/span>\n        <h2>Een logisch model voor menselijk gedrag in organisaties.<\/h2>\n        <p class=\"lead\">Onder elk gedrag ligt een laag die je niet ziet. Het INR Model maakt die zichtbaar: van de drijfveren die iemand van binnenuit in beweging brengen, via het verhaal dat hij zichzelf vertelt, naar het gedrag dat uiteindelijk aan de oppervlakte komt.<\/p>\n        <p class=\"lead\"><strong>Dit is het fundament onder elk leerprogramma binnen INR.<\/strong> Wie het model begrijpt, leest gedrag in plaats van het te bestrijden.<\/p>\n        <a class=\"cta hide-on-en\" href=\"https:\/\/inr.institute\/onderzoek\/\">Bekijk de wetenschap erachter <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=\"lagen3\">\n        <div class=\"laag3 l-i\"><div class=\"nr\">I<\/div><div><h4>Inner Needs<\/h4><p>De intrinsieke drijfveren: Autonomie, Competentie en Verbondenheid. Wat iemand van binnenuit in beweging brengt.<\/p><\/div><\/div>\n        <div class=\"laag3 l-n\"><div class=\"nr\">N<\/div><div><h4>Narrative<\/h4><p>De betekenis die we geven aan ons eigen handelen. Het verhaal dat we onszelf vertellen, en dat elke reactie kleurt.<\/p><\/div><\/div>\n        <div class=\"laag3 l-r\"><div class=\"nr\">R<\/div><div><h4>Reaction<\/h4><p>Het zichtbare gedrag dat we naar de buitenwereld laten zien. Een gevolg, nooit de oorzaak.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET DENKKADER (TABEL) ========================= -->\n<style>\n.inr-model .denk{display:grid !important;grid-template-columns:.8fr 1.2fr !important;gap:48px !important;align-items:center !important;}\n.inr-model .denk-tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-model .denk-tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-model .denk-tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n.inr-model .tabel{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;overflow:hidden !important;box-shadow:0 20px 60px -40px rgba(14,14,18,.3) !important;}\n.inr-model .trij{display:grid !important;grid-template-columns:150px 1fr 1fr !important;gap:16px !important;padding:20px 26px !important;border-bottom:1px solid var(--lijn-2) !important;align-items:center !important;}\n.inr-model .trij:last-child{border-bottom:none !important;}\n.inr-model .trij.kop-rij{background:rgba(14,14,18,.03) !important;}\n.inr-model .trij .tcel{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.4 !important;}\n.inr-model .trij .tnaam{font-size:15px !important;font-weight:600 !important;color:var(--ink) !important;display:flex !important;align-items:center !important;gap:10px !important;}\n.inr-model .trij .tnaam .tdot{width:9px !important;height:9px !important;border-radius:50% !important;flex:none !important;}\n.inr-model .trij .tnaam .d-i{background:#0E0E12 !important;}\n.inr-model .trij .tnaam .d-n{background:#64646E !important;}\n.inr-model .trij .tnaam .d-r{background:#C8C8D0 !important;}\n.inr-model .trij .tnaam .d-o{background:#9A9AA4 !important;}\n.inr-model .trij.kop-rij .tcel{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;}\n.inr-model .trij.kop-rij .tnaam{font-size:11.5px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;}\n@media(max-width:880px){\n  .inr-model .denk{grid-template-columns:1fr !important;gap:32px !important;}\n  .inr-model .trij{grid-template-columns:1fr !important;gap:4px !important;padding:16px 20px !important;}\n  .inr-model .trij.kop-rij{display:none !important;}\n  .inr-model .trij .tcel{font-size:13.5px !important;}\n  .inr-model .trij .tcel::before{content:attr(data-l) \": \" !important;font-weight:600 !important;color:var(--ink) !important;}\n}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"denk\">\n    <div class=\"denk-tekst rev\">\n      <span class=\"eyebrow\">Het denkkader<\/span>\n      <h2>Drie lagen, van oorzaak naar oppervlakte.<\/h2>\n      <p>Het model leest van binnen naar buiten. Wat onzichtbaar begint als drijfveer, krijgt betekenis in een verhaal en wordt pas daarna zichtbaar als gedrag. Begrijp die volgorde, en gedrag wordt voorspelbaar in plaats van grillig.<\/p>\n    <\/div>\n    <div class=\"tabel rev d2\">\n      <div class=\"trij kop-rij\">\n        <div class=\"tnaam\">Laag<\/div>\n        <div class=\"tcel\">Wat het is<\/div>\n        <div class=\"tcel\">Waar het zit<\/div>\n      <\/div>\n      <div class=\"trij\">\n        <div class=\"tnaam\"><span class=\"tdot d-i\"><\/span>Inner Needs<\/div>\n        <div class=\"tcel\" data-l=\"Wat het is\">De echte drijfveren<\/div>\n        <div class=\"tcel\" data-l=\"Waar het zit\">Onder de oppervlakte<\/div>\n      <\/div>\n      <div class=\"trij\">\n        <div class=\"tnaam\"><span class=\"tdot d-n\"><\/span>Narrative<\/div>\n        <div class=\"tcel\" data-l=\"Wat het is\">De logica achter gedrag<\/div>\n        <div class=\"tcel\" data-l=\"Waar het zit\">Wat richting geeft<\/div>\n      <\/div>\n      <div class=\"trij\">\n        <div class=\"tnaam\"><span class=\"tdot d-r\"><\/span>Reaction<\/div>\n        <div class=\"tcel\" data-l=\"Wat het is\">Wat zich laat zien<\/div>\n        <div class=\"tcel\" data-l=\"Waar het zit\">In gedrag en patronen<\/div>\n      <\/div>\n      <div class=\"trij\">\n        <div class=\"tnaam\"><span class=\"tdot d-o\"><\/span>Ontwikkeling<\/div>\n        <div class=\"tcel\" data-l=\"Wat het is\">Van reactie naar richting<\/div>\n        <div class=\"tcel\" data-l=\"Waar het zit\">Wanneer inzicht ontstaat<\/div>\n      <\/div>\n      <div class=\"trij\">\n        <div class=\"tnaam\"><span class=\"tdot d-o\"><\/span>Organisaties<\/div>\n        <div class=\"tcel\" data-l=\"Wat het is\">Cultuur volgt gedrag<\/div>\n        <div class=\"tcel\" data-l=\"Waar het zit\">Altijd<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT HET MODEL JE GEEFT ========================= -->\n<style>\n.inr-model .geeft{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px 34px !important;max-width:980px !important;margin:0 auto !important;}\n.inr-model .gregel{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:16px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;}\n.inr-model .gregel .v{flex:none !important;width:26px !important;height:26px !important;border-radius:8px !important;background:rgba(14,14,18,.08) !important;color:var(--ink) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-model .gregel .v svg{width:15px !important;height:15px !important;}\n@media(max-width:820px){.inr-model .geeft{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De basis van gedragsintelligentie<\/span>\n    <h2>Wat het model jullie in handen geeft.<\/h2>\n    <p>Voordat er sprake is van een programma, is er inzicht. Dit is wat het INR Model mogelijk maakt.<\/p>\n  <\/div>\n  <div class=\"geeft rev\">\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Inzicht in wat motivatie binnen je organisatie \u00e9cht voedt of mogelijkerwijs ondermijnt.<\/span><\/div>\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Begrijpen waarom mensen onder druk anders reageren dan je verwacht.<\/span><\/div>\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Herkennen welke onzichtbare patronen samenwerking en prestaties blokkeren.<\/span><\/div>\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Werken aan de oorzaak van gedrag in plaats van aan de symptomen.<\/span><\/div>\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Vergroten van eigenaarschap, zonder extra controle of druk.<\/span><\/div>\n    <div class=\"gregel\"><span class=\"v\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Cre\u00ebren van een gedeeld referentiekader voor gesprekken over gedrag.<\/span><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WETENSCHAP \/ STATS ========================= -->\n<style>\n.inr-model .wet-band{background:var(--bg) !important;border-top:1px solid var(--lijn-2) !important;border-bottom:1px solid var(--lijn-2) !important;}\n.inr-model .stats{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-model .skaart{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:var(--radius) !important;padding:42px 36px !important;text-align:center !important;\n  box-shadow:0 10px 40px -34px rgba(14,14,18,.3) !important;transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-model .skaart:hover{transform:translateY(-6px) !important;}\n.inr-model .skaart .sgetal{font-size:clamp(48px,6vw,68px) !important;font-weight:700 !important;letter-spacing:-.04em !important;line-height:1 !important;color:var(--ink) !important;margin-bottom:14px !important;}\n.inr-model .skaart .slabel{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.5 !important;}\n.inr-model .wet-onder{text-align:center !important;margin-top:48px !important;}\n.inr-model .wet-onder .knop{margin:0 auto !important;}\n@media(max-width:820px){.inr-model .stats{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wet-band\">\n  <div class=\"wrap\">\n    <div class=\"kop rev\">\n      <span class=\"eyebrow\">Geen mening, een fundament<\/span>\n      <h2>Gebouwd op decennia onderzoek.<\/h2>\n      <p>Het INR Model bouwt voort op de Zelfdeterminatietheorie (ZDT), die laat zien wat mensen van binnenuit motiveert, en op de Self-Perception Theory (SPT), die verklaart hoe we onszelf lezen via ons eigen gedrag. Wat in de praktijk werkt, klopt ook in de wetenschap.<\/p>\n    <\/div>\n    <div class=\"stats\">\n      <div class=\"skaart rev d1\"><div class=\"sgetal\">50+<\/div><div class=\"slabel\">jaar onderzoek naar menselijke motivatie<\/div><\/div>\n      <div class=\"skaart rev d2\"><div class=\"sgetal\">1000+<\/div><div class=\"slabel\">wetenschappelijke studies over INR<\/div><\/div>\n      <div class=\"skaart rev d3\"><div class=\"sgetal\">40+<\/div><div class=\"slabel\">landen onderzocht over culturen en contexten heen<\/div><\/div>\n    <\/div>\n    <div class=\"wet-onder rev\">\n      <a class=\"knop ghost hide-on-en\" href=\"https:\/\/inr.institute\/onderzoek\/\">Meer lezen over de wetenschap <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CULTUUR-ONAFHANKELIJK ========================= -->\n<style>\n.inr-model .cultuur{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:80px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-model .cultuur::before{content:\"\" !important;position:absolute !important;top:-120px !important;left:-90px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-model .cultuur-grid{display:grid !important;grid-template-columns:1fr 1.05fr !important;gap:50px !important;align-items:center !important;position:relative !important;z-index:1 !important;}\n.inr-model .globe-wrap{display:flex !important;justify-content:center !important;}\n.inr-model .globe-svg{width:100% !important;max-width:520px !important;height:auto !important;overflow:hidden !important;}\n.inr-model .globe-svg .vlag{animation:inrm-zweef 7s ease-in-out infinite !important;}\n@keyframes inrm-zweef{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}\n.inr-model .cultuur-tekst .eyebrow{color:rgba(255,255,255,.6) !important;display:block !important;margin-bottom:16px !important;}\n.inr-model .cultuur-tekst h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,50px) !important;letter-spacing:-.028em !important;line-height:1.06 !important;color:#fff !important;margin-bottom:20px !important;}\n.inr-model .cultuur-tekst .lead{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;margin-bottom:18px !important;}\n.inr-model .cultuur-tekst .lead:last-of-type{margin-bottom:34px !important;}\n.inr-model .cultuur-tekst .lead strong{font-weight:600 !important;color:#fff !important;}\n.inr-model .cultuur-tekst .cta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important;font-size:15px !important;padding:15px 28px !important;border-radius:99px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-model .cultuur-tekst .cta:hover{transform:translateY(-3px) !important;box-shadow:0 18px 44px -20px rgba(0,0,0,.5) !important;}\n.inr-model .cultuur-tekst .cta svg{width:17px !important;height:17px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-model .cultuur-tekst .cta:hover svg{transform:translateX(4px) !important;}\n@media(max-width:880px){\n  .inr-model .cultuur{padding:54px 26px !important;border-radius:26px !important;}\n  .inr-model .cultuur-grid{grid-template-columns:1fr !important;gap:36px !important;}\n  .inr-model .cultuur-tekst{order:2 !important;}\n  .inr-model .globe-svg .vlag{animation:none !important;}\n}\n@media(prefers-reduced-motion:reduce){.inr-model .globe-svg .vlag{animation:none !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"cultuur rev\">\n    <div class=\"cultuur-grid\">\n      <div class=\"globe-wrap\"><svg class=\"globe-svg\" viewBox=\"0 0 500 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Wereldbol omringd door vlaggen: het INR Model werkt in elke cultuur.\">\n<defs><radialGradient id=\"gShade\" cx=\"38%\" cy=\"34%\" r=\"75%\"><stop offset=\"0\" stop-color=\"rgba(255,255,255,.06)\"><\/stop><stop offset=\"1\" stop-color=\"rgba(255,255,255,0)\"><\/stop><\/radialGradient><\/defs>\n<circle cx=\"250\" cy=\"250\" r=\"118\" fill=\"rgba(255,255,255,.04)\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1.2\"><\/circle><circle cx=\"250\" cy=\"250\" r=\"118\" fill=\"url(#gShade)\"><\/circle><ellipse cx=\"250\" cy=\"250\" rx=\"109.0\" ry=\"118\" fill=\"none\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/ellipse><ellipse cx=\"250\" cy=\"250\" rx=\"83.4\" ry=\"118\" fill=\"none\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/ellipse><ellipse cx=\"250\" cy=\"250\" rx=\"45.2\" ry=\"118\" fill=\"none\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/ellipse><ellipse cx=\"250\" cy=\"250\" rx=\"0.0\" ry=\"118\" fill=\"none\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/ellipse><line x1=\"250\" y1=\"132\" x2=\"250\" y2=\"368\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/line><line x1=\"191.0\" y1=\"352.2\" x2=\"309.0\" y2=\"352.2\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/line><line x1=\"147.8\" y1=\"309.0\" x2=\"352.2\" y2=\"309.0\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/line><line x1=\"132.0\" y1=\"250.0\" x2=\"368.0\" y2=\"250.0\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1.2\"><\/line><line x1=\"147.8\" y1=\"191.0\" x2=\"352.2\" y2=\"191.0\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/line><line x1=\"191.0\" y1=\"147.8\" x2=\"309.0\" y2=\"147.8\" stroke=\"rgba(255,255,255,.18)\" stroke-width=\"1\"><\/line><line x1=\"250.0\" y1=\"126.0\" x2=\"250.0\" y2=\"84.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"250.0\" cy=\"126.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"312.0\" y1=\"142.6\" x2=\"333.0\" y2=\"106.2\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"312.0\" cy=\"142.6\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"357.4\" y1=\"188.0\" x2=\"393.8\" y2=\"167.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"357.4\" cy=\"188.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"374.0\" y1=\"250.0\" x2=\"416.0\" y2=\"250.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"374.0\" cy=\"250.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"357.4\" y1=\"312.0\" x2=\"393.8\" y2=\"333.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"357.4\" cy=\"312.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"312.0\" y1=\"357.4\" x2=\"333.0\" y2=\"393.8\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"312.0\" cy=\"357.4\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"250.0\" y1=\"374.0\" x2=\"250.0\" y2=\"416.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"250.0\" cy=\"374.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"188.0\" y1=\"357.4\" x2=\"167.0\" y2=\"393.8\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"188.0\" cy=\"357.4\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"142.6\" y1=\"312.0\" x2=\"106.2\" y2=\"333.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"142.6\" cy=\"312.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"126.0\" y1=\"250.0\" x2=\"84.0\" y2=\"250.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"126.0\" cy=\"250.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"142.6\" y1=\"188.0\" x2=\"106.2\" y2=\"167.0\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"142.6\" cy=\"188.0\" r=\"2\" fill=\"#fff\"><\/circle><line x1=\"188.0\" y1=\"142.6\" x2=\"167.0\" y2=\"106.2\" stroke=\"rgba(255,255,255,.22)\" stroke-width=\"1\" stroke-dasharray=\"2 4\"><\/line><circle cx=\"188.0\" cy=\"142.6\" r=\"2\" fill=\"#fff\"><\/circle>\n<g transform=\"translate(230.0,44.5)\"><g class=\"vlag\" style=\"animation-delay:0.00s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf0\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf0)\"><rect x=\"0\" y=\"0.00\" width=\"40\" height=\"9.00\" fill=\"#AE1C28\"><\/rect><rect x=\"0\" y=\"9.00\" width=\"40\" height=\"9.00\" fill=\"#FFFFFF\"><\/rect><rect x=\"0\" y=\"18.00\" width=\"40\" height=\"9.00\" fill=\"#21468B\"><\/rect><\/g><\/g><\/g><g transform=\"translate(326.0,70.2)\"><g class=\"vlag\" style=\"animation-delay:0.07s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf1\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf1)\"><rect x=\"0.00\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#0055A4\"><\/rect><rect x=\"13.33\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#FFFFFF\"><\/rect><rect x=\"26.67\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#EF4135\"><\/rect><\/g><\/g><\/g><g transform=\"translate(396.3,140.5)\"><g class=\"vlag\" style=\"animation-delay:0.14s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf2\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf2)\"><rect x=\"0\" y=\"0.00\" width=\"40\" height=\"9.00\" fill=\"#000000\"><\/rect><rect x=\"0\" y=\"9.00\" width=\"40\" height=\"9.00\" fill=\"#DD0000\"><\/rect><rect x=\"0\" y=\"18.00\" width=\"40\" height=\"9.00\" fill=\"#FFCE00\"><\/rect><\/g><\/g><\/g><g transform=\"translate(422.0,236.5)\"><g class=\"vlag\" style=\"animation-delay:0.21s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf3\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf3)\"><rect width=\"40\" height=\"27\" fill=\"#fff\"><\/rect><circle cx=\"20\" cy=\"13.5\" r=\"7\" fill=\"#BC002D\"><\/circle><\/g><\/g><\/g><g transform=\"translate(396.3,332.5)\"><g class=\"vlag\" style=\"animation-delay:0.28s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf4\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf4)\"><rect width=\"40\" height=\"27\" fill=\"#009C3B\"><\/rect><path d=\"M20 3 L36 13.5 L20 24 L4 13.5 Z\" fill=\"#FFDF00\"><\/path><circle cx=\"20\" cy=\"13.5\" r=\"5\" fill=\"#002776\"><\/circle><\/g><\/g><\/g><g transform=\"translate(326.0,402.8)\"><g class=\"vlag\" style=\"animation-delay:0.35s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf5\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf5)\"><rect x=\"0.00\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#009246\"><\/rect><rect x=\"13.33\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#FFFFFF\"><\/rect><rect x=\"26.67\" y=\"0\" width=\"13.33\" height=\"27\" fill=\"#CE2B37\"><\/rect><\/g><\/g><\/g><g transform=\"translate(230.0,428.5)\"><g class=\"vlag\" style=\"animation-delay:0.42s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf6\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf6)\"><rect width=\"40\" height=\"27\" fill=\"#006AA7\"><\/rect><rect x=\"12\" y=\"0\" width=\"5\" height=\"27\" fill=\"#FECC00\"><\/rect><rect x=\"0\" y=\"11\" width=\"40\" height=\"5\" fill=\"#FECC00\"><\/rect><\/g><\/g><\/g><g transform=\"translate(134.0,402.8)\"><g class=\"vlag\" style=\"animation-delay:0.49s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf7\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf7)\"><rect width=\"40\" height=\"27\" fill=\"#AA151B\"><\/rect><rect y=\"6.75\" width=\"40\" height=\"13.5\" fill=\"#F1BF00\"><\/rect><\/g><\/g><\/g><g transform=\"translate(63.7,332.5)\"><g class=\"vlag\" style=\"animation-delay:0.56s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf8\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf8)\"><rect width=\"40\" height=\"27\" fill=\"#012169\"><\/rect><rect x=\"16\" y=\"0\" width=\"8\" height=\"27\" fill=\"#fff\"><\/rect><rect x=\"0\" y=\"9.5\" width=\"40\" height=\"8\" fill=\"#fff\"><\/rect><rect x=\"17.5\" y=\"0\" width=\"5\" height=\"27\" fill=\"#C8102E\"><\/rect><rect x=\"0\" y=\"11\" width=\"40\" height=\"5\" fill=\"#C8102E\"><\/rect><\/g><\/g><\/g><g transform=\"translate(38.0,236.5)\"><g class=\"vlag\" style=\"animation-delay:0.63s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf9\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf9)\"><rect width=\"40\" height=\"27\" fill=\"#fff\"><\/rect><rect y=\"0.00\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"4.15\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"8.31\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"12.46\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"16.62\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"20.77\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect y=\"24.92\" width=\"40\" height=\"2.08\" fill=\"#B22234\"><\/rect><rect width=\"17\" height=\"14.5\" fill=\"#3C3B6E\"><\/rect><\/g><\/g><\/g><g transform=\"translate(63.7,140.5)\"><g class=\"vlag\" style=\"animation-delay:0.70s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf10\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf10)\"><rect x=\"0\" y=\"0.00\" width=\"40\" height=\"9.00\" fill=\"#FF9933\"><\/rect><rect x=\"0\" y=\"9.00\" width=\"40\" height=\"9.00\" fill=\"#FFFFFF\"><\/rect><rect x=\"0\" y=\"18.00\" width=\"40\" height=\"9.00\" fill=\"#138808\"><\/rect><circle cx=\"20\" cy=\"13.5\" r=\"3\" fill=\"none\" stroke=\"#000080\" stroke-width=\"1\"><\/circle><\/g><\/g><\/g><g transform=\"translate(134.0,70.2)\"><g class=\"vlag\" style=\"animation-delay:0.77s\"><rect x=\"-1.5\" y=\"-1.5\" width=\"43\" height=\"30\" rx=\"3.5\" fill=\"#fff\" stroke=\"rgba(255,255,255,.3)\" stroke-width=\"1\"><\/rect><clipPath id=\"dcf11\"><rect width=\"40\" height=\"27\" rx=\"2.5\"><\/rect><\/clipPath><g clip-path=\"url(#dcf11)\"><rect width=\"40\" height=\"27\" fill=\"#fff\"><\/rect><rect width=\"10\" height=\"27\" fill=\"#FF0000\"><\/rect><rect x=\"30\" width=\"10\" height=\"27\" fill=\"#FF0000\"><\/rect><path d=\"M20 6.5 L21.3 10 L24.5 9.2 L22.3 12.4 L25.5 13.8 L21 14.3 L21.4 18 L20 15.7 L18.6 18 L19 14.3 L14.5 13.8 L17.7 12.4 L15.5 9.2 L18.7 10 Z\" fill=\"#FF0000\"><\/path><\/g><\/g><\/g>\n<\/svg><\/div>\n      <div class=\"cultuur-tekst\">\n        <span class=\"eyebrow\">Overal ter wereld<\/span>\n        <h2>INR is cultuur onafhankelijk.<\/h2>\n        <p class=\"lead\">Menselijk gedrag kent geen grenzen. Wat mensen nodig hebben is overal hetzelfde: Autonomie, Competentie en Verbondenheid. Daarom werkt het model in een team in Rotterdam net zo goed als in S\u00e3o Paulo of Tokio.<\/p>\n        <p class=\"lead\"><strong>Niet gebouwd op wat cultureel verschilt, maar op wat universeel is.<\/strong> Dat maakt het overdraagbaar, schaalbaar en betrouwbaar, waar je organisatie ook actief is.<\/p>\n        <a class=\"cta\" href=\"https:\/\/inr.institute\/inspiratie\/inr-cultuur-onafhankelijk\/\">Ontdek waarom INR wereldwijd werkt <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>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT JE IN HANDEN KRIJGT ========================= -->\n<style>\n.inr-model .winst{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-model .winst::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-model .winst::after{content:'' !important;position:absolute !important;bottom:-140px !important;left:-100px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-model .winst .w-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 56px !important;}\n.inr-model .winst .eyebrow{color:rgba(255,255,255,.6) !important;display:block !important;margin-bottom:16px !important;}\n.inr-model .winst 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-model .winst .w-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}\n.inr-model .winst .opbr{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;position:relative !important;z-index:1 !important;}\n.inr-model .okaart{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  transition:transform .4s cubic-bezier(.2,.7,.2,1),background .4s !important;}\n.inr-model .okaart:hover{transform:translateY(-5px) !important;background:rgba(255,255,255,.08) !important;}\n.inr-model .okaart .oi{flex:none !important;width:46px !important;height:46px !important;border-radius:13px !important;background:rgba(255,255,255,.12) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-model .okaart .oi svg{width:23px !important;height:23px !important;}\n.inr-model .okaart h4{font-weight:600 !important;font-size:18px !important;color:#fff !important;margin-bottom:7px !important;letter-spacing:-.01em !important;}\n.inr-model .okaart p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.68) !important;line-height:1.6 !important;}\n.inr-model .winst .w-onder{position:relative !important;z-index:1 !important;text-align:center !important;max-width:680px !important;margin:48px auto 0 !important;}\n.inr-model .winst .w-onder p{font-size:16px !important;font-weight:300 !important;color:rgba(255,255,255,.82) !important;line-height:1.6 !important;}\n.inr-model .winst .w-onder p strong{font-weight:600 !important;color:#fff !important;}\n@media(max-width:820px){.inr-model .winst{padding:54px 26px !important;border-radius:26px !important;}.inr-model .winst .opbr{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"winst rev\">\n    <div class=\"w-kop\">\n      <span class=\"eyebrow\">Wat het een organisatie geeft<\/span>\n      <h2>Van gedrag afdwingen naar condities scheppen.<\/h2>\n      <p>Een organisatie kan gedrag niet afdwingen, maar wel de condities cre\u00ebren waarin het vanzelf de goede kant op beweegt. Dit is wat dat in de praktijk kan betekenen.<\/p>\n    <\/div>\n    <div class=\"opbr\">\n      <div class=\"okaart rev d1\">\n        <div class=\"oi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v6M12 16v6M2 12h6M16 12h6\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg><\/div>\n        <div><h4>Verandering die standhoudt<\/h4><p>Gedrag dat klopt met de eigen drijfveren hoeft niet bewaakt te worden. Wat van binnenuit komt, veert niet terug zodra de aandacht wegtrekt.<\/p><\/div>\n      <\/div>\n      <div class=\"okaart rev d2\">\n        <div class=\"oi\"><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>Mensen die blijven en groeien<\/h4><p>Wie zich begrepen voelt en ruimte krijgt voor wat hem drijft, heeft minder reden om te vertrekken. Betrokkenheid en behoud kunnen daar zichtbaar van profiteren.<\/p><\/div>\n      <\/div>\n      <div class=\"okaart rev d3\">\n        <div class=\"oi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n        <div><h4>Een gedeelde taal voor gedrag<\/h4><p>Teams krijgen woorden voor wat zich onder de oppervlakte afspeelt. Lastige gesprekken worden makkelijker, omdat ze niet meer over personen gaan maar over patronen.<\/p><\/div>\n      <\/div>\n      <div class=\"okaart rev d4\">\n        <div class=\"oi\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 3v18h18\"><\/path><path d=\"M7 14l4-4 3 3 5-6\"><\/path><\/svg><\/div>\n        <div><h4>Minder ruis, meer beweging<\/h4><p>Als de oorzaak onder gedrag zichtbaar wordt, verdwijnt de onverklaarbare wrijving. Energie die eerst in gedoe ging, komt vrij voor het werk dat telt.<\/p><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"w-onder rev\">\n      <p><strong>De rol van de organisatie verschuift van controleren naar mogelijk maken.<\/strong> Je dwingt gedrag niet af, je schept de condities waarin het vanzelf de goede kant op beweegt. Dat is goedkoper te onderhouden en het houdt langer stand.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-model .belofte{text-align:center !important;max-width:860px !important;margin:0 auto !important;}\n.inr-model .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-model .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 tight\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">E\u00e9n model dat <span class=\"grad\">meebeweegt<\/span> met waar mensen staan.<\/div>\n    <p>De programma&#8217;s verschillen in vorm, niet in fundament. Of het nu om leiderschap, teams, commercie, cultuur of persoonlijke groei gaat: alles vertrekt vanuit dezelfde drijfveren, hetzelfde narratief en het gedrag dat daaruit voortkomt.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-model .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-model .slot{text-align:center !important;min-height:60vh !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-model .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-model .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:17ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-model .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:48ch !important;line-height:1.55 !important;margin-bottom:40px !important;}\n.inr-model .slot .scta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:var(--ink) !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-model .slot .scta:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -22px rgba(14,14,18,.6) !important;}\n.inr-model .slot .scta svg{width:17px !important;height:17px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-model .slot .scta:hover svg{transform:translateX(4px) !important;}\n.inr-model .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-model .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 5px rgba(14,14,18,.12) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Begrijp gedrag. <span class=\"grad\">Beweeg<\/span> het.<\/h2>\n    <p>Begin bij het model, en laat gedrag ontstaan dat klopt met wie mensen werkelijk zijn. Wie het model begrijpt, leest gedrag in plaats van het te bestrijden.<\/p>\n    <a class=\"scta hide-on-en\" href=\"https:\/\/inr.institute\/inr-en-andere-modellen\/\">Bekijk INR naast andere modellen <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>Het&nbsp;INR&nbsp;Model<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-model ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var root=document.querySelector('.inr-model');\n    if(!root) return;\n\n    \/* Taalvlag: zet lang-en op de widget-root zelf (NIET op body) wanneer de\n       URL het \/en\/-pad bevat. Zo blijft de verbergregel binnen .inr-model en\n       breekt hij de TranslatePress-editor niet. *\/\n    if(\/\\\/en\\\/\/.test(window.location.pathname)) root.classList.add('lang-en');\n\n    var els=root.querySelectorAll('.rev');\n    var stapel=document.getElementById('inrmStapel');\n    if(!('IntersectionObserver' in window)){\n      els.forEach(function(e){e.classList.add('in');});\n      if(stapel){stapel.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      if(stapel){\n        var io2=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io2.unobserve(e.target);}});},{threshold:.2});\n        io2.observe(stapel);\n      }\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\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\n\n\n<!-- ============================================================================\n     INR SOCIAL-PROOF POP MET FORMULIER (gecentreerd)\n     E\u00e9n bestand. Plak volledig in \u00c9\u00c9N Custom HTML-widget \u2014 footer (global) voor\n     sitebrede dekking, of losse widget per pagina.\n     Toont zich 12s n\u00e1 de eerste scroll, gecentreerd. E\u00e9n keer per sessie.\n     Logo-raster grayscale (3 kolommen, geen lege vakken) + formulier.\n     Capture identiek aan contactformulier: zelfde endpoint, form-type, honeypot.\n\n     WIJZIGING: alle logo's hebben nu width + height (intrinsieke verhouding),\n     zodat de browser hun ruimte vooraf reserveert en er niets kan verspringen.\n     De CSS houdt width:auto EN height:auto aan, zodat de verhouding altijd\n     correct blijft, ook als een opgegeven maat licht afwijkt van het echte logo.\n     ============================================================================ -->\n\n<style>\n.inr-proof{\n  --ink:#0A0A0B; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --veld-bg:#FFFFFF; --soft:#F7F6FA; --glas:rgba(255,255,255,.85);\n  box-sizing:border-box !important;\n}\n.inr-proof, .inr-proof *, .inr-proof *::before, .inr-proof *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-proof h3,.inr-proof p,.inr-proof span,.inr-proof div,.inr-proof a,.inr-proof button,.inr-proof label{margin:0;padding:0;}\n.inr-proof a{text-decoration:none !important;}\n.inr-proof button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- OVERLAY (gecentreerd) ---------- *\/\n.inr-proof .overlay{\n  position:fixed !important; inset:0 !important; z-index:99990 !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  padding:24px !important; overflow-y:auto !important;\n  background:rgba(10,10,11,.5) !important;\n  -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important;\n  opacity:0 !important; visibility:hidden !important;\n  transition:opacity .4s cubic-bezier(.2,.7,.2,1),visibility .4s !important;\n}\n.inr-proof .overlay.toon{ opacity:1 !important; visibility:visible !important; }\n\n\/* ---------- KAART ---------- *\/\n.inr-proof .kaart{\n  position:relative !important; width:100% !important; max-width:480px !important; margin:auto !important;\n  background:var(--glas) !important;\n  -webkit-backdrop-filter:blur(22px) !important; backdrop-filter:blur(22px) !important;\n  border:1px solid var(--lijn) !important; border-radius:28px !important; overflow:hidden !important;\n  padding:clamp(32px,5vw,44px) clamp(28px,4vw,42px) !important;\n  box-shadow:0 50px 110px -50px rgba(10,10,11,.6) !important;\n  transform:translateY(26px) scale(.97) !important;\n  transition:transform .55s cubic-bezier(.2,.7,.2,1) !important;\n  text-align:left !important;\n}\n.inr-proof .overlay.toon .kaart{ transform:none !important; }\n.inr-proof .kaart::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:300px !important;height:300px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(10,10,11,.10),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-proof .kaart::after{content:'' !important;position:absolute !important;bottom:-130px !important;left:-100px !important;width:300px !important;height:300px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(28,28,32,.08),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-proof .kaart-in{position:relative !important;z-index:1 !important;}\n\n\/* ---------- SLUITEN ---------- *\/\n.inr-proof .sluit{\n  position:absolute !important; top:16px !important; right:16px !important; z-index:2 !important;\n  width:34px !important; height:34px !important; border-radius:10px !important;\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  background:rgba(10,10,11,.04) !important; border:1px solid var(--lijn) !important;\n  color:var(--grijs) !important; transition:background .2s,color .2s !important;\n}\n.inr-proof .sluit:hover{ background:rgba(10,10,11,.08) !important; color:var(--ink) !important; }\n.inr-proof .sluit svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;}\n\n\/* ---------- KOP ---------- *\/\n.inr-proof .badge{\n  display:inline-flex !important; align-items:center !important; gap:9px !important;\n  font-size:12px !important; font-weight:600 !important; letter-spacing:.06em !important; color:var(--ink) !important;\n  border:1px solid var(--lijn) !important; background:rgba(255,255,255,.5) !important;\n  padding:8px 15px !important; border-radius:99px !important; margin-bottom:20px !important;\n}\n.inr-proof .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--ink) !important;}\n.inr-proof h3{font-weight:700 !important;font-size:clamp(23px,3vw,28px) !important;line-height:1.12 !important;letter-spacing:-.03em !important;color:var(--ink) !important;margin-bottom:12px !important;}\n.inr-proof .lead{font-size:clamp(14.5px,1.6vw,15.5px) !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;margin-bottom:26px !important;}\n\n\/* ---------- LOGO-RASTER (statisch, 3 kolommen) ---------- *\/\n.inr-proof .raster{\n  display:grid !important; grid-template-columns:repeat(3,1fr) !important;\n  gap:1px !important; background:var(--lijn) !important;\n  border:1px solid var(--lijn) !important; border-radius:16px !important; overflow:hidden !important;\n  margin-bottom:28px !important;\n}\n.inr-proof .cel{\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  background:#fff !important; padding:18px 14px !important; min-height:64px !important;\n}\n.inr-proof .cel img{\n  max-height:26px !important; max-width:100% !important; width:auto !important; height:auto !important; object-fit:contain !important;\n  filter:grayscale(1) brightness(0) !important; opacity:.42 !important;\n  transition:opacity .3s !important;\n}\n.inr-proof .cel:hover img{ opacity:.85 !important; }\n\n\/* ---------- VELDEN ---------- *\/\n.inr-proof .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;margin-bottom:16px !important;}\n.inr-proof .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:7px !important;}\n.inr-proof .veld input,.inr-proof .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:13px 15px !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 !important;\n}\n.inr-proof .veld input::placeholder,.inr-proof .veld textarea::placeholder{color:var(--grijs-licht) !important;opacity:1 !important;}\n.inr-proof .veld input:focus,.inr-proof .veld textarea:focus{border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;}\n.inr-proof .veld input.fout,.inr-proof .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-proof .veld textarea{min-height:88px !important;resize:vertical !important;}\n\n\/* honeypot *\/\n.inr-proof .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n\/* ---------- KNOP ---------- *\/\n.inr-proof .knop{\n  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important;\n  margin-top:6px !important; background:var(--ink) !important; color:#fff !important; border-radius:14px !important;\n  padding:16px 26px !important; font-size:15.5px !important; font-weight:600 !important; letter-spacing:-.005em !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-proof .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-proof .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-proof .knop:hover svg{transform:translateX(4px) !important;}\n.inr-proof .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-proof .form-fout{font-size:13px !important;color:#DC2626 !important;margin-top:12px !important;text-align:center !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-proof .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-proof .form-belofte{margin-top:16px !important;display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:12px !important;color:var(--grijs) !important;line-height:1.5 !important;}\n.inr-proof .form-belofte svg{width:13px !important;height:13px !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\/* ---------- SUCCES ---------- *\/\n.inr-proof .velden.verzonden{display:none !important;}\n.inr-proof .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important;padding:6px 0 !important;}\n.inr-proof .succes.toon{display:flex !important;}\n.inr-proof .succes .vink{width:50px !important;height:50px !important;border-radius:15px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-proof .succes .vink svg{width:24px !important;height:24px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-proof .succes h3{font-weight:700 !important;font-size:21px !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:0 !important;}\n.inr-proof .succes p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;max-width:42ch !important;}\n\n\/* ---------- MOBIEL ---------- *\/\n@media(max-width:560px){\n  .inr-proof .overlay{padding:16px !important;}\n  .inr-proof .kaart{border-radius:24px !important;}\n  .inr-proof .raster{grid-template-columns:repeat(3,1fr) !important;}\n  .inr-proof .cel{min-height:54px !important;padding:13px 9px !important;}\n  .inr-proof .cel img{max-height:19px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-proof .overlay,.inr-proof .kaart,.inr-proof .knop,.inr-proof .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-proof\">\n  <div class=\"overlay\" id=\"inrProofOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"inrProofTitel\" aria-hidden=\"true\">\n    <div class=\"kaart\">\n      <button class=\"sluit\" id=\"inrProofSluit\" aria-label=\"Sluiten\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"><\/path><\/svg>\n      <\/button>\n      <div class=\"kaart-in\">\n\n        <div class=\"velden\" id=\"inrProofVelden\">\n          <div class=\"badge\"><span class=\"stip\"><\/span>Vertrouwd door<\/div>\n          <h3 id=\"inrProofTitel\">Heb je interesse in wat INR voor jou kan betekenen?<\/h3>\n          <p class=\"lead\">Deze organisaties ontwikkelden zich met het INR-model. Laat je gegevens achter en we nemen persoonlijk contact op.<\/p>\n\n          <div class=\"raster\">\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Vodafone-Ziggs-logo.svg\" alt=\"Vodafone Ziggo\" width=\"160\" height=\"40\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/01\/Eneco_logo-768x384.png\" alt=\"Eneco\" width=\"768\" height=\"384\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Mollie-logo.svg\" alt=\"Mollie\" width=\"120\" height=\"34\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/idtDUJWR77-768x149-1.png.webp\" alt=\"Klant\" width=\"768\" height=\"149\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Topdesk-logo.svg\" alt=\"TOPdesk\" width=\"150\" height=\"30\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/Apax_Partners_logo.svg.webp\" alt=\"Apax Partners\" width=\"160\" height=\"40\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/samsung-logo-transparent-9.webp\" alt=\"Samsung\" width=\"180\" height=\"30\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/01\/Action_Nederland_Logo_2020.svg-768x145.png\" alt=\"Action\" width=\"768\" height=\"145\"><\/div>\n            <div class=\"cel\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/inr.institute\/wp-content\/uploads\/2025\/08\/Spie-logo.svg\" alt=\"SPIE\" width=\"110\" height=\"40\"><\/div>\n          <\/div>\n\n          <div class=\"veld\">\n            <label for=\"inrProofNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrProofNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrProofEmail\">E-mail<\/label>\n            <input type=\"email\" id=\"inrProofEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrProofBericht\">Bericht<\/label>\n            <textarea id=\"inrProofBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n          <\/div>\n\n          <!-- honeypot -->\n          <div class=\"hp-veld\" aria-hidden=\"true\">\n            <label for=\"inrProofHp\">Laat dit veld leeg<\/label>\n            <input type=\"text\" id=\"inrProofHp\" tabindex=\"-1\" autocomplete=\"off\">\n          <\/div>\n\n          <button type=\"button\" class=\"knop\" id=\"inrProofKnop\">\n            Neem contact op\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=\"inrProofFout\">Controleer de gemarkeerde velden.<\/div>\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        <div class=\"succes\" id=\"inrProofSucces\">\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\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nwindow.INR_PROOF = {\n  vertraging: 12000,        \/\/ ms n\u00e1 de eerste scroll\n  eenmaligPerSessie: true,  \/\/ false = elke pageload opnieuw mogelijk\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"           \/\/ zet op 'cta-popup' om gescheiden te zien in de inbox\n};\n\n(function(){\n  var CFG = window.INR_PROOF || {};\n  var VERTRAGING = CFG.vertraging || 12000;\n  var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n  var FORM = CFG.form || 'contact';\n  var SLEUTEL = 'inrProofGezien';\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(){\n    var overlay = document.getElementById('inrProofOverlay');\n    if(!overlay || overlay.getAttribute('data-actief') === '1') return;\n    overlay.setAttribute('data-actief','1');\n\n    if(CFG.eenmaligPerSessie){\n      try { if(sessionStorage.getItem(SLEUTEL) === '1') return; } catch(e){}\n    }\n\n    var velden = document.getElementById('inrProofVelden');\n    var succes = document.getElementById('inrProofSucces');\n    var knop   = document.getElementById('inrProofKnop');\n    var fout   = document.getElementById('inrProofFout');\n    var sluit  = document.getElementById('inrProofSluit');\n    var naam   = document.getElementById('inrProofNaam');\n    var email  = document.getElementById('inrProofEmail');\n    var bericht= document.getElementById('inrProofBericht');\n    var hp     = document.getElementById('inrProofHp');\n\n    var getoond = false, gescrold = false;\n\n    function toon(){\n      if(getoond) return;\n      getoond = true;\n      window.removeEventListener('scroll', opScroll);\n      overlay.classList.add('toon');\n      overlay.setAttribute('aria-hidden','false');\n      document.addEventListener('keydown', opEscape);\n      try { if(CFG.eenmaligPerSessie) sessionStorage.setItem(SLEUTEL,'1'); } catch(e){}\n    }\n    function dicht(){\n      overlay.classList.remove('toon');\n      overlay.setAttribute('aria-hidden','true');\n      document.removeEventListener('keydown', opEscape);\n    }\n    function opEscape(e){ if(e.key === 'Escape') dicht(); }\n\n    function opScroll(){\n      if(gescrold) return;\n      gescrold = true;\n      setTimeout(toon, VERTRAGING);\n    }\n    window.addEventListener('scroll', opScroll, { passive:true });\n\n    sluit.addEventListener('click', dicht);\n    overlay.addEventListener('click', function(e){ if(e.target === overlay) dicht(); });\n\n    \/\/ ----- Formulierlogica (identiek aan contactformulier) -----\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n    function toonFout(t){ if(t) fout.textContent = t; fout.classList.add('toon'); }\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    function verzend(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: { 'Bericht': (bericht.value || '').trim() },\n        meta: { trigger: 'social-proof-pop', pagina: document.title },\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); } 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    }\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      verzend(function(ok){\n        if(ok){ toonSucces(); }\n        else {\n          knop.disabled = false;\n          knop.innerHTML = 'Neem contact op <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 mail ons direct.');\n        }\n      });\n    });\n\n    [naam, email].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', start);\n  } else { start(); }\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gedrag.Verhaal.Groei. Begrijp wat mensen doen, en verander wat organisaties beweegt. Het INR Model maakt zichtbaar wat onder gedrag ligt, zodat je het kunt lezen in plaats van bestrijden. Dit is het fundament onder alles. Ontdek het model INR en andere modellen R Reaction het zichtbare gedrag N Narrative het verhaal eronder I Inner Needs de [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":55499,"parent":54792,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42665","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/42665","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=42665"}],"version-history":[{"count":2,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/42665\/revisions"}],"predecessor-version":[{"id":81190,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/42665\/revisions\/81190"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/54792"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media\/55499"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=42665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}