From c23b7406b4e4b71a7a658bf37d37e1991a6ef663 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:10:10 +0100
Subject: [PATCH] Adjust process scribble

---
 index.html | 24 +++++++++++++-----------
 styles.css | 22 +++++++++-------------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index c4d0932..dcb5811 100644
--- a/index.html
+++ b/index.html
@@ -45,17 +45,19 @@
         </section>
 
         <section class="section section--dark process">
-          <div class="section-head section-head--boxed section-head--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>
-            </h2>
-            <img
-              class="section-head__accent section-head__accent--process"
-              src="./media/strichlein_rosa_uber_wort.svg"
-              alt=""
-              aria-hidden="true"
-            />
+          <div class="section-head section-head--boxed">
+            <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>
+              </h2>
+              <img
+                class="section-head__accent section-head__accent--process"
+                src="./media/strichlein_rosa_uber_wort.svg"
+                alt=""
+                aria-hidden="true"
+              />
+            </div>
           </div>
 
           <div class="process__grid">
diff --git a/styles.css b/styles.css
index 3e5c124..c9dae9e 100644
--- a/styles.css
+++ b/styles.css
@@ -279,10 +279,6 @@ button {
   z-index: 1;
 }
 
-.section-head--process {
-  position: relative;
-}
-
 .section-head__accent {
   position: absolute;
   width: clamp(70px, 9vw, 120px);
@@ -290,10 +286,15 @@ button {
   pointer-events: none;
 }
 
+.section-title-lockup--process .section-title--process {
+  position: relative;
+  z-index: 1;
+}
+
 .section-head__accent--process {
   top: -5.2rem;
-  right: -5rem;
-  width: 78px;
+  left: calc(100% - 70px);
+  width: 94px;
 }
 
 .section-head__accent--focus {
@@ -758,20 +759,15 @@ button {
     margin-bottom: 2rem;
   }
 
-  .section-head--process {
-    width: fit-content;
-    justify-content: center;
-  }
-
   .section-title-lockup--work {
     display: block;
     width: fit-content;
   }
 
   .section-head__accent--process {
-    right: -0.25rem;
+    left: calc(100% - 70px);
     top: -3.4rem;
-    width: 64px;
+    width: 77px;
   }
 
   .section-head__accent--work {