<footer>
  <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">{{ .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.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")}}
            <li class="mb-3"><a class="text-color" href="{{ .Permalink }}">{{ .Title }}</a></li>
            {{ end }}
          </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 "latest_article" }}</h4>
          <ul class="list-unstyled">
            {{ range first 3 (where .Site.RegularPages "Type" "post")}}
            <li class="mb-3"><a class="text-color" href="{{ .Permalink }}">{{ .Title }}</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-left text-center">
          <p class="mb-0">{{ .Site.Params.copyright | emojify }}</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>

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

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