Keep card markup and map shadow-sm to the card shadow

Removing the shadow-sm classes touched the page markup of the project
overview, which other branches change as well. The card rule now sets
Bootstrap's --bs-box-shadow-sm to the card shadow instead, so cards with
and without shadow-sm look the same and the pages stay as they are on main.

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

src/app/globals.css

@@ -434,21 +434,24 @@ a.kpi:hover {
 /* Flächen-Look wie in der PM-App (Vorbild grow-monitor): gleichmäßiger
    1-px-Rahmen statt farbigem Balken an der Oberkante, größerer Radius und ein
    weicher Streuschatten mit feiner heller Innenkante oben. Der Akzent kommt
-   über Kopfzeile und Inhalt, nicht über die Kante. Karten tragen deshalb keine
-   Bootstrap-Klasse shadow-*, die den Schatten mit !important überschreiben
-   würde. */
+   über Kopfzeile und Inhalt, nicht über die Kante. Bootstraps shadow-sm
+   setzt box-shadow mit !important aus --bs-box-shadow-sm; die Karte legt diese
+   Variable auf denselben Schatten, damit Karten mit und ohne shadow-sm gleich
+   aussehen. */
 .card {
-  --bs-card-border-radius: 16px;
-  --bs-card-border-color: var(--color-border);
-  box-shadow:
+  --lb-card-shadow:
     0 4px 24px var(--shadow-soft),
     0 1px 0 rgba(255, 255, 255, 0.7) inset;
+  --bs-box-shadow-sm: var(--lb-card-shadow);
+  --bs-card-border-radius: 16px;
+  --bs-card-border-color: var(--color-border);
+  box-shadow: var(--lb-card-shadow);
 }
 
 /* Auf dunklem Grund ein kräftigerer Streuschatten und nur eine schwache
    Innenkante, sonst wirkt sie wie ein harter weißer Strich. */
 :root[data-bs-theme="dark"] .card {
-  box-shadow:
+  --lb-card-shadow:
     0 4px 24px rgba(0, 0, 0, 0.4),
     0 1px 0 rgba(255, 255, 255, 0.05) inset;
 }