diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 211478e..95a4030 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -24,7 +24,9 @@ body {
     line-height: var(--lh-body);
     color: var(--clr-text);
     background-color: var(--clr-bg);
+    /* WebP primär (deutlich sauberere Textur), JPEG-Fallback für Alt-Browser */
     background-image: url('../img/background.jpg');
+    background-image: image-set(url('../img/background.webp') type('image/webp'));
     background-size: 100% auto;
     background-attachment: fixed;
 }
diff --git a/public/assets/css/tokens.css b/public/assets/css/tokens.css
index a89fc1d..2eb6626 100644
--- a/public/assets/css/tokens.css
+++ b/public/assets/css/tokens.css
@@ -30,7 +30,7 @@
     --fs-600: 1.3125rem;                               /* 21px Body            */
     --fs-700: clamp(2rem, 1.2rem + 3.5vw, 3.125rem);   /* 50px h3              */
     --fs-800: clamp(2.25rem, 1.3rem + 4.5vw, 3.75rem); /* 60px h2              */
-    --fs-900: clamp(2.625rem, 1.4rem + 5.5vw, 4.375rem); /* 70px h1            */
+    --fs-900: clamp(3rem, 1.75rem + 5.5vw, 6rem);        /* 96px h1            */
     --lh-heading: 0.9;
     --lh-body: 1.5;
     --fw-regular: 400;
diff --git a/public/assets/img/background.jpg b/public/assets/img/background.jpg
index 7db209e..4be88ae 100644
Binary files a/public/assets/img/background.jpg and b/public/assets/img/background.jpg differ
diff --git a/public/assets/img/background.webp b/public/assets/img/background.webp
new file mode 100644
index 0000000..0926c1f
Binary files /dev/null and b/public/assets/img/background.webp differ