mobil-Warenkorb angepasst, überschriften angepasst

public/css/desktop.css

@@ -147,6 +147,11 @@
         text-align: center;
     }
 
+    .content h3{
+        color: black;
+        margin-bottom: 0.2em;
+    }
+    
     .content a {
         margin-left: 0em;
     }

public/css/mobile.css

@@ -233,7 +233,7 @@
     }
     
     .content :not(h1, strong, a) {
-        margin-left: 3.5em;
+        margin-left: 0em;
         color: #606060;
     }
     
@@ -249,6 +249,14 @@
         text-align: center;
     }
 
+    .content_mobile {
+        position:static;
+    }
+    .content h3{
+        color: black;
+        margin-bottom: 0.2em;
+    }
+    
     .content a {
         margin-left: 0em;
     }
@@ -415,40 +423,50 @@
         position: relative;
     }
     
-    .produkte_warenkorb {
+    .content .produkte_warenkorb {
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: auto 1fr;
         border: thin solid black;
-        margin-left: -55px;
+        margin-left: 4em;
         margin-top: 20px;
         align-items: center;
         justify-items: left;
+        position: relative;
+        
     }
     
     .content .produkte_warenkorb .bild_mobil img {
-        margin-left: -50px;
         align-items: center;
     }
     
     .content .produkte_details {      
-        display: block;
+        display: flex;
-        margin-left: 0;
+        flex-direction: column;
         font-size: 0.8em;
-        justify-content: left;
+        margin-top: -25px;
+        justify-content: space-between;
+        width: 95%;
     }
 
-    .content .produkte_details p{
+    .content .produkte_details p {
-        margin-left: 0;
+        display: inline-block;
     }
 
+    .content .produkte_warenkorb .produkte_details .eingabefeld_entfernen {
+        align-self: flex-end;
+        margin-top: -30px;
+        
+    }
+    
+    
     .button_mit_menue {
         display: flex;
         align-items: center;
     }
     
     .button_mit_menue p{
-        margin-left: -45px;
+       margin-left: 10px;
     }
     
     #menue1,
@@ -462,6 +480,8 @@
         margin-left: 10px;      
     }
 
+
+    
     .button_entfernen {
         background-color: #ebebeb;
         border: thin solid black;
@@ -596,6 +616,8 @@
     }
 
     .content .mobile_ansicht{
+        position: relative;
+       z-index: -10;
         margin-left: -55px;
     }
     

public/datenschutz.html

@@ -80,13 +80,13 @@
                 </p>
             <p>Stand: 6. April 2023</p>
             <h3>Verantwortlicher</h3>
-                <ul>
+            <p>
             WEB A4 -Team</br>
                     Paul-Wittsack-Straße 10</br>
                     68163 Mannheim</br>
                     E-Mail-Adresse:</br>
                     info@secondharvest.com</br>
-                </ul>
+                </p>
             <h3>Übersicht der Verarbeitungen</h3>
                 <p>Die nachfolgende Übersicht fasst die Arten der verarbeiteten Daten und die 
                     Zwecke ihrer Verarbeitung zusammen und verweist auf die betroffenen Personen.

public/warenkorb.html

@@ -67,6 +67,7 @@
 
     <div class="content">
         <h1>Warenkorb</h1>
+
         <div id="notification"></div>
         <div class="desktop_ansicht">
             <div class="produkte_warenkorb">
@@ -135,13 +136,15 @@
                 </div>
                 <div class="produkte_details">
                     <p><strong>Karotten 1kg</br>Kosten: 0,95€</strong></p>
+                        <span class="eingabefeld_entfernen">
+                            <input type="text" id="menue4" value="10">
+                        </span>
+                    
                     </br>
                     <p>Auf Lager: 250</p>
                 </div>
                 <div class="button_mit_menue">
                     <p><a class="button_entfernen" href="#" id="button4">Entfernen</a></p>
-                    <input type="text" id="menue4" value="10">
-                    
                 </div>
                 <p class="gesamtbetrag4" id="gesamtbetrag4"></p>
             </div>
@@ -152,13 +155,14 @@
                 </div>
                 <div class="produkte_details">
                     <p><strong>Äpfel 1kg</br>Kosten: 2€</strong></p>
+                        <span class="eingabefeld_entfernen"><input type="text"
+                                id="menue5" value="10"></span>
+                            
                     </br>
                     <p>Auf Lager: 500</p>
                 </div>
                 <div class="button_mit_menue">
                     <p><a class="button_entfernen" href="#" id="button5">Entfernen</a></p>
-                    <input type="text" id="menue5" value="10">
-                    
                 </div>
                 <p class="gesamtbetrag5" id="gesamtbetrag5"></p>
             </div>
@@ -169,12 +173,14 @@
                 </div>
                 <div class="produkte_details">
                     <p><strong>Sellerie 1 Stück</br>Kosten: 1,10€</strong></p>
+                        <span class="eingabefeld_entfernen"> <input type="text" id="menue6" value="10"></span>
+                    
                     </br>
                     <p>Auf Lager: 1000</p>
                 </div>
                 <div class="button_mit_menue">
                     <p><a class="button_entfernen" href="#" id="button6">Entfernen</a></p>
-                    <input type="text" id="menue6" value="10">
+                    
 
                 </div>
                 <p class="gesamtbetrag6" id="gesamtbetrag6"></p>
@@ -187,7 +193,8 @@
                     <p class="gesamtpreis" id="gesamtpreis"></p>
                 </div>
                 <div>
-                    <a class="button_bestellung_abschließen" id="bestellbutton_mobil" href="bestellformular.html">Kostenpflichtig
+                    <a class="button_bestellung_abschließen" id="bestellbutton_mobil"
+                        href="bestellformular.html">Kostenpflichtig
                         bestellen</a>
                 </div>
             </div>