diff --git a/.gitignore b/.gitignore
index fe447fb..d58693a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,5 @@ instrumentation-client.ts
 node_modules/
 .next/
 .env*.local
-.DS_Store
\ No newline at end of file
+.DS_Store
+.vercel
diff --git a/app/layout.tsx b/app/layout.tsx
index 8c3207a..002696a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -37,10 +37,24 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="de">
+      <head>
+        <link rel="apple-touch-icon" href="/icons/icon-192.jpg" />
+      </head>
       <body
         className={`${inter.variable} ${spaceGrotesk.variable} font-sans antialiased`}
       >
         {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              if ('serviceWorker' in navigator) {
+                window.addEventListener('load', () => {
+                  navigator.serviceWorker.register('/sw.js')
+                })
+              }
+            `,
+          }}
+        />
       </body>
     </html>
   )
diff --git a/public/icons/icon-192.jpg b/public/icons/icon-192.jpg
new file mode 100644
index 0000000..65acd68
Binary files /dev/null and b/public/icons/icon-192.jpg differ
diff --git a/public/icons/icon-512.jpg b/public/icons/icon-512.jpg
new file mode 100644
index 0000000..440fa4e
Binary files /dev/null and b/public/icons/icon-512.jpg differ
diff --git a/public/manifest.json b/public/manifest.json
index fcdc82b..e678af0 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -3,20 +3,23 @@
   "short_name": "InFocus",
   "description": "Teile deine Filmerlebnisse mit deiner Familie",
   "start_url": "/feed",
+  "scope": "/",
   "display": "standalone",
   "background_color": "#111318",
   "theme_color": "#111318",
   "orientation": "portrait-primary",
   "icons": [
     {
-      "src": "/icons/icon-192.png",
+      "src": "/icons/icon-192.jpg",
       "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/jpeg",
+      "purpose": "any"
     },
     {
-      "src": "/icons/icon-512.png",
+      "src": "/icons/icon-512.jpg",
       "sizes": "512x512",
-      "type": "image/png"
+      "type": "image/jpeg",
+      "purpose": "any"
     }
   ]
 }
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..6dd4e90
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,61 @@
+const CACHE_NAME = "infocus-v1"
+const PRECACHE_URLS = ["/feed", "/search", "/diary", "/lists", "/profile"]
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.addAll(PRECACHE_URLS))
+  )
+  self.skipWaiting()
+})
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(
+        keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))
+      )
+    )
+  )
+  self.clients.claim()
+})
+
+self.addEventListener("fetch", (event) => {
+  // Network-first strategy for API calls
+  if (event.request.url.includes("/api/")) {
+    event.respondWith(
+      fetch(event.request).catch(() => caches.match(event.request))
+    )
+    return
+  }
+
+  // Cache-first for static assets (images, fonts, etc.)
+  if (
+    event.request.destination === "image" ||
+    event.request.destination === "font" ||
+    event.request.destination === "style"
+  ) {
+    event.respondWith(
+      caches.match(event.request).then(
+        (cached) =>
+          cached ||
+          fetch(event.request).then((response) => {
+            const clone = response.clone()
+            caches.open(CACHE_NAME).then((cache) => cache.put(event.request, clone))
+            return response
+          })
+      )
+    )
+    return
+  }
+
+  // Network-first for HTML pages
+  event.respondWith(
+    fetch(event.request)
+      .then((response) => {
+        const clone = response.clone()
+        caches.open(CACHE_NAME).then((cache) => cache.put(event.request, clone))
+        return response
+      })
+      .catch(() => caches.match(event.request))
+  )
+})
