<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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/maispasta-penne-bio-250-g-17824">
          <img alt="Maispasta Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8843/file/small-4412940b4f8b249ec1f06a377b5560f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8843/file/large-d97526b0f67a07d3eb618ea6e2faa361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.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">Pasta d&#39;Alba</p>
          <a href="/de/products/maispasta-penne-bio-250-g-17824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maispasta Penne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oBmpFiYaZzHRuOOlV5xSwntKwlx5LJ-1zTpb3u-Gqc2IT5MljFaeoIsZZFMEdMS56v1EAg-bUvCIqYwhn5Yx5g" />
    <input value="17824" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/erbsen-mohren-karotten-im-glas-demeter-350-ml-7515">
          <img alt="Erbsen &amp; Möhren (Karotten) im Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4324/file/small-d55ff9e0d3b040daaaee0011d8f710a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.webp 900w, https://assets.fabulous.ch/public/variant_asset/4324/file/large-0c3d853d66dbc83dfa898de1fee338a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.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">Nur Puur</p>
          <a href="/de/products/erbsen-mohren-karotten-im-glas-demeter-350-ml-7515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen &amp; Möhren (Karotten) im Glas Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_cXiAsAd6qUKkPPgzCKLzuNRrU_aho9bGo81SzvjaoHVk9gxalETNFAxdBafyh21cuYrEawxQh5fHOK0S_Pyqg" />
    <input value="7515" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/brotaufstrich-mediterran-streich-bio-180-g-15075">
          <img alt="Brotaufstrich Mediterran Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6907/file/small-35b8b4f3b2561b013880ff47447aed48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6907/file/large-ce05170d7da3832ae96a925c8c39ded9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6907/file/medium-f06b0ea41cc8a8dbd70113ce544cfee2.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">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-mediterran-streich-bio-180-g-15075">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Mediterran Streich Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e7kj-26Wrz1iczgmg-h7hTH7K1NFWH_gU6nSOY8gtydT7xnIxNpWrDjSv9DQAO3-oEytDTPvsqUWOgXG_zAvDA" />
    <input value="15075" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/bread-less-saatenbrot-ohne-mehl-glutenfrei-bio-350-g-9289">
          <img alt="Bread Less Saatenbrot ohne Mehl Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5282/file/small-4a2e97091ef0b680f4e2f6e5069d2b55.webp 600w, https://assets.fabulous.ch/public/variant_asset/5282/file/medium-b230019d85ee00253e6d6f1acb1b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/5282/file/large-7c3772230e5da1ab4a2ba00c93715c64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5282/file/medium-b230019d85ee00253e6d6f1acb1b6682.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">Schnitzer</p>
          <a href="/de/products/bread-less-saatenbrot-ohne-mehl-glutenfrei-bio-350-g-9289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bread Less Saatenbrot ohne Mehl Glutenfrei Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BE7dufo-LP_2Fr3jN5IFs5_10Q_dyCmrrPCI1oOJz8YsGOeKUHLVbqy3OhVkepPIDkJXUat_5O7pY18p85lX7Q" />
    <input value="9289" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/sonnenlotion-sensitiv-lsf-50-40-ml-15862">
          <img alt="Sonnenlotion sensitiv LSF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7256/file/small-5aedb76028aa336b653c33349aa5f923.webp 600w, https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7256/file/large-d18464ddddcdab02ff3761b35e2af99e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7256/file/medium-6d97ebd492168fdbd74bc612b25f60f9.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">Lavera</p>
          <a href="/de/products/sonnenlotion-sensitiv-lsf-50-40-ml-15862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenlotion sensitiv LSF 50, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZGTwhdfhAdiE6QIo6Fc6jsXUfE-ZH0deTNS1YIC8exhMMsq2fa34Sd5Ihd67v6z1VGP6Ee-oihsJR2Kf8KzjMw" />
    <input value="15862" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/sonnenlotion-sensitiv-kids-lsf-50-100-ml-14012">
          <img alt="Sonnenlotion sensitiv KIDS LSF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6637/file/small-4ba6ca0b6619845cef52a646891a0d5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6637/file/medium-a8abe0a98cf00c6be25cfc814e05db33.webp 900w, https://assets.fabulous.ch/public/variant_asset/6637/file/large-48d65b8490633fb361f76f6d80bb44d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6637/file/medium-a8abe0a98cf00c6be25cfc814e05db33.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">Lavera</p>
          <a href="/de/products/sonnenlotion-sensitiv-kids-lsf-50-100-ml-14012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenlotion sensitiv KIDS LSF 50, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kXrH2NamkZwqFelMTfefsaMAhhaV1SoYz5n14CNZnKe5LP3rfOpoDXC0broeHwnKMrcASONi512KCiIfU0kEjA" />
    <input value="14012" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
          <img alt="Vegane Alternative zu Thun-Visch in Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7447/file/small-0e1a3d17533cf8661ffdb95ce977aaef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7447/file/large-7f64d959fd977def68d6bfde82a6b6b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Öl Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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-16174-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tTlef9-RMNo1WFamUiOO_m9VJPxnUmr2k_VKDPu4sb2db2RMdd3JS2_50VAByxiF_uKiohHlp7PWZp3zi6gplg" />
    <input value="16174" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
          <img alt="Cuisine Mandel Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2482/file/small-afae5c90ccb08308b44ce05f6f1a96f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.webp 900w, https://assets.fabulous.ch/public/variant_asset/2482/file/large-54df7a11ff5fc735676ed2573af32e72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.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">Ecomil</p>
          <a href="/de/products/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Mandel Ohne Zucker Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a1LwdddU1rQOTJOgpeapwOnPd2zhP-hsxTiyGJ1oQZ5DBMpGfRgvJVTtFFb2Dj-7eHjxMpeIJSmAq2Xn7XjZtQ" />
    <input value="3844" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/mehl-mix-kuchen-glutenfrei-bio-800-g-4917">
          <img alt="Mehl Mix Kuchen glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2915/file/small-81922ed63874ae4815b8e1688ed078c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2915/file/large-6df324b04e149cfcd70a7d7bdd33e0fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.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="/de/products/mehl-mix-kuchen-glutenfrei-bio-800-g-4917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Mix Kuchen glutenfrei, Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </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-4917-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hN-VaRQUYdPFxGqtN2pgU6eRPDOjrSgGz65jeDrray6sia9avliYQp9l7VtkgvYoNia6bdUa5UOKPbSHSvvzBQ" />
    <input value="4917" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
          <img alt="Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3758/file/small-a29836d196205d96422c0c710e2445a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp 900w, https://assets.fabulous.ch/public/variant_asset/3758/file/large-f03633ac363051fb5d94ec96ee8712da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.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">Govinda</p>
          <a href="/de/products/jackfrucht-fruchtfleisch-schnetzel-ungewurzt-bio-200-g-6549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jackfrucht Fruchtfleisch Schnetzel ungewürzt Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QugsyMKhXKEJ1R21t6jSwNkDA0WOl5Nh3uTaZxFFii5qvhb7aO2lMFN0mkPkQES7SLSFG_ggXiSbdw2YYVUSBQ" />
    <input value="6549" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/kaffee-alternative-chicoree-zichorie-instant-bio-100-g-5124">
          <img alt="Kaffee Alternative Chicorée Zichorie INSTANT Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8854/file/small-37487dd628956062723ec34b1ea2aab8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8854/file/medium-b8d111694b99bfbb5bacb0967743b3eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8854/file/large-d3e0482741520125c6538d90ceb75246.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8854/file/medium-b8d111694b99bfbb5bacb0967743b3eb.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">Lima</p>
          <a href="/de/products/kaffee-alternative-chicoree-zichorie-instant-bio-100-g-5124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Alternative Chicorée Zichorie INSTANT Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Rnu1xgQaX_834yZ2Oe0CVHNxjwk33dkErJDOtnXyZHNT9TkslyQ7qZ-C2-LDyJywHpAYlJouiFXIZTFqcdRug" />
    <input value="5124" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/soja-sauce-tamari-strong-bio-1-l-15171">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6950/file/small-c4bf4fbff5a11d45f6250162ec04c766.webp 600w, https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.webp 900w, https://assets.fabulous.ch/public/variant_asset/6950/file/large-51987b450834171311f3de819be94a15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.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">Lima</p>
          <a href="/de/products/soja-sauce-tamari-strong-bio-1-l-15171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mMl7K3NJL_Cj6uQ0bKgxBAtJ0zUbRjObcYxeo21TG42wn0EY2QXWYflLY8I_QKd_mv5Va23x_t40H4lcHUODpg" />
    <input value="15171" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/kokos-schlagcreme-bio-400-ml-11929">
          <img alt="Kokos Schlagcreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6078/file/small-c74fbda7af381711966fb05ae19b9fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6078/file/large-a9546abe1e3ee1311a0cfeb3d7374d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.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">Terrasana</p>
          <a href="/de/products/kokos-schlagcreme-bio-400-ml-11929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Schlagcreme Bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tK8W_dik0kFfvXs3d8oU2cKX0jOwYfMRq1W2EWL0iBuc-SzOcugr0AUc_MEkIoKiUyBUbcbWPlTuxmHuEuQQMA" />
    <input value="11929" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
          <img alt="Zahnpasta Classic Vegan fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7461/file/small-865aabc0828f935029b48b2dee347bfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7461/file/large-0e10917c4b0953378bc589f7892e1704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Classic Vegan fluoridfrei, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B0Zit5QpM8MDudM2YWLGnAgnuq2UD8Dp0SUum6NSdIYvEFiEPmXKUlkYVMAyilDnmZA88-K4DayUtvlk00LsrQ" />
    <input value="16210" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/sonneblumen-burger-mix-bio-90-g-16433">
          <img alt="Sonneblumen Burger Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7557/file/small-fb38d9efa866f00fa275f67492bc90ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7557/file/medium-b72aff31ae01d32d17d6391c81b67221.webp 900w, https://assets.fabulous.ch/public/variant_asset/7557/file/large-4a5067f72f8d1afa5c3d1d7f4f3ba5db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7557/file/medium-b72aff31ae01d32d17d6391c81b67221.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">Sunflower Family</p>
          <a href="/de/products/sonneblumen-burger-mix-bio-90-g-16433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonneblumen Burger Mix Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R7-aOCeCWU3aw48Lju-Ki8WY09XkdOPuyBlygOu0pvpv6aALjc6g3IBiCP3dBxzwVC9Vi5LDLquNiqV_m6Q-0Q" />
    <input value="16433" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/lupinen-rostbratwurstchen-bio-200-g-1438">
          <img alt="Lupinen Rostbratwürstchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1189/file/small-d866db3d4bc938bdcd36bcf65ac4d6f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1189/file/medium-e415e8da0e1edf79c71fc994bc19291b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1189/file/large-a62fc3afeaf03a0893a7a6e9b04b40ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1189/file/medium-e415e8da0e1edf79c71fc994bc19291b.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">Alberts</p>
          <a href="/de/products/lupinen-rostbratwurstchen-bio-200-g-1438">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupinen Rostbratwürstchen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z079qdGDq_EV2ryB_DCjQKqLBGLpdAPg2IxN5rlGUznnGMeae89SYE97O3ev2DU7OzyCPJ_DzqWdH5oZyVbLEg" />
    <input value="1438" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/completeorganics-white-kimchi-bio-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/de/products/completeorganics-white-kimchi-bio-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics WHITE KIMCHI Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XhcoL3aBYKitR5ct2a31Wh8t33-ZmbPIHy6n3dDyBWl2QRIc3M2ZOffmENuKRWMhjppZIe8ufo1avXAioOKdQg" />
    <input value="15891" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/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="/de/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.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 2.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W3KyjSqwBRLuLg3vlxTMA5jpatuWKdxMwFHDNdm4NRFzJIi-gPz8g7SPihnE_Fp4CV7sheCeEQmFwhTKqaitOg" />
    <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 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/wilmersburger-scheiben-burger-style-glutenfrei-150-g-57">
          <img alt="Wilmersburger Scheiben Burger-Style Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/61/file/small-32abed07a5364310a72beece2400f658.webp 600w, https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.webp 900w, https://assets.fabulous.ch/public/variant_asset/61/file/large-3d1af9243c06d53ebfa49ae880aa1089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/61/file/medium-0c279baf58226e70d3d7c1e81d63c59d.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-burger-style-glutenfrei-150-g-57">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilmersburger Scheiben Burger-Style Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KGOeiJXk-tP--fplMe8S4O6w9Ur22rChvVvyYh5k_K0ANaS7P6gDQqRYfZNiB4SbfwdzFIBtfeT4yCWdbnRkhg" />
    <input value="57" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fbuttermilk-confectionary%3Fformat%3Dturbo_stream%26page%3D22">
    <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="/de/products/margarine-ohne-palmol-megarine-veganes-streichfett-bio-250-g-6344">
          <img alt="Margarine ohne Palmöl Megarine veganes Streichfett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/de/products/margarine-ohne-palmol-megarine-veganes-streichfett-bio-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine ohne Palmöl Megarine veganes Streichfett Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Om1kM9HofWaUPkdtSUV7K-hWp4CiN2IY-FYuXECM5L4v4-jZQtYZMDxfuvmzYOXPhbcwHQ_EM0mco9GARKruQ" />
    <input value="6344" 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">
      440 von 3&#39;272 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/buttermilk-confectionary?format=turbo_stream&amp;page=23">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>