<!-- Ilse Vermaat · loopbaan- en leiderschapscoach, Arnhem · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="ivm">
<div class="ivm__top"><div class="ivm__in ivm__top-in">
  <p class="ivm__top-txt">Kennismaken is gratis: dertig minuten, online of in Arnhem.</p>
  <p class="ivm__top-txt ivm__top-r"><a href="#">026 123 4567</a><span>Utrechtseweg 112, Arnhem</span></p>
</div></div>

<div class="ivm__head" role="banner"><div class="ivm__in ivm__head-in">
  <a href="#" class="ivm__logo" aria-label="Ilse Vermaat, naar home">Ilse Vermaat</a>
  <nav class="ivm__nav" aria-label="Hoofdmenu">
    <a href="#ivm-loopbaan">Loopbaan</a><a href="#ivm-leiding">Leiderschap</a><a href="#ivm-werkgevers">Werkgevers</a><a href="#ivm-tarieven">Tarieven</a><a href="#ivm-over">Over Ilse</a><a href="#ivm-plan">Contact</a>
  </nav>
  <a href="#ivm-plan" class="ivm__btn ivm__btn--head">Plan een kennismaking</a>
  <button class="ivm__menu-knop" type="button" aria-expanded="false" aria-controls="ivm-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="ivm__menu" id="ivm-menu" hidden>
  <a href="#ivm-loopbaan">Loopbaan</a><a href="#ivm-leiding">Leiderschap</a><a href="#ivm-werkgevers">Werkgevers</a><a href="#ivm-tarieven">Tarieven</a><a href="#ivm-over">Over Ilse</a><a href="#ivm-plan">Contact</a>
  <a href="#ivm-plan" class="ivm__btn">Plan een kennismaking</a>
</div>
</div>

<div class="ivm__hero">
  <div class="ivm__hero-txt">
    <h1 class="ivm__h1">Vastlopen is geen falen</h1>
    <p class="ivm__lead">Ik ben Ilse. Twintig jaar werkte ik in HR, de laatste zes als directeur bij een zorggroep. Nu help ik mensen die niet meer weten waarom ze doen wat ze doen. En leidinggevenden die net begonnen zijn en merken dat niemand ze vertelt hoe het moet.</p>
    <div class="ivm__acties"><a href="#ivm-plan" class="ivm__btn">Plan een kennismaking</a><a href="#ivm-verhalen" class="ivm__link">Lees wat klanten zeggen</a></div>
    <p class="ivm__eerst">Eerstvolgende vrije kennismaking: <strong class="ivm__eerst-dag">donderdag om 9:30</strong></p>
  </div>
  <div class="ivm__hero-foto"><img src="https://neddev.com/lab-media/site-coach-1.webp" alt="Ilse Vermaat bij het raam van haar praktijk" width="768" height="1376"></div>
</div>

<div class="ivm__route" id="ivm-loopbaan"><div class="ivm__in ivm__route-in">
  <img class="ivm__route-foto" src="https://neddev.com/lab-media/site-coach-4.webp" alt="Een man denkt na aan de keukentafel met een notitieboek en koffie" width="900" height="491" loading="lazy">
  <div class="ivm__route-txt">
    <h2 class="ivm__h2">Als je werk niet meer past</h2>
    <p class="ivm__p">Je doet je werk goed, maar het kost meer dan het oplevert. Of je baan is weg en je weet niet of je hetzelfde terug wilt. We zoeken uit wat je drijft, wat je kunt en wie daarom vraagt. Tussen de gesprekken krijg je opdrachten mee; dikke testrapporten krijg je niet.</p>
    <p class="ivm__prijsregel">Zes gesprekken van 75 minuten in ongeveer vier maanden · 1.290 euro</p>
  </div>
</div></div>

