diff --git a/.DS_Store b/.DS_Store
index 4d3ffa8..4d7c292 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/public/.DS_Store b/public/.DS_Store
index 970ff00..006c957 100644
Binary files a/public/.DS_Store and b/public/.DS_Store differ
diff --git a/public/css/desktop.css b/public/css/desktop.css
index d2f42ae..72e91ad 100644
--- a/public/css/desktop.css
+++ b/public/css/desktop.css
@@ -80,7 +80,11 @@ header > p {
     text-align: center;
 }
 
-.content::before {
+html body.index .content::before,
+html body.datenschutz .content::before,
+html body.ueberuns .content::before,
+html body.kontakt .content::before,
+html body.impressum .content::before{
     content: "";
     background-image: url('../pictures/gemuese_transparent.png');
     background-repeat: no-repeat;
@@ -253,3 +257,62 @@ label {
     display: flex;
     margin:10px;
 }
+
+.produkte_warenkorb{
+    position: relative;
+    max-width: 88%;
+    height: 165px;
+    border: thin solid #606060;
+    margin-top: 22.5px;
+    margin-bottom: 22.5px;
+    display: flex;
+    align-items: center;
+  }
+
+.produkte_warenkorb img {
+    margin-right: -60px;
+    height:60%;
+    
+}
+.produkte_details {
+    width: 150px;
+    display: block;
+    font-size: 0.8em;
+    margin-top: -40px;
+}
+.button_mit_menue{
+    display: flex;
+    align-items: center;
+    position:absolute;
+    bottom: 50px;
+    right: 30px;
+
+}
+.button_entfernen{
+    background-color: #ebebeb;
+    border: thin solid black;
+    color: black;
+    width: 115px;
+    height: 31px;
+    padding: 6px;
+    border-radius: 3px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 0.8em;
+    margin: 4px 2px;
+    cursor: pointer;
+    font-weight: normal;
+
+}
+#menue{
+    width: 35px;
+    height: 25px;
+    margin-left: 10px;
+}
+.gesamtbetrag{
+    position: absolute;
+    font-size: 1em;
+    bottom: 15px;
+    right: 15px;
+}
\ No newline at end of file
diff --git a/public/datenschutz.html b/public/datenschutz.html
index ea2e516..0e61440 100644
--- a/public/datenschutz.html
+++ b/public/datenschutz.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="css/desktop.css">
 </head>
 
-<body>
+<body class="datenschutz">
     <header>
         <div class="header_logo">
             <a href="index.html">
@@ -25,7 +25,7 @@
         </nav>
     </header>
 
-    <div class="seite">
+    <div class="content">
         <div class="schrift_website">
             <p id="begrueßung">Datenschutzerklärung</p>
             <p><strong>Präambel</strong><br />Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären,
diff --git a/public/impressum.html b/public/impressum.html
index 4df99d6..39097ed 100644
--- a/public/impressum.html
+++ b/public/impressum.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="css/desktop.css">
 </head>
 
-<body>
+<body class="impressum">
     <header>
         <div class="header_logo">
             <a href="index.html">
@@ -25,7 +25,7 @@
         </nav>
     </header>
 
-    <div class="seite">
+    <div class="content">
         <div class="schrift_website">
             <p id="begrueßung">Impressum</p>
             <p><strong>Angaben gemäß § 5 TMG</strong><br />WEB-A4-Gruppe<br />Paul-Wittsack-Straße 10<br />68163
diff --git a/public/index.html b/public/index.html
index 3b97dbc..0cb2047 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="css/desktop.css">
 </head>
 
-<body>
+<body class="index">
     <header>
         <div class="header_logo">
             <a href="index.html">
diff --git a/public/kontakt.html b/public/kontakt.html
index 968dab2..583d28e 100644
--- a/public/kontakt.html
+++ b/public/kontakt.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="css/desktop.css">
 </head>
 
-<body>
+<body class="kontakt">
     <header>
         <div class="header_logo">
             <a href="index.html">
@@ -25,7 +25,7 @@
         </nav>
     </header>
 
-    <div class="seite">
+    <div class="content">
         <div class="schrift_website">
             <p id="begrueßung">Kontakt</p>
             <p>Du brauchst Hilfe oder hast ein anderes Anliegen? <br /><strong>Sehr gern.</strong> Wir freuen uns immer
diff --git a/public/pictures/birne_ohne_preis.webp b/public/pictures/birne_ohne_preis.webp
new file mode 100644
index 0000000..71af6ab
Binary files /dev/null and b/public/pictures/birne_ohne_preis.webp differ
diff --git a/public/pictures/karotte_ohne_preis.webp b/public/pictures/karotte_ohne_preis.webp
new file mode 100644
index 0000000..2ee7642
Binary files /dev/null and b/public/pictures/karotte_ohne_preis.webp differ
diff --git a/public/pictures/sellerie_ohne_preis.webp b/public/pictures/sellerie_ohne_preis.webp
new file mode 100644
index 0000000..375b5ef
Binary files /dev/null and b/public/pictures/sellerie_ohne_preis.webp differ
diff --git a/public/ueber_uns.html b/public/ueber_uns.html
index e276f9b..8618ec5 100644
--- a/public/ueber_uns.html
+++ b/public/ueber_uns.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="css/desktop.css">
 </head>
 
-<body>
+<body class="ueberuns">
     <header>
         <div class="header_logo">
             <a href="index.html">
@@ -25,7 +25,7 @@
         </nav>
     </header>
 
-    <div class="seite">
+    <div class="content">
         <div class="schrift_website">
             <p id="begrueßung">Wer wir sind</p>
             <p>Second Harvest ist eine gemeinnützige Organisationm die sich der Rettung von Lebensmitteln verschrieben
