Teampagina · Oomen Wildschut Advocaten, Utrecht Nieuw

Teampagina voor een advocatenkantoor: het hele team op één schermvullende foto, daarna een smoelenlijst die je filtert op rechtsgebied en op gefinancierde rechtshulp, per advocaat het directe nummer, een korte toelichting en een terugbelverzoek dat meteen bij die persoon terechtkomt. Met het secretariaat in beeld en het pand aan de Maliebaan.

Bekijk op volledig scherm ↗

Maliebaan 41, Utrecht · werkdagen 8:30 tot 17:30

030 123 4567

Advocaten van Oomen Wildschut overleggen aan de lange eikenhouten tafel in de vergaderkamer aan de voorkant van het pand

De mensen achter uw zaak

Negen advocaten en twee secretaresses in een pand aan de Maliebaan. U spreekt altijd met de advocaat die uw zaak doet, en u belt die advocaat gewoon rechtstreeks.

Negen advocaten, één gang

Kies waar uw vraag over gaat. Wie daar niet over gaat, schuift naar achteren.

Alleen wie met een toevoeging werkt

Marjolein Oomen

Partner · arbeidsrecht

Ontslag, vaststellingsovereenkomsten en zieke werknemers. Staat vooral werknemers bij, ook bij de kantonrechter.

030 123 4571 m.oomen@voorbeeld.nl
Hidde Wildschut

Partner · ondernemingsrecht

Ruzie tussen aandeelhouders, overnames van kleine bedrijven en contracten met leveranciers. Werkt voor ondernemers in de regio Utrecht.

030 123 4572 h.wildschut@voorbeeld.nl
Gerard Kwint

Advocaat · erfrecht

Nalatenschappen waarover de familie het niet eens wordt, testamenten die worden aangevochten en de verdeling van een familiebedrijf.

030 123 4573 g.kwint@voorbeeld.nl
Samira El Idrissi

Advocaat · huurrecht

Huurders met gebreken, huurverhogingen of een opzegging. Ook bewonerscommissies tegenover een corporatie of belegger.

030 123 4574 s.elidrissi@voorbeeld.nl
Jeroen Bakels

Advocaat · ondernemingsrecht

Algemene voorwaarden, facturen die niet worden betaald en conflicten met een opdrachtgever. Voor zzp'ers en bedrijven tot vijftig mensen.

030 123 4575 j.bakels@voorbeeld.nl
Esther van Dam

Advocaat en mediator · familierecht

Scheiden, alimentatie en afspraken over de kinderen. Liefst samen aan tafel, als het moet bij de rechter.

030 123 4576 e.vandam@voorbeeld.nl
Emre Yildiz

Advocaat · arbeidsrecht voor werkgevers

Reorganisaties, concurrentiebedingen en personeel dat langdurig ziek is. Vaak het eerste nummer dat een werkgever belt.

030 123 4577 e.yildiz@voorbeeld.nl
Naomi Pinas

Advocaat · familierecht en jeugdrecht

Gezag, omgang en ondertoezichtstelling. Staat ouders bij als Jeugdbescherming bij hen aan tafel zit.

030 123 4578 n.pinas@voorbeeld.nl
Lotte de Groot

Advocaat-stagiaire · arbeidsrecht en huurrecht

Werkt mee in de zaken van Marjolein en Samira en neemt zelf kleinere zaken, zoals een loonvordering of een borg die niet terugkomt.

030 123 4579 l.degroot@voorbeeld.nl

Bellen of langskomen

Weet u niet bij wie u moet zijn? Dan krijgt u Ingrid of Fatima. Zij vragen kort waar het over gaat en zetten u door, of zorgen dat de juiste advocaat u dezelfde dag terugbelt. Belt u voor 11:00, dan hoort u voor het eind van de dag van ons.

Een eerste gesprek van een half uur is gratis. Daarna rekenen we € 215 per uur exclusief btw, of een vast bedrag dat we vooraf afspreken.

030 123 4567

Ingrid en Fatima van het secretariaat aan de balie in de hal — Ingrid (links) werkt hier sinds 2010, Fatima sinds 2019. Samen kennen ze elk dossier op de gang.

Spreekkamer met ronde eikenhouten tafel en uitzicht op de bomen — De spreekkamer aan de tuin. Neem mee wat u op papier heeft: de brief van uw werkgever, het huurcontract, een beschikking. Ordenen doen wij. Binnen twee werkdagen na het gesprek krijgt u op papier wat uw kansen zijn, wat het ongeveer kost en wie uw zaak doet.

