<div class="default-box box-subcats">
    <div class="default-box-header">
        <span>Wickeln und Windeln</span>
    </div>

    <div class="default-box-content">
        <ul>
            {% for category in categories %}
            <li>
                <a href="{{ category.uri }}" {% if category.active %} class="active-link" {% endif %} title="{{ category.title }}">
                    <i class="fa fa-chevron-right fa-fw"></i>{{ category.title }}
                </a>

                {% if category.links %}
                <ul>
                    {% for link in category.links %}
                    <li>
                        <a href="{{ link.uri }}" title="{{ link.title }}">
                            <i class="fa fa-angle-right fa-fw"></i>{{ link.title }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
                {% endif %}

            </li>
            {% endfor %}
        </ul>
    </div>
</div>