<head>
  <meta charset="utf-8">
  <title>{{ .Title }}</title>

  {{ "<!-- mobile responsive meta -->" | safeHTML }}
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="{{ with .Params.Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
  {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
  {{ hugo.Generator }}

  {{ "<!-- plugins -->" | safeHTML }}
  {{ range .Site.Params.plugins.css }}
  <link rel="stylesheet" href="{{ .link | absURL }}">
  {{ end }}

  {{ "<!-- Main Stylesheet -->" | safeHTML }}
  {{ $styles := resources.Get "scss/style.scss" | toCSS }}
  <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">

  {{ "<!--Favicon-->" | safeHTML }}
  <link rel="shortcut icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">
  <link rel="icon" href="{{ `media/favicon.png` | absURL }}" type="image/x-icon">

  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
  integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
  crossorigin=""/>



  <!-- Make sure you put this AFTER Leaflet's CSS -->
 <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
   integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
   crossorigin=""></script>

<style>
  #map {
    height: 500px;
    border: 1px solid #aaa;
    border-radius: 15px;
  }
</style>

</head>

<section class="page-title-section overlay" style="background-image: url('{{ .Params.Bg_image | relURL}}'),url('{{`media/backgrounds/page-title.png`| relURL}}');" >
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <ul class="list-inline custom-breadcrumb">
          <li class="list-inline-item h1"><a class="text-primary font-secondary" href="/de/schulchronik-min">Schulchronik</a></li>
          <li class="list-inline-item h2"><i class="ti-angle-right text-white"></i></li>
          <li class="list-inline-item text-white h1 font-secondary">{{ .Title }}</li>
        </ul>
        <p class="text-lighten">{{ .Params.Description | markdownify }}</p>
      </div>
    </div>
  </div>
</section>

<!-- section -->
<section class="section-sm">
  <div class="container">
    <!-- <div class="row">
      <div class="col-12 mb-4">
        <!-- course thumb -->
        <!-- <img style="height: 500px;width: 100%;object-fit: cover;" src="{{ .Params.Image | relURL }}"
          class="img-fluid w-100">
      </div>
    </div>
    <div>
      <h2>{{ .Title }}</h2>
    </div>
    <!-- course details -->
    <div class="row">
      <div class="col-12 mb-4">
        {{ .Content }}
      </div>
      <!-- cantorpreisträger -->
      {{ if .Params.Cantorpreisträger }}
      <div class="col-12">
        <h2 class="mb-3">{{ i18n "cantorpreisträger" }}</h2>
        {{ range where (where .Site.RegularPages "Title" .Params.Title ) "Type" "=" "cantorpreis-min" }}
        <div class="d-flex justify-content-between align-items-center flex-wrap">
          <div class="media mb-2 mb-sm-0 align-items-center">
            <img class="mr-4 img-fluid teacher-thumb-sm" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
            <div class="media-body">
              <h4 class="mt-0"><a href="{{ .Permalink }}">{{ .Params.Name }}</a></h4>
              {{ .Description }}
            </div>
          </div>
        </div>
        {{ end }}
        <div class="border-bottom border-primary mt-4"></div>
      </div>
      {{ end }}
    </div>
  </div>
</section>
<!-- /section -->

<!-- footer content -->
<div class="footer bg-footer section border-bottom">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-sm-8 mb-5 mb-lg-0">
        <!-- logo -->
        <a class="logo-footer" href="/de/schulchronik-min"><img class="img-fluid mb-4" src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}"></a>
        <ul class="list-unstyled">
          <li class="mb-4">
            <a href="{{ .Site.Params.route_link }}">{{ .Site.Params.address | markdownify }}</a>
          </li>
          <li class="mb-4">{{ .Site.Params.email | markdownify }}</li>
          <li class="mb-4"><a href="tel:{{ .Site.Params.mobile | markdownify }}">{{ .Site.Params.mobile | markdownify }}</a></li>
          <li class="mb-4">
            <a href="{{ .Site.Params.impressumminURL | absLangURL }}">Impressum</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- copyright -->
<div class="copyright py-4 bg-footer">
  <div class="container">
    <div class="row">
      <div class="col-sm-7 text-sm-left text-center">
        <p class="mb-0">{{ .Site.Params.copyright | markdownify }}</p>
      </div>
      <div class="col-sm-5 text-sm-right text-center">
        <ul class="list-inline">
          {{ range .Site.Params.social }}
          <li class="list-inline-item"><a class="d-inline-block p-2" href="{{ .link | safeURL }}"><i class="{{ .icon }} text-primary"></i></a></li>
          {{ end }}
        </ul>
      </div>
    </div>
  </div>
</div>
</footer>
<!-- /footer -->

{{ "<!-- JS Plugins -->" | safeHTML }}
{{ range .Site.Params.plugins.js}}
<script src="{{ .link | absURL }}"></script>
{{ end }}

{{ "<!-- Main Script -->" | safeHTML }}
{{ $script := resources.Get "js/script.js" | minify}}
<script src="{{ $script.Permalink }}"></script>

{{ "<!-- google analitycs -->" | safeHTML }}
{{ with .Site.Params.google_analitycs_id}}
<script>
(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', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', '{{ . }}', 'auto');
ga('send', 'pageview');
</script>
{{ end }}