<section class="{{ styleModifier | default(null) }} {{ anchorNavItem | default(null) ? 'js-anchor-nav__item' : '' }}"
{% if anchorNavItem | default(null) and anchorNavTitle | default(null) %}
data-anchor-nav-title="{{ anchorNavTitle }}"
{% endif %}>
{{ include('Includes/title-block.html.twig', {
title: title,
subtitle: subtitle,
wysiwyg: wysiwyg,
isCentered: true
}) }}
<section class="{{ styleModifier | default(null)}}">
<div class="row vertical-gutter--default">
<div class="vertical-gutter__item col-md-4 col-6">
<div class="vertical-gutter--default">
<div class="vertical-gutter__item">
{{ include('Renderlet/contentTeaser.html.twig', {
title: items.item1.title,
subtitle: items.item1.subtitle,
href: items.item1.href,
image: items.item1.image,
orientation: 'landscape'
}) }}
</div>
<div class="vertical-gutter__item">
{{ include('Renderlet/contentTeaser.html.twig', {
title: items.item2.title,
subtitle: items.item2.subtitle,
href: items.item2.href,
image: items.item2.image,
orientation: 'landscape'
}) }}
</div>
</div>
</div>
<div class="vertical-gutter__item col-md-3 col-6">
{{ include('Includes/Teaser/simple-text-snippet.html.twig',{
hasImage: true,
image: items.item3.image,
text: items.item3.title,
button: {
href: items.item3.href,
text: 'community.Unterkünfte'|trans
}
}
) }}
</div>
<div class="vertical-gutter__item col-md-4 col-6">
<div class="vertical-gutter--default">
<div class="vertical-gutter__item">
{{ include('Renderlet/contentTeaser.html.twig', {
title: items.item4.title,
subtitle: items.item4.subtitle,
href: items.item4.href,
image: items.item4.image,
orientation: 'landscape'
}) }}
</div>
<div class="vertical-gutter__item">
{{ include('Renderlet/contentTeaser.html.twig', {
title: items.item5.title,
subtitle: items.item5.subtitle,
href: items.item5.href,
image: items.item5.image,
orientation: 'landscape'
}) }}
</div>
</div>
</div>
</div>
</section>
</section>