<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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-kummel-ganz-bio-40-g-18302">
          <img alt="Brecht Kümmel ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/small-a450161f146ac12cc6e637ddd50c8390.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-15d49b529c7a8b8a146c1709858c7efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/large-bf6ccefc2cba16527ee916a5f7904324.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-15d49b529c7a8b8a146c1709858c7efb.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">Brecht</p>
          <a href="/products/brecht-kummel-ganz-bio-40-g-18302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Kümmel ganz Bio, 40 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 12.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7mSqSzFt3RmE0nETO4OKgo1YDhabdtciC-zZQR0XJ-knipIODW7zbPQ3dmgNmdgCqY8_BOA4dzek-8jurELZXg" />
    <input value="18302" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-kummel-gemahlen-bio-30-g-18303">
          <img alt="Brecht Kümmel gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/small-53bc72a8e820795ba828e3c5fa0ef50b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-54f74fd7d2b38a7605b51f30b3622014.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/large-2f70bec7b0e985178810e180f9dead70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-54f74fd7d2b38a7605b51f30b3622014.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">Brecht</p>
          <a href="/products/brecht-kummel-gemahlen-bio-30-g-18303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Kümmel gemahlen Bio, 30 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 16.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hgShVG15wJO1_A-EiL1qSL82Ni1ZJkm9JTruDnBUuo1P6pkRUXru5sUZCP--pzjIm-EHPyJo6aiKLf-hwQFEOg" />
    <input value="18303" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-kurkuma-gemahlen-bio-42-g-18304">
          <img alt="Brecht Kurkuma gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/small-9504f4cfa08aa946ae55fc7e13a8503d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-f870bbbf69a067ad253f395a59c76f0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/large-1257506d9660c239c2cc4380fe02da7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-f870bbbf69a067ad253f395a59c76f0b.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">Brecht</p>
          <a href="/products/brecht-kurkuma-gemahlen-bio-42-g-18304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Kurkuma gemahlen Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fIC1ArpqSO7uECQcO6CjlHLvVAPvCLlhDeta7_o4LL-1bo1Hhmlmm571I2cNuvEUVjhlEZRGGXSi_EtAS23SCA" />
    <input value="18304" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-majoran-gerebelt-bio-8-g-18306">
          <img alt="Brecht Majoran gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/small-a48b8d0b4b30c5f76278e2e29ce91e32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-c0e07a233c8255c2f17923eb42273c5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/large-3a55cd95943b1ef3fd49cb28d16e9f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-c0e07a233c8255c2f17923eb42273c5f.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">Brecht</p>
          <a href="/products/brecht-majoran-gerebelt-bio-8-g-18306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Majoran gerebelt Bio, 8 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 61.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e0WL0ujqlV_picuDbMph6u1WDfPogIUd-VJj0PVqQACyq7OX1Om7KplszPha0DNqyYE84ZPOJQhWRXJ_RD--tw" />
    <input value="18306" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-oregano-gerebelt-bio-10-g-18311">
          <img alt="Brecht Oregano gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10220/file/small-de60be5e5c41d86ff82d4574a70166de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10220/file/medium-2aaf46ad8c01f88b9ac09492dd09f4e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10220/file/large-ec171b1d060cee5215d0a6f613edf5f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10220/file/medium-2aaf46ad8c01f88b9ac09492dd09f4e6.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">Brecht</p>
          <a href="/products/brecht-oregano-gerebelt-bio-10-g-18311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Oregano gerebelt Bio, 10 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 49.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="es-lHfv--NE2nMSilswPEl25SaLd1mE-6KPm7KJQjdOzIZ1Yx_3WpEZ5w9mg1l2SeW54sKaYwStHtPdDEwVzZA" />
    <input value="18311" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-petersilie-gerebelt-bio-10-g-18317">
          <img alt="Brecht Petersilie gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/small-37e46df87414069c70f02542ffba82af.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-16601bf372a07d8dacf3c3b1f8b4ee0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/large-da2b90fb4bcbf8403fef00d09cd57516.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-16601bf372a07d8dacf3c3b1f8b4ee0f.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">Brecht</p>
          <a href="/products/brecht-petersilie-gerebelt-bio-10-g-18317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Petersilie gerebelt Bio, 10 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 48.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3cAvx_XK8ojDBDsCCysz18rSWWtmt5cA9ii4oWidn4UULheCycnc_bPhPHk9MWFX7gVoeR35NxVZP6kO2chhMg" />
    <input value="18317" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/brecht-rosmarin-geschnitten-bio-20-g-18322">
          <img alt="Brecht Rosmarin geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9618/file/small-00798302131d51756f61c05dc2515f2e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9618/file/medium-cab3a503a57b79f7f92d00c236c388a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9618/file/large-eb2003875e75bf6c3a09b845550cda53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9618/file/medium-cab3a503a57b79f7f92d00c236c388a1.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">Brecht</p>
          <a href="/products/brecht-rosmarin-geschnitten-bio-20-g-18322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brecht Rosmarin geschnitten Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQRlBn2jNZMdKCI9OGJ9uNFYJmUyqV6ih33PdbYx5JbA6l1DQaAb5m3NJUYOeC849Y8Xd0nn_rcoat7aB2QaIQ" />
    <input value="18322" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/byodo-senf-mango-balsamico-bio-125-ml-18338">
          <img alt="Byodo Senf Mango Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/small-920c89dca08dd39098bb8b773df8bcf1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-1f5a3a4f8ed1d0db1e5463cb3d58f379.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/large-700b76480d9e6794ce6eab27ae49c241.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-1f5a3a4f8ed1d0db1e5463cb3d58f379.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">Byodo</p>
          <a href="/products/byodo-senf-mango-balsamico-bio-125-ml-18338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Byodo Senf Mango Balsamico Bio, 125 ml</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 3.92 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W8tocPY99QIt_DYsdJBqeFNmIYiRZ5nQOQdHX8GFvTGSJVA1yj7bd10ZMVdCijj4d7EQmuopOcWWEFbwcNBDhg" />
    <input value="18338" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/cha-do-gruntee-jasmin-teebeutel-bio-20-stuck-18341">
          <img alt="Cha Dô Grüntee Jasmin Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10010/file/small-cbfc41bdaf43d15a40d4aaead62aee71.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10010/file/medium-04f0fe93aa2429fa1620e74f21380014.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10010/file/large-a2b221ac56da7849e8c5b0b5df375641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10010/file/medium-04f0fe93aa2429fa1620e74f21380014.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">Cha Dô</p>
          <a href="/products/cha-do-gruntee-jasmin-teebeutel-bio-20-stuck-18341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cha Dô Grüntee Jasmin Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LfxYnRiuMicpYTwAVhRC79gRU3Y8H7pr2dlqnuMhYvDkEmDYJK0cUlmEO3tgDhBv_MZiZEdRGn52znsxUnScRw" />
    <input value="18341" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/cha-do-gruntee-lu-cha-teebeutel-bio-20-stuck-18342">
          <img alt="Cha Dô Grüntee Lu Cha Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10012/file/small-8175aad9258bc3664daf501078aa7ebf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10012/file/medium-316ade570da5dba206d2ec56b3064394.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10012/file/large-94e3247d733f7d0bede3390bb3681bdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10012/file/medium-316ade570da5dba206d2ec56b3064394.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">Cha Dô</p>
          <a href="/products/cha-do-gruntee-lu-cha-teebeutel-bio-20-stuck-18342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cha Dô Grüntee Lu Cha Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UCBFYyDL6HbOSThA7dkiTo9rcfs3AN3ueLF2LkZqnUeZzn0mHMjGA76sPzvbw3DOq7xA6UxOffvXpmeB9z9j8A" />
    <input value="18342" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/chicza-kaugummi-lime-bio-30-g-18371">
          <img alt="Chicza Kaugummi Lime Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/small-10a4b6cb0de525864493a18c503288be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-64b69d8e1d0f9a52e0cecfbc99a5f349.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9107/file/large-89347b622d450fdb5369b70d0a6944ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9107/file/medium-64b69d8e1d0f9a52e0cecfbc99a5f349.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">Chicza</p>
          <a href="/products/chicza-kaugummi-lime-bio-30-g-18371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chicza Kaugummi Lime Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7lhFOURrxuwD61_JuFhh14gDpNAZNG5eKRbW9iCMU-kntn18eGjomXMOWLKOQjNXrNSVwmJ6zkuGAcdZkdmtXg" />
    <input value="18371" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/compagnie-kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18383">
          <img alt="Compagnie Kartoffel-Lauch Fixe Tasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/small-f9000370b2399682c61c830007ba0789.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-105ebb55c5a817ae0ee788ee23371476.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9110/file/large-f55567aca45e0fe5030005bccfc5d3a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9110/file/medium-105ebb55c5a817ae0ee788ee23371476.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">Compagnie</p>
          <a href="/products/compagnie-kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Compagnie Kartoffel-Lauch Fixe Tasse Bio, 3 x 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CXHqRqIZxslJsc8B0XndQMZ7uKu-4Tjkt25uHdps-LTAn9IDnhrovDlUyHrnY4_A4qyJucWvmPEYeX-yazkGAw" />
    <input value="18383" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/danival-atlantik-salz-fein-1-kg-18386">
          <img alt="Danival Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9602/file/small-123952c9798864ac78bcf3d5762ca15e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9602/file/medium-fff1ad160d9e33f8b1bfcd01a225aa1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9602/file/large-775fb03f8be96f4cbdb28be9f82a72f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9602/file/medium-fff1ad160d9e33f8b1bfcd01a225aa1b.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">Danival</p>
          <a href="/products/danival-atlantik-salz-fein-1-kg-18386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Danival Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39lMIplyv1sTwovCD1vWViKW_4HPG_K12V5l97mqBrYWN3RnpXGRLmMnjLk5QYTWBkHOk7RVUqB2SXRYCP_4AQ" />
    <input value="18386" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/derit-kichererbsen-bio-360-g-18388">
          <img alt="DeRit Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/small-dedb44635dbff0204e78b44ad519750c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-da8fce18b830aee38fe2b1772052991b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9111/file/large-3751b62046e63d6e2fa48f871f7ba6ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9111/file/medium-da8fce18b830aee38fe2b1772052991b.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">DeRit</p>
          <a href="/products/derit-kichererbsen-bio-360-g-18388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Kichererbsen Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="En4f2iWolWPvM--5yspdiEeZ0thFGSigJeqoC7T7Y3LbkCefGau7Fp_W6ML80A8IY07jyj5XiLWK_bmkBa6dxQ" />
    <input value="18388" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/derit-kidney-bohnen-bio-350-g-18389">
          <img alt="DeRit Kidney Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/small-c81788893024048f081f8749daf34659.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-40f95314308286cf29989c373d0e72e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9112/file/large-ba365cc82618925bbcb23c5c0eaeae1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9112/file/medium-40f95314308286cf29989c373d0e72e8.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">DeRit</p>
          <a href="/products/derit-kidney-bohnen-bio-350-g-18389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Kidney Bohnen Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNdisWI4eAAGdT1usOq7RD8Z0ZOyg_Sg3s6UYN_gCUBFOVr0XjtWdXaQOhWG8OnEG87ggcnNVLVx2YXPbrX39w" />
    <input value="18389" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/derit-weisse-bohnen-in-tomaten-sauce-bio-360-g-18390">
          <img alt="DeRit Weisse Bohnen in Tomaten Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/small-b6cc5e3e658a3c3cb27ff761f99e60e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-9918e8bfb933734eb3f8adce50b67a86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9113/file/large-1c02b74011c369991a9ce26c99df5a45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9113/file/medium-9918e8bfb933734eb3f8adce50b67a86.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">DeRit</p>
          <a href="/products/derit-weisse-bohnen-in-tomaten-sauce-bio-360-g-18390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Weisse Bohnen in Tomaten Sauce Bio, 360 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 1.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RbmSXV6LKVHlx5YQh81grzsLbDjXbzLxhNyo9XVpI7KMV6oYYogHJJUikWux1zIvH9xdKqwhkuQry7laxDzdBQ" />
    <input value="18390" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/dr-grandel-molino-energieriegel-mit-molat-40-g-18393">
          <img alt="Dr. Grandel Molino Energieriegel mit Molat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10348/file/small-eb67e248fc4269c20a4196a940f55bf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10348/file/medium-4e766feeff2a26348443a59761aaa4a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10348/file/large-a1b20761703150e0757cf82529d279ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10348/file/medium-4e766feeff2a26348443a59761aaa4a0.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">Dr. Grandel</p>
          <a href="/products/dr-grandel-molino-energieriegel-mit-molat-40-g-18393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Grandel Molino Energieriegel mit Molat, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ioqfjTENa4QaVFKebhFc31fy-lYaMG6R_JYlKsb9V_1DZKfIDQ5F8WqxVeVYCw5fcyXLRGF-zoRTgTSFd6ipSg" />
    <input value="18393" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/dr-molke-buffel-molke-mango-maracuja-bio-500-ml-18397">
          <img alt="Dr. Molke Büffel Molke Mango Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/small-6019160fe6bb9cfd872ac470f095dff2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-8010053869e6b723c157587d7ab589b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/large-a46a8d56962dd4004e7e84b96ad74e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-8010053869e6b723c157587d7ab589b6.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">Dr. Molke</p>
          <a href="/products/dr-molke-buffel-molke-mango-maracuja-bio-500-ml-18397">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Molke Büffel Molke Mango Maracuja Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jh3Iiawg2N37V6oKaGJnLQPfxQfSSmxu7homPeZFjMVH8_DMkCP2qIuyrXFeeDWtJwj0FakEzHtBDTeSVxBycg" />
    <input value="18397" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/dr-molke-schaf-molke-sport-bio-500-ml-18398">
          <img alt="Dr. Molke Schaf Molke Sport Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10122/file/small-0c38e91a72ef3aeaf900f9d808ea6a80.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10122/file/medium-cfba96d9afa9ff299e008f2dc800526b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10122/file/large-1a2637aa2fdd118b4172486153447f95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10122/file/medium-cfba96d9afa9ff299e008f2dc800526b.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">Dr. Molke</p>
          <a href="/products/dr-molke-schaf-molke-sport-bio-500-ml-18398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Molke Schaf Molke Sport Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cU1lEDJLoAor7fUwR1XA7YnZXR3NfSywkbQFl-SYGee4o11VDkiOf1sI8ktxT5JtrQ5sD7YzjKU-oxQ4Vc3nUA" />
    <input value="18398" 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=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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/dr-molke-schaf-molke-vanille-bio-500-ml-18399">
          <img alt="Dr. Molke Schaf Molke Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/small-822a6b304de546c9747b4cab9debebb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-d0cf8d57ba0e0e2f42978bb6b15725e2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10120/file/large-fffad8d480c1bb3b02c982fe78d9b24b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10120/file/medium-d0cf8d57ba0e0e2f42978bb6b15725e2.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">Dr. Molke</p>
          <a href="/products/dr-molke-schaf-molke-vanille-bio-500-ml-18399">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Molke Schaf Molke Vanille Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I7XYdNSB9jxw1d8Ff8Lf9wFDj60cDIRrkZz_QxKpjbTqW-Ax6ILYSQAw2H5J2I13JZS-v2dCJH4-i-7so_xzAw" />
    <input value="18399" 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">
      340 von 726 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=18">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>