<footer data-pagefind-ignore>
  <div class="footer bg-footer section">
    <div class="container">
      <div class="row">
        <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0 text-sm-start text-center">
          <a class="logo-footer" href="{{ .Site.BaseURL | relURL }}"><img class="mb-4" height="60" src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}"></a>
          <ul class="list-unstyled text-white text-opacity-50">
            <li class="mb-3">
              <a href="{{ .Site.Params.route_link }}">{{ .Site.Params.address | markdownify }}</a>
            </li>
            <li class="mb-3"><a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email_pretty | markdownify }}</a></li>
            <li class="mb-3"><a href="tel:{{ .Site.Params.mobile }}">{{ .Site.Params.mobile | markdownify }}</a></li>
            <li class="mb-3">
              <a href="{{ .Site.Params.impressumURL | absURL }}">Impressum</a>
            </li>
            <li class="mb-3">
              <a href="{{ .Site.Params.dseURL | absURL }}">Datenschutz</a>
            </li>
          </ul>
        </div>
        <div class="col-lg-2 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
          <h4 class="text-white mb-4 text-uppercase">Links</h4>
          <ul class="list-unstyled">
            {{ range .Site.Menus.footer }}
            <li class="mb-3"><a class="text-white text-opacity-50" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
            {{ end }}
          </ul>
        </div>
        <div class="col-lg-3 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
          <h4 class="text-white mb-4 text-uppercase">Ganztagsangebote</h4>
          <ul class="list-unstyled">
            {{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
            <li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title }}</a></li>
            {{ end }}
          </ul>
        </div>
        <div class="col-lg-3 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
          <h4 class="text-white mb-4 text-uppercase">Aktuelles</h4>
          <ul class="list-unstyled">
            {{ range first 5 (where .Site.RegularPages "Type" "post")}}
            <li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title | truncate 35 }}</a></li>
            {{ end }}
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright py-4 bg-footer">
    <div class="container">
      <div class="row">
        <div class="col-sm-7 text-sm-start text-center">
          <p class="mb-0 text-white text-opacity-50">Copyright &copy; {{ time.Format "2006" now }} {{ .Site.Params.copyright | markdownify | emojify }}</p>
        </div>
        <div class="col-sm-5 text-sm-end 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>

{{ range .Site.Params.plugins.js }}
<script src="{{ . | absURL }}"></script>
{{ end }}

{{ $script := resources.Get "js/script.js" | minify }}
<script src="{{ $script.Permalink }}"></script>

<script>
  new LazyLoad();
</script>