endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-13T13:11:05.679384
endpoints.uri: https://www.bremsen-discount.de/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Transfer-Encoding
endpoints.headers: chunked
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: content-encoding
endpoints.headers: gzip
endpoints.key: vary
endpoints.headers: accept-encoding
endpoints.key: Server
endpoints.headers: openresty/1.25.3.2
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Content-Type
endpoints.headers: text/html; charset=utf-8
endpoints.html_tags: <title>bremsen-discount.de - Bremsscheiben, Bremsenprüfstand, Bremsbeläge, Bremsenentlüftungsgerät, Bremsflüssigkeit, Bremsenreiniger, Bremsen Discount</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
endpoints.body: <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>bremsen-discount.de - Bremsscheiben, Bremsenprüfstand, Bremsbeläge, Bremsenentlüftungsgerät, Bremsflüssigkeit, Bremsenreiniger, Bremsen Discount</title>
      <!-- Tailwind CSS Link -->
      <link href="&#x2F;css&#x2F;app.47d42ccbf80386cf1858f2fd2155ebee.css" rel="stylesheet">
      <script src="/js/htmx.min.js" defer></script>
  </head>
  <body class="font-sans text-gray-900 antialiased bg-blu">
  <div class="min-h-screen">
      <nav class="bg-white shadow-md" style="background-color: #82ba28;">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div class="flex justify-between items-center h-auto sm:h-16">
              <!-- Logo and Title -->
              <div class="flex-grow flex justify-start">
                  <a href="/" class="flex items-center">
                      
                      <img src="/logos/logo_5.png" alt="Domain Logo" class="block h-12 w-auto">
                      
                      <span class="ml-2 text-xl font-bold md:text-2xl text-white">
                          bremsen-discount.de
                      </span>
                  </a>
              </div>
              <!-- Hamburger Button (Mobile) -->
              <div class="sm:hidden flex items-center">
                  <button id="hamburger" class="text-white focus:outline-none">
                      <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                      </svg>
                  </button>
              </div>
              <!-- Search Form (Desktop) -->
              <div class="hidden sm:flex items-center justify-end">
                  <form onsubmit="submitSearch(this); return false;" class="flex items-center">
                      <div class="relative">
                          <input type="text" name="keyword" placeholder="Ich suche..." aria-label="Search"
                          class="rounded-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-yellow-300">
                          <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                      </div>
                      <button type="submit"
                              class="bg-yellow-400 hover:bg-yellow-300 text-base font-bold text-gray py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-yellow-300">
                          Suchen
                      </button>
                  </form>
              </div>
          </div>
  
          <!-- Search Form (Mobile View) -->
          <div class="sm:hidden flex justify-center mt-4">
              <form onsubmit="submitSearch(this); return false;" class="flex items-center w-full px-4 mb-4">
                  <div class="relative w-full">
                      <input type="text" name="keyword" placeholder="Ich suche..." aria-label="Search"
                             class="rounded-full w-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-yellow-300">
                      <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                  </div>
                  <button type="submit"
                          class="bg-yellow-400 hover:bg-yellow-300 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-yellow-300">
                      Suchen
                  </button>
              </form>
          </div>
      </div>
  
      <!-- Dropdown Menu for Mobile -->
      <div id="mobileMenu" class="sm:hidden hidden flex-col space-y-2 py-2 px-4 bg-gray-100" style="background-color: #c2ff3c;">
          
          
          
          
          <a href="/Bremsscheiben" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsscheiben
          </a>
          
          
          <a href="/Bremsenprüfstand" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsenprüfstand
          </a>
          
          
          <a href="/Bremsbeläge" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsbeläge
          </a>
          
          
          <a href="/Bremsenentlüftungsgerät" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsenentlüftungsgerät
          </a>
          
          
          <a href="/Bremsflüssigkeit" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsflüssigkeit
          </a>
          
          
          <a href="/Bremsenreiniger" class="block text-base font-medium py-2" style="color: #000000;">
              Bremsenreiniger
          </a>
          
          
      </div>
  
      <!-- Navigation Links (Desktop View) -->
      <div class="hidden sm:flex justify-center space-x-8 py-2 max-w-full overflow-x-hidden" style="background-color: #c2ff3c;">
          
          
          
          <a href="/Bremsscheiben" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsscheiben
          </a>
          
          
          <a href="/Bremsenprüfstand" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsenprüfstand
          </a>
          
          
          <a href="/Bremsbeläge" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsbeläge
          </a>
          
          
          <a href="/Bremsenentlüftungsgerät" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsenentlüftungsgerät
          </a>
          
          
          <a href="/Bremsflüssigkeit" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsflüssigkeit
          </a>
          
          
          <a href="/Bremsenreiniger" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Bremsenreiniger
          </a>
          
          
      </div>
  </nav>
  
  <script>
      const hamburger = document.getElementById('hamburger');
      const mobileMenu = document.getElementById('mobileMenu');
  
      hamburger.addEventListener('click', () => {
          mobileMenu.classList.toggle('hidden');
      });
  
      function submitSearch(form) {
          var term = form.keyword.value;
          var formattedTerm = term.trim().split(' ').join('-').replace(/^-+|-+$/g, '');
          window.location.href = '/' + encodeURIComponent(formattedTerm);
      }
  </script>
  
  
      <main id="main-content" class="py-6 overflow-x-hidden">
          <div class="max-w-[1300px] mx-auto px-4 sm:px-6 lg:px-8 mb-1">
              <!-- Exit Popup -->
              <div id="buyDomainPopUp"
                   class="fixed inset-0 bg-gray-600 bg-opacity-75 flex items-center justify-center hidden z-50">
                  <div class="newsletter bg-white p-6 rounded-lg shadow-lg relative">
                      <span class="close absolute top-2 right-2 cursor-pointer text-gray-600 text-2xl"
                            id="close_domain_popup">&times;</span>
                      <h4 class="font-bold text-lg mb-3">
                          Nicht das Gesuchte gefunden?
                      </h4>
                      <a id="popupLink" href="#" target="_blank"
                         class="mt-4 mb-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                          Weiter zu Shopping.eu
                      </a>
                      <h5 class="mt-4 mb-2 font-bold text-lg">
                          Oder besteht Interesse am Kauf dieser Domain?
                      </h5>
                      <p>
                          Bitte eine E-Mail an:
                          <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                      </p>
                  </div>
              </div>
              <div id="heroBanner"
       class="relative isolate overflow-hidden w-full max-w-none bg-gradient-to-r from-gray-500 via-gray-600 to-gray-500 px-6 py-12 sm:py-16 lg:px-8 text-center text-white shadow-lg rounded-lg">
  
      <button id="closeBanner"
              class="absolute top-4 right-4 text-white/70 hover:text-white text-3xl font-bold">
          &times;
      </button>
  
      <div class="mx-auto max-w-3xl">
          <h2 class="text-3xl sm:text-5xl font-extrabold drop-shadow-lg">
              Domain
              <span class="">bremsen-discount.de</span>
              kaufen?
          </h2>
          <p class="mt-4 text-base sm:text-lg leading-relaxed text-gray-100">
              Wir ziehen mit dem Projekt
              <strong>bremsen-discount.de</strong> um.<br>
              Sind Sie am Kauf der Domain
              <strong>bremsen-discount.de</strong> interessiert?
          </p>
          <div class="mt-6 flex justify-center">
              <button onclick="sendEmail()"
                      class="rounded-lg bg-yellow-400 px-6 py-3 text-base font-bold text-gray-900 shadow-lg hover:bg-yellow-300 hover:shadow-2xl transition-all">
                  Jetzt Kaufanfrage stellen
              </button>
          </div>
          <p class="mt-4 text-sm text-gray-100">
              Schicken Sie uns bitte eine Email an
              <span onclick="sendEmail()" class="underline font-bold cursor-pointer">domain@kv-gmbh.de</span><br>
              oder rufen uns an: 0541-76012653.
          </p>
      </div>
  </div>
  
  <div id="collapsedBanner"
       class="hidden relative isolate overflow-hidden w-full max-w-none bg-gradient-to-r from-gray-500 via-gray-600 to-gray-500 px-6 py-4 text-center text-white shadow-md rounded-lg cursor-pointer">
  
      <div class="absolute top-3 right-4 text-white/80">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
          </svg>
      </div>
  
      <h2 class="text-xl sm:text-2xl font-bold">
          Domain
          <span class="underline decoration-yellow-400">bremsen-discount.de</span>
          kaufen?
      </h2>
  </div>
  
  <script>
      const heroBanner = document.getElementById('heroBanner');
      const closeBtn = document.getElementById('closeBanner');
      const collapsedBanner = document.getElementById('collapsedBanner');
  
      const path = window.location.pathname;
      const isHome = path === "/" || path === "";
  
      if (isHome) {
          heroBanner.style.display = 'block';
          collapsedBanner.classList.add('hidden');
      } else {
          heroBanner.style.display = 'none';
          collapsedBanner.classList.remove('hidden');
      }
  
      closeBtn.addEventListener('click', () => {
          heroBanner.classList.add('transition', 'duration-500', 'ease-in-out', 'opacity-0');
          setTimeout(() => {
              heroBanner.style.display = 'none';
              collapsedBanner.classList.remove('hidden');
          }, 500);
      });
  
      collapsedBanner.addEventListener('click', () => {
          heroBanner.style.display = 'block';
          heroBanner.classList.remove('opacity-0');
          collapsedBanner.classList.add('hidden');
      });
  </script>
  
  
              <h2 id="product-heading" class="text-2xl font-semibold mb-2 mt-10">Produkt zum Begriff Bremsen Discount:</h2>
  
  <hr class="my-2 border-gray-300 mb-8">
  
  <!-- include only the first 4 items of the product_item , its an array  -->
  
  <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
      
      <section class="mb-8">
      <div id="product-content">
          <li class="bg-white shadow-lg rounded-md m-1 flex flex-col transition-transform duration-300 hover:-translate-y-1 hover:shadow-xl">
              <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                  <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM2NjbjtcZFpudFhvXHhWWFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVUye1NVM2hcNEw0VVhMe1BaQ3pPWER0UEhXNVtYantnV1xWY3BpM1ltN3BVWXZjVTVENVszbkxQNFROVHBQUVdabTVYWExGZjJYW1V7M3RVSTdsVTNMY1xHS3pTNHEyZUkzWmZIbjdTWTdIZFhEbVdvdm5WWVt7VGxqcGVaTFxTbkRQY3ByWVFacTRaNDdIVVk7TFVXT3pbbzdtW21IT2Z8ZnJPV2ZQY25YNls0eXZRWUw0VUg6elBJdnVWRkRyVm9IS2ZZN3ZUWW53WzJUU2Y0dm9UbWpvZ1hYWGMzVGtYWkx3UHBldlhHWGhlSlQ4ZkpMVExvM3JcRjIzT0ZHMlBGZXpQVmk3TG9ubVJWV3lPVlMyUHxHM1FGbW9mSk87T2xDe1BWR3lPRks&#x2F;">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="VEVO-Bremsenentlüftungsgerät-5L,-Bremsenentlüftungsgerät">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM2NjbjtcZFpudFhvXHhWWFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVUye1NVM2hcNEw0VVhMe1BaQ3pPWER0UEhXNVtYantnV1xWY3BpM1ltN3BVWXZjVTVENVszbkxQNFROVHBQUVdabTVYWExGZjJYW1V7M3RVSTdsVTNMY1xHS3pTNHEyZUkzWmZIbjdTWTdIZFhEbVdvdm5WWVt7VGxqcGVaTFxTbkRQY3ByWVFacTRaNDdIVVk7TFVXT3pbbzdtW21IT2Z8ZnJPV2ZQY25YNls0eXZRWUw0VUg6elBJdnVWRkRyVm9IS2ZZN3ZUWW53WzJUU2Y0dm9UbWpvZ1hYWGMzVGtYWkx3UHBldlhHWGhlSlQ4ZkpMVExvM3JcRjIzT0ZHMlBGZXpQVmk3TG9ubVJWV3lPVlMyUHxHM1FGbW9mSk87T2xDe1BWR3lPRks&#x2F;">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;S3bQrO3B7HG6hsZwg_V3XmXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdcKm_RCnWnJQvSz07JnWVRe5dQs-T1q6HIoZYRRtb1CnKblmJaAsFfw&#x2F;5014471589_large.webp"
                       alt="VEVO Bremsenentlüftungsgerät 5L, Bremsenentlüftungsgerät Bremsen 4,5CFM, Druckluft Bremsenentlüftungsgerät 370cm"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM2NjbjtcZFpudFhvXHhWWFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVUye1NVM2hcNEw0VVhMe1BaQ3pPWER0UEhXNVtYantnV1xWY3BpM1ltN3BVWXZjVTVENVszbkxQNFROVHBQUVdabTVYWExGZjJYW1V7M3RVSTdsVTNMY1xHS3pTNHEyZUkzWmZIbjdTWTdIZFhEbVdvdm5WWVt7VGxqcGVaTFxTbkRQY3ByWVFacTRaNDdIVVk7TFVXT3pbbzdtW21IT2Z8ZnJPV2ZQY25YNls0eXZRWUw0VUg6elBJdnVWRkRyVm9IS2ZZN3ZUWW53WzJUU2Y0dm9UbWpvZ1hYWGMzVGtYWkx3UHBldlhHWGhlSlQ4ZkpMVExvM3JcRjIzT0ZHMlBGZXpQVmk3TG9ubVJWV3lPVlMyUHxHM1FGbW9mSk87T2xDe1BWR3lPRks/')">
  
                  <!-- Product Content -->
                  <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                      <div class="min-h-[4rem] flex justify-between m-auto relative">
                          <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer"
                               onclick="toggleTitle(1)">
                              VEVO Bremsenentlüftungsgerät 5L, Bremsenentlüftungsgerät Bremsen 4,5CFM, Druckluft Bremsenentlüftungsgerät 370cm
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="VEVO-Bremsenentlüftungsgerät-5L,-Bremsenentlüftungsgerät"
                                onclick="handleTitleClick('VEVO Bremsenentlüftungsgerät 5L, Bremsenentlüftungsgerät Bremsen 4,5CFM, Druckluft Bremsenentlüftungsgerät 370cm')">
                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
              </span>
                      </div>
                      <hr>
                      <div class="flex justify-between items-end relative mt-1">
                          <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                               onclick="toggleDescription(1)">
                              <span class="break-words">VEVO Bremsenentlüftungsgerät 5L, Bremsenentlüftungsgerät Bremsen 4,5CFM, Druckluft Bremsenentlüftungsgerät 370cm Hohe Leistung Präziser Messer Großer Ausgleichsbehälter Einfach zu verwenden Hochwertiges Material Breite Anwendung Bräunungskapazität: 1,3 Gallonen (5 l),Luftverbrauch: 4,5 CFM bei 30 PSI,Material: Stahl,Arbeitsluftdruck: 10-40PSI,Einströmschlitz: 1&#x2F;4 &quot;- männlicher Koppler</span>
                          </div>
                          <button onclick="toggleDescription(1)"
                                  class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  aria-label="Toggle Description">
                              <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                              <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                  Mehr Anzeigen
                </span>
                          </button>
                      </div>
                  </div>
  
                  <!-- Product Footer -->
                  <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                      <hr class="mb-1 border-gray-300">
                      <div class="mb-1">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM2NjbjtcZFpudFhvXHhWWFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVUye1NVM2hcNEw0VVhMe1BaQ3pPWER0UEhXNVtYantnV1xWY3BpM1ltN3BVWXZjVTVENVszbkxQNFROVHBQUVdabTVYWExGZjJYW1V7M3RVSTdsVTNMY1xHS3pTNHEyZUkzWmZIbjdTWTdIZFhEbVdvdm5WWVt7VGxqcGVaTFxTbkRQY3ByWVFacTRaNDdIVVk7TFVXT3pbbzdtW21IT2Z8ZnJPV2ZQY25YNls0eXZRWUw0VUg6elBJdnVWRkRyVm9IS2ZZN3ZUWW53WzJUU2Y0dm9UbWpvZ1hYWGMzVGtYWkx3UHBldlhHWGhlSlQ4ZkpMVExvM3JcRjIzT0ZHMlBGZXpQVmk3TG9ubVJWV3lPVlMyUHxHM1FGbW9mSk87T2xDe1BWR3lPRks/')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: vevor.de
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 81.99 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 0.00 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM2NjbjtcZFpudFhvXHhWWFxvT2xqWWduZXlUSkMyXFdbNlltTHhUM2l6ZVUye1NVM2hcNEw0VVhMe1BaQ3pPWER0UEhXNVtYantnV1xWY3BpM1ltN3BVWXZjVTVENVszbkxQNFROVHBQUVdabTVYWExGZjJYW1V7M3RVSTdsVTNMY1xHS3pTNHEyZUkzWmZIbjdTWTdIZFhEbVdvdm5WWVt7VGxqcGVaTFxTbkRQY3ByWVFacTRaNDdIVVk7TFVXT3pbbzdtW21IT2Z8ZnJPV2ZQY25YNls0eXZRWUw0VUg6elBJdnVWRkRyVm9IS2ZZN3ZUWW53WzJUU2Y0dm9UbWpvZ1hYWGMzVGtYWkx3UHBldlhHWGhlSlQ4ZkpMVExvM3JcRjIzT0ZHMlBGZXpQVmk3TG9ubVJWV3lPVlMyUHxHM1FGbW9mSk87T2xDe1BWR3lPRks/')" type="button"
                                  class="w-full bg-yellow-400 rounded-full px-3 py-2 text-sm font-semibold text-gray-900 shadow-md transition duration-200 ease-in-out hover:bg-gradient-to-r hover:from-yellow-400 hover:to-yellow-500 hover:shadow-lg">
                              Weiter zum Produkt
                          </button>
                      </div>
                  </div>
              </div>
          </li>
      </div>
  </section>
  
      
      <section class="mb-8">
      <div id="product-content">
          <li class="bg-white shadow-lg rounded-md m-1 flex flex-col transition-transform duration-300 hover:-translate-y-1 hover:shadow-xl">
              <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                  <form id="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm02T1Ztb2NZUztPVmk2UGxbNU9GbTZPVm1vZkpPO09sQ3tQVkM1T1ZlPw==">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="CL-BREMSEN-Bremsbeläge-CL">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm02T1Ztb2NZUztPVmk2UGxbNU9GbTZPVm1vZkpPO09sQ3tQVkM1T1ZlPw==">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;RlRW6toiBfngRuBu9MA3MKXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdcf4pLIzqOgCXlvLUxagIxQwPyavol08YK8WbO71a0cpzHLEF6BYeCo&#x2F;18866709819_large.webp"
                       alt="CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3022MSC"
                       onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm02T1Ztb2NZUztPVmk2UGxbNU9GbTZPVm1vZkpPO09sQ3tQVkM1T1ZlPw==')">
  
                  <!-- Product Content -->
                  <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                      <div class="min-h-[4rem] flex justify-between m-auto relative">
                          <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer"
                               onclick="toggleTitle(2)">
                              CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3022MSC
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="CL-BREMSEN-Bremsbeläge-CL"
                                onclick="handleTitleClick('CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3022MSC')">
                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
              </span>
                      </div>
                      <hr>
                      <div class="flex justify-between items-end relative mt-1">
                          <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                               onclick="toggleDescription(2)">
                              <span class="break-words">MSC-Reihe Ausgezeichnete energiereiche Bremsfähigkeit. Kein Verblassen, guter Halt im Regen. Progressives und kraftvolles Bremsen. Geringer Verschleiß der Disc und der Pads. | Artikel: CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3022MSC</span>
                          </div>
                          <button onclick="toggleDescription(2)"
                                  class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  aria-label="Toggle Description">
                              <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                              <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                  Mehr Anzeigen
                </span>
                          </button>
                      </div>
                  </div>
  
                  <!-- Product Footer -->
                  <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                      <hr class="mb-1 border-gray-300">
                      <div class="mb-1">
                          <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm02T1Ztb2NZUztPVmk2UGxbNU9GbTZPVm1vZkpPO09sQ3tQVkM1T1ZlPw==')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: FC Moto DE
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 28.20 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 3.99 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1tvbnVkSW5wXFpLd1xJV3hbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm02T1Ztb2NZUztPVmk2UGxbNU9GbTZPVm1vZkpPO09sQ3tQVkM1T1ZlPw==')" type="button"
                                  class="w-full bg-yellow-400 rounded-full px-3 py-2 text-sm font-semibold text-gray-900 shadow-md transition duration-200 ease-in-out hover:bg-gradient-to-r hover:from-yellow-400 hover:to-yellow-500 hover:shadow-lg">
                              Weiter zum Produkt
                          </button>
                      </div>
                  </div>
              </div>
          </li>
      </div>
  </section>
  
      
      <section class="mb-8">
      <div id="product-content">
          <li class="bg-white shadow-lg rounded-md m-1 flex flex-col transition-transform duration-300 hover:-translate-y-1 hover:shadow-xl">
              <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                  <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVQbFd7T0Zbb2NZUztPVmk2UGxbNVBsV3tPRltvZkpPO09sQ3tQVkM3T2xXPw==">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="CL-BREMSEN-Bremsbeläge-CL">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVQbFd7T0Zbb2NZUztPVmk2UGxbNVBsV3tPRltvZkpPO09sQ3tQVkM3T2xXPw==">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;EwHHnffU-qyQuwpHlTsD6yXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdTUmGTdwjzoev2ilGiSn8X49_CkRu5J0tcQQ-1is4JZlzmPNvgXdwIw&#x2F;18866765206_large.webp"
                       alt="CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3114MSC"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVQbFd7T0Zbb2NZUztPVmk2UGxbNVBsV3tPRltvZkpPO09sQ3tQVkM3T2xXPw==')">
  
                  <!-- Product Content -->
                  <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                      <div class="min-h-[4rem] flex justify-between m-auto relative">
                          <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer"
                               onclick="toggleTitle(3)">
                              CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3114MSC
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="CL-BREMSEN-Bremsbeläge-CL"
                                onclick="handleTitleClick('CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3114MSC')">
                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
              </span>
                      </div>
                      <hr>
                      <div class="flex justify-between items-end relative mt-1">
                          <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                               onclick="toggleDescription(3)">
                              <span class="break-words">MSC-Reihe Ausgezeichnete energiereiche Bremsfähigkeit. Kein Verblassen, guter Halt im Regen. Progressives und kraftvolles Bremsen. Geringer Verschleiß der Disc und der Pads. | Artikel: CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3114MSC</span>
                          </div>
                          <button onclick="toggleDescription(3)"
                                  class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  aria-label="Toggle Description">
                              <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                              <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                  Mehr Anzeigen
                </span>
                          </button>
                      </div>
                  </div>
  
                  <!-- Product Footer -->
                  <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                      <hr class="mb-1 border-gray-300">
                      <div class="mb-1">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVQbFd7T0Zbb2NZUztPVmk2UGxbNVBsV3tPRltvZkpPO09sQ3tQVkM3T2xXPw==')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: FC Moto DE
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 28.20 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 4.99 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVQbFd7T0Zbb2NZUztPVmk2UGxbNVBsV3tPRltvZkpPO09sQ3tQVkM3T2xXPw==')" type="button"
                                  class="w-full bg-yellow-400 rounded-full px-3 py-2 text-sm font-semibold text-gray-900 shadow-md transition duration-200 ease-in-out hover:bg-gradient-to-r hover:from-yellow-400 hover:to-yellow-500 hover:shadow-lg">
                              Weiter zum Produkt
                          </button>
                      </div>
                  </div>
              </div>
          </li>
      </div>
  </section>
  
      
      <section class="mb-8">
      <div id="product-content">
          <li class="bg-white shadow-lg rounded-md m-1 flex flex-col transition-transform duration-300 hover:-translate-y-1 hover:shadow-xl">
              <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                  <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPVlsyUHxLb2NZUztPVmk2UGxbNU9WWzJQfEtvZkpPO09sQ3tQVkd5T0ZLPw==">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="CL-BREMSEN-Bremsbeläge-CL">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPVlsyUHxLb2NZUztPVmk2UGxbNU9WWzJQfEtvZkpPO09sQ3tQVkd5T0ZLPw==">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;aPSO2e9qHYqbiRRubek5DuXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMde5IknnyOtVtc4eW_RN7I0InlURtzM-AEj69q3zIp0Tuvq-xehOtutI&#x2F;18866716472_large.webp"
                       alt="CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3026MSC"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPVlsyUHxLb2NZUztPVmk2UGxbNU9WWzJQfEtvZkpPO09sQ3tQVkd5T0ZLPw==')">
  
                  <!-- Product Content -->
                  <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                      <div class="min-h-[4rem] flex justify-between m-auto relative">
                          <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer"
                               onclick="toggleTitle(4)">
                              CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3026MSC
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="CL-BREMSEN-Bremsbeläge-CL"
                                onclick="handleTitleClick('CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3026MSC')">
                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
              </span>
                      </div>
                      <hr>
                      <div class="flex justify-between items-end relative mt-1">
                          <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                               onclick="toggleDescription(4)">
                              <span class="break-words">MSC-Reihe Ausgezeichnete energiereiche Bremsfähigkeit. Kein Verblassen, guter Halt im Regen. Progressives und kraftvolles Bremsen. Geringer Verschleiß der Disc und der Pads. | Artikel: CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3026MSC</span>
                          </div>
                          <button onclick="toggleDescription(4)"
                                  class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  aria-label="Toggle Description">
                              <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                              <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                  Mehr Anzeigen
                </span>
                          </button>
                      </div>
                  </div>
  
                  <!-- Product Footer -->
                  <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                      <hr class="mb-1 border-gray-300">
                      <div class="mb-1">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPVlsyUHxLb2NZUztPVmk2UGxbNU9WWzJQfEtvZkpPO09sQ3tQVkd5T0ZLPw==')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: FC Moto DE
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 28.20 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 4.99 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPVlsyUHxLb2NZUztPVmk2UGxbNU9WWzJQfEtvZkpPO09sQ3tQVkd5T0ZLPw==')" type="button"
                                  class="w-full bg-yellow-400 rounded-full px-3 py-2 text-sm font-semibold text-gray-900 shadow-md transition duration-200 ease-in-out hover:bg-gradient-to-r hover:from-yellow-400 hover:to-yellow-500 hover:shadow-lg">
                              Weiter zum Produkt
                          </button>
                      </div>
                  </div>
              </div>
          </li>
      </div>
  </section>
  
      
  </ul>
  <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
      
      <section class="mb-8">
      <div id="faq-content">
          <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
              <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                  data-truncate-length="50" onclick="toggleQuestion(event)">
                  Wie viel kostet es, die Bremsbeläge, Bremsscheiben und Bremsen zu wechseln?
              </h3>
              <div class="faq-answer-wrapper relative pb-6">
                  <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                     data-truncate-length="180" onclick="toggleAnswer(event)">
                      Die Kosten für den Wechsel von Bremsbelägen, Bremsscheiben und Bremsen können je nach Fahrzeugmodell, Hersteller und Werkstatt variieren. In der Regel liegen die Kosten für den Wechsel der Bremsbeläge zwischen 100 und 200 Euro, während der Wechsel der Bremsscheiben zwischen 200 und 400 Euro kosten kann. Der Austausch der gesamten Bremsen kann je nach Fahrzeugtyp und Werkstatt zwischen 500 und 1000 Euro kosten. Es ist ratsam, mehrere Angebote einzuholen, um die besten Preise zu vergleichen.
                  </p>
                  <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                          aria-label="Toggle Description">
                      <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                      <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                          Mehr Anzeigen
                      </span>
                  </button>
              </div>
  
              <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                  Quelle: KI generiert von FAQ.de
              </div>
  
              <div id="related-terms"
                   class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                  
                  
                  <div style="min-height: 0px;"></div>
                  
              </div>
          </li>
      </div>
  </section>
  
  <script>
      document.addEventListener("DOMContentLoaded", () => {
          // Deine Farbpalette
          const colors = [
              "bg-blue-500 text-white hover:bg-blue-600",
              "bg-indigo-500 text-white hover:bg-indigo-600",
              "bg-violet-500 text-white hover:bg-violet-600",
              "bg-pink-500 text-white hover:bg-pink-600",
              "bg-rose-500 text-white hover:bg-rose-600",
              "bg-emerald-500 text-white hover:bg-emerald-600",
              "bg-teal-500 text-white hover:bg-teal-600",
              "bg-cyan-500 text-white hover:bg-cyan-600"
          ];
  
          // Pills einfärben – Round-Robin
          const pills = document.querySelectorAll(".keyword-pill");
          pills.forEach((pill, index) => {
              const colorClass = colors[index % colors.length];
              pill.className += " " + colorClass;
          });
      });
  </script>
  
  
      
      <section class="mb-8">
      <div id="faq-content">
          <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
              <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                  data-truncate-length="50" onclick="toggleQuestion(event)">
                  Ist As Discount vertrauenswürdig?
              </h3>
              <div class="faq-answer-wrapper relative pb-6">
                  <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                     data-truncate-length="180" onclick="toggleAnswer(event)">
                      Es ist schwierig, eine allgemeine Aussage über die Vertrauenswürdigkeit von As Discount zu treffen, da dies von verschiedenen Faktoren abhängt. Es kann hilfreich sein, Bewertungen und Erfahrungen anderer Kunden zu lesen, um eine bessere Vorstellung von der Zuverlässigkeit des Unternehmens zu bekommen. Es ist auch ratsam, die Geschäftsbedingungen und Rückgaberichtlinien des Unternehmens zu überprüfen, um sicherzustellen, dass sie Ihren Erwartungen entsprechen.
                  </p>
                  <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                          aria-label="Toggle Description">
                      <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                      <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                          Mehr Anzeigen
                      </span>
                  </button>
              </div>
  
              <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                  Quelle: KI generiert von FAQ.de
              </div>
  
              <div id="related-terms"
                   class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                  
                  
                  <div style="min-height: 0px;"></div>
                  
              </div>
          </li>
      </div>
  </section>
  
  <script>
      document.addEventListener("DOMContentLoaded", () => {
          // Deine Farbpalette
          const colors = [
              "bg-blue-500 text-white hover:bg-blue-600",
              "bg-indigo-500 text-white hover:bg-indigo-600",
              "bg-violet-500 text-white hover:bg-violet-600",
              "bg-pink-500 text-white hover:bg-pink-600",
              "bg-rose-500 text-white hover:bg-rose-600",
              "bg-emerald-500 text-white hover:bg-emerald-600",
              "bg-teal-500 text-white hover:bg-teal-600",
              "bg-cyan-500 text-white hover:bg-cyan-600"
          ];
  
          // Pills einfärben – Round-Robin
          const pills = document.querySelectorAll(".keyword-pill");
          pills.forEach((pill, index) => {
              const colorClass = colors[index % colors.length];
              pill.className += " " + colorClass;
          });
      });
  </script>
  
  
      
      <section class="mb-8">
      <div id="faq-content">
          <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
              <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                  data-truncate-length="50" onclick="toggleQuestion(event)">
                  Was bedeutet TEDi Discount?
              </h3>
              <div class="faq-answer-wrapper relative pb-6">
                  <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                     data-truncate-length="180" onclick="toggleAnswer(event)">
                      TEDi Discount ist ein deutsches Einzelhandelsunternehmen, das sich auf den Verkauf von preiswerten Non-Food-Artikeln spezialisiert hat. Das Sortiment umfasst Produkte aus den Bereichen Haushalt, Dekoration, Spielwaren, Schreibwaren, Textilien und saisonale Artikel. Der Name &quot;TEDi&quot; steht für &quot;Top-Einrichtung Discount&quot; und spiegelt das Konzept des Unternehmens wider, hochwertige Produkte zu günstigen Preisen anzubieten. TEDi Discount richtet sich an preisbewusste Kunden, die auf der Suche nach Schnäppchen und Angeboten sind. Das Unternehmen hat Filialen in Deutschland, Österreich, Slowenien, Spanien und Kroatien.
                  </p>
                  <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                          aria-label="Toggle Description">
                      <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                      <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                          Mehr Anzeigen
                      </span>
                  </button>
              </div>
  
              <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                  Quelle: KI generiert von FAQ.de
              </div>
  
              <div id="related-terms"
                   class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                  
                  
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Bedeutung" class="block">
                          Bedeutung
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/TEDi" class="block">
                          TEDi
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Discount" class="block">
                          Discount
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Preis" class="block">
                          Preis
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Einzelhandel" class="block">
                          Einzelhandel
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Sortiment" class="block">
                          Sortiment
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Günstig" class="block">
                          Günstig
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Angebot" class="block">
                          Angebot
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Spar" class="block">
                          Spar
                      </a>
                  </div>
                  
                  <div class="keyword-pill inline-block rounded-full px-5 py-2 m-2 text-sm font-medium shadow-sm transition transform hover:scale-105 hover:shadow-md cursor-pointer">
                      <a href="/Einkauf" class="block">
                          Einkauf
                      </a>
                  </div>
                  
                  
              </div>
          </li>
      </div>
  </section>
  
  <script>
      document.addEventListener("DOMContentLoaded", () => {
          // Deine Farbpalette
          const colors = [
              "bg-blue-500 text-white hover:bg-blue-600",
              "bg-indigo-500 text-white hover:bg-indigo-600",
              "bg-violet-500 text-white hover:bg-violet-600",
              "bg-pink-500 text-white hover:bg-pink-600",
              "bg-rose-500 text-white hover:bg-rose-600",
              "bg-emerald-500 text-white hover:bg-emerald-600",
              "bg-teal-500 text-white hover:bg-teal-600",
              "bg-cyan-500 text-white hover:bg-cyan-600"
          ];
  
          // Pills einfärben – Round-Robin
          const pills = document.querySelectorAll(".keyword-pill");
          pills.forEach((pill, index) => {
              const colorClass = colors[index % colors.length];
              pill.className += " " + colorClass;
          });
      });
  </script>
  
  
      
      <section class="mb-8">
      <div id="faq-content">
          <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
              <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                  data-truncate-length="50" onclick="toggleQuestion(event)">
                  Erhöhen glühende Bremsscheiben den Verschleiß der Bremsen sehr?
              </h3>
              <div class="faq-answer-wrapper relative pb-6">
                  <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                     data-truncate-length="180" onclick="toggleAnswer(event)">
                      Glühende Bremsscheiben können den Verschleiß der Bremsen erhöhen, da die Hitze die Reibungsmaterialien schneller abnutzen kann. Wenn die Bremsscheiben jedoch regelmäßig abkühlen können und nicht übermäßig heiß werden, sollte der Verschleiß nicht signifikant sein. Es ist wichtig, die Bremsen regelmäßig zu warten und sicherzustellen, dass sie ordnungsgemäß funktionieren, um übermäßigen Verschleiß zu vermeiden.
                  </p>
                  <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                          aria-label="Toggle Description">
                      <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                      <span class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                          Mehr Anzeigen
                      </span>
                  </button>
              </div>
  
              <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                  Quelle: KI generiert von FAQ.de
              </div>
  
              <div id="related-terms"
                   class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                  
                  
                  <div style="min-height: 0px;"></div>
                  
              </div>
          </li>
      </div>
  </section>
  
  <script>
      document.addEventListener("DOMContentLoaded", () => {
          // Deine Farbpalette
          const colors = [
              "bg-blue-500 text-white hover:bg-blue-600",
              "bg-indigo-500 text-white hover:bg-indigo-600",
              "bg-violet-500 text-white hover:bg-violet-600",
              "bg-pink-500 text-white hover:bg-pink-600",
              "bg-rose-500 text-white hover:bg-rose-600",
              "bg-emerald-500 text-white hover:bg-emerald-600",
              "bg-teal-500 text-white hover:bg-teal-600",
              "bg-cyan-500 text-white hover:bg-cyan-600"
          ];
  
          // Pills einfärben – Round-Robin
          const pills = document.querySelectorAll(".keyword-pill");
          pills.forEach((pill, index) => {
              const colorClass = colors[index % colors.length];
              pill.className += " " + colorClass;
          });
      });
  </script>
  
  
      
  </ul>
  <div class="mb-10">
      <!-- Related Terms Section -->
  <section class="w-full max-w-none bg-gradient-to-r from-gray-500 via-gray-600 to-gray-500 px-4 py-6 lg:px-6 text-center text-white rounded-lg shadow-md my-6">
      <h2 class="text-xl font-bold mb-6">
          Ähnliche Suchbegriffe für
          <span class="">Bremsen Discount</span>
      </h2>
  
      <div id="related-terms" class="flex flex-wrap justify-center gap-4">
          
          
          <a href="/Discount"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Discount
          </a>
          
          <a href="/Bremsen"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Bremsen
          </a>
          
          <a href="/Bremsscheiben"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Bremsscheiben
          </a>
          
          <a href="/Anleger"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Anleger
          </a>
          
          <a href="/Aktie"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Aktie
          </a>
          
          <a href="/Kosten"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Kosten
          </a>
          
          <a href="/Put"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Put
          </a>
          
          <a href="/Tedi"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Tedi
          </a>
          
          <a href="/Verwenden"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Verwenden
          </a>
          
          <a href="/Verschleiß"
             class="term-chip inline-block rounded-full px-5 py-2 text-sm font-medium text-white shadow-sm transition hover:shadow-md hover:-translate-y-0.5">
              Verschleiß
          </a>
          
          
      </div>
  </section>
  
  <script>
      document.addEventListener('DOMContentLoaded', function () {
          const chips = document.querySelectorAll('#related-terms .term-chip');
          const colors = [
              "#3B82F6", // Blue 500
              "#0EA5E9", // Sky 500
              "#10B981", // Emerald 500
              "#14B8A6", // Teal 500
              "#6366F1", // Indigo 500
              "#8B5CF6", // Violet 500
          ];
          chips.forEach(chip => {
              const color = colors[Math.floor(Math.random() * colors.length)];
              chip.style.backgroundColor = color;
              chip.style.color = "white"; // weiße Schrift für Eleganz
          });
      });
  </script>
  
  
  </div>
  
  <ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
      
      <section class="mb-8">
      <div id="product-content">
          <li class="bg-white shadow-lg rounded-md m-1 flex flex-col transition-transform duration-300 hover:-translate-y-1 hover:shadow-xl">
              <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                  <form id="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm18UHxDb2NZUztPVmk2UGxbNU9GbXxQfENvZkpPO09sQ3tQVkd5T0ZLPw==">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="CL-BREMSEN-Bremsbeläge-CL">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm18UHxDb2NZUztPVmk2UGxbNU9GbXxQfENvZkpPO09sQ3tQVkd5T0ZLPw==">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;tlQOA-gXgnVFEdrRrHq9UKXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdfkR4NRtaLgSl6y_l8giZe0jKs-Mk_DCZ7D2rdi2BwCh99KDnwugk54&#x2F;18866709370_large.webp"
                       alt="CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3062MSC"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM0ZkbXZ2VjJUcWU1cmxcWlRyVEc7b1xHNnlWSTdNXFZQMltuUFpVNWZ7UFlcbVBHZk5YVTN5VVczbE9ZZTVaNGpZZDI3S1hZeXpnRlM1ZVdUM1czSzVZWXZjVTVENVszbkxQNFM2Z1c7eVlGaltlWUxSZm1HNmNvblFRSlc1VVhqR2Y1cXZcVzN7ZFhEW1BaZlBjbm5OWG1Mbk81SE9QfFw4WEdyM2M1VHtVRzdYXEpXNlhvcm1Tb0xIVG1ISVdYVHhkM0xFWDJ6MlBKW3lnbmY1VHxDNmZ7XHZjWVM7T1ZpNlBsWzVPRm18UHxDb2NZUztPVmk2UGxbNU9GbXxQfENvZkpPO09sQ3tQVkd5T0ZLPw==')">
  
                  <!-- Product Content -->
                  <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                      <div class="min-h-[4rem] flex justify-between m-auto relative">
                          <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer"
                               onclick="toggleTitle(1)">
                              CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3062MSC
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="CL-BREMSEN-Bremsbeläge-CL"
                                onclick="handleTitleClick('CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3062MSC')">
                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
              </span>
                      </div>
                      <hr>
                      <div class="flex justify-between items-end relative mt-1">
                          <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                               onclick="toggleDescription(1)">
                              <span class="break-words">MSC-Reihe Ausgezeichnete energiereiche Bremsfähigkeit. Kein Verblassen, guter Halt im Regen. Progressives und kraftvolles Bremsen. Geringer Verschleiß der Disc und der Pads. | Artikel: CL BREMSEN Bremsbeläge CL BREMSEN Maxi Scooter Sintermetall - 3062MSC</span>
                          </div>
                          <button onclick="toggleDescription(1)"
                                  class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  aria-label="Toggle Description">
                              <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                              <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs
endpoints.name: https://www.bremsen-discount.de/favicon.ico
endpoints.html_title: bremsen-discount.de - Bremsscheiben, Bremsenprüfstand, Bremsbeläge, Bremsenentlüftungsgerät, Bremsflüssigkeit, Bremsenreiniger, Bremsen Discount
endpoints.supported_versions: HTTP/1.1 HTTP/2
endpoints.banner: HTTP/1.1 200 OK
  Server: openresty/1.25.3.2
  Date:  <REDACTED>
  Content-Type: text/html; charset=utf-8
  Transfer-Encoding: chunked
  Connection: keep-alive
  content-encoding: gzip
  vary: accept-encoding
  
endpoints.ip: 144.76.234.15
[binary data, 7 values, 175 bytes]