{% load core_tags menu_tags static wagtailuserbar wagtailcore_tags wagtailimages_tags %}
{% get_site_root as site_root %}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<head>
    <title>FEO GmbH - {% if self.seo_title %}{{ self.seo_title }}{% else %}{{ self.title }}{% endif %}</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="{{ self.search_description }}" name="description">

    <!-- Favicon -->
    <link rel="shortcut icon" href="{% static 'favicon.png' %}">

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="{% static 'assets/vendor/bootstrap/dist/css/bootstrap.min.css' %}">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="{% static 'plugins/line-icons/line-icons.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/font-awesome/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/scrollbar/src/perfect-scrollbar.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/ladda-buttons/css/custom-lada-btn.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/fancybox/source/jquery.fancybox.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/revolution-slider/rs-plugin/css/settings.css' %}">
    <!--[if lt IE 9]><link rel="stylesheet" href="{% static 'plugins/revolution-slider/rs-plugin/css/settings-ie8.css' %}" type="text/css" media="screen"><![endif]-->
    <link rel="stylesheet" href="{% static 'css/plugins/hover-effect/css/custom-hover-effects.css' %}">
    <link rel="stylesheet" href="{% static 'css/pages/feature_timeline2.css' %}">

    <!-- CSS Theme -->
    <link rel="stylesheet" href="{% static 'css/theme-colors/default.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="{% static 'css/custom.css' %}">

    {% block extra_css %}
    {% endblock %}
</head>

<body>
{% if request.user.is_authenticated %}
    {% wagtailuserbar %}
{% endif %}
<div class="wrapper">
    <!--=== Header ===-->
    <div class="header">
        <div class="topbar">
            <div class="container">
                <ul class="loginbar pull-right">
                    <li><a href="{% slugurl 'contact' %}">Kontakt</a></li>
                    <li class="topbar-devider"></li>
                    <li><a href="{% slugurl 'imprint' %}">Impressum</a></li>
                    <li class="topbar-devider"></li>
                    <li><a href="{% slugurl 'datenschutz' %}">Datenschutz</a></li>
                </ul>
            </div>
        </div>

        {% top_menu parent=site_root calling_page=self %}
    </div>
    {% if not self.url == site_root.url %}
        <div class="breadcrumbs">
            <div class="container">
                <h1 class="pull-left">{{ self.title }}</h1>
                {% breadcrumbs %}
            </div>
        </div>
    {% endif %}
</div>
<!--=== End Header ===-->

<!--=== Content Part  ===-->
{% if messages %}
    <div class="margin-bottom-20"></div>
    <div class="container">
        {% for message in messages %}
            <div class="alert alert-{{ message.tags }} fade show alert-dismissible">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {{ message }}
            </div>
        {% endfor %}
    </div>
{% endif %}
<div>
    {% block fullwidth_header %}
    {% endblock fullwidth_header %}
</div>
<div class="container content">
    {% block content %}
    {% endblock content %}
</div><!--/container-->
<!--=== End Content Part  ===-->

<!--=== Footer ===-->
<div class="footer-default">
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 md-margin-bottom-40">
                    <!-- About -->
                    <div class="headline"><h2>FEO GmbH</h2></div>
                    <p class="margin-bottom-25 md-margin-bottom-40">{% footer_about %}</p>
                    <!-- End About -->

                    <!-- Monthly Newsletter -->
                    <div class="headline"><h2>Newsletter</h2></div>
                    {% footer_newsletter %}
                    <!-- End Monthly Newsletter -->
                </div><!--/col-md-4-->

                <div class="col-md-4 md-margin-bottom-40">
                    {% event_calendar %}
                </div><!--/col-md-4-->

                <div class="col-md-4">
                    <!-- Contact Us -->
                    <div class="headline"><h2>Kontakt</h2></div>
                    <address class="md-margin-bottom-40">
                        <p>
                            FEO Gesellschaft für Fortbildungs-<br>
                            und Eventorganisation mbH<br>
                            Unterer Leinritt 18<br>
                            96049 Bamberg
                        </p>
                        <p>
                            Email: <a href="mailto:info@feo.gmbh">info@feo.gmbh</a>
                        </p>
                    </address>
                    <!-- End Contact Us -->

                    <!-- Social Links -->
                    <div class="headline"><h2>Stay Connected</h2></div>
                    <ul class="social-icons">
                        <li><a href="https://www.linkedin.com/in/marion-s-a2b81152/" data-original-title="LinkedIn" class="social_linkedin" target="_blank"></a></li>
                        <li><a href="https://www.xing.com/companies/feogesellschaftf%C3%BCrfortbildungs-undeventorganisationmbh" data-original-title="Xing" class="social_xing" target="_blank"></a></li>
                    </ul>
                    <!-- End Social Links -->
                </div><!--/col-md-4-->
            </div>
        </div>
    </div><!--/footer-->
    <!--=== End Footer ===-->

    <!--=== Copyright ===-->
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>
                        {% now "Y" %} © FEO GmbH. Alle Rechte vorbehalten.
                        <a href="{% slugurl 'datenschutz' %}">Datenschutz</a> |
                        <a href="{% slugurl 'agb' %}">AGB</a> |
                        <a href="{% slugurl 'imprint' %}">Impressum</a>
                    </p>
                </div>
                <div class="col-md-6">
                    <img alt="Logo FEO GmbH" class="pull-right" src="{% static 'img/logo_feo_white.png' %}" />
                </div>
            </div>
        </div>
    </div><!--/copyright-->
    <!--=== End Copyright ===-->
</div>

<!-- JS Global Compulsory -->
<script type="text/javascript" src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/jquery/jquery-migrate.min.js' %}"></script>
<script type="text/javascript" src="{% static 'assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js' %}"></script>

<!-- JS Implementing Plugins -->
<script type="text/javascript" src="{% static 'plugins/back-to-top.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/smoothScroll.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/ladda-buttons/js/spin.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/ladda-buttons/js/ladda.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/counter/waypoints.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/counter/jquery.counterup.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/sky-forms/version-2.0.1/js/jquery-ui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/fancybox/source/jquery.fancybox.pack.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/fancy-box.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/revolution-slider.js' %}"></script>
<script type="text/javascript" src="{% static 'js/pages/index.js' %}"></script>

<!-- Scrollbar -->
<script type="text/javascript" src="{% static 'plugins/scrollbar/src/jquery.mousewheel.js' %}"></script>
<script type="text/javascript" src="{% static 'plugins/scrollbar/src/perfect-scrollbar.js' %}"></script>

<!-- JS Page Level -->
<script type="text/javascript" src="{% static 'js/app.js' %}"></script>

<!--[if lt IE 9]>
    <script type="text/javascript" src="{% static 'js/respond.js' %}"></script>
    <![endif]-->
<!--[if lt IE 9]>
    <script type="text/javascript" src="{% static 'plugins/respond.js' %}"></script>
    <script type="text/javascript" src="{% static 'plugins/html5shiv.js' %}"></script>
    <![endif]-->

{% block extra_js %}
{% endblock %}

<script type="text/javascript">
  jQuery(document).ready(function() {
    App.init();
    $('.scrollbar').perfectScrollbar();
    $('.fancybox').fancybox();
    Index.initRevolutionSlider();
    {% block ready_js %}
    {% endblock %}
  });
</script>

<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='https://matomo.feo.gmbh/js/container_gFxCmfoy.js'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->

</body>