<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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/getreidetaler-mit-erdmandeln-bio-45-g-18526">
          <img alt="Getreidetaler mit Erdmandeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9213/file/small-4059c7b7309dbdbde7fedb3eeb75602c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-6f8aca71c1386ecdc36dc4edb15fc44e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/large-1bea116e135372d417d601ebce1e4124.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-6f8aca71c1386ecdc36dc4edb15fc44e.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">Guggenloch</p>
          <a href="/products/getreidetaler-mit-erdmandeln-bio-45-g-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Getreidetaler mit Erdmandeln Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39CS4xIgu9fZxlrjzvkPORSdntw_LqLm00iO5KXXjv0UUyDBvgdalO7YmUh2OZtRs7Eko2oMzqGZ7Dg8RH4bLQ" />
    <input value="18526" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/vanille-jumbo-bio-65-g-18527">
          <img alt="Vanille Jumbo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/small-9db9ec75e1bf971ac7494a8e3b37cca9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-a5656d4e8739a67a708e20237d12a487.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/large-fe2ae500826ea721c0677ecfc6c5ce69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-a5656d4e8739a67a708e20237d12a487.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">Guggenloch</p>
          <a href="/products/vanille-jumbo-bio-65-g-18527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Jumbo Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9qdlPYWdMpjOxdv4FcJHzCs8aq3-YzLfas16vRSvnf49JNcfKbrT2_nbGFOtAtOkjBDQ0qtBXpggacxl9QYILg" />
    <input value="18527" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/vebugan-die-vegane-butter-bio-100-g-18528">
          <img alt="Vebugan die vegane Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/small-d9e2e844dbc0fa2ebddc5b92ed032b55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-3b934dd8b0529d7d40708429bd2173d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/large-538aec2a4046e5965e3b66b4d417cb99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-3b934dd8b0529d7d40708429bd2173d4.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">Guggenloch</p>
          <a href="/products/vebugan-die-vegane-butter-bio-100-g-18528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vebugan die vegane Butter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7KN05YNRdcsWyQCOrFm9rorr65TwY7_bnYvxmBzQ_xsnIMbHL3aUiCHXwyUUmSnGLcdR66VB05zXL0dA_Xlqyw" />
    <input value="18528" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/wienerwaffel-bio-70-g-18529">
          <img alt="Wienerwaffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/small-43c6fc308655e8ae7d52dd0e67ce9e37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-af4f3c66c83eb0a0f6bb0e1692c6eb4a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/large-d6fb253c4c4d3af10ce3de87b443f756.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-af4f3c66c83eb0a0f6bb0e1692c6eb4a.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">Guggenloch</p>
          <a href="/products/wienerwaffel-bio-70-g-18529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wienerwaffel Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbKFUKzLXK76ulCR7rUI9ynex4i1KqyE6dgEIwisclpmMTdyAOy97c2kkzpWdZyfjvJ99-AIwMOjfLL76QXnig" />
    <input value="18529" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/zimtblatt-bio-50-g-18530">
          <img alt="Zimtblatt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-4733185d05eb7ca7a478a4f764684912.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-42914c9f75c1b28150086051c6f17f78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-818bc157482f3bea4f04939471e443aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-42914c9f75c1b28150086051c6f17f78.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">Guggenloch</p>
          <a href="/products/zimtblatt-bio-50-g-18530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimtblatt Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6iVISo0icFof_jvztcUDbyDDJVyTZQq-Bby1ICXwTIEKycDhhNogl9hO0R2F4BlG6-26idv-G2yskQMYT5U4g" />
    <input value="18530" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schoko-knusper-musli-bio-250-g-18531">
          <img alt="Schoko Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10432/file/small-7824374d60ce8e345a2f36298fa5c83b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-fddda61504090ad8ca651268782d27d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10432/file/large-68738ccbeabeaa7376d83447621be4e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10432/file/medium-fddda61504090ad8ca651268782d27d9.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">Hammermühle</p>
          <a href="/products/schoko-knusper-musli-bio-250-g-18531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Knusper-Müsli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WfnBzJPbufbqxt62Q0XrzUL9tW5ULTA9JSK45WxggnKSenPuP_xYtd3YHR37hX-l5dEPEQEPXHpvhg49jckXog" />
    <input value="18531" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/salzstangen-mit-meersalz-bio-45-g-18532">
          <img alt="Salzstangen mit Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/small-e9c78955d86c4c7259bad1cd049cbaa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7de4dcfc30c15373557005bfc893b3d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/large-f8ab8142857f9f4fee98220f967859f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-7de4dcfc30c15373557005bfc893b3d8.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">Hammermühle</p>
          <a href="/products/salzstangen-mit-meersalz-bio-45-g-18532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salzstangen mit Meersalz Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZERLKpJwx37ZF_1CPpXZiZBoDELfcHRWSyTb3p_sOP-vx_kIPlcmPe4JPumGVU3hN0S2PYpSGBEBgG0GfkWtLw" />
    <input value="18532" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/gruntee-pur-teebeutel-demeter-20-stuck-18533">
          <img alt="Grüntee Pur Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/small-f082f6ce925355c236e4dbf0a6423625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9210/file/large-6b58608e00fba1c9ce2f7a4963cc9a0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9210/file/medium-d655da8638df17e7f95045c636cbda07.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">Hampstead</p>
          <a href="/products/gruntee-pur-teebeutel-demeter-20-stuck-18533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Pur Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fw_aI4afcvUJBfAkyKtkykP9YEkIv5riT2CYtCg_dFPcjGgBKriTtj4bM49wa_Ci5NHaNl2d9qUFxC5syZbhgw" />
    <input value="18533" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schwarztee-assam-teebeutel-bio-20-stuck-18534">
          <img alt="Schwarztee Assam Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/small-fcc3a95cbb34db031fd25c7cbb921cf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9211/file/large-3b779aa3d418439b695f94cdf2697090.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9211/file/medium-c6508dd0f7a8b2a2c3faa6c025ee2e67.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">Hampstead</p>
          <a href="/products/schwarztee-assam-teebeutel-bio-20-stuck-18534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Assam Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MSZGjiT0Igtg2eEvmdWjkWyDuToqq5c04BxfnywjCPr6pfSsiNPDSFfHIoQhFTf5y68DRX-J-3OquOlHzYqdKg" />
    <input value="18534" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
          <img alt="Schwarztee Darjeeling Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/small-ee08afb803b5de6034fd4b3c00ba6bf5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9212/file/large-b02e6a0a1dd7d720bfa5ed8d9fd7d14e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9212/file/medium-aa955d6b54d042ba67ae83dfdf20661a.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">Hampstead</p>
          <a href="/products/schwarztee-darjeeling-teebeutel-demeter-20-stuck-18535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Darjeeling Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9OZR0KfL0uczIbXmwXEea4h4RvCMgJr2z7kOJvFidIA_ZePyC-wzpAQ_dk15sYoDL1T8j9mi9rGFHbj-EMvhUA" />
    <input value="18535" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
          <img alt="Schwarztee Earl Grey Teebeutel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/small-888ab0eebf0f6f6b7022dce67ac132f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9697/file/large-e143557e60d9c27d3d55b5f7a4b2c35c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9697/file/medium-6bdd2c1d80af7245817397542567a3da.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">Hampstead</p>
          <a href="/products/schwarztee-earl-grey-teebeutel-demeter-20-stuck-18536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey Teebeutel Demeter, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FTQBe8GSaKgNKVSvOg2yKeecDHpDmXaAJ-PPpHkk9zfet7NZbbWJ6zo3lwSCzSZBQLC2BRa7GsdtR3l8mI1i5w" />
    <input value="18536" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schwarztee-earl-grey-offen-demeter-100-g-18537">
          <img alt="Schwarztee Earl Grey offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/small-ede642656857fe79677ae9f88f2d89ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/large-cfc6580bbf5f797d5a0477bd8103599b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-05230df181bba9b36599a41e9be77e5b.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">Hampstead</p>
          <a href="/products/schwarztee-earl-grey-offen-demeter-100-g-18537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Earl Grey offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MubEIS6M1-G4qFp_ykTkPcdED1W_shuLPGLtmQ1oCov5ZXYDgqs2oo-2mdRyhHBVYGi1KuqQd8x2xltB7MGfWw" />
    <input value="18537" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
          <img alt="Schwarztee English Breakfast Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9696/file/small-853987c4833d33618e24d0e16ba410d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9696/file/large-5aeda6eb73ad66b1b5fceddfdea32e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9696/file/medium-7fbff755f7c08a7cab8df7ba705e57c8.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">Hampstead</p>
          <a href="/products/schwarztee-english-breakfast-teebeutel-bio-20-stuck-18538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee English Breakfast Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBq5vVW53i-rz2RioG9RWq67mMkDYvYlA4xtx_MHC_SDmQuf-Z4_bJzRp8kYr8UyCZcitlZAmmJJKNsfEq6eJA" />
    <input value="18538" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/brotaufstrich-pikant-ds-konv-200-g-18539">
          <img alt="Brotaufstrich Pikant Ds konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10777/file/small-e2af8d78eafe748c687f0acc2975505d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10777/file/medium-ef9001e7ddf3c71b359109c86946f0b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10777/file/large-3a0b786ddc113b0c86efe87365813713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10777/file/medium-ef9001e7ddf3c71b359109c86946f0b5.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">Harmona</p>
          <a href="/products/brotaufstrich-pikant-ds-konv-200-g-18539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Pikant Ds konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G4b5xhVpWDITzQjWw9JwyvKCeXppvM6tQlWJaGcYJ3_QBUvkuU65cSTTy317EuSiVa7DBTyeouoI8T-whrGyrw" />
    <input value="18539" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/plantex-paste-nr-3-glas-konv-450-g-18540">
          <img alt="Plantex Paste Nr. 3 Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10163/file/small-529b6a85157fa4187988165c3880cc00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10163/file/medium-b0beacab2c7ac23130ac18ab763d7a4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10163/file/large-e19f83fe2b5e162e259733d418aeafa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10163/file/medium-b0beacab2c7ac23130ac18ab763d7a4c.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">Harmona</p>
          <a href="/products/plantex-paste-nr-3-glas-konv-450-g-18540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 3 Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IfJIxmr2Qqe72LMl-CX3crs5y0Mu_uKGOb6lM45-6kDqcfrkxtGj5IzGcI5A5WMaHBVxPHvcjsFzGhPrb9d_kA" />
    <input value="18540" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/plantex-paste-nr-1-bouillon-dose-konv-250-g-18541">
          <img alt="Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10149/file/small-f9cb8e4d3638a73461d99e2da50fb607.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-fc8eaa5479bfd8971b2ff93cbdb3803a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/large-5298d6af7102e7f3f417bfbb9f741f82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-fc8eaa5479bfd8971b2ff93cbdb3803a.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">Harmona</p>
          <a href="/products/plantex-paste-nr-1-bouillon-dose-konv-250-g-18541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 1 Bouillon Dose konv, 250 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 3.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r3c7_F9mxm7k66y5iUxuq3qYedHLkZt6BfAjapw5Pypk9Ine80EnLdP1bxIxjPrD3bTDrp6z9z1PVJWyfZCq-g" />
    <input value="18541" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/plantex-paste-nr-1-bouillon-dose-konv-500-g-18542">
          <img alt="Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/small-0cfff481755c918aba85125a4725bb38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-79a336b9ffef75a478307778cfebf51c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/large-c2469ecdbe8052c5df38d72af353a653.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-79a336b9ffef75a478307778cfebf51c.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">Harmona</p>
          <a href="/products/plantex-paste-nr-1-bouillon-dose-konv-500-g-18542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Plantex Paste Nr. 1 Bouillon Dose konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I0BZ_7xSYIhG153jjn9GuLmwoIn7QHYimMu4coE0x6Dow-vdEHWBy3HJXkg2v9LQHpwa9q5iGmXSbw6qYJ1ScA" />
    <input value="18542" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/hefe-frisch-bio-42-g-18543">
          <img alt="Hefe frisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11200/file/small-a60391e73619c612f89037c0d129d074.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11200/file/medium-90400443dc034646af9340d05cc0b5cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11200/file/large-b121b0a865eaf4cb39ea374d8f49e536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11200/file/medium-90400443dc034646af9340d05cc0b5cb.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">Bioreal</p>
          <a href="/products/hefe-frisch-bio-42-g-18543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe frisch Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VcdCnGHt8zGMbbLA-b7Eld_wpXEddIbpgof3IzOaxVmeRPC-zcoScrtzcWtBflD9eNwfDkhW6q7II0H70jNQiQ" />
    <input value="18543" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/alpen-yodl-energy-drink-bio-250-ml-18544">
          <img alt="Alpen Yodl Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/small-85ab2fc3c81733223c98771642df4f16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/large-5bdaa8372546f13eb25f6cf1908a9868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-cc12e40a3b24288d93795788272db50f.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">Holderhof</p>
          <a href="/products/alpen-yodl-energy-drink-bio-250-ml-18544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpen Yodl Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LFMmW388AeN11_yTEJJar0JY_sZ_HMEwErSTHK7VZo3n0JR50xvgoELJPzioUs7H5XREuSo-rXdYECXET3zzXQ" />
    <input value="18544" 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="/signup?return_to=%2Fcategories%2Ftempehmanufaktur%3Fformat%3Dturbo_stream%26page%3D50">
    <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="/products/limonade-grapefruit-bio-500-ml-18545">
          <img alt="Limonade Grapefruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/small-b5be030df947253432098b21337aff7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11371/file/large-e5cec2c1bb98582274c5f34ef30c65fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11371/file/medium-f6f1b719785f0fcc4eb0dae76569fde4.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">Holderhof</p>
          <a href="/products/limonade-grapefruit-bio-500-ml-18545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Limonade Grapefruit Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6yEsubgcgWFlQKNdBu_7_Q6MwLQtvuoJviTtcnQbfK0gop6bFDtgIlJeYPa-L2-VqaB6y3ichk70gFuqlbLpfQ" />
    <input value="18545" 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">
      1&#39;000 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/tempehmanufaktur?format=turbo_stream&amp;page=51">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>