<div class="ivm__route ivm__route--om" id="ivm-leiding"><div class="ivm__in ivm__route-in">
  <div class="ivm__route-txt">
    <h2 class="ivm__h2">Net leidinggevende</h2>
    <p class="ivm__p">Gisteren collega, vandaag hun manager. Of al jaren leidinggevende en moe van het blussen. We werken met wat er deze week op je bord ligt: dat lastige gesprek, het team dat niet meebeweegt, je eigen agenda. Ik ken de zorg, het onderwijs en de overheid van binnenuit.</p>
    <p class="ivm__prijsregel">Acht gesprekken in een half jaar · 1.850 euro</p>
  </div>
  <img class="ivm__route-foto" src="https://neddev.com/lab-media/site-coach-5.webp" alt="Een jonge leidinggevende leidt een overleg met haar team" width="900" height="491" loading="lazy">
</div></div>

<div class="ivm__lopen">
  <img class="ivm__lopen-band" src="https://neddev.com/lab-media/site-coach-2.webp" alt="Twee mensen lopen en praten over een bospad in Park Sonsbeek in de herfst" width="900" height="491" loading="lazy">
  <div class="ivm__in ivm__lopen-in">
    <div class="ivm__lopen-txt">
      <h2 class="ivm__h2">Praten gaat beter lopend</h2>
      <p class="ivm__p">Wie wil, loopt met me door Park Sonsbeek of langs de Rijn. Naast elkaar in plaats van tegenover elkaar: dat maakt hardop denken makkelijker. Regent het, dan zitten we in de praktijkkamer aan de Utrechtseweg, met thee en uitzicht op de tuin.</p>
    </div>
    <img class="ivm__lopen-a" src="https://neddev.com/lab-media/site-coach-3.webp" alt="De praktijkkamer met twee leunstoelen, thee en planten" width="900" height="491" loading="lazy">
    <img class="ivm__lopen-b" src="https://neddev.com/lab-media/site-coach-11.webp" alt="Wandelpad langs de Rijn bij de John Frostbrug op een mistige ochtend" width="900" height="491" loading="lazy">
  </div>
</div>

<div class="ivm__verhalen" id="ivm-verhalen"><div class="ivm__in">
  <h2 class="ivm__h2">Wat het opleverde</h2>
  <div class="ivm__verhalen-in">
    <figure class="ivm__v ivm__v--groot">
      <img src="https://neddev.com/lab-media/site-coach-6b.webp" alt="Marloes Peters in een straat in Nijmegen" width="600" height="900" loading="lazy">
      <blockquote><p>Ik dacht dat ik een andere baan zocht. Het bleek dat ik binnen mijn eigen school iets anders wilde. Ik ben nu intern begeleider en ik heb weer zin in maandag.</p><footer>Marloes Peters, leerkracht, Nijmegen</footer></blockquote>
    </figure>
    <div class="ivm__v-rij">
      <figure class="ivm__v">
        <img src="https://neddev.com/lab-media/site-coach-7b.webp" alt="Gerard Hulshof aan de Rijnkade" width="768" height="1376" loading="lazy">
        <blockquote><p>Na dertig jaar bij hetzelfde ingenieursbureau werd mijn afdeling opgeheven. Ilse liet me zien wat ik allemaal had gedaan. Ik werk nu als zelfstandig adviseur.</p><footer>Gerard Hulshof, Ede</footer></blockquote>
      </figure>
      <blockquote class="ivm__v-los"><p>Als nieuwe teamleider wilde ik vooral aardig gevonden worden. Ilse vroeg wat dat mijn team kostte. Die vraag heeft me meer geleerd dan de hele leiderschapstraining.</p><footer>Aylin Demir, teamleider wijkverpleging, Arnhem</footer></blockquote>
    </div>
  </div>
</div></div>

<div class="ivm__werkgevers" id="ivm-werkgevers"><div class="ivm__in ivm__wg-in">
  <div class="ivm__duo ivm__duo--a"><img src="https://neddev.com/lab-media/site-coach-12.webp" alt="Een coachgesprek aan een ronde tafel in een vergaderruimte" width="900" height="491" loading="lazy"></div>
  <div class="ivm__wg-txt">
    <h2 class="ivm__h2">Voor werkgevers</h2>
    <p class="ivm__p">Veel cao's hebben een loopbaanbudget, en een traject dat de werkgever betaalt is meestal onbelast. Ik factureer rechtstreeks aan de organisatie. Wat we bespreken blijft tussen je medewerker en mij; jij hoort alleen dat het traject loopt en wanneer het klaar is.</p>
    <p class="ivm__p">Ik werk onder meer voor twee ziekenhuizen, vier gemeenten en een schoolbestuur in Gelderland.</p>
    <a href="#ivm-plan" class="ivm__link">Vraag een offerte voor je team</a>
  </div>
  <div class="ivm__duo ivm__duo--b"><img src="https://neddev.com/lab-media/site-coach-9.webp" alt="Twee paar handen om koffiekopjes naast een notitieboek" width="900" height="491" loading="lazy"></div>
