diff --git a/public/assets/fonts/space-grotesk-latin-ext.woff2 b/public/assets/fonts/space-grotesk-latin-ext.woff2
new file mode 100644
index 0000000..e3aa61c
Binary files /dev/null and b/public/assets/fonts/space-grotesk-latin-ext.woff2 differ
diff --git a/public/assets/fonts/space-grotesk-latin.woff2 b/public/assets/fonts/space-grotesk-latin.woff2
new file mode 100644
index 0000000..7b0e76a
Binary files /dev/null and b/public/assets/fonts/space-grotesk-latin.woff2 differ
diff --git a/public/styles.css b/public/styles.css
index a7afb6a..11a0645 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -26,6 +26,29 @@
     U+A720-A7FF;
 }
 
+/* ---------- TEST: Space Grotesk (Schrift der GameJam-Seite) ---------- */
+@font-face {
+  font-family: "Space Grotesk";
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(/assets/fonts/space-grotesk-latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
+    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: "Space Grotesk";
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(/assets/fonts/space-grotesk-latin-ext.woff2) format("woff2");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
+    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
+    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
+    U+A720-A7FF;
+}
+
 :root {
   --black: #0A0A0A;
   --ink:   #141414;
@@ -36,7 +59,7 @@
   --paper: #FFFFFF;
   --paper-2:#F6F6F4;
   --wrap: 1200px;
-  --grotesk: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
+  --grotesk: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
 }
 
 * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -716,7 +739,7 @@ a { color: inherit; text-decoration: none; }
   .nav-toggle { display: flex; }
   /* Mobil-Menü nur sichtbar, wenn JS das hidden-Attribut entfernt */
   .mobile-nav:not([hidden]) { display: flex; }
-  .hero-grid { grid-template-columns: 1fr; gap: 48px; padding: 60px 32px 72px; }
+  .hero-grid { grid-template-columns: 1fr; gap: 48px; padding: 84px 32px 72px; }
   .cards { grid-template-columns: 1fr 1fr; }
   .steps { grid-template-columns: 1fr 1fr; }
   .step:nth-child(2) { border-right: none; }