Zo gebruik je het

Plak de HTML op de plek waar het onderdeel moet komen.
Zet de CSS in je stylesheet. Alle klassen hebben een eigen voorvoegsel, dus niets botst met je eigen opmaak.
Voeg de JavaScript toe en roep init() aan met het element waar de HTML in staat.

<!-- Teampagina · Oomen Wildschut Advocaten, Utrecht · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie -->
<div class="jouw-container">
<div class="owa">
<div class="owa__top"><div class="owa__in owa__top-in">
  <p class="owa__top-txt">Maliebaan 41, Utrecht · werkdagen 8:30 tot 17:30</p>
  <p class="owa__top-txt"><a href="tel:0301234567">030 123 4567</a></p>
</div></div>

<div class="owa__head" role="banner"><div class="owa__in owa__head-in">
  <a href="#" class="owa__logo" aria-label="Oomen Wildschut Advocaten, naar home">Oomen Wildschut<span>advocaten</span></a>
  <nav class="owa__nav" aria-label="Hoofdmenu">
    <a href="#">Rechtsgebieden</a><a href="#" aria-current="page">Mensen</a><a href="#">Kosten</a><a href="#">Kennisbank</a><a href="#">Contact</a>
  </nav>
  <a href="#owa-mensen" class="owa__btn owa__btn--head">Stel uw vraag</a>
  <button class="owa__menu-knop" type="button" aria-expanded="false" aria-controls="owa-menu" aria-label="Menu openen"><span></span><span></span></button>
</div>
<div class="owa__menu" id="owa-menu" hidden>
  <a href="#">Rechtsgebieden</a><a href="#" aria-current="page">Mensen</a><a href="#">Kosten</a><a href="#">Kennisbank</a><a href="#">Contact</a><a href="#owa-mensen" class="owa__btn">Stel uw vraag</a>
</div>
</div>

<div class="owa__hero">
  <img class="owa__hero-foto" src="https://neddev.com/lab-media/page-team-advocaten-1.webp" alt="Advocaten van Oomen Wildschut overleggen aan de lange eikenhouten tafel in de vergaderkamer aan de voorkant van het pand" width="1376" height="768">
  <div class="owa__hero-txt"><div class="owa__in">
    <h1 class="owa__h1">De mensen achter uw zaak</h1>
    <p class="owa__lead">Negen advocaten en twee secretaresses in een pand aan de Maliebaan. U spreekt altijd met de advocaat die uw zaak doet, en u belt die advocaat gewoon rechtstreeks.</p>
  </div></div>
</div>

