From f393d0e8c1960a0d9210955bdf92d6982ce26cb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 22 Mar 2026 17:12:45 +0100
Subject: [PATCH] Lock hero headline lines

---
 index.html | 5 ++++-
 styles.css | 7 ++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9b55bc6..c8f39a1 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,10 @@
                 alt=""
                 aria-hidden="true"
               />
-              <h1 class="section-title section-title--hero">Von der Idee zur<br />Wirkung</h1>
+              <h1 class="section-title section-title--hero">
+                <span class="hero__line">Von der Idee zur</span>
+                <span class="hero__line">Wirkung</span>
+              </h1>
             </div>
             <button class="button button--dark" type="button" data-open-contact>
               Lass uns starten
diff --git a/styles.css b/styles.css
index f1a10db..e96f415 100644
--- a/styles.css
+++ b/styles.css
@@ -142,11 +142,16 @@ button {
 .section-title--hero {
   position: relative;
   z-index: 2;
-  max-width: 6ch;
+  max-width: none;
   font-size: clamp(4rem, 5.15vw, 5.2rem);
   text-align: center;
 }
 
+.hero__line {
+  display: block;
+  white-space: nowrap;
+}
+
 .hero__scribble {
   position: absolute;
   pointer-events: none;