diff --git a/app.py b/app.py
index d8997c7..1b40f2e 100644
--- a/app.py
+++ b/app.py
@@ -184,4 +184,4 @@ def stats():
 
 
 if __name__ == '__main__':
-    app.run(debug=True) 
\ No newline at end of file
+    app.run(debug=True, host="0.0.0.0")
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 1456b26..28d91cf 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,7 +16,7 @@
     <meta property="og:description" content="Open Source Web-App für Kalender- und Datumsberechnungen. Werbefrei, trackingfrei, kostenlos.">
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://codeberg.org/elpatron/datecalc">
-    <meta property="og:image" content="/logo.svg">
+    <meta property="og:image" content="/static/logo.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <link rel="stylesheet" href="/static/style.css">
@@ -26,19 +26,18 @@
     .pwa-banner {
         display: none;
         position: fixed;
-        bottom: 0; left: 0; right: 0;
+        top: 0; left: 0; right: 0;
         background: #2563eb;
         color: #fff;
         padding: 1em 1.5em 1.2em 1.5em;
-        box-shadow: 0 -2px 12px #1e293b22;
+        box-shadow: 0 2px 12px #1e293b22;
         z-index: 1000;
         font-size: 1.08em;
         text-align: center;
-        border-radius: 16px 16px 0 0;
+        border-radius: 0 0 16px 16px;
         margin: 0 auto;
-        max-width: 480px;
-        left: 50%;
-        transform: translateX(-50%);
+        width: 100%;
+        /* Entferne max-width, left, transform */
     }
     .pwa-banner button {
         background: #fff;
@@ -61,7 +60,7 @@
         cursor: pointer;
     }
     @media (min-width: 600px) {
-        .pwa-banner { max-width: 420px; }
+        .pwa-banner { max-width: 420px; left: 50%; transform: translateX(-50%); width: auto; }
     }
     </style>
     <script>