<header class="o-header  @if(isset($heroIsLarge)) o-header--hero-large @endif  @if(!empty($isSticky)) is-sticky js-sticky-header @endif" @if(!empty($isSticky)) hidden @endif>
    <div class="o-header__main  js-header-main">

        <div class="o-header__decoration"></div>

        <a class="o-header__logo" title="Home" href="{{ $links->home->route ?? '/' }}" @if(!empty($isSticky)) tabindex="-1" @endif>
            @include('components.icons.logo-on-light')
        </a>

        @if(isset($links))
        <nav class="o-header__nav">
            <div class="o-header__secondary-nav">
                @include('components.secondaryNavigation')
            </div>

            <div class="o-header__main-nav">
                @include('components.navigation', ['navPreventTab' => !empty($isSticky) ? true : false])
            </div>
        </nav>
        @endif

        <div class="o-header__toggle  js-nav-trigger">
            @include('components.hamburger', [
                'hamburgerClasses' => !empty($isSticky) ? 'js-overlay-menu-trigger  is-light' : 'js-overlay-menu-trigger',
                'hamburgerAria' => 'overlay-menu',
                'hamburgerPreventTab' => !empty($isSticky) ? true : false
            ])
        </div>
    </div>

    @if(empty($isSticky))
        @if(isset($heroIsLarge))
            <div class="o-header__hero">
                <div class="l-contain">
                    @include('organisms.hero')
                </div>
            </div>
        @elseif(isset($simpleHero))
            <div class="o-header__intro  is-simple">
                <div class="o-header__content">
                    <h1 class="c-page-heading">{!! $heroTitle ?? ($page->translation->subtitle ?? ($page->translation->name ?? '💩')) !!}</h1>
                </div>
            </div>
        @else
            <div class="o-header__intro">
                <div class="o-header__content">
                    <p class="c-page-preheading">{{isset($page) && isset($page->translation) ? $page->translation->name : ''}}</p>
                    <h1 class="c-page-heading">{!! $heroTitle ?? ($page->translation->subtitle ?? ($page->translation->name ?? '💩')) !!}</h1>
                </div>
                <div class="o-header__visual">
                    @include('components.heroIntroImage', ['imageId' => 'hero-intro' ])
                </div>
            </div>
        @endif
    @endif

</header>