Adjust about heading

index.html

@@ -123,7 +123,12 @@
           <div class="section__content about__content">
             <div class="section-head">
               <h2 class="section-title">Über mich</h2>
-              <img src="./media/striche_blau_unter_wort.svg" alt="" aria-hidden="true" />
+              <img
+                class="section-head__accent section-head__accent--about"
+                src="./media/striche_blau_unter_wort.svg"
+                alt=""
+                aria-hidden="true"
+              />
             </div>
 
             <div class="about__text">

styles.css

@@ -382,6 +382,7 @@ button {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  padding-left: calc(var(--section-padding-x) + 2.5rem);
 }
 
 .about__content .section-head {
@@ -394,6 +395,12 @@ button {
   max-width: none;
 }
 
+.section-head__accent--about {
+  order: -1;
+  margin-top: 0.4rem;
+  margin-right: 0.5rem;
+}
+
 .about__content .section-head img {
   width: clamp(88px, 10vw, 120px);
 }
@@ -716,6 +723,10 @@ button {
     order: -1;
   }
 
+  .about__content {
+    padding-left: 1.5rem;
+  }
+
   .about__media img {
     aspect-ratio: 4 / 5;
   }