{# Desktop #}
<div data-nav-target="header" class="{% if not editmode %}sticky top-0 z-1500{% endif%} bg-white max-w-screen-xxl">
<div class="container items-center justify-between hidden px-6 py-4 lg:flex fhd:px-0">
{# LOGO #}
<a class="w-56" href="/{{ app.request.locale }}" title="{{ 'topbar-homepage' | trans }}">
<img src="{{ pimcore_website_config('logo') }}" alt="logo" />
</a>
{# Navigation #}
{% include 'layout/navigation/navbar.html.twig' %}
</div>
</div>
{# Mobile #}
<div id="mobile-navigation" class="sticky top-0 flex items-center justify-between p-4 bg-white shadow-md lg:shadow-none lg:hidden z-1500">
{# LOGO #}
<a class="ml-2" href="/{{ app.request.locale }}" title="{{ 'topbar-homepage' | trans }}">
<img class="w-auto h-12" src="{{ pimcore_website_config('logo') }}" alt="logo" />
</a>
<div class="flex items-center mr-4 space-x-4">
<a class="w-6 h-6" href="{{ path('search_index', { 'form[q]': 'search.keywords.news' | trans }) }}">
{% include 'icons/search.svg.twig' ignore missing with {
class: 'h-6 w-6 text-black'
} %}
</a>
{# Mobile Menu Button #}
{# <div class="w-16 h-16 pt-1">
<a class=" burger" data-action="nav#toggle">
<span></span>
<span></span>
<span></span>
</a>
</div> #}
</div>
</div>