diff --git a/assets/css/style.css b/assets/css/style.css
index a71bc43a..5024fc61 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -221,6 +221,10 @@ a h4:hover {
   padding: 200px 0 80px;
 }
 
+.page-title-section .page-title {
+  hyphens: auto;
+}
+
 .list-styled {
   padding-left: 25px;
 }
diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
index b672c9f9..68097af6 100644
--- a/layouts/partials/page-header.html
+++ b/layouts/partials/page-header.html
@@ -3,9 +3,29 @@
     <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 }}">{{ if .Params.previous.enable }}{{ .Params.previous.title }}{{ else }}{{ with .Parent.Params.title }}{{.}}{{ else }}Startseite{{ end }}{{ end }}</a></li>
+          <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">{{ .Title }}</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 }}