Navbar

<nav class="navbar navbar-expand-xl navbar-dark bg-primary fixed-top w-100">
    <div class="container">
        <a class="navbar-brand" aria-label="LOGO-TIMOCOM" href="/">
            <i id="navbar-logo-timocom" class="logo-timocom-white"></i>
        </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="hamburger d-block">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent" role="navigation" aria-label="Main navigation">
            <ul class="navbar-nav mr-auto" aria-label="Categories">
                <li class="nav-item ">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Produkt</a>
                    <div class="dropdown-menu fullsize-dropdown-menu border-0 " aria-labelledby="navbarDropdownMenuLink-2">
                        <div class="container first-dropdown-items">
                            <ul>
                                <li class="dropdown-submenu dropdown">
                                    <a class="dropdown-item dropdown-header" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird." href="/smart-logistics-system">Übersicht Smart Logistics System</a>
                                    <ul class="dropdown-menu dropdown-child-menu animated fadeIn faster">
                                        <li>
                                            <a class="dropdown-item dropdown-header" href="/smart-logistics-system/frachtenbörse" title="Jetzt Leerfahrten vermeiden! Dank unserem Netzwerk mit über 800.000 internationalen Fracht- &amp;amp; Laderaumangeboten täglich.">Überblick</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </div>
                        <div class="navbar-close d-none d-xl-block">
                            <button type="button" class="close" title="Menü schließen" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true"><i class="icon-light-plus-circle"></i></span>
                            </button>
                        </div>
                    </div>
                </li>
                <li class="nav-item is-input mt-3 mt-lg-0" role="listitem">
                    <a class="btn btn-highlight btn-block nowrap" href="/registrieren" onclick="if(window.dataLayer){window.dataLayer.push({'event': 'call_to_action', 'event_category': 'click_button', 'event_action': 'register in navigation', 'event_label': '/kostenlos testen - language=de'});}" role="button" aria-label="Kostenlos testen">Kostenlos testen</a>
                </li>
            </ul>

            <ul class="navbar-nav ml-auto mt-3 mt-lg-0">
                <li class="nav-item is-input d-flex align-items-center justify-content-center" aria-label="Searchbar">
                    <form class="searchbar m-0 my-3 m-xl-0 px-0 w-100" method="POST" action="/suche" role="search" autocomplete="off">
                        <div class="input-group input-group-sm" role="textbox" aria-placeholder="Suche" aria-label="Search input" contenteditable="true">
                            <input class="form-control" name="searchPhrase" aria-label="Suche" placeholder="Suche" />
                            <div class="input-group-append m-0 p-0">
                                <button class="btn btn-primary" name="search" type="submit" value="" title="Suche starten" id="btnsitesearch">
                                    <i class="icon icon-light-search px-1"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </li>

                <li class="nav-item language-selection mb-1 mb-lg-4 mb-xl-0">
                    <a class="nav-link btn-block dropdown-toggle" href="#" id="languageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Deutsch
                    </a>
                    <div class="dropdown-menu dropdown-menu-right border-0 rounded-0 w-100" role="list" aria-label="languageDropdown" aria-haspopup="true" aria-expanded="false">
                        <div class="container first-dropdown-items d-flex flex-column flex-wrap" role="listitem">
                            <a class="dropdown-item active" target="_self" href="https://www.timocom.de/" onclick="if(window.dataLayer){window.dataLayer.push({&#x27;event&#x27;: &#x27;language_switch&#x27;, &#x27;event_category&#x27;: &#x27;change_language&#x27;, &#x27;event_action&#x27;: &#x27;from language&#x3D;de - to language&#x3D;de&#x27;, &#x27;event_label&#x27;: &#x27;/ - language&#x3D;de&#x27;});}" title="TIMOCOM | Startseite" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Deutsch</a>
                            <a class="dropdown-item" target="_self" href="https://www.timocom.de/" onclick="if(window.dataLayer){window.dataLayer.push({&#x27;event&#x27;: &#x27;language_switch&#x27;, &#x27;event_category&#x27;: &#x27;change_language&#x27;, &#x27;event_action&#x27;: &#x27;from language&#x3D;de - to language&#x3D;de&#x27;, &#x27;event_label&#x27;: &#x27;/ - language&#x3D;de&#x27;});}" title="TIMOCOM | Startseite" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Deutsch</a>
                        </div>
                        <div class="navbar-close d-none d-xl-block mb-5 mb-xl-0" role="button">
                            <button type="button" class="close" title="<i18n:message key='i18n.global.navigation.btn.close.title' iso639='de' />" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true"><i class="icon-light-plus-circle"></i></span>
                            </button>
                        </div>
                    </div>

                </li>
            </ul>
        </div>
    </div>
</nav>