<header class="page-header {{ pageHeaderThemeClass is defined ? pageHeaderThemeClass : 'bg-tundora' }}{% if pageHeaderNav is defined and pageHeaderNav is not empty %} has-nav{% endif %}{% if pageHeaderPicture is defined and pageHeaderPicture is not empty %} has-bg-image{% endif %}" {% if pageHeaderPicture is defined and pageHeaderPicture is not empty %}style="background-image: url({{ pageHeaderPicture|replace({' ' : '%20'}) }})"{% endif %}>
    <div class="container">
        <div class="item-content">
            {% if pageHeaderTitle is defined and pageHeaderTitle is not empty %}
                <{{ pageHeaderTitleTag is defined and pageHeaderTitleTag is not empty ? pageHeaderTitleTag : 'h1' }} class="color-theme {{ pageHeaderTitleClass is defined ? pageHeaderTitleClass : '' }}">
                    {{ pageHeaderTitle|raw }}
                </{{ pageHeaderTitleTag is defined and pageHeaderTitleTag is not empty ? pageHeaderTitleTag : 'h1' }}>
            {% endif %}
            {% if pageHeaderIntroduction is defined and pageHeaderIntroduction is not empty %}{{ pageHeaderIntroduction|raw }}{% endif %}
        </div>
        {% if pageHeaderNav is defined and pageHeaderNav is not empty %}
        <ul class="no-style nav nav-tabs nav-justified justify-content-center">
            {% for nav in pageHeaderNav %}
            <li class="nav-item">
                <a class="nav-link{% if pageHeaderActiveMenu == nav.id %} active{% endif %}" href="{{ nav.link }}"><span>{{ nav.text }}</span></a>
            </li>
            {% endfor %}
        </ul>
        {% endif %}
    </div>
</header>