{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ep=EP\EpTheme\ViewHelpers}
<div class="area-nav">
    <div class="area-nav__inner">
        <a class="area-nav__trigger area-nav__link" href="#" v-on:click.prevent="toggleAreaNavigation()">Bereich wechseln <i class="area-nav__trigger-icon fa fa-lg fa-caret-down"></i></a>
        <nav role="navigation">
            <ul class="area-nav__list">
                <v:menu levels="1" useShortcutUid="1" pageUid="{settings.topNavPid}">
                    <f:for each="{menu}" as="menuitem">
                        <li class="area-nav__list-item">
                            <a class="area-nav__link{f:if(condition: menuitem.active, then: ' active')}{f:if(condition: '{menuitem.uid} == {settings.forceActiveTopnavUid}', then: ' active')}" href="{menuitem.link}"{f:if(condition: '{menuitem.doktype} == 3', then: ' target="_blank"')} title="{menuitem.linktext}">{menuitem.title -> ep:topnavItem()}</a>
                        </li>
                    </f:for>
                </v:menu>
            </ul>
        </nav>
    </div>
</div>