diff --git a/public/index.html b/public/index.html index 956c302..faaf41a 100644 --- a/public/index.html +++ b/public/index.html @@ -7,7 +7,7 @@ - + @@ -285,6 +285,47 @@ + +
+
+
+ Standort +

Ihre Daten gehören nicht nach Virginia.

+

+ Die meisten Software-Anbieter, mit denen deutsche Unternehmen täglich + arbeiten, sind US-Konzerne. Heißt: Ihre Daten unterliegen US-Recht, + unabhängig davon, was im Vertrag steht oder wo der Server tatsächlich + läuft. +

+

+ Wir entwickeln in Deutschland, hosten in Deutschland und haften in + Deutschland. +

+
+ +
    +
  1. + 01 +

    In Deutschland gehostet

    +

    Unsere Server stehen in deutschen Rechenzentren. Keine versteckte + Subunternehmer-Kette, die im US-Cloud-Stack endet.

    +
  2. +
  3. + 02 +

    Dem deutschen Recht unterstellt

    +

    Verträge nach BGB, Datenschutz nach DSGVO, ohne Hintertür. Der + CLOUD Act hat hier nichts verloren.

    +
  4. +
  5. + 03 +

    Von Menschen erreichbar

    +

    Kein Support-Ticket im Niemandsland. Wenn etwas brennt, sprechen + Sie mit den Leuten, die Ihre Software gebaut haben.

    +
  6. +
+
+
+
diff --git a/public/styles.css b/public/styles.css index 51157b7..9aaa428 100644 --- a/public/styles.css +++ b/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; }