diff --git a/public/css/desktop.css b/public/css/desktop.css
index 3d36d25..1e7a9e2 100644
--- a/public/css/desktop.css
+++ b/public/css/desktop.css
@@ -107,13 +107,6 @@ header > p {
     border: #606060 1px solid;
 }
 
-.produkte{
-    display: inline-block;
-    margin: 10px;
-    margin-left: 8px;
-}
-
-
 .button_produkte {
     background-color: #476B1C;
     color: white;
@@ -233,3 +226,21 @@ label {
 .button_abschließen_position{
     margin-left: 100px;
 }
+
+
+.produkte{ 
+    
+    border:#606060 3px solid;
+    display: inline-block;
+    margin: 10px;
+    
+}
+
+.produktbild{
+    border:#606060 3px solid;
+   
+}
+ 
+.produktbottom{
+    margin:10px;
+}
\ No newline at end of file
diff --git a/public/pictures/FoodAmpel_gelb.png b/public/pictures/FoodAmpel_gelb.png
new file mode 100644
index 0000000..5eea716
Binary files /dev/null and b/public/pictures/FoodAmpel_gelb.png differ
diff --git a/public/pictures/FoodAmpel_gruen.png b/public/pictures/FoodAmpel_gruen.png
new file mode 100644
index 0000000..5f82ded
Binary files /dev/null and b/public/pictures/FoodAmpel_gruen.png differ
diff --git a/public/pictures/FoodAmpel_rot.png b/public/pictures/FoodAmpel_rot.png
new file mode 100644
index 0000000..dec7af6
Binary files /dev/null and b/public/pictures/FoodAmpel_rot.png differ
diff --git a/public/pictures/birnen.png b/public/pictures/birnen.png
new file mode 100644
index 0000000..132cf3c
Binary files /dev/null and b/public/pictures/birnen.png differ
diff --git a/public/produkte.html b/public/produkte.html
index 027f4e7..0da2077 100644
--- a/public/produkte.html
+++ b/public/produkte.html
@@ -19,7 +19,6 @@
         <nav class="navbar" style="--items: 4;">
             <a href="ueber_uns.html">Über uns</a>
             <a href="produkte.html">Produkte</a>
-
             <a href="warenkorb.html">Warenkorb</a>
             <a href="kontakt.html">Kontakt</a>
         </nav>
@@ -27,61 +26,79 @@
 
     <div class="content">
         <h1> Produkte</h1>
+
         <div class="produkte">
-            <img src="pictures/karotten.png" width = "250" height="250" alt="Karotten">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
+          <img src="pictures/karotten.png" width = "250" height="250" alt="Karotten">
+            <div class ="produktbottom">
+               <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
+                <select name="quantity">
+                  <option value="1">1 Stück</option>
+                  <option value="2">2 Stück</option>
+                  <option value="3">3 Stück</option>
+                </select>
+            </div>
           </div>
 
           <div class="produkte">
             <img src="pictures/sellerie.png" width = "250" height="250" alt="Sellerie">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
+            <div class ="produktbottom">
+              <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
+              <select name="quantity" >
+                <option value="1">1 Stück</option>
+                <option value="2">2 Stück</option>
+                <option value="3">3 Stück</option>
+              </select>
+            </div>
           </div>
         
           <div class="produkte">
             <img src="pictures/birnen.png" width = "250" height="250" alt="Birnen">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
+            <div class ="produktbottom">
+              <img src ="pictures/FoodAmpel_rot.png" width = "50" height="50" alt="FoodAmpel gelb">
+              <select name="quantity">
+                <option value="1">1 Stück</option>
+                <option value="2">2 Stück</option>
+                <option value="3">3 Stück</option>
+              </select>
+            </div>
           </div>
 
           <div class="produkte">
             <img src="pictures/kiwi.png" width = "250" height="250" alt="Kiwi">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
+            <div class ="produktbottom">
+              <img src ="pictures/FoodAmpel_gruen.png" width = "50" height="50" alt="FoodAmpel gelb">
+              <select name="quantity" >
+                <option value="1">1 Stück</option>
+                <option value="2">2 Stück</option>
+                <option value="3">3 Stück</option>
+              </select>
+            </div>
           </div>
 
           <div class="produkte">
             <img src="pictures/orangen.png" width = "250" height="250" alt="Orangen">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
+            <div class ="produktbottom">
+              <img src ="pictures/FoodAmpel_gelb.png" width = "50" height="50" alt="FoodAmpel gelb">
+              <select name="quantity">
+                <option value="1">1 Stück</option>
+                <option value="2">2 Stück</option>
+                <option value="3">3 Stück</option>
+              </select>
+            </div>
           </div>
 
           <div class="produkte">
-            <img src="pictures/äpfel.png" width = "250" height="250" alt="Äpfel">
-            <select name="quantity">
-              <option value="1">1 Stück</option>
-              <option value="2">2 Stück</option>
-              <option value="3">3 Stück</option>
-            </select>
-          </div>
-            
-    </div>
+            <img src="pictures/aepfel.png" width = "250" height="250" alt="Äpfel">
+            <div class ="produktbottom">
+              <img src ="pictures/FoodAmpel_gelb.png" width ="50" height="50" alt="FoodAmpel gelb">
+              <select name="quantity">
+                <option value="1">1 Stück</option>
+                <option value="2">2 Stück</option>
+                <option value="3">3 Stück</option>
+              </select>
+            </div>
+          </div>    
+  </div>
 
     <footer>
         <nav class="navbar" style="--items: 2;">