{% extends "base.twig" %}
	

{% block content %}
	
	<div class="grid-y recht-grid large-grid-frame" id="view-container">
 
		<div class="cell large-auto large-cell-block-container">
			<div class="grid-x grid-padding-x" style="height:100%">
     
				<div class="cell large-3 large-cell-block-y recht-sidebar">
					<div class="grid-y large-grid-frame">
						
						{% include 'partials/navigation.twig' %}

					</div>
	      		</div>
      
				<div class="cell large-auto large-cell-block-y recht-content">
					<div class="grid-x">
						
						{% for item in categories.pages %}
						<div class="cell small-12 medium-6 large-4">
							
							{% if item.clickable == 0 %}
								<div class="image image__grid-y"><div class="image-wrapper" data-src="{{ item.image[0] }}" data-lazy-load></div></div>								
							{% else %}
								<div class="image image__grid-y">
									<div class="image-text">
										<h2 class="image-heading">{{ item.title }}</h2>
										<a class="image-link" href="{{ item.link }}">Lees verder</a>
									</div>
								</div>
							{% endif %}
							
						</div>
						{% endfor %}
							
						
									

					</div>
				</div>
			
			
				<div class="cell small-12 show-for-small-only recht-copyright text-center">
					{% include 'partials/copyrights.twig' %}				
				</div>
	  
	  
			</div>
		</div>
  
	</div>
		
  
{% endblock %}