<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%3D11">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/burger-mischung-tomaten-basilikum-gf-bio-140-g-752">
          <img alt="Burger Mischung Tomaten-Basilikum GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/700/file/small-a79c71f95bc7486fe409d8769321d6d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/700/file/large-c5121fc3a86fbe181406d20fe0ec81e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/700/file/medium-138525a32c09694181f61a86e8e645fe.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">Bauckhof</p>
          <a href="/products/burger-mischung-tomaten-basilikum-gf-bio-140-g-752">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Mischung Tomaten-Basilikum GF Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;752&quot;],&quot;content_name&quot;:&quot;Burger Mischung Tomaten-Basilikum GF Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;752&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Enyeh034LqP_Lo_a1Ncl4QvB4c4DWTcyTPtop5WvYcrdEquTzVEomlhFKA3vq2viYo2adk9lfBqFSWPmS3iLvA" />
    <input value="752" 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%3D11">
    <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/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
          <img alt="Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9008/file/small-00d17717ea2f9e346e05036ac27c38af.webp 600w, https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.webp 900w, https://assets.fabulous.ch/public/variant_asset/9008/file/large-07d8609b770cc4aa3ed235f5ac5d58e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9008/file/medium-031c4fedb96b411a8a78d6a680eaf606.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">de Rit</p>
          <a href="/products/bohnen-baked-beans-weisse-bohnen-tomatensauce-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen Baked Beans (Weisse Bohnen Tomatensauce) 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-5880-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5880&quot;],&quot;content_name&quot;:&quot;Bohnen Baked Beans (Weisse Bohnen Tomatensauce) Bio, 360 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5880&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NIxI2x1ft42ZOOhsnO5FkvAC98oA3uHssZOT-VOO4Uf74n3PnfaxtD5TT7unkguRmU6MckziqsR4IZi4jVkLMQ" />
    <input value="5880" 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%3D11">
    <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/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
          <img alt="Mais Erdnuss Flips Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9006/file/small-00f0dbdb6cc51de47830dcfae70b2529.webp 600w, https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9006/file/large-298218fa2675eef960c598dfe2f7ed00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9006/file/medium-0be6aa8581b178468131008f0483abbb.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">de Rit</p>
          <a href="/products/mais-erdnuss-flips-glutenfrei-bio-125-g-5389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mais Erdnuss Flips Glutenfrei Bio, 125 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 3.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5389&quot;],&quot;content_name&quot;:&quot;Mais Erdnuss Flips Glutenfrei Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5389&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAb91p_XHOHRUPFbtlVL8a1w5EVTQ4E6L0jqTeUNK1aDaMjCH34a2HY7VoyNKQXyxDyf_R9_yhLm-uEMO9rBIA" />
    <input value="5389" 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%3D11">
    <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/aufschnitt-vegan-salami-art-bio-100-g-436">
          <img alt="Aufschnitt Vegan Salami Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/392/file/small-d1b70f0c784b69f4f08d12c92cda5112.webp 600w, https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/392/file/large-57e665c98015df6ae137270296e376c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.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">Wheaty</p>
          <a href="/products/aufschnitt-vegan-salami-art-bio-100-g-436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufschnitt Vegan Salami Art Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;436&quot;],&quot;content_name&quot;:&quot;Aufschnitt Vegan Salami Art Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;436&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SDjO_VgVW8iMRkTWFvqIXZfFZVMkwpMHO3_kz12vjZmHVvvp2Lxd8Sst4wEthsZe_oke62j-2C_yze-Og3hn7w" />
    <input value="436" 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%3D11">
    <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/lasagne-dinkel-hell-demeter-250-g-5601">
          <img alt="Lasagne Dinkel hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3244/file/small-ebc259a0a2392c8d7e1d591dd68c9d7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3244/file/large-18bd517d8f21a8a90d20a69615d2b1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3244/file/medium-255fb199cfcf729b208c7d45e260d37e.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">Naturata</p>
          <a href="/products/lasagne-dinkel-hell-demeter-250-g-5601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lasagne Dinkel hell Demeter, 250 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 1.68 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5601&quot;],&quot;content_name&quot;:&quot;Lasagne Dinkel hell Demeter, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1oaCHkOaJDuJj-Cb_LUJ3e6u0lKpnmn-WC4hsLjkUpsZ6LcKwzMiAi7kR0zHyUfeh-Kp6uWiItaRnCrxZjO47Q" />
    <input value="5601" 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%3D11">
    <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/sucuk-snacker-vegan-bio-30-g-16585">
          <img alt="Sucuk Snacker Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7644/file/small-75cc8a70c3e39dc6f96591868375686a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7644/file/large-a9aac0ca14b91034107c3bb323b2cdb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7644/file/medium-2571841f969894a1a6b55b7c88416599.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">Wheaty</p>
          <a href="/products/sucuk-snacker-vegan-bio-30-g-16585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucuk Snacker Vegan Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16585&quot;],&quot;content_name&quot;:&quot;Sucuk Snacker Vegan Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16585&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p1YyL0Aw9SDDfBaHfzz-SE8Rvk0m6bm3BINeugcZ0oRoOAc7wJnzGWQXsVBEQLBLJl3F9WrV8p_NMVX72c448g" />
    <input value="16585" 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%3D11">
    <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-curry-mango-bio-200-g-756">
          <img alt="Tofu Curry-Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/705/file/small-8ab07bb92ae1aae53b56bbf3495d9309.webp 600w, https://assets.fabulous.ch/public/variant_asset/705/file/medium-7e51d964d56cd6e57ab01b6ff5cd6c1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/705/file/large-52e9184ad48794a86f0c95622ceb3cf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/705/file/medium-7e51d964d56cd6e57ab01b6ff5cd6c1e.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">Taifun</p>
          <a href="/products/tofu-curry-mango-bio-200-g-756">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Curry-Mango Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.40 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;756&quot;],&quot;content_name&quot;:&quot;Tofu Curry-Mango Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;756&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wt-szLgOOvkXDtLyrmCB3xMrWqaEK9zLtzJlpnNCCdANsZnYOKc8wLBldSWVHM_cemchHsgXl-N-gG7nrZXjpg" />
    <input value="756" 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%3D11">
    <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/barista-iced-flat-white-double-shot-235-ml-16244">
          <img alt="Barista Iced Flat White - Double Shot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7483/file/small-2c9ac7b23162f84db7389d34093ea0e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7483/file/large-0a80873abfbe91e06739dbc451c32dcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7483/file/medium-d66f057dd99f072bdd373f004f7990e2.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">Oatly</p>
          <a href="/products/barista-iced-flat-white-double-shot-235-ml-16244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barista Iced Flat White - Double Shot, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16244&quot;],&quot;content_name&quot;:&quot;Barista Iced Flat White - Double Shot, 235 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16244&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WAL2x2yWuw5zw_pUIkPNLA7-eWdoPU6wiaFR6tLFPqWXbMPT7D-9N9SoXYMZP4MvZ7IC3yQBBZhAE1qrDBLU0w" />
    <input value="16244" 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%3D11">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sproud-barista-zero-alternative-zu-milch-aus-erbsen-1-l-15057">
          <img alt="Sproud Barista Zero Alternative zu Milch aus Erbsen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6899/file/small-0376f0097c7eb3fc0e440d929b4015eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6899/file/large-35c3b55fda239a9dfea5b0f7cddb2ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.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">SPROUD</p>
          <a href="/products/sproud-barista-zero-alternative-zu-milch-aus-erbsen-1-l-15057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sproud Barista Zero Alternative zu Milch aus Erbsen, 1 l</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.45 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hafer-drink-barista-edition-500-ml-9227">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5254/file/small-b858f30641a2a93e79086acab8b6518e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp 900w, https://assets.fabulous.ch/public/variant_asset/5254/file/large-4fae1b689cc5272f33516ff7e4d4e09b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.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">Oatly</p>
          <a href="/products/hafer-drink-barista-edition-500-ml-9227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Barista Edition, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9227&quot;],&quot;content_name&quot;:&quot;Hafer Drink Barista Edition, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9227&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zgCyzgY3u4-VG74ky5yE8Q3KMXap52M2B12pNu7fmz8Bbofahp69tjJwGfPw4MryZIZKzuXbKB7O76J3MAhxSQ" />
    <input value="9227" 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%3D11">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tofu-rauchertofu-klassik-bio-200-g-635">
          <img alt="Tofu Räuchertofu Klassik Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/580/file/small-41cf7ea0ab5c64dadd0f97007ad7fd45.webp 600w, https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.webp 900w, https://assets.fabulous.ch/public/variant_asset/580/file/large-49f3b17e25d5d2d1cf2a72c218fef2b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/580/file/medium-31a648734ae472d71fd1233f85535d06.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">Taifun</p>
          <a href="/products/tofu-rauchertofu-klassik-bio-200-g-635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Räuchertofu Klassik Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.05 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;635&quot;],&quot;content_name&quot;:&quot;Tofu Räuchertofu Klassik Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;635&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NwoBh2vf8NDW0FX4NQeYwJAaIfs3pnIGYqjurfjaZwz4ZDST63b26XG78i8Oe9bD-VZaQ3uaOS6rGuXsJg2Neg" />
    <input value="635" 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%3D11">
    <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/erdnuss-drink-bio-1-l-16388">
          <img alt="Erdnuss Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7534/file/small-e2e7c4b0c51b2d91ee2a9cd24de7b53b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.webp 900w, https://assets.fabulous.ch/public/variant_asset/7534/file/large-eced059f4641795515681e119c980186.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7534/file/medium-baa8482556094212b36392ae47121d74.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">Allos</p>
          <a href="/products/erdnuss-drink-bio-1-l-16388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnuss Drink Bio, 1 l</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 0.39 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16388&quot;],&quot;content_name&quot;:&quot;Erdnuss Drink Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16388&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R8KuLPxRXpiPyBmhJZdM1tLJLoenxVaX8bRvpw3V6tSIrJs4fPhYoSijvnYe6wLVu4VVP-v5Hb84BmTm0wIAog" />
    <input value="16388" 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%3D11">
    <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/bernardo-espresso-perla-bio-10-stuck-19705">
          <img alt="Bernardo Espresso Perla bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10182/file/small-e4b71564ef2eb224c88070ac5acae7df.webp 600w, https://assets.fabulous.ch/public/variant_asset/10182/file/medium-42a2a53901c4bbc387abda02d2300614.webp 900w, https://assets.fabulous.ch/public/variant_asset/10182/file/large-48be90a3a440f036f3efe49af713e1cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10182/file/medium-42a2a53901c4bbc387abda02d2300614.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">Bernardo Coffee</p>
          <a href="/products/bernardo-espresso-perla-bio-10-stuck-19705">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bernardo Espresso Perla bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19705&quot;],&quot;content_name&quot;:&quot;Bernardo Espresso Perla bio, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19705&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2gu6HCQPQCd3LUE24zIJozSMFHRYywyHo1zwvwfexywVZY8IpKZGHtBG5uHYTkegXcBvzBT3R69q7vv-2QktWg" />
    <input value="19705" 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%3D11">
    <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/mayonnaise-bio-170-g-18544">
          <img alt="Mayonnaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10903/file/small-faab27eb287e3a2496e3df4b56477af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10903/file/medium-e6ce33dd0fc0571ee36622d3df172133.webp 900w, https://assets.fabulous.ch/public/variant_asset/10903/file/large-451971349603601cdfdf43cc63bbea08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10903/file/medium-e6ce33dd0fc0571ee36622d3df172133.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">Gautschi</p>
          <a href="/products/mayonnaise-bio-170-g-18544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mayonnaise Bio, 170 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 2.18 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18544&quot;],&quot;content_name&quot;:&quot;Mayonnaise Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TLUdUrOUME3GIIItz-8h_Fjf6ljo3_HLuOBRIZ8fO-mD2yhGMz02dGFLJfr0k2__MZOR4KTjuuNxUlpgQcjRnw" />
    <input value="18544" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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%3D11">
    <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/erbsen-grun-halb-eu-bio-500-g-18812">
          <img alt="Erbsen grün halb EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10933/file/small-7947eaefaebc5cbafabce7e0dbabbc45.webp 600w, https://assets.fabulous.ch/public/variant_asset/10933/file/medium-d1ec7e036d1554ff95f3eb376812b41c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10933/file/large-8947ec2aa2d056bef9d049fc76d33f30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10933/file/medium-d1ec7e036d1554ff95f3eb376812b41c.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">Rapunzel</p>
          <a href="/products/erbsen-grun-halb-eu-bio-500-g-18812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen grün halb EU Bio, 500 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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18812&quot;],&quot;content_name&quot;:&quot;Erbsen grün halb EU Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18812&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SU7lbCG6tfBOYPwpx98IFREiHHGO_55ns1_R82uZcI-GINB4oROzyekLW_78o0YWeG5nycLD1U967dqytU6a-Q" />
    <input value="18812" 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%3D11">
    <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/cookie-schokoladen-biscuits-mit-haselnusskakaofondant-bio-50-g-7844">
          <img alt="Cookie Schokoladen Biscuits mit Haselnusskakaofondant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4577/file/small-0b016f3f6375f924efe4cfeed3a2028d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4577/file/large-4511ca71636a4ea0b2a4400a10bd724e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.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">Rhythm 108</p>
          <a href="/products/cookie-schokoladen-biscuits-mit-haselnusskakaofondant-bio-50-g-7844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Schokoladen Biscuits mit Haselnusskakaofondant Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7844&quot;],&quot;content_name&quot;:&quot;Cookie Schokoladen Biscuits mit Haselnusskakaofondant Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7844&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bX-Vg5dDrVnyo7nKQuSVu9itzvYP4VOsfFIbbcU8DweiEaCXF-qrYFXIHh15mNu4seG1TkPdGIS14BAsG-vlcQ" />
    <input value="7844" 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%3D11">
    <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/samba-haselnuss-dunkel-bio-45-g-18844">
          <img alt="Samba Haselnuss dunkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9297/file/small-ea0d14e7080238fcb6985a7ca9a0504b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9297/file/medium-b82fd083fb1816957f2560bf5e4fe20f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9297/file/large-1784fb097b3ff9bdea7875db87adcb13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9297/file/medium-b82fd083fb1816957f2560bf5e4fe20f.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">Rapunzel</p>
          <a href="/products/samba-haselnuss-dunkel-bio-45-g-18844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Haselnuss dunkel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18844&quot;],&quot;content_name&quot;:&quot;Samba Haselnuss dunkel Bio, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18844&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QFc_4hscIIDzgi2X1U8uptlm2Q5eAY7mI7b5C6spomGPOQr2m7UmuVTpikDuM2ClsCqithI9xc7qBPJKdf5IFw" />
    <input value="18844" 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%3D11">
    <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/buchweizen-gepufft-bio-80-g-19211">
          <img alt="Buchweizen gepufft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9420/file/small-139545ae7b1006f35deb0eed69cff55b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9420/file/medium-5518cc8995ff241ad1880404da73fc97.webp 900w, https://assets.fabulous.ch/public/variant_asset/9420/file/large-6e4435c50549b87ddfbde494bda3743a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9420/file/medium-5518cc8995ff241ad1880404da73fc97.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">Werz</p>
          <a href="/products/buchweizen-gepufft-bio-80-g-19211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen gepufft Bio, 80 g</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 5.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19211&quot;],&quot;content_name&quot;:&quot;Buchweizen gepufft Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19211&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RwXbcajGs7lGcmw10DyQOpn636vX0chO5wsxVjIFKDeIa-5lKG-1gOEZy-LrQN458LakE5vtg2YuuToX7NLCQQ" />
    <input value="19211" 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%3D11">
    <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/thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-19817">
          <img alt="Thunfisch Filet hell im eigenen Saft naturell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10804/file/small-9547fa07aab18e72df3d5fb5650cf33e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10804/file/medium-db3a0814a1e338a839dfaf94490f4671.webp 900w, https://assets.fabulous.ch/public/variant_asset/10804/file/large-ede64e4b4e1c1adf31de6758e28ce059.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10804/file/medium-db3a0814a1e338a839dfaf94490f4671.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">fontaine</p>
          <a href="/products/thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-19817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thunfisch Filet hell im eigenen Saft naturell, 120 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 3.96 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19817&quot;],&quot;content_name&quot;:&quot;Thunfisch Filet hell im eigenen Saft naturell, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19817&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RAuAmNBDaPxyAQPX1OosKTAJLNQ966sYSK3tH6L4zDSLZbWMUOpuxdVqpADvlmIqWUVXbHHX4DCBH-ZefC8mQg" />
    <input value="19817" 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%3D11">
    <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/vollmilch-past-demeter-500-ml-18356">
          <img alt="Vollmilch pasteurisiert Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11326/file/small-5dc198576f08670d3f304b1a3a31ef3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11326/file/medium-51ce063db0356048d81ab58e7eff2fc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11326/file/large-fbb060860ca45ac555d22e32bad55a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11326/file/medium-51ce063db0356048d81ab58e7eff2fc4.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">Biomilk</p>
          <a href="/products/vollmilch-past-demeter-500-ml-18356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollmilch pasteurisiert Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.31 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18356&quot;],&quot;content_name&quot;:&quot;Vollmilch pasteurisiert Demeter, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18356&quot;,&quot;quantity&quot;:3}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F8uCRw1L43RPv1xnh1dWoRM5rHAo7BL9BvRGups5dV7YpbdTjeLlTejU-7C8KxiienXXyGTQWdXPRk37Re6fKA" />
    <input value="18356" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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">
      220 von 818 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=12">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>