From 97b4d26e33b0a9533c4d48726c3ea80b8d59404a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 22 Mar 2026 19:25:43 +0100
Subject: [PATCH] Fix mobile process title break

---
 index.html | 2 +-
 styles.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index dcb5811..165002f 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,7 @@
             <div class="section-title-lockup section-title-lockup--process">
               <h2 class="section-title section-title--process">
                 <span class="section-title__line">Wie aus Ideen</span>
-                <span class="section-title__line">Ergebnisse werden</span>
+                <span class="section-title__line">Ergebnisse <span class="section-title__mobile-break">werden</span></span>
               </h2>
               <img
                 class="section-head__accent section-head__accent--process"
diff --git a/styles.css b/styles.css
index 65709bb..7fac14c 100644
--- a/styles.css
+++ b/styles.css
@@ -265,6 +265,10 @@ button {
   white-space: nowrap;
 }
 
+.section-title__mobile-break {
+  display: inline;
+}
+
 .section-title--process {
   max-width: none;
 }
@@ -795,6 +799,10 @@ button {
     font-size: clamp(1.9rem, 8.4vw, 2.8rem);
   }
 
+  .section-title__mobile-break {
+    display: block;
+  }
+
   .section-head img {
     width: 72px;
   }