</div></div>

<div class="ivm__tarieven" id="ivm-tarieven"><div class="ivm__in ivm__tar-in">
  <div>
    <h2 class="ivm__h2">Tarieven</h2>
    <p class="ivm__p">Bedragen voor particulieren, inclusief btw. Betaal je zelf, dan mag het in drie termijnen. Werkgevers krijgen een offerte.</p>
  </div>
  <ul class="ivm__lijst">
    <li><span class="ivm__l-naam">Kennismaking</span><span class="ivm__l-uitleg">Dertig minuten, online of in Arnhem</span><span class="ivm__l-prijs">Gratis</span></li>
    <li><span class="ivm__l-naam">Los gesprek</span><span class="ivm__l-uitleg">Vijfenzeventig minuten, ook lopend</span><span class="ivm__l-prijs">175 euro</span></li>
    <li><span class="ivm__l-naam">Loopbaantraject</span><span class="ivm__l-uitleg">Zes gesprekken, opdrachten en een verslag</span><span class="ivm__l-prijs">1.290 euro</span></li>
    <li><span class="ivm__l-naam">Leiderschapstraject</span><span class="ivm__l-uitleg">Acht gesprekken in een half jaar</span><span class="ivm__l-prijs">1.850 euro</span></li>
    <li><span class="ivm__l-naam">Teamsessie</span><span class="ivm__l-uitleg">Een dagdeel, maximaal twaalf mensen</span><span class="ivm__l-prijs">1.150 euro</span></li>
  </ul>
</div></div>

<div class="ivm__plan" id="ivm-plan"><div class="ivm__in ivm__plan-in">
  <div class="ivm__plan-intro">
    <h2 class="ivm__h2">Plan een kennismaking</h2>
    <p class="ivm__p">Dertig minuten, gratis en zonder verplichting. Kies wat bij je past; je krijgt direct een bevestiging per mail.</p>
    <img src="https://neddev.com/lab-media/site-coach-10.webp" alt="Ilse maakt aantekeningen in een leunstoel bij het raam" width="900" height="491" loading="lazy">
  </div>
  <form class="ivm__form" novalidate>
    <fieldset><legend>Waar gaat het over?</legend>
      <div class="ivm__keus" role="radiogroup" aria-label="Onderwerp">
        <button type="button" role="radio" aria-checked="true" data-v="je loopbaan">Mijn loopbaan</button><button type="button" role="radio" aria-checked="false" data-v="leidinggeven">Leidinggeven</button><button type="button" role="radio" aria-checked="false" data-v="je team">Iets voor mijn team</button>
      </div>
    </fieldset>
    <fieldset><legend>Welke dag?</legend><div class="ivm__dagen" role="radiogroup" aria-label="Dag"></div></fieldset>
    <fieldset><legend>Hoe laat?</legend><div class="ivm__tijden" role="radiogroup" aria-label="Tijd"></div></fieldset>
    <fieldset><legend>Waar?</legend>
      <div class="ivm__keus" role="radiogroup" aria-label="Plek">
        <button type="button" role="radio" aria-checked="true" data-v="online, via een videolink">Online</button><button type="button" role="radio" aria-checked="false" data-v="in de praktijk aan de Utrechtseweg">In Arnhem</button><button type="button" role="radio" aria-checked="false" data-v="lopend, we starten bij de ingang van Park Sonsbeek">Lopend in Sonsbeek</button>
      </div>
    </fieldset>
    <div class="ivm__velden">
      <label>Je naam<input type="text" name="naam" autocomplete="name" required></label>
      <label>E-mail<input type="email" name="mail" autocomplete="email" required></label>
    </div>
    <p class="ivm__zin" aria-live="polite"></p>
    <button type="submit" class="ivm__btn">Vastleggen</button>
    <p class="ivm__fout" hidden>Vul je naam en een geldig e-mailadres in.</p>
  </form>
