Dierenkliniek De Waal · dierenarts, Zaltbommel New

<!-- Dierenkliniek De Waal · dierenarts, Zaltbommel · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie -->
<div class="jouw-container">
<div class="dkw">
<div class="dkw__top"><div class="dkw__in dkw__top-in">
  <p>Spoed buiten openingstijden: <a href="tel:+31418123499">0418 123 499</a>, dag en nacht.</p>
  <p class="dkw__top-r dkw__open">Maandag tot vrijdag 8:00 tot 18:00</p>
</div></div>

<div class="dkw__head" role="banner"><div class="dkw__in dkw__head-in">
  <a href="#" class="dkw__logo" aria-label="Dierenkliniek De Waal, naar home">Dierenkliniek De Waal</a>
  <nav class="dkw__nav" aria-label="Hoofdmenu">
    <a href="#dkw-tijden">Afspraak</a><a href="#dkw-spoed">Spoed</a><a href="#dkw-behandelingen">Behandelingen</a><a href="#dkw-pup">Pup en kitten</a><a href="#dkw-team">Team</a><a href="#dkw-praktijk">Praktijk</a>
  </nav>
  <button class="dkw__menu-knop" type="button" aria-expanded="false" aria-controls="dkw-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="dkw__menu" id="dkw-menu" hidden>
  <a href="#dkw-tijden">Afspraak</a><a href="#dkw-spoed">Spoed</a><a href="#dkw-behandelingen">Behandelingen</a><a href="#dkw-pup">Pup en kitten</a><a href="#dkw-team">Team</a><a href="#dkw-praktijk">Praktijk</a>
</div>
</div>

<div class="dkw__in dkw__hero">
  <div class="dkw__hero-tx">
    <h1 class="dkw__h1">Is het spoed, of kan het wachten?</h1>
    <p class="dkw__lead">Vier dierenartsen in Zaltbommel voor hond, kat, konijn en knaagdier. Hiernaast ziet u wie er vandaag en morgen nog tijd heeft.</p>
    <p class="dkw__spoednr">Spoed? Bel <a href="tel:+31418123499">0418 123 499</a></p>
    <p class="dkw__klein">Ook 's nachts en in het weekend neemt een van onze eigen dierenartsen op.</p>
  </div>
  <div class="dkw__tijden" id="dkw-tijden">
    <p class="dkw__tijden-kop">Vrij in het spreekuur</p>
    <div class="dkw__dagen"></div>
    <div class="dkw__gekozen" aria-live="polite">
      <p class="dkw__gekozen-tx">Tik op een vrije tijd.</p>
      <a href="#dkw-afspraak" class="dkw__knop" hidden>Leg deze tijd vast</a>
    </div>
  </div>
</div>

<div class="dkw__wijzer" id="dkw-spoed"><div class="dkw__in dkw__wijzer-in">
  <div class="dkw__wijzer-kies">
    <h2 class="dkw__h2">Spoed of afspraak</h2>
    <div class="dkw__dier" role="group" aria-label="Welk dier">
      <label><input type="radio" name="dkw-dier" value="hond" checked><span>Hond</span></label>
      <label><input type="radio" name="dkw-dier" value="kat"><span>Kat</span></label>
      <label><input type="radio" name="dkw-dier" value="konijn"><span>Konijn of knaagdier</span></label>
    </div>
    <div class="dkw__klachten" role="group" aria-label="Wat is er aan de hand"></div>
    <p class="dkw__klein dkw__wijzer-noot">Deze wijzer vervangt geen dierenarts. Twijfelt u, of wordt het erger, bel dan altijd.</p>
  </div>
  <div class="dkw__advies" aria-live="polite">
    <p class="dkw__advies-kop">Kies wat u ziet</p>
    <p class="dkw__advies-tx">Dan zeggen we of u nu moet bellen, vandaag moet komen of een afspraak kunt maken. Twijfelt u, bel dan altijd.</p>
    <a class="dkw__knop dkw__advies-knop" href="#dkw-tijden" hidden></a>
  </div>
</div></div>

