Abschluss-CTA: durchgehender Verlauf statt weicher Kreise

Die beiden blur-Kreise ueber dem Hellblau wirkten als Flecken – der dunkle
rechts unten am staerksten. Ersetzt durch .cta-band in shared-styles.css: ein
durchgehender Verlauf ueber die volle Breite, von Anthrazit diagonal in das
Dynamic Blue, beides aus den Theme-Variablen.

- Tiefe kommt aus dem Verlauf, nicht aus ueberlagerten Flaechen.
- Zwei Haarlinien als Kontur: eine oben ueber die Breite, eine als Auftakt
  ueber der Ueberschrift, beide zu den Seiten auslaufend.
- Buttons filigraner: duennerer Rahmen beim Outline-Button, weicherer Schatten
  beim Hauptbutton.

Der Verlauf liegt als CSS-Klasse vor und nicht als Utility-Kette im Blade,
damit er mit den Theme-Variablen arbeitet und ueber alle Themes stimmt.

Tests: 862 gruen (3192 Assertions), Pint sauber, npm run build:b2in gebaut.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

resources/css/web/shared-styles.css

@@ -258,6 +258,51 @@ h1, h2, h3, h4, h5, h6 {
   color: hsl(var(--dark-text));
 }
 
+/* Abschlussband der Markenseiten.
+   Ein durchgehender Verlauf ueber die volle Breite: von Anthrazit in das
+   Dynamic Blue. Bewusst ohne weiche Kreise – die setzten sichtbare Flecken in
+   die Ecken. Die Tiefe kommt aus dem Verlauf selbst, die Kontur aus zwei
+   Haarlinien. */
+.cta-band {
+  position: relative;
+  overflow: hidden;
+  background: linear-gradient(
+    100deg,
+    hsl(var(--primary-dark)) 0%,
+    hsl(var(--primary)) 42%,
+    hsl(var(--secondary-dark)) 100%
+  );
+}
+
+/* Lichtkante oben, die zu beiden Seiten auslaeuft. */
+.cta-band::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    hsl(0 0% 100% / 0.35) 50%,
+    transparent 100%
+  );
+}
+
+/* Sehr flacher Schimmer von oben links, damit die Flaeche nicht flach wirkt. */
+.cta-band::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(
+    165deg,
+    hsl(0 0% 100% / 0.07) 0%,
+    transparent 48%
+  );
+}
+
 .text-dark-muted {
   color: hsl(var(--dark-muted));
 }