Landing: Standort-Section (EU-Hosting) mit Paragraf-Wasserzeichen

Neue Section zwischen Organisation und Events: positioniert ToolCTRL
als deutsch gehostete, dem deutschen Recht unterstellte Alternative zu
US-Software. Grau hinterlegt, hält den Grau/Weiss-Wechsel intakt.
Grosses, blasses Paragraf-Zeichen als Wasserzeichen im Freiraum oben
rechts (analog zum CTRL-Schriftzug im Hero).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

public/styles.css

@@ -497,6 +497,37 @@ a { color: inherit; text-decoration: none; }
   color: var(--gray-1);
 }
 
+/* ---------- Standort / EU-Hosting ---------- */
+/* Großes, blasses Paragraf-Zeichen oben rechts — Wasserzeichen, analog
+   zum CTRL-Schriftzug im Hero. Thematisch: Recht, DSGVO, CLOUD Act. */
+#standort {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+}
+#standort .wrap { position: relative; }
+#standort .wrap::before {
+  content: "\00A7";
+  position: absolute;
+  top: -0.12em;
+  right: 11%;
+  z-index: -1;
+  color: rgba(10, 10, 10, .045);
+  font-size: clamp(240px, 28vw, 420px);
+  line-height: 1;
+  font-weight: 900;
+  pointer-events: none;
+}
+.steps-3 { grid-template-columns: repeat(3, 1fr); }
+.standort-claim {
+  font-size: clamp(18px, 1.9vw, 22px);
+  font-weight: 700;
+  letter-spacing: -.01em;
+  line-height: 1.3;
+  margin-top: 22px;
+  color: var(--ink);
+}
+
 /* ============================================================
    ARBEITSWEISE + KANBAN
    ============================================================ */
@@ -951,6 +982,10 @@ a { color: inherit; text-decoration: none; }
   .steps { grid-template-columns: 1fr 1fr; }
   .step:nth-child(2) { border-right: none; }
   .step:nth-child(1), .step:nth-child(2) { border-bottom: 1px solid var(--line); }
+  /* Standort-Grid bleibt dreispaltig — drei kurze Karten passen */
+  .steps-3 { grid-template-columns: repeat(3, 1fr); }
+  .steps-3 .step:nth-child(2) { border-right: 1px solid var(--line); }
+  .steps-3 .step:nth-child(1), .steps-3 .step:nth-child(2) { border-bottom: none; }
   .arbeit-grid { grid-template-columns: 1fr; gap: 44px; }
   .kontakt-grid { grid-template-columns: 1fr; gap: 44px; }
   .footer-inner { grid-template-columns: 1fr; gap: 36px; }