<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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-wild-krauter-50-g-19021">
          <img alt="Tee Wild Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9569/file/small-9f2ce390314d7dcaf97f2ac8bc62dd05.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9569/file/medium-afe9c75551d5539508c2f0c80981c841.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9569/file/large-16b4ca864dcf6957f0ae76c508dce0bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9569/file/medium-afe9c75551d5539508c2f0c80981c841.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">Sonnentor</p>
          <a href="/products/tee-wild-krauter-50-g-19021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Wild Kräuter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nyL4-ylVFzpHp0MqaE6vwry6n4YzwlD3t4jO06Y6HpTwJ1ChvP0hmFURyiq7Bhm4WeTGpEfHjciNmrkVuPGL0A" />
    <input value="19021" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zaubertrank-bio-50-g-19022">
          <img alt="Tee Zaubertrank Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9559/file/small-d0900fb60186bd6e7200d4afbe11ac95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9559/file/medium-af7e7e8d1c6a899478682f0ceae7f3d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9559/file/large-4d443786e41c2d58f84911c03e11dcc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9559/file/medium-af7e7e8d1c6a899478682f0ceae7f3d6.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">Sonnentor</p>
          <a href="/products/tee-zaubertrank-bio-50-g-19022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zaubertrank Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G2b7d_-8qTcJl3Z37zs3qUQkxKPjsZbHR0qtguUWM6Z0Y1MtahSflRsh_3c8c4HToXqdgZe0S_h9WNpE-92m4g" />
    <input value="19022" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenmelisse-bio-18-beutel-19023">
          <img alt="Tee Zitronenmelisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/small-af7f1990778ae0c8e6764e8fa5d2db03.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-e0a8c8b6e1527f1023930d66d2007637.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9314/file/large-7f5faa484896e75b6a813ff25a38774f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9314/file/medium-e0a8c8b6e1527f1023930d66d2007637.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">Sonnentor</p>
          <a href="/products/tee-zitronenmelisse-bio-18-beutel-19023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelisse Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c0Vino6VcdVdvIUHZCahhc4Uimf80W4OKY4Pbuxqa3scQMrEGz1Hd08KDAe3bhf_K0rTRYjUszETnHio8qH-Pw" />
    <input value="19023" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenmelissen-demeter-50-g-19024">
          <img alt="Tee Zitronenmelissen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/small-1b66d52c079dd9f7a3e2c5dc8a85a244.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-0e48c29470357603f0d3e0c8b39c72cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10992/file/large-23301e56a1c4b53690796eac083db79a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10992/file/medium-0e48c29470357603f0d3e0c8b39c72cd.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">Sonnentor</p>
          <a href="/products/tee-zitronenmelissen-demeter-50-g-19024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelissen Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4pIZql7j_z_BQbf7y0u4iFinssegBfMr3bTvSAAxCo-Nl7Hwy0vJndP3PvsYAw7yvfnr5dQALhTnppiOHvqfyw" />
    <input value="19024" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenverbene-bio-18-beutel-19025">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/small-6a721c3d318a1e7da0acbe28ce516e26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-8087d96707fc3f77936513a02cae694f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9315/file/large-e714fbcb5dd3ebb5c47d1f8dcb9a5e7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9315/file/medium-8087d96707fc3f77936513a02cae694f.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">Sonnentor</p>
          <a href="/products/tee-zitronenverbene-bio-18-beutel-19025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Ze5CUQmdTn5-i2VwB9h8sDXEz4SqhpWn7VYo0Lh5aq2khFT0Y5Dm-tMpJUTV9eIJYlKHGavx2mlpy9lXCpw7g" />
    <input value="19025" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenverbene-bio-30-g-19026">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/small-9923dced56ba73fd1b2673222a04e183.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-d4a027bc8e0d9fe181b7192c1917588e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10993/file/large-51a95c9c8d05a553c9cb21a248e2bb27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10993/file/medium-d4a027bc8e0d9fe181b7192c1917588e.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">Sonnentor</p>
          <a href="/products/tee-zitronenverbene-bio-30-g-19026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="skNhrH9xpcrQNuu5Pem8pVDlVcviSEGy43K8GbJLfNDdRsn26tmTaMKAYrnuoQrftbsM6ZZNnI3ZYMvfrIDplA" />
    <input value="19026" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/zauberhaftes-kristalsalz-fein-150-g-19027">
          <img alt="Zauberhaftes Kristalsalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9577/file/small-26d03f7d02f2ea6788cbd57ac5d2dc2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9577/file/medium-2c3b0567a73d48997fc42a6539aa5067.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9577/file/large-a87a2c978ccc389a6f9bfba69e33a3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9577/file/medium-2c3b0567a73d48997fc42a6539aa5067.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">Sonnentor</p>
          <a href="/products/zauberhaftes-kristalsalz-fein-150-g-19027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l4AD1Tkq6HNUYNRc6cc74w9EHk8850k-0qyaOlx4mYf4hauPrILe0UbWXVw6j42Z6hpHbUjilAHovu38QrMMww" />
    <input value="19027" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/zauberhaftes-kristalsalz-fein-streudose-120-g-19028">
          <img alt="Zauberhaftes Kristalsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9568/file/small-5f2f197559515a5fc69624bd679caedd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9568/file/medium-7b00354a0aee8b6237ae5bc2f05bb88e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9568/file/large-15243eb5225cbdc4f090ecaa494026b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9568/file/medium-7b00354a0aee8b6237ae5bc2f05bb88e.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">Sonnentor</p>
          <a href="/products/zauberhaftes-kristalsalz-fein-streudose-120-g-19028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein Streudose, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cAGYKuukcaCq1rnNSHUD9Nj21zY0K8r5-qeu5IXESJEfBDBwfgxHArhgMM2bPbWOPaiOFEAuF8bAtdkimw_d1Q" />
    <input value="19028" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/burger-gemuse-rote-linse-2-x-80-g-19029">
          <img alt="Burger Gemüse rote Linse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9512/file/small-a5369e9a608bbe58fa56a045d6e8c0c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-8e9df782daf314fb8f47491d53d53946.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/large-9b0a32edf95020bd7910c17d88381a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-8e9df782daf314fb8f47491d53d53946.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">Soto</p>
          <a href="/products/burger-gemuse-rote-linse-2-x-80-g-19029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse rote Linse, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XENUkKTel3gFJjxpw-qLjn9H-CBoXnaVe-ZaT1K4-8gzRvzKMXah2heQtWkQoj30mhmhAhxbq6pB9C2JTHNujA" />
    <input value="19029" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/fruhlingsrollen-mini-china-bio-4-x-50-g-19030">
          <img alt="Frühlingsrollen Mini China Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9513/file/small-56e5038b4e171a07cfdb0ed45dcbe9ff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9513/file/medium-b3e180c3d7b3f73a7068ce920b8289a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9513/file/large-81cc88d7a0e91c29151d2300b57276f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9513/file/medium-b3e180c3d7b3f73a7068ce920b8289a1.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">Soto</p>
          <a href="/products/fruhlingsrollen-mini-china-bio-4-x-50-g-19030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frühlingsrollen Mini China Bio, 4 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kd1UqcEqT6lthISQF0VjfJZwjQ4PiwL0UslsSQ0Vl4L-2PzzVIJ5C38yDZDEDdUGcy7ULHuO38to2xuPE94Cxg" />
    <input value="19030" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/cereal-drink-hafer-bio-500-ml-19031">
          <img alt="Cereal Drink Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9716/file/small-400346d29e08f26ca0af246bbc4238e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9716/file/medium-cda3c4b94ce66c44f50d843fd116674b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9716/file/large-465ee64ae79f34a90998585b1437b759.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9716/file/medium-cda3c4b94ce66c44f50d843fd116674b.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">Soyana</p>
          <a href="/products/cereal-drink-hafer-bio-500-ml-19031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ImWU2UXvbETxfRVEs_HvVVupoTi9-2QaTe6kAw73nTBNYDyD0Eda5uPLnERguVkvvvf4Gsn-uSV3_NPFEDwIdA" />
    <input value="19031" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/cereal-drink-hafer-plus-calcium-bio-1-l-19032">
          <img alt="Cereal Drink Hafer Plus Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/small-acd3ec33bd4fbe5149bb4a361c8dfb15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-e3cc870d51cc1deba3ca4ce122570a6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9405/file/large-aca4c4343f2a2f686c4078ecf464d661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9405/file/medium-e3cc870d51cc1deba3ca4ce122570a6f.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">Soyana</p>
          <a href="/products/cereal-drink-hafer-plus-calcium-bio-1-l-19032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Plus Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbDR8xgAVR0ZHY41CU_VVTmiSY4FqaNqBDnReOaD0jSitXmpjahjvwurBzXaB2Mv3PwQrHGsflU-K6a--EhHcA" />
    <input value="19032" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/dinki-wurst-vegilat-bio-2-x-100-g-19033">
          <img alt="Dinki Wurst Vegilat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9940/file/small-61af352b669189b8c44dd428204d5e7a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9940/file/medium-86b36ec85026947bdf51cee1ef72f8bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9940/file/large-04a02b8c59df47c8ca04e3a808c9d362.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9940/file/medium-86b36ec85026947bdf51cee1ef72f8bc.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">Soyana</p>
          <a href="/products/dinki-wurst-vegilat-bio-2-x-100-g-19033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinki Wurst Vegilat Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w6i90j2A3E_6TIyLF9H5HQuPAifLjBKpJyg79ZdEDoisrRWIqCjq7ej6BYvEmU9n7tFbBb-Jz5YdOkwziY-bzA" />
    <input value="19033" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/hafer-drink-barista-bio-500-ml-19034">
          <img alt="Hafer Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9738/file/small-1743e032df731d0910f1908cd2ff8491.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-98e67add5cae5c13a52ac0518dd43ca7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9738/file/large-00cc7256b4b4366e0a91d0c80da0747c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9738/file/medium-98e67add5cae5c13a52ac0518dd43ca7.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">Soyana</p>
          <a href="/products/hafer-drink-barista-bio-500-ml-19034">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Barista Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aZukpp6RIwt-WNYhYhU3YES4A_lDTFPrkAv_iGEKBRwGngz8CzkVqWzuXyGxXYEaoeZa2zdJjtSqGYhOf8GQWA" />
    <input value="19034" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/hafer-drink-creamy-bio-500-ml-19035">
          <img alt="Hafer Drink Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9736/file/small-22551a65b69f2eb74dc553483274e47d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9736/file/medium-d7cf5a13a4867a729d2f408abb93fbb6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9736/file/large-b9c92e97714ff31dda8a998a5e563fa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9736/file/medium-d7cf5a13a4867a729d2f408abb93fbb6.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">Soyana</p>
          <a href="/products/hafer-drink-creamy-bio-500-ml-19035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Creamy Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uoxb55EzbF6IfD0AfLkOALdjnqm5c2DdBgzffOPadl_VifO9BJta_JrKtACv8bh6Uj3Hi812veI8Hqi6_RHjGw" />
    <input value="19035" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-drink-original-bio-500-ml-19036">
          <img alt="Soya Drink Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9968/file/small-e812cc3cc3823b17bece9670a7e25583.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-8a80f9ffdedf326def77364b41866303.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/large-d931ae6bf4a8e0a4046d4ae2ac13d15e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-8a80f9ffdedf326def77364b41866303.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">Soyana</p>
          <a href="/products/soya-drink-original-bio-500-ml-19036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Drink Original Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ouotBqoh5EYTpBZgihbpEeUgDj6-aQ1f2OSB0Jf-Lm3N74VcP4nS5AESn2BZXl9rAH5XHMps0GDi9vYWiTW7KQ" />
    <input value="19036" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-gehacktes-bio-200-g-19037">
          <img alt="Soya Gehacktes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9718/file/small-305eb1758d69c1263ebc66ee0e20828f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9718/file/medium-c1eaec34e7fb39cc0cd928398fb8b7a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9718/file/large-36483d95de588aabd429aca202381d96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9718/file/medium-c1eaec34e7fb39cc0cd928398fb8b7a1.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">Soyana</p>
          <a href="/products/soya-gehacktes-bio-200-g-19037">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Gehacktes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWRPE1yTrfupRbMAUfGAw-0aIr2JpV1uR3tloNRsoNzuYedJyTubWbvzOgCCuTa5CER7n_2ggFF9aRJmyqc1mA" />
    <input value="19037" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-geschnetzeltes-curry-bio-200-g-19038">
          <img alt="Soya Geschnetzeltes Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9969/file/small-03281c76e3597ad93e48555ef4e3a9de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9969/file/medium-776ecd4bca2312617f1b5932cc040360.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9969/file/large-4274171b48bf87f113eb439834906fac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9969/file/medium-776ecd4bca2312617f1b5932cc040360.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">Soyana</p>
          <a href="/products/soya-geschnetzeltes-curry-bio-200-g-19038">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Geschnetzeltes Curry Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KXGVO4K3aIDC3-dISFtcgW2DvAZMQUzmm-UC1DDnTs9GdD1hFx9eItBpbkibE-r7iN3lJDhEkdmh93USLizbiw" />
    <input value="19038" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-klosse-bio-200-g-19039">
          <img alt="Soya Klösse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9717/file/small-d9b171b3765c51c953a985de971ade5a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9717/file/medium-1ef2a77f7e32dfdac7cc3f9e8d0ecb97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9717/file/large-11834f6812c92710f24d57e07b212704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9717/file/medium-1ef2a77f7e32dfdac7cc3f9e8d0ecb97.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">Soyana</p>
          <a href="/products/soya-klosse-bio-200-g-19039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Klösse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-AHoo6-lVT05ziwFsuYQoKpmOhRSCl_uNtom2hLHS_6XBED5Og1jnyt4pQVhrqbaTzhjNiYPgtEMyFEcDAzeug" />
    <input value="19039" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D73">
    <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/6-korn-flocken-demeter-500-g-19040">
          <img alt="6-Korn Flocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9947/file/small-48a54ee8983d8e6bcaf60cb843a6ed01.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9947/file/medium-f0fe9d91dc270ac3025cd78cb7b7d6de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9947/file/large-da4523fb1dfc07e34d484a19c209893c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9947/file/medium-f0fe9d91dc270ac3025cd78cb7b7d6de.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">Spielberger Mühle</p>
          <a href="/products/6-korn-flocken-demeter-500-g-19040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">6-Korn Flocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdlyHyJEIaXbO3xN87d-ZUwm1geu1Ey0RiaJobqBlntS3NpFt-wXB8mN9U0g_8gfqXiPJdrRkYt8NP5npEoDPw" />
    <input value="19040" 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;460 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/speick?format=turbo_stream&amp;page=74">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>