{{- $full := get .Content "full" -}}
{{- $service := default (copy .Page .Content "service_label") "Leistungen" -}}
{{- $work := default (copy .Page .Content "work_label") "Referenzen" -}}
{{- $faq := default (copy .Page .Content "faq_label") "FAQ" -}}
{{- $contact := default (copy .Page .Content "contact_label") "Kontakt" -}}

<header class="nav{{ if $full }} nav--full{{ end }}" data-component="nav" data-shifu-element="{{ .Content.Position }}">
    <div class="nav__inner">
        <a class="nav__brand" href="/" aria-label="Schnittfest – Startseite">
            <span class="nav__rec" aria-hidden="true"></span>
            <img class="nav__logo" src="/static/img/logo-schwarz.png" alt="Schnittfest" width="2756" height="661" />
        </a>
        {{ if $full }}
        <button class="nav__toggle" type="button" aria-expanded="false" aria-controls="nav-links">
            <span class="nav__toggle-bar"></span>
            <span class="nav__toggle-bar"></span>
            <span class="visually-hidden">Menü</span>
        </button>
        <nav class="nav__links" id="nav-links">
            <a class="nav__link" href="/#service" data-nr="01">{{ $service }}</a>
            <a class="nav__link" href="/#work" data-nr="02">{{ $work }}</a>
            <a class="nav__link" href="/#faq" data-nr="03">{{ $faq }}</a>
            <a class="nav__link nav__link--cta" href="/#footer" data-nr="04">{{ $contact }}</a>
        </nav>
        {{ end }}
    </div>
</header>