diff --git a/styleguide-website/index.html b/styleguide-website/index.html
index 6340f14098ceae421177ec9e9592df4f2ddbdedf..0918d180adf79bee29649eaf3efa298818ccace4 100644
--- a/styleguide-website/index.html
+++ b/styleguide-website/index.html
@@ -19,7 +19,9 @@
     </div>
     <!-- Lights on, reduce motion etc. -->
     <section aria-labelledby="vision">
-        <h2 id="vision"> Gesellschaften in Blasen </h2>
+        <div>
+          <h2 id="vision"> Gesellschaften in Blasen </h2>
+        </div>
         <img src="img/bridging-bubbles-cityscape.jpg" id="vision-img"
              alt="Eine Card10 schwebt in einer orangenen Seifenblase umgeben von Rauch auf einem leuchtenden Plateu. Auf dem Display ein text: Divoc - バブルス ブリッジ. Im Hintergrund ist eine grün schimmernde futuristische Stadt von Oben zu sehen. Ganz weit entfernt hinter einer Häusershlucht umgibt eine riesige blaue Seifenblase mit eine fliegende Untertasse. Die Antenne sieht etwas aus, wie der Berliner Fernsehturm."/>
         <p>
diff --git a/styleguide-website/styleguide.css b/styleguide-website/styleguide.css
index 939ebba494f43acf10e38741d13bb675ffafd9d1..ab54c2583604d7198e8237bd2bce937490af86c9 100644
--- a/styleguide-website/styleguide.css
+++ b/styleguide-website/styleguide.css
@@ -13,7 +13,7 @@
     --dark-highlight-color: #62C1A6;
     --dark-secondary-highlight-color: #5253ff;
     --dark-tertiary-highlight-color: #A74DB7;
-    --dark-main-bg-color: #020613;
+    --dark-main-bg-color: #030714;
     --dark-secondary-bg-color: #241b2b;
     --dark-colors-container-background: #333333;
 
@@ -30,7 +30,7 @@ body {
     --text-color: var(--dark-text-color);
     --highlight-color: var(--dark-highlight-color);
     --secondary-highlight-color: var(--dark-secondary-highlight-color);
-    --tertiary-highlight-color: var(--dark-tertiary-highlight-color:)
+    --tertiary-highlight-color: var(--dark-tertiary-highlight-color:);
     --main-bg-color: var(--dark-main-bg-color);
     --secondary-bg-color: var(--dark-secondary-bg-color);
     --tertiary-bg-color: var(--dark-tertiary-bg-color);
@@ -85,6 +85,7 @@ section * {
 
 body {
     color: var(--text-color);
+    background-image: linear-gradient(#332a39, #020613);
     font-family: Ubuntu, sans-serif;
 }
 
@@ -141,7 +142,7 @@ body {
 }
 
 main {
-    background-color: var(--tertiary-bg-color);
+    background-color: var(--main-bg-color);
     margin: 0 100px 0 100px;
     padding: 1rem;
     min-width: 80%;
@@ -292,10 +293,10 @@ hr {
 hr::after {
     content: ' ';
     background: var(--secondary-highlight-color);
-    padding: 25px;
+    padding: 250px;
     right: 0px;
     position: absolute;
-    top: -50px;
+    top: -30px;
 }
 
 .customization-fieldset {