{% 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 recht-content__news">
					<div class="grid-x">
						
						<div class="cell medium-auto recht-content-main">
							<div class="page-row">
								<h1>{{ categories.name }}</h1>
								
								{% for item in categories.pages %}
	
									<div class="cell small-12">
										<div class="news-item">
											<h2>{{ item.title }} <!--<span class="icon-rechtsgebied icon-rechtsgebied__news {{ item.area_of_expertise }}"></span>--></h2>
											<p>{{ item.lead }}</p>
											<a class="image-link" href="{{ item.link }}">Lees verder</a>
											</div>
									</div>
							
								{% endfor %}
							
							</div>
						</div>
						
						
						
						

					</div>
				</div>
			
			</div>
		</div>
  
	</div>
		
  
{% endblock %}