diff --git a/assets/img/bg-links-mobile.jpg b/assets/img/bg-links-mobile.jpg
new file mode 100644
index 0000000..ba21b1b
Binary files /dev/null and b/assets/img/bg-links-mobile.jpg differ
diff --git a/assets/img/bg-links.jpg b/assets/img/bg-links.jpg
new file mode 100644
index 0000000..41c433d
Binary files /dev/null and b/assets/img/bg-links.jpg differ
diff --git a/links.html b/links.html
index c1ef2f5..d5ce9ae 100644
--- a/links.html
+++ b/links.html
@@ -22,11 +22,12 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body>
+<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-links.jpg');--page-bg-mobile:url('/assets/img/bg-links-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>
-  <section class="hero">
+  <section class="hero page-bg">
+    <div class="hero-banner"><img src="/assets/img/bg-links.jpg" alt="" loading="eager" /></div>
     <div class="container">
       <span class="eyebrow">🩵 Alle Links</span>
       <h1>Alles an einem Ort</h1>
