diff --git a/assets/js/methods.js b/assets/js/methods.js
index d4a8fed..29e7c59 100644
--- a/assets/js/methods.js
+++ b/assets/js/methods.js
@@ -20,7 +20,16 @@ function getProductInfo(productInfo){
     return jQuery.extend(objProduct, productInfo);
 }
 
+function calculatePrice(objProduct){
+    objProduct.calc_preis = objProduct.preis;
+    if(objProduct.quantity >= 5) objProduct.calc_preis = objProduct.preis_5;
+    if(objProduct.quantity >= 10) objProduct.calc_preis = objProduct.preis_10;
+    if(Number(objProduct.quantity) >= Number(objProduct.module_pro_palette)) objProduct.calc_preis = objProduct.preis_palette;
+    return objProduct;
+}
+
 function createProductElement(objProduct){
+    calculatePrice(objProduct);
     let elementProduct = `
     <tr>
         <td class="text-start">
@@ -33,16 +42,20 @@ function createProductElement(objProduct){
             <br>
             <small class="text-success">sofort verfügbar</small>
             <br>
-            <select class="form-select form-select-sm select-quantity" data-id="${objProduct.id}" style="width:125px;" aria-label="Default select example">`;
-            for(let i = 1; i <= 15; i++){
-                if(objProduct.quantity == i) elementProduct += `<option selected value="${i}">Anzahl: ${i}</option>`;
-                else elementProduct += `<option value="${i}">Anzahl: ${i}</option>`;
-            }
-            elementProduct += `
-            </select>
+            <input type="number" min="1" max="100" class="form-control select-quantity" data-id="${objProduct.id}" style="width:125px;" value="${objProduct.quantity}">
             <button data-id="${objProduct.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparen;">Löschen</button>
         </td>
-        <td class="align-middle text-end">${numberToEuroFormat(objProduct.preis)}</td>
+        <td class="align-middle text-end product-price">
+            <span>${numberToEuroFormat(objProduct.calc_preis)}</span>`;
+            if(objProduct.calc_preis != objProduct.preis) elementProduct += `
+                <br>
+                <button style="font-size: 14px; padding: 0;" class="btn btn-link text-muted text-decoration-none" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="false" aria-controls="collapseWidthExample">
+                    <svg style="fill: currentColor; width: 15px; margin-right: 2px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M349.66 173.65l-11.31-11.31c-3.12-3.12-8.19-3.12-11.31 0l-164.7 164.69c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l164.69-164.69c3.13-3.12 3.13-8.18.01-11.31zM240 192c0-26.47-21.53-48-48-48s-48 21.53-48 48 21.53 48 48 48 48-21.53 48-48zm-64 0c0-8.83 7.19-16 16-16s16 7.17 16 16-7.19 16-16 16-16-7.17-16-16zm144 80c-26.47 0-48 21.53-48 48s21.53 48 48 48 48-21.53 48-48-21.53-48-48-48zm0 64c-8.81 0-16-7.17-16-16s7.19-16 16-16 16 7.17 16 16-7.19 16-16 16zm192-80c0-35.5-19.4-68.2-49.6-85.5 9.1-33.6-.3-70.4-25.4-95.5s-61.9-34.5-95.5-25.4C324.2 19.4 291.5 0 256 0s-68.2 19.4-85.5 49.6c-33.6-9.1-70.4.3-95.5 25.4s-34.5 61.9-25.4 95.5C19.4 187.8 0 220.5 0 256s19.4 68.2 49.6 85.5c-9.1 33.6.3 70.4 25.4 95.5 26.5 26.5 63.4 34.1 95.5 25.4 17.4 30.2 50 49.6 85.5 49.6s68.1-19.4 85.5-49.6c32.7 8.9 69.4.7 95.5-25.4 25.1-25.1 34.5-61.9 25.4-95.5 30.2-17.3 49.6-50 49.6-85.5zm-91.1 68.3c5.3 11.8 29.5 54.1-6.5 90.1-28.9 28.9-57.5 21.3-90.1 6.5C319.7 433 307 480 256 480c-52.1 0-64.7-49.5-68.3-59.1-32.6 14.8-61.3 22.2-90.1-6.5-36.8-36.7-10.9-80.5-6.5-90.1C79 319.7 32 307 32 256c0-52.1 49.5-64.7 59.1-68.3-5.3-11.8-29.5-54.1 6.5-90.1 36.8-36.9 80.8-10.7 90.1-6.5C192.3 79 205 32 256 32c52.1 0 64.7 49.5 68.3 59.1 11.8-5.3 54.1-29.5 90.1 6.5 36.8 36.7 10.9 80.5 6.5 90.1C433 192.3 480 205 480 256c0 52.1-49.5 64.7-59.1 68.3z"/></svg>
+                    Mengenrabat
+                </button>
+                <span class="badge text-bg-dark">${(((objProduct.calc_preis-objProduct.preis)*100)/objProduct.preis).toFixed(2)} %</span>
+            `;
+        elementProduct += `</td>
     </tr>`;
     return elementProduct;
 }
