<nav class="navbar-main js-navbar-main"> <div class="d-flex align-items-center"> <button type="button" class="navbar-main__toggle js-nav__menu-toggle" data-menu-overlay-target="#menuOverlay"> <svg role="img" class="navbar-main__toggle-icon navbar-main__toggle-icon--burger"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-burger"></use></svg> <svg role="img" class="navbar-main__toggle-icon navbar-main__toggle-icon--close"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-x"></use></svg> <span class="navbar-main__toggle-menu">{{ 'navigation.Menu'|trans }}</span> <span class="navbar-main__toggle-close">{{ document.property('swiss') ? ("global.Close"|trans)|replace({'ß': 'ss'}) : "global.Close"|trans }}</span> </button> <button type="button" class="navbar-main__search-toggle js-nav__search-toggle" data-toggle-target="#navbarSearch"> <svg role="img" class="navbar-main__search-toggle-icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-search"></use></svg> <span class="visually-hidden">{{ 'navigation.Search'|trans }}</span> <span class="navbar-main__search-toggle-close icon icon-x"></span> </button> </div> <a class="navbar-logo" href="{{ document.getProperty('languageRoot') }}" data-event-tracking-event="click_logo" data-event-tracking-link_url="{{ elements_host_url() ~ document.getProperty('languageRoot') }}"> <img src="{{ elements_cache_buster(elements_staticFolder() ~ '/img/kuhn-logo.svg') }}" alt="Kuhn Gruppe" class="navbar-logo__img"> </a> {% set getterMethod = 'get' ~ document.property('resort')|capitalize ~ 'ContactOverview' %} {% set contactOverview = attribute(siteConfig(), getterMethod) is defined ? attribute(siteConfig(), getterMethod) : siteConfig().getContactOverview() %} <a class="btn btn-primary navbar-main__right-btn text-nowrap d-block d-md-none" href="{{ contactOverview|default(siteConfig().getContactOverview()) }}"> {{ 'navigation.contactButton'|trans }} </a> <div id="navbarSearch" class="d-md-none navbar-search navbar-search__wrapper js-nav-search js-nav__overlay"> {% if siteConfig().search %} <form class="navbar-search" action="{{ siteConfig().search.href }}" autocomplete="off"> <button type="submit" class="btn-no-styling navbar-search__submit"> <svg role="img" class="navbar-search__icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-search"></use></svg> </button> <label for="search" class="visually-hidden">{{ 'navigation.Search'|trans }}</label> <input type="text" id="search" name="q" class="navbar-search__input" placeholder="{{ 'navigation.Search'|trans }}"> </form> {% endif %} </div> <div id="menuOverlay" class="navbar-main__wrapper js-nav__overlay"> <div class="navbar-main__scroll-container"> <div class="navbar-main__left js-nav-tracking"> <div class="main-nav js-nav"> {% set navRoot = document.getProperty('navRoot') %} {% if navRoot %} <div class="navbar-main__title d-md-none">{{ navRoot.getTitle() }}</div> {% endif %} <ul class="main-nav__list js-nav__list"> <li class="main-nav__item d-md-none"> {% if document is instanceof('\\Pimcore\\Model\\Document\\Hardlink\\Wrapper\\Page') and document.parent.type == 'hardlink' %} {% set homeLink = document.getProperty('languageRoot').getFullpath() ~ (navRoot ? navRoot.getFullpath()) %} {% else %} {% set homeLink = navRoot ? document.getProperty('navRoot').getFullpath() %} {% endif %} <a href="{{ homeLink }}" class="main-nav__link">{{ 'navigation.Home'|trans }} {{ navRoot ? navRoot.getProperty('navigation_name') }}</a> </li> {% if navRoot %} {% for mainPage in pages %} {% if mainPage.isVisible() and not mainPage.getCustomSetting('exclude') %} <li class="main-nav__item js-nav__list-item {{ mainPage.hasPages() ? 'has-subnav' }}"> <a href="{{ mainPage.getUri() }}" target="{{ mainPage.getTarget() }}" class="main-nav__link js-nav__list-link js-nav-tracking__link">{{ mainPage.getLabel() }} {% if mainPage.hasPages() %} <svg role="img" class="main-nav__icon"><use xlink:href="/static/img/nav/navigation-svg-sprite.svg#icon-chevron"></use></svg> {% endif %} </a> {% set visibleFirstNavigationChildren = false %} {% set firstNavigationChildren = [] %} {% if mainPage.hasPages() %} {{ include('navigation/includes/navbar-main-subnav.html.twig', { 'pages': mainPage.getPages(), 'mainPage': mainPage, 'bigSubnav': mainPage.getCustomSetting('bigSubnav') }) }} {% endif %} </li> {% endif %} {% endfor %} {% endif %} </ul> </div> </div> <div class="navbar-main__right ms-md-auto"> <ul class="navbar-main__feature-list"> {% if document.getProperty('mainNav-additionalLinks') %} {{ pimcore_inc(document.getProperty('mainNav-additionalLinks')) }} {% endif %} <li class="navbar-main__feature-item"> <a href="{{ contactOverview|default(siteConfig().getContactOverview()) }}" data-event-tracking-event="click_navbar" data-event-tracking-link_url="{{ elements_host_url() ~ contactOverview|default(siteConfig().getContactOverview()) }}" data-event-tracking-click_item="{{ 'navigation.contactButton'|trans }}" class="btn btn-primary navbar-main__right-btn text-nowrap"> {{ 'navigation.contactButton'|trans }} </a> </li> </ul> </div> <div class="d-md-none"> {% if document.getProperty('metaNav-additionalLinks') %} {{ pimcore_inc(document.getProperty('metaNav-additionalLinks')) }} {% endif %} {{ metaNavigation(document) }} </div> </div> <div class="navbar-main__bottom d-md-none"> {{ include('navigation/includes/navbar-meta-switch.html.twig') }} </div> </div></nav>