Filter

The filter composition contains an input for a search query, and can contain multiple filter-dropdowns. The dropdowns will toggle checkboxes with filter options, which will be displayed at the bottom. The user can remove the filters again when needed.

Default

px

			
				<div class="c-filter js-filter ">
	<div class="l-container:10/12 l-container--default-spacing">
		<div class="l-grid l-grid--default-spacing">
			<div class="c-input  l-grid__col:12/12">
				<input id="input-default-2" class="c-input__field" type="text" name="input-default-2" placeholder="Zoek op werken, kunstenaars en stromingen" />
				<div class="c-input__button">
					<button class="c-icon-button ">
						<div class="c-icon c-icon-button__icon">
							<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
								<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5269 10.2635C18.5269 14.8272 14.8272 18.5269 10.2635 18.5269C5.69967 18.5269 2 14.8272 2 10.2635C2 5.69967 5.69967 2 10.2635 2C14.8272 2 18.5269 5.69967 18.5269 10.2635ZM16.7794 18.1936C15.0071 19.6515 12.7375 20.5269 10.2635 20.5269C4.5951 20.5269 0 15.9318 0 10.2635C0 4.5951 4.5951 0 10.2635 0C15.9318 0 20.5269 4.5951 20.5269 10.2635C20.5269 12.7375 19.6515 15.0071 18.1936 16.7794L23.7999 22.3857L22.3857 23.7999L16.7794 18.1936Z" />
							</svg>
						</div>
						<span class="u-visually-hidden">search</span>
					</button>
				</div>
			</div>
			<div class="c-filter__container l-grid__col:12/12">
				<button class="c-dropdown c-dropdown--inverse c-filter__button u-visually-hidden@at:vp-7">
					<span class="c-dropdown__title">Filters</span>
				</button>
				<ul class="c-filter__collapse-list">
					<li class="c-filter__collapse-item">
						<button class="c-dropdown js-filter-list-trigger" data-filter-list-target="dropdown-1">
							<span class="c-dropdown__title">Materiaal en techniek</span>
						</button>
					</li>
					<li class="c-filter__collapse-item">
						<button class="c-dropdown js-filter-list-trigger" data-filter-list-target="dropdown-2">
							<span class="c-dropdown__title">Geografie</span>
						</button>
					</li>
					<li class="c-filter__collapse-item">
						<button class="c-dropdown js-filter-list-trigger" data-filter-list-target="dropdown-3">
							<span class="c-dropdown__title">Periode</span>
						</button>
					</li>
				</ul>
				<div class="c-filter__checkboxes">
					<div class="
		c-checkbox
		l-flex__item
	">
						<label class="c-checkbox__container">
							<input class="c-checkbox__input" type="checkbox" name="checkbox-button" id="checkbox-button1" value="Tentoongesteld" checked />
							<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">Tentoongesteld</p>
						</label>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="c-filter__lists">
		<div class="c-filter-list js-filter-list " id="dropdown-1">
			<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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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 materiaal (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>
		<div class="c-filter-list js-filter-list " id="dropdown-2">
			<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">Geografie</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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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 geografie (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>
		<div class="c-filter-list js-filter-list " id="dropdown-3">
			<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">Periode</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>
	</div>
	<div class="c-filter__delete u-margin-top:6 l-container:10/12 l-container--default-spacing">
		<div class="c-filter__delete-container l-grid__col:12/12 l-flex">
			<button class="c-delete " id="delete-filter">
				<div class="c-delete__icon"></div>
				<span class="c-delete__title">Wis alle filters</span>
			</button>
			<button class="c-delete u-margin-top:5@to:vp-7  u-margin-left:6@at:vp-7 c-delete--secondary" id="delete-filter1">
				<div class="c-delete__icon"></div>
				<span class="c-delete__title">De meesterwerken</span>
			</button>
		</div>
		<div class="c-divider c-filter__divider"></div>
	</div>
</div>