{% if iSubContentCatDepth == 1 %}
    {% for subcontentcatkey, oSubContentCat in oSubContentCats %}
        {% if loop.first %}
            <div class="row">
        {% endif %}

        <div class="col-6 col-md-3 my-3 c4s-header-subcategory-level-{{ iSubContentCatDepth }}">
            <a href="{{ oSubContentCat.getLink()|raw }}" class="fw-bold c4s-header-subcategory-level-{{ iSubContentCatDepth }}-link">
                <span>{{ oSubContentCat.oxcontents__oxtitle.value }}</span>
            </a>
            {% set oSubSubContentCats = {} %} {# will be filled by vcms module block extension #}
            {% block widget_header_categorylist_content_cat %}
                {% if oSubSubContentCats %}
                    {% include "widget/header/inc/subcontentcategories.html.twig" with {iSubContentCatDepth: iSubContentCatDepth+1, oSubContentCats: oSubSubContentCats} %}
                {% endif %}
            {% endblock %}
        </div>

        {% if loop.last %}
            </div>
        {% endif %}
    {% endfor %}

{% else %}
    <div class="list-group mt-2 mb-3 c4s-header-subcategory-level-{{ iSubContentCatDepth }}">
        {% for thirdsubcontentcatkey, oSubSubContentCat in oSubContentCats %}
            <a href="{{ oSubSubContentCat.getLink()|raw }}" class="list-group-item border-0 border-bottom px-0 small c4s-header-subcategory-level-{{ iSubContentCatDepth }}-link">
                {% if iSubContentCatDepth == 2 %}<span class="d-md-none">- </span>{% endif %}
                {{ oSubSubContentCat.oxcontents__oxtitle.value }}
            </a>
        {% endfor %}
    </div>
{% endif %}