{% load static i18n cms_tags sekizai_tags fontawesome menu_tags recaptcha2 %}<!DOCTYPE html>
<html class="r" lang="{{ LANGUAGE_CODE }}">
<head>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>{% block title %}{% page_attribute page_title %}{% endblock %} | Tagesschule Elementa Zug</title>
    {% page_attribute 'meta_description' as meta_desc %}
    {% trans 'Stärken stärken. Lernen lernen. Die Schweizer Primarschule mit einem internationalen Touch. Die Elementa - Einzigartig wie Ihr Kind.' as def_meta_desc %}
{#    <meta name="description" content="{% block description %}{{ meta_desc|default:def_meta_desc }}{% endblock %}">#}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google" content="notranslate">

    {% recaptcha_explicit_support %}

    <meta name="msvalidate.01" content="7E7A1E68251AEDF0AF320164C774E3E8"/>

    {% block extra_meta %}
    {% endblock %}

    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
    <link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">

    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicon-16x16.png' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicon-32x32.png' %}">
    <link rel="icon" type="image/png" sizes="96x96" href="{% static 'img/favicon-96x96.png' %}">
    <link rel="icon" type="image/png" sizes="192x192" href="{% static 'img/favicon-192x192.png' %}">

    <meta name="theme-color" content="#98C53A"/>

    <link rel="stylesheet" href="{% static 'css/main.css' %}">

    {% fontawesome_stylesheet %}
    {% render_block "css" %}
    {{ ALDRYN_SNAKE.render_head }}
