diff --git a/styles/globals.css b/styles/globals.css
index 0d25aa7..04e537c 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,648 +1,876 @@
-/* in globals.css oder styles/index.css */
-@import "./local-fonts.css";
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* === Lokale Fonts via woff2 einbinden === */
+/* ---------------------------------------
+   Fonts (latin subset, wght 400, woff2)
+---------------------------------------- */
 @font-face {
   font-family: "AbrilFatface";
-  src: url("/fonts/abril-fatface.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/abrilfatface/v24/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Alegreya";
-  src: url("/fonts/alegreya.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/alegreya/v38/4UacrEBBsBhlBjvfkQjt71kZfyBzPgNG9hU4-6qj.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "AlfaSlabOne";
-  src: url("/fonts/alfa-slab-one.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/alfaslabone/v20/6NUQ8FmMKwSEKjnm5-4v-4Jh2dJhew.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Almendra";
-  src: url("/fonts/almendra.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/almendra/v27/H4ckBXKAlMnTn0CskxY9yL4.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "AmaticSc";
-  src: url("/fonts/amatic-sc.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/amaticsc/v27/TUZyzwprpvBS1izr_vOECuSf.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Andika";
-  src: url("/fonts/andika.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/andika/v26/mem_Ya6iyW-LwqgwarYQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "ArchitectsDaughter";
-  src: url("/fonts/architects-daughter.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/architectsdaughter/v19/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4w.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Audiowide";
-  src: url("/fonts/audiowide.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/audiowide/v21/l7gdbjpo0cum0ckerWCdlg_O.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "AveriaLibre";
-  src: url("/fonts/averia-libre.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/averialibre/v16/2V0aKIcMGZEnV6xygz7eNjESBanI.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "BebasNeue";
-  src: url("/fonts/bebas-neue.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/bebasneue/v15/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "BlackOpsOne";
-  src: url("/fonts/black-ops-one.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/blackopsone/v20/qWcsB6-ypo7xBdr6Xshe96H3aDvbtw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Caveat";
-  src: url("/fonts/caveat.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/caveat/v22/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "CinzelDecorative";
-  src: url("/fonts/cinzel-decorative.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/cinzeldecorative/v18/daaCSScvJGqLYhG8nNt8KPPswUAPni7TTMw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Courgette";
-  src: url("/fonts/courgette.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/courgette/v18/wEO_EBrAnc9BLjLQAUk1VvoK.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "DancingScript";
-  src: url("/fonts/dancing-script.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/dancingscript/v28/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Exo";
-  src: url("/fonts/exo.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/exo/v24/4UaZrEtFpBI4f1ZSIK9d4LjJ4lM3OwRmOw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "FjallaOne";
-  src: url("/fonts/fjalla-one.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/fjallaone/v15/Yq6R-LCAWCX3-6Ky7FAFrOF6kg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "GermaniaOne";
-  src: url("/fonts/germania-one.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/germaniaone/v20/Fh4yPjrqIyv2ucM2qzBjeS3uywhP.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "GlassAntiqua";
-  src: url("/fonts/glass-antiqua.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/glassantiqua/v25/xfu30Wr0Wn3NOQM2piC0uXOjrLj6Ng.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "GloriaHallelujah";
-  src: url("/fonts/gloria-hallelujah.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/gloriahallelujah/v23/LYjYdHv3kUk9BMV96EIswT9DIbW-MIS11zM.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "GreatVibes";
-  src: url("/fonts/great-vibes.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/greatvibes/v20/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "HoltwoodOneSc";
-  src: url("/fonts/holtwood-one-sc.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/holtwoodonesc/v22/yYLx0hLR0P-3vMFSk1TCq3Txg5BHdrz7.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "IndieFlower";
-  src: url("/fonts/indie-flower.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/indieflower/v23/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Italiana";
-  src: url("/fonts/italiana.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/italiana/v21/QldNNTtLsx4E__B0XQmWaXw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Jost";
-  src: url("/fonts/jost.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/jost/v19/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "KaushanScript";
-  src: url("/fonts/kaushan-script.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/kaushanscript/v18/vm8vdRfvXFLG3OLnsO15WYS5DG74wNI.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Lato";
-  src: url("/fonts/lato.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "MetalMania";
-  src: url("/fonts/metal-mania.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/metalmania/v22/RWmMoKWb4e8kqMfBUdPFJdXFiaQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Montserrat";
-  src: url("/fonts/montserrat.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Neucha";
-  src: url("/fonts/neucha.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/neucha/v17/q5uGsou0JOdh94bfvQlt.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "NotoSans";
-  src: url("/fonts/noto-sans.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/notosans/v39/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VI.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "OpenSans";
-  src: url("/fonts/open-sans.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Orbitron";
-  src: url("/fonts/orbitron.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/orbitron/v34/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Oswald";
-  src: url("/fonts/oswald.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/oswald/v56/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Pacifico";
-  src: url("/fonts/pacifico.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ-6H6Mk.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "PermanentMarker";
-  src: url("/fonts/permanent-marker.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/permanentmarker/v16/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Philosopher";
-  src: url("/fonts/philosopher.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/philosopher/v20/vEFV2_5QCwIS4_Dhez5jcWBuT00.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "PlayfairDisplay";
-  src: url("/fonts/playfair-display.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/playfairdisplay/v39/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Poppins";
-  src: url("/fonts/poppins.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "PressStart2P";
-  src: url("/fonts/press-start-2p.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Questrial";
-  src: url("/fonts/questrial.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/questrial/v18/QdVUSTchPBm7nuUeVf70viFl.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Quicksand";
-  src: url("/fonts/quicksand.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/quicksand/v36/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Rajdhani";
-  src: url("/fonts/rajdhani.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/rajdhani/v16/LDIxapCSOBg7S-QT7p4HM-Y.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Raleway";
-  src: url("/fonts/raleway.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Righteous";
-  src: url("/fonts/righteous.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/righteous/v18/1cXxaUPXBpj2rGoU7C9WiHGF.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Roboto";
-  src: url("/fonts/roboto.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Sacramento";
-  src: url("/fonts/sacramento.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/sacramento/v16/buEzpo6gcdjy0EiZMBUG4C0f_Q.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Satisfy";
-  src: url("/fonts/satisfy.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/satisfy/v22/rP2Hp2yn6lkG50LoCZOIHQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "SpaceMono";
-  src: url("/fonts/space-mono.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Spectral";
-  src: url("/fonts/spectral.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/spectral/v14/rnCr-xNNww_2s0amA9M5kng.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Staatliches";
-  src: url("/fonts/staatliches.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/staatliches/v14/HI_OiY8KO6hCsQSoAPmtMYebvpA.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "StintUltraCondensed";
-  src: url("/fonts/stint-ultra-condensed.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/stintultracondensed/v24/-W_gXIrsVjjeyEnPC45qD2NoFPtBE0xCh2AOrR8P.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Syncopate";
-  src: url("/fonts/syncopate.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/syncopate/v23/pe0sMIuPIYBCpEV5eFdCBfe_.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Ultra";
-  src: url("/fonts/ultra.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/ultra/v25/zOLy4prXmrtY-uT9wrI.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "UnicaOne";
-  src: url("/fonts/unica-one.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/unicaone/v19/DPEuYwWHyAYGVTSmalsRcd3e.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "WorkSans";
-  src: url("/fonts/work-sans.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
-
 @font-face {
   font-family: "Yellowtail";
-  src: url("/fonts/yellowtail.woff2") format("woff2");
-  font-weight: 400;
   font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("https://fonts.gstatic.com/s/yellowtail/v24/OZpGg_pnoDtINPfRIlLohlvHwQ.woff2")
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
+    U+FFFD;
 }
 
-@layer utilities {
-  .font-abril-fatface {
-    font-family: "AbrilFatface", serif;
-  }
-
-  .font-alegreya {
-    font-family: "Alegreya", sans-serif;
-  }
-
-  .font-alfa-slab-one {
-    font-family: "AlfaSlabOne", sans-serif;
-  }
-
-  .font-almendra {
-    font-family: "Almendra", serif;
-  }
-
-  .font-amatic-sc {
-    font-family: "AmaticSc", cursive;
-  }
-
-  .font-andika {
-    font-family: "Andika", sans-serif;
-  }
-
-  .font-architects-daughter {
-    font-family: "ArchitectsDaughter", cursive;
-  }
-
-  .font-audiowide {
-    font-family: "Audiowide", sans-serif;
-  }
-
-  .font-averia-libre {
-    font-family: "AveriaLibre", cursive;
-  }
-
-  .font-bebas-neue {
-    font-family: "BebasNeue", sans-serif;
-  }
-
-  .font-black-ops-one {
-    font-family: "BlackOpsOne", sans-serif;
-  }
-
-  .font-caveat {
-    font-family: "Caveat", cursive;
-  }
-
-  .font-cinzel-decorative {
-    font-family: "CinzelDecorative", serif;
-  }
-
-  .font-courgette {
-    font-family: "Courgette", cursive;
-  }
-
-  .font-dancing-script {
-    font-family: "DancingScript", cursive;
-  }
-
-  .font-exo {
-    font-family: "Exo", sans-serif;
-  }
-
-  .font-fjalla-one {
-    font-family: "FjallaOne", sans-serif;
-  }
-
-  .font-germania-one {
-    font-family: "GermaniaOne", sans-serif;
-  }
-
-  .font-glass-antiqua {
-    font-family: "GlassAntiqua", cursive;
-  }
-
-  .font-gloria-hallelujah {
-    font-family: "GloriaHallelujah", cursive;
-  }
-
-  .font-great-vibes {
-    font-family: "GreatVibes", cursive;
-  }
-
-  .font-holtwood-one-sc {
-    font-family: "HoltwoodOneSc", sans-serif;
-  }
-
-  .font-indie-flower {
-    font-family: "IndieFlower", cursive;
-  }
-
-  .font-italiana {
-    font-family: "Italiana", serif;
-  }
-
-  .font-jost {
-    font-family: "Jost", sans-serif;
-  }
-
-  .font-kaushan-script {
-    font-family: "KaushanScript", cursive;
-  }
-
-  .font-lato {
-    font-family: "Lato", sans-serif;
-  }
-
-  .font-metal-mania {
-    font-family: "MetalMania", sans-serif;
-  }
-
-  .font-montserrat {
-    font-family: "Montserrat", sans-serif;
-  }
-
-  .font-neucha {
-    font-family: "Neucha", sans-serif;
-  }
-
-  .font-noto-sans {
-    font-family: "NotoSans", sans-serif;
-  }
-
-  .font-open-sans {
-    font-family: "OpenSans", sans-serif;
-  }
-
-  .font-orbitron {
-    font-family: "Orbitron", sans-serif;
-  }
-
-  .font-oswald {
-    font-family: "Oswald", sans-serif;
-  }
-
-  .font-pacifico {
-    font-family: "Pacifico", cursive;
-  }
-
-  .font-permanent-marker {
-    font-family: "PermanentMarker", sans-serif;
-  }
-
-  .font-philosopher {
-    font-family: "Philosopher", serif;
-  }
-
-  .font-playfair-display {
-    font-family: "PlayfairDisplay", serif;
-  }
-
-  .font-poppins {
-    font-family: "Poppins", sans-serif;
-  }
-
-  .font-press-start-2p {
-    font-family: "PressStart2P", monospace;
-  }
-
-  .font-questrial {
-    font-family: "Questrial", sans-serif;
-  }
-
-  .font-quicksand {
-    font-family: "Quicksand", sans-serif;
-  }
-
-  .font-rajdhani {
-    font-family: "Rajdhani", sans-serif;
-  }
-
-  .font-raleway {
-    font-family: "Raleway", serif;
-  }
-
-  .font-righteous {
-    font-family: "Righteous", sans-serif;
-  }
-
-  .font-roboto {
-    font-family: "Roboto", sans-serif;
-  }
-
-  .font-sacramento {
-    font-family: "Sacramento", cursive;
-  }
-
-  .font-satisfy {
-    font-family: "Satisfy", cursive;
-  }
-
-  .font-space-mono {
-    font-family: "SpaceMono", sans-serif;
-  }
-
-  .font-spectral {
-    font-family: "Spectral", sans-serif;
-  }
-
-  .font-staatliches {
-    font-family: "Staatliches", serif;
-  }
-
-  .font-stint-ultra-condensed {
-    font-family: "StintUltraCondensed", sans-serif;
-  }
-
-  .font-syncopate {
-    font-family: "Syncopate", sans-serif;
-  }
-
-  .font-ultra {
-    font-family: "Ultra", serif;
-  }
-
-  .font-unica-one {
-    font-family: "UnicaOne", sans-serif;
-  }
-
-  .font-work-sans {
-    font-family: "WorkSans", sans-serif;
-  }
-
-  .font-yellowtail {
-    font-family: "Yellowtail", cursive;
-  }
-}
-/* Komponenten */
-@layer components {
-  .text-shadow-lg {
-    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  }
-}
-
-/* Basis-Styling */
+/* -----------------------
+   Base styling
+------------------------ */
 body {
   background: #111;
   color: #fff;
 }
+
+/* -----------------------
+   Utilities (font helpers)
+------------------------ */
+@layer utilities {
+  .font-abril-fatface {
+    font-family: "AbrilFatface", serif;
+  }
+  .font-alegreya {
+    font-family: "Alegreya", sans-serif;
+  }
+  .font-alfa-slab-one {
+    font-family: "AlfaSlabOne", sans-serif;
+  }
+  .font-almendra {
+    font-family: "Almendra", serif;
+  }
+  .font-amatic-sc {
+    font-family: "AmaticSc", cursive;
+  }
+  .font-andika {
+    font-family: "Andika", sans-serif;
+  }
+  .font-architects-daughter {
+    font-family: "ArchitectsDaughter", cursive;
+  }
+  .font-audiowide {
+    font-family: "Audiowide", sans-serif;
+  }
+  .font-averia-libre {
+    font-family: "AveriaLibre", cursive;
+  }
+  .font-bebas-neue {
+    font-family: "BebasNeue", sans-serif;
+  }
+  .font-black-ops-one {
+    font-family: "BlackOpsOne", sans-serif;
+  }
+  .font-caveat {
+    font-family: "Caveat", cursive;
+  }
+  .font-cinzel-decorative {
+    font-family: "CinzelDecorative", serif;
+  }
+  .font-courgette {
+    font-family: "Courgette", cursive;
+  }
+  .font-dancing-script {
+    font-family: "DancingScript", cursive;
+  }
+  .font-exo {
+    font-family: "Exo", sans-serif;
+  }
+  .font-fjalla-one {
+    font-family: "FjallaOne", sans-serif;
+  }
+  .font-germania-one {
+    font-family: "GermaniaOne", sans-serif;
+  }
+  .font-glass-antiqua {
+    font-family: "GlassAntiqua", cursive;
+  }
+  .font-gloria-hallelujah {
+    font-family: "GloriaHallelujah", cursive;
+  }
+  .font-great-vibes {
+    font-family: "GreatVibes", cursive;
+  }
+  .font-holtwood-one-sc {
+    font-family: "HoltwoodOneSc", sans-serif;
+  }
+  .font-indie-flower {
+    font-family: "IndieFlower", cursive;
+  }
+  .font-italiana {
+    font-family: "Italiana", serif;
+  }
+  .font-jost {
+    font-family: "Jost", sans-serif;
+  }
+  .font-kaushan-script {
+    font-family: "KaushanScript", cursive;
+  }
+  .font-lato {
+    font-family: "Lato", sans-serif;
+  }
+  .font-metal-mania {
+    font-family: "MetalMania", sans-serif;
+  }
+  .font-montserrat {
+    font-family: "Montserrat", sans-serif;
+  }
+  .font-neucha {
+    font-family: "Neucha", sans-serif;
+  }
+  .font-noto-sans {
+    font-family: "NotoSans", sans-serif;
+  }
+  .font-open-sans {
+    font-family: "OpenSans", sans-serif;
+  }
+  .font-orbitron {
+    font-family: "Orbitron", sans-serif;
+  }
+  .font-oswald {
+    font-family: "Oswald", sans-serif;
+  }
+  .font-pacifico {
+    font-family: "Pacifico", cursive;
+  }
+  .font-permanent-marker {
+    font-family: "PermanentMarker", sans-serif;
+  }
+  .font-philosopher {
+    font-family: "Philosopher", serif;
+  }
+  .font-playfair-display {
+    font-family: "PlayfairDisplay", serif;
+  }
+  .font-poppins {
+    font-family: "Poppins", sans-serif;
+  }
+  .font-press-start-2p {
+    font-family: "PressStart2P", monospace;
+  }
+  .font-questrial {
+    font-family: "Questrial", sans-serif;
+  }
+  .font-quicksand {
+    font-family: "Quicksand", sans-serif;
+  }
+  .font-rajdhani {
+    font-family: "Rajdhani", sans-serif;
+  }
+  .font-raleway {
+    font-family: "Raleway", sans-serif;
+  } /* war 'serif' → korrigiert */
+  .font-righteous {
+    font-family: "Righteous", sans-serif;
+  }
+  .font-roboto {
+    font-family: "Roboto", sans-serif;
+  }
+  .font-sacramento {
+    font-family: "Sacramento", cursive;
+  }
+  .font-satisfy {
+    font-family: "Satisfy", cursive;
+  }
+  .font-space-mono {
+    font-family: "SpaceMono", sans-serif;
+  }
+  .font-spectral {
+    font-family: "Spectral", sans-serif;
+  }
+  .font-staatliches {
+    font-family: "Staatliches", serif;
+  }
+  .font-stint-ultra-condensed {
+    font-family: "StintUltraCondensed", sans-serif;
+  }
+  .font-syncopate {
+    font-family: "Syncopate", sans-serif;
+  }
+  .font-ultra {
+    font-family: "Ultra", serif;
+  }
+  .font-unica-one {
+    font-family: "UnicaOne", sans-serif;
+  }
+  .font-work-sans {
+    font-family: "WorkSans", sans-serif;
+  }
+  .font-yellowtail {
+    font-family: "Yellowtail", cursive;
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index f17ee66..11d0a08 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,65 @@ module.exports = {
   ],
   theme: {
     extend: {
-      // Keine fontFamily-Einträge mehr hier nötig!
+      fontFamily: {
+        "abril-fatface": ['"Abril Fatface"', "serif"],
+        alegreya: ["Alegreya", "sans-serif"],
+        "alfa-slab-one": ['"Alfa Slab One"', "sans-serif"],
+        almendra: ["Almendra", "serif"],
+        "amatic-sc": ['"Amatic SC"', "cursive"],
+        andika: ["Andika", "sans-serif"],
+        "architects-daughter": ['"Architects Daughter"', "cursive"],
+        audiowide: ["Audiowide", "sans-serif"],
+        "averia-libre": ['"Averia Libre"', "cursive"],
+        "bebas-neue": ['"Bebas Neue"', "sans-serif"],
+        "black-ops-one": ['"Black Ops One"', "sans-serif"],
+        caveat: ["Caveat", "cursive"],
+        "cinzel-decorative": ['"Cinzel Decorative"', "serif"],
+        courgette: ["Courgette", "cursive"],
+        "dancing-script": ['"Dancing Script"', "cursive"],
+        exo: ["Exo", "sans-serif"],
+        "fjalla-one": ['"Fjalla One"', "sans-serif"],
+        "germania-one": ['"Germania One"', "sans-serif"],
+        "glass-antiqua": ['"Glass Antiqua"', "cursive"],
+        "gloria-hallelujah": ['"Gloria Hallelujah"', "cursive"],
+        "great-vibes": ['"Great Vibes"', "cursive"],
+        "holtwood-one-sc": ['"Holtwood One SC"', "sans-serif"],
+        "indie-flower": ['"Indie Flower"', "cursive"],
+        italiana: ["Italiana", "serif"],
+        jost: ["Jost", "sans-serif"],
+        "kaushan-script": ['"Kaushan Script"', "cursive"],
+        lato: ["Lato", "sans-serif"],
+        "metal-mania": ['"Metal Mania"', "sans-serif"],
+        montserrat: ["Montserrat", "sans-serif"],
+        neucha: ["Neucha", "sans-serif"],
+        "noto-sans": ['"Noto Sans"', "sans-serif"],
+        "open-sans": ['"Open Sans"', "sans-serif"],
+        orbitron: ["Orbitron", "sans-serif"],
+        oswald: ["Oswald", "sans-serif"],
+        pacifico: ["Pacifico", "cursive"],
+        "permanent-marker": ['"Permanent Marker"', "sans-serif"],
+        philosopher: ["Philosopher", "serif"],
+        "playfair-display": ['"Playfair Display"', "serif"],
+        poppins: ["Poppins", "sans-serif"],
+        "press-start-2p": ['"Press Start 2P"', "monospace"],
+        questrial: ["Questrial", "sans-serif"],
+        quicksand: ["Quicksand", "sans-serif"],
+        rajdhani: ["Rajdhani", "sans-serif"],
+        raleway: ["Raleway", "serif"],
+        righteous: ["Righteous", "sans-serif"],
+        roboto: ["Roboto", "sans-serif"],
+        sacramento: ["Sacramento", "cursive"],
+        satisfy: ["Satisfy", "cursive"],
+        "space-mono": ['"Space Mono"', "sans-serif"],
+        spectral: ["Spectral", "sans-serif"],
+        staatliches: ["Staatliches", "serif"],
+        "stint-ultra-condensed": ['"Stint Ultra Condensed"', "sans-serif"],
+        syncopate: ["Syncopate", "sans-serif"],
+        ultra: ["Ultra", "serif"],
+        "unica-one": ['"Unica One"', "sans-serif"],
+        "work-sans": ['"Work Sans"', "sans-serif"],
+        yellowtail: ["Yellowtail", "cursive"],
+      },
     },
   },
   plugins: [],