<!DOCTYPE html>
<html lang="de">

<head>
      {% block head %}
      <meta charset="utf-8" />
      <meta name="viewport"
            content="width=device-width, initial-scale=1.0" />

      <title>
            {% if meta.title %}
            {{ meta.title }}
            |
            {% endif %}
            {{ site_title }}</title>
      {% if meta.description %}
      <meta name="description"
            content="{{ meta.description|striptags }}" />
      {% endif %}
      {% if meta.robots %}
      <meta name="robots"
            content="{{ meta.robots }}" />
      {% endif %}

      {% if current_page %}
      <link rel="canonical"
            href="{{ current_page.url }}" />
      {% endif %}
      {% endblock %}
      {% block css %}
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
            rel="stylesheet">
      <link rel="stylesheet"
            href="{{ theme_url }}/css/materialize.min.css">
      <link rel="stylesheet"
            href="{{ theme_url }}/css/style.css"
            type="text/css" />
      {% endblock %}
</head>

<body>
      {% include "templates/layout/navigationBar.twig" %}
      <main class="{% if not config.theme_config.widescreen %} container{% endif %}">
            <div class="row">
                  <div class="col s12">
                        {% block content %}
                        {{ content }}
                        {% endblock %}

                  </div>
            </div>
      </main>
      {% include "templates/layout/footer.twig" %}
      {% block js %}
      <script type="text/javascript"
              src="{{ theme_url }}/js/materialize.min.js"></script>
      <script src="{{ theme_url }}/js/site.js"
              type="text/javascript">
      </script>
      {% endblock %}
</body>

</html>
