From ce402c693a949807f167ddcc1473a7d2db61a1e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 22 Mar 2026 18:14:29 +0100
Subject: [PATCH] Bind about title accent

---
 index.html | 16 +++++++++-------
 styles.css |  7 ++++++-
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 9946552..9bc4c13 100644
--- a/index.html
+++ b/index.html
@@ -124,13 +124,15 @@
 
           <div class="section__content about__content">
             <div class="section-head">
-              <h2 class="section-title">Über mich</h2>
-              <img
-                class="section-head__accent section-head__accent--about"
-                src="./media/striche_blau_unter_wort.svg"
-                alt=""
-                aria-hidden="true"
-              />
+              <div class="section-title-lockup section-title-lockup--about">
+                <h2 class="section-title">Über mich</h2>
+                <img
+                  class="section-head__accent section-head__accent--about"
+                  src="./media/striche_blau_unter_wort.svg"
+                  alt=""
+                  aria-hidden="true"
+                />
+              </div>
             </div>
 
             <div class="about__text">
diff --git a/styles.css b/styles.css
index d0bf1e6..6108b34 100644
--- a/styles.css
+++ b/styles.css
@@ -420,6 +420,11 @@ button {
   margin-left: 5.25rem;
 }
 
+.about__content .section-head .section-title-lockup--about {
+  position: relative;
+  display: inline-block;
+}
+
 .about__content .section-head .section-title {
   position: relative;
   z-index: 1;
@@ -429,7 +434,7 @@ button {
 
 .section-head__accent--about {
   position: absolute;
-  top: calc(0.4rem + 50px);
+  top: calc(0.4rem + 30px);
   left: calc(-7.5rem - 10px);
   z-index: 0;
   margin: 0;