diff --git a/src/static/images/elo.jpg b/src/static/images/elo.jpg
new file mode 100644
index 0000000..d0b1e75
Binary files /dev/null and b/src/static/images/elo.jpg differ
diff --git a/src/static/images/marie2.jpg b/src/static/images/marie2.jpg
new file mode 100644
index 0000000..018c10f
Binary files /dev/null and b/src/static/images/marie2.jpg differ
diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html
index 8fb7209..073a36c 100644
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@@ -172,7 +172,9 @@
         }
     }
 
-
+    function openImagePage() {
+        window.open('/random.html', '_blank'); // Öffnet die neue Seite in einem neuen Tab
+    }
     </script>
 </head>
 <body>
@@ -215,7 +217,10 @@
 
         <div class="search-container">
             <input type="text" id="search-input" placeholder="Lebensmittel suchen..." oninput="filterTable()">
-            <img src="../static/images/marie.jpg" alt="Suche Icon" style="vertical-align: middle;"> <!-- Füge das Bild hier ein -->
+            <button onclick="openImagePage()" style="background-image: url('../static/images/marie.jpg'); border: none; cursor: pointer; background-size: cover; width: 62px; height: 85px; vertical-align: middle;">
+                <!-- Der Text wird durch den transparenten Text ersetzt, falls nötig -->
+                <span style="opacity: 0;">Öffnen</span>
+            </button>
         </div>
         
 
diff --git a/src/templates/random.html b/src/templates/random.html
new file mode 100644
index 0000000..9495c2b
--- /dev/null
+++ b/src/templates/random.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Bildansicht</title>
+</head>
+<body style="margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh;">
+    <img src="../static/images/elo.jpg" alt="Elo Bild" style="max-width: 100%; max-height: 100%;">
+</body>
+</html>
