{% block css_webpack %}
    <link rel="preload" as="style" href="/uploads/static/mercurium/dist/css/thematic-css.css">
    <link rel="stylesheet" href="/uploads/static/mercurium/dist/css/thematic-css.css">
    <link rel="preload" as="script" href="/uploads/static/mercurium/dist/js/thematic-js.js" />
{% endblock %}

{% block cssbody %}
	{% spaceless %}
		{% if _cs_entity is defined and _cs_entity is not empty and _cs_entity.selfContentType == 118 %}
			class="thematic category-{{ _cs_entity.id }}"
		{% else %}
			class="thematic"
		{% endif %}
	{% endspaceless %}
{% endblock %}

{% block cscontent %}
	<div class="row row-top">
        <cslayout id="[reference:layout-header]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Header" locked="false" linked="true" />
    </div>
	<div class="row row-content">
		<cslayout id="[reference:layout-breadcrumb]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Breadcrumb" locked="false" linked="true" />
	</div>
    <div class="row row-content">
        <cslayout id="[reference:layout-thematic-left]" class="col-xs-12 col-sm-12 col-md-8 col-lg-8" name="Content" locked="false" linked="false" />
        <cslayout id="[reference:layout-thematic-right]" class="col-xs-12 col-sm-12 col-md-4 col-lg-4" name="Content" locked="false" linked="true" />
    </div>
	<div class="row row-fullwidth">
		<cslayout id="[reference:layout-newsletter]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Newsletter" locked="false" linked="true" />
	</div>
    <div class="row row-bottom">
        <cslayout id="[reference:layout-footer]" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" name="Footer" locked="false" linked="true" />
    </div>
{% endblock %}

{% block js_webpack %}
    <script type="text/javascript" src="/uploads/static/mercurium/dist/js/thematic-js.js"></script>
{% endblock %}