<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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/amaranth-schokolette-zb-bio-5-x-28-g-18225">
          <img alt="Amaranth Schokolette ZB Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9815/file/small-05530a3afab6faa7295473e6fa5df35f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9815/file/medium-87acb5105ef0eafe2522de9fa065041c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9815/file/large-c6ff2cab5c9ceb080ee9a7e0a6cc6fff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9815/file/medium-87acb5105ef0eafe2522de9fa065041c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/amaranth-schokolette-zb-bio-5-x-28-g-18225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth Schokolette ZB Bio, 5 x 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zWu6iqjTF6uJkzEqUts3RrwKaK-wqB2hYqs23tyiz_Jxyka75H-ejp8MbSG_gVYnWXkHLb-Q5oG3VobXci0TYQ" />
    <input value="18225" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/auf-s-brot-toskana-bio-140-g-18226">
          <img alt="Auf&#39;s Brot Toskana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9808/file/small-5c186ce1a5e171c57c74f9b539507439.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9808/file/medium-17981d6b8a835e3a385f014fd8020325.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9808/file/large-0a8e1c4d7ae02e81f9770e9ca7c4a40e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9808/file/medium-17981d6b8a835e3a385f014fd8020325.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/auf-s-brot-toskana-bio-140-g-18226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Auf&#39;s Brot Toskana Bio, 140 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 3.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O7MUQ4bRmKWi10rCSV6JngcoolrvhARnWqul3G5-VQuHEuhyyn0RgLRIFsmkBOj_4lvN2OC8_0ePVhXVwPGJmA" />
    <input value="18226" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aufstrich-belugalinse-balsamico-bio-140-g-18227">
          <img alt="Aufstrich Belugalinse-Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/small-7f82e75d6108559be915b7405d48d65e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-3766bbb4e40c952e133ec335f61cab6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9809/file/large-7cf0c7a3097aa056f2fc04b0fc180911.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9809/file/medium-3766bbb4e40c952e133ec335f61cab6f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/aufstrich-belugalinse-balsamico-bio-140-g-18227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Belugalinse-Balsamico Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IziRMhxHs8ANRNgFIwnxgVbv68krnasHM90urVl06xGfmW0DUOs65RvbhA7OU5Dgs5yESySlUCfmIJ6k9_s3gg" />
    <input value="18227" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/brei-der-ungesusste-3-korn-bio-500-g-18228">
          <img alt="Brei Der Ungesüsste 3 Korn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9814/file/small-57e1d06b1c30d668e5ad2c765073ed42.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9814/file/medium-5e4f17297c48a880e1e6e44476c938cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9814/file/large-4cefcf51c4606c580d217842bdb06eb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9814/file/medium-5e4f17297c48a880e1e6e44476c938cb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/brei-der-ungesusste-3-korn-bio-500-g-18228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Der Ungesüsste 3 Korn Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kq0bIDSQ3fPpSPIpYxunZSe_Q-5POjCtSY7LVsZawQwuDOcReDxU1v_XriKOQcYEwswsbEACy42cc3tfaNUdnw" />
    <input value="18228" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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-hafer-bio-200-ml-48b85317-c4ac-4e0b-82da-012b0c64380b-18229">
          <img alt="Cuisine Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10956/file/small-8bf9a73e076c94020357502478c08dca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10956/file/medium-3c7c282a4c4fad1e960171cfd5805aaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10956/file/large-6f18c713aa7638ea579f0fb3b75a9aa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10956/file/medium-3c7c282a4c4fad1e960171cfd5805aaa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/cuisine-hafer-bio-200-ml-48b85317-c4ac-4e0b-82da-012b0c64380b-18229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Hafer Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VMhlUof6ONWrzLnLtR9zqV3OD9JjjjGkU2s2cDrqHzHoaZljy1ax8L1T5cBYRRLIuL1gUGy2yoSGloZ5lGXDog" />
    <input value="18229" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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-kokos-bio-200-ml-18230">
          <img alt="Cuisine Kokos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10962/file/small-5ebefee3795727da6e9b3435bcfab8ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10962/file/medium-b7345ed21934759b259e5b3839293731.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10962/file/large-8d7f1b33333d0f66e28727fd08fcbbe3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10962/file/medium-b7345ed21934759b259e5b3839293731.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/cuisine-kokos-bio-200-ml-18230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Kokos Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZoN2PbCc4NTK211QsQZjuj0mpKJgktCvSupdURF280raIooM_DBp8dxEAVtcXALb2FXLIG-qK4-fF-1Yv_kv2Q" />
    <input value="18230" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/dinkel-honig-poppies-bio-300-g-18231">
          <img alt="Dinkel Honig Poppies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10370/file/small-4702a3845ef3dabee88276a8340bd3dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10370/file/medium-618a22944117a035ebd4a806ebb781a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10370/file/large-3de3ac6f1d4e786125b7417e86507b2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10370/file/medium-618a22944117a035ebd4a806ebb781a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/dinkel-honig-poppies-bio-300-g-18231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Honig Poppies Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k6546HccThiJMKf6GXv-TwTPg81gmpuK6lgAdVk2q0IvD4TZO7DHPZ-v-_H0IZ8u4bzsT2-iYKo_pbB897l30Q" />
    <input value="18231" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/fruchtschnitte-apfel-walnuss-bio-40-g-18232">
          <img alt="Fruchtschnitte Apfel-Walnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/small-473989c7aa8a35dd7bb4d838031fa843.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-12f4cfa9ccbb7cbe1ded697e41ec8d9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/large-b45ae9346add03bb65fcfcffee577442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-12f4cfa9ccbb7cbe1ded697e41ec8d9e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/fruchtschnitte-apfel-walnuss-bio-40-g-18232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtschnitte Apfel-Walnuss Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y3K2IYoD4QNYUk1mky0dlnPyue3iudDNZaryvMnStxjf00oQxq9oJk7NEW1-d3z3loHWb-2BK-2wV0K1Z11riw" />
    <input value="18232" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/halva-bio-75-g-18233">
          <img alt="Halva Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11264/file/small-9cc305fdd0cd1205c4b6862790e87524.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11264/file/medium-bceeb9bc94b0cc7b8af441e6a253dcb5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11264/file/large-1c80fc80f30cef344d73c92d4af7b69d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11264/file/medium-bceeb9bc94b0cc7b8af441e6a253dcb5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/halva-bio-75-g-18233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Halva Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="beFIkseQZH1iTUd9ab7IhLEEVYz2mYOuhoMRH4NcxivRQLSjizztWHTSG3aE5KnlVHc6DvmheI5TfqEWLdMauA" />
    <input value="18233" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/hof-gemuse-pascals-paprika-trio-bio-135-g-18234">
          <img alt="Hof Gemüse Pascals Paprika Trio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/small-4c64ee0a4128b77d8d821b3dcdd09488.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-504d3ef05e0a44387ed914deeaee1bcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9812/file/large-f602752d68a191ca93966bc140d887a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9812/file/medium-504d3ef05e0a44387ed914deeaee1bcb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/hof-gemuse-pascals-paprika-trio-bio-135-g-18234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Pascals Paprika Trio Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFuzL6J6X6ezssF4mSnYI4AeLAMFbOOHIitQmfcRHHGE-k8e7tbWgqUtnXN0c7lCZW1DgQpUGKf31uCQWZ7A4g" />
    <input value="18234" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/hof-gemuse-rote-bete-meerrettich-bio-135-g-18235">
          <img alt="Hof Gemüse Rote Bete-Meerrettich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/small-20a87cbdb0247b55ceffa1acc8a91803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-73fc3ac6c7d8c81a59811e10e526e085.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9811/file/large-1b553fe872abe240881bf534e4690c8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9811/file/medium-73fc3ac6c7d8c81a59811e10e526e085.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/hof-gemuse-rote-bete-meerrettich-bio-135-g-18235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Rote Bete-Meerrettich Bio, 135 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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wTMxN5yKBKsJ_YibFG7T4U4FJic0wnt9EzWSssoo5uV9ks0G0CaNjh9i1JD5NLKAq3ZJpTv6gF3GyCK7ZKc6dg" />
    <input value="18235" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/hof-gemuse-rucola-kirschtomate-bio-135-g-18236">
          <img alt="Hof Gemüse Rucola-Kirschtomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/small-306ae55fc49e40896c6effb67f87d708.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-b80ca4fff653a42e1c5fa1db6161c8b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9810/file/large-24a9bb3f473539e2b634f39d8ffc14e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9810/file/medium-b80ca4fff653a42e1c5fa1db6161c8b8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/hof-gemuse-rucola-kirschtomate-bio-135-g-18236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Rucola-Kirschtomate Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZ80ml2FL4GZePATfnyonTaI0X_s-XFC64SZODSeCzORPsirESmmpI_nrBiTJsn80_u-_ePBimI-eSkxmhHXoA" />
    <input value="18236" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/hof-gemuse-tomate-lauch-bio-135-g-18237">
          <img alt="Hof Gemüse Tomate-Lauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/small-29c97811c8129d64bc63abd901d737a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-ff7730bc47691840d055065c2e07930e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9813/file/large-eec76978a8c31c174b886aa0829b53ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9813/file/medium-ff7730bc47691840d055065c2e07930e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/hof-gemuse-tomate-lauch-bio-135-g-18237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Tomate-Lauch Bio, 135 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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N_STrNT8y1yHdF6DRBfSPZAbWLCNRI1j_IeewyMr7ueLVW-dmFBCeZHrAoipTbNcdWg3MoJ8dkMpei7KjaQydA" />
    <input value="18237" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/der-klassiker-hildegards-dinkel-musli-bio-500-g-18238">
          <img alt="Der Klassiker Hildegards Dinkel-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10359/file/small-46d7222b57255426f3a9b9aef02d09da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10359/file/medium-ef19736a987e9c808db39d78bdb5a6b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10359/file/large-65af65cf3115bb75c66c5cab6d6b34d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10359/file/medium-ef19736a987e9c808db39d78bdb5a6b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/der-klassiker-hildegards-dinkel-musli-bio-500-g-18238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Der Klassiker Hildegards Dinkel-Müsli Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FbYEny2KeMxUtseHePPILfDncdhPn6wmvcqLnjQuyj-pF_iuYSbx6UIpm4yVqalMFZQeWkCnVwZoNzuXmqEWrA" />
    <input value="18238" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/mandel-drink-ohne-zucker-bio-1-l-18239">
          <img alt="Mandel Drink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/small-b876c4457da9262a4da5e2882adc6d35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-c67a4727174cdeb447709714426b6b4e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/large-2e37d7d591ba4f9abe5396661f779522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-c67a4727174cdeb447709714426b6b4e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/mandel-drink-ohne-zucker-bio-1-l-18239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Drink ohne Zucker Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6GtfnDX1dLFLEHCnEdLVMB_dZcpjB7y3FBgw2p3Fj91UyqOteVn9lF2PLKz8iLRR-q4KSGw_R5fB5YDTM0pTTg" />
    <input value="18239" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/muesli-das-ungesusste-protein-bio-450-g-18240">
          <img alt="Müesli Das Ungesüsste Protein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/small-1f9075df97a9dde0e3842badfad113c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-e0212204d1421e1b1b279d1be252775e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/large-185eadb6d7b78b42db3e49a81174c8be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-e0212204d1421e1b1b279d1be252775e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/muesli-das-ungesusste-protein-bio-450-g-18240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Das Ungesüsste Protein Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dl1pa9ROOGC7LasmJOgJmWJSEbegenT8cdJDMkFVnY6y_JVamOKxRa2y9y3Jsmj4hyF-Na9Cj9ykL_M779pBHQ" />
    <input value="18240" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/sojadrink-ungesusst-1-l-18241">
          <img alt="Sojadrink ungesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/small-c569aab1e6b86f84dbb621e50b8a89cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-c8a3434174b3e1c81b4211c8ea3e1d3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/large-3e89486b6c4a6635248caa79cbdba8de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-c8a3434174b3e1c81b4211c8ea3e1d3d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/sojadrink-ungesusst-1-l-18241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojadrink ungesüsst, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87YxgEQ_2eTNUeksPcFvN16zmkpc6X2oVBH7MB53lAVPF82xCJNQwdvOtSfQmw5Wu8D1yFPRhoiB7Es5sPhIlg" />
    <input value="18241" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/hanf-nusse-bio-150-g-18242">
          <img alt="Hanf Nüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9825/file/small-6364b9ec0df738bdab8759c63e7f0f6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9825/file/medium-99978db9ac1f74c318e601a63305bb13.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9825/file/large-cd9f77125c4315ae73f967cedc383ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9825/file/medium-99978db9ac1f74c318e601a63305bb13.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">AlpenPionier</p>
          <a href="/de/products/hanf-nusse-bio-150-g-18242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanf Nüsse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWOG_ZGDwfzcYbJS_6IiAZiH8ILkMjEUDavfaNomzpr5wnrM3S9I2cr-7lkS-ENgffSfAOsKyjTYVm9hdKkSCQ" />
    <input value="18242" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/b12-trio-dosierspray-30-ml-18243">
          <img alt="B12 Trio Dosierspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9774/file/small-37b284ed2f1ef101260439517fe8a825.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9774/file/medium-d83afdf1e3066d991614e2a2a5d816d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9774/file/large-f1bfb8631d6ea16e436498ed80bcbd52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9774/file/medium-d83afdf1e3066d991614e2a2a5d816d6.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">Alpinamed</p>
          <a href="/de/products/b12-trio-dosierspray-30-ml-18243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">B12 Trio Dosierspray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VuNjI9MZ0tiSwwh9hb1bRblm5UtYxXnNsNo0nUTFjJ7qQp8Sn7Vb_YRcVHZo5zokXBWKyVf9gu1lJ4SU6kpQDQ" />
    <input value="18243" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D35">
    <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/prana-schwarze-knoblauchzehen-60-g-18244">
          <img alt="Prana schwarze Knoblauchzehen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/small-c083fd2660a9fb513450f6d2b08fb80d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-63bd91ea98bf303892adfa45ab57799f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/large-3c75dd51619de2012a9cee1448649d40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-63bd91ea98bf303892adfa45ab57799f.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">Aman</p>
          <a href="/de/products/prana-schwarze-knoblauchzehen-60-g-18244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Prana schwarze Knoblauchzehen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FSXZ3BgFjFR65FhVnEIVeExClvsgr3FYeXGZRzp01SqphCXtVKkFcWx7BF5xGHQZqTH5eS-XinisjClOlPsJuQ" />
    <input value="18244" 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">
      700 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/kaffa?format=turbo_stream&amp;page=36">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>