{{#if this }}
    {{#if items}}
    {{#each items}}
    {{#ifCondition type "Agenda"}}

    <div class="tile tile--vertical">
        <div class="tile__image gradient{{styling}}">
            <div>
                <picture>
                    <source srcset="{{image}}&width=120&height=160&mode=crop&format=webp&quality=70 1x, {{image}}&width=240&height=320&mode=crop&format=webp&quality=70 2x" type="image/webp" />
                    <img loading="lazy" src="{{image}}&width=120&height=160&mode=crop&format=webp&quality=70" alt="De hospita en de verleiders" width="120" height="160" />
                </picture>
            </div>
        </div>
        <div class="tile__text">
            <h3><span class="gradient{{styling}}">{{{title}}}</span></h3>
            {{#if summary}}
                <p>{{summary}}</p>
            {{/if}}
        </div>
        <a href="{{url}}"></a>
    </div>

    {{/ifCondition}}
    {{#ifNotCondition type "Agenda"}}
    <div class="tile tile--text">
        <div class="tile__text">
            <h3>{{{title}}}</h3>
            {{#if summary}}
                <p>{{summary}}</p>
            {{/if}}
        </div>
        <a href="{{url}}"></a>
    </div>
    {{/ifNotCondition}}
    {{/each}}
    {{#ifNotCondition type "agenda"}}
    <a href="/zoekresultaten/?q={{searchterm}}">
    <span class="cta--white">Toon meer resultaten</span>
    </a>
    {{/ifNotCondition}}
    {{else}}
<p>Er zijn geen suggesties gevonden...</p>
<a href="/zoekresultaten/?q={{searchterm}}">
    <span class="cta--white">Toon meer resultaten</span>
</a>
    {{/if}}
{{else}}
<p class="text-center">
    <img src="/images/preloader-dots-white.svg" width="60" height="100" alt="Laden" />
</p>
{{/if}}