{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ep=EP\EpEvents\ViewHelpers}
<header class="page-header">
    <div class="page-header__bar">
        <div class="page-header__bar__main">
            <div class="page-header__bar__search">
                <f:cObject typoscriptObjectPath="lib.searchForm"/>
            </div>
            <div class="page-header__bar__helpernav">
                <a href="tel:{settings.phoneNumberLink}" class="page-header__bar__link">T {settings.phoneNumberDisplay}</a>
                <span class="page-header__bar__divider"> | </span>
                <nav class="helpernav">
                    <ul class="plain-list inline-list">
                        <v:menu pageUid="{settings.helperNavPid}" useShortcutUid="1" expandAll="1" titleFields="title">
                            <f:for each="{menu}" as="topItem">
                                <li class="helpernav__item">
                                    <a href="{topItem.link}" class="helpernav__link" title="{topItem.title}">{topItem.linktext}</a>
                                    <f:if condition="{topItem.hasSubPages}">
                                        <div class="helpernav__subnav">
                                            <ul class="plain-list">
                                                <v:menu pageUid="{topItem.uid}" useShortcutUid="1" titleFields="title">
                                                    <f:for each="{menu}" as="subItem">
                                                        <li class="helpernav__subitem"><a href="{subItem.link}" class="helpernav__sublink" title="{subItem.title}">{subItem.linktext}</a></li>
                                                    </f:for>
                                                </v:menu>
                                            </ul>
                                        </div>
                                    </f:if>
                                </li>
                            </f:for>
                        </v:menu>
                        <f:if condition="{settings.enableLanguageSwitch}">
                            <f:for each="{langnav}" as="language">
                                <f:if condition="{language.active}">
                                    <f:else>
                                        <li class="helpernav__item{f:if(condition: '{language.available}', else: ' helpernav__item--disabled')}">
                                            <f:if condition="{language.available}">
                                                <f:then>
                                                    <a href="{language.link}" class="helpernav__link" title="{language.data.title}">
                                                        {f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
                                                    </a>
                                                </f:then>
                                                <f:else>
                                                    <span class="helpernav__link" title="{language.data.title}">
                                                        {f:if(condition: '{language.languageUid} == 0', then: 'DE', else: 'EN')}
                                                    </span>
                                                </f:else>
                                            </f:if>
                                        </li>
                                    </f:else>
                                </f:if>
                            </f:for>
                        </f:if>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="page-header__main">
        <f:link.typolink parameter="{rootPage.0.data.uid}" title="Start">
            <svg class="logo page-header__logo" preserveAspectRatio="xMinYMid" viewBox="0 0 243 74">
                <g id="logo">
                    <g id="logo__brand">
                        <path d="M107,0.3c-36.4,5.5 -81.6,19.1 -81.6,38.2c0,17.7 41.8,13.2 41.8,13.2c0,0 -67,22.3 -67,-7c0,-33.2 84.5,-44.4 106.8,-44.4Z" style="fill:#0084d4;"/>
                        <path d="M17,73.5c36.4,-5.4 81.6,-19.1 81.6,-38.2c0,-17.7 -41.8,-13.2 -41.8,-13.2c0,0 67,-22.3 67,7c0,33.3 -84.5,44.4 -106.8,44.4Z" style="fill:#f8c62f;"/>
                        <path d="M60.7,34.3l-12.8,4l12.2,0.8l-0.4,-2.4l1,-2.4Z" style="fill:#0084d4;"/>
                        <path d="M75.9,35.2l-9.2,2.9l-3.5,9.7l-1.7,-11.3l4,-10.7l1.7,7.9l8.7,1.5Z" style="fill:#f8c62f;"/>
                    </g>
                    <g id="logo__name">
                        <path d="M161.8,41.6c2.2,0 3.8,1.6 3.8,3.8c0,2 -1.3,3.3 -2.8,3.7l3.3,5.8l-1.8,0l-3.1,-5.6l-3.7,0l0,5.6l-1.6,0l0,-13.3l5.9,0Zm-4.2,6.3l4.2,0c1.2,0 2.2,-1 2.2,-2.5c0,-1.6 -1.1,-2.5 -2.6,-2.5l-3.8,0l0,5Z" style="fill:#0084d4;"/>
                        <path d="M181.9,41.6l0,1.4l-7.5,0l0,4.8l6.5,0l0,1.4l-6.5,0l0,4.4l7.7,0l0,1.3l-9.3,0l0,-13.3l9.1,0Z" style="fill:#0084d4;"/>
                        <rect x="189.1" y="41.6" width="1.6" height="13.3" style="fill:#0084d4;"/>
                        <path d="M197.7,54.1l0.4,-1.3c0.5,0.2 2.3,0.9 4.1,0.9c2.2,0 3.3,-0.9 3.3,-2.2c0,-1.7 -1.7,-2.1 -3.4,-2.6c-2.1,-0.6 -4.3,-1.3 -4.3,-3.9c0,-2.4 1.8,-3.6 4.5,-3.6c1.6,0 3.3,0.5 4.2,0.9l-0.4,1.3c0,0 -2,-0.8 -3.7,-0.8c-1.8,0 -3,0.9 -3,2.2c0,1.6 1.8,2.1 3.4,2.6c2.1,0.6 4.3,1.3 4.3,3.9c0,2.5 -2,3.6 -4.7,3.6c-2.1,0 -3.9,-0.6 -4.7,-1Z" style="fill:#0084d4;"/>
                        <path d="M223,41.6l0,1.4l-7.5,0l0,4.8l6.5,0l0,1.4l-6.5,0l0,4.4l7.7,0l0,1.3l-9.3,0l0,-13.3l9.1,0Z" style="fill:#0084d4;"/>
                        <path d="M231.8,41.6l4.2,6.3l2.9,4.5l-0.1,-4.5l0,-6.3l1.6,0l0,13.3l-1.7,0l-4.2,-6.5l-2.8,-4.4l0.1,4.5l0,6.4l-1.6,0l0,-13.3l1.6,0Z" style="fill:#0084d4;"/>
                        <path d="M165.1,60.1l0,1.4l-7.5,0l0,4.8l6.5,0l0,1.4l-6.5,0l0,4.4l7.7,0l0,1.4l-9.3,0l0,-13.4l9.1,0Z" style="fill:#0084d4;"/>
                        <path d="M171.2,60.1l4,11.3l4,-11.3l1.7,0l-4.8,13.3l-1.8,0l-4.8,-13.3l1.7,0Z" style="fill:#0084d4;"/>
                        <path d="M195.1,60.1l0,1.4l-7.5,0l0,4.8l6.5,0l0,1.4l-6.5,0l0,4.4l7.7,0l0,1.4l-9.3,0l0,-13.4l9.1,0Z" style="fill:#0084d4;"/>
                        <path d="M202.6,60.1l4.2,6.3l2.9,4.5l-0.1,-4.5l0,-6.3l1.6,0l0,13.3l-1.7,0l-4.2,-6.5l-2.8,-4.4l0.1,4.5l0,6.4l-1.6,0l0,-13.3l1.6,0Z" style="fill:#0084d4;"/>
                        <path d="M226.9,60.1l0,1.4l-4.5,0l0,11.9l-1.6,0l0,-12l-4.5,0l0,-1.4l10.6,0l0,0.1Z" style="fill:#0084d4;"/>
                        <path d="M231,72.5l0.4,-1.3c0.5,0.2 2.3,0.9 4.1,0.9c2.2,0 3.3,-0.9 3.3,-2.2c0,-1.7 -1.7,-2.1 -3.4,-2.6c-2.1,-0.6 -4.3,-1.3 -4.3,-3.9c0,-2.4 1.8,-3.6 4.5,-3.6c1.6,0 3.3,0.5 4.2,0.9l-0.4,1.3c0,0 -2,-0.8 -3.7,-0.8c-1.8,0 -3,0.9 -3,2.2c0,1.6 1.8,2.1 3.4,2.6c2.1,0.6 4.3,1.3 4.3,3.9c0,2.5 -2,3.6 -4.7,3.6c-2,0 -3.9,-0.6 -4.7,-1Z" style="fill:#0084d4;"/>
                        <path d="M178.7,0.9l0,5.3l-16.2,0l0,8.3l13.8,0l0,5.4l-13.8,0l0,7.6l16.5,0l0,5.3l-22.9,0l0,-31.9l22.6,0Z" style="fill:#0084d4;"/>
                        <path d="M203.6,7.9c0,2.7 -1.6,5.7 -5.2,7.9l5.5,6.4c0,0 1.1,-2 1.1,-4.6l4.8,0c-0.1,4.9 -2.4,8.7 -2.4,8.7l5.9,6.8l-7.1,0l-2.4,-2.8c-2.2,1.9 -5.1,3 -8.4,3c-6,0 -11.4,-3.5 -11.4,-10.1c0,-4.3 2.8,-7 5.7,-9c-1.6,-2.1 -2.8,-3.5 -2.8,-6.3c0,-5.5 4.6,-7.6 8.2,-7.6c3.6,0 8.5,2.1 8.5,7.6Zm-13.7,15.2c0,3 2.2,4.9 5.7,4.9c1.8,0 3.4,-0.5 4.7,-1.6l-7,-8.1c-2,1.1 -3.4,2.6 -3.4,4.8Zm2.9,-14.9c0,1.6 1,2.5 2.1,3.7c1.8,-0.8 3.1,-2.2 3.1,-3.8c0,-1.9 -1.3,-2.6 -2.6,-2.6c-1.7,0 -2.6,1.1 -2.6,2.7Z" style="fill:#0084d4;"/>
                        <path d="M233,0.9c5.4,0 9.8,4.5 9.8,10.2c0,6.1 -4.4,10.4 -9.7,10.4l-7.7,0l0,11.4l-6.4,0l0,-32l14,0Zm-7.6,15.2l6.4,0c3,0 4.7,-2.2 4.7,-5c0,-3.5 -2.7,-4.8 -5.2,-4.8l-5.9,0l0,9.8Z" style="fill:#0084d4;"/>
                    </g>
                </g>
            </svg>
        </f:link.typolink>
        <div class="page-header__navwrapper">
            <div class="page-header__sitenav">
                <nav class="sitenav">
                    <ul class="plain-list inline-list">
                        <v:menu levels="1" useShortcutUid="1">
                            <f:for each="{menu}" as="item">
                                <li class="sitenav__item">
                                    <a class="sitenav__link {ep:sectionCssClass(sectionValue: item.tx_epevents_configurator_travel_type)}{f:if(condition: '{item.active}', then: ' sitenav__link--active')}"
                                       href="{item.link}" title="{item.title}">{item.linktext}</a>
                                </li>
                            </f:for>
                        </v:menu>
                    </ul>
                </nav>
            </div>
            <div class="page-header__button">
                <div class="page-header__button__wrapper">
                    <svg class="page-header__button__form" preserveAspectRatio="xMinYMid" viewBox="0 0 24 80">
                        <polygon points="24,0 24,80 0,80" />
                    </svg>
                    <a class="button button--page-header" href="{f:uri.action(
                        pageUid: settings.configuratorPageUid,
                        action: 'configurator',
                        controller: 'Form',
                        extensionName: 'epevents',
                        pluginName: 'Configurator',
                        arguments: '{travelType: \'{traveltype.configuratorType -> v:or(alternative: 0)}\', locationType: \'{locationtype -> v:or(alternative: 0)}\'}',
                        additionalParams: '{ref: data.uid}'
                    )}" rel="nofollow">&raquo; {f:translate(key: 'tx_epevents.label.inquiry', extensionName: 'ep_events') -> f:format.raw()} &laquo;</a>
                </div>
            </div>
        </div>
        <a class="navtoggle" href="#" @click.prevent="toggleMobileNavigation()">
            <svg class="navtoggle__icon" preserveAspectRatio="xMinYMid" viewBox="0 0 28 28">
                <path d="M2,8L26,8C27.104,8 28,7.104 28,6C28,4.896 27.104,4 26,4L2,4C0.896,4 0,4.896 0,6C0,7.104 0.896,8 2,8ZM26,12L2,12C0.896,12 0,12.896 0,14C0,15.104 0.896,16 2,16L26,16C27.104,16 28,15.104 28,14C28,12.896 27.104,12 26,12ZM26,20L2,20C0.896,20 0,20.896 0,22C0,23.104 0.896,24 2,24L26,24C27.104,24 28,23.104 28,22C28,20.896 27.104,20 26,20Z"/>
            </svg>
        </a>
    </div>
</header>