{# SubSubmenu #}
<div class="c-nav--subsubnav c-subsubnav u-color-white js-subsubnav" data-bgcolor="{{ color }}">
<div class="c-subsubnav__left u-1/3 u-bg-white o-flex o-flex--stretch-items">
<div class="c-subsubnav--meta u-bg-{{ color }}--opacity80 u-padding-top-small u-padding-horizontal-large u-padding-horizontal-small@tablet u-text-left">
{% if lastPart == subsite.slug and section is not defined %}
<h2 class="u-padding-top-tiny u-text-lineheight-normal u-h2@desktop">{{ subsite.oneliner | raw }}</h2>
{% else %}
<div class="u-padding-top-tiny u-text-lineheight-normal u-h2@desktop c-h2" style="letter-spacing: 0; margin-bottom: 22px;">{{ subsite.oneliner | raw }}</div>
{% endif %}
<a href="{{ path('notaris_frontend_subsite', {'slug': subsite.slug}) }}" class="c-btn c-btn--small c-btn--subsubnav o-flex u-text-left u-bg-{{ color }} u-margin-bottom-tiny">
<span class="u-h3 u-text-bold">{{ "md_start" | trans }}</span>
<span class="c-btn c-btn__next c-btn__next--white c-btn--empty"></span>
</a>
<ul class="o-list-bare">
<li class="o-list-bare__item c-subsubnav__item c-subsubnav__item-full{% if 'notaris_frontend_subsite_news' in app.request.get('_route') %} active{% endif %}">
<a href="{{ path('notaris_frontend_subsite_news', {'subsiteslug': subsite.slug}) }}" class="c-subsubnav__link u-padding-left-none" title="{{ "sn_actueel" | trans | raw }}">
{{ "sn_actueel" | trans | raw }}
</a>
</li>
<li class="o-list-bare__item c-subsubnav__item c-subsubnav__item-full{% if 'notaris_frontend_faq_subsite' in app.request.get('_route') %} active{% endif %}">
<a href="{{ path('notaris_frontend_faq_subsite',{ 'subsiteSlug': subsite.slug}) }}" class="c-subsubnav__link u-padding-left-none" title="{{ "sn_vragenenantwoorden" | trans | raw }}">
{{ "sn_vragenenantwoorden" | trans | raw }}
</a>
</li>
<li class="o-list-bare__item c-subsubnav__item c-subsubnav__item-full{% if 'notaris_frontend_brochures' in app.request.get('_route') %} active{% endif %}">
<a href="{{ path('notaris_frontend_brochures',{'subsiteSlug': subsite.slug}) }}" class="c-subsubnav__link u-padding-left-none" title="{{ "md_publi" | trans | raw }}">
{{ "md_publi" | trans | raw }}
</a>
</li>
<li class="o-list-bare__item c-subsubnav__item c-subsubnav__item-full{% if 'notaris_frontend_tv_detail' in app.request.get('_route') %} active{% endif %}">
<a href="{{ path('notaris_frontend_tv_detail', {'slug': subsite.slug}) }}" class="c-subsubnav__link u-padding-left-none" title="{{ "sv_notaristv" | trans | raw }}">
{{ "sv_notaristv" | trans | raw }}
</a>
</li>
</ul>
</div>
</div>
<div class="c-subsubnav__right u-2/3 u-bg-{{ color }}">
<ul class="o-list-bare o-flex o-flex--wrap u-padding-top-small u-padding-horizontal-large u-padding-horizontal-small@tablet">
{% for section in subsite.sections|filter(section => section.parent is null and section.isActive and section.showNavigation) %}
<li class="o-list-bare__item c-subsubnav__item{% if currentslug is defined %}{% if currentslug == section.slug %} active{% endif %}{% endif %}">
<a href="{% if section.redirectUrl %}{{ section.redirectUrl }}{% else %}{{ path('notaris_frontend_subsite_detail', {'slug': subsite.slug, 'slugdetail': section.slug }) }}{% endif %}" class="c-subsubnav__link" title="{{ section.navigation | raw }}">{{ section.navigation | raw }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>