{% if iSubCatDepth == 1 %}
    {% set defaultCounter = ( defaultCounter | default(-1) ) + 1 %} {% set iVisibleCategoryCounter = defaultCounter %}

    {% for subcatkey, oSubCat in aSubCats %}
        {% if loop.first %}
            <div class="row">
        {% endif %}

        {% if oSubCat.getIsVisible() %}
            {# content categories (e.g. from visual cms) before oxcategories #}
            {% for oCont in oSubCat.getContentCats() %}
                <div class="col-6 col-md-3 my-3 c4s-header-subcategory-level-{{ iSubCatDepth }}">
                    <a href="{{ oCont.getLink()|raw }}" class="fw-bold c4s-header-subcategory-level-{{ iSubCatDepth }}-link">
                        {% if iSubCatDepth == 2 %}<span class="d-md-none">- </span>{% endif %}
                        <span>{{ oCont.oxcontents__oxtitle.value }}</span>
                    </a>
                </div>
            {% endfor %}

            {# actual categories (oxcategory) #}
            <div class="col-6 col-md-3 my-3 c4s-header-subcategory-level-{{ iSubCatDepth }}">
                <a href="{{ oSubCat.getLink()|raw }}" class="fw-bold c4s-header-subcategory-level-{{ iSubCatDepth }}-link">
                    {% apply spaceless %}
                        {% block widget_header_inc_subcategorylist_subcattitle %}
                            <span>{{ oSubCat.oxcategories__oxtitle.value|replace({"&lt;br&gt;": ""})|raw }}</span>
                        {% endblock %}
                    {% endapply %}
                </a>

                {% if oSubCat.getSubCats() %}
                    {% include "widget/header/inc/subcategories.html.twig" with {iSubCatDepth: iSubCatDepth+1, aSubCats: oSubCat.getSubCats()} %}
                {% endif %}
            </div>
        {% endif %}

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

{% else %}
    <div class="list-group mt-2 mb-3 c4s-header-subcategory-level-{{ iSubCatDepth }}">
        {% for thirdsubcatkey, oSubSubCat in oSubCat.getSubCats() %}
            {% if oSubSubCat.getIsVisible() %}
                {% for oCont in oSubSubCat.getContentCats() %}
                    <a href="{{ oCont.getLink()|raw }}" class="list-group-item border-0 border-bottom px-0 small c4s-header-subcategory-level-{{ iSubCatDepth }}-link">
                        {% if iSubCatDepth == 2 %}<span class="d-md-none">- </span>{% endif %}
                        <span>{{ oCont.oxcontents__oxtitle.value }}</span>
                    </a>
                {% endfor %}
                <a href="{{ oSubSubCat.getLink()|raw }}" class="list-group-item border-0 border-bottom px-0 small c4s-header-subcategory-level-{{ iSubCatDepth }}-link">
                    {% apply spaceless %}
                        {% if iSubCatDepth == 2 %}<span class="d-md-none">- </span>{% endif %}
                        {% block widget_header_inc_subcategorylist_subsubcattitle %}
                            <span>{{ oSubSubCat.oxcategories__oxtitle.value|replace({"&lt;br&gt;": "\n"}) }}</span>
                        {% endblock %}
                    {% endapply %}
                </a>
            {% endif %}
        {% endfor %}
    </div>
{% endif %}