<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>

                    <li class="mainnav__account" data-fadeindex="7" data-href="/account/ml-user-logged.html">
                        <div class="profile profile--header">
                            <a href="/account/index.html" class="profile-link profile-link--logged">
                                <span class="profile-link__details">
                                    <b>Hallo Olga</b>
                                    <span>Mein Cinemaxx</span>
                                </span>
                                <span class="avatar profile-link__avatar">
                                    <img src="/assets/images/avatar.svg" alt="">
                                </span>
                                <span class="ml-ticket-count">2</span>
                            </a>
                            <div class="menu">
                                <div class="menu__container">
                                    <nav class="nav">
                                        <ul>
                                            <li>
                                                <a href="/account/index.html">
                                                    <span data-grunticon-embed="data-grunticon-embed" class="icon icon-account"></span>
                                                    Mein Cinemaxx
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#/logout.html">
                                                    <span data-grunticon-embed="data-grunticon-embed" class="icon icon-logout"></span>
                                                    Abmelden
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/homepage.html">
                                                    <span data-grunticon-embed="data-grunticon-embed" class="icon icon-notyou"></span>
                                                    It's not you? Abmelden
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </li>




                <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>