<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      data-namespace-typo3-fluid="true">
<div class="section section-nav">

    <nav class="navbar navbar--brand">
        <a id="toggler" class="nav-link nav-toggler collapsed" href="#" data-toggle="collapse" data-target="#navToggler" aria-expanded="false" aria-controls="navToggler" aria-label="Mobile Navigation einblenden">
            <div class="toggle-icon">
                <div class="bar"></div>
                <div class="bar"></div>
                <div class="bar"></div>
            </div>

        </a>


        <f:link.page pageUid="{rootPage}" class="navbar-brand" title="{settings.logo.linktitle}">
            <f:image class="logo logo--default" src="{f:uri.image(src: settings.logo.file)}" alt="{settings.logo.alt}"/>
        </f:link.page>
    </nav>

    <nav class="navbar navbar--mobile navbar-dark bg-primary">
        <div class="navbar-collapse collapse" id="navToggler">
            <div class="navbar-collapse-inner">
                <ul class="navbar-nav navbar-nav--mobile" role="menubar">
                    <f:render partial="Navigation/Main" arguments="{nav: navMobile, type: 'mobile', rootPage: rootPage}"/>
                </ul>
                <ul class="navbar-nav navbar-nav--service">
                    <li class="nav-item">
                        <f:link.page class="nav-link" pageUid="1">zurück zur Startseite</f:link.page>
                    </li>
                    <li class="nav-item">
                        <f:link.page class="nav-link" pageUid="9">Kontakt</f:link.page>
                    </li>
                </ul>
            </div>
        </div>
    </nav>


    <nav class="navbar navbar--desktop navbar-light is--sticky" aria-label="Hauptnavigation (desktop)">
        <ul class="navbar-nav navbar-nav--desktop" role="menubar">
            <f:render partial="Navigation/Logo" arguments="{rootPage: rootPage}"/>
            <f:render partial="Navigation/Main" arguments="{nav: navMain, type: 'main', rootPage: rootPage}"/>
            <f:render partial="Navigation/Service" arguments="{nav: navService, type: 'service'}"/>

        </ul>
    </nav>
</div>
