{% for itemLvl0 in jsonObj.Items %}
<div class="meme__list-item">
    <div class="meme__link-wrapper ">
        <a class=" {{ 'meme__normal-link' if itemLvl0.Children.length === undefined}} "
           data-page-id="{{ itemLvl0.Id }}"
           href="{{ itemLvl0.Link.Uri }}"
           target="{{ itemLvl0.Link.Target}}">
            {{ itemLvl0.Title }}
        </a>

        {%if itemLvl0.Children.length > 0 %}
        <span class="meme__trigger meme__trigger--first-lvl"></span>
        {% endif %}

    </div>

    {%if itemLvl0.Children.length > 0 %}
    <div class="meme__lvl-wrapper meme__lvl-wrapper--first-lvl">
        <div class="meme__overview-wrapper">
            <a href="{{ itemLvl0.Link.Uri }}" target="{{ itemLvl0.Link.Target}}">{{ jsonObj.OverviewDictionaryText }}</a>
        </div>
        {% set newsboxClass = "" %}
        {%if itemLvl0.Newsbox|length %}
            {% set newsboxClass = "hasNewsbox" %}
        {% endif %}

        <div class="meme__list meme__column-count--3 {{ newsboxClass }}" data-meme-lvl="1" data-parent-page="{{ itemLvl0.Id }}">
            <div class="meme__list-item meme__list-item--back">
                <div class="meme__link-wrapper">
                    <span class="meme__trigger meme__trigger--back"></span>
                    <a href="{{ itemLvl0.Link.Uri }}" target="{{ itemLvl0.Link.Target}}">{{ itemLvl0.Title }}</a>
                </div>
            </div>

            {% for itemLvl1 in itemLvl0.Children %}

            <div class="meme__list-item">
                <div class="meme__link-wrapper {{ 'meme__link-wrapper--last' if loop.index === itemLvl0.Children.length}}">
                    <a data-page-id="{{ itemLvl1.Id }}"
                       href="{{ itemLvl1.Link.Uri }}"
                       target="{{ itemLvl1.Link.Target}}">
                        {{ itemLvl1.Title }}
                    </a>

                    {%if itemLvl1.Children.length > 0 %}

                    <span class="meme__trigger"></span>

                    {% endif %}

                </div>

                {%if itemLvl1.Children.length > 0 %}

                <div class="meme__lvl-wrapper">
                    <div class="meme__list" data-meme-lvl="2" data-parent-page="{{ itemLvl1.Id }}">
                        <div class="meme__list-item meme__list-item--back">
                            <div class="meme__link-wrapper">
                                <span class="meme__trigger meme__trigger--back"></span>
                                <a href="{{ itemLvl1.Link.Uri }}" target="{{ itemLvl1.Link.Target}}">{{ itemLvl1.Title }}</a>
                            </div>
                        </div>

                        {% for itemLvl2 in itemLvl1.Children %}
                        <div class="meme__list-item">
                            <div class="meme__link-wrapper {{ 'meme__link-wrapper--last' if loop.index === itemLvl1.Children.length}}">
                                <a data-page-id="{{ itemLvl2.Id }}"
                                   href="{{ itemLvl2.Link.Uri }}"
                                   target="{{ itemLvl2.Link.Target}}">
                                    {{ itemLvl2.Title }}
                                </a>
                            </div>
                        </div>

                        {% endfor %}

                    </div>
                </div>

                {% endif %}

            </div>

            {% endfor %}
        </div>
        {%if itemLvl0.Newsbox|length %}
            <a class="meme__newsbox" href="{{itemLvl0.Newsbox.Link}}">

                <div class="meme__newsbox-image" style="background-image: url('{{itemLvl0.Newsbox.ImageUrl}}')"></div>

                <div class="meme__newsbox-content">
                    <h3 class="meme__newsbox-headline">
                        {{itemLvl0.Newsbox.Headline}}
                    </h3>

                    <div class="btn color-affordance--white affordance">
                        <span>
                            {{itemLvl0.Newsbox.Affordance}}
                        </span>
                    </div>
                </div>
            </a>
        {% endif %}

    </div>

    {% endif %}

</div>

{% endfor %}