</div></div>

<div class="ivm__over" id="ivm-over"><div class="ivm__in ivm__over-in">
  <img class="ivm__over-foto" src="https://neddev.com/lab-media/site-coach-8.webp" alt="De witte villa aan de Utrechtseweg met groene voordeur" width="900" height="491" loading="lazy">
  <div>
    <h2 class="ivm__h2">Over Ilse</h2>
    <p class="ivm__p">Opgegroeid in Doetinchem, arbeids- en organisatiepsychologie gestudeerd in Nijmegen. Twintig jaar HR, waarvan zes als directeur bij een zorggroep met 2.400 medewerkers. Nu coach, met een praktijk in een villa aan de Utrechtseweg.</p>
    <p class="ivm__p">Ik ben geregistreerd loopbaanprofessional bij Noloc en geaccrediteerd coach bij de NOBCO, en val onder de beroepscode en klachtenregeling van beide.</p>
  </div>
  <div class="ivm__faq">
    <details><summary>Betaalt mijn werkgever dit?</summary><p>Vaak wel. Vraag naar het loopbaanbudget in je cao of naar het opleidingsbudget. Ik stuur je een offerte die je kunt doorsturen.</p></details>
    <details><summary>Hoe lang duurt een traject?</summary><p>Meestal vier tot zes maanden. Tussen de gesprekken zitten drie tot vier weken, zodat je kunt uitproberen wat we bedenken.</p></details>
    <details><summary>Kan het helemaal online?</summary><p>Ja. Ongeveer een derde van mijn klanten zie ik alleen via video.</p></details>
    <details><summary>Ik zit thuis met burn-outklachten. Is dit iets voor mij?</summary><p>Eerst herstellen, met je huisarts of bedrijfsarts. Coaching helpt pas als er weer ruimte is om vooruit te kijken. Twijfel je, bel dan even.</p></details>
  </div>
</div></div>

<div class="ivm__voet" role="contentinfo"><div class="ivm__in">
  <div class="ivm__voet-kol">
    <div><p class="ivm__voet-logo">Ilse Vermaat</p><p>Utrechtseweg 112<br>6812 AL Arnhem<br><a href="#">026 123 4567</a><br><a href="mailto:ilse@voorbeeld.nl">ilse@voorbeeld.nl</a></p></div>
    <div><p class="ivm__voet-kop">Coaching</p><a href="#">Loopbaancoaching</a><a href="#">Leiderschap</a><a href="#">Wandelcoaching</a><a href="#">Teamsessies</a></div>
    <div><p class="ivm__voet-kop">Praktijk</p><a href="#">Over Ilse</a><a href="#">Tarieven</a><a href="#">Klachtenregeling</a><a href="#">Blog</a></div>
  </div>
  <p class="ivm__voet-regel">Ilse Vermaat Coaching · KvK 75123456 · btw NL002345678B01 · Register Loopbaanprofessional Noloc · NOBCO-geaccrediteerd · <a href="#">Privacy</a> · <a href="#">Voorwaarden</a></p>
</div></div>
</div>
</div>

/* Ilse Vermaat · loopbaan- en leiderschapscoach, Arnhem · NedDev · eigen werk. */
/* fonts (Fontshare): excon@700 + switzer@400 */
.ivm{--bg:#0D5C63;--opp:#126A72;--tekst:#F2FBFA;--gedempt:#C6E3E2;--lijn:#2D7A80;--accent:#F9C74F;--op-accent:#000000;--r:8px;--fs1:14px;--fs2:16px;--fs3:20px;--fs4:28px;--fs5:48px;--fs6:84px;--sectie:clamp(64px,7vw,112px);--gat:clamp(24px,3vw,48px);--kader:1660px;--lees:720px;--zij:20px;
  container-type:inline-size;background:var(--bg);color:var(--tekst);font-family:'Switzer',sans-serif;font-weight:400;font-size:var(--fs2);line-height:1.6;-webkit-font-smoothing:antialiased}