<div class="owa__lijst-blok" id="owa-mensen"><div class="owa__in">
  <div class="owa__lijst-kop">
    <h2 class="owa__h2" aria-live="polite">Negen advocaten, één gang</h2>
    <p class="owa__lijst-intro">Kies waar uw vraag over gaat. Wie daar niet over gaat, schuift naar achteren.</p>
  </div>
  <div class="owa__filter" role="group" aria-label="Filter op rechtsgebied">
    <button type="button" class="owa__f" data-f="alle" aria-pressed="true">Iedereen</button>
    <button type="button" class="owa__f" data-f="arbeid" aria-pressed="false">Arbeidsrecht</button>
    <button type="button" class="owa__f" data-f="huur" aria-pressed="false">Huurrecht</button>
    <button type="button" class="owa__f" data-f="onderneming" aria-pressed="false">Ondernemingsrecht</button>
    <button type="button" class="owa__f" data-f="familie" aria-pressed="false">Familierecht</button>
    <button type="button" class="owa__f" data-f="erf" aria-pressed="false">Erfrecht</button>
    <label class="owa__toev"><input type="checkbox" class="owa__toev-in"> Alleen wie met een toevoeging werkt</label>
  </div>

  <ul class="owa__mensen">
    <li class="owa__p" data-g="arbeid" data-t="1">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-2.webp" alt="Marjolein Oomen bij het raam van haar kamer" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Marjolein Oomen</h3>
        <p class="owa__p-rol">Partner · arbeidsrecht</p>
        <p class="owa__p-wat">Ontslag, vaststellingsovereenkomsten en zieke werknemers. Staat vooral werknemers bij, ook bij de kantonrechter.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234571">030 123 4571</a><a href="mailto:m.oomen@voorbeeld.nl">m.oomen@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Marjolein</button>
      <div class="owa__p-meer" hidden>
        <p>Advocaat sinds 2001, partner sinds 2009. Marjolein is ook mediator bij arbeidsconflicten en geeft les aan de Grotius Academie. Ze werkt met toevoegingen, dus ook als uw inkomen laag is kunt u bij haar terecht.</p>
        <form class="owa__terug" novalidate data-naam="Marjolein"></form>
      </div>
    </li>
    <li class="owa__p" data-g="onderneming" data-t="0">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-3.webp" alt="Hidde Wildschut aan zijn bureau met dossiers" width="900" height="1117" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Hidde Wildschut</h3>
        <p class="owa__p-rol">Partner · ondernemingsrecht</p>
        <p class="owa__p-wat">Ruzie tussen aandeelhouders, overnames van kleine bedrijven en contracten met leveranciers. Werkt voor ondernemers in de regio Utrecht.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234572">030 123 4572</a><a href="mailto:h.wildschut@voorbeeld.nl">h.wildschut@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Hidde</button>
      <div class="owa__p-meer" hidden>
        <p>Begon bij een groot kantoor op de Zuidas en richtte in 2009 met Marjolein dit kantoor op. Hidde schat aan het begin in wat een procedure gaat kosten en zegt het ook als een schikking slimmer is.</p>
        <form class="owa__terug" novalidate data-naam="Hidde"></form>
      </div>
    </li>
    <li class="owa__p" data-g="erf familie" data-t="0">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-12.webp" alt="Gerard Kwint in zijn kamer op de eerste verdieping" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Gerard Kwint</h3>
        <p class="owa__p-rol">Advocaat · erfrecht</p>
        <p class="owa__p-wat">Nalatenschappen waarover de familie het niet eens wordt, testamenten die worden aangevochten en de verdeling van een familiebedrijf.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234573">030 123 4573</a><a href="mailto:g.kwint@voorbeeld.nl">g.kwint@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Gerard</button>
      <div class="owa__p-meer" hidden>
        <p>Was twintig jaar notaris voordat hij advocaat werd. Daardoor weet hij hoe een testament tot stand komt en waar het mis kan gaan. Lid van de Vereniging van Erfrechtadvocaten.</p>
        <form class="owa__terug" novalidate data-naam="Gerard"></form>
      </div>
    </li>
    <li class="owa__p" data-g="huur" data-t="1">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-4.webp" alt="Samira El Idrissi in de gang met de oude trap" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Samira El Idrissi</h3>
        <p class="owa__p-rol">Advocaat · huurrecht</p>
        <p class="owa__p-wat">Huurders met gebreken, huurverhogingen of een opzegging. Ook bewonerscommissies tegenover een corporatie of belegger.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234574">030 123 4574</a><a href="mailto:s.elidrissi@voorbeeld.nl">s.elidrissi@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Samira</button>
      <div class="owa__p-meer" hidden>
        <p>Advocaat sinds 2016. Samira spreekt Nederlands, Arabisch en Frans en werkt met toevoegingen. Op dinsdagavond houdt ze spreekuur in het buurthuis in Kanaleneiland.</p>
        <form class="owa__terug" novalidate data-naam="Samira"></form>
      </div>
    </li>
    <li class="owa__p" data-g="onderneming" data-t="0">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-5.webp" alt="Jeroen Bakels in de bibliotheek van het kantoor" width="900" height="1102" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Jeroen Bakels</h3>
        <p class="owa__p-rol">Advocaat · ondernemingsrecht</p>
        <p class="owa__p-wat">Algemene voorwaarden, facturen die niet worden betaald en conflicten met een opdrachtgever. Voor zzp'ers en bedrijven tot vijftig mensen.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234575">030 123 4575</a><a href="mailto:j.bakels@voorbeeld.nl">j.bakels@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Jeroen</button>
      <div class="owa__p-meer" hidden>
        <p>Werkt sinds 2018 bij ons. Jeroen doet veel zaken voor een vast bedrag, zodat u vooraf weet waar u aan toe bent. Voor het opstellen van algemene voorwaarden rekent hij € 950 exclusief btw.</p>
        <form class="owa__terug" novalidate data-naam="Jeroen"></form>
      </div>
    </li>
    <li class="owa__p" data-g="familie" data-t="1">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-6.webp" alt="Esther van Dam aan haar bureau tussen de planten" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Esther van Dam</h3>
        <p class="owa__p-rol">Advocaat en mediator · familierecht</p>
        <p class="owa__p-wat">Scheiden, alimentatie en afspraken over de kinderen. Liefst samen aan tafel, als het moet bij de rechter.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234576">030 123 4576</a><a href="mailto:e.vandam@voorbeeld.nl">e.vandam@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Esther</button>
      <div class="owa__p-meer" hidden>
        <p>Esther is MfN-registermediator en lid van de vFAS. Gaan jullie samen uit elkaar, dan kan zij voor jullie allebei werken. Wordt het een procedure, dan kiest ze één kant. Ze werkt met toevoegingen.</p>
        <form class="owa__terug" novalidate data-naam="Esther"></form>
      </div>
    </li>
    <li class="owa__p" data-g="arbeid onderneming" data-t="0">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-7.webp" alt="Emre Yildiz bij het raam met uitzicht op de Domtoren" width="900" height="1102" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Emre Yildiz</h3>
        <p class="owa__p-rol">Advocaat · arbeidsrecht voor werkgevers</p>
        <p class="owa__p-wat">Reorganisaties, concurrentiebedingen en personeel dat langdurig ziek is. Vaak het eerste nummer dat een werkgever belt.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234577">030 123 4577</a><a href="mailto:e.yildiz@voorbeeld.nl">e.yildiz@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Emre</button>
      <div class="owa__p-meer" hidden>
        <p>Advocaat sinds 2015 en lid van de VAAN. Emre spreekt Nederlands, Turks en Engels. Voor vaste klanten werkt hij met een abonnement van € 290 per maand, waarin korte vragen zijn inbegrepen.</p>
        <form class="owa__terug" novalidate data-naam="Emre"></form>
      </div>
    </li>
    <li class="owa__p" data-g="familie" data-t="1">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-13.webp" alt="Naomi Pinas in een lichte spreekkamer" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Naomi Pinas</h3>
        <p class="owa__p-rol">Advocaat · familierecht en jeugdrecht</p>
        <p class="owa__p-wat">Gezag, omgang en ondertoezichtstelling. Staat ouders bij als Jeugdbescherming bij hen aan tafel zit.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234578">030 123 4578</a><a href="mailto:n.pinas@voorbeeld.nl">n.pinas@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Naomi</button>
      <div class="owa__p-meer" hidden>
        <p>Advocaat sinds 2017, daarvoor jurist bij de Raad voor de Kinderbescherming. Naomi werkt met toevoegingen en neemt ook zaken aan die op korte termijn op zitting komen.</p>
        <form class="owa__terug" novalidate data-naam="Naomi"></form>
      </div>
    </li>
    <li class="owa__p" data-g="arbeid huur" data-t="1">
      <img class="owa__p-foto" src="https://neddev.com/lab-media/page-team-advocaten-8.webp" alt="Lotte de Groot op de open werkplek aan de achterkant" width="768" height="1376" loading="lazy">
      <div class="owa__p-hoofd">
        <h3 class="owa__p-naam">Lotte de Groot</h3>
        <p class="owa__p-rol">Advocaat-stagiaire · arbeidsrecht en huurrecht</p>
        <p class="owa__p-wat">Werkt mee in de zaken van Marjolein en Samira en neemt zelf kleinere zaken, zoals een loonvordering of een borg die niet terugkomt.</p>
      </div>
      <div class="owa__p-contact"><a href="tel:0301234579">030 123 4579</a><a href="mailto:l.degroot@voorbeeld.nl">l.degroot@voorbeeld.nl</a></div>
      <button type="button" class="owa__p-open" aria-expanded="false">Meer over Lotte</button>
      <div class="owa__p-meer" hidden>
        <p>Studeerde in Utrecht en is sinds 2024 bij ons. Een stagiaire kost minder per uur: € 165 in plaats van € 215. Elke brief die ze schrijft leest een van de partners mee.</p>
        <form class="owa__terug" novalidate data-naam="Lotte"></form>
      </div>
    </li>
  </ul>
  <p class="owa__leeg" hidden>Voor deze combinatie hebben we niemand. Bel het secretariaat, dan zoeken we samen een collega bij een ander kantoor.</p>
