new version

src/index.css

@@ -159,6 +159,32 @@
     background-color: hsl(var(--background));
   }
 
+  /* Leichter roter Tint auf Inhaltsblöcken der Problem-Sektion */
+  .problem-section-tint {
+    position: relative;
+  }
+  .problem-section-tint::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background-color: rgb(239 68 68 / 0.06);
+    pointer-events: none;
+    border-radius: inherit;
+  }
+
+  /* Leichter blauer Tint auf dem Ergebnis-Block der Lösungs-Sektion */
+  .solution-section-tint {
+    position: relative;
+  }
+  .solution-section-tint::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background-color: rgb(34 211 238 / 0.06);
+    pointer-events: none;
+    border-radius: inherit;
+  }
+
   /* Minimal glass nav */
   .glass-nav {
     @apply backdrop-blur-xl border-b;
@@ -375,7 +401,7 @@
     flex-shrink: 0;
     overflow: hidden;
     min-width: 0;
-    padding-right: 2px;
+    padding-right: 6px;
   }
 
   .txt-width-helper {
@@ -390,6 +416,10 @@
     animation: none;
   }
 
+  .btn-letter-space {
+    min-width: 0.25em;
+  }
+
   .txt-1,
   .txt-2 {
     position: absolute;