endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-13T17:27:27.587296
endpoints.uri: https://www.xn--lohnnherei-u5a.de/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Content-Type
endpoints.headers: text/html; charset=utf-8
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.html_tags: <title>lohnnäherei.de - Schneiderei, Änderungsschneiderei, Näharbeiten, Nähmaschine, Textilien, Schneideratelier, Lohnnäherei</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>lohnnäherei.de - Schneiderei, Änderungsschneiderei, Näharbeiten, Nähmaschine, Textilien, Schneideratelier, Lohnnäherei</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: #56be64;">
      <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_2.png" alt="Domain Logo" class="block h-12 w-auto">
                      
                      <span class="ml-2 text-xl font-bold md:text-2xl text-white">
                          lohnnäherei.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: #80ff96;">
          
          
          
          
          <a href="/Schneiderei" class="block text-base font-medium py-2" style="color: #000000;">
              Schneiderei
          </a>
          
          
          <a href="/Änderungsschneiderei" class="block text-base font-medium py-2" style="color: #000000;">
              Änderungsschneiderei
          </a>
          
          
          <a href="/Näharbeiten" class="block text-base font-medium py-2" style="color: #000000;">
              Näharbeiten
          </a>
          
          
          <a href="/Nähmaschine" class="block text-base font-medium py-2" style="color: #000000;">
              Nähmaschine
          </a>
          
          
          <a href="/Textilien" class="block text-base font-medium py-2" style="color: #000000;">
              Textilien
          </a>
          
          
          <a href="/Schneideratelier" class="block text-base font-medium py-2" style="color: #000000;">
              Schneideratelier
          </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: #80ff96;">
          
          
          
          <a href="/Schneiderei" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Schneiderei
          </a>
          
          
          <a href="/Änderungsschneiderei" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Änderungsschneiderei
          </a>
          
          
          <a href="/Näharbeiten" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Näharbeiten
          </a>
          
          
          <a href="/Nähmaschine" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Nähmaschine
          </a>
          
          
          <a href="/Textilien" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Textilien
          </a>
          
          
          <a href="/Schneideratelier" class="text-ms xs:text-sm text-base" style="color: #000000;">
              Schneideratelier
          </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="">lohnnäherei.de</span>
              kaufen?
          </h2>
          <p class="mt-4 text-base sm:text-lg leading-relaxed text-gray-100">
              Wir ziehen mit dem Projekt
              <strong>lohnnäherei.de</strong> um.<br>
              Sind Sie am Kauf der Domain
              <strong>lohnnäherei.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">lohnnäherei.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 Lohnnäherei:</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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UVZLelFGR3xQbEczT3tcalJWRzRQVmkyUEZtb2RWMnpQRmk2T2k&#x2F;Pw==">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="Basic-Nähzubehör">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UVZLelFGR3xQbEczT3tcalJWRzRQVmkyUEZtb2RWMnpQRmk2T2k&#x2F;Pw==">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Astatic.idee-shop.com%2Fmedia%2F08%2F11%2Fdf%2F1708525867%2F634216-2361567_PF.jpg&amp;feedId=54721&amp;k=1aee4d817c0455133b227fa0ed83e955ecc7bc56"
                       alt="Basic Nähzubehör"
                       onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UVZLelFGR3xQbEczT3tcalJWRzRQVmkyUEZtb2RWMnpQRmk2T2k/Pw==')">
  
                  <!-- 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)">
                              Basic Nähzubehör
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="Basic-Nähzubehör"
                                onclick="handleTitleClick('Basic Nähzubehör')">
                <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">Das Prym Kurzwarensortiment bietet Ihnen eine Vielfalt an Zubehör und Helfer für Ihre Näharbeiten.; Basic Nähset mit viel Zubehör:; Fingerhut, Kreidestift, Schere, Nahttrenner, Steck- und</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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UVZLelFGR3xQbEczT3tcalJWRzRQVmkyUEZtb2RWMnpQRmk2T2k/Pw==')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: idee-shop DE
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 37.99 € |
              </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ7UVZLelFGR3xQbEczT3tcalJWRzRQVmkyUEZtb2RWMnpQRmk2T2k/Pw==')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3FPWkQ1V0c7dVdIUzZmWlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNMU1dJO1tmcEN8WUhmSVBuTHZVWlA0ZEZqT1FIZnhZbjs3VjRtNGZsRGxVWkMzXFhYTGZtcndYWTtOZ0pMNVYzbnFVWXo1Zm47dFdWSFxmMnJXY25uN2RtbmxVVlRWY1hYTVdFM0RPRlxxZW9IamdtWFVQSXZjZ1hqSVA0eXxWVTJ5ZFZHM1dYVzJWRkhvTG8zclxGMjJPRkc3T2xlM098Q3xQbGlvY1lTO1BGQ3pRVks1UFZPeU98WzZMcFR8UlZLeU9sV3pPRkM3">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="Prym-Basic-Nähzubehör">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3FPWkQ1V0c7dVdIUzZmWlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNMU1dJO1tmcEN8WUhmSVBuTHZVWlA0ZEZqT1FIZnhZbjs3VjRtNGZsRGxVWkMzXFhYTGZtcndYWTtOZ0pMNVYzbnFVWXo1Zm47dFdWSFxmMnJXY25uN2RtbmxVVlRWY1hYTVdFM0RPRlxxZW9IamdtWFVQSXZjZ1hqSVA0eXxWVTJ5ZFZHM1dYVzJWRkhvTG8zclxGMjJPRkc3T2xlM098Q3xQbGlvY1lTO1BGQ3pRVks1UFZPeU98WzZMcFR8UlZLeU9sV3pPRkM3">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;pmKpxG7G0fHesWUM878V3OXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdQy5ZesHMGsJCWPuyb1q3r29S6x2Pl0F7-3RICxy9ms24Bw-nD74XmQ&#x2F;401927530368_large.webp"
                       alt="Prym Basic Nähzubehör"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3FPWkQ1V0c7dVdIUzZmWlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNMU1dJO1tmcEN8WUhmSVBuTHZVWlA0ZEZqT1FIZnhZbjs3VjRtNGZsRGxVWkMzXFhYTGZtcndYWTtOZ0pMNVYzbnFVWXo1Zm47dFdWSFxmMnJXY25uN2RtbmxVVlRWY1hYTVdFM0RPRlxxZW9IamdtWFVQSXZjZ1hqSVA0eXxWVTJ5ZFZHM1dYVzJWRkhvTG8zclxGMjJPRkc3T2xlM098Q3xQbGlvY1lTO1BGQ3pRVks1UFZPeU98WzZMcFR8UlZLeU9sV3pPRkM3')">
  
                  <!-- 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)">
                              Prym Basic Nähzubehör
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="Prym-Basic-Nähzubehör"
                                onclick="handleTitleClick('Prym Basic Nähzubehör')">
                <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"> Perfekt ausgestattet - mit dem Prym Basic Nähzubehör! Das Basis-Set ist eine gut sortierte Grundausstattung an Nähbedarf. Ob als Starter-Set für angehende Näherinnen und Näher oder für den Singelhaushalt: Das Set beinhaltet alle grundlegenden Utensilien. Das Paket enthält: Hochwertige Stahlschere 20 Annähdruckknöpfe 20 Hemdenknöpfe 5 Meter Baumwollband 3 Meter Standard-Elastics 1 Maßband 1 Fingerhut 1 Kreidestift 1 Nahtrenner 2 Nadeleinfädler 30 Glaskopfstecknadeln 12 Sicherheitsnadeln 30 Näh-, Stick- und Stopfnadeln 5 Nähmaschinennadeln </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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3FPWkQ1V0c7dVdIUzZmWlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNMU1dJO1tmcEN8WUhmSVBuTHZVWlA0ZEZqT1FIZnhZbjs3VjRtNGZsRGxVWkMzXFhYTGZtcndYWTtOZ0pMNVYzbnFVWXo1Zm47dFdWSFxmMnJXY25uN2RtbmxVVlRWY1hYTVdFM0RPRlxxZW9IamdtWFVQSXZjZ1hqSVA0eXxWVTJ5ZFZHM1dYVzJWRkhvTG8zclxGMjJPRkc3T2xlM098Q3xQbGlvY1lTO1BGQ3pRVks1UFZPeU98WzZMcFR8UlZLeU9sV3pPRkM3')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: naehpark.com
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 29.20 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 7.50 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3FPWkQ1V0c7dVdIUzZmWlx8WFZIWlxJaXZkWVRsUFdqbVFWblJXWVhJUDNMU1dJO1tmcEN8WUhmSVBuTHZVWlA0ZEZqT1FIZnhZbjs3VjRtNGZsRGxVWkMzXFhYTGZtcndYWTtOZ0pMNVYzbnFVWXo1Zm47dFdWSFxmMnJXY25uN2RtbmxVVlRWY1hYTVdFM0RPRlxxZW9IamdtWFVQSXZjZ1hqSVA0eXxWVTJ5ZFZHM1dYVzJWRkhvTG8zclxGMjJPRkc3T2xlM098Q3xQbGlvY1lTO1BGQ3pRVks1UFZPeU98WzZMcFR8UlZLeU9sV3pPRkM3')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZOWUhZYzRYRltWTDZRWGpZVzQzN2ZWVFdXMkxQZUpYUmVIZnxWMjszUUhydGdYSHVjSXo2ZnxUeWVwTzdbbmpbZGxYbmRZelpOWVw4VUlyN2Q1TDVkfFBzXG11NFtwVFRUWVg2XEpMNmNHVG9kb3F6VkZqc1R8amtXM1d6WzVUSVwyXGtVWkQ3VlpXNFVvalBWMlxIXHxbeVBvVzRjSVRuZVUzVlVJW3xVRzNcWG9MUGVZNjNjcFhvTG8zclxGMnpRRkczT3xPNk9sTzRMb25tUlZHNk9WV3xPfGl7T3xbb2ZKTztPbEN7UFZHeU9GbT8=">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="Prym-Nähzubehör-&quot;Basic&quot;">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZOWUhZYzRYRltWTDZRWGpZVzQzN2ZWVFdXMkxQZUpYUmVIZnxWMjszUUhydGdYSHVjSXo2ZnxUeWVwTzdbbmpbZGxYbmRZelpOWVw4VUlyN2Q1TDVkfFBzXG11NFtwVFRUWVg2XEpMNmNHVG9kb3F6VkZqc1R8amtXM1d6WzVUSVwyXGtVWkQ3VlpXNFVvalBWMlxIXHxbeVBvVzRjSVRuZVUzVlVJW3xVRzNcWG9MUGVZNjNjcFhvTG8zclxGMnpRRkczT3xPNk9sTzRMb25tUlZHNk9WV3xPfGl7T3xbb2ZKTztPbEN7UFZHeU9GbT8=">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;1d-HKCJaIO63mNqTfSkVbqXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdVRUnuhUZ789WzaQF-x8SnNZJ_JIufTTPGkoKoEoJuOfka7UhUhj7Eo&#x2F;1815338236_large.webp"
                       alt="Prym Nähzubehör &quot;Basic&quot;"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZOWUhZYzRYRltWTDZRWGpZVzQzN2ZWVFdXMkxQZUpYUmVIZnxWMjszUUhydGdYSHVjSXo2ZnxUeWVwTzdbbmpbZGxYbmRZelpOWVw4VUlyN2Q1TDVkfFBzXG11NFtwVFRUWVg2XEpMNmNHVG9kb3F6VkZqc1R8amtXM1d6WzVUSVwyXGtVWkQ3VlpXNFVvalBWMlxIXHxbeVBvVzRjSVRuZVUzVlVJW3xVRzNcWG9MUGVZNjNjcFhvTG8zclxGMnpRRkczT3xPNk9sTzRMb25tUlZHNk9WV3xPfGl7T3xbb2ZKTztPbEN7UFZHeU9GbT8=')">
  
                  <!-- 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)">
                              Prym Nähzubehör &quot;Basic&quot;
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="Prym-Nähzubehör-&quot;Basic&quot;"
                                onclick="handleTitleClick('Prym Nähzubehör &quot;Basic&quot;')">
                <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">Prym Nähzubehör Basic, die Grundausstattung für Anfänger und Single-Haushalte. Inhalt: 20 Druckknöpfe, 20 Hemdenknöpfe, 5 m Baumwollband, 3 m Standard-Elastic, 1 Maßband, 1 Fingerhut, 1 Kreidestift, 1 Nahttrenner, 2 Einfädler, 30 Glaskopfstecknadeln, 12 Sicherheitsnadeln, 30 Näh-, Stick- und Stopfnadeln, 5 Nähmaschinennadeln und 1 Schere.praktisches Nähzubehör-Basissortimentsuper Preisvorteil gegenüber Einzelkaufperfekt für Nähanfänger und Single-HaushalteOb für Zuhause oder auf Reisen – das praktische Prym Basic Nähset ist immer eine gute Wahl, denn so haben Sie die wichtigsten Nähutensilien jederzeit schnell zur Hand. Auch als Geschenk eignet sich das nützliche Nähzubehör-Set perfekt. Überraschen Sie damit Ihre beste Freundin, die vor Kurzem das Nähen für sich entdeckt hat oder Ihren Sohn, der gerade in die erste eigene Wohnung gezogen ist. Eines ist auf jeden Fall sicher: Mit dem Nähset von Prym sind Sie und Ihre Lieben für alle Näh-Notfälle gerüstet.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZOWUhZYzRYRltWTDZRWGpZVzQzN2ZWVFdXMkxQZUpYUmVIZnxWMjszUUhydGdYSHVjSXo2ZnxUeWVwTzdbbmpbZGxYbmRZelpOWVw4VUlyN2Q1TDVkfFBzXG11NFtwVFRUWVg2XEpMNmNHVG9kb3F6VkZqc1R8amtXM1d6WzVUSVwyXGtVWkQ3VlpXNFVvalBWMlxIXHxbeVBvVzRjSVRuZVUzVlVJW3xVRzNcWG9MUGVZNjNjcFhvTG8zclxGMnpRRkczT3xPNk9sTzRMb25tUlZHNk9WV3xPfGl7T3xbb2ZKTztPbEN7UFZHeU9GbT8=')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: buttinette
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 32.50 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 4.95 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGMnZOWUhZYzRYRltWTDZRWGpZVzQzN2ZWVFdXMkxQZUpYUmVIZnxWMjszUUhydGdYSHVjSXo2ZnxUeWVwTzdbbmpbZGxYbmRZelpOWVw4VUlyN2Q1TDVkfFBzXG11NFtwVFRUWVg2XEpMNmNHVG9kb3F6VkZqc1R8amtXM1d6WzVUSVwyXGtVWkQ3VlpXNFVvalBWMlxIXHxbeVBvVzRjSVRuZVUzVlVJW3xVRzNcWG9MUGVZNjNjcFhvTG8zclxGMnpRRkczT3xPNk9sTzRMb25tUlZHNk9WV3xPfGl7T3xbb2ZKTztPbEN7UFZHeU9GbT8=')" 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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RnWmZ0VG83bU9GZTNXNGZJXEluUFVaREZWWnJRW1hUaFZsbnhUbEc0XDRqSmdHdk1VRlhTZG07NVhKZnFcWXUzVWxMSGVZVzRTbnF2VmxmdVxwRDZXWGY4VjM7blxvclZmNExLVUc6M1huXFFlfFRLVEhcdVBJSHJcR3ZPZ0dqalVZbnBRVkRbUFduY1htO3VafEN8VTRuM1twV3ZTWFhPW29YVlBFMzRXSVxwVm07eFtWTHZlNWpIXFdySls0ejZcVlhtZ25EMlVwVG5YV1xSU3xuW2Z7XHZjWVM7T2xDeVBWQ3tPfGV5UGtcclxGMntPRkMzT0ZLfFB8QzRMcFR8UlZLeU9sV3pPRkM3">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="buttinette-Sortierbox-mit-Nähzubehör">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RnWmZ0VG83bU9GZTNXNGZJXEluUFVaREZWWnJRW1hUaFZsbnhUbEc0XDRqSmdHdk1VRlhTZG07NVhKZnFcWXUzVWxMSGVZVzRTbnF2VmxmdVxwRDZXWGY4VjM7blxvclZmNExLVUc6M1huXFFlfFRLVEhcdVBJSHJcR3ZPZ0dqalVZbnBRVkRbUFduY1htO3VafEN8VTRuM1twV3ZTWFhPW29YVlBFMzRXSVxwVm07eFtWTHZlNWpIXFdySls0ejZcVlhtZ25EMlVwVG5YV1xSU3xuW2Z7XHZjWVM7T2xDeVBWQ3tPfGV5UGtcclxGMntPRkMzT0ZLfFB8QzRMcFR8UlZLeU9sV3pPRkM3">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;QX4dTzecUBuRcTHmo9AWbiXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdQMISdd98gzNd2rlNYcRVOWgXAa0fRyZ5QOIRP8rMoat8cv88m94_Ow&#x2F;2005023706_large.jpg"
                       alt="buttinette Sortierbox mit Nähzubehör"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RnWmZ0VG83bU9GZTNXNGZJXEluUFVaREZWWnJRW1hUaFZsbnhUbEc0XDRqSmdHdk1VRlhTZG07NVhKZnFcWXUzVWxMSGVZVzRTbnF2VmxmdVxwRDZXWGY4VjM7blxvclZmNExLVUc6M1huXFFlfFRLVEhcdVBJSHJcR3ZPZ0dqalVZbnBRVkRbUFduY1htO3VafEN8VTRuM1twV3ZTWFhPW29YVlBFMzRXSVxwVm07eFtWTHZlNWpIXFdySls0ejZcVlhtZ25EMlVwVG5YV1xSU3xuW2Z7XHZjWVM7T2xDeVBWQ3tPfGV5UGtcclxGMntPRkMzT0ZLfFB8QzRMcFR8UlZLeU9sV3pPRkM3')">
  
                  <!-- 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)">
                              buttinette Sortierbox mit Nähzubehör
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="buttinette-Sortierbox-mit-Nähzubehör"
                                onclick="handleTitleClick('buttinette Sortierbox mit Nähzubehör')">
                <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">buttinette Sortierbox mit Nähzubehör, Inhalt: insgesamt 150 Teile, unter anderem 1 Schere (17,8 cm), 1 Handmaß (23 x 4,5 cm), 1 Maßband (150 cm), 1 Nahttrenner, 1 Kopierrädchen (gezahnt), 3 Stoffmarkierstifte, 30 Sicherheitsnadeln, 80 Stecknadeln, 30 Nähnadeln, 1 Nadeleinfädler, 1 Fingerhut sowie eine transparente Kunststoffbox (34,5 x 26,5 x 4 cm) zur Aufbewahrung.praktisches Set für Nähanfängermit hochwertigen Näh-Essentialsmit Aufbewahrungsboxsuper Preisvorteil gegenüber EinzelkaufAlles drin: Dieses Set - bestehend aus zahlreichen nützlichen Nähutensilien - beinhaltet alles, was eine Hobbyschneiderin braucht. Ob für Sie selbst oder als Geschenk für jemanden, der ganz neu mit dem Nähen starten möchte - Nähschere, Nahttrenner, Kopierrädchen und Co. sorgen garantiert für Begeisterung. Geliefert wird das Ganze in einer robusten Kunststoff-Box - so ist alles gut verstaut und jederzeit griffbereit.</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RnWmZ0VG83bU9GZTNXNGZJXEluUFVaREZWWnJRW1hUaFZsbnhUbEc0XDRqSmdHdk1VRlhTZG07NVhKZnFcWXUzVWxMSGVZVzRTbnF2VmxmdVxwRDZXWGY4VjM7blxvclZmNExLVUc6M1huXFFlfFRLVEhcdVBJSHJcR3ZPZ0dqalVZbnBRVkRbUFduY1htO3VafEN8VTRuM1twV3ZTWFhPW29YVlBFMzRXSVxwVm07eFtWTHZlNWpIXFdySls0ejZcVlhtZ25EMlVwVG5YV1xSU3xuW2Z7XHZjWVM7T2xDeVBWQ3tPfGV5UGtcclxGMntPRkMzT0ZLfFB8QzRMcFR8UlZLeU9sV3pPRkM3')" type="button"
                                  class="text-xs text-gray-400" aria-label="Product Shop Button">
                              Anbieter: buttinette
                          </button>
                      </div>
                      <div class="w-full max-w-xs overflow-hidden">
              <span class="text-md font-bold text-gray-700 truncate">
                Preis: 9.99 € |
              </span>
                          <span class="text-sm text-gray-700 truncate">
                Versand*: 4.95 €
              </span>
                      </div>
                      <div class="mt-2 mb-2 w-full">
                          <button onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM3RnWmZ0VG83bU9GZTNXNGZJXEluUFVaREZWWnJRW1hUaFZsbnhUbEc0XDRqSmdHdk1VRlhTZG07NVhKZnFcWXUzVWxMSGVZVzRTbnF2VmxmdVxwRDZXWGY4VjM7blxvclZmNExLVUc6M1huXFFlfFRLVEhcdVBJSHJcR3ZPZ0dqalVZbnBRVkRbUFduY1htO3VafEN8VTRuM1twV3ZTWFhPW29YVlBFMzRXSVxwVm07eFtWTHZlNWpIXFdySls0ejZcVlhtZ25EMlVwVG5YV1xSU3xuW2Z7XHZjWVM7T2xDeVBWQ3tPfGV5UGtcclxGMntPRkMzT0ZLfFB8QzRMcFR8UlZLeU9sV3pPRkM3')" 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)">
                  Suche Lohnnäherei.
              </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 gibt viele Lohnnähereien, die Aufträge zur Herstellung von Kleidung oder anderen Textilprodukten annehmen. Es ist am besten, nach einer Lohnnäherei in Ihrer Nähe zu suchen und sich über ihre Dienstleistungen und Preise zu informieren. Sie können auch Empfehlungen von anderen Unternehmen oder Designern einholen, die bereits mit Lohnnähereien zusammengearbeitet haben.
                  </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)">
                  Suchen Sie eine Lohnnäherei für Luxusmode in Deutschland oder Italien?
              </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)">
                      Ja, wir suchen eine Lohnnäherei für Luxusmode in Deutschland oder Italien. Wir benötigen hochwertige Handwerkskunst und Präzision bei der Herstellung unserer Produkte.
                  </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)">
                  Welche Arten von Nähzubehör werden für grundlegende Näharbeiten benötigt?
              </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)">
                      Für grundlegende Näharbeiten werden Nadeln, Nähgarn in verschiedenen Farben und Stoffschere benötigt. Zusätzlich sind Stecknadeln, Maßband und Schneiderkreide hilfreich. Ein Nähmaschine und passende Nähfüße sind ebenfalls wichtig für effizientes Nähen.
                  </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="/Nadeln" class="block">
                          Nadeln
                      </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="/Nähgarn" class="block">
                          Nähgarn
                      </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="/Stoffschere" class="block">
                          Stoffschere
                      </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="/Stecknadeln" class="block">
                          Stecknadeln
                      </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="/Maßband" class="block">
                          Maßband
                      </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="/Schneiderkreide" class="block">
                          Schneiderkreide
                      </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)">
                  Welche Arten von Nähzubehör werden benötigt, um professionelle Näharbeiten durchzuführen?
              </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)">
                      Um professionelle Näharbeiten durchzuführen, werden Nähmaschine, Nadeln, Garn, Scheren, Maßband und Stecknadeln benötigt. Zusätzlich sind auch Schneiderkreide, Bügeleisen, Nahttrenner und verschiedene Nähfüße wichtig. Hochwertiges Material und Werkzeug sind entscheidend für präzise und professionelle Ergebnisse.
                  </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="/Nähmaschine" class="block">
                          Nähmaschine
                      </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="/Nadeln" class="block">
                          Nadeln
                      </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="/Garn" class="block">
                          Garn
                      </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="/Scheren" class="block">
                          Scheren
                      </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="/Maßband" class="block">
                          Maßband
                      </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="/Stecknadeln" class="block">
                          Stecknadeln
                      </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>
  
  
      
  </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="">Lohnnäherei</span>
      </h2>
  
      <div id="related-terms" class="flex flex-wrap justify-center gap-4">
          
          
          <a href="/Näharbeiten"
             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">
              Näharbeiten
          </a>
          
          <a href="/Professionelle"
             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">
              Professionelle
          </a>
          
          <a href="/Benötigt"
             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">
              Benötigt
          </a>
          
          <a href="/Arten"
             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">
              Arten
          </a>
          
          <a href="/Nähzubehör"
             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">
              Nähzubehör
          </a>
          
          <a href="/Durchzuführen"
             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">
              Durchzuführen
          </a>
          
          <a href="/Stecknadeln"
             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">
              Stecknadeln
          </a>
          
          <a href="/Nadeln"
             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">
              Nadeln
          </a>
          
          <a href="/Schneiderkreide"
             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">
              Schneiderkreide
          </a>
          
          <a href="/Verschiedenen"
             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">
              Verschiedenen
          </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="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM29RRlN6ZTJ6a2M0elhUNGY0ZW9qcVxWWEpUMmptZW1QWWduO2tnSFN5T1pqSmdHdk1VRlhTZG07NVVJXDJkWnE1WEhYe2VvbTRTbnF2VmxmdVxwRDZZVzNXZEZIbFlaVEZVSVszUzNcUE5ZU3pmbU8zVFdMRGNZU3xYazNGZUUzWVZGXHBjNUhbV29TN1RHdklUbGk1TllMalNZdTZWb3oyZ0dTM1VwVG1PV2pPXElQW1ZaaTZPSXp1ZldlNVlvaTZPb3ZtU29yWVBGWFFRWTdNWG1YfFMzbjZjcE96ZUdyb1hHS29kWW5tUlZXN1FGR3lRRlt6UGxHNVBrXHJcRjIzUVZpek9GaTRPVlt6UHxbb2ZKTztPbEN7UFZDNk9WUz8=">
                      <input type="hidden" name="q">
                      <input type="hidden" name="search" value="VEVOR-Lederbearbeitungswerkzeug-92-tlg">
                      <input type="hidden" name="term" value="Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM29RRlN6ZTJ6a2M0elhUNGY0ZW9qcVxWWEpUMmptZW1QWWduO2tnSFN5T1pqSmdHdk1VRlhTZG07NVVJXDJkWnE1WEhYe2VvbTRTbnF2VmxmdVxwRDZZVzNXZEZIbFlaVEZVSVszUzNcUE5ZU3pmbU8zVFdMRGNZU3xYazNGZUUzWVZGXHBjNUhbV29TN1RHdklUbGk1TllMalNZdTZWb3oyZ0dTM1VwVG1PV2pPXElQW1ZaaTZPSXp1ZldlNVlvaTZPb3ZtU29yWVBGWFFRWTdNWG1YfFMzbjZjcE96ZUdyb1hHS29kWW5tUlZXN1FGR3lRRlt6UGxHNVBrXHJcRjIzUVZpek9GaTRPVlt6UHxbb2ZKTztPbEN7UFZDNk9WUz8=">
                  </form>
  
                  <!-- Product Image -->
                  <img class="w-full cursor-pointer min-h-[15rem]"
                       src="https:&#x2F;&#x2F;cdn.billiger.com&#x2F;dynimg&#x2F;shZxOCFvfDM1hQnAToWhDmXpJ53MH5lvA_hMn5zos5T_olRSBeQCSEAXhzSr2EMdZAE6IxlSnsZBO4KHDUTqj3I8OC7RVqMuLLoV3Y6NS6RKAny3nom2Wg&#x2F;598108616176_large.webp"
                       alt="VEVOR Lederbearbeitungswerkzeug 92 tlg Prägewerkzeug Stanzwerkzeug Näharbeiten"
                       onclick="submitForm('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM29RRlN6ZTJ6a2M0elhUNGY0ZW9qcVxWWEpUMmptZW1QWWduO2tnSFN5T1pqSmdHdk1VRlhTZG07NVVJXDJkWnE1WEhYe2VvbTRTbnF2VmxmdVxwRDZZVzNXZEZIbFlaVEZVSVszUzNcUE5ZU3pmbU8zVFdMRGNZU3xYazNGZUUzWVZGXHBjNUhbV29TN1RHdklUbGk1TllMalNZdTZWb3oyZ0dTM1VwVG1PV2pPXElQW1ZaaTZPSXp1ZldlNVlvaTZPb3ZtU29yWVBGWFFRWTdNWG1YfFMzbjZjcE96ZUdyb1hHS29kWW5tUlZXN1FGR3lRRlt6UGxHNVBrXHJcRjIzUVZpek9GaTRPVlt6UHxbb2ZKTztPbEN7UFZDNk9WUz8=')">
  
                  <!-- 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)">
                              VEVOR Lederbearbeitungswerkzeug 92 tlg Prägewerkzeug Stanzwerkzeug Näharbeiten
                          </div>
  
                          <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                title="VEVOR-Lederbearbeitungswerkzeug-92-tlg"
                                onclick="handleTitleClick('VEVOR Lederbearbeitungswerkzeug 92 tlg Prägewerkzeug Stanzwerkzeug Näharbeiten')">
                <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">VEVOR Lederbearbeitungswerkzeug 92 tlg Prägewerkzeug Stanzwerkzeug Näharbeiten All-in-One-Werkzeugset Flexible Optionen Einfach zu bedienen Hohe Qualität Ideales Geschenk Inklusive Aufbewahrungstasche Produktabmessungen (L x B x H): 34,8 x 13,4 x 0,1 Zoll &#x2F; 885 x 340 x 3 mm,Aufbewahrungstasche Typ: Aufbewahrungstasche aus Leder,Menge: 92,Produktgewicht: 5,29 lbs &#x2F; 2,4 kg,Artikelmodellnummer: 205</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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbXtXSXYyZ3BLb2VGM29RRlN6ZTJ6a2M0elhUNGY0ZW9qcVxWWEpUMmptZW1QWWduO2tnSFN5T1pqSmdHdk1VRlhTZG07NVVJXDJkWnE1WEhYe2VvbTRTbnF2VmxmdVxwRDZZVzNXZEZIbFlaVEZVSVszUzNcUE5ZU3pmbU8zVFdMRGNZU3xYazNGZUUzWVZGXHBjNUhbV29TN1RHdklUbGk1TllMalNZdTZWb3oyZ0dTM1VwVG1PV2pPXElQW1ZaaTZPSXp1ZldlNVlvaTZPb3ZtU29yWVBGWFFRWTdNWG1YfFMzbjZjcE96ZUdyb1hHS29kWW5tUlZXN1FGR3lRRlt6UGxHNVBrXHJcRjIzUVZpek9GaTRPVlt6UHxbb2ZKTztPbEN7UFZDNk9WUz8=')" 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: 58.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('Y0pUMmVKTzhOeztsZFk7bWZZeXdlNDt1ZlpUbmRvWDJmNDt7Y3s3bGQ0MnhbNDt2ZFk7d040M3hcSlh1XFpPeFtaRHJONFB2ZDRUM2RGO3ZbfDNYZ0lxN09JbX
endpoints.html_title: lohnnäherei.de - Schneiderei, Änderungsschneiderei, Näharbeiten, Nähmaschine, Textilien, Schneideratelier, Lohnnäherei
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: 148.251.45.195
[binary data, 4 values, 119 bytes]