{% if nav_pages %}
    <div class="widget clearfix">

        <div class="widget-title visible-xs">
            <a class="collapse-widget" href="#side-navigation" data-toggle="collapse">Reiseziele</a>
        </div><!-- end title -->

        <nav id="side-navigation" class="navbar collapse in" role="navigation" itemscope
             itemtype="https://schema.org/SiteNavigationElement"
        >
            <ul class="side-menu" role="menu">

                {% for nav_page in nav_pages %}

                    <li {% if nav_page == nav_open_node or nav_page == page %}class ="active"{% endif %} itemprop="name">
                        <a itemprop="url" href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}">
                            {{ nav_page.title }}
                        </a>
                    </li>

                    {% if nav_page == nav_open_node %}
                        {% for nav_child_page in nav_child_pages if nav_child_page.status == 1 and nav_child_page.showInNavi == 1 %}
                            <li class="sub-menu-item{% if nav_child_page == page %} active{% endif %}" itemprop="name">
                                <i class="fa fa-star"></i>
                                <a itemprop="url" href="{{ nav_child_page.urlPath }}" title="{{ nav_child_page.title }}">
                                    {{ nav_child_page.title }}
                                </a>
                            </li>
                        {% endfor %}
                    {% endif %}

                {% endfor %}

            </ul>
        </nav>

    </div>
{% endif %}