</head>
<body class="{% block body_class %}{% endblock %}">
    {% cms_toolbar %}

    <a href="/{{ LANGUAGE_CODE }}/" class="header__logo reveal reveal_animation data_delay_2">
        <img src="{% static 'img/tagesschule-elementa.svg' %}" width="100" height="100">
    </a>

    <div id="navigation">
        {% include 'project/includes/navigation.html' %}
    </div>

    <div id="search">
        {% include 'project/includes/search_form.html' %}
    </div>

    {% url 'search' as search_url %}

    {% if notification %}
        <div class="notification">
            <div class="notification__content">
                <div class="notification__title">
                    {{ notification.get_title }}
                </div>
                <div class="notification__text">
                    {{ notification.get_text }}
                </div>
                <a href="{{ notification.page.get_public_url }}" class="notification__button button">
                    <span class="button__icon">{% include 'project/assets/arrow-right-long.svg' %}</span>
                    <span class="button__text">
                        {% if notification.cta %}
                            {{ notification.cta }}
                        {% else %}
                            {% trans 'Mehr erfahren' %}
                        {% endif %}
                    </span>
                </a>
                <a href="#" class="notification__close">
                    {% include 'project/assets/close.svg' %}
                </a>
            </div>
        </div>
    {% endif %}

    <div class="header reveal reveal_animation data_delay_0">
        <span class="header__slogan">{% trans 'Stärken stärken. Lernen lernen.' %}</span>
        <ul class="header__languages">
            {% for lang in LANGUAGES %}
                <li class="{% if lang.0 == LANGUAGE_CODE %}active{% endif %}">
                    <a href="{% page_language_url lang.0 %}">{{ lang.0 }}</a>
                </li>
            {% endfor %}
        </ul>

        {% block header_items %}
            <a href="#" class="header__button header__button--search data_id_2">
                {% trans 'Suche' %}
                <span class="header__button__icon">
                    {% include 'project/assets/search.svg' %}
                </span>
            </a>

            {% url 'search' as search_url %}
            {% with request.get_full_path as current_url %}
                <a href="{% if search_url in current_url %}/{{ LANGUAGE_CODE }}/{% else %}{{ current_url }}{% endif %}"
                   class="event header__button header__button--navigation data_id_3">
                    {% trans 'Menü' %}
                    <span class="header__button__icon">
                        {% include 'project/assets/menu.svg' %}
                    </span>
                </a>
            {% endwith %}

            <div class="header__navigation">
                {% include 'project/includes/meta_navigation.html' %}
            </div>
        {% endblock %}
    </div>

    <div id="canvas">
        {% block content %}
            {% placeholder 'content' %}
        {% endblock %}
    </div>

    <div class="footer">
        {% page_url 'cta' as cta_url %}
        {% if cta_url %}
            <a href="{{ cta_url }}"
               class="footer__login header__button header__button--light header__button--reverse data_id_1">
                {% trans 'Kontakt aufnehmen' %}
                <span class="header__button__icon">
                    {% include 'project/assets/arrow-right-long.svg' %}
                </span>
            </a>
        {% endif %}
        <div class="footer__content">
            {% show_menu_below_id 'footer' 0 0 0 0 'project/includes/header_button_menu.html' %}
            {% static_placeholder 'social_media' %}
        </div>
    </div>


    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="pswp__bg"></div>
        <div class="pswp__scroll-wrap">
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>
            <div class="pswp__ui pswp__ui--hidden">
                <div class="pswp__top-bar">
                    <div class="pswp__counter"></div>
                    <button class="pswp__button pswp__button--close" title="{% trans 'Schliessen (Esc)' %}"></button>
                    <button class="pswp__button pswp__button--share" title="{% trans 'Bild herunterladen' %}"></button>
                    <button class="pswp__button pswp__button--fs" title="{% trans 'Vollbildmodus ein/aus' %}"></button>
                    <button class="pswp__button pswp__button--zoom" title="{% trans 'rein/raus zoomen' %}"></button>
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                            <div class="pswp__preloader__cut">
                                <div class="pswp__preloader__donut"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div>
                </div>
                <button class="pswp__button pswp__button--arrow--left"
                        title="{% trans 'Vorheriges Foto (linke Pfeiltaste)' %}">
                </button>
                <button class="pswp__button pswp__button--arrow--right"
                        title="{% trans 'Nächstes Foto (rechte Pfeiltaste)' %}">
                </button>
                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="privacy-message" style="display: none;">
        <div class="privacy-message__frame">
            <p>
                {% page_url 'imprint' as privacy_url %}
                {% blocktrans with privacy_url=privacy_url %}
                    Um diese Webseite optimal gestalten und fortlaufend verbessern zu können, verwenden wir Cookies.
                    Weitere Informationen finden Sie in unserer
                    <a href="{{ privacy_url }}">Datenschutzerklärung im Impressum</a>.
                {% endblocktrans %}
            </p>
            <div class="privacy-message__actions">
                <a href="#" class="button button--small button--ghost privacy_action--decline">
                    <span class="button__icon">{% include 'project/assets/close.svg' %}</span>
                    <span class="button__text">{% trans 'Ablehnen' %}</span>
                </a>
                <a href="#" class="button button--small privacy_action--accept">
                    <span class="button__icon">{% include 'project/assets/tick.svg' %}</span>
                    <span class="button__text">{% trans 'Akzeptieren' %}</span>
                </a>
            </div>
        </div>
        <a href="#" class="privacy-message__close privacy_action--close"></a>
    </div>

    <script type="text/javascript" src="{% static 'js/lib.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/main.js' %}"></script>

    {% block extra_body %}{% endblock %}

    {% render_block "js" %}
    {{ ALDRYN_SNAKE.render_tail }}

    <script>
      $(function() {
        var init_google_analytics = function() {
          (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
              (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
              m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
          })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

          ga('create', 'UA-116863155-1', 'auto');
          ga('set', 'anonymizeIp', true);
          ga('send', 'pageview');
        };

        if (window.privacy_accepted) {
          init_google_analytics();
        }

        $('body').on('enable_tracking', function() {
          init_google_analytics();
        });
      });
    </script>

    {% recaptcha_explicit_init LANGUAGE_CODE %}
</body>
</html>