<div class="dkw__in dkw__beh" id="dkw-behandelingen">
  <div class="dkw__beh-lijst">
    <h2 class="dkw__h2">Wat we doen, en wat het kost</h2>
    <p class="dkw__beh-intro">Prijzen inclusief btw. Medicijnen en een nacht opname rekenen we apart; dat hoort u altijd vooraf.</p>
    <ul>
      <li><button type="button" data-foto="1" aria-pressed="true"><span class="dkw__beh-n">Consult</span><span class="dkw__beh-p">€ 48,50</span><span class="dkw__beh-t">Twintig minuten, ook voor een tweede mening.</span></button></li>
      <li><button type="button" data-foto="2" aria-pressed="false"><span class="dkw__beh-n">Vaccinatie en jaarcontrole</span><span class="dkw__beh-p">€ 62,00</span><span class="dkw__beh-t">Met gewicht, gebit, hart en huid, en een herinnering per mail.</span></button></li>
      <li><button type="button" data-foto="9" aria-pressed="false"><span class="dkw__beh-n">Gebitsbehandeling</span><span class="dkw__beh-p">vanaf € 245</span><span class="dkw__beh-t">Onder narcose, met röntgenfoto's van elke wortel.</span></button></li>
      <li><button type="button" data-foto="6" aria-pressed="false"><span class="dkw__beh-n">Echo van buik of hart</span><span class="dkw__beh-p">€ 95 tot € 165</span><span class="dkw__beh-t">Meestal zonder verdoving; de uitslag krijgt u meteen.</span></button></li>
      <li><button type="button" data-foto="5" aria-pressed="false"><span class="dkw__beh-n">Castratie en sterilisatie</span><span class="dkw__beh-p">kater € 98, poes € 235</span><span class="dkw__beh-t">'s Ochtends brengen, aan het eind van de middag weer mee naar huis.</span></button></li>
      <li><button type="button" data-foto="4" aria-pressed="false"><span class="dkw__beh-n">Konijnen en knaagdieren</span><span class="dkw__beh-p">€ 42,50</span><span class="dkw__beh-t">Iris heeft zich erin gespecialiseerd, tot en met de tanden van cavia's.</span></button></li>
    </ul>
  </div>
  <div class="dkw__beh-beeld">
    <img src="https://neddev.com/lab-media/site-dierenarts-1.webp" alt="Dierenarts onderzoekt een golden retriever op de behandeltafel" width="1408" height="768" loading="lazy">
  </div>
</div>

<div class="dkw__pup" id="dkw-pup"><div class="dkw__in dkw__pup-in">
  <img src="https://neddev.com/lab-media/site-dierenarts-8.webp" alt="Paraveterinair houdt een pup vast voor de vaccinatie" width="900" height="491" loading="lazy">
  <div class="dkw__pup-tx">
    <h2 class="dkw__h2">Pup of kitten in huis</h2>
    <p>Vul de geboortedatum in; dan ziet u wanneer de entingen vallen. Bij de eerste afspraak nemen we ook voeding, ontwormen en vlooien door.</p>
    <form class="dkw__pup-form" novalidate>
      <div class="dkw__dier" role="group" aria-label="Pup of kitten">
        <label><input type="radio" name="soort" value="pup" checked><span>Pup</span></label>
        <label><input type="radio" name="soort" value="kitten"><span>Kitten</span></label>
      </div>
      <label class="dkw__veld">Geboortedatum<input type="date" name="geb"></label>
    </form>
    <ul class="dkw__schema" aria-live="polite"></ul>
  </div>
</div></div>

<div class="dkw__in dkw__team" id="dkw-team">
  <h2 class="dkw__h2 dkw__team-h">Wie u ziet</h2>
  <figure class="dkw__arts dkw__arts--a">
    <img src="https://neddev.com/lab-media/site-dierenarts-10.webp" alt="Dierenarts Sanne de Wit in de gang van de kliniek" width="768" height="1376" loading="lazy">
    <figcaption><h3 class="dkw__h3">Sanne de Wit</h3><p>Dierenarts sinds 2011, doet de echo's en de hartonderzoeken.</p>
    <blockquote><p>Sanne zag op de echo wat twee andere praktijken misten. Bobby is nu twaalf.</p><footer>Marjan, Brakel</footer></blockquote></figcaption>
  </figure>
  <figure class="dkw__arts dkw__arts--b">
    <img src="https://neddev.com/lab-media/site-dierenarts-11.webp" alt="Dierenarts Ruben Verhoeven met een kat in zijn armen" width="768" height="1376" loading="lazy">
    <figcaption><h3 class="dkw__h3">Ruben Verhoeven</h3><p>Chirurg van de praktijk en de man die katten rustig krijgt.</p>
    <blockquote><p>Hij nam alle tijd om met mijn dochter afscheid te nemen van Pip. Dat vergeten we niet.</p><footer>Erik, Zaltbommel</footer></blockquote></figcaption>
  </figure>
  <div class="dkw__team-tx">
    <p>Verder in het team: dierenarts Iris Kok voor konijnen en knaagdieren, en de paraveterinairen Femke, Lotte en Bas aan de balie en bij de operaties.</p>
    <img src="https://neddev.com/lab-media/site-dierenarts-13.webp" alt="Oude labrador rust op een deken in de uitslaapkamer" width="900" height="491" loading="lazy">
    <p class="dkw__klein">Na een operatie ligt uw dier in de uitslaapkamer, met iemand erbij tot het wakker is. Gemiddeld een 9,3 van 486 eigenaren op Google.</p>
  </div>