</div></div>

<div class="owa__balie"><div class="owa__in owa__balie-in">
  <div class="owa__balie-txt">
    <h2 class="owa__h2">Bellen of langskomen</h2>
    <p>Weet u niet bij wie u moet zijn? Dan krijgt u Ingrid of Fatima. Zij vragen kort waar het over gaat en zetten u door, of zorgen dat de juiste advocaat u dezelfde dag terugbelt. Belt u voor 11:00, dan hoort u voor het eind van de dag van ons.</p>
    <p>Een eerste gesprek van een half uur is gratis. Daarna rekenen we € 215 per uur exclusief btw, of een vast bedrag dat we vooraf afspreken.</p>
    <a href="tel:0301234567" class="owa__groot">030 123 4567</a>
  </div>
  <div class="owa__balie-beeld">
    <figure class="owa__fig owa__fig--groot"><img src="https://neddev.com/lab-media/page-team-advocaten-9.webp" alt="Ingrid en Fatima van het secretariaat aan de balie in de hal" width="900" height="491" loading="lazy">
      <figcaption>Ingrid (links) werkt hier sinds 2010, Fatima sinds 2019. Samen kennen ze elk dossier op de gang.</figcaption></figure>
    <figure class="owa__fig owa__fig--klein"><img src="https://neddev.com/lab-media/page-team-advocaten-11.webp" alt="Spreekkamer met ronde eikenhouten tafel en uitzicht op de bomen" width="900" height="491" loading="lazy">
      <figcaption>De spreekkamer aan de tuin. Neem mee wat u op papier heeft: de brief van uw werkgever, het huurcontract, een beschikking. Ordenen doen wij. Binnen twee werkdagen na het gesprek krijgt u op papier wat uw kansen zijn, wat het ongeveer kost en wie uw zaak doet.</figcaption></figure>
  </div>
