{"id":75834,"date":"2026-06-10T06:40:54","date_gmt":"2026-06-10T04:40:54","guid":{"rendered":"https:\/\/inr.institute\/?page_id=75834"},"modified":"2026-08-03T09:11:29","modified_gmt":"2026-08-03T07:11:29","slug":"inr-master","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-master\/","title":{"rendered":"INR Master"},"content":{"rendered":"\n<!-- ============================================================================\n     INR MASTER \u00b7 WERVINGSPAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-master en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n     Palet: neutraal zwart-wit, grafiet als accent, lichtzwarte blobs.\n     Stijl in lijn met de INR Practitioner-pagina. Geen GSAP, alleen\n     IntersectionObserver. Geen dash-comma, geen em-dash, geen emoji.\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' declaratie hieronder blijft staan: die gebruikt het\n     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): de hele brochure-sectie (#brochure) is\n     verborgen op de Engelse site via class \"hide-on-en\", omdat de brochure\n     alleen in het Nederlands bestaat. Naast het CSS-verbergen stopt ook het\n     brochure-script vroeg op een \/en\/-pad, zodat het formulier daar niets\n     initialiseert. BELANGRIJK: de verbergregel target NIET de globale\n     body.lang-en, maar een class lang-en die de widget zelf op zijn eigen root\n     zet (zie het reveal-script onderaan). Een regel die met \"body\" begint reikt\n     buiten de widget en breekt de TranslatePress-editor (het blok is dan niet\n     meer aanklikbaar om te vertalen). Door alles binnen .inr-master te houden\n     blijft de sectie gewoon vertaalbaar.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-master{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6A6A72; --grijs-licht:#9A9AA2;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --accent:#0A0A0B; --accent-2:#3A3A40; --mist:#D8D8DC;\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-master, .inr-master *, .inr-master *::before, .inr-master *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-master h1,.inr-master h2,.inr-master h3,.inr-master h4,.inr-master p,\n.inr-master span,.inr-master div,.inr-master ul,.inr-master li,.inr-master a,.inr-master button{margin:0;padding:0;}\n.inr-master ul{list-style:none !important;}\n.inr-master a{text-decoration:none !important;color:inherit !important;}\n.inr-master button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- TAALAFHANKELIJK VERBERGEN (EN) ----------\n   De hele brochure-sectie wordt verborgen op de Engelse site. lang-en wordt\n   door de widget zelf op .inr-master gezet (zie reveal-script onderaan), NIET\n   op body. Zo blijft de selector binnen de widget en breekt hij de\n   TranslatePress-editor niet. Hoge specificiteit, dus verbergen wint. *\/\n.inr-master.lang-en .broc-wrap.hide-on-en{display:none !important;}\n\n\/* ---------- 2. ATMOSFEER (lichtzwarte blobs) ---------- *\/\n.inr-master .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-master .blob{position:absolute !important;border-radius:50% !important;filter:blur(130px) !important;opacity:.06 !important;animation:inrm-drift 30s ease-in-out infinite !important;}\n.inr-master .blob.a{width:580px;height:580px;background:rgba(10,10,11,1);top:-180px;left:-160px;}\n.inr-master .blob.b{width:520px;height:520px;background:rgba(28,28,32,1);top:40%;right:-200px;animation-delay:-11s;}\n.inr-master .blob.c{width:660px;height:660px;background:rgba(10,10,11,1);bottom:-280px;left:24%;animation-delay:-19s;}\n@keyframes inrm-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.07);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-master .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-master .sec{position:relative !important;z-index:1 !important;padding:130px 0 !important;}\n.inr-master .sec.tight{padding:84px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-master .eyebrow{font-size:12px !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n.inr-master .kop{max-width:820px !important;margin:0 0 64px !important;}\n.inr-master .kop.mid{text-align:center !important;margin-left:auto !important;margin-right:auto !important;}\n.inr-master .kop .eyebrow{display:block !important;margin-bottom:18px !important;}\n.inr-master .kop h2{font-weight:600 !important;font-size:clamp(31px,4.6vw,54px) !important;letter-spacing:-.032em !important;line-height:1.06 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-master .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;max-width:62ch !important;}\n.inr-master .kop.mid p{margin-left:auto !important;margin-right:auto !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-master .rev{opacity:0;transform:translateY(40px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);}\n.inr-master .rev.in{opacity:1 !important;transform:none !important;}\n.inr-master .d1{transition-delay:.06s;}.inr-master .d2{transition-delay:.13s;}.inr-master .d3{transition-delay:.20s;}\n.inr-master .d4{transition-delay:.27s;}.inr-master .d5{transition-delay:.34s;}.inr-master .d6{transition-delay:.41s;}\n.no-js .inr-master .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis + gutter op buitenste wrapper ---------- *\/\n@media(max-width:820px){\n  .inr-master{padding-left:22px !important;padding-right:22px !important;}\n  .inr-master .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-master .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-master .slot{padding-left:0 !important;padding-right:0 !important;}\n  .inr-master .sec{padding:80px 0 !important;}\n  .inr-master .sec.tight{padding:56px 0 !important;}\n  .inr-master .kop{margin-bottom:44px !important;}\n  .inr-master .blob.a{width:320px;height:320px;top:-100px;left:-110px;}\n  .inr-master .blob.b{width:300px;height:300px;right:-150px;}\n  .inr-master .blob.c{width:360px;height:360px;left:-70px;bottom:-180px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-master .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-master .blob{animation:none !important;}\n  .inr-master .slot .scroll-naar::after{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-master\">\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-master .hero{min-height:94vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:150px clamp(24px,5vw,40px) 100px !important;}\n.inr-master .hero .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:var(--ink) !important;border:1px solid var(--lijn) !important;background:rgba(255,255,255,.6) !important;\n  padding:9px 16px !important;border-radius:99px !important;margin-bottom:32px !important;}\n.inr-master .hero .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--ink) !important;}\n.inr-master .hero h1{font-weight:600 !important;font-size:clamp(46px,8vw,104px) !important;line-height:.98 !important;letter-spacing:-.042em !important;\n  max-width:15ch !important;color:var(--ink) !important;margin-bottom:34px !important;}\n.inr-master .hero h1 .zacht{color:var(--grijs-licht) !important;}\n.inr-master .hero .lead{font-size:clamp(18px,2.3vw,24px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:58ch !important;line-height:1.5 !important;}\n.inr-master .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-master .hero .acties{margin-top:46px !important;display:flex !important;flex-wrap:wrap !important;gap:14px !important;align-items:center !important;}\n.inr-master .hero .cta-prim{display:inline-flex !important;align-items:center !important;gap:10px !important;background:var(--ink) !important;color:#fff !important;\n  font-size:15px !important;font-weight:500 !important;padding:15px 26px !important;border-radius:99px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-master .hero .cta-prim:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(10,10,11,.5) !important;}\n.inr-master .hero .cta-prim svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-master .hero .cta-prim:hover svg{transform:translateX(4px) !important;}\n.inr-master .hero .cta-sec{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:15px !important;font-weight:500 !important;color:var(--ink) !important;padding:15px 14px !important;}\n.inr-master .hero .cta-sec u{text-decoration:none !important;border-bottom:1px solid var(--lijn) !important;padding-bottom:2px !important;transition:border-color .3s !important;}\n.inr-master .hero .cta-sec:hover u{border-color:var(--ink) !important;}\n@media(max-width:820px){.inr-master .hero{min-height:auto !important;padding:124px clamp(28px,5vw,40px) 72px !important;}.inr-master .hero h1{font-size:clamp(38px,11vw,58px) !important;}.inr-master .hero .lead{font-size:18px !important;}.inr-master .hero .acties{margin-top:38px !important;}}\n<\/style>\n<section class=\"hero wrap\">\n  <h1>Je hebt al bewezen dat je kunt bouwen. <span class=\"zacht\">De vraag is waaraan.<\/span><\/h1>\n  <p class=\"lead\">Een Master past het model niet alleen toe, maar bouwt er een onderneming omheen. Een eigen organisatie, een eigen netwerk, een eigen positie in de markt, op een fundament dat normaal jaren kost om te ontwikkelen. <strong>Bouwen. Verbinden. Blijven.<\/strong><\/p>\n  <div class=\"acties\">\n    <a class=\"cta-prim\" href=\"#passen\">Ontdek of dit bij je past <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <a class=\"cta-sec\" href=\"#gesprek\"><u>Liever eerst een gesprek? Lees hoe dat begint<\/u><\/a>\n  <\/div>\n<\/section>\n\n<!-- ========================= POSITIE-MARKER ========================= -->\n<style>\n.inr-master .marker{border-top:1px solid var(--lijn) !important;border-bottom:1px solid var(--lijn) !important;background:rgba(10,10,11,.015) !important;}\n.inr-master .marker .rij{display:grid !important;grid-template-columns:1.3fr 1fr 1fr 1fr !important;gap:0 !important;}\n.inr-master .marker .cel{padding:42px 30px !important;border-right:1px solid var(--lijn-zacht) !important;}\n.inr-master .marker .cel:last-child{border-right:0 !important;}\n.inr-master .marker .cel .l{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:12px !important;}\n.inr-master .marker .cel .g{font-weight:600 !important;font-size:clamp(20px,2.4vw,26px) !important;letter-spacing:-.02em !important;line-height:1.15 !important;color:var(--ink) !important;}\n.inr-master .marker .cel .g em{font-style:normal !important;color:var(--grijs) !important;font-weight:300 !important;}\n@media(max-width:820px){\n  .inr-master .marker .rij{grid-template-columns:1fr 1fr !important;}\n  .inr-master .marker .cel{padding:30px 20px !important;border-bottom:1px solid var(--lijn-zacht) !important;}\n  .inr-master .marker .cel:nth-child(2){border-right:0 !important;}\n  .inr-master .marker .cel:nth-child(3),.inr-master .marker .cel:nth-child(4){border-bottom:0 !important;}\n  .inr-master .marker .cel .l{font-size:11px !important;letter-spacing:.08em !important;}\n}\n<\/style>\n<section class=\"marker\">\n  <div class=\"wrap\"><div class=\"rij\">\n    <div class=\"cel rev d1\"><div class=\"l\">De rol<\/div><div class=\"g\">Een <em>organisatiebouwer<\/em> binnen het INR ecosysteem.<\/div><\/div>\n    <div class=\"cel rev d2\"><div class=\"l\">Scope<\/div><div class=\"g\">Een eigen <em>regio of domein<\/em><\/div><\/div>\n    <div class=\"cel rev d3\"><div class=\"l\">Horizon<\/div><div class=\"g\">Tien tot <em>vijftien jaar<\/em><\/div><\/div>\n    <div class=\"cel rev d4\"><div class=\"l\">Verantwoordelijkheid<\/div><div class=\"g\">Het systeem, <em>niet alleen de toepassing<\/em><\/div><\/div>\n  <\/div><\/div>\n<\/section>\n\n<!-- ========================= DE VRAAG DIE VERSCHUIFT ========================= -->\n<style>\n.inr-master .verschuif{display:grid !important;grid-template-columns:1fr 1.1fr !important;gap:56px !important;align-items:center !important;}\n.inr-master .verschuif .tekst .eyebrow{display:block !important;margin-bottom:18px !important;}\n.inr-master .verschuif .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,46px) !important;letter-spacing:-.028em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-master .verschuif .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-master .verschuif .tekst p:last-child{margin-bottom:0 !important;}\n.inr-master .verschuif .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-master .vraagblok{background:var(--ink) !important;color:#fff !important;border-radius:var(--radius) !important;padding:44px 40px !important;position:relative !important;overflow:hidden !important;box-shadow:0 30px 70px -42px rgba(10,10,11,.7) !important;}\n.inr-master .vraagblok::before{content:'' !important;position:absolute !important;top:-120px !important;right:-90px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%) !important;filter:blur(46px) !important;}\n.inr-master .vraagblok .vr{position:relative !important;z-index:1 !important;padding:20px 0 !important;border-bottom:1px solid rgba(255,255,255,.12) !important;}\n.inr-master .vraagblok .vr:last-child{border-bottom:0 !important;}\n.inr-master .vraagblok .vr .van{font-size:13px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--mist) !important;margin-bottom:6px !important;}\n.inr-master .vraagblok .vr .naar{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.92) !important;line-height:1.45 !important;}\n.inr-master .vraagblok .vr .naar b{font-weight:600 !important;color:#fff !important;}\n@media(max-width:820px){.inr-master .verschuif{grid-template-columns:1fr !important;gap:36px !important;}.inr-master .vraagblok{padding:34px 26px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"verschuif\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Wat er verandert<\/span>\n      <h2>Op een bepaald moment verandert de aard van de vraag.<\/h2>\n      <p>De ondernemer voor wie deze positie bedoeld is, staat zelden aan het begin van de loopbaan. Er is ervaring opgebouwd in het leiden van mensen, het realiseren van resultaten en het ontwikkelen van organisaties. Een netwerk is ontstaan, commerci\u00eble vaardigheden zijn gerijpt, en de dynamiek van ondernemerschap is vertrouwd terrein geworden.<\/p>\n      <p>Juist in die fase verschuift de vraag. Niet omdat ambitie verdwijnt, maar omdat ervaring het perspectief verandert. De vraag gaat steeds minder over wat er nog bereikt kan worden, en steeds meer over <strong>waar tijd, energie en aandacht de komende jaren het beste aan besteed kunnen worden.<\/strong><\/p>\n    <\/div>\n    <div class=\"vraagblok rev d2\">\n      <div class=\"vr\"><div class=\"van\">Niet langer<\/div><div class=\"naar\">Hoeveel opdrachten kan ik persoonlijk uitvoeren?<\/div><\/div>\n      <div class=\"vr\"><div class=\"van\">Maar<\/div><div class=\"naar\"><b>Welke organisatie kan ik bouwen die waarde blijft cre\u00ebren zonder volledig van mij af te hangen?<\/b><\/div><\/div>\n      <div class=\"vr\"><div class=\"van\">Niet langer<\/div><div class=\"naar\">Wat realiseer ik volgend jaar?<\/div><\/div>\n      <div class=\"vr\"><div class=\"van\">Maar<\/div><div class=\"naar\"><b>Wat staat er over tien jaar?<\/b><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAAROM DEZE MARKT VRAAGT OM BOUWERS ========================= -->\n<style>\n.inr-master .markt-wrap{background:rgba(10,10,11,.02) !important;border-top:1px solid var(--lijn) !important;border-bottom:1px solid var(--lijn) !important;}\n.inr-master .essentie{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-master .kaart{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:36px !important;position:relative !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -30px rgba(10,10,11,.3) !important;\n  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s !important;}\n.inr-master .kaart:hover{transform:translateY(-6px) !important;box-shadow:0 30px 60px -34px rgba(10,10,11,.4) !important;border-color:rgba(10,10,11,.22) !important;}\n.inr-master .kaart .ico{width:48px !important;height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  margin-bottom:22px !important;background:var(--ink) !important;color:#fff !important;}\n.inr-master .kaart .ico svg{width:23px !important;height:23px !important;}\n.inr-master .kaart h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.018em !important;margin-bottom:11px !important;color:var(--ink) !important;}\n.inr-master .kaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inr-master .essentie{grid-template-columns:1fr !important;}.inr-master .kaart{padding:30px !important;}}\n<\/style>\n<section class=\"markt-wrap sec\">\n  <div class=\"wrap\">\n    <div class=\"kop rev\">\n      <span class=\"eyebrow\">Waarom deze markt<\/span>\n      <h2>Achter vrijwel elk organisatievraagstuk ligt gedrag.<\/h2>\n      <p>Organisaties investeren jaarlijks fors in leiderschap, cultuur en samenwerking, en worstelen vaak nog met dezelfde patronen als tien jaar geleden. Achter stroef verlopende verandering, afhakende medewerkers en tegenvallende commerci\u00eble resultaten ligt telkens dezelfde werkelijkheid: mensen die keuzes maken, verhalen vormen en reageren op hun omgeving.<\/p>\n    <\/div>\n    <div class=\"essentie\">\n      <div class=\"kaart rev d1\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M21 21l-4.3-4.3\"><\/path><\/svg><\/div>\n        <h3>Een tijdloos vraagstuk<\/h3>\n        <p>Waarom doen mensen wat ze doen? Die vraag wordt zichtbaar in iedere sector en blijft relevant zolang organisaties door mensen worden gebouwd. Geen hype, maar een fundament.<\/p>\n      <\/div>\n      <div class=\"kaart rev d2\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 21h18M5 21V8l7-5 7 5v13M9 21v-6h6v6\"><\/path><\/svg><\/div>\n        <h3>Een markt die om bouwers vraagt<\/h3>\n        <p>De meeste praktijken lopen tegen dezelfde grens aan: succes blijft afhangen van \u00e9\u00e9n persoon. Organisaties zoeken steeds vaker langdurige partners in plaats van losse interventies.<\/p>\n      <\/div>\n      <div class=\"kaart rev d3\">\n        <div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v20M2 12h20\" opacity=\".25\"><\/path><path d=\"M5 12a7 7 0 0 1 14 0M5 12a7 7 0 0 0 14 0\"><\/path><\/svg><\/div>\n        <h3>Breder dan \u00e9\u00e9n discipline<\/h3>\n        <p>Dit gaat niet alleen over leiderschap, of cultuur, of sales. Het gaat over de menselijke dynamiek die onder al die vraagstukken ligt, en daarmee over een markt die breder is dan hij op het eerste gezicht lijkt.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= NIET VANAF NUL ========================= -->\n<style>\n.inr-master .nul{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:56px !important;align-items:center !important;}\n.inr-master .nul .tekst .eyebrow{display:block !important;margin-bottom:18px !important;}\n.inr-master .nul .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,46px) !important;letter-spacing:-.028em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-master .nul .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;margin-bottom:14px !important;}\n.inr-master .nul .tekst p:last-child{margin-bottom:0 !important;}\n.inr-master .nul .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-master .fundament{display:flex !important;flex-direction:column !important;gap:12px !important;}\n.inr-master .fblok{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:16px !important;padding:18px 22px !important;display:flex !important;gap:16px !important;align-items:center !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s !important;}\n.inr-master .fblok:hover{transform:translateX(6px) !important;border-color:rgba(10,10,11,.22) !important;}\n.inr-master .fblok .v{flex:none !important;width:24px !important;height:24px !important;border-radius:7px !important;background:var(--ink) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-master .fblok .v svg{width:13px !important;height:13px !important;}\n.inr-master .fblok .ft{font-size:15px !important;font-weight:400 !important;color:var(--ink) !important;line-height:1.4 !important;}\n@media(max-width:820px){.inr-master .nul{grid-template-columns:1fr !important;gap:36px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"nul\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Het fundament<\/span>\n      <h2>Wat als je niet vanaf nul hoeft te beginnen?<\/h2>\n      <p>Wie vandaag een organisatie wil bouwen rondom leiderschap, gedrag en intrinsieke motivatie, staat voor een enorme opgave. Een eigen model, intellectueel eigendom, opleidingen, tooling, certificeringen en een geloofwaardige marktpositie kosten normaal jaren van investeren, fouten maken en opnieuw investeren.<\/p>\n      <p>De vraag is daarom niet \u00f3f er gebouwd wordt, maar <strong>waarop.<\/strong> Een Master zet ondernemerschap en commerci\u00eble slagkracht in op wat het meeste verschil maakt, en bouwt voort op een fundament dat al ontwikkeld en beproefd is.<\/p>\n    <\/div>\n    <div class=\"fundament\">\n      <div class=\"fblok rev d1\"><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 class=\"ft\">Een wetenschappelijk gefundeerd model voor menselijk gedrag<\/span><\/div>\n      <div class=\"fblok rev d2\"><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 class=\"ft\">Een opleidingsstructuur en certificering voor practitioners<\/span><\/div>\n      <div class=\"fblok rev d3\"><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 class=\"ft\">Diagnostische instrumenten en digitale ondersteuning<\/span><\/div>\n      <div class=\"fblok rev d4\"><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 class=\"ft\">Materialen, kwaliteitsbewaking en een systeem voor consistente begeleiding<\/span><\/div>\n      <div class=\"fblok rev d5\"><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 class=\"ft\">Een ecosysteem dat voortdurend wordt doorontwikkeld<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= HOE EEN MASTER-ORGANISATIE ERUITZIET ========================= -->\n<style>\n.inr-master .org-wrap{background:rgba(10,10,11,.02) !important;border-top:1px solid var(--lijn) !important;border-bottom:1px solid var(--lijn) !important;}\n.inr-master .org-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;}\n.inr-master .okaart{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:34px !important;}\n.inr-master .okaart .voor{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--grijs-licht) !important;margin-bottom:14px !important;}\n.inr-master .okaart h3{font-weight:600 !important;font-size:19px !important;letter-spacing:-.015em !important;color:var(--ink) !important;margin-bottom:10px !important;}\n.inr-master .okaart p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inr-master .org-grid{grid-template-columns:1fr !important;}.inr-master .okaart{padding:28px !important;}}\n<\/style>\n<section class=\"org-wrap sec\">\n  <div class=\"wrap\">\n    <div class=\"kop rev\">\n      <span class=\"eyebrow\">Hoe het eruitziet<\/span>\n      <h2>Een Master bouwt geen praktijk. Een Master bouwt een organisatie.<\/h2>\n      <p>Het uitgangspunt is niet het aanbieden van losse trainingen of adviesopdrachten, maar het ontwikkelen van een onderneming met een eigen identiteit, een eigen netwerk en een eigen commerci\u00eble strategie. Zelfstandig opererend, en tegelijk gedragen door een fundament dat zich in de praktijk al heeft bewezen.<\/p>\n    <\/div>\n    <div class=\"org-grid\">\n      <div class=\"okaart rev d1\">\n        <div class=\"voor\">Voor opdrachtgevers<\/div>\n        <h3>Niet afhankelijk van \u00e9\u00e9n persoon<\/h3>\n        <p>Organisaties worden op meerdere niveaus ondersteund, van leiderschap tot teamontwikkeling, cultuur en commerci\u00eble groei. Daardoor ontstaat een langduriger relatie waarin vertrouwen, continu\u00efteit en impact samenkomen.<\/p>\n      <\/div>\n      <div class=\"okaart rev d2\">\n        <div class=\"voor\">Voor practitioners<\/div>\n        <h3>Werken vanuit een gedeeld niveau<\/h3>\n        <p>Professionals worden opgeleid, begeleid en gecertificeerd en werken vanuit dezelfde methodiek en kwaliteitsstandaard. Zo groeit de organisatie verder dan de beschikbare tijd van \u00e9\u00e9n mens.<\/p>\n      <\/div>\n      <div class=\"okaart rev d3\">\n        <div class=\"voor\">Voor de ondernemer<\/div>\n        <h3>Aandacht waar die telt<\/h3>\n        <p>De energie verschuift van het ontwikkelen van alle bouwstenen naar het bouwen van de organisatie zelf: marktontwikkeling, klantrelaties en het begeleiden van professionals.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= WAT BOUW JE EIGENLIJK \/ GROEIPAD ========================= -->\n<style>\n.inr-master .pad-wrap{position:relative !important;}\n.inr-master .pad{display:flex !important;flex-direction:column !important;gap:0 !important;max-width:920px !important;margin:0 auto !important;position:relative !important;}\n.inr-master .pad::before{content:'' !important;position:absolute !important;left:27px !important;top:30px !important;bottom:30px !important;width:1px !important;background:linear-gradient(180deg,transparent,var(--lijn) 8%,var(--lijn) 92%,transparent) !important;}\n.inr-master .stap{display:grid !important;grid-template-columns:56px 1fr !important;gap:26px !important;align-items:flex-start !important;padding:22px 0 !important;position:relative !important;}\n.inr-master .stap .knoop{width:56px !important;height:56px !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  font-weight:600 !important;font-size:16px !important;color:var(--ink) !important;position:relative !important;z-index:1 !important;transition:background .4s,color .4s,transform .4s !important;}\n.inr-master .stap:hover .knoop{background:var(--ink) !important;color:#fff !important;transform:scale(1.06) !important;}\n.inr-master .stap .inhoud{padding-top:6px !important;}\n.inr-master .stap h3{font-weight:600 !important;font-size:20px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:8px !important;}\n.inr-master .stap p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:62ch !important;}\n@media(max-width:820px){.inr-master .pad::before{left:23px !important;}.inr-master .stap{grid-template-columns:48px 1fr !important;gap:18px !important;}.inr-master .stap .knoop{width:48px !important;height:48px !important;font-size:15px !important;}}\n<\/style>\n<section class=\"pad-wrap sec wrap\">\n  <div class=\"kop mid rev\">\n    <span class=\"eyebrow\">Wat je bouwt<\/span>\n    <h2>Geen voorgeschreven pad, maar een fundament om op te bouwen.<\/h2>\n    <p>Er bestaat geen vaste formule die overal hetzelfde wordt uitgevoerd. Het vertrekpunt sluit aan bij je eigen ervaring, en de ambitie bepaalt hoe de organisatie zich vervolgens ontwikkelt.<\/p>\n  <\/div>\n  <div class=\"pad\">\n    <div class=\"stap rev d1\"><div class=\"knoop\">1<\/div><div class=\"inhoud\"><h3>Beginnen vanuit je eigen kracht<\/h3><p>De \u00e9\u00e9n start binnen leiderschapsontwikkeling, de ander binnen consultancy, sales, teamontwikkeling of organisatieverandering. Het vertrekpunt verschilt, de onderliggende infrastructuur blijft hetzelfde.<\/p><\/div><\/div>\n    <div class=\"stap rev d2\"><div class=\"knoop\">2<\/div><div class=\"inhoud\"><h3>Professionals aansluiten<\/h3><p>Naarmate de organisatie groeit worden practitioners opgeleid, begeleid en gecertificeerd. Klanten worden niet langer uitsluitend door jou ondersteund, maar door een groeiend netwerk dat werkt vanuit dezelfde fundamenten.<\/p><\/div><\/div>\n    <div class=\"stap rev d3\"><div class=\"knoop\">3<\/div><div class=\"inhoud\"><h3>De rol verandert mee<\/h3><p>In de beginfase is inhoudelijke betrokkenheid vaak groot. Geleidelijk verschuift de aandacht naar marktontwikkeling, klantrelaties en het begeleiden van professionals. Van werk uitvoeren naar omstandigheden scheppen waarin anderen succesvol kunnen zijn.<\/p><\/div><\/div>\n    <div class=\"stap rev d4\"><div class=\"knoop\">4<\/div><div class=\"inhoud\"><h3>Compact of breed, jouw keuze<\/h3><p>Sommigen kiezen bewust voor een sterke regionale positie met een beperkt aantal practitioners. Anderen bouwen door naar grotere netwerken of meerdere specialisaties. De omvang wordt bepaald door jouw ambitie, niet door het model.<\/p><\/div><\/div>\n    <div class=\"stap rev d5\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:20px;height:20px;\"><path d=\"M3 21h18M5 21V8l7-5 7 5v13\"><\/path><path d=\"M9 21v-6h6v6\"><\/path><\/svg><\/div><div class=\"inhoud\"><h3>Positie<\/h3><p>Na enkele jaren ontstaat iets dat moeilijk in cijfers te vatten is. Niet alleen een positie in de markt, maar in het netwerk van opdrachtgevers en professionals. Vertrouwen, reputatie, een naam die staat voor een volwassen kijk op menselijk gedrag.<\/p><\/div><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= VOOR WIE WEL \/ NIET ========================= -->\n<style>\n.inr-master .weeg-wrap{background:rgba(10,10,11,.02) !important;border-top:1px solid var(--lijn) !important;border-bottom:1px solid var(--lijn) !important;}\n.inr-master .weeg{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;}\n.inr-master .wkolom{border-radius:var(--radius) !important;padding:38px 36px !important;border:1px solid var(--lijn) !important;}\n.inr-master .wkolom.wel{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important;box-shadow:0 30px 70px -42px rgba(10,10,11,.7) !important;}\n.inr-master .wkolom.niet{background:rgba(255,255,255,.5) !important;}\n.inr-master .wkolom .wt{font-size:12px !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;margin-bottom:8px !important;}\n.inr-master .wkolom.wel .wt{color:var(--mist) !important;}\n.inr-master .wkolom.niet .wt{color:var(--grijs-licht) !important;}\n.inr-master .wkolom h3{font-weight:600 !important;font-size:23px !important;letter-spacing:-.02em !important;margin-bottom:26px !important;line-height:1.1 !important;}\n.inr-master .wkolom.wel h3{color:#fff !important;}\n.inr-master .wkolom.niet h3{color:var(--ink) !important;}\n.inr-master .wkolom ul{display:flex !important;flex-direction:column !important;gap:17px !important;}\n.inr-master .wkolom li{display:flex !important;gap:14px !important;align-items:flex-start !important;font-size:15.5px !important;font-weight:300 !important;line-height:1.5 !important;}\n.inr-master .wkolom.wel li{color:rgba(255,255,255,.9) !important;}\n.inr-master .wkolom.niet li{color:var(--ink) !important;}\n.inr-master .wkolom li .m{flex:none !important;width:24px !important;height:24px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:0 !important;}\n.inr-master .wkolom.wel li .m{background:rgba(255,255,255,.14) !important;color:#fff !important;}\n.inr-master .wkolom.niet li .m{background:rgba(10,10,11,.06) !important;color:var(--grijs) !important;}\n.inr-master .wkolom li .m svg{width:13px !important;height:13px !important;}\n@media(max-width:820px){.inr-master .weeg{grid-template-columns:1fr !important;}.inr-master .wkolom{padding:32px 26px !important;}}\n<\/style>\n<section class=\"weeg-wrap sec\" id=\"passen\">\n  <div class=\"wrap\">\n    <div class=\"kop mid rev\">\n      <span class=\"eyebrow\">Voor wie<\/span>\n      <h2>Past dit bij de volgende fase van jouw ondernemerschap?<\/h2>\n      <p>Er bestaat geen ideaal profiel. De routes verschillen, of je nu uit consultancy, sales, leiderschap, HR of verandermanagement komt. Wat vaak overeenkomt, is ervaring met het bouwen van relaties en het ontwikkelen van mensen, en een oprechte nieuwsgierigheid naar wat onder zichtbaar gedrag schuilgaat.<\/p>\n    <\/div>\n    <div class=\"weeg\">\n      <div class=\"wkolom wel rev d1\">\n        <div class=\"wt\">Dit past bij je als<\/div>\n        <h3>Je wilt bouwen, niet opnieuw beginnen.<\/h3>\n        <ul>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Je ambitie reikt verder dan zelf opdrachten uitvoeren, je wilt een organisatie ontwikkelen<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Je hebt ervaring met ondernemerschap, leiderschap en commerci\u00eble ontwikkeling<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Je bent oprecht nieuwsgierig naar waarom mensen doen wat ze doen<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Je denkt in jaren, niet in maanden, en wilt investeren in relaties en reputatie<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span>Het idee om voort te bouwen op een beproefd fundament geeft je energie<\/span><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"wkolom niet rev d2\">\n        <div class=\"wt\">Dit past minder als<\/div>\n        <h3>Je zoekt een snelle kans.<\/h3>\n        <ul>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je vooral op zoek bent naar een snelle commerci\u00eble kans<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je uitsluitend eigen opdrachten wilt uitvoeren zonder een organisatie te bouwen<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je zoekt naar een extra dienst of methode binnen een bestaand aanbod<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je een korte horizon hebt en snelle groei boven duurzame positie stelt<\/span><\/li>\n          <li><span class=\"m\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M18 6 6 18M6 6l12 12\"><\/path><\/svg><\/span><span>Je je niet wilt verbinden aan een richting voor de lange termijn<\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BROCHURE-BLOK =========================\n     E-mailcapture die de inzending naar het eigen plugin-endpoint stuurt,\n     en daarna de Master-brochure (PDF) opent. Config staat in\n     window.INR_BROCHURE onderaan dit blok, zodat dit stuk los aanpasbaar\n     is zonder de rest van de pagina te raken.\n\n     TAALAFHANKELIJK VERBERGEN (EN): de hele sectie heeft class \"hide-on-en\" en\n     wordt verborgen op de Engelse site (brochure is alleen Nederlandstalig).\n     Het brochure-script returnt bovendien vroeg op een \/en\/-pad.\n     ============================================================================ -->\n<style>\n.inr-master .broc-wrap{position:relative !important;z-index:1 !important;padding:40px 0 130px !important;}\n.inr-master .broc{position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;border-radius:36px !important;\n  padding:72px clamp(28px,5vw,72px) !important;display:grid !important;grid-template-columns:1.05fr .95fr !important;gap:56px !important;align-items:center !important;\n  box-shadow:0 40px 90px -50px rgba(10,10,11,.8) !important;}\n.inr-master .broc::before{content:'' !important;position:absolute !important;top:-150px !important;left:-110px !important;width:440px !important;height:440px !important;border-radius:50% !important;\n  background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%) !important;filter:blur(54px) !important;pointer-events:none !important;}\n.inr-master .broc::after{content:'' !important;position:absolute !important;bottom:-170px !important;right:-120px !important;width:420px !important;height:420px !important;border-radius:50% !important;\n  background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(54px) !important;pointer-events:none !important;}\n.inr-master .broc-tekst{position:relative !important;z-index:1 !important;}\n.inr-master .broc-tekst .eyebrow{color:var(--mist) !important;display:inline-flex !important;align-items:center !important;gap:9px !important;margin-bottom:20px !important;}\n.inr-master .broc-tekst .eyebrow .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;display:inline-block !important;}\n.inr-master .broc-tekst h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.03em !important;line-height:1.07 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-master .broc-tekst h2 .zacht{color:rgba(255,255,255,.42) !important;}\n.inr-master .broc-tekst p{font-size:17px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.62 !important;max-width:46ch !important;}\n.inr-master .broc-tekst .meta{margin-top:26px !important;display:flex !important;flex-wrap:wrap !important;gap:10px !important;}\n.inr-master .broc-tekst .meta span{font-size:12.5px !important;font-weight:500 !important;color:rgba(255,255,255,.7) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:99px !important;padding:7px 15px !important;display:inline-flex !important;align-items:center !important;gap:7px !important;}\n.inr-master .broc-tekst .meta span svg{width:13px !important;height:13px !important;stroke:rgba(255,255,255,.8) !important;fill:none !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n.inr-master .broc-kaart{position:relative !important;z-index:1 !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;\n  -webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;border-radius:22px !important;padding:34px !important;}\n.inr-master .broc-kaart .bk-label{font-size:12px !important;font-weight:600 !important;letter-spacing:.04em !important;color:#fff !important;margin-bottom:8px !important;}\n.inr-master .broc-kaart .bk-sub{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.62) !important;line-height:1.55 !important;margin-bottom:20px !important;}\n.inr-master .broc-field{position:relative !important;display:flex !important;flex-direction:column !important;gap:12px !important;}\n.inr-master .broc-input{width:100% !important;padding:16px 18px !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:13px !important;\n  background:rgba(255,255,255,.04) !important;color:#fff !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;outline:none !important;\n  transition:border-color .25s,box-shadow .25s,background .25s !important;}\n.inr-master .broc-input::placeholder{color:rgba(255,255,255,.4) !important;}\n.inr-master .broc-input:focus{border-color:rgba(255,255,255,.55) !important;background:rgba(255,255,255,.07) !important;box-shadow:0 0 0 4px rgba(255,255,255,.08) !important;}\n.inr-master .broc-input.fout{border-color:rgba(255,120,120,.8) !important;box-shadow:0 0 0 4px rgba(255,120,120,.14) !important;}\n.inr-master .broc-knop{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  background:#fff !important;color:var(--ink) !important;font-size:15px !important;font-weight:600 !important;padding:16px 26px !important;border-radius:13px !important;cursor:pointer !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;}\n.inr-master .broc-knop:hover{transform:translateY(-2px) !important;box-shadow:0 16px 36px -18px rgba(0,0,0,.6) !important;}\n.inr-master .broc-knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-master .broc-knop:hover svg{transform:translateY(2px) !important;}\n.inr-master .broc-knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n.inr-master .broc-err{font-size:13px !important;font-weight:400 !important;color:#ffb4b4 !important;min-height:0 !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-master .broc-err.toon{opacity:1 !important;max-height:40px !important;margin-top:2px !important;}\n.inr-master .broc-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:10px !important;font-size:12.5px !important;font-weight:400 !important;color:rgba(255,255,255,.55) !important;line-height:1.5 !important;}\n.inr-master .broc-belofte svg{width:14px !important;height:14px !important;flex:none !important;margin-top:2px !important;stroke:rgba(255,255,255,.7) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-master .broc-klaar{display:none !important;position:relative !important;z-index:1 !important;flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}\n.inr-master .broc-klaar.toon{display:flex !important;}\n.inr-master .broc-klaar .vink{width:46px !important;height:46px !important;border-radius:14px !important;background:rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-master .broc-klaar .vink svg{width:22px !important;height:22px !important;stroke:#fff !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-master .broc-klaar .kt{font-weight:600 !important;font-size:18px !important;color:#fff !important;}\n.inr-master .broc-klaar .ks{font-size:14px !important;font-weight:300 !important;color:rgba(255,255,255,.65) !important;line-height:1.55 !important;}\n.inr-master .broc-klaar a{display:inline-flex !important;align-items:center !important;gap:9px !important;margin-top:4px !important;font-size:14px !important;font-weight:500 !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.3) !important;padding-bottom:2px !important;transition:border-color .25s !important;}\n.inr-master .broc-klaar a:hover{border-color:#fff !important;}\n@media(max-width:820px){\n  .inr-master .broc-wrap{padding:20px 0 80px !important;}\n  .inr-master .broc{grid-template-columns:1fr !important;gap:36px !important;padding:48px 26px !important;border-radius:26px !important;}\n  .inr-master .broc-kaart{padding:28px !important;}\n}\n<\/style>\n<section class=\"broc-wrap wrap hide-on-en\" id=\"brochure\">\n  <div class=\"broc rev\">\n    <div class=\"broc-tekst\">\n      <span class=\"eyebrow\"><span class=\"stip\"><\/span>De brochure<\/span>\n      <h2>Master worden? <span class=\"zacht\">Lees eerst eens onze brochure.<\/span><\/h2>\n      <p>Een document dat het perspectief volledig uittekent. Het type ondernemer, de markt, het fundament waarop je bouwt en het toekomstbeeld over tien tot vijftien jaar. Geschreven om rustig te lezen, niet om je te overtuigen.<\/p>\n      <div class=\"meta\">\n        <span><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg>PDF<\/span>\n        <span><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg>Circa tien minuten lezen<\/span>\n        <span><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Direct te openen<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"broc-kaart\" id=\"brocKaart\">\n      <div class=\"bk-label\">Bekijk de brochure<\/div>\n      <div class=\"bk-sub\">Vul je e-mailadres in en de brochure opent meteen. We ontvangen daarmee je gegevens zodat we contact kunnen opnemen als dat relevant is.<\/div>\n      <div class=\"broc-field\">\n        <input type=\"email\" class=\"broc-input\" id=\"brocEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <div style=\"position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;\" aria-hidden=\"true\">\n          <label for=\"brocHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"brocHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n        <div class=\"broc-err\" id=\"brocErr\">Vul een geldig e-mailadres in.<\/div>\n        <button class=\"broc-knop\" id=\"brocKnop\">\n          Open de brochure\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n        <\/button>\n      <\/div>\n      <div class=\"broc-belofte\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n        <span>We nemen hooguit een keer contact op en gebruiken je gegevens nergens anders voor.<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"broc-kaart broc-klaar\" id=\"brocKlaar\">\n      <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n      <div class=\"kt\">De brochure is geopend.<\/div>\n      <div class=\"ks\">Opende hij niet vanzelf in een nieuw tabblad? Open hem dan hier.<\/div>\n      <a id=\"brocLink\" href=\"#\" target=\"_blank\" rel=\"noopener\">Open de brochure opnieuw\n        <svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;\"><path d=\"M7 17 17 7M7 7h10v10\"><\/path><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/* ----- Brochure-config: pas hier de PDF-link aan zonder de rest te raken ----- *\/\nwindow.INR_BROCHURE = {\n  pdf: \"https:\/\/inr.institute\/wp-content\/uploads\/2026\/06\/Brochure-INR-Master-worden.pdf\",\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"master_brochure\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(){\n    \/* Op de Engelse site is de brochure-sectie verborgen (alleen NL-brochure).\n       Initialiseer het formulier daar dan ook niet. *\/\n    if(\/\\\/en\\\/\/.test(window.location.pathname)) return;\n\n    var root = document.querySelector('.inr-master');\n    if(!root) return;\n    var input = root.querySelector('#brocEmail');\n    var knop  = root.querySelector('#brocKnop');\n    var err   = root.querySelector('#brocErr');\n    var kaart = root.querySelector('#brocKaart');\n    var klaar = root.querySelector('#brocKlaar');\n    var link  = root.querySelector('#brocLink');\n    if(!input || !knop) return;\n\n    var CFG = window.INR_BROCHURE || {};\n    var PDF = CFG.pdf || '#';\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'master_brochure';\n    if(link) link.setAttribute('href', PDF);\n\n    function geldig(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) err.textContent = tekst;\n      err.classList.add('toon');\n      input.classList.add('fout');\n    }\n    function wisFout(){\n      err.classList.remove('toon');\n      input.classList.remove('fout');\n    }\n    input.addEventListener('input', wisFout);\n\n    \/* Verstuur de inzending naar het eigen plugin-endpoint (geen Elementor).\n       Fire-and-forget met honeypot + tijdslot tegen bots. De brochure opent\n       sowieso, los van of de verzending lukt: het opslaan-voor-mailen gebeurt\n       server-side, dus een lead raakt niet kwijt. *\/\n    function verzendNaarPlugin(email){\n      var hp = root.querySelector('#brocHp');\n      var payload = {\n        form: FORM,\n        naam: 'Brochure-aanvraag INR Master',\n        email: email,\n        velden: {\n          'Aanvraag': 'Brochure INR Master worden via de Master-pagina'\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.send(JSON.stringify(payload));\n      } catch(e){}\n    }\n\n    function openBrochure(){\n      \/* Open in een nieuw tabblad. Gebeurt binnen de klik, zodat pop-upblokkers niet ingrijpen. *\/\n      var w = window.open(PDF, '_blank', 'noopener');\n      if(kaart) kaart.style.display = 'none';\n      if(klaar) klaar.classList.add('toon');\n      return w;\n    }\n\n    knop.addEventListener('click', function(){\n      var email = (input.value || '').trim();\n      if(!geldig(email)){ toonFout('Vul een geldig e-mailadres in.'); input.focus(); return; }\n      wisFout();\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n\n      verzendNaarPlugin(email);\n      openBrochure();\n    });\n\n    input.addEventListener('keypress', function(e){ if(e.key === 'Enter') knop.click(); });\n  }\n  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', start); }\n  else { start(); }\n})();\n<\/script>\n\n<!-- ========================= TOEKOMSTBEELD: DONKER ========================= -->\n<style>\n.inr-master .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:88px 64px !important;position:relative !important;overflow:hidden !important;}\n.inr-master .donker::before{content:'' !important;position:absolute !important;top:-140px !important;right:-100px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-master .donker::after{content:'' !important;position:absolute !important;bottom:-160px !important;left:-120px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-master .donker .dk-kop{position:relative !important;z-index:1 !important;max-width:780px !important;margin:0 0 56px !important;}\n.inr-master .donker .eyebrow{color:var(--mist) !important;display:block !important;margin-bottom:18px !important;}\n.inr-master .donker h2{font-weight:600 !important;font-size:clamp(29px,4.2vw,48px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:#fff !important;margin-bottom:20px !important;}\n.inr-master .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.62 !important;}\n.inr-master .lagen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:20px !important;position:relative !important;z-index:1 !important;}\n.inr-master .laag{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;padding:32px !important;transition:background .4s,transform .4s !important;}\n.inr-master .laag:hover{background:rgba(255,255,255,.09) !important;transform:translateY(-4px) !important;}\n.inr-master .laag .rang{font-size:12px !important;font-weight:600 !important;color:var(--mist) !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:16px !important;}\n.inr-master .laag h4{font-weight:600 !important;font-size:19px !important;color:#fff !important;margin-bottom:10px !important;letter-spacing:-.01em !important;}\n.inr-master .laag p{font-size:14.5px !important;font-weight:300 !important;color:rgba(255,255,255,.66) !important;line-height:1.6 !important;}\n.inr-master .dk-slot{margin-top:44px !important;position:relative !important;z-index:1 !important;padding-top:36px !important;border-top:1px solid rgba(255,255,255,.14) !important;font-size:19px !important;font-weight:300 !important;color:rgba(255,255,255,.84) !important;line-height:1.6 !important;max-width:74ch !important;}\n.inr-master .dk-slot strong{font-weight:600 !important;color:#fff !important;}\n@media(max-width:820px){.inr-master .donker{padding:56px 26px !important;border-radius:26px !important;}.inr-master .lagen{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"donker rev\">\n    <div class=\"dk-kop\">\n      <span class=\"eyebrow\">Wat er over tien jaar staat<\/span>\n      <h2>De meest interessante vraag gaat niet over volgend jaar.<\/h2>\n      <p>De eerste jaren draaien om relaties, positionering en een groeiend klantenbestand, met de ondernemer nog dicht op de uitvoering. Daarna verschuift de rol, verandert de aard van de onderneming, en ontstaat geleidelijk iets dat zich niet laat afdwingen.<\/p>\n    <\/div>\n    <div class=\"lagen\">\n      <div class=\"laag\"><div class=\"rang\">Jaar 1 tot 3<\/div><h4>Ontwikkelen<\/h4><p>Relaties opbouwen, de organisatie positioneren, een klantenbestand vormen. Praktijkervaring blijft essentieel en de betrokkenheid is groot.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Jaar 3 tot 5<\/div><h4>Verbreden<\/h4><p>Practitioners sluiten aan en worden gecertificeerd. De organisatie wordt breder gedragen en groeit verder dan de tijd van \u00e9\u00e9n persoon.<\/p><\/div>\n      <div class=\"laag\"><div class=\"rang\">Jaar 5 en verder<\/div><h4>Positie<\/h4><p>Opdrachtgevers zien geen leverancier van trainingen meer, maar een partner bij vraagstukken rond gedrag en organisatieontwikkeling.<\/p><\/div>\n    <\/div>\n    <p class=\"dk-slot\">De meeste bedrijven worden gebouwd rondom een product, een dienst of technologie. Een Master-organisatie wordt gebouwd rondom een vraagstuk dat waarschijnlijk altijd relevant zal blijven. <strong>Niet omdat de toekomst voorspelbaar is, maar omdat sommige vraagstukken tijdloos zijn.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-master .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-master .belofte .q{font-weight:600 !important;font-size:clamp(28px,4.4vw,50px) !important;letter-spacing:-.028em !important;line-height:1.14 !important;color:var(--ink) !important;margin-bottom:26px !important;}\n.inr-master .belofte .q .zacht{color:var(--grijs-licht) !important;}\n.inr-master .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;max-width:60ch !important;margin:0 auto !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Niet voor de komende twaalf maanden. <span class=\"zacht\">Maar voor de komende tien tot vijftien jaar.<\/span><\/div>\n    <p>De vrijheid om een eigen onderneming te bouwen, gecombineerd met de zekerheid van een fundament dat zich al heeft bewezen. Niet omdat ondernemen daarmee eenvoudiger wordt, maar omdat je beschikbare energie kan gaan naar groei, markt en mensen in plaats van naar het opnieuw uitvinden van alle bouwstenen.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET GESPREK \/ SLOT ========================= -->\n<style>\n.inr-master .slot-sec{position:relative !important;z-index:2 !important;background:var(--ink) !important;}\n.inr-master .slot{text-align:center !important;min-height:78vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:120px !important;padding-bottom:120px !important;}\n.inr-master .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-master .slot .eyebrow{color:var(--mist) !important;margin-bottom:22px !important;}\n.inr-master .slot h2{font-weight:600 !important;font-size:clamp(36px,6.4vw,76px) !important;letter-spacing:-.036em !important;line-height:1.02 !important;max-width:17ch !important;color:#fff !important;margin-bottom:26px !important;}\n.inr-master .slot h2 .zacht{color:rgba(255,255,255,.4) !important;}\n.inr-master .slot p{font-size:19px !important;font-weight:300 !important;color:rgba(255,255,255,.7) !important;max-width:54ch !important;line-height:1.55 !important;margin-bottom:24px !important;}\n.inr-master .slot .geen{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:10px !important;margin-bottom:38px !important;}\n.inr-master .slot .geen span{font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.66) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:99px !important;padding:8px 16px !important;}\n.inr-master .slot .scroll-naar{display:inline-flex !important;align-items:center !important;gap:11px !important;font-size:16px !important;font-weight:500 !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;border-radius:99px !important;padding:16px 30px !important;position:relative !important;}\n.inr-master .slot .scroll-naar::after{content:'' !important;display:inline-block !important;width:8px !important;height:8px !important;border-right:1.6px solid rgba(255,255,255,.7) !important;border-bottom:1.6px solid rgba(255,255,255,.7) !important;transform:rotate(45deg) translateY(-2px) !important;animation:inrm-pijl 2s ease-in-out infinite !important;}\n@keyframes inrm-pijl{0%,100%{transform:rotate(45deg) translateY(-2px);}50%{transform:rotate(45deg) translateY(2px);}}\n.inr-master .slot .merk{margin-top:54px !important;display:inline-flex !important;align-items:center !important;gap:11px !important;font-weight:600 !important;font-size:16px !important;color:rgba(255,255,255,.6) !important;letter-spacing:.02em !important;}\n.inr-master .slot .merk .dot{width:9px !important;height:9px !important;border-radius:50% !important;background:#fff !important;}\n@media(max-width:820px){.inr-master .slot{min-height:auto !important;padding-top:90px !important;padding-bottom:90px !important;}}\n<\/style>\n<div class=\"slot-sec\" id=\"gesprek\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <span class=\"eyebrow\">Een gesprek over mogelijkheden<\/span>\n    <h2>Het begint niet met een overeenkomst. <span class=\"zacht\">Het begint met een gesprek.<\/span><\/h2>\n    <p>Een serieus gesprek tussen mensen die onderzoeken of er een wederzijdse match is. Over jouw ervaring, jouw markt en de organisatie die je mogelijk wilt bouwen.<\/p>\n    <div class=\"geen\"><span>Geen verkoopgesprek<\/span><span>Geen presentatie<\/span><span>Geen traject<\/span><\/div>\n    <div class=\"scroll-naar\">Scroll naar beneden om het gesprek te beginnen.<\/div>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Institute<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-master ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var root=document.querySelector('.inr-master');\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-master 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    if(!('IntersectionObserver' in window)){\n      els.forEach(function(e){e.classList.add('in');});\n    } else {\n      var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n      els.forEach(function(e){io.observe(e);});\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\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","protected":false},"excerpt":{"rendered":"<p>Je hebt al bewezen dat je kunt bouwen. De vraag is waaraan. Een Master past het model niet alleen toe, maar bouwt er een onderneming omheen. Een eigen organisatie, een eigen netwerk, een eigen positie in de markt, op een fundament dat normaal jaren kost om te ontwikkelen. Bouwen. Verbinden. Blijven. Ontdek of dit bij [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-75834","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75834","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=75834"}],"version-history":[{"count":1,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75834\/revisions"}],"predecessor-version":[{"id":80637,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/75834\/revisions\/80637"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=75834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}