<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%2Fproducts%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="UByLlw53F2tR4yI-lwkqNL9GX_nfkRAogHXX_rtCVm4iG8X_k3lQIZpAG194hNe7cgM2fli4FZt8JN26rCJAtA" />
    <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%2Fproducts%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="eVr7kAZu4J98ITYVP5EtHqAR27Ba2BirIf7FES5tKbULXbX4m2Cn1beCD3TQHNCRbVSyN93xHRjdr89VOQ0_bw" />
    <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%2Fproducts%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="mvz8KTFtZh64AWBDMsVzbIN0YSyONZ3hgs5jU9uixtzo-7JBrGMhVHOiWSLdSI7jTjEIqwkcmFJ-n2kXzMLQBg" />
    <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%2Fproducts%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="s-Cbr8o-35lL8hf-zH3aQA3vhhomHbGg4JDbFVLGuArB59XHVzCY04BRLp8j8CfPwKrvnaE0tBMcwdFRRaau0A" />
    <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%2Fproducts%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="MSTaHtIxB-KL4lR38HygXd_BMXb5OTakKyzbQMoYvJ1DI5R2Tz9AqEBBbRYf8V3SEoRY8X4QMxfXfdEE3XiqRw" />
    <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%2Fproducts%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="ft29vGJvF5ScIoYEwHxe-0W0pLe02o5Bp2y63kYq9w8M2vPU_2FQ3leBv2Uv8aN0iPHNMDPzi_JbPbCaUUrh1Q" />
    <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%2Fproducts%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="h6hROLmcNW7fdKG3rJlZ3derc0Bnycr3fBRbxSfXg-v1rx9QJJJyJBTXmNZDFKRSGu4ax-Dgz0SARVGBMLeVMQ" />
    <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%2Fproducts%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="BI2gNqT3GVy3ZXxWj2UMLFe8tIxcujhujguUjaGTyUF2iu5eOfleFnzGRTdg6PGjmvndC9uTPd1yWp7JtvPfmw" />
    <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%2Fproducts%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="4EhLs_B0eqRKER-ZdugX0HNUlgZvbEYGpF1Ie31WRpySTwXbbXo97oGyJviZZepfvhH_gehFQ7VYDEI_ajZQRg" />
    <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%2Fproducts%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="Ff5kgLevnkYGv447mGoCrHM7CzWd-MzOxm5nzbUCfvRn-SroKqHZDM0ct1p35_8jvn5ishrRyX06P22JomJoLg" />
    <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%2Fproducts%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="f2Hc_Tnp5L7xffNN1DbKxsZxu804Vb-MPnfoI0tw7LsNZpKVpOej9Dreyiw7uzdJCzTSSr98uj_CJuJnXBD6YQ" />
    <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%2Fproducts%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="bdZewSv_dycPDT3tjdibA31vEJQw4xwFLlk8VRv-45Af0RCptvEwbcSuBIxiVWaMsCp5E7fKGbbSCDYRDJ71Sg" />
    <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%2Fproducts%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="xcUu_VO77rBaelYk_5QCxFFTFOzE_SZDN-MirlwGUdK3wmCVzrWp-pHZb0UQGf9LnBZ9a0PUI_DLsijqS2ZHCA" />
    <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%2Fproducts%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="k8iUo5z7BZZcSbPGcRVA3ae_tqcmgUwPB_uKS22jGaHhz9rLAfVC3JfqiqeemL1SavrfIKGoSbz7qoAPesMPew" />
    <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%2Fproducts%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="njGvWpMoKamEPkycvh2raku8u2pI3SUlI36vkSQuC1XsNuEyDiZu40-ddf1RkFblhvnS7c_0IJbfL6XVM04djw" />
    <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%2Fproducts%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="BiA8R8IOA_4qmntQYa-4kmRRDnpNRY6pM_7KXGG_VcJ0J3IvXwBEtOE5QjGOIkUdqRRn_cpsixrPr8AYdt9DGA" />
    <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%2Fproducts%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="EDGSZpHRDVvQRl-KWQxRDTPwhmkqttqHuuWWzEdTVzpiNtwODN9KERvlZuu2gayC_rXv7q2f3zRGtJyIUDNB4A" />
    <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%2Fproducts%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="2x0tq3DGN0DavpUYOI8G_sHGF62BfJh2SNIigjW7HVWpGmPD7chwChEdrHnXAvtxDIN-KgZVncW0gyjGItsLjw" />
    <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%2Fproducts%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="gfgGXpqZP2ZiVnYRRsDp3csJlcxw8aet1ZpD1GBWssnz_0g2B5d4LKn1T3CpTRRSBkz8S_fYoh4py0mQdzakEw" />
    <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%2Fproducts%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="Fn8lGOcIOV-NIGxb0TpdGqgR1gMYAU6MYeupPlYDpYNkeGtwegZ-FUaDVTo-t6CVZVS_hJ8oSz-duqN6QWOzWQ" />
    <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/products?format=turbo_stream&amp;page=36">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>