<header class="header" role="navigation">
    <section class="container container-small">
        <!-- UPDATE dla <h1> dochodzi nowa klasa 'menu-mob-log-hidden' -->
        <h1 data-fadeindex="1"  class="menu-mob-log-hidden" >
            <a href="/homepage-de.html">
                <span class="cinemaxx">Cinemaxx</span>
                <span class="vue">
                    VUE</span></a>
        </h1>
        <!-- UPDATE dla nowego menu dochodzi nowa klasa 'header__mainnav--mob-log-hidden' -->
        <nav class="header__mainnav header__mainnav--inline header__mainnav--dropdown-login header__mainnav--mob-log-hidden">
            <ul>
                <loginboxmobile></loginboxmobile>




                <li class="mainnav__search" data-fadeindex="8">
                    <a href="#" data-grunticon-embed="data-grunticon-embed" class="icon icon-search" title="Wyszukaj">Suche</a>
                </li>

                <li class="mainnav__menu mainnav__menu--icon-pos" data-fadeindex="9" data-fademode="tablet">
                    <a href="#" class="hamburger-trigger" data-src-id="hamburger">
                            Menu
                            <span class="icon icon-hamburger" data-grunticon-embed="data-grunticon-embed"></span>
                    </a>
                </li>

            </ul>
        </nav>

        <nav class="header__mainnav header__mainnav--inline header__mainnav--dropdown-login">
            <ul>
                <li data-fadeindex="7">
                    <loginbox></loginbox>
                </li>
            </ul>
        </nav>

        <!--- możliwość dodawania klas dla 'header__sitenav' aby menu miało więcej lub mniej elementów Istniejące klasy: header__sitenav--sparse - do menu o małej ilości elementów (np do 3 lub 4) header__sitenav--dense - do menu o dużej ilości elementów (np 6 lub wiecej) -->
        <nav class="header__sitenav header__sitenav--dense">
            <ul>
                <li  data-fadeindex="2" data-fademode="desktop">
                    <a href="/whats-on.html" class="gradient-fill-hover">Programm</a>
                </li>
                <li  data-fadeindex="3" data-fademode="desktop">
                    <a href="/offers/offershub.html" class="gradient-fill-hover">Vorpremieren & events</a>
                </li>
                <li  data-fadeindex="4" data-fademode="desktop">
                    <a href="/offers/offershub.html" class="gradient-fill-hover">Gastronomie</a>
                </li>
                <li  data-fadeindex="5" data-fademode="desktop">
                    <a href="/news/newshub.html" class="gradient-fill-hover">Angebote</a>
                </li>
                <li  data-fadeindex="6" data-fademode="desktop">
                    <a href="#" class="gradient-fill-hover">Shop</a>
                </li>
            </ul>
        </nav>
    </section>
</header>