<!DOCTYPE html>
<!--[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>

    {% 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">
    {% endblock %}

    <title>STERNTOURS</title>

    <!-- 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 stylesheets %}
        {% stylesheets
            'bundles/app/css/bootstrap-3.3.7.css'
            'bundles/app/css/custom.css'
            filter='cssrewrite'
        %}
            <link rel="stylesheet" href="{{ asset_url }}"/>
        {% endstylesheets %}
    {% 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:Default: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="480">

            <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">
                                    <a id="eKomiSeal_BBBA4ECJTK29MA5_eKomiSeal_default" href="https://www.ekomi.de/bewertungen-stern-tours.html" title="eKomi - The Feedback Company: "><img border="0" src="https://connect.ekomi.de/seal/BBBA4ECJTK29MA5-70x70.png" alt="eKomi - The Feedback Company: "></a>
                                </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:Default: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'),
                            search_sidebar_widget_block: block('search_sidebar_widget'),
                        } %}

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

{% block javascripts %}
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    {% 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/custom.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock javascripts %}

</body>
</html>