diff --git a/assets/js/script.js b/assets/js/script.js
index 4a52cd0..c5b761a 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -80,25 +80,35 @@ $(window).on('load', function(){
         }
 
     });
-    $(document).on('change', '.select-quantity', function(){
+    $(document).on('input', '.select-quantity', function(){
         let quantity = $(this).val();
         let productId = $(this).attr('data-id');
         let objProductInfo = objProducts.find(obj => obj.id == productId);
         let index = objProducts.indexOf(objProductInfo);
         objProducts[index].quantity = quantity;
-        localStorage.setItem("products", JSON.stringify(objProducts));
-
+        calculatePrice(objProductInfo);
+        let elementPrice = `
+        <span>${numberToEuroFormat(objProductInfo.calc_preis)}</span>`;
+        if(objProductInfo.calc_preis != objProductInfo.preis) elementPrice += `
+        <br>
+        <button style="font-size: 14px; padding: 0;" class="btn btn-link text-muted text-decoration-none" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="false" aria-controls="collapseWidthExample">
+            <svg style="fill: currentColor; width: 15px; margin-right: 2px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M349.66 173.65l-11.31-11.31c-3.12-3.12-8.19-3.12-11.31 0l-164.7 164.69c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l164.69-164.69c3.13-3.12 3.13-8.18.01-11.31zM240 192c0-26.47-21.53-48-48-48s-48 21.53-48 48 21.53 48 48 48 48-21.53 48-48zm-64 0c0-8.83 7.19-16 16-16s16 7.17 16 16-7.19 16-16 16-16-7.17-16-16zm144 80c-26.47 0-48 21.53-48 48s21.53 48 48 48 48-21.53 48-48-21.53-48-48-48zm0 64c-8.81 0-16-7.17-16-16s7.19-16 16-16 16 7.17 16 16-7.19 16-16 16zm192-80c0-35.5-19.4-68.2-49.6-85.5 9.1-33.6-.3-70.4-25.4-95.5s-61.9-34.5-95.5-25.4C324.2 19.4 291.5 0 256 0s-68.2 19.4-85.5 49.6c-33.6-9.1-70.4.3-95.5 25.4s-34.5 61.9-25.4 95.5C19.4 187.8 0 220.5 0 256s19.4 68.2 49.6 85.5c-9.1 33.6.3 70.4 25.4 95.5 26.5 26.5 63.4 34.1 95.5 25.4 17.4 30.2 50 49.6 85.5 49.6s68.1-19.4 85.5-49.6c32.7 8.9 69.4.7 95.5-25.4 25.1-25.1 34.5-61.9 25.4-95.5 30.2-17.3 49.6-50 49.6-85.5zm-91.1 68.3c5.3 11.8 29.5 54.1-6.5 90.1-28.9 28.9-57.5 21.3-90.1 6.5C319.7 433 307 480 256 480c-52.1 0-64.7-49.5-68.3-59.1-32.6 14.8-61.3 22.2-90.1-6.5-36.8-36.7-10.9-80.5-6.5-90.1C79 319.7 32 307 32 256c0-52.1 49.5-64.7 59.1-68.3-5.3-11.8-29.5-54.1 6.5-90.1 36.8-36.9 80.8-10.7 90.1-6.5C192.3 79 205 32 256 32c52.1 0 64.7 49.5 68.3 59.1 11.8-5.3 54.1-29.5 90.1 6.5 36.8 36.7 10.9 80.5 6.5 90.1C433 192.3 480 205 480 256c0 52.1-49.5 64.7-59.1 68.3z"/></svg>
+            Mengenrabat
+        </button>
+        <span class="badge text-bg-dark">${(((objProductInfo.calc_preis-objProductInfo.preis)*100)/objProductInfo.preis).toFixed(2)} %</span>
+        `;
+        $(this).parent().parent().find('.product-price').html(elementPrice);
         $('#count-products-in-bag').text(getQuantityOfProducts());
         getInfoFromSelectedProduct().done(function(response, status){
             totalPrice = 0;
             response.contents.forEach(function(product){
                 let objProduct = getProductInfo(product);
-                totalPrice += objProduct.preis*objProduct.quantity;
+                calculatePrice(objProduct);
+                totalPrice += objProduct.calc_preis*objProduct.quantity;
             });
             $('#total-price').text(numberToEuroFormat(totalPrice));
             if(typeof updateProducts === "function") $('#total-checkout-price').text(numberToEuroFormat(totalPrice));
         });
-
         productId = $('meta[name="product-id"]').attr('content');
         if(productId != undefined){
             let objProduct = objProducts.find(obj => obj.id == productId);
@@ -115,7 +125,7 @@ $(window).on('load', function(){
                 $('#count-items-in-bag').html(objProduct.quantity+`<svg style="fill: white; width: 12px; margin-left: 3px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>`);
             }
         }
-
+        localStorage.setItem("products", JSON.stringify(objProducts));
     });
     $('#btn-copy-cart-link').click(function(){
         $('.cart-link').select();