</div>

<div class="dkw__praktijk" id="dkw-praktijk"><div class="dkw__in dkw__praktijk-in">
  <div class="dkw__beelden">
    <img class="dkw__b1" src="https://neddev.com/lab-media/site-dierenarts-12.webp" alt="Laag bakstenen gebouw van de kliniek met fietsen ervoor" width="900" height="491" loading="lazy">
    <img class="dkw__b2" src="https://neddev.com/lab-media/site-dierenarts-3.webp" alt="Wachtkamer met houten banken, een hond en een kattenmand" width="900" height="491" loading="lazy">
    <img class="dkw__b3" src="https://neddev.com/lab-media/site-dierenarts-7.webp" alt="Eigenaar loopt met een border collie de straat uit" width="900" height="491" loading="lazy">
    <img class="dkw__b4" src="https://neddev.com/lab-media/site-dierenarts-5.webp" alt="Operatiekamer met tafel, lamp en monitoren" width="900" height="491" loading="lazy">
    <img class="dkw__b5" src="https://neddev.com/lab-media/site-dierenarts-9.webp" alt="Dierenarts bekijkt het gebit van een terriër" width="900" height="491" loading="lazy">
  </div>
  <div class="dkw__afspraak" id="dkw-afspraak">
    <h2 class="dkw__h2">Afspraak maken</h2>
    <form class="dkw__form" novalidate>
      <label class="dkw__veld">Uw naam<input name="naam" autocomplete="name"></label>
      <label class="dkw__veld">Telefoon<input name="tel" type="tel" autocomplete="tel"></label>
      <label class="dkw__veld">Naam en soort dier<input name="dier" placeholder="Bobby, labrador"></label>
      <label class="dkw__veld">Tijd<input name="tijd" readonly placeholder="Kies bovenaan een vrije tijd"></label>
      <label class="dkw__veld dkw__veld--breed">Wat is er aan de hand?<textarea name="wat" rows="3"></textarea></label>
      <p class="dkw__fout" role="alert" hidden>Vul uw naam, een telefoonnummer en een tijd in.</p>
      <button class="dkw__knop" type="submit">Afspraak vastleggen</button>
      <p class="dkw__klaar" role="status" hidden></p>
    </form>
    <div class="dkw__adres">
      <p>Van Heemstraweg 14, 5301 PA Zaltbommel. Eigen parkeerplaats; katten hebben een aparte wachtkamer. Vanaf station Zaltbommel is het twaalf minuten lopen. Liever bellen voor een afspraak? 0418 123 456, op werkdagen vanaf 8:00.</p>
      <ul class="dkw__uren">
        <li data-dag="1">Maandag 8:00 tot 18:00</li><li data-dag="2">Dinsdag 8:00 tot 18:00</li><li data-dag="3">Woensdag 8:00 tot 18:00</li><li data-dag="4">Donderdag 8:00 tot 20:00</li><li data-dag="5">Vrijdag 8:00 tot 18:00</li><li data-dag="6">Zaterdag 9:00 tot 12:00</li><li data-dag="0">Zondag alleen spoed</li>
      </ul>
    </div>
  </div>
</div></div>

<div class="dkw__voet" role="contentinfo"><div class="dkw__in dkw__voet-in">
  <p>Dierenkliniek De Waal B.V., Van Heemstraweg 14, 5301 PA Zaltbommel, <a href="mailto:balie@voorbeeld.nl">balie@voorbeeld.nl</a>, 0418 123 456. KvK 64123789, btw NL855123456B01. Lid van de KNMvD, gecertificeerd als kattenvriendelijke praktijk.</p>
  <p class="dkw__voet-links"><a href="#">Tarieven</a> <a href="#">Privacy</a> <a href="#">Klachten</a></p>
</div></div>
</div>
</div>

/* Dierenkliniek De Waal · dierenarts, Zaltbommel · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie */
/* fonts (Fontshare): satoshi@400,700 */
.dkw{--bg:#F6D5CC;--opp:#FFFFFF;--tekst:#2A1210;--gedempt:#653D37;--lijn:#E8BDB2;--accent:#1E3A8A;--op-accent:#FFFFFF;--r:0;--fs1:14px;--fs2:16px;--fs3:20px;--fs4:28px;--fs5:48px;--fs6:84px;--sectie:clamp(80px,10vw,144px);--gat:clamp(24px,3vw,48px);--kader:1660px;--lees:720px;
  background:var(--bg);color:var(--tekst);font-family:'Satoshi',sans-serif;font-weight:400;font-size:var(--fs2);line-height:1.6;-webkit-font-smoothing:antialiased}
