abc

assets/seiten/css/services.css

@@ -0,0 +1,34 @@
+.service, .retouren, .reparaturen {
+    background: rgba(0, 0, 0, 0.12);
+    margin-left: 50%;
+    margin-right: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    border-radius: 1em;
+    border: 0.05em solid #121212;
+    color: #b5b5bd;
+    width: 90%;
+    height: 27%;
+    margin-top: 1em;
+}
+#tp {
+    margin-top: 8%;
+}
+.service p, .reparaturen p, .retouren p{
+    text-align: left;
+    margin-left: 2em;
+    font-size: 120%;
+}
+
+/* 
+Scrollbar entfernen 
+Q: https://www.w3schools.com/howto/howto_css_hide_scrollbars.asp 
+*/
+/* Chrome, Safari, Opera (Chromium & webkit Browser) */
+body::-webkit-scrollbar {
+    display: none;
+}
+body {
+    -ms-overflow-style: none; /* Internet Explorer & Edge */
+    scrollbar-width: none; /* Firefox */
+}

assets/seiten/css/shop.css

@@ -23,7 +23,7 @@
     width: 81%;
     height: 26%;
 }
-.top{
+#tp{
     margin-top: 6.5%;
 }
 .shop-img img {

assets/seiten/services.html

@@ -24,6 +24,16 @@
             <!-- Sterne -->
             <div class="sterne">
                 <section>
+                    <div id="tp" class="service">
+                        <h1>Service</h1>
+                    </div>
+                    <div class="retouren">
+                        <h1>Retouren</h1>
+                    </div>
+                    <div class="reparaturen">
+                        <h1>Reparaturen</h1>
+                    </div>
+                    <!-- Sterne -->
                     <span></span>
                     <span></span>
                     <span></span>

assets/seiten/shop.html

@@ -24,7 +24,7 @@
             <h1 class="hdline">Neuwaren Shop</h1>
         
             <!-- Shop Items -->
-            <div class="top item">
+            <div id="tp" class="item">
                 
                 <a class="shop-img" href="../bilder/SignIn_Button.jpg">
                     <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>