abcdefghijklmnop

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);
 }

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;

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>