From 393fac147486aaea442a7214a8ba9dc06181448d Mon Sep 17 00:00:00 2001
From: Promlg1104 <fabianmaerker1104@gmail.com>
Date: Mon, 20 Dec 2021 12:48:16 +0100
Subject: [PATCH] abcdefghijklmnop

---
 assets/seiten/css/index.css |  4 +++-
 assets/seiten/css/shop.css  |  2 ++
 assets/seiten/shop.html     | 22 +++++++++++++++++++++-
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/assets/seiten/css/index.css b/assets/seiten/css/index.css
index 53c624f..47fa581 100644
--- a/assets/seiten/css/index.css
+++ b/assets/seiten/css/index.css
@@ -81,6 +81,8 @@
     border-radius: 1em;
     border: 0.05em solid #121212;
     color: #b5b5bd;
-    z-index: 50 !important;
+    z-index: 99!important;
     font-size: small;
+    -webkit-backdrop-filter: blur(5px);
+    backdrop-filter: blur(5px);
 }
\ No newline at end of file
diff --git a/assets/seiten/css/shop.css b/assets/seiten/css/shop.css
index 5790750..9acc713 100644
--- a/assets/seiten/css/shop.css
+++ b/assets/seiten/css/shop.css
@@ -17,6 +17,8 @@
     transition: all 0.5s ease-in;
     display: flex;
     align-items: center;
+    -webkit-backdrop-filter: blur(5px);
+    backdrop-filter: blur(5px);
 }
 .item:hover {
     transition: all 0.5s ease-in;
diff --git a/assets/seiten/shop.html b/assets/seiten/shop.html
index 1953c41..4774c71 100644
--- a/assets/seiten/shop.html
+++ b/assets/seiten/shop.html
@@ -25,7 +25,6 @@
         
             <!-- Shop Items -->
             <div id="tp" class="item">
-                
                 <a class="shop-img" href="../bilder/SignIn_Button.jpg">
                     <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
                 </a>
@@ -35,6 +34,27 @@
                     <p class="preis">Preis</p>
                 </div>
             </div>
+
+            <div class="item">
+                <a class="shop-img" href="../bilder/SignIn_Button.jpg">
+                    <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
+                </a>
+                <div class="item-description">
+                    <h1 class="item-hdline">Name 2</h1>
+                    <p class="item-desc">Description 2</p>
+                    <p class="preis">Preis 2</p>
+                </div>
+            </div>
+            <div class="item">
+                <a class="shop-img" href="../bilder/SignIn_Button.jpg">
+                    <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
+                </a>
+                <div class="item-description">
+                    <h1 class="item-hdline">Name 3</h1>
+                    <p class="item-desc">Description 3</p>
+                    <p class="preis">Preis 3</p>
+                </div>
+            </div>
         </div>
         <!-- On Top Knopf -->
         <a id="up-btn" href="#top">⬆️<br>Nach Oben</a>