{% if (pimcore_link('ctaLink').getHref() and pimcore_input('ctaTitle')) or editmode %}
<section class="cta-bottom">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-10 offset-lg-1">
<div class="row">
<div class="col-md-8 mb-4 mb-md-0 d-flex justify-content-center flex-column px-md-0">
<h3 class="text-uppercase">{{ pimcore_input("ctaTitle", {"placeholder": "Titel..."}).render()|raw }}</h3>
<p class="cta-bottom__title">{{ pimcore_input("ctaIntro", {"placeholder": "Titel...", 'nl2br': true}).render()|raw }}</p>
</div>
<div class="col-md-4 justify-content-md-end d-flex px-md-0">
<div class="d-flex align-items-center download__hover text-end">
{% if editmode %}
{{ pimcore_link('ctaLink', {'class': 'cta-bottom__button', "placeholder": "Knop..."}) }}
{% else %}
{% set link = pimcore_link('ctaLink') %}
<a href="{{ link.getHref() }}" class="cta-bottom__button px-md-0">{{ link.getText() }}</a>
<a href="{{ link.getHref() }}" class="text-end">
<img class="w-50" src="{{ asset('/img/arrow_download.png') }}" alt="">
</a>
{% endif %}
</div>
</div>
</div><!--/ .row -->
</div>
</div>
</div><!--/ .container-fluid -->
</section>
{% endif %}