<footer data-pagefind-ignore>
  <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">
          <a class="logo-footer" href="{{ .Site.BaseURL | relLangURL }}"><img class="mb-4" height="60" 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"><a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email_pretty | markdownify }}</a></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.impressumURL | absLangURL }}">Impressum</a>
            </li>
            <li class="mb-4">
              <a href="{{ .Site.Params.dseURL | absLangURL }}">Datenschutz</a>
            </li>
          </ul>
        </div>
        <div class="col-lg-2 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5 text-uppercase">{{ i18n "links" }}</h4>
          <ul class="list-unstyled">
            {{ range .Site.Menus.footer }}
            <li class="mb-3"><a class="text-color" href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>
            {{ end }}
          </ul>
        </div>
        <div class="col-lg-3 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5 text-uppercase">{{ i18n "clubs_footer" }}</h4>
          <ul class="list-unstyled">
            {{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
            <li class="mb-3"><a class="text-color" href="{{ .Permalink }}">{{ .Title }}</a></li>
            {{ end }}
          </ul>
        </div>
        <div class="col-lg-4 col-sm-4 col-6 mb-5 mb-md-0">
          <h4 class="text-white mb-5 text-uppercase">Aktuelles</h4>
          <ul class="list-unstyled">
            {{ range first 5 (where .Site.RegularPages "Type" "post")}}
            <li class="mb-3"><a class="text-color" 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">{{ .Site.Params.copyright | markdownify | emojify }}</p>
        </div>
        <div class="col-sm-5 text-smend 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>
  var lazyLoadInstance = new LazyLoad({
    // Your custom settings go here
  });
</script>