<section class="page-title-section overlay" style="background-image: url('{{ .Params.Bg_image | relURL}}'),url('{{`media/titelbild.webp`| relURL}}');">
  <div class="container">
    <div class="row">
      <div class="col-md-8 position-relative" data-pagefind-body>
        <ul class="list-inline">
          <li class="list-inline-item h2" data-pagefind-ignore>
            <a class="text-primary font-header" href="
              {{ if .Params.Previous.enable }}
                {{ .Params.Previous.link }}
              {{ else if .Parent.Page }}
                {{ .Parent.Page.Permalink }}
              {{ else }}
                {{ .Site.baseURL | absURL }}
              {{ end }}"
              >
                <div class="page-title">
                  {{ if .Params.previous.enable }}
                    {{ .Params.previous.title }}
                  {{ else if .Parent.Params.title }}
                    {{ .Parent.Params.title }}
                  {{ else }}
                    Startseite  
                  {{ end }}
                </div>
            </a>
          </li>
          <li class="list-inline-item h2">{{ partial "icons/icon" (dict "vendor" "mdi" "name" "chevron-double-right" "className" "align-bottom text-white") }}</li>
          <li class="list-inline-item text-white h2 font-header" data-pagefind-weight="10"><div class="page-title">{{ .Title }}</div></li>
        </ul>
        <div class="text-white text-opacity-75">
          {{ .Params.description | markdownify }}
        </div>
      </div>
    </div>
  </div>
</section>