.dkw *,.dkw *::before,.dkw *::after{box-sizing:border-box}
.dkw [hidden]{display:none!important}
.dkw img{display:block;max-width:100%;height:auto}
.dkw p{margin:0}
.dkw a{color:inherit}
.dkw__in{max-width:var(--kader);margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.dkw__h1,.dkw__h2,.dkw__h3{font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.04}
.dkw__h1{font-size:clamp(44px,6.2vw,var(--fs6))}
.dkw__h2{font-size:var(--fs5);margin-bottom:var(--gat)}
.dkw__h3{font-size:var(--fs4);margin:18px 0 6px}
.dkw .dkw__knop{display:inline-block;background:var(--accent);color:var(--op-accent);font:700 var(--fs2)/1 'Satoshi',sans-serif;padding:16px 22px;border:0;border-radius:var(--r);text-decoration:none;cursor:pointer;transition:background-color .18s}
.dkw .dkw__knop:hover{background:#142A6B}
.dkw a:focus-visible,.dkw button:focus-visible,.dkw input:focus-visible,.dkw textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.dkw__top{background:var(--accent);color:var(--op-accent);font-size:var(--fs1)}
.dkw__top-in{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px}
.dkw__top a{font-weight:700}
.dkw__head{position:sticky;top:0;z-index:5}
.dkw__head>.dkw__in,.dkw__menu{background:var(--bg)}
.dkw__head-in{display:flex;align-items:center;gap:32px;padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--lijn)}
.dkw__logo{font-weight:700;font-size:var(--fs3);text-decoration:none;margin-right:auto;padding:4px 0}
.dkw__nav{display:flex;gap:26px}
.dkw__nav a{text-decoration:none;transition:color .18s}
.dkw__nav a:hover{color:var(--accent)}
.dkw__menu-knop{display:none;width:44px;height:44px;background:none;border:1px solid var(--tekst);border-radius:var(--r);padding:0 11px;cursor:pointer}
.dkw__menu-knop span{display:block;height:2px;background:var(--tekst);margin:6px 0}
.dkw__menu{padding:8px 20px 20px;border-bottom:1px solid var(--lijn)}
.dkw__menu a{display:block;padding:12px 0;font-size:var(--fs3);text-decoration:none;border-bottom:1px solid var(--lijn)}

.dkw__hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(56px,7vw,104px);align-items:start}
.dkw__lead{font-size:var(--fs3);color:var(--gedempt);margin:32px 0 32px;max-width:28em}
.dkw__spoednr{font-size:var(--fs4);font-weight:700}
.dkw__spoednr a{color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent)}
.dkw__klein{font-size:var(--fs1);color:var(--gedempt);margin-top:8px;max-width:34em}
.dkw__tijden{background:var(--opp);padding:clamp(20px,3vw,40px);border-top:4px solid var(--accent)}
.dkw__tijden-kop{font-weight:700;font-size:var(--fs3);margin-bottom:20px}
.dkw__dag{padding:18px 0 26px;border-bottom:1px solid var(--lijn)}
.dkw__dag-n{font-weight:700;margin-bottom:12px}
.dkw__dag-n span{font-weight:400;color:var(--gedempt)}
.dkw__spoor{position:relative;height:56px;background:repeating-linear-gradient(135deg,var(--lijn) 0 2px,transparent 2px 9px)}
.dkw__spoor button{position:absolute;top:8px;transform:translateX(-50%);font:700 var(--fs1)/1 'Satoshi',sans-serif;padding:11px 6px;background:var(--opp);color:var(--accent);border:1px solid var(--accent);border-radius:var(--r);cursor:pointer;transition:background-color .18s,color .18s;white-space:nowrap}
.dkw__spoor button:hover,.dkw__spoor button[aria-pressed=true]{background:var(--accent);color:var(--op-accent)}
.dkw__uren-as{position:relative;height:20px;font-size:var(--fs1);color:var(--gedempt);margin-top:6px}
.dkw__uren-as span{position:absolute;transform:translateX(-50%)}
.dkw__gekozen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
.dkw__gekozen-tx{font-size:var(--fs3);font-weight:700}