</div></div>

<div class="owa__voet" role="contentinfo">
  <div class="owa__voet-pand">
    <img src="https://neddev.com/lab-media/page-team-advocaten-10.webp" alt="Het witte herenhuis van Oomen Wildschut aan de Maliebaan in de herfst" width="900" height="491" loading="lazy">
  </div>
  <div class="owa__in owa__voet-in">
    <div class="owa__voet-adres">
      <p class="owa__voet-logo">Oomen Wildschut advocaten</p>
      <p>Maliebaan 41, 3581 CD Utrecht. Twaalf minuten lopen van Utrecht Centraal, of tram 22 tot halte Stadsschouwburg. Parkeren kan in de garage aan de Springweg.</p>
    </div>
    <div class="owa__voet-links">
      <a href="#">Rechtsgebieden</a><a href="#">Kosten</a><a href="#">Klachtenregeling</a><a href="#">Privacy</a><a href="#">Algemene voorwaarden</a>
    </div>
    <p class="owa__voet-klein">Oomen Wildschut Advocaten B.V. · KvK 30123456 · BTW NL001234567B01 · Onze advocaten zijn ingeschreven bij de Nederlandse orde van advocaten en vallen onder het toezicht van de deken in Midden-Nederland.</p>
  </div>
</div>
</div>
</div>

/* Teampagina · Oomen Wildschut Advocaten, Utrecht · © 2026 NedDev BV · NedDev Lab-licentie (gratis gebruik, niet doorverkopen) · neddev.com/nl/lab/gebruik/#licentie */
/* fonts (Fontshare): synonym@400,600 */
.owa{--bg:#ECEBF2;--opp:#F8F7FB;--tekst:#16151D;--gedempt:#514F60;--lijn:#D6D4E2;--accent:#11704A;--op-accent:#FFFFFF;--r:4px;--fs1:14px;--fs2:16px;--fs3:20px;--fs4:28px;--fs5:44px;--fs6:72px;--sectie:clamp(64px,8vw,120px);--kader:1660px;--lees:720px;--zij:20px;
  container-type:inline-size;background:var(--bg);color:var(--tekst);font-family:'Synonym',sans-serif;font-weight:400;font-size:var(--fs2);line-height:1.6}
