<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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/schwarzkummelol-nativ-demeter-50-ml-18746">
          <img alt="Schwarzkümmelöl nativ Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10081/file/small-0046afe3f42084d5562bf22d19a98057.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10081/file/medium-8ce9fc44fa254d13b2eb6b4c3c09b570.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10081/file/large-21a761f3bda2252a79ade8aac610b91e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10081/file/medium-8ce9fc44fa254d13b2eb6b4c3c09b570.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">NaturKraftWerke</p>
          <a href="/products/schwarzkummelol-nativ-demeter-50-ml-18746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl nativ Demeter, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87CLyOergzmx_dy-b7Aqqrxgp3F8cpVM5_2f8dQm_VGt0TXWGLVpNyQ1x7T_KS0570Fh8I8Ls6QR4tKDc0IUNw" />
    <input value="18746" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/sesamsamen-schwarz-bio-100-g-18747">
          <img alt="Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9254/file/small-9935e2ec249d8737b5bf10f626109a6c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9254/file/medium-831e77e7ffdbf9d7d2d78d6628480134.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9254/file/large-0904177197d1ead03242e8aafb9f98be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9254/file/medium-831e77e7ffdbf9d7d2d78d6628480134.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">NaturKraftWerke</p>
          <a href="/products/sesamsamen-schwarz-bio-100-g-18747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamsamen Schwarz Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ApKnCYSfsv8wNO66CHII9qY5L5nzvL5aOc_S1I37MtNc8xkXe4FY8aX89bCY6w9l9RjpGADFmLLP0J-mKp_btQ" />
    <input value="18747" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/sesamsamen-schwarz-bio-250-g-18748">
          <img alt="Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/small-e330b1628558402c21d9a3c0a0e8ed6b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-5d4ec3c093c9d46dcced01fe83d52a9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/large-7d649a0847567ffebae9e50cabaa83f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-5d4ec3c093c9d46dcced01fe83d52a9a.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">NaturKraftWerke</p>
          <a href="/products/sesamsamen-schwarz-bio-250-g-18748">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamsamen Schwarz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </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-18748-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eCKUfw_nVpTTxYOqGPPN6WFcYHSFafw2qpkMzieOUBwmQyph8Pm8mkYNmKCIasp6Mn2m9XYQ2t5chkG8gOq5eg" />
    <input value="18748" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/spirulina-california-presslinge-500-stuck-18749">
          <img alt="Spirulina California Presslinge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/small-6729a1b34f42c0b2aa31c9fa5bd0f7bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-b1af5790a707c94e47726888c68a6011.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/large-00d183db466e88ba80476b1e7bcb0239.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-b1af5790a707c94e47726888c68a6011.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">NaturKraftWerke</p>
          <a href="/products/spirulina-california-presslinge-500-stuck-18749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirulina California Presslinge, 500 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2MEkcOcSEeBn2K7xtkONfkBVDd4W9-4UW0BKrZuKscaGoJpuGAz77vIQtfsm2ortE3TLX-WOyPytXwffPO5YoA" />
    <input value="18749" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/spirulina-california-pulver-100-g-18750">
          <img alt="Spirulina California Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9256/file/small-3e08554d8be0351ea777e8b8d6ca6b70.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9256/file/medium-f1fc44a3d2b19ac2093bc935713e71be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9256/file/large-3ef4adfa98d50afdf52e53c058964331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9256/file/medium-f1fc44a3d2b19ac2093bc935713e71be.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">NaturKraftWerke</p>
          <a href="/products/spirulina-california-pulver-100-g-18750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirulina California Pulver, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e1-ZxYSNlvjqXcrilmB14vsdeRGSmpqefNRX6UjI_gwlPifbe5N89n-V0egG-XJxqDy_kGHjvHaKyxqb76wXag" />
    <input value="18750" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/sussholzwurzel-bio-75-g-18751">
          <img alt="Süssholzwurzel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/small-fe6470bc6ac1fe9e188256c393c09847.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-be05505e0801a92468ae9f11a7d19d32.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/large-e9759540b82e2f74302b80fec1a9434b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-be05505e0801a92468ae9f11a7d19d32.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">NaturKraftWerke</p>
          <a href="/products/sussholzwurzel-bio-75-g-18751">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Süssholzwurzel Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cyYAmgYat888KWYoH-VkVjUoEWhQnVxlAWlMo8wvI6stR76E-QRdwanhfSKPfGPFZgnX6aPkeo33dgHRa0vKzQ" />
    <input value="18751" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/rauchertofu-bio-200-g-18752">
          <img alt="Räuchertofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9990/file/small-b687d3f0e6492e0a771ad370fc7dd1e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9990/file/medium-4cda7304cbec8e2d11bf72a5327505ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9990/file/large-790db9b69614586c78a87f10d84a1061.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9990/file/medium-4cda7304cbec8e2d11bf72a5327505ec.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">Noppas</p>
          <a href="/products/rauchertofu-bio-200-g-18752">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räuchertofu Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="56EABDJInibACOuTD4zxVjuY8oH40rEYBsBLRNRFQc65wL4azVZ0KFXA8JmfFfbFaLk0AAurl_Dw3wY2cyGoqA" />
    <input value="18752" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tofu-a-la-minute-gewurzt-bio-200-g-18753">
          <img alt="Tofu à la Minute gewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/small-0b45d8d85aa7ccf3e3a499bfe56e6c50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-8dabb8367a8eaa8aec92663e4b050fe3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/large-f6623b974f15032a37cacc5a6fa703ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-8dabb8367a8eaa8aec92663e4b050fe3.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">Noppas</p>
          <a href="/products/tofu-a-la-minute-gewurzt-bio-200-g-18753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu à la Minute gewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWiaN62vquiIxcVEgt_DcYyNkQde2fRkVKqL1Yg82cIDCSQpUrFA5h0N3k4SRsTi36xXhq2g0oyitcanL1gwpA" />
    <input value="18753" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tofu-nature-bio-200-g-5068d111-1b59-4015-8f23-1f6092f3426f-18754">
          <img alt="Tofu Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/small-ee5e698404136b33f710d04530f692b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-289622bdb3fd4ecc20862540eb26e8af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/large-29364846742b924fb4bdf1fd12ae2ecf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-289622bdb3fd4ecc20862540eb26e8af.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">Noppas</p>
          <a href="/products/tofu-nature-bio-200-g-5068d111-1b59-4015-8f23-1f6092f3426f-18754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9wTHHEbbdsxGyWqNGcuS4v0aAMSDzwCR9Ed2f4TqJeqpZXkCucWcwtMBcYeJUpVxrjvGRXC2JnkCWDsNI47MjA" />
    <input value="18754" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tofu-piccata-bio-165-g-18755">
          <img alt="Tofu Piccata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9991/file/small-24294255d6a26cf3dce88819ef565611.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9991/file/medium-047842a1f6b4c45761d521aafaddc373.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9991/file/large-618a1176d985c62b64d3eba870c24f68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9991/file/medium-047842a1f6b4c45761d521aafaddc373.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">Noppas</p>
          <a href="/products/tofu-piccata-bio-165-g-18755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Piccata Bio, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RBDrnckfz4h2-TqIAMvBP3PDd-dETHUUtsOL7wBPtFEacVWDNgElhuMxIYKQUsasIOKxZrc1U_xA3MadpytdNw" />
    <input value="18755" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/vegi-bratwurst-bio-200-g-18756">
          <img alt="Vegi Bratwurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9992/file/small-da417fccb34e66b52c658d79bfdf164d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9992/file/medium-74892d8f7355c2557bf4af1790d5ab33.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9992/file/large-31ddc13a374aee9458ae6a5e18eb04e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9992/file/medium-74892d8f7355c2557bf4af1790d5ab33.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">Noppas</p>
          <a href="/products/vegi-bratwurst-bio-200-g-18756">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegi Bratwurst Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aphDQi9jVpicl6PzHHPVdCDyHON1V75Eyz-GdPfHjPQ0-f1c0H28lglfuPmM6tLnc9PaYoYumKw9IMsGUKNlkg" />
    <input value="18756" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/cusco-100-oz-bio-70-g-18757">
          <img alt="Cusco 100% oZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9478/file/small-bae7c00a0e9f5006c68acbbc9ed03ab6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9478/file/medium-e5457f8c5f3895e576a2f41e143b1c9f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9478/file/large-e9e79c61685e2dbe90d20dc0e81644b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9478/file/medium-e5457f8c5f3895e576a2f41e143b1c9f.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">OriginalBeans</p>
          <a href="/products/cusco-100-oz-bio-70-g-18757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cusco 100% oZ Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="te92Nv6KcELQCDpK-V_3rYrMCxvPLP1Q8Mrc-iygX6PrjsgoAZSaTEXAIUBpxvA-2e3NmjxV27gG1ZGIi8S2xQ" />
    <input value="18757" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/femmes-de-virunga-55-bio-70-g-18758">
          <img alt="Femmes de Virunga 55% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9479/file/small-f81e9f1b1a13119c167f8383424c5ba0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9479/file/medium-0ceeeebe32fe4c9e7ad8bdc0a51d9fa8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9479/file/large-9acc04557e23f9ccefcdf23016860b28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9479/file/medium-0ceeeebe32fe4c9e7ad8bdc0a51d9fa8.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">OriginalBeans</p>
          <a href="/products/femmes-de-virunga-55-bio-70-g-18758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Femmes de Virunga 55% Bio, 70 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 11.29 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6aLjLsYvgY7JdwOgJKvkbP1sTQD6UhN9uecsxsxs68dxzWSRAZUCK7txwQQC6gC4NR3tfCQbqUA-NHBvFVayQ" />
    <input value="18758" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/piura-75-bio-70-g-18759">
          <img alt="Piura 75% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/small-d65c4bde7fa76d337e7933f042fd6710.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-bd455435fed0b8dd400f6d96b4ac2ef7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/large-a2f7def0478a47393cd9bde719c02b84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-bd455435fed0b8dd400f6d96b4ac2ef7.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">OriginalBeans</p>
          <a href="/products/piura-75-bio-70-g-18759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Piura 75% Bio, 70 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 11.29 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BTIv2qiy0hEprEF7lyRcGoOgra9B8Kl7qxyzyo8S3vxbU5HEV6w4H7xkWnEHvVuJ0IFrLrKJj5NdA_64KHY3mg" />
    <input value="18759" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/streuwurze-bio-80-g-18760">
          <img alt="Streuwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-ca848984116db9832693d49678b74f0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-b6e66f126b66138a1e9f06df986fc27e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-9e02c4463e7ff05fc571acfe415e7f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-b6e66f126b66138a1e9f06df986fc27e.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">Pfiffikuss</p>
          <a href="/products/streuwurze-bio-80-g-18760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streuwürze Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ixLJpU5Ne2v89uK4M6Rv-XETaY-KuY3Y50YKAn86ceTVc3e7sVORZWk--bKjPWhqIjKvDnnAqzARWUdw2F6Ygg" />
    <input value="18760" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/reis-fusilli-vk-bio-250-g-18761">
          <img alt="Reis Fusilli VK Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/small-e3b568aa59542400d82c0da49ea8fe31.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-33577caa0ee1d89ef9ef16e3dbae00a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/large-5386515c8505a8a1b360aa0d198e0f68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-33577caa0ee1d89ef9ef16e3dbae00a8.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">Probios</p>
          <a href="/products/reis-fusilli-vk-bio-250-g-18761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Fusilli VK Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_QOhtQgk8oPzqZ4yhRn6cDFzshEt6fdjjydYK7pEF8ijYh-r9zoYjWZhhTgVgP3jYlJ0kN6Q0Yt5OBVZHSD-rg" />
    <input value="18761" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tea-after-dinner-bio-20-x-1-8-g-18762">
          <img alt="Tea After Dinner Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/small-9cded2d3634e04d6a3994dbe1896eaa0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-d1f9b3275eede6bce5d76f62e569c195.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10686/file/large-570fbe9bb49884fb0dcc49aad68d5dc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10686/file/medium-d1f9b3275eede6bce5d76f62e569c195.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">Pukka</p>
          <a href="/products/tea-after-dinner-bio-20-x-1-8-g-18762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea After Dinner Bio, 20 x 1.8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eC0nVF6C1drEnOFjlbYB2PFmQIcsvYiF46WMozXXrcYmTJlKoZw_1FFU-mkFLwZLokeGBt_Erm0VusHRkrNEoA" />
    <input value="18762" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tea-holunderbeere-und-echinacea-bio-20-beutel-18763">
          <img alt="Tea Holunderbeere und Echinacea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/small-a7eb345be176e4c10a17059163194961.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-0ba8c39bac27b67495886685e923123a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/large-9002894a51dbb44d7e34349970aea731.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-0ba8c39bac27b67495886685e923123a.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">Pukka</p>
          <a href="/products/tea-holunderbeere-und-echinacea-bio-20-beutel-18763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Holunderbeere und Echinacea Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oIrnvDBwt_H01TY8ENIBVdn_NMvtn0BBH0d0O46wJi_-61miz25d_2EdLTaASwbGit7ySh7mZqnpWDlJKdTPSQ" />
    <input value="18763" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tea-love-bio-20-x-1-2-g-18764">
          <img alt="Tea Love Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/small-354a73ad5fbdfe8150c2c8f3d6d2c7cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-d000b63def13edc142146a7bcbff2bda.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/large-00e110ecca9b4d760da62cdaf9e73d74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-d000b63def13edc142146a7bcbff2bda.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">Pukka</p>
          <a href="/products/tea-love-bio-20-x-1-2-g-18764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Love Bio, 20 x 1.2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90MPD5-xEiqjySHuuMd292yPsGKDVIBWUIQl_zmUzsepIrERYK_4JDYBOuQoXnFkP65243Atpr6mm2iNnvAnoQ" />
    <input value="18764" 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%2Fmidi%3Fformat%3Dturbo_stream%26page%3D60">
    <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/tea-supreme-matcha-green-bio-20-x-1-5-g-18765">
          <img alt="Tea Supreme Matcha Green Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/small-e3dfd3a3dfed7d5f3a56805db75bf4aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-d1f24f6e76e3d87fc53429a552ac61e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/large-d2e3ed59e0d3352850a7c08f3357f982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-d1f24f6e76e3d87fc53429a552ac61e7.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">Pukka</p>
          <a href="/products/tea-supreme-matcha-green-bio-20-x-1-5-g-18765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Supreme Matcha Green Bio, 20 x 1.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UA9quVN-U8NhXn8VQSj9UZiLf9-4sRibw8mZkjMQ9m4ObtSnrGC5zfSWZB_RsfrCy6q5XkvIPnM11tTglHQfCA" />
    <input value="18765" 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;200 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/midi?format=turbo_stream&amp;page=61">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>