<button class="js-filter-list-trigger" data-filter-list-target="materiaal-en-techniek">
Show filter list
</button>
<div class="c-filter-list js-filter-list " id="materiaal-en-techniek">
<div class="c-filter-list__header">
<div class="
l-container:12/12
l-container--default-spacing
l-flex
l-flex--justify-content:space-between
l-flex--align-items:center
">
<span class="c-filter-list__title">Materiaal en techniek</span>
<button class="c-filter-list__close">
<div class="c-icon c-filter-list__icon">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0006 9.32006L2.6805 0L0.000334479 2.68017L9.3204 12.0002L0 21.3206L2.68017 24.0008L12.0006 14.6804L21.3198 23.9997L24 21.3195L14.6807 12.0002L23.9997 2.68129L21.3195 0.00112372L12.0006 9.32006Z" />
</svg>
</div>
</button>
</div>
</div>
<div class="c-filter-list__items-container l-container:10/12 l-container--default-spacing">
<ul class="c-filter-list__items l-grid l-grid--default-spacing">
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
<li class="c-filter-list__item l-grid__col:12/12 l-grid__col:6/12@at:vp-7 l-grid__col:3/12@at:vp-9">
<div class="
c-checkbox
c-checkbox--small
">
<label class="c-checkbox__container">
<input class="c-checkbox__input" type="checkbox" name="checkbox-small-button" id="checkbox-small-button-1" value="Werken met afbeelding (15)" />
<span class="c-checkbox__holder">
<div class="c-icon c-icon--white c-checkbox__icon">
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.47585 8.58446L13.6957 0.350067L15.7228 2.38279L5.47585 12.6499L-7.92678e-06 7.15337L2.02715 5.12066L5.47585 8.58446Z" />
</svg>
</div>
</span>
<p class="c-checkbox__label">Werken met afbeelding (15)</p>
</label>
</div>
</li>
</ul>
</div>
<button class="c-filter-list__footer">
<div class="l-container:12/12 l-container--default-spacing">
<span class="c-filter-list__footer-title">Toon 37 resultaten</span>
</div>
</button>
</div>