.owa *{box-sizing:border-box}
.owa [hidden]{display:none!important}
.owa a{color:inherit}
.owa img{display:block;max-width:100%;height:auto}
.owa__in{max-width:var(--kader);margin:0 auto;padding:0 clamp(var(--zij),4vw,56px)}
.owa__top{border-bottom:1px solid var(--lijn)}
.owa__top-in{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.owa__top-txt{margin:0;font-size:var(--fs1);color:var(--gedempt)}
.owa__top-txt a{color:var(--tekst);text-decoration:none;display:inline-block;padding:4px 0}
.owa__head{position:sticky;top:0;z-index:20}
.owa__head-in{display:flex;align-items:center;gap:32px;height:76px;background:var(--bg);border-bottom:1px solid var(--lijn)}
.owa__logo{text-decoration:none;font-weight:600;font-size:var(--fs3);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.owa__logo span{font-weight:400;font-size:var(--fs1);color:var(--gedempt)}
.owa__nav{display:flex;gap:26px;margin-left:auto}
.owa__nav a{text-decoration:none;color:var(--gedempt);transition:color .18s}
.owa__nav a:hover,.owa__nav a[aria-current]{color:var(--tekst)}
.owa__nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.owa__btn{display:inline-block;background:var(--accent);color:var(--op-accent)!important;text-decoration:none;font-family:inherit;font-weight:600;font-size:var(--fs2);padding:12px 20px;border-radius:var(--r);border:0;cursor:pointer;transition:background-color .18s}
.owa__btn:hover{background:#0B5638}
.owa__menu-knop{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--lijn);border-radius:var(--r);background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.owa__menu-knop span{display:block;width:20px;height:2px;background:var(--tekst)}
.owa__menu{display:flex;flex-direction:column;padding:8px var(--zij) 20px;background:var(--bg);border-bottom:1px solid var(--lijn)}
.owa__menu a{padding:12px 0;text-decoration:none;font-size:var(--fs3);border-bottom:1px solid var(--lijn)}
.owa__menu .owa__btn{margin-top:16px;text-align:center}
.owa__hero{position:relative;min-height:clamp(520px,58vw,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.owa__hero-foto{position:absolute;inset:0;width:100%;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 40%}
.owa__hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(14,13,20,.82),rgba(14,13,20,0))}
.owa__hero-txt{position:relative;z-index:1;width:100%;padding-bottom:clamp(36px,5vw,72px)}
.owa__h1{font-weight:600;font-size:var(--fs6);line-height:1.02;letter-spacing:-.025em;margin:0;max-width:12ch}
.owa__lead{margin:20px 0 0;font-size:var(--fs3);line-height:1.5;max-width:52ch;color:#EDECF3}
.owa__lijst-blok{padding:var(--sectie) 0}
.owa__lijst-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:28px}
.owa__h2{font-weight:600;font-size:var(--fs5);line-height:1.08;letter-spacing:-.02em;margin:0}
.owa__lijst-intro{margin:0;color:var(--gedempt);max-width:44ch}
.owa__filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 0;border-top:1px solid var(--tekst);border-bottom:1px solid var(--lijn);position:sticky;top:76px;background:var(--bg);z-index:5}
.owa__f{font:inherit;font-size:var(--fs2);padding:9px 14px;border:1px solid var(--lijn);border-radius:var(--r);background:var(--opp);color:var(--tekst);cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}
.owa__f:hover{border-color:var(--tekst)}
.owa__f[aria-pressed="true"]{background:var(--tekst);border-color:var(--tekst);color:var(--opp)}
.owa__toev{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--gedempt);cursor:pointer;padding:8px 0}
.owa__toev input{width:24px;height:24px;accent-color:var(--accent);margin:0}
.owa__mensen{list-style:none;margin:0;padding:0}
.owa__p{display:grid;grid-template-columns:132px minmax(0,1.6fr) minmax(0,1fr) auto;grid-template-areas:"foto hoofd contact open" "foto meer meer meer";column-gap:clamp(20px,3vw,48px);padding:24px 0;border-bottom:1px solid var(--lijn);transition:opacity .2s}
.owa__p.is-weg{opacity:.32}
.owa__p-foto{grid-area:foto;width:132px;height:160px!important;object-fit:cover;object-position:50% 22%;border-radius:var(--r);filter:saturate(.85)}
.owa__p-hoofd{grid-area:hoofd;align-self:center}
.owa__p-naam{margin:0;font-weight:600;font-size:var(--fs4);line-height:1.15}
.owa__p-rol{margin:4px 0 10px;color:var(--accent);font-weight:600}
.owa__p-wat{margin:0;color:var(--gedempt);max-width:58ch}
.owa__p-contact{grid-area:contact;align-self:center;display:flex;flex-direction:column;gap:2px}
.owa__p-contact a{text-decoration:none;padding:4px 0;overflow-wrap:anywhere}
.owa__p-contact a:first-child{font-size:var(--fs3);font-weight:600}
.owa__p-contact a:hover{color:var(--accent)}
.owa__p-open{grid-area:open;align-self:center;font:inherit;background:none;border:1px solid var(--lijn);border-radius:var(--r);padding:10px 14px;cursor:pointer;color:var(--tekst);transition:border-color .18s}
.owa__p-open:hover,.owa__p-open[aria-expanded="true"]{border-color:var(--tekst)}
.owa__p-meer{grid-area:meer;padding-top:18px;display:grid;grid-template-columns:minmax(0,var(--lees)) minmax(0,1fr);gap:clamp(20px,3vw,48px)}
.owa__p-meer>p{margin:0}
.owa__terug{background:var(--opp);border:1px solid var(--lijn);border-radius:var(--r);padding:18px;display:grid;gap:10px}
.owa__terug-kop{margin:0;font-weight:600}
.owa__terug label{display:grid;gap:4px;font-size:var(--fs1);color:var(--gedempt)}
.owa__terug input{font:inherit;font-size:var(--fs2);color:var(--tekst);padding:10px 12px;border:1px solid var(--lijn);border-radius:var(--r);background:#fff;width:100%}
.owa__terug input:focus{outline:2px solid var(--accent);outline-offset:1px}
.owa__terug input[aria-invalid="true"]{border-color:#B3261E}
.owa__fout{margin:0;color:#B3261E;font-size:var(--fs1)}
.owa__terug .owa__btn{justify-self:start}
.owa__klaar{margin:0;color:var(--accent);font-weight:600}
.owa__leeg{margin:24px 0 0;font-size:var(--fs3);max-width:50ch}
.owa__balie{background:var(--opp);padding:var(--sectie) 0}
.owa__balie-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,5vw,96px);align-items:start}
.owa__balie-txt{position:sticky;top:110px}
.owa__balie-txt p{margin:18px 0 0;max-width:46ch}
.owa__groot{display:inline-block;margin-top:28px;font-size:var(--fs5);font-weight:600;letter-spacing:-.02em;text-decoration:none;color:var(--accent)}
.owa__balie-beeld{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.owa__fig{margin:0}
.owa__fig--groot{grid-column:1/-1}
.owa__fig--klein{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:end}
.owa__fig--klein figcaption{margin-top:0}
.owa__fig img{width:100%;object-fit:cover;border-radius:var(--r)}
.owa__fig--groot img{aspect-ratio:16/9}
.owa__fig--klein img{aspect-ratio:4/3}
.owa__fig figcaption{margin-top:12px;color:var(--gedempt);font-size:var(--fs2);max-width:56ch}
.owa__voet{background:#16151D;color:#D9D7E4;font-size:var(--fs1)}
.owa__voet-pand img{width:100%;height:clamp(220px,26vw,380px);object-fit:cover;object-position:50% 55%;opacity:.9}
.owa__voet-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px 64px;padding-top:48px;padding-bottom:40px}
.owa__voet-logo{font-size:var(--fs4);font-weight:600;color:#fff;margin:0 0 10px}
.owa__voet-adres p:last-child{margin:0;font-size:var(--fs2);max-width:52ch}
.owa__voet-links{display:flex;flex-wrap:wrap;gap:6px 22px;align-content:start}
.owa__voet-links a{text-decoration:none;padding:4px 0}
.owa__voet-links a:hover{color:#fff}
.owa__voet-klein{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid #34323F;color:#ABA8BA}
@container (max-width:1060px){
  .owa__nav,.owa__btn--head{display:none}
  .owa__menu-knop{display:flex}
  .owa__p{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"foto hoofd" "foto contact" "foto open" "meer meer"}
  .owa__p-foto{width:112px;height:140px!important}
  .owa__p-contact{flex-direction:row;flex-wrap:wrap;gap:4px 18px;margin-top:10px}
  .owa__p-open{justify-self:start;margin-top:10px}
  .owa__p-meer{grid-template-columns:minmax(0,1fr)}
  .owa__balie-in,.owa__voet-in{grid-template-columns:minmax(0,1fr)}
  .owa__balie-txt{position:static}
  .owa__toev{margin-left:0;width:100%}
}
@container (max-width:640px){
  .owa>*{--fs4:22px;--fs5:32px;--fs6:44px}
  .owa__top-in{flex-direction:column;gap:2px}
  .owa__hero{min-height:560px}
  .owa__lead{font-size:var(--fs2)}
  .owa__filter{position:static;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--zij));padding-left:var(--zij);padding-right:var(--zij)}
  .owa__filter::-webkit-scrollbar{display:none}
  .owa__f{flex:0 0 auto}
  .owa__toev{flex:0 0 auto;width:auto;white-space:nowrap}
  .owa__p{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"foto naam" "foto rol" "wat wat" "contact contact" "open open" "meer meer";column-gap:16px}
  .owa__p-foto{width:84px;height:104px!important}
  .owa__p-hoofd{display:contents}
  .owa__p-naam{grid-area:naam;align-self:end}
  .owa__p-rol{grid-area:rol;margin-bottom:0;align-self:start}
  .owa__p-wat{grid-area:wat;margin-top:14px}
  .owa__balie-beeld{grid-template-columns:minmax(0,1fr)}
  .owa__fig--klein{grid-template-columns:minmax(0,1fr);gap:12px}
  .owa__groot{font-size:var(--fs4)}
}
@media (prefers-reduced-motion:reduce){.owa *{transition:none!important}}

// Teampagina · Oomen Wildschut Advocaten, Utrecht · © 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('.owa');if(!s)return;
var knop=s.querySelector('.owa__menu-knop'),menu=s.querySelector('.owa__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');}});
var kop=s.querySelector('.owa__lijst-kop .owa__h2'),lijst=s.querySelector('.owa__mensen'),leeg=s.querySelector('.owa__leeg');
var mensen=[].slice.call(s.querySelectorAll('.owa__p')),toev=s.querySelector('.owa__toev-in');
var namen={alle:'',arbeid:'arbeidsrecht',huur:'huurrecht',onderneming:'ondernemingsrecht',familie:'familierecht',erf:'erfrecht'};
var tal=['geen','één','twee','drie','vier','vijf','zes','zeven','acht','negen'];
var keus='alle';
function toon(){var n=0;var aan=[],uit=[];
  mensen.forEach(function(p){var g=p.getAttribute('data-g').split(' ');var ok=(keus==='alle'||g.indexOf(keus)>-1)&&(!toev.checked||p.getAttribute('data-t')==='1');p.classList.toggle('is-weg',!ok);(ok?aan:uit).push(p);if(ok)n++;});
  aan.concat(uit).forEach(function(p){lijst.appendChild(p);});
  var w=tal[n]||String(n);w=w.charAt(0).toUpperCase()+w.slice(1);
  if(keus==='alle'&&!toev.checked){kop.textContent='Negen advocaten, één gang';}
  else{kop.textContent=w+(n===1?' advocaat':' advocaten')+(keus==='alle'?'':' voor '+namen[keus]);}
  leeg.hidden=n>0;}
s.querySelectorAll('.owa__f').forEach(function(b){b.addEventListener('click',function(){keus=b.getAttribute('data-f');s.querySelectorAll('.owa__f').forEach(function(x){x.setAttribute('aria-pressed',String(x===b));});toon();});});
toev.addEventListener('change',toon);
s.querySelectorAll('.owa__terug').forEach(function(f,i){var nm=f.getAttribute('data-naam');
  f.innerHTML='<p class="owa__terug-kop">Laat '+nm+' u terugbellen</p><label>Uw naam<input name="n" autocomplete="name" required></label><label>Telefoonnummer<input name="t" type="tel" autocomplete="tel" required></label><label>Waar gaat het over, in een paar woorden<input name="w"></label><p class="owa__fout" aria-live="polite"></p><button type="submit" class="owa__btn">Terugbellen</button>';
  f.addEventListener('submit',function(e){e.preventDefault();var n=f.elements.n,t=f.elements.t,fout=f.querySelector('.owa__fout');var msg='';
    n.removeAttribute('aria-invalid');t.removeAttribute('aria-invalid');
    if(!n.value.trim()){msg='Vul uw naam in.';n.setAttribute('aria-invalid','true');}
    else if(t.value.replace(/[^0-9]/g,'').length<10){msg='Vul een telefoonnummer van tien cijfers in.';t.setAttribute('aria-invalid','true');}
    if(msg){fout.textContent=msg;return;}
    var u=new Date().getHours();var wanneer=u<11?'vandaag voor 17:30':'morgen voor 12:00';
    f.innerHTML='<p class="owa__klaar">Dank u, '+n.value.trim().split(' ')[0]+'. '+nm+' belt u '+wanneer+' terug op '+t.value.trim()+'.</p>';});});
s.querySelectorAll('.owa__p-open').forEach(function(b){var meer=b.parentNode.querySelector('.owa__p-meer');b.addEventListener('click',function(){var open=meer.hidden;meer.hidden=!open;b.setAttribute('aria-expanded',String(open));});});
}
init(document.querySelector('.jouw-container'));

Meer uit pagina-voorbeelden

Iets gezien dat je mooi vindt?

Zet het in je selectie en stuur hem op. Dan bouwen we je site eromheen, in jouw huisstijl.

Neem contact op →