.dkw__wijzer{background:var(--opp)}
.dkw__wijzer-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);padding-top:var(--sectie);padding-bottom:var(--sectie)}
.dkw__dier{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.dkw__dier label{position:relative;cursor:pointer}
.dkw__dier input{position:absolute;opacity:0;width:1px;height:1px}
.dkw__dier span{display:block;padding:11px 18px;border:1px solid var(--tekst);border-radius:var(--r);font-weight:700;transition:background-color .18s,color .18s}
.dkw__dier input:checked+span{background:var(--tekst);color:var(--opp)}
.dkw__dier input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.dkw__klachten{border-top:1px solid var(--lijn)}
.dkw__klachten button{display:block;width:100%;text-align:left;font:400 var(--fs3)/1.35 'Satoshi',sans-serif;color:var(--tekst);background:none;border:0;border-bottom:1px solid var(--lijn);padding:16px 0;cursor:pointer;transition:color .18s,padding-left .18s}
.dkw__klachten button:hover{color:var(--accent);padding-left:8px}
.dkw__klachten button[aria-pressed=true]{color:var(--accent);font-weight:700;padding-left:8px}
.dkw__advies{align-self:start;position:sticky;top:110px;background:var(--bg);padding:clamp(24px,3vw,40px);border-top:4px solid var(--gedempt)}
.dkw__advies.is-spoed{background:var(--accent);color:var(--op-accent);border-color:var(--accent)}
.dkw__advies.is-spoed .dkw__knop{background:var(--op-accent);color:var(--accent)}
.dkw__advies-kop{font-size:var(--fs4);font-weight:700;line-height:1.15;margin-bottom:12px}
.dkw__advies-tx{margin-bottom:24px}

.dkw__beh{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);padding-top:var(--sectie);padding-bottom:var(--sectie)}
.dkw__beh-intro{color:var(--gedempt);margin:calc(var(--gat) * -.5) 0 24px;max-width:34em}
.dkw__wijzer-noot{margin-top:16px}
.dkw__beh ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--tekst)}
.dkw__beh li{border-bottom:1px solid var(--lijn)}
.dkw__beh button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;width:100%;text-align:left;background:none;border:0;padding:18px 0;font:inherit;color:var(--tekst);cursor:pointer;transition:color .18s}
.dkw__beh button:hover,.dkw__beh button[aria-pressed=true]{color:var(--accent)}
.dkw__beh-n{font-size:var(--fs3);font-weight:700}
.dkw__beh-p{font-size:var(--fs3)}
.dkw__beh-t{flex-basis:100%;color:var(--gedempt);font-size:var(--fs2)}
.dkw__beh-beeld{position:sticky;top:110px;align-self:start}
.dkw__beh-beeld img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .18s}

.dkw__pup{background:var(--accent);color:var(--op-accent)}
.dkw__pup-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);padding-top:var(--sectie);padding-bottom:var(--sectie);align-items:start}
.dkw__pup-in>img{width:100%;aspect-ratio:1;object-fit:cover}
.dkw__pup-tx>p{font-size:var(--fs3);margin-bottom:24px;max-width:var(--lees);color:#DCE3F5}
.dkw__pup .dkw__dier span{border-color:var(--op-accent)}
.dkw__pup .dkw__dier input:checked+span{background:var(--op-accent);color:var(--accent)}
.dkw__pup-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px}
.dkw__pup-form .dkw__dier{margin-bottom:0}
.dkw__veld{display:flex;flex-direction:column;gap:6px;font-weight:700}
.dkw__veld input,.dkw__veld textarea{font:400 var(--fs2) 'Satoshi',sans-serif;padding:12px 14px;border:1px solid var(--tekst);border-radius:var(--r);background:var(--opp);color:var(--tekst);min-width:0}
.dkw__schema{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #4A62A8}
.dkw__schema li{display:flex;flex-wrap:wrap;gap:4px 20px;padding:14px 0;border-bottom:1px solid #4A62A8}
.dkw__schema b{min-width:9.5em}
.dkw__schema li.is-voorbij{opacity:.6}

.dkw__team{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:var(--sectie);padding-bottom:var(--sectie)}
.dkw__team-h{grid-column:1/-1}
.dkw__arts{margin:0}
.dkw__arts img{width:100%;aspect-ratio:4/5;object-fit:cover}
.dkw__arts p{color:var(--gedempt)}
.dkw__arts--a{grid-column:1/5}
.dkw__arts--b{grid-column:5/9;margin-top:56px}
.dkw__arts blockquote{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--tekst)}
.dkw__arts blockquote p{color:var(--tekst);font-size:var(--fs3);font-weight:700;line-height:1.35}
.dkw__arts blockquote footer{font-size:var(--fs1);color:var(--gedempt);margin-top:6px}
.dkw__team-tx{grid-column:9/13;align-self:end}
.dkw__team-tx>p:first-child{font-size:var(--fs3);margin-bottom:24px}
.dkw__team-tx img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px}

