<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/suppenloffel-schwarz-einzeln-verpackt-500-stuck-16777">
          <img alt="Suppenlöffel schwarz einzeln verpackt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7795/file/small-7b9d4286c67cebe29beee17c6d967a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.webp 900w, https://assets.fabulous.ch/public/variant_asset/7795/file/large-ffc4f2e7ccfee0bc3bbebb6141f62fbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">naturesse</p>
          <a href="/de/products/suppenloffel-schwarz-einzeln-verpackt-500-stuck-16777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppenlöffel schwarz einzeln verpackt, 500 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.11 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16777-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bxc6PcTwpw5-6OzuWPpDdP5PPRCpbcQyicXveOKT-v_VTbvqoLhDiHAwhU6wCSH3AXbDER_87ngt3hQV3ErluQ" />
    <input value="16777" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/brotbeutel-230-x-210-x-2x35-mm-500-stuck-16779">
          <img alt="Brotbeutel 230 x 210 x 2x35 mm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7798/file/small-4b79d2a90963565593b6ea797be7412f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7798/file/medium-6510c708a19533826552d32af3159ca6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7798/file/large-3c284588f68f3c8601c985ff351c9fb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7798/file/medium-6510c708a19533826552d32af3159ca6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">naturesse</p>
          <a href="/de/products/brotbeutel-230-x-210-x-2x35-mm-500-stuck-16779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotbeutel 230 x 210 x 2x35 mm, 500 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.09 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16779-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RlhNJ3Pb72tYHzQUJHx3J61uKzwpOzO3H8II16gP1ZiUAszwF5ML7VbHXbTMjxWkUlfVPZ-qGf272fO6ltbK3g" />
    <input value="16779" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/le-pain-des-fleurs-blumenbrot-mandel-bio-150-g-16780">
          <img alt="Le Pain des Fleurs Blumenbrot Mandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7800/file/small-080e361e852b06d5021bc1970f41c25f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7800/file/medium-b9d8273019f1d39bc8c2d33387059b8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7800/file/large-3e1a3fbc5b9b9735b5327365837b4f4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7800/file/medium-b9d8273019f1d39bc8c2d33387059b8c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-mandel-bio-150-g-16780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le Pain des Fleurs Blumenbrot Mandel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16780-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IvAkjc-Yp5TlRQoDmTXg9fJXpWKlN4nIpyE4wC-YyLzwqqVaq9BDEuudY6NxxoJ2DW5bYxOmo4IDOsOtEUHX-g" />
    <input value="16780" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gottlieber-huppen-tradition-15-g-16789">
          <img alt="Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7805/file/small-b2583d64e05e92d5c960009487dc96e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7805/file/medium-00b9e21c8833e8bd3e720b68422f0c8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7805/file/large-99d4192207581f9b45471b605d11c272.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7805/file/medium-00b9e21c8833e8bd3e720b68422f0c8d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-huppen-tradition-15-g-16789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Tradition, 10 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.20 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16789-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gottlieber-huppen-tradition-15-g-4ea3ab44-6e02-40d2-a9cd-d238c8afee9a-16790">
          <img alt="Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7804/file/small-d9bbe8a60a50c6380be816790d1a716f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7804/file/medium-b80b655d3daebcb190274d76f0b10a0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7804/file/large-b971417d1a3469e7f7314e85fd20ec7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7804/file/medium-b80b655d3daebcb190274d76f0b10a0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-huppen-tradition-15-g-4ea3ab44-6e02-40d2-a9cd-d238c8afee9a-16790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Tradition, 20 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.20 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16790-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qOiHAG_l-w50zmR-MJtJqAFHNZNEKeuJSirRO61jWmd6sgbXC60fiHoWDd7YaCsr_n7LkvK4wcPuMSpWk7pFIQ" />
    <input value="16790" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mini-gottlieber-huppen-tradition-150-g-16791">
          <img alt="Mini Gottlieber Hüppen Tradition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7806/file/small-dc134b0f2ada050d75700481a8a153b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7806/file/medium-60c6f05603be520dd1ca80cf65e21186.webp 900w, https://assets.fabulous.ch/public/variant_asset/7806/file/large-dee9a8d569fadbfda46f5363965560be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7806/file/medium-60c6f05603be520dd1ca80cf65e21186.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gottlieber Hüppen</p>
          <a href="/de/products/mini-gottlieber-huppen-tradition-150-g-16791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Gottlieber Hüppen Tradition, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16791-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-16792">
          <img alt="Gottlieber Black Special Grand Cru Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7807/file/small-7eafba548ba7323a3a0f162d643a07a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.webp 900w, https://assets.fabulous.ch/public/variant_asset/7807/file/large-beda81c48a066995303ca9cfa6ec696e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7807/file/medium-82d252270748f035e2075a68f0f89a32.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-black-special-grand-cru-sackli-a-10-huppen-170-g-16792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Black Special Grand Cru Säckli à 10 Hüppen, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.35 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16792-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="feqr1r7Dhd1UjdlKHCHvRWNbbBTddTLGndBQv3bnV0WvsCoB2othW1pVsOr00o3GnGKSFWvkGIw5y6vSSD5IAw" />
    <input value="16792" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/waterlovers-destiller-mkii-auffangbehalter-aus-glas-1-stuck-16794">
          <img alt="Waterlovers Destiller MKII Auffangbehälter aus Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7808/file/small-136352c034b752be27cc06b64236e8a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7808/file/medium-6494d91fb574599d0616caef10115a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7808/file/large-00875b1e0af524593962666951c42d96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7808/file/medium-6494d91fb574599d0616caef10115a5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Waterlovers</p>
          <a href="/de/products/waterlovers-destiller-mkii-auffangbehalter-aus-glas-1-stuck-16794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waterlovers Destiller MKII Auffangbehälter aus Glas, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 49.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16794-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u79S5TBaIHa_ijuHYwVARScSYgi4Th7ikawFvdoEOGdp5dMyVBLE8LFSUieL9iLG2CucCQ7fNKg1t_7Q5N0nIQ" />
    <input value="16794" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-soja-bio-3-x-250-ml-0fde8181-d4c3-495c-8393-a7cf2ffb5425-16808">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7824/file/small-2ed3659daa43680d2b238b668c9014f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7824/file/medium-355a3fe79dce845ada5cbcfc1f6f974f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7824/file/large-dee3d8cf588ed85d8289f8c7ce0aa976.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7824/file/medium-355a3fe79dce845ada5cbcfc1f6f974f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alpro</p>
          <a href="/de/products/cuisine-soja-bio-3-x-250-ml-0fde8181-d4c3-495c-8393-a7cf2ffb5425-16808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Soja Bio, 3 x 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.80 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16808-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JF1HRk3dcJaKBbMHU4BuFSETHVo4E9ym1vD-n9BWaev2B8aRKZWUEITd2qe7cwyW3irjW46C9uxy6wXy7o92rQ" />
    <input value="16808" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
          <img alt="Gottlieber Morgensünde Hausgemachte Pralinécrème" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7831/file/small-4f3e15eb17117333bd92ccbdbd1cbecf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7831/file/large-92b0adaaacc1a154dce98eb40b1e6106.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7831/file/medium-7aa2b549839ea16a9f25319052ca15c0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-morgensunde-hausgemachte-pralinecreme-150-g-16814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Morgensünde Hausgemachte Pralinécrème, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16814-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/susskartoffel-glas-spaghetti-bio-250-g-16827">
          <img alt="Süsskartoffel Glas Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7834/file/small-24c7b36ea5cb5e4012fd24d717682106.webp 600w, https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7834/file/large-70ed53b9a465f038b135f7424731ef52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Just Taste</p>
          <a href="/de/products/susskartoffel-glas-spaghetti-bio-250-g-16827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Süsskartoffel Glas Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.20 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16827-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5WzWGZ4yVe1RMcRFf_55-1lyyj3EC92xfkDTta9adK83NlfO-nqxa1_preWXDRt4pks0PHKa9_vaWyjYkYNr6Q" />
    <input value="16827" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-natural-creamy-vanilla-30-ml-16835">
          <img alt="Make-Up Natural Creamy vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7842/file/small-a73f6f015f6bb1c26f49a8250d83e101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7842/file/medium-5af7d3a81d4eb29d15046ebdbef92835.webp 900w, https://assets.fabulous.ch/public/variant_asset/7842/file/large-05954dae052ecdb2e97284f920d5a3c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7842/file/medium-5af7d3a81d4eb29d15046ebdbef92835.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/make-up-natural-creamy-vanilla-30-ml-16835">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make-Up Natural Creamy vanilla, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.67 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16835-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RFWoqZJRy8lCwt5fz7kGO8v3QHlklLF7Kb9X1cwqEFCWDyl-9hkvT0wat_8nSmS4NM6-eNIFmzGNpKy48vMPFg" />
    <input value="16835" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-natural-creamy-cream-30-ml-16836">
          <img alt="Make-Up Natural Creamy cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7845/file/small-3fd0525097f8f7f326140289cbb242ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7845/file/medium-aad2bc9a72216aec8773fbfe862e526b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7845/file/large-4f00a64fac4f88338b110953857c8ef8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7845/file/medium-aad2bc9a72216aec8773fbfe862e526b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/de/products/make-up-natural-creamy-cream-30-ml-16836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make-Up Natural Creamy cream, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 27.67 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16836-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MgWMVVvhJcvVspTb-Zhrlm3M-6f-TCbaol4YkuSMBhjgXw2CP6nBTdtq_XsRawkVkvUFpkjdDJAGReP_2lUZXg" />
    <input value="16836" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/quinoa-schweiz-grossgebinde-biosuisse-5-kg-16837">
          <img alt="Quinoa Schweiz Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7847/file/small-5670d1eca8e1b382261eef74e227b7fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7847/file/medium-88cfc4c962ff43d452409a024d6b8f41.webp 900w, https://assets.fabulous.ch/public/variant_asset/7847/file/large-54eff08c941ab57642423441152c78f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7847/file/medium-88cfc4c962ff43d452409a024d6b8f41.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/quinoa-schweiz-grossgebinde-biosuisse-5-kg-16837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Schweiz Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 125.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.50 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16837-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hefeflocken-grossgebinde-5-kg-16845">
          <img alt="Hefeflocken Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7849/file/small-2960286a2ca82b020b1c79cc398b4bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7849/file/medium-65760efbe0863bbd51940355836d8779.webp 900w, https://assets.fabulous.ch/public/variant_asset/7849/file/large-b57e3171ae7e0f336f830f62fb9dbd68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7849/file/medium-65760efbe0863bbd51940355836d8779.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">VITAM</p>
          <a href="/de/products/hefeflocken-grossgebinde-5-kg-16845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefeflocken Grossgebinde, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.85 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16845-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJPGgfK9S3fXr5nu0y_HubZ2F1pYGBgIFjYupQv2rAx-yUdWlvWv8dl38E473KU6SU_pW-6JMkKyLdXINS-zSg" />
    <input value="16845" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/immun-kinder-mundspray-mit-echinacea-zink-und-vitaminen-25-ml-16848">
          <img alt="Immun Kinder Mundspray mit Echinacea + Zink und Vitaminen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7850/file/small-9d104348ffe63d5dabb5d628b7f4c242.webp 600w, https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7850/file/large-d57f29fbe90e38ae59aa26c5a845d999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7850/file/medium-d9a02a1d1b2ddbf40f8b14d528a9600f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">energybalance</p>
          <a href="/de/products/immun-kinder-mundspray-mit-echinacea-zink-und-vitaminen-25-ml-16848">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Immun Kinder Mundspray mit Echinacea + Zink und Vitaminen, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 59.60 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16848-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wFvW3JwlhfZyXbBRT-oP_idBRhaIVXc04YvWS4Jd9V8SAVcL-G1hcHyF2fGnGW192Hi4Fz7EXX5FkC0mvITqGQ" />
    <input value="16848" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/birnel-biofarm-dispenser-bio-250-g-16849">
          <img alt="Birnel Biofarm Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7853/file/small-87a63c99e010faa471e36e843e24b2c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7853/file/medium-581ce070c9efa2e1b7b9e3db64ad1c74.webp 900w, https://assets.fabulous.ch/public/variant_asset/7853/file/large-96924e17967bdfaa39537f477de9ab1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7853/file/medium-581ce070c9efa2e1b7b9e3db64ad1c74.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/birnel-biofarm-dispenser-bio-250-g-16849">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birnel Biofarm Dispenser Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.56 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16849-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VeWUceDwL48jSnwc5hhXWXEPwHSBaI0DfjKoy0BNLMaHvxWmhLjLCS2SFbwO6zXajjY-dTf5p0naKVOmfpQzgA" />
    <input value="16849" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/biber-m-saisonmotiv-bio-140-g-16859">
          <img alt="Biber-M Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7866/file/small-96c12a5561b379d3d408d350a7ff8699.webp 600w, https://assets.fabulous.ch/public/variant_asset/7866/file/medium-2ba63db10d95e5880592cd4159f046df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7866/file/large-09dbbc4919380ddb37f3b87163201ed9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7866/file/medium-2ba63db10d95e5880592cd4159f046df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-m-saisonmotiv-bio-140-g-16859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biber-M Saisonmotiv Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.93 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16859-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mungbohnen-chips-bio-50-g-16872">
          <img alt="Mungbohnen Chips Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7868/file/small-ea2945d6985bd732ac31798e7263c4fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7868/file/medium-878dae2ec437519121cde9924cbab853.webp 900w, https://assets.fabulous.ch/public/variant_asset/7868/file/large-bf415951df08dac73b24bae79b99064c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7868/file/medium-878dae2ec437519121cde9924cbab853.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/mungbohnen-chips-bio-50-g-16872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mungbohnen Chips Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.20 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16872-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdrinks%2Ftea%3Fformat%3Dturbo_stream%26page%3D151">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fingerfarben-aki-rot-blau-gelb-und-grun-120-g-16873">
          <img alt="Fingerfarben &quot;Aki&quot; rot, blau, gelb und grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7870/file/small-6b5091f810a19083da7b8e625e074b82.webp 600w, https://assets.fabulous.ch/public/variant_asset/7870/file/medium-d3da6358aea249496185d6f773ae88b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7870/file/large-26cb6cfe2164e027e0abc2091f9c5293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7870/file/medium-d3da6358aea249496185d6f773ae88b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/de/products/fingerfarben-aki-rot-blau-gelb-und-grun-120-g-16873">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fingerfarben &quot;Aki&quot; rot, blau, gelb und grün, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 25.63 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16873-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P34tyGL9cLGI8yWX44h4hyES_0nz4-6P6zNWlWbs-PbtJKwfBrWUN4YrTDcLexoE3isBSEVyxMVPKK34WDXnsA" />
    <input value="16873" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      3&#39;020 von 3&#39;288 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/drinks/tea?format=turbo_stream&amp;page=152">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>