{"id":78298,"date":"2026-06-23T17:58:42","date_gmt":"2026-06-23T15:58:42","guid":{"rendered":"https:\/\/inr.institute\/?page_id=78298"},"modified":"2026-06-27T20:13:21","modified_gmt":"2026-06-27T18:13:21","slug":"inr-align-governance","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-align\/inr-align-governance\/","title":{"rendered":"INR Align Governance"},"content":{"rendered":"\n<!-- ============================================================================\n     INR ALIGN &middot; SUBPAGINA &middot; GOVERNANCE\n     E&eacute;n bestand. Plak dit volledig in EEN Elementor HTML-widget.\n     Dragende laagkleur: Governance-blauw #2875FB. Anker: indigo #292558.\n     ============================================================================ -->\n\n<style>\n.inr-align-governance{\n  --lc:#2875FB; --lc-2:#5C9BFF; --lc-diep:#1857C9;\n  --anker:#292558; --anker-2:#4B3FA0;\n  --ink:#15122E; --grijs:#615C7A; --zacht:#8E89A6;\n  --lc-soft:rgba(40,117,251,.10); --lc-soft2:rgba(40,117,251,.16); --lc-shadow:rgba(40,117,251,.30);\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:clip !important; text-align:left !important; -webkit-font-smoothing:antialiased !important;\n}\n.inr-align-governance, .inr-align-governance *, .inr-align-governance *::before, .inr-align-governance *::after{\n  box-sizing:border-box !important; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;}\n.inr-align-governance h1,.inr-align-governance h2,.inr-align-governance h3,.inr-align-governance h4,\n.inr-align-governance p,.inr-align-governance span,.inr-align-governance div,\n.inr-align-governance ul,.inr-align-governance li,.inr-align-governance a{margin:0;padding:0;}\n.inr-align-governance ul{list-style:none !important;}\n.inr-align-governance a{text-decoration:none !important;color:inherit !important;}\n\n.inr-align-governance .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-align-governance .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.26 !important;animation:inra-drift 30s ease-in-out infinite !important;}\n.inr-align-governance .blob.a{width:600px;height:600px;background:rgba(40,117,251,.20);top:-190px;left:-160px;}\n.inr-align-governance .blob.b{width:520px;height:520px;background:rgba(92,155,255,.18);top:34%;right:-200px;animation-delay:-12s;}\n.inr-align-governance .blob.c{width:560px;height:560px;background:rgba(41,37,88,.12);bottom:6%;left:14%;animation-delay:-20s;}\n@keyframes inra-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(50px,-38px) scale(1.09);}}\n\n.inr-align-governance .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-align-governance .sec{position:relative !important;z-index:1 !important;padding:114px 0 !important;}\n.inr-align-governance .sec.tight{padding:74px 0 !important;}\n\n.inr-align-governance .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--lc-diep) !important;}\n.inr-align-governance .grad{background:linear-gradient(115deg,var(--lc),var(--lc-diep)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n.inr-align-governance .kop{text-align:center !important;max-width:800px !important;margin:0 auto 60px !important;}\n.inr-align-governance .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align-governance .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-align-governance .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n.inr-align-governance .rev{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);}\n.inr-align-governance .rev.in{opacity:1 !important;transform:none !important;}\n.inr-align-governance .d1{transition-delay:.07s;}.inr-align-governance .d2{transition-delay:.14s;}.inr-align-governance .d3{transition-delay:.21s;}\n.inr-align-governance .d4{transition-delay:.28s;}.inr-align-governance .d5{transition-delay:.35s;}.inr-align-governance .d6{transition-delay:.42s;}\n.no-js .inr-align-governance .rev{opacity:1 !important;transform:none !important;}\n\n.inr-align-governance .hero{min-height:90vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:150px clamp(24px,5vw,40px) 96px !important;position:relative !important;}\n.inr-align-governance .hero .terug{display:inline-flex !important;align-items:center !important;gap:8px !important;align-self:flex-start !important;font-size:13px !important;font-weight:500 !important;color:var(--zacht) !important;margin-bottom:30px !important;transition:color .3s !important;}\n.inr-align-governance .hero .terug:hover{color:var(--lc-diep) !important;}\n.inr-align-governance .hero .terug svg{width:15px !important;height:15px !important;}\n.inr-align-governance .hero .top{display:flex !important;align-items:center !important;gap:20px !important;margin-bottom:30px !important;}\n.inr-align-governance .hero .letter{font-weight:700 !important;font-size:clamp(78px,13vw,150px) !important;line-height:.82 !important;letter-spacing:-.05em !important;color:var(--lc) !important;position:relative !important;}\n.inr-align-governance .hero .meta{display:flex !important;flex-direction:column !important;gap:8px !important;}\n.inr-align-governance .hero .nr{font-size:13px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--lc-diep) !important;}\n.inr-align-governance .hero .naam{font-weight:600 !important;font-size:clamp(26px,4.4vw,42px) !important;letter-spacing:-.03em !important;color:var(--ink) !important;line-height:1 !important;}\n.inr-align-governance .hero .tag{font-size:15px !important;font-weight:500 !important;color:var(--lc-diep) !important;}\n.inr-align-governance .hero h1{font-weight:600 !important;font-size:clamp(30px,5vw,58px) !important;line-height:1.07 !important;letter-spacing:-.032em !important;max-width:20ch !important;color:var(--ink) !important;margin-bottom:28px !important;}\n.inr-align-governance .hero .lead{font-size:clamp(18px,2.2vw,22px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:60ch !important;line-height:1.56 !important;}\n.inr-align-governance .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-align-governance .hero .bar{margin-top:42px !important;height:6px !important;width:min(420px,80%) !important;border-radius:99px !important;background:linear-gradient(90deg,var(--lc),var(--lc-2)) !important;box-shadow:0 6px 22px -8px var(--lc-shadow) !important;}\n@media(max-width:820px){.inr-align-governance .hero{min-height:auto !important;padding:128px clamp(28px,5vw,40px) 64px !important;}.inr-align-governance .hero h1{font-size:clamp(26px,7.4vw,40px) !important;}.inr-align-governance .hero .lead{font-size:18px !important;}.inr-align-governance .hero .top{gap:14px !important;}}\n\n.inr-align-governance .statement{max-width:920px !important;margin:0 auto !important;text-align:center !important;}\n.inr-align-governance .statement .groot{font-weight:600 !important;font-size:clamp(26px,3.8vw,40px) !important;letter-spacing:-.024em !important;line-height:1.24 !important;color:var(--ink) !important;}\n.inr-align-governance .statement .groot em{font-style:normal !important;color:var(--lc-diep) !important;}\n.inr-align-governance .statement .sub{margin-top:26px !important;font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;}\n\n.inr-align-governance .stroom{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-align-governance .stroom .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-align-governance .stroom .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:20px !important;}\n.inr-align-governance .stroom .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;margin-bottom:14px !important;}\n.inr-align-governance .stroom .tekst p:last-child{margin-bottom:0 !important;}\n.inr-align-governance .stroom .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-align-governance .behoeften{display:flex !important;flex-direction:column !important;gap:16px !important;}\n.inr-align-governance .bkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:20px !important;padding:24px 26px !important;\n  box-shadow:0 10px 40px -30px rgba(41,37,88,.24) !important;position:relative !important;overflow:hidden !important;transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-align-governance .bkaart:hover{transform:translateX(5px) !important;}\n.inr-align-governance .bkaart::before{content:'' !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:4px !important;background:var(--lc) !important;}\n.inr-align-governance .bkaart .lbl{font-size:11px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--lc-diep) !important;margin-bottom:8px !important;}\n.inr-align-governance .bkaart h4{font-weight:600 !important;font-size:17px !important;letter-spacing:-.012em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-align-governance .bkaart p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n@media(max-width:820px){.inr-align-governance .stroom{grid-template-columns:1fr !important;gap:38px !important;}}\n\n.inr-align-governance .narratief-sec{background:rgba(40,117,251,.05) !important;border-top:1px solid rgba(40,117,251,.16) !important;border-bottom:1px solid rgba(40,117,251,.16) !important;}\n.inr-align-governance .verhalen{display:grid !important;grid-template-columns:1fr 1fr !important;gap:22px !important;max-width:980px !important;margin:0 auto !important;}\n.inr-align-governance .vh{background:rgba(255,255,255,.82) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.1) !important;border-radius:var(--radius) !important;padding:34px 34px 30px !important;position:relative !important;overflow:hidden !important;box-shadow:0 12px 44px -30px var(--lc-shadow) !important;}\n.inr-align-governance .vh .quote{font-size:46px !important;line-height:.6 !important;font-weight:700 !important;color:var(--lc) !important;opacity:.4 !important;margin-bottom:8px !important;display:block !important;}\n.inr-align-governance .vh .zin{font-weight:600 !important;font-size:clamp(19px,2.4vw,24px) !important;letter-spacing:-.018em !important;line-height:1.28 !important;color:var(--ink) !important;margin-bottom:14px !important;}\n.inr-align-governance .vh p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inr-align-governance .verhalen{grid-template-columns:1fr !important;}}\n\n.inr-align-governance .patronen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;}\n.inr-align-governance .pk{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;border-radius:var(--radius) !important;padding:34px 30px !important;position:relative !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -30px rgba(41,37,88,.22) !important;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-align-governance .pk:hover{transform:translateY(-6px) !important;box-shadow:0 28px 60px -30px var(--lc-shadow) !important;}\n.inr-align-governance .pk .ico{width:48px !important;height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:18px !important;background:var(--lc-soft) !important;color:var(--lc-diep) !important;}\n.inr-align-governance .pk .ico svg{width:24px !important;height:24px !important;}\n.inr-align-governance .pk h3{font-weight:600 !important;font-size:19px !important;letter-spacing:-.016em !important;color:var(--ink) !important;margin-bottom:10px !important;}\n.inr-align-governance .pk p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n@media(max-width:820px){.inr-align-governance .patronen{grid-template-columns:1fr !important;}}\n\n.inr-align-governance .signalen{max-width:900px !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;gap:2px !important;}\n.inr-align-governance .sig{display:flex !important;gap:18px !important;align-items:flex-start !important;padding:20px 4px !important;border-bottom:1px solid rgba(41,37,88,.1) !important;}\n.inr-align-governance .sig:last-child{border-bottom:0 !important;}\n.inr-align-governance .sig .n{flex:none !important;width:30px !important;height:30px !important;border-radius:9px !important;background:var(--lc-soft) !important;color:var(--lc-diep) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;font-weight:700 !important;}\n.inr-align-governance .sig p{font-size:16px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;padding-top:3px !important;}\n.inr-align-governance .overgang{max-width:900px !important;margin:46px auto 0 !important;background:var(--ink) !important;border-radius:var(--radius) !important;padding:38px 40px !important;position:relative !important;overflow:hidden !important;}\n.inr-align-governance .overgang::before{content:'' !important;position:absolute !important;top:-80px !important;right:-60px !important;width:280px !important;height:280px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(40,117,251,.45),transparent 70%) !important;filter:blur(30px) !important;}\n.inr-align-governance .overgang .lbl{position:relative !important;z-index:1 !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--lc-2) !important;margin-bottom:12px !important;display:block !important;}\n.inr-align-governance .overgang p{position:relative !important;z-index:1 !important;font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.86) !important;line-height:1.6 !important;}\n.inr-align-governance .overgang p strong{font-weight:600 !important;color:#fff !important;}\n\n.inr-align-governance .ethiek{max-width:880px !important;margin:0 auto !important;text-align:center !important;}\n.inr-align-governance .ethiek .mark{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:56px !important;height:56px !important;border-radius:16px !important;background:var(--lc-soft) !important;color:var(--lc-diep) !important;margin-bottom:26px !important;}\n.inr-align-governance .ethiek .mark svg{width:28px !important;height:28px !important;}\n.inr-align-governance .ethiek .q{font-weight:600 !important;font-size:clamp(23px,3.2vw,34px) !important;letter-spacing:-.022em !important;line-height:1.26 !important;color:var(--ink) !important;margin-bottom:22px !important;}\n.inr-align-governance .ethiek .q em{font-style:normal !important;color:var(--lc-diep) !important;}\n.inr-align-governance .ethiek p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;}\n\n.inr-align-governance .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-align-governance .slot{text-align:center !important;padding-top:96px !important;padding-bottom:60px !important;}\n.inr-align-governance .slot h2{font-weight:600 !important;font-size:clamp(30px,5vw,56px) !important;letter-spacing:-.03em !important;line-height:1.06 !important;max-width:20ch !important;margin:0 auto 22px !important;color:var(--ink) !important;}\n.inr-align-governance .slot p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;margin:0 auto !important;line-height:1.56 !important;}\n.inr-align-governance .navlagen{padding-bottom:104px !important;}\n.inr-align-governance .navrij{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:12px !important;max-width:920px !important;margin:0 auto !important;}\n.inr-align-governance .navkaart{display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;padding:22px 10px !important;border-radius:18px !important;background:rgba(255,255,255,.7) !important;border:1px solid rgba(41,37,88,.1) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-align-governance .navkaart:hover{transform:translateY(-5px) !important;box-shadow:0 22px 50px -30px rgba(41,37,88,.3) !important;}\n.inr-align-governance .navkaart .nl{font-weight:700 !important;font-size:30px !important;line-height:1 !important;letter-spacing:-.04em !important;}\n.inr-align-governance .navkaart .nn{font-size:12.5px !important;font-weight:600 !important;letter-spacing:.02em !important;color:var(--grijs) !important;}\n.inr-align-governance .navkaart.huidig{background:var(--lc-soft2) !important;border-color:var(--lc) !important;}\n.inr-align-governance .navkaart.huidig .nn{color:var(--lc-diep) !important;}\n.inr-align-governance .nav-c-act{color:#FD7634 !important;} .inr-align-governance .nav-c-lea{color:#7448FD !important;}\n.inr-align-governance .nav-c-int{color:#292558 !important;} .inr-align-governance .nav-c-gov{color:#2875FB !important;} .inr-align-governance .nav-c-nav{color:#5AC380 !important;}\n.inr-align-governance .terughub{display:flex !important;justify-content:center !important;margin-top:40px !important;}\n.inr-align-governance .terughub a{display:inline-flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;font-weight:600 !important;color:#fff !important;background:var(--anker) !important;padding:15px 30px !important;border-radius:99px !important;transition:transform .3s,box-shadow .3s !important;box-shadow:0 14px 34px -16px rgba(41,37,88,.5) !important;}\n.inr-align-governance .terughub a:hover{transform:translateY(-3px) !important;box-shadow:0 20px 44px -16px rgba(41,37,88,.6) !important;}\n.inr-align-governance .terughub a svg{width:17px !important;height:17px !important;}\n@media(max-width:820px){\n  .inr-align-governance{padding-left:22px !important;padding-right:22px !important;}\n  .inr-align-governance .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-align-governance .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-align-governance .narratief-sec{margin-left:-22px !important;margin-right:-22px !important;padding-left:22px !important;padding-right:22px !important;}\n  .inr-align-governance .sec{padding:70px 0 !important;}\n  .inr-align-governance .navrij{grid-template-columns:repeat(5,1fr) !important;gap:6px !important;}\n  .inr-align-governance .navkaart{padding:16px 4px !important;}\n  .inr-align-governance .navkaart .nl{font-size:22px !important;}\n  .inr-align-governance .navkaart .nn{font-size:9.5px !important;letter-spacing:0 !important;}\n  .inr-align-governance .blob.a{width:340px;height:340px;top:-100px;left:-110px;}\n  .inr-align-governance .blob.b{width:300px;height:300px;right:-150px;}\n  .inr-align-governance .blob.c{width:320px;height:320px;left:-60px;}\n}\n@media(prefers-reduced-motion:reduce){.inr-align-governance .rev{opacity:1 !important;transform:none !important;transition:none !important;}.inr-align-governance .blob{animation:none !important;}}\n<\/style>\n\n<div class=\"inr-align-governance\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<section class=\"hero wrap\">\n  <a class=\"terug\" href=\"\/inr-align\/\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg>INR Align<\/a>\n  <div class=\"top\">\n    <div class=\"letter\">G<\/div>\n    <div class=\"meta\">\n      <span class=\"nr\">Laag 04 van 5<\/span>\n      <span class=\"naam\">Governance<\/span>\n      <span class=\"tag\">De laag van coordinatie<\/span>\n    <\/div>\n  <\/div>\n  <h1>De fase waarin systemen de <span class=\"grad\">complexiteit<\/span> samenhang geven.<\/h1>\n  <p class=\"lead\">Processen, kaders en verantwoordelijkheidsstructuren brengen rust in een organisatie die te groot werd om informeel samen te hangen. Het is ook het moment waarop een organisatie haar bredere verantwoordelijkheid leert dragen. <strong>Het werkt, en het begint zwaarder te worden.<\/strong><\/p>\n  <div class=\"bar\"><\/div>\n<\/section>\n\n<section class=\"sec tight wrap\">\n  <div class=\"statement rev\">\n    <div class=\"groot\">Governance ontstaat zelden uit slechte intenties, maar juist uit de wens om <em>grip, kwaliteit en stabiliteit<\/em> te behouden.<\/div>\n    <p class=\"sub\">Coordinatie tussen onderdelen wordt belangrijker dan directe samenwerking tussen mensen. De organisatie wordt bestuurbaarder. En precies daar groeit een nieuw risico: het systeem kan zo zwaar worden dat het zichzelf moeilijk nog snel aanpast.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"stroom\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Wat er menselijk gebeurt<\/span>\n      <h2>De behoefte die voorwaardelijk wordt.<\/h2>\n      <p>In Governance wordt autonomie voorwaardelijk. Je hebt ruimte zolang die ruimte uitlegbaar is binnen het bredere systeem. Competentie wordt gespecialiseerd: mensen worden expert in een specifiek deel van het werk.<\/p>\n      <p>Verbondenheid komt hier het zwaarst onder druk. Veel interactie verloopt via systemen en formele kanalen. Wat in eerdere lagen vanzelf ontstond, moet nu actief georganiseerd worden om uberhaupt mogelijk te zijn.<\/p>\n      <p><strong>Geen van deze verschuivingen is verkeerd. Ze zijn het logische gevolg van een organisatie die voorspelbaarheid nodig heeft. De kunst is om de menselijke ruimte bewust mee te ontwerpen, niet haar te laten verdampen.<\/strong><\/p>\n    <\/div>\n    <div class=\"behoeften\">\n      <div class=\"bkaart rev d1\">\n        <div class=\"lbl\">Autonomie<\/div>\n        <h4>Voorwaardelijk en uitlegbaar<\/h4>\n        <p>Ruimte bestaat, mits ze te verantwoorden is binnen het systeem. Voor sommigen is dat een terechte waarborg, voor anderen voelt het als een rem op wat eerder kon.<\/p>\n      <\/div>\n      <div class=\"bkaart rev d2\">\n        <div class=\"lbl\">Competentie<\/div>\n        <h4>Diep en gespecialiseerd<\/h4>\n        <p>Mensen worden expert in hun deel. Dat geeft kwaliteit en erkenning, en het maakt het overzicht over het geheel voor steeds minder mensen vanzelfsprekend.<\/p>\n      <\/div>\n      <div class=\"bkaart rev d3\">\n        <div class=\"lbl\">Verbondenheid<\/div>\n        <h4>Onder de grootste druk<\/h4>\n        <p>Contact verloopt via formele kanalen en systemen. De spontane aanleidingen voor verbinding zijn grotendeels weg en moeten bewust teruggebracht worden.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec narratief-sec\">\n  <div class=\"wrap\">\n    <div class=\"kop rev\">\n      <span class=\"eyebrow\">Het collectief narratief<\/span>\n      <h2>Het verhaal dat zekerheid centraal stelt.<\/h2>\n      <p>In Governance ontstaat een diepere narratieve laag. Geen kwaadwillend verhaal, maar een logische conclusie uit een omgeving waarin verantwoording sterker is geworden. Het stuurt gedrag krachtiger dan welk beleidsdocument ook.<\/p>\n    <\/div>\n    <div class=\"verhalen\">\n      <div class=\"vh rev d1\">\n        <span class=\"quote\">&ldquo;<\/span>\n        <div class=\"zin\">Alles moet via het proces, anders gaat het mis.<\/div>\n        <p>Dit verhaal beschermt tegen fouten en geeft houvast. De keerzijde is dat het proces van hulpmiddel verandert in maatstaf, en dat afwijken, ook waar dat verstandig zou zijn, als risico gaat voelen.<\/p>\n      <\/div>\n      <div class=\"vh rev d2\">\n        <span class=\"quote\">&ldquo;<\/span>\n        <div class=\"zin\">Hier moet je je goed indekken.<\/div>\n        <p>Een verhaal van voorzichtigheid in een omgeving waar accountability zwaarder weegt. Het is begrijpelijk, en het maakt mensen langzaam terughoudender met het nemen van zichtbare verantwoordelijkheid.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Hoe het zich laat zien<\/span>\n    <h2>Wat het systeem doet wanneer de druk oploopt.<\/h2>\n    <p>Drie patronen kenmerken deze laag. Elk is een logische reactie op de behoefte aan zekerheid, en elk bouwt ongemerkt aan dezelfde zwaarte.<\/p>\n  <\/div>\n  <div class=\"patronen\">\n    <div class=\"pk rev d1\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n      <h3>Extra zekerheid inbouwen<\/h3>\n      <p>Onder druk schakelt het systeem naar meer goedkeuringslagen en langere besluitvorming. Risico&#8217;s worden afgeschermd in plaats van besproken. Innovatie verliest snelheid omdat elke stap eerst gevalideerd moet worden.<\/p>\n    <\/div>\n    <div class=\"pk rev d2\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h6l2-3 2 6 2-3h6\"\/><\/svg><\/div>\n      <h3>Problemen klein houden<\/h3>\n      <p>Issues worden later gemeld, feedback wordt verzacht of vermeden. Teams houden problemen klein totdat ze te groot worden. Het systeem lijkt rustig, maar intern stapelt druk zich onzichtbaar op. Juist die onzichtbaarheid maakt dit patroon hardnekkig.<\/p>\n    <\/div>\n    <div class=\"pk rev d3\">\n      <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 7h8M8 11h8M8 15h5\"\/><\/svg><\/div>\n      <h3>Schuilen achter de procedure<\/h3>\n      <p>Wanneer een beslissing lastig is, wordt verwezen naar wat het proces voorschrijft. Wanneer een vraag ongemakkelijk is, naar de formele afspraak. Het proces wordt een schild in plaats van een hulpmiddel.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Vroege signalen<\/span>\n    <h2>Wanneer de volgende laag zich aandient.<\/h2>\n    <p>Bestuurbaarheid neemt toe, en beweeglijkheid neemt af. Dat laat zich zien in een paar herkenbare signalen. Ze wijzen op de vraag of het systeem zich nog snel genoeg kan aanpassen.<\/p>\n  <\/div>\n  <div class=\"signalen\">\n    <div class=\"sig rev d1\"><span class=\"n\">1<\/span><p>Besluitvorming voelt langzaam, ook bij kwesties die operationeel beslist zouden moeten worden.<\/p><\/div>\n    <div class=\"sig rev d1\"><span class=\"n\">2<\/span><p>Leiders raken gevangen tussen uitvoering en governance, met te weinig tijd voor beweging.<\/p><\/div>\n    <div class=\"sig rev d2\"><span class=\"n\">3<\/span><p>Innovatie verliest snelheid en wordt voorzichtiger. Nieuwe ideeen worden uitgesteld of versmald.<\/p><\/div>\n    <div class=\"sig rev d2\"><span class=\"n\">4<\/span><p>Mensen voelen toenemende afstand tot strategie. Wat besloten wordt, voelt ver van hun dagelijks werk.<\/p><\/div>\n    <div class=\"sig rev d3\"><span class=\"n\">5<\/span><p>Processen worden belangrijker dan context. Dezelfde aanpak wordt overal toegepast, ook waar maatwerk nodig is.<\/p><\/div>\n    <div class=\"sig rev d3\"><span class=\"n\">6<\/span><p>Afstemming kost steeds meer energie. Veel tijd gaat naar interne coordinatie, weinig naar extern effect.<\/p><\/div>\n  <\/div>\n  <div class=\"overgang rev\">\n    <span class=\"lbl\">Overgang naar Navigation<\/span>\n    <p>Structuur alleen blijkt niet meer genoeg om mee te bewegen met een snel veranderende werkelijkheid. <strong>De vraag verschuift van bestuurbaarheid naar beweeglijkheid: hoe blijft een groot systeem flexibel zonder zijn samenhang te verliezen.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<section class=\"sec tight wrap\">\n  <div class=\"ethiek rev\">\n    <div class=\"mark\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 3 4 7v5c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V7z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n    <div class=\"q\">Een organisatie in Governance is niet <em>bureaucratisch<\/em>. Ze draagt verantwoordelijkheid.<\/div>\n    <p>Het is verleidelijk om deze laag af te doen als verstarring of als te veel regels. INR Align kijkt naar het systeem, niet naar de persoon, en kent geen schaamte rond een laag. De zwaarte die hier ontstaat is de prijs van iets waardevols: voorspelbaarheid en kwaliteit op schaal. Geen laag is beter dan een andere. Die terughoudendheid is geen bijzaak, het is de ruggengraat van het model.<\/p>\n  <\/div>\n<\/section>\n\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Bestuurbaar blijven zonder te <span class=\"grad\">verstarren<\/span>.<\/h2>\n    <p>Governance begrijpen is de spanning tussen zekerheid en beweegruimte bespreekbaar maken, zodat structuur het werk blijft dienen in plaats van het werk te worden.<\/p>\n  <\/div>\n<\/section>\n<section class=\"navlagen wrap\">\n  <div class=\"navrij rev\">\n    <a class=\"navkaart\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-activation\/\"><span class=\"nl nav-c-act\">A<\/span><span class=\"nn\">Activation<\/span><\/a>\n    <a class=\"navkaart\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-leadership\/\"><span class=\"nl nav-c-lea\">L<\/span><span class=\"nn\">Leadership<\/span><\/a>\n    <a class=\"navkaart\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-integration\/\"><span class=\"nl nav-c-int\">I<\/span><span class=\"nn\">Integration<\/span><\/a>\n    <a class=\"navkaart huidig\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-governance\/\"><span class=\"nl nav-c-gov\">G<\/span><span class=\"nn\">Governance<\/span><\/a>\n    <a class=\"navkaart\" href=\"https:\/\/inr.institute\/inr-align\/inr-align-navigation\/\"><span class=\"nl nav-c-nav\">N<\/span><span class=\"nn\">Navigation<\/span><\/a>\n  <\/div>\n  <div class=\"terughub rev\">\n    <a href=\"\/inr-align\/\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg>Terug naar INR Align<\/a>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-align-governance .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !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:.12em !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        <div class=\"badge\"><span class=\"stip\"><\/span>Contact<\/div>\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n          <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n        <h3>Bedankt, je bericht is binnen.<\/h3>\n        <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); }\n          else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INR Align G Laag 04 van 5 Governance De laag van coordinatie De fase waarin systemen de complexiteit samenhang geven. Processen, kaders en verantwoordelijkheidsstructuren brengen rust in een organisatie die te groot werd om informeel samen te hangen. Het is ook het moment waarop een organisatie haar bredere verantwoordelijkheid leert dragen. Het werkt, en het [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":75855,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-78298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78298","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=78298"}],"version-history":[{"count":0,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/78298\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75855"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=78298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}