<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/caffe-latte-cappuccino-bio-230-ml-18323">
          <img alt="Caffè Latte Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10406/file/small-719126aee9522dab03ac288228128b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10406/file/medium-ab6412c6b0282bf5e7d10270db08c76a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10406/file/large-c29f59c6223497f0d5252d41bdc4dbf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10406/file/medium-ab6412c6b0282bf5e7d10270db08c76a.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">Biedermann Bio Vegan</p>
          <a href="/products/caffe-latte-cappuccino-bio-230-ml-18323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caffè Latte Cappuccino Bio, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mv2sQQ2OED0lRpQTwSpGeojtPl7BI6mOL3CD-gZE5A98GuC6g2zjrnypBb9Jhjfx7TtdiVwS-RmrUMJ756iysg" />
    <input value="18323" 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/joghurtalternative-kokos-heidelbeere-bio-150-g-18324">
          <img alt="Joghurtalternative Kokos Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9477/file/small-3dbf7ae91ec37e091fc1cd5095391e6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9477/file/medium-f21a4e1718bc49ddedfbb6afe65a9600.webp 900w, https://assets.fabulous.ch/public/variant_asset/9477/file/large-e96da47ff829fe39c929ef4ffcd7188b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9477/file/medium-f21a4e1718bc49ddedfbb6afe65a9600.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">Biedermann Bio Vegan</p>
          <a href="/products/joghurtalternative-kokos-heidelbeere-bio-150-g-18324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCsrvJ34yj0HgNrzKRXTUm17J3XaEbSlB-YECf8Lr2UuzGdHExo5rl5vS1-huaLZCK1Eokcg5DKDxkWIHuf52A" />
    <input value="18324" 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/joghurtalternative-kokos-mango-bio-150-g-18325">
          <img alt="Joghurtalternative Kokos Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9478/file/small-ddfcaacff70aa37344932b070d036ae4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9478/file/medium-bb5ebd7110f05167cb8976534bc44501.webp 900w, https://assets.fabulous.ch/public/variant_asset/9478/file/large-273eb040452c24d1d51d18d73abe7d19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9478/file/medium-bb5ebd7110f05167cb8976534bc44501.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">Biedermann Bio Vegan</p>
          <a href="/products/joghurtalternative-kokos-mango-bio-150-g-18325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-1lkdN76NXgjnZx-2vvQz8phzwN_Kgsv6YISJdrL5GodviiPUBjG63pyDdJSV6FEr7es1OIbW7htolOkOyey1w" />
    <input value="18325" 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/haferflocken-fein-bio-500-g-18328">
          <img alt="Haferflocken fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10235/file/small-621ab16f77d6a398ae664084e24b5e47.webp 600w, https://assets.fabulous.ch/public/variant_asset/10235/file/medium-6e27d135991982ef190fc47e857e8fdd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10235/file/large-76cd01a1900c4a6c2e2b0c1b6658ed23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10235/file/medium-6e27d135991982ef190fc47e857e8fdd.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">Biofarm</p>
          <a href="/products/haferflocken-fein-bio-500-g-18328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken fein Bio, 500 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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0YyR9XfsdfG6GkqTLDBIvrEQbfAW5eyA_oYeGNDtZTk3a90O-Q6GYuP12z-knDk11MYOJ4vUvBd6pl-ZMQEzhA" />
    <input value="18328" 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/schweizer-maisgriess-bramata-bio-500-g-18334">
          <img alt="Schweizer Maisgriess Bramata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9793/file/small-60ea662076959ba6489e6d53237c0ac6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9793/file/medium-50ad9e60838ef8f3dc73f841f4193588.webp 900w, https://assets.fabulous.ch/public/variant_asset/9793/file/large-0e24990cffe50783c2e097681d841924.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9793/file/medium-50ad9e60838ef8f3dc73f841f4193588.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">Biofarm</p>
          <a href="/products/schweizer-maisgriess-bramata-bio-500-g-18334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Maisgriess Bramata Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6Fhp-Yod_phD9xhKML9403HDCBrySZ68h4lWZubpPd5Ri1caMqEaTjgTc2gboxoKBFv9_b4du12PmTYenfySg" />
    <input value="18334" 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/unigel-geliermittel-bio-50-g-18339">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9195/file/small-93cae33bb588c2c20b9bf4db16d498bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.webp 900w, https://assets.fabulous.ch/public/variant_asset/9195/file/large-3a356a69212aa41c99eb1b549a1b0e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9195/file/medium-623508ce77967304be2743d86f1cd668.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">Biofarm</p>
          <a href="/products/unigel-geliermittel-bio-50-g-18339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 50 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 6.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ruptzd2McFK4XxWIRiRVyGMd4Of_2pN0eT4zZl2ogzBIDSE2U26DweGwhCTOiCRDBsuDMGLrw-P9HnLnvETVjQ" />
    <input value="18339" 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/caramelkopfli-bio-110-g-18341">
          <img alt="Caramelköpfli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11333/file/small-009e83256f6d9e9c20b7f8c06475f069.webp 600w, https://assets.fabulous.ch/public/variant_asset/11333/file/medium-3c1e0cd07f464f5811717fec1b4d3a2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11333/file/large-8decbaf8c07117d9aeb2dfd448430f6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11333/file/medium-3c1e0cd07f464f5811717fec1b4d3a2f.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/caramelkopfli-bio-110-g-18341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelköpfli Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </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.00 / 100 g
            </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="ikp_eDUK6HYhqcTdaYDmp-1K1CJKz9DKcV-P4qLO1n5srTODu-gb5XhGVXHhLJcsiJy39df-gF31f85jQyKAww" />
    <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/flanino-chocolat-demeter-110-g-18342">
          <img alt="Flanino Chocolat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11329/file/small-92fbd8e8a681573c799ec28ca740b4c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11329/file/medium-ce4acd2928c422e5d43f8d6a5d40172b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11329/file/large-e201b102deaeb02596e19e8e04332bcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11329/file/medium-ce4acd2928c422e5d43f8d6a5d40172b.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/flanino-chocolat-demeter-110-g-18342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Chocolat Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </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 1.68 / 100 g
            </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="TxZ6WpDJQNVqOsPypFkazUrBuKsyRRG2y0cUDla8QIip8TahHiuzRjPVUl4s9WtGLxfbfK90QSFPZ1WPt1AWNQ" />
    <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/flanino-vanille-demeter-110-g-18343">
          <img alt="Flanino Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11334/file/small-a8f25517eec9ce35e466ddf58ebf0ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11334/file/medium-9859ad28ac0a9a2465534e4ebfebf73a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11334/file/large-f91f5c5b1e4f16f21d4bb9a2cb65b7be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11334/file/medium-9859ad28ac0a9a2465534e4ebfebf73a.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/flanino-vanille-demeter-110-g-18343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flanino Vanille Demeter, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </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 1.68 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ws0kwHdbUxIpbaUmPw2MsyCejW2rsNTqbbVRRb9yf0Z7Hhojz-e3xFKJzgQUEe5qVQZ4iufk8QtlpTE9xGfQA" />
    <input value="18343" 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/joghurt-aprikosen-demeter-150-g-18344">
          <img alt="Joghurt Aprikosen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11328/file/small-63c4675c3cb132405541f7f8bfe2923f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11328/file/medium-ffdf63e9ce455b39d01b5c9bd151c2ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/11328/file/large-4abd888a541d523e3269b90cb6e7ded4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11328/file/medium-ffdf63e9ce455b39d01b5c9bd151c2ee.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/joghurt-aprikosen-demeter-150-g-18344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Aprikosen Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zId1asaWXrfuquRgjVEcoWlbQfkbGRhuXumBCJ5A6K4qYDmRSHStJLdFdcwF_W0qDI0iLoYoSPnaycCJf6y-Ew" />
    <input value="18344" 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/joghurt-erdbeere-demeter-150-g-18345">
          <img alt="Joghurt Erdbeere Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11327/file/small-ce9c3b6fe412a6517888df92fba56e6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11327/file/medium-3e2d2e2558a9001cd118def8a33b7490.webp 900w, https://assets.fabulous.ch/public/variant_asset/11327/file/large-80fb08901f10925066740afa53bcfca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11327/file/medium-3e2d2e2558a9001cd118def8a33b7490.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/joghurt-erdbeere-demeter-150-g-18345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Erdbeere Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M90Uwb7gKOTJvUtLTE20S0nz_7dhjVHiSMh3oSY3saHVOlg6MALbd5BS2ufE4cXALCWcYPy8AXXM6DYgx9vnHA" />
    <input value="18345" 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/joghurt-feige-griechische-art-bio-150-g-18346">
          <img alt="Joghurt Feige griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11325/file/small-322efc10b6123087e594f3ea59c615cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11325/file/medium-aa8d1cbdaa1542fcc39b751c4c947ca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11325/file/large-ec195feb939d26dec57f10ddbb21f846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11325/file/medium-aa8d1cbdaa1542fcc39b751c4c947ca0.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/joghurt-feige-griechische-art-bio-150-g-18346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Feige griechische Art Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FFJYcYXufNlrYK-dUOvoH75PdafOEv_dtd4eYXsOaULytRSKCwyPSjKPPjHYR5mU25kWcFMjr0ox_l_gmuI__w" />
    <input value="18346" 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/joghurt-haselnuss-demeter-150-g-18347">
          <img alt="Joghurt Haselnuss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11324/file/small-8a555495152ade7cd0edea5bb18a466b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11324/file/medium-a5ef7ee8527d71a40fee4b6a7f15681a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11324/file/large-c839d39b0a096d582471a04c383a6d9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11324/file/medium-a5ef7ee8527d71a40fee4b6a7f15681a.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/joghurt-haselnuss-demeter-150-g-18347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Haselnuss Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LJqdVorhkV1UW7laWjKnP-uZ5ZySt-_CFxjmdJapSXzKfdGtBANizg20KPbSnta0jk-GSw-Gv1WTOKf1d0UfwQ" />
    <input value="18347" 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/joghurt-heidelbeere-bio-150-g-18348">
          <img alt="Joghurt Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11323/file/small-1f75fb76c663c482571e9cbc49bc13e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11323/file/medium-9d7378719e5522ccf9fb16da1acfedca.webp 900w, https://assets.fabulous.ch/public/variant_asset/11323/file/large-56368893ae74b503621b6fc077cf38dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11323/file/medium-9d7378719e5522ccf9fb16da1acfedca.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/joghurt-heidelbeere-bio-150-g-18348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6UaHJoRh05subsuQ0DCr8FfyNNiQLBKMa7EihO-xMWMPocvdCoMgCHeBWjxYnNp7MiRXDw0dQhvvkWMFDl1n3g" />
    <input value="18348" 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/joghurt-mango-demeter-150-g-18349">
          <img alt="Joghurt Mango Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11344/file/small-da6cd15590225d2f7fe81bf9e9ce17ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/11344/file/medium-f7d441f9f8f2f2b4d42f308ad2fe5f5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11344/file/large-b61b653a483cf77aa83adeffd700da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11344/file/medium-f7d441f9f8f2f2b4d42f308ad2fe5f5f.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/joghurt-mango-demeter-150-g-18349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Mango Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gDVxozq-XdnJB7bV5VIuUxvLoXJ43zOGCPyDGCydGB9m0j1YtFyuSpDoJ3lt_l_Yfh3CpeXuYxGM3MKZzXFOog" />
    <input value="18349" 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/joghurt-nature-griechische-art-bio-150-g-18350">
          <img alt="Joghurt Nature griechische Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11343/file/small-877202fd5d8bf2023188424e46364f8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11343/file/medium-249cd8ab7b8a7ffdf774413b0e9d3c61.webp 900w, https://assets.fabulous.ch/public/variant_asset/11343/file/large-e4387325503c648ef220a28229092161.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11343/file/medium-249cd8ab7b8a7ffdf774413b0e9d3c61.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/joghurt-nature-griechische-art-bio-150-g-18350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature griechische Art Bio, 150 g</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 1.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AEMLfoDGJCpHkvvYoY1QTvaBCUcMEUttqcZAQs5rvn3mpEeFDiTXuR59anQpISHFk1dqkJEgG_ot5gHDL4fowA" />
    <input value="18350" 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/joghurt-nature-stichfest-demeter-150-g-18351">
          <img alt="Joghurt Nature stichfest Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11342/file/small-77452984b9d5e59e04db820e3c1b861f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11342/file/medium-b286bcacf6cab81a6188d7fa87370f44.webp 900w, https://assets.fabulous.ch/public/variant_asset/11342/file/large-c8a71d994f766e8b262142bf1ae671f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11342/file/medium-b286bcacf6cab81a6188d7fa87370f44.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/joghurt-nature-stichfest-demeter-150-g-18351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Nature stichfest Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.15
            </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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k4nSDxBWo671aKMCbaO7SrQ2WTLvinbHfsvZ8O7b3Sp1bp70nrRQPayHMq7lD8rB0eA65XK7JlD665hxDzeLlw" />
    <input value="18351" 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/joghurt-sanddorn-demeter-150-g-18352">
          <img alt="Joghurt Sanddorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11340/file/small-46f9f51111b8c08e9a92e076d0b2a405.webp 600w, https://assets.fabulous.ch/public/variant_asset/11340/file/medium-0c88f0c76fb147828d526b2a3b20dea7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11340/file/large-56fea543009b6bf3f56fbad1119179fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11340/file/medium-0c88f0c76fb147828d526b2a3b20dea7.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/joghurt-sanddorn-demeter-150-g-18352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Sanddorn Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5MzXkDBU8E72044dNLHTh-PRAP5zevfEk61H2ITT01ICK5trvrYD3a88H7G8HaIMhgdjKe5Lp1MXjQZZZT-F7w" />
    <input value="18352" 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/magerquark-nature-demeter-250-g-18353">
          <img alt="Magerquark Nature Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11339/file/small-25d6bd09696363423e39d310d8f352e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11339/file/medium-b7b8465e307952a3a55af4d8c6c672cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/11339/file/large-a552b8d4852e7a57c542fa0283887bbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11339/file/medium-b7b8465e307952a3a55af4d8c6c672cf.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/magerquark-nature-demeter-250-g-18353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magerquark Nature Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </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 1.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JFxjYoqeCKjxyqej-rvL1N_S-5-elsE02RTmMR9EK_XCuy-ZBHz7O6glNg9yF7pfugSYSAOnkaNdNKew_qh9SA" />
    <input value="18353" 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/panna-cotta-bio-110-g-18354">
          <img alt="Panna Cotta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11338/file/small-d5de0e634d8d46a66f0ebedf9afff008.webp 600w, https://assets.fabulous.ch/public/variant_asset/11338/file/medium-5680b8f0d5edafadb2177797541ff797.webp 900w, https://assets.fabulous.ch/public/variant_asset/11338/file/large-dd9ea2a4059d983703478fced24655bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11338/file/medium-5680b8f0d5edafadb2177797541ff797.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/panna-cotta-bio-110-g-18354">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Panna Cotta Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </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-18354-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3T60Ab0n-btjlFLtZwOUCuZTzDObjOjz7GwGgHVKHF072fj6M8UKKDp7w0Hvr-WBg4Wv5Aa9uGRoTEcBlKZK4A" />
    <input value="18354" 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 705 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>