<!DOCTYPE html>
{% if app.debug -%}
    <!-- {% if page is defined %}page-Eintrag mit ID {{ page.id }}{% else %}Für diese Seite existiert kein page-Eintrag, sondern ein Twig-Seitetemplate in app/Resources/views/default/pages{% endif %} -->
{%- endif %}

<!--[if lt IE 7 ]><html class="ie ie6" lang="de"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="de"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="de"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="de"><!--<![endif]-->
<head>

    <title>
        {% block page_title %}
            {{ page is defined ? page.pagetitle : 'Kulturreisen vom Reiseveranstalter STERN TOURS aus Berlin' }}
        {% endblock page_title %}
    </title>

    {% block metatags %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        {% block meta_description -%}
            {%- if page is defined and page.description is not empty -%}
                <meta name="description" content="{{ page.description }}" >
            {%- elseif app.debug -%}
                <!-- <meta name="description" > {% if page is not defined %} muss im Twig-Seitentemplate im Block meta_description festgelegt werden.{% else %} fehlt, da das Feld "description" im page Eintrag mit der ID {{ page.id }} leer ist.{% endif %} -->
            {%- endif -%}
        {%- endblock %}
        {% block meta_keywords -%}
            {%- if page is defined and page.keywords is not empty -%}
                <meta name="keywords" content="{{ page.keywords }}" >
            {%- elseif app.debug -%}
                <!-- <meta name="keywords" > {% if page is not defined %} muss im Twig-Seitentemplate im Block meta_keywords festgelegt werden.{% else %} fehlt, da das Feld "keywords" im page Eintrag mit der ID {{ page.id }} leer ist.{% endif %} -->
            {%- endif -%}
        {%- endblock %}
        {% block meta_robots %}
            <meta name="robots" content="follow,index" />
            {% if app.debug %}<!-- Falls der meta-robots-Tag für diese Seite falsch ist, kann der Block "meta_robots" im Twig-Template überschrieben werden -->{% endif %}
        {% endblock %}
    {% endblock %}

    <!-- Favicons -->
    <link rel="shortcut icon" href="/bundles/app/images/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/bundles/app/images/apple-icon.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/bundles/app/images/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/bundles/app/images/apple-icon-114x114.png" />

    {% block canonical_tag %}
        {% if canonical_url is not defined and page is defined %}
            {% if page.canonicalUrl is not empty %}
                {% set canonical_url = (page.canonicalUrl starts with '/' ? get_base_url()) ~ page.canonicalUrl %}
                {% if app.debug %}<!-- Die canonical URL wurde über das Feld "canonical_url" des page-Eintrags ermittelt -->{% endif %}
            {% else %}
                {% set canonical_url = get_base_url() ~ page.urlPath %}
                {% if app.debug %}<!-- Die canonical URL wurde über den URL-Pfad des page-Eintrags berechnet, also entweder über das Feld "real_url_path" oder den "slug"-Werten der Seitenhierarchie -->{% endif %}
            {% endif %}
        {% elseif app.debug and canonical_url is defined %}
            <!-- Die canonical_url wurde im Controller festgelegt -->
        {% endif %}
        {% if canonical_url is defined %}
            <link rel="canonical" href="{{ canonical_url }}" />
            <link rel="alternate" hreflang="de-de" href="{{ canonical_url }}" />
        {% elseif app.debug %}
            <!-- Die canonical_url konnte nicht automatisch ermittelt werden und muss daher entweder durch den Controller festgelegt werden, oder der Block "canonical_tag" im Seiten-Template überschrieben werden -->
        {% endif %}
    {% endblock %}

    {% block stylesheets %}
        {% stylesheets
            'bundles/app/css/bootstrap-3.3.7.css'
            filter='cssrewrite'
        %}
            <link rel="stylesheet" href="{{ asset_url }}"/>
        {% endstylesheets %}
        {% stylesheets
            'bundles/app/css/custom.css'
            'bundles/app/css/cookieconsent.min.css'
            filter='cssrewrite'
        %}
            <link rel="stylesheet" href="{{ asset_url }}"/>
        {% endstylesheets %}
        <style>.box-slider .slide:not(.active) {display: none;}</style>{# TODO Move to custom.css #}
    {% endblock stylesheets %}

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div id="wrapper">

    {{ render(controller('AppBundle:Component:header')) }}

    {% block header2 %}
        <section class="section fullscreen background parallax" style="background-image:url('/bundles/app/images/travel/header-top-image3.jpg');" data-img-width="1920" data-img-height="820" data-diff="680">

            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <div class="home-message text-center small">
                            <div class="home-info-box">
                                <div id="eKomiSeal_default" class="eKomi-header" style="padding-top: 5px;padding-left: 2px;">
                                    <img border="0" src="/bundles/app/images/logo-qualitaet.png" alt="Top Kundenservice" height="78">
                                </div>
                                <ul class="c4">
                                    <li>Spezialist für Kulturreisen </li>
                                    <li>Reiseexperte seit 1998</li>
                                    <li>Beratung für individuelle Reisen</li>
                                </ul>
                            </div>
                        </div><!-- end homemessage -->
                    </div><!-- end col -->
                </div><!-- end row -->
            </div><!-- end container -->
        </section><!-- end section -->
    {% endblock %}

    {# #TODO additional section classes if not home #}
    <section class="section clearfix">
        <div class="container">
            <div class="row">
                <div id="fullwidth" class="col-sm-12">

                    {% block breadcrumb %}
                        {% if page is defined %}
                            {{ render(controller('AppBundle:Component:breadcrumb', {'page': page})) }}
                        {% elseif breadcrumb_entries is defined %}
                            {{ include('default/components/breadcrumb.html.twig') }}
                        {% endif %}
                    {% endblock %}

                    <!-- START CONTENT -->
                    <div class="row">

                        {% include 'default/components/sidebar.html.twig' with {
                            nav_sidebar_widget_block: block('nav_sidebar_widget') ?? null,
                            search_sidebar_widget_block: block('search_sidebar_widget') ?? null,
                            travel_guide_sidebar_widget_block: block('travel_guide_sidebar_widget') ?? null,
                            travel_magazine_sidebar_widget_block: block('travel_magazine_sidebar_widget') ?? null,
                            offers_sidebar_widget_block: block('offers_sidebar_widget') ?? null,
                            feedbacks_sidebar_widget_block: block('feedbacks_sidebar_widget') ?? null,
                        } %}

                        <div id="content" class="col-md-9 col-sm-8 col-xs-12">
                            {% block body %}{% endblock %}
                        </div><!-- end col -->

                    </div><!-- end row -->
                    <!-- END CONTENT -->

                </div><!-- end fullwidth -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section><!-- end section -->

    {% include 'default/components/footer.html.twig' %}

</div><!-- end wrapper -->

<!-- default modal -->
{% embed 'default/components/embed/modal.html.twig' with {id: 'default'} %}{% endembed %}

{% block javascripts %}
    {% javascripts
        '@AppBundle/Resources/public/js/jquery-3.1.1.js'
        '@AppBundle/Resources/public/js/jquery-ui-1.12.1.js'
        '@AppBundle/Resources/public/js/bootstrap-3.3.7.js'
        '@AppBundle/Resources/public/js/jquery.prettyPhoto-3.1.6.js'
        '@AppBundle/Resources/public/js/parallax.js'
        '@AppBundle/Resources/public/js/owl.carousel-2.2.0.js'
        '@AppBundle/Resources/public/js/bootstrap-select-1.12.0.js'
        '@AppBundle/Resources/public/js/validator.js'
        '@AppBundle/Resources/public/js/custom.js'
        '@AppBundle/Resources/public/js/cookieconsent.min.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock javascripts %}


    <script type="text/javascript">

        window.addEventListener("load", function(){
        window.cookieconsent.initialise({
          "palette": {
            "popup": {
              "background": "#648859"
            },
            "button": {
              "background": "#f1d600"
            }
          },
          "position": "bottom",
          "content": {
            "message": "Diese Webseite verwendet Cookies, über die personenbezogene Daten erhoben werden können. Nähere Informationen zu den verwendeten Cookies finden Sie hier:",
            "dismiss": "Einverstanden!",
            "link": "Datenschutzerklärung",
            "href": "https://www.sterntours.de/datenschutz"
          }
        })});
    </script>

</body>
</html>
