{% extends "base.twig" %}

{% block title %}
	{{ page.meta_title }}
	{{ page.meta_description }}
{% endblock %}


{% block content %}
	
	{% if page.image[0] %}
		<div class="page-section page-section__showcase">
		
			<div class="showcase-text">
			
				<div class="grid-container">
					<div class="grid-x grid-padding-x align-center">
						
						<!--<div class="cell already-visible">
							<span class="oli-mazi__shape"></span>
						</div>-->
						{#
						{% if page.call_to_action != 1 %}
							<div class="cell small-12 medium-7">	

								<h2>{{ page.titel }}</h2>
																
								{% if page.button %}	
									<a href="{{ page.button.link }}" class="button primary">{{ page.button.label }}</a>
								{% endif %}
								
							</div>
						{% endif %}
						#}
				
					</div>
				</div>
			
			</div>
		
			<div class="jarallax jarallax__full-width">
				<img data-src="{{ page.image[0] }}" alt="" class="lazy-image jarallax-img">
			</div>
		
		</div>

	{% endif %}

	
	{% for row in page.contents %}
    	<div class="page-section {{row.classname}}" id="{{ row.id }}">
			<div class="image image__before animate__fadeIn" data-animate=""></div>

				{{ row.html|raw }}
			
			<div class="image image__after animate__fadeIn" data-animate></div>
		</div>
	{% endfor %}
	
 
	{% if page.form %}
		{% include 'partials/form.twig' %}
	{% else %}
		{% include 'partials/cta_footer.twig' %}
	{% endif %}
	
		
  
{% endblock %}