<header class="header fixedheader setbg">
    <div class="topbar">
        <div class="container">
            <div class="pull-right">
                <ul class="topbar-drops list-inline">
                    <li class="nohover"><i class="fa fa-phone"></i> 030 - 700 94 100</li>
                    <li>
                        <a href="/kontakt" title=""><i class="fa fa-envelope"></i> Kontakt</a>
                    </li>
                    <li>
                        <a href="javascript:void(window.open('/server/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"
                           title="Chat-Fenster öffnen"
                        >
                            <i class="fa fa-comments"></i> Chat
                        </a>
                    </li>
                    <li>
                        <a href="/ueber-uns" title="Über uns">
                            <i class="fa fa-users"></i> Über uns
                        </a>
                    </li>
                </ul>
            </div>
        </div><!-- end container -->
    </div><!-- end topbar -->

    <div class="menu-container">
        <div class="container">
            <div class="menu-wrapper">
                <nav id="navigation" class="navbar" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
                    <div class="navbar-inner">
                        <div id="navbar-collapse" class="navbar-left navbar-collapse collapse clearfix">
                            <ul class="nav navbar-nav">

                                <li itemprop="name">
                                    <a href="/" title="Kulturreisen" itemprop="">Kulturreisen</a>
                                </li>
                                <li itemprop="name">
                                    <a href="/ferienwohnungen" title="Usedom Ferienwohnungen" itemprop="">
                                        Usedom Ferienwohnungen
                                    </a>
                                </li>

                                <li class="dropdown openClick" itemprop="name"><a itemprop="url" href="#" title="" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu27"></i></a>
                                    <ul class="dropdown-menu" role="menu">

                                        {#
                                        {% for nav_page in nav_pages if nav_page.country is empty %}
                                            <li itemprop="name">
                                                <a itemprop="url" href="{{ nav_page.urlPath }}"
                                                   title="{{ nav_page.title }}"
                                                >
                                                    {{ nav_page.title }}
                                                </a>
                                            </li>
                                        {% endfor %}
                                        #}
                                
                                        <li itemprop="name">
                                            <a itemprop="url" href="/jugendreisen" title="Jugendreisen">
                                                Jugendreisen
                                            </a>
                                        </li>
                                        <li itemprop="name">
                                            <a itemprop="url" href="/reiseversicherung" title="Reiseversicherung">
                                                Reiseversicherung
                                            </a>
                                        </li>
                                        <li itemprop="name">
                                            <a itemprop="url" href="/reisefuehrer" title="Reiseführer">
                                                Reiseführer
                                            </a>
                                        </li>
                                        <li itemprop="name">
                                            <a itemprop="url" href="/reisemagazin" title="Reisemagazin">
                                                Reisemagazin
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul><!-- end navbar-left -->
                        </div><!-- end navbar-callopse -->


                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <i class="icon-menu27"></i>
                            </button>

                            <div id="brand" class="navbar-brand">
                                <a href="/">{% image '@AppBundle/Resources/public/images/wlogo.png' %}<img src="{{ asset_url }}" alt="">{% endimage %}</a>
                            </div>
                        </div><!-- end navbar-header -->

                        <div id="navbar-collapse" class="navbar-right">
                            <div class="navbar-times hidden-xs">
                                <span style="float:left; margin-top: 30pt; margin-right: 5pt; color: #e5aa30; font-size: 18px">E-Mail: <a href="mailto:stern@sterntours.de" style="font-size: 18px; color: #777777" >stern@sterntours.de</a></span>
                                <i class="fa fa-phone "></i>
                                <span>Mo-Fr: 09:00 - 22:00 Uhr<br>Sa: 10:00 - 22:00 Uhr<br>So: 11:00 - 22:00 Uhr</span>
                            </div>
                        </div><!-- end navbar-callopse -->

                    </div><!-- end navbar-inner -->
                    <div class="clearfix"></div>
                    <hr>
                    <div class="navbar-subnavi">
                        <div id="navbar-collapse" class="navbar-left navbar-collapse collapse clearfix subnavi">
                            <ul class="nav navbar-nav">
                                {% for nav_page in nav_pages if nav_page.country is not empty %}
                                    {# @var nav_page \AppBundle\Entity\Page #}
                                    <li class="dropdown nav-first-li" itemprop="name">
                                        <a href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}"
                                           class="dropdown-toggle nav-first-a" data-toggle="dropdown"
                                        >
                                            {{ nav_page.title }}
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li class="first" itemprop="name">
                                                <a itemprop="url" href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}">
                                                    {{ nav_page.title }}
                                                </a>
                                            </li>
                                            {% for childnav_page in nav_page.children %}
                                                {# @var childnav_page \AppBundle\Entity\Page #}
                                                <li itemprop="name">
                                                    <a itemprop="url" href="{{ childnav_page.urlPath }}"
                                                       title="{{ childnav_page.title }}"
                                                    >
                                                        {{ childnav_page.title }}
                                                    </a>
                                                </li>
                                            {% endfor %}
                                        </ul>
                                    </li>
                                {% endfor %}
                            </ul><!-- end navbar-right -->
                        </div><!-- end navbar-callopse -->
                    </div>
                </nav><!-- end navigation -->
            </div><!-- menu wrapper -->
        </div><!-- end container -->
    </div><!-- end menu-container -->
</header><!-- end header -->