.ivm *{box-sizing:border-box}
.ivm [hidden]{display:none!important}
.ivm a{color:inherit}
.ivm img{display:block;max-width:100%;height:auto}
.ivm__in{max-width:var(--kader);margin:0 auto;padding:0 clamp(var(--zij),4vw,64px)}
.ivm__top{border-bottom:1px solid var(--lijn)}
.ivm__top-in{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.ivm__top-txt{margin:0;font-size:var(--fs1);color:var(--gedempt)}
.ivm__top-r{display:flex;gap:20px;white-space:nowrap}
.ivm__top-r a{color:var(--tekst);text-underline-offset:3px}
.ivm__head{position:sticky;top:0;z-index:20}
.ivm__head-in{display:flex;align-items:center;gap:36px;height:76px;background:var(--bg)}
.ivm__logo{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs3);text-decoration:none;letter-spacing:-.01em}
.ivm__nav{display:flex;gap:28px;margin-left:auto}
.ivm__nav a{text-decoration:none;color:var(--gedempt);transition:color .18s}
.ivm__nav a:hover{color:var(--accent)}
.ivm__btn{display:inline-block;background:var(--accent);color:var(--op-accent)!important;text-decoration:none;font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs2);padding:14px 24px;border-radius:var(--r);border:0;cursor:pointer;transition:background-color .18s}
.ivm__btn:hover{background:#FFD873}
.ivm__btn--head{padding:11px 18px}
.ivm__menu-knop{display:none;width:44px;height:44px;background:none;border:1px solid var(--lijn);border-radius:var(--r);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-left:auto}
.ivm__menu-knop span{display:block;width:18px;height:2px;background:var(--tekst)}
.ivm__menu{background:var(--bg);border-bottom:1px solid var(--lijn);padding:8px var(--zij) 20px}
.ivm__menu a{display:block;padding:12px 0;font-size:var(--fs3);text-decoration:none;border-bottom:1px solid var(--lijn)}
.ivm__menu .ivm__btn{text-align:center;margin-top:16px;border-bottom:0}
.ivm__hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);min-height:620px;max-width:var(--kader);margin:0 auto}
.ivm__hero-txt{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(var(--zij),4vw,64px)}
.ivm__h1{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs6);line-height:.98;letter-spacing:-.03em;margin:0 0 28px;max-width:8em}
.ivm__lead{font-size:var(--fs3);color:var(--gedempt);margin:0 0 34px;max-width:32em}
.ivm__acties{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.ivm__link{display:inline-block;padding:10px 0;font-weight:400;text-underline-offset:6px;transition:color .18s}
.ivm__link:hover{color:var(--accent)}
.ivm__eerst{margin:40px 0 0;color:var(--gedempt);font-size:var(--fs1)}
.ivm__eerst strong{color:var(--tekst);font-weight:400}
.ivm__hero-foto{position:relative;overflow:hidden;min-height:520px}
.ivm .ivm__hero-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.ivm__h2{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs5);line-height:1.04;letter-spacing:-.02em;margin:0 0 22px}
.ivm__p{color:var(--gedempt);margin:0 0 18px;max-width:var(--lees)}
.ivm__prijsregel{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--lijn);color:var(--tekst);max-width:var(--lees)}
.ivm__route{padding:calc(var(--sectie) * .6) 0 0}
.ivm__route-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,88px);align-items:center}
.ivm__route--om .ivm__route-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.ivm .ivm__route-foto{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r)}
.ivm__lopen{padding:var(--sectie) 0}
.ivm .ivm__lopen-band{width:100%;height:clamp(240px,24vw,340px);object-fit:cover;object-position:50% 60%}
.ivm__lopen-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:var(--gat);align-items:start;margin-top:8px}
.ivm__lopen-txt{padding:40px 24px 0 0}
.ivm .ivm__lopen-a,.ivm .ivm__lopen-b{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);margin-top:24px}
.ivm .ivm__lopen-b{margin-top:88px}
.ivm__verhalen{padding:0 0 var(--sectie)}
.ivm__verhalen-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);margin-top:20px}
.ivm__v{margin:0}
.ivm__v blockquote,.ivm__v-los{margin:0}
.ivm__v p,.ivm__v-los p{margin:0 0 14px}
.ivm__v footer,.ivm__v-los footer{color:var(--gedempt);font-size:var(--fs1)}
.ivm__v--groot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--gat);align-items:end}
.ivm .ivm__v--groot img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
.ivm__v--groot p{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs4);line-height:1.25}
.ivm__v-rij{display:flex;flex-direction:column;gap:48px;padding-top:40px}
.ivm__v-rij .ivm__v{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}
.ivm .ivm__v-rij img{width:120px;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r)}
.ivm__v-los{border-top:1px solid var(--lijn);padding-top:28px}
.ivm__werkgevers{background:var(--opp);padding:var(--sectie) 0}
.ivm__wg-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3fr);gap:var(--gat);align-items:center}
.ivm__duo{position:relative;background:var(--accent);border-radius:var(--r);overflow:hidden}
.ivm .ivm__duo img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply}
.ivm__duo::after{content:"";position:absolute;inset:0;background:var(--bg);mix-blend-mode:lighten;pointer-events:none}
.ivm__duo--b{align-self:end}
.ivm .ivm__duo--b img{aspect-ratio:3/4}
.ivm__tarieven{padding:var(--sectie) 0}
.ivm__tar-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--gat)}
.ivm__lijst{list-style:none;margin:0;padding:0;border-top:1px solid var(--gedempt)}
.ivm__lijst li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(100px,auto);gap:6px 24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--lijn)}
.ivm__l-naam{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs3)}
.ivm__l-uitleg{color:var(--gedempt)}
.ivm__l-prijs{text-align:right;white-space:nowrap}
.ivm__plan{background:#F2FBFA;color:#0B2F33;padding:var(--sectie) 0}
.ivm__plan .ivm__p{color:#2F5458}
.ivm__plan-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,110px);align-items:start}
.ivm .ivm__plan-intro img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);margin-top:28px}
.ivm__form{display:flex;flex-direction:column;gap:26px}
.ivm__form fieldset{border:0;margin:0;padding:0}
.ivm__form legend{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs3);margin-bottom:12px;padding:0}
.ivm__keus,.ivm__dagen,.ivm__tijden{display:flex;flex-wrap:wrap;gap:8px}
.ivm__form [role=radio]{font:inherit;font-size:var(--fs2);background:#fff;color:#0B2F33;border:1px solid #9DC4C3;border-radius:var(--r);padding:11px 16px;cursor:pointer;transition:border-color .18s,background-color .18s;min-height:44px}
.ivm__form [role=radio]:hover{border-color:var(--bg)}
.ivm__form [role=radio][aria-checked=true]{background:var(--bg);border-color:var(--bg);color:#fff}
.ivm__form [role=radio]:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.ivm__dagen [role=radio]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;padding:10px 14px}
.ivm__dagen [role=radio] small{font-size:var(--fs1);opacity:.8}
.ivm__velden{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ivm__velden label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs1);color:#2F5458}
.ivm__velden input{font:inherit;font-size:var(--fs2);border:1px solid #9DC4C3;border-radius:var(--r);padding:12px;min-height:48px;background:#fff;color:#0B2F33}
.ivm__velden input:focus,.ivm__form [role=radio]:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.ivm__velden input[aria-invalid=true]{border-color:#B3261E}
.ivm__zin{margin:0;font-size:var(--fs3);line-height:1.45;padding:18px 0;border-top:1px solid #C6DCDB;border-bottom:1px solid #C6DCDB}
.ivm__form .ivm__btn{align-self:flex-start;background:var(--bg);color:#fff!important}
.ivm__form .ivm__btn:hover{background:#0A4A50}
.ivm__fout{margin:0;color:#B3261E}
.ivm__over{padding:var(--sectie) 0}
.ivm__over-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,4fr);gap:var(--gat);align-items:start}
.ivm .ivm__over-foto{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r)}
.ivm__faq details{border-bottom:1px solid var(--lijn)}
.ivm__faq details:first-child{border-top:1px solid var(--lijn)}
.ivm__faq summary{cursor:pointer;padding:16px 28px 16px 0;list-style:none;position:relative}
.ivm__faq summary::-webkit-details-marker{display:none}
.ivm__faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:var(--fs3);color:var(--accent)}
.ivm__faq details[open] summary::after{content:"\2212"}
.ivm__faq details p{margin:0 0 18px;color:var(--gedempt)}
.ivm__voet{border-top:1px solid var(--lijn);padding:64px 0 32px;font-size:var(--fs1)}
.ivm__voet-kol{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--gat);padding-bottom:40px;border-bottom:1px solid var(--lijn)}
.ivm__voet-kol p{margin:0;color:var(--gedempt)}
.ivm__voet-kol a{display:block;padding:5px 0;text-decoration:none;color:var(--gedempt);transition:color .18s}
.ivm__voet-kol a:hover{color:var(--accent)}
.ivm__voet-logo{font-family:'Excon',sans-serif;font-weight:700;font-size:var(--fs3);color:var(--tekst)!important;margin-bottom:12px!important}
.ivm__voet-kop{color:var(--tekst)!important;margin-bottom:8px!important}
.ivm__voet-regel{margin:24px 0 0;color:var(--gedempt)}
@container (max-width:1100px){.ivm__nav{gap:20px}.ivm__btn--head{display:none}}
@container (max-width:900px){
  .ivm__nav{display:none}.ivm__menu-knop{display:flex}
  .ivm__top-txt:first-child{display:none}.ivm__top-in{justify-content:flex-end}
  .ivm__hero{grid-template-columns:minmax(0,1fr)}.ivm__hero-foto{order:-1;min-height:420px}
  .ivm__route-in,.ivm__route--om .ivm__route-in,.ivm__verhalen-in,.ivm__tar-in,.ivm__plan-in{grid-template-columns:minmax(0,1fr)}
  .ivm__route--om .ivm__route-foto{order:-1}
  .ivm__lopen-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:0}.ivm__lopen-txt{grid-column:1/-1;padding:32px 0 0}
  .ivm .ivm__lopen-a,.ivm .ivm__lopen-b{margin-top:0}
  .ivm__wg-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ivm__wg-txt{grid-column:1/-1;order:-1}
  .ivm__over-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ivm__faq{grid-column:1/-1}
}
@container (max-width:560px){
  .ivm>*{--fs5:34px;--fs6:48px;--fs4:22px}
  .ivm__top-r span{display:none}
  .ivm__head-in{height:64px}
  .ivm__hero-txt{padding:36px var(--zij) 48px}
  .ivm__v--groot{grid-template-columns:minmax(0,1fr)}
  .ivm .ivm__v--groot img{aspect-ratio:4/5}
  .ivm__v-rij .ivm__v{grid-template-columns:88px minmax(0,1fr)}.ivm .ivm__v-rij img{width:88px}
  .ivm__lijst li{grid-template-columns:minmax(0,1fr) auto}.ivm__l-uitleg{grid-column:1/-1;grid-row:2}
  .ivm__velden{grid-template-columns:minmax(0,1fr)}
  .ivm__over-in{grid-template-columns:minmax(0,1fr)}
  .ivm__voet-kol{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ivm__voet-kol>div:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.ivm *{transition:none!important}}

// Ilse Vermaat · loopbaan- en leiderschapscoach, Arnhem · NedDev · eigen werk.
// root = het element waarin de HTML staat
function init(root){
var s=root.querySelector('.ivm');if(!s)return;
var knop=s.querySelector('.ivm__menu-knop'),menu=s.querySelector('.ivm__menu');
knop.addEventListener('click',function(){var open=menu.hidden;menu.hidden=!open;knop.setAttribute('aria-expanded',String(open));knop.setAttribute('aria-label',open?'Menu sluiten':'Menu openen');});
menu.addEventListener('click',function(e){if(e.target.closest('a')){menu.hidden=true;knop.setAttribute('aria-expanded','false');knop.setAttribute('aria-label','Menu openen');}});
var TIJDEN=['8:30','9:30','12:30','16:00','17:00'];
function bezet(d,t){var h=(d.getDate()*7+d.getMonth()*3+TIJDEN.indexOf(t)*5)%9;return h<3;}
var dagenEl=s.querySelector('.ivm__dagen'),tijdenEl=s.querySelector('.ivm__tijden'),zin=s.querySelector('.ivm__zin');
var dagen=[],d=new Date();d.setHours(12,0,0,0);
while(dagen.length<8){d.setDate(d.getDate()+1);var w=d.getDay();if(w!==0&&w!==6&&w!==3)dagen.push(new Date(d));}
var keuze={onderwerp:'je loopbaan',plek:'online, via een videolink',dag:null,tijd:null};
function dagNaam(x){return x.toLocaleDateString('nl-NL',{weekday:'long',day:'numeric',month:'long'});}
function radio(groep,knopje){groep.querySelectorAll('[role=radio]').forEach(function(b){b.setAttribute('aria-checked',String(b===knopje));});}
function vulTijden(){tijdenEl.innerHTML='';var eerste=null;TIJDEN.forEach(function(t){var b=document.createElement('button');b.type='button';b.setAttribute('role','radio');b.textContent=t;var vol=bezet(keuze.dag,t);b.disabled=vol;b.setAttribute('aria-checked','false');if(vol)b.setAttribute('aria-label',t+', bezet');else if(!eerste)eerste=b;b.addEventListener('click',function(){keuze.tijd=t;radio(tijdenEl,b);schrijf();});tijdenEl.appendChild(b);});
  if(eerste){keuze.tijd=eerste.textContent;radio(tijdenEl,eerste);}else keuze.tijd=null;}
dagen.forEach(function(x,i){var b=document.createElement('button');b.type='button';b.setAttribute('role','radio');b.setAttribute('aria-checked',String(i===0));var n=x.toLocaleDateString('nl-NL',{weekday:'short'});b.innerHTML=n.charAt(0).toUpperCase()+n.slice(1)+' <small>'+x.getDate()+' '+x.toLocaleDateString('nl-NL',{month:'short'})+'</small>';b.addEventListener('click',function(){keuze.dag=x;radio(dagenEl,b);vulTijden();schrijf();});dagenEl.appendChild(b);});
keuze.dag=dagen[0];vulTijden();
var vrij=s.querySelector('.ivm__eerst-dag');if(vrij&&keuze.tijd)vrij.textContent=dagNaam(dagen[0])+' om '+keuze.tijd;
s.querySelectorAll('.ivm__keus').forEach(function(g,gi){g.querySelectorAll('[role=radio]').forEach(function(b){b.addEventListener('click',function(){radio(g,b);if(gi===0)keuze.onderwerp=b.getAttribute('data-v');else keuze.plek=b.getAttribute('data-v');schrijf();});});});
function schrijf(){zin.textContent=keuze.tijd?('We spreken elkaar '+dagNaam(keuze.dag)+' om '+keuze.tijd+' over '+keuze.onderwerp+', '+keuze.plek+'.'):'Op deze dag is alles bezet. Kies een andere dag.';}
schrijf();
var f=s.querySelector('.ivm__form'),fout=s.querySelector('.ivm__fout');
f.addEventListener('submit',function(e){e.preventDefault();var okN=!!f.naam.value.trim(),okM=/.+@.+\..+/.test(f.mail.value);f.naam.setAttribute('aria-invalid',String(!okN));f.mail.setAttribute('aria-invalid',String(!okM));fout.hidden=okN&&okM&&!!keuze.tijd;if(!fout.hidden)return;
  [].slice.call(f.children).forEach(function(c){if(c!==zin)c.hidden=true;});zin.textContent='Staat genoteerd, '+f.naam.value.trim().split(' ')[0]+'. '+dagNaam(keuze.dag).replace(/^./,function(c){return c.toUpperCase();})+' om '+keuze.tijd+', '+keuze.plek+'. De bevestiging staat in je mail op '+f.mail.value.trim()+'.';});
}
init(document.querySelector('.jouw-container'));