<section class="slide bg-dark-bg {{ styleModifier | default(null) }} {{ anchorNavItem | default(null) ? 'js-anchor-nav__item' : '' }}"
{% if anchorNavItem | default(null) and anchorNavTitle | default(null) %}
data-anchor-nav-title="{{ anchorNavTitle }}"
{% endif %}>
{# no container as styleModifier! #}
<div class="container">
{{ include('Includes/title-block.html.twig', {
title: title|default(''),
subtitle: subtitle|default(''),
isCentered: true,
wysiwyg: wysiwyg|default(''),
isWhite: true,
styleModifier: 'js-fade-in'
}) }}
</div>
<div class="container container-sm">
<ul class="download-list d-flex flex-column list-unstyled vertical-gutter--default">
{% if downloadSnippet|default(null) %}
<li class="vertical-gutter__item js-fade-in">
{{ pimcore_inc(downloadSnippet) }}
</li>
{% endif %}
{% if downloads is defined and downloads is iterable %}
{% for download in downloads %}
<li class="vertical-gutter__item js-fade-in">
{{ include('Renderlet/downloadItem.html.twig', getDownloadItemDataByAsset(download)) }}
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</section>