.dkw__praktijk{background:var(--opp)}
.dkw__praktijk-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);padding-top:var(--sectie);padding-bottom:var(--sectie)}
.dkw__beelden{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;align-content:start}
.dkw__beelden img{width:100%;height:100%;object-fit:cover}
.dkw__b1{grid-column:1/-1;aspect-ratio:16/9}
.dkw__b2,.dkw__b3{aspect-ratio:1}
.dkw__b4,.dkw__b5{aspect-ratio:16/10}
.dkw__b5{grid-column:2}
.dkw__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;margin-bottom:32px}
.dkw__veld--breed,.dkw__fout,.dkw__klaar{grid-column:1/-1}
.dkw__form .dkw__knop{justify-self:start}
.dkw__fout{color:#9B1C1C;font-weight:700}
.dkw__klaar{font-weight:700;color:var(--accent);font-size:var(--fs3)}
.dkw__adres>p{margin-bottom:12px;color:var(--gedempt)}
.dkw__uren{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.dkw__uren li{padding:7px 0;border-bottom:1px solid var(--lijn)}
.dkw__uren li.is-vandaag{font-weight:700;color:var(--accent)}

.dkw__voet{background:var(--tekst);color:#E8C9C1;font-size:var(--fs1)}
.dkw__voet-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 48px;padding-top:30px;padding-bottom:30px}
.dkw__voet-in>p:first-child{flex:1 1 480px;max-width:820px}
.dkw__voet-links{display:flex;gap:8px 20px;flex-wrap:wrap}

@media (max-width:1100px){.dkw__nav{display:none}.dkw__menu-knop{display:block}}
@media (max-width:900px){
  .dkw__hero,.dkw__wijzer-in,.dkw__beh,.dkw__pup-in,.dkw__praktijk-in{grid-template-columns:minmax(0,1fr)}
  .dkw__advies,.dkw__beh-beeld{position:static}
  .dkw__beh-beeld{order:-1}
  .dkw__beh-beeld img,.dkw__pup-in>img{aspect-ratio:16/10}
  .dkw__team{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dkw__arts--a,.dkw__arts--b{grid-column:auto;margin-top:0}
  .dkw__team-tx{grid-column:1/-1}
}
@media (max-width:640px){
  .dkw{--fs3:18px;--fs4:24px;--fs5:34px}
  .dkw__in{padding:0 20px}
  .dkw__top-r{display:none}
  .dkw__spoor{height:auto;background:none;display:flex;flex-wrap:wrap;gap:8px}
  .dkw__spoor button{position:static;transform:none;padding:12px 14px}
  .dkw__uren-as{display:none}
  .dkw__team{grid-template-columns:minmax(0,1fr)}
  .dkw__arts img{aspect-ratio:1}
  .dkw__form{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.dkw *{transition:none!important}}

// Dierenkliniek De Waal · dierenarts, Zaltbommel · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie
// root = het element waarin de HTML staat
function init(root){
var s=root.querySelector('.dkw');if(!s)return;
var mk=s.querySelector('.dkw__menu-knop'),menu=s.querySelector('#dkw-menu');
mk.addEventListener('click',function(){var open=menu.hidden;menu.hidden=!open;mk.setAttribute('aria-expanded',String(open));mk.setAttribute('aria-label',open?'Menu sluiten':'Menu openen');});
[].slice.call(menu.querySelectorAll('a')).forEach(function(a){a.addEventListener('click',function(){menu.hidden=true;mk.setAttribute('aria-expanded','false');});});
var DAG=['zondag','maandag','dinsdag','woensdag','donderdag','vrijdag','zaterdag'],MND=['januari','februari','maart','april','mei','juni','juli','augustus','september','oktober','november','december'];
var ARTS=['Sanne de Wit','Ruben Verhoeven','Iris Kok'];
var nu=new Date(),uren=function(d){var w=d.getDay();return w===0?null:w===6?[9,12]:w===4?[8,20]:[8,18];};
var u0=uren(nu);s.querySelector('.dkw__open').textContent=u0?(nu.getHours()<u0[1]?'Vandaag open tot '+u0[1]+':00':'Vandaag weer gesloten'):'Vandaag alleen spoed';
var pad=function(n){return (n<10?'0':'')+n;};
var dagen=[],d=new Date(nu.getFullYear(),nu.getMonth(),nu.getDate());
while(dagen.length<2){var uu=uren(d);if(uu){var vrij=[];for(var m=uu[0]*60;m<uu[1]*60;m+=20){var h=(d.getDate()*7+m*3+d.getMonth())%11;
  var voorbij=d.toDateString()===nu.toDateString()&&m<nu.getHours()*60+nu.getMinutes()+30;if(h<3&&!voorbij&&(!vrij.length||m-vrij[vrij.length-1]>=80))vrij.push(m);}
  if(vrij.length)dagen.push({d:new Date(d),u:uu,v:vrij.slice(0,7)});}d.setDate(d.getDate()+1);}
var wrap=s.querySelector('.dkw__dagen'),html='';
dagen.forEach(function(x,i){var vandaag=x.d.toDateString()===nu.toDateString(),morgen=new Date(nu.getTime()+864e5).toDateString()===x.d.toDateString();
  var lab=(vandaag?'Vandaag':morgen?'Morgen':DAG[x.d.getDay()].charAt(0).toUpperCase()+DAG[x.d.getDay()].slice(1));
  var span=(x.u[1]-x.u[0])*60;
  html+='<div class="dkw__dag"><p class="dkw__dag-n">'+lab+' <span>'+(vandaag||morgen?DAG[x.d.getDay()]+' ':'')+x.d.getDate()+' '+MND[x.d.getMonth()]+', '+x.v.length+' vrij</span></p><div class="dkw__spoor">';
  x.v.forEach(function(m,j){var t=pad(Math.floor(m/60))+':'+pad(m%60),a=ARTS[(m/20+j)%3];
    html+='<button type="button" aria-pressed="false" style="left:'+(7+(m-x.u[0]*60)/span*86).toFixed(1)+'%" data-t="'+lab.toLowerCase()+' '+DAG[x.d.getDay()]+' '+x.d.getDate()+' '+MND[x.d.getMonth()]+' om '+t+'" data-a="'+a+'" aria-label="'+t+' bij '+a+'">'+t+'</button>';});
  html+='</div><div class="dkw__uren-as" aria-hidden="true">';
  for(var q=x.u[0];q<=x.u[1];q+=(x.u[1]-x.u[0]>4?2:1))html+='<span style="left:'+(7+(q-x.u[0])*60/span*86).toFixed(1)+'%">'+pad(q)+':00</span>';
  html+='</div></div>';});
wrap.innerHTML=html;
var gtx=s.querySelector('.dkw__gekozen-tx'),gkn=s.querySelector('.dkw__gekozen .dkw__knop'),af=s.querySelector('.dkw__form');
[].slice.call(wrap.querySelectorAll('button')).forEach(function(b){b.addEventListener('click',function(){
  [].slice.call(wrap.querySelectorAll('button')).forEach(function(x){x.setAttribute('aria-pressed',String(x===b));});
  var t=b.getAttribute('data-t');t=t.charAt(0).toUpperCase()+t.slice(1);
  gtx.textContent=t+' bij '+b.getAttribute('data-a')+'.';gkn.hidden=false;af.tijd.value=t+', '+b.getAttribute('data-a');});});
var K=[
 {t:'Heeft iets giftigs gegeten',d:'hond kat konijn',n:'s',a:'Bel nu. Chocolade, xylitol, druiven, rozijnen, rattengif of bij katten lelies: hoe sneller, hoe beter. Neem de verpakking mee.'},
 {t:'Opgezette buik en probeert te braken',d:'hond',n:'s',a:'Bel nu. Bij grote honden kan dit een maagkanteling zijn; dan telt elk kwartier.'},
 {t:'Plast niet of perst zonder resultaat',d:'kat',n:'s',a:'Bel nu. Een kater die niet kan plassen is binnen een dag in levensgevaar.'},
 {t:'Eet al twaalf uur niet',d:'konijn',n:'s',a:'Bel nu. Bij konijnen en cavia\'s kan de darm stil komen te liggen; dat moet dezelfde dag behandeld worden.'},
 {t:'Ademt zwaar of met open bek',d:'hond kat konijn',n:'s',a:'Bel nu en kom direct. Houd uw dier koel en rustig in de auto.'},
 {t:'Braakt of heeft diarree, maar is alert',d:'hond kat konijn',n:'v',a:'Kom vandaag nog. Geef kleine beetjes water en geen voer tot de afspraak.'},
 {t:'Loopt mank',d:'hond kat',n:'v',a:'Kom vandaag of morgen. Steunt hij helemaal niet op de poot, bel dan meteen.'},
 {t:'Krabt veel of heeft kale plekken',d:'hond kat konijn',n:'w',a:'Maak een gewone afspraak deze week. Meestal vlooien, mijten of een allergie.'},
 {t:'Vaccinatie of jaarlijkse controle',d:'hond kat konijn',n:'w',a:'Kies een tijd die u uitkomt. We sturen een herinnering als de volgende eraan komt.'},
 {t:'Tandsteen of slechte adem',d:'hond kat konijn',n:'w',a:'Maak een gewone afspraak. We kijken eerst; een gebitsbehandeling plannen we daarna.'}];
var kl=s.querySelector('.dkw__klachten'),adv=s.querySelector('.dkw__advies'),ak=s.querySelector('.dkw__advies-kop'),at=s.querySelector('.dkw__advies-tx'),ab=s.querySelector('.dkw__advies-knop');
function lijst(){var dier=s.querySelector('input[name=dkw-dier]:checked').value;kl.innerHTML='';
  K.forEach(function(k){if(k.d.indexOf(dier)<0)return;var b=document.createElement('button');b.type='button';b.textContent=k.t;b.setAttribute('aria-pressed','false');
    b.addEventListener('click',function(){[].slice.call(kl.children).forEach(function(x){x.setAttribute('aria-pressed',String(x===b));});
      adv.className='dkw__advies'+(k.n==='s'?' is-spoed':'');ak.textContent=k.n==='s'?'Dit is spoed':k.n==='v'?'Vandaag langskomen':'Gewone afspraak';at.textContent=k.a;ab.hidden=false;
      if(k.n==='s'){ab.textContent='Bel 0418 123 499';ab.href='tel:+31418123499';}else{ab.textContent='Kies een vrije tijd';ab.href='#dkw-tijden';}});
    kl.appendChild(b);});
  adv.className='dkw__advies';ak.textContent='Kies wat u ziet';at.textContent='Dan zeggen we of u nu moet bellen, vandaag moet komen of een afspraak kunt maken. Twijfelt u, bel dan altijd.';ab.hidden=true;}
[].slice.call(s.querySelectorAll('input[name=dkw-dier]')).forEach(function(r){r.addEventListener('change',lijst);});lijst();
var img=s.querySelector('.dkw__beh-beeld img'),basis=img.getAttribute('src').replace(/[0-9]+\.webp$/,''),bb=[].slice.call(s.querySelectorAll('.dkw__beh button'));
var alt={1:'Dierenarts onderzoekt een golden retriever op de behandeltafel',2:'Dierenarts luistert met een stethoscoop naar een kat',9:'Dierenarts bekijkt het gebit van een terriër',6:'Echo van een liggende hond',5:'Operatiekamer met tafel en lamp',4:'Paraveterinair houdt een konijn vast bij een controle'};
bb.forEach(function(b){var kies=function(){var f=b.getAttribute('data-foto');bb.forEach(function(x){x.setAttribute('aria-pressed',String(x===b));});img.src=basis+f+'.webp';img.alt=alt[f];};
  b.addEventListener('click',kies);b.addEventListener('mouseenter',kies);b.addEventListener('focus',kies);});
var pf=s.querySelector('.dkw__pup-form'),sch=s.querySelector('.dkw__schema');
var S={pup:[[6,'Eerste enting tegen parvo'],[9,'Parvo, hondenziekte, HCC en leptospirose'],[12,'Herhaling, plus kennelhoest voor de puppycursus'],[15,'Rabiës, als u naar het buitenland gaat'],[52,'Herhaling en de eerste jaarcontrole']],
 kitten:[[9,'Kattenziekte en niesziekte'],[12,'Herhaling kattenziekte en niesziekte'],[16,'Derde enting voor kittens uit een asiel of cattery'],[52,'Herhaling en de eerste jaarcontrole']]};
var geb=new Date(nu.getTime()-7*7*864e5);pf.geb.value=geb.getFullYear()+'-'+pad(geb.getMonth()+1)+'-'+pad(geb.getDate());
function schema(){var g=new Date(pf.geb.value);if(isNaN(g))return;var soort=pf.querySelector('input[name=soort]:checked').value,h='';
  S[soort].forEach(function(x){var dt=new Date(g.getTime()+x[0]*7*864e5),voorbij=dt<nu;
    h+='<li'+(voorbij?' class="is-voorbij"':'')+'><b>'+(x[0]===52?'Na een jaar':'Week '+x[0])+', '+dt.getDate()+' '+MND[dt.getMonth()]+'</b><span>'+x[1]+(voorbij?' (al geweest?)':'')+'</span></li>';});
  sch.innerHTML=h;}
pf.addEventListener('input',schema);pf.addEventListener('change',schema);schema();
var fout=s.querySelector('.dkw__fout'),klaar=s.querySelector('.dkw__klaar');
af.addEventListener('submit',function(e){e.preventDefault();var tel=af.tel.value.replace(/[^0-9]/g,''),ok=af.naam.value.trim().length>1&&tel.length===10&&af.tijd.value;fout.hidden=!!ok;if(!ok)return;
  [].slice.call(af.children).forEach(function(x){if(x!==klaar)x.hidden=true;});klaar.hidden=false;
  klaar.textContent='Staat genoteerd: '+af.tijd.value+'. U krijgt een sms op '+af.tel.value.trim()+'. Tot dan'+(af.dier.value.trim()?', ook '+af.dier.value.trim().split(',')[0]:'')+'.';});
var vd=s.querySelector('.dkw__uren li[data-dag="'+nu.getDay()+'"]');if(vd){vd.classList.add('is-vandaag');vd.textContent+=', vandaag';}
}
init(document.querySelector('.jouw-container'));