<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/schaf-frischkase-50-fett-bio-100-g-18265">
          <img alt="Schaf Frischkäse 50% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9663/file/small-5faa831868e8718d9762f7289da465e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9663/file/medium-3111f04b1ee0eea7db6884e69a7524bb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9663/file/large-e2181e2cfc44568e6c2b7f5fe0ab9115.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9663/file/medium-3111f04b1ee0eea7db6884e69a7524bb.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">Bergerie</p>
          <a href="/de/products/schaf-frischkase-50-fett-bio-100-g-18265">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaf Frischkäse 50% Fett Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5_kWtTmjgMIp-s70DtQ5zFTKEgJgjl1V2jUBItIProsMhzvxcYPrHbpNwtPnrwJHq5pmPUEKeLJkoKknJWiYzg" />
    <input value="18265" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/butter-unpasteurisiert-bio-200-g-18267">
          <img alt="Butter unpasteurisiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/small-73c3f5bc443092789c4e565579926ff1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6758dfd033c3e5398aae50e9c7d240fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10435/file/large-d7601199acce627780651c45f19e09dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10435/file/medium-6758dfd033c3e5398aae50e9c7d240fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biedermann</p>
          <a href="/de/products/butter-unpasteurisiert-bio-200-g-18267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butter unpasteurisiert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xDIzJBa6fI-C73m4Me_HqR4SVQqb5NIv0yIdAtj7u9ovTB5gXpoXUBFYdZ_YlPwi4UIhNbpg98htt7UHL5yNnw" />
    <input value="18267" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/joghurtalternative-kokos-heidelbeere-bio-150-g-18269">
          <img alt="Joghurtalternative Kokos Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9545/file/small-ef01684914541bebf77d2d34b6f5bd95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9545/file/medium-a1618b411a840fa574c8008c59a5052f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9545/file/large-602f7fc52a3e8769492d238853539b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9545/file/medium-a1618b411a840fa574c8008c59a5052f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biedermann</p>
          <a href="/de/products/joghurtalternative-kokos-heidelbeere-bio-150-g-18269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Heidelbeere Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tr5OxTIpwReUKwiBd7DBBU4Xf88DIabS_pe8Vl6PljelwGOBegmqyAecBKaey_qOsUcL8CKlgzVAAhRTqeigcg" />
    <input value="18269" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/joghurtalternative-kokos-mango-bio-150-g-18270">
          <img alt="Joghurtalternative Kokos Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/small-c60c20b5492591cef156332c912106c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-7bba613e979a29ea64c5f1e84f9506aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9547/file/large-8f8addabc756082429c3b5d92242b550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9547/file/medium-7bba613e979a29ea64c5f1e84f9506aa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biedermann</p>
          <a href="/de/products/joghurtalternative-kokos-mango-bio-150-g-18270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Kokos Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1oQ_cPyIIVCyKyJV49B9iaSTkJnl0KFk6Azy6jN5-O09-hI0tKhKjyGcLnIKq0YCW8PkpsRUhINWmVrvxB7OqA" />
    <input value="18270" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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-risotto-bio-500-g-18271">
          <img alt="Dinkel Risotto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9873/file/small-a6e9c8b016aea02050cd30cdd5cb3187.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9873/file/medium-cda47e9634b20d72b19ec21479be0efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9873/file/large-93db2654ffb764b3109ecccb05d0a849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9873/file/medium-cda47e9634b20d72b19ec21479be0efb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/dinkel-risotto-bio-500-g-18271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Risotto Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HDIL6I5ap3qE51MCJDz2Iv9WSqj4uYrUGLRbqJdNyTj3TCasxnrMpRdQXyXNR82pAAY-l9k9rzOmIfOtYCr_fQ" />
    <input value="18271" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/golden-light-zucker-bio-1-kg-18272">
          <img alt="Golden Light 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/9874/file/small-e7685df20def7467bf0c030616049208.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9874/file/medium-93ea830fb40a42cca336bc14a0dcdf13.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9874/file/large-6f1cd934136a5e2aa6f811620fe978f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9874/file/medium-93ea830fb40a42cca336bc14a0dcdf13.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/golden-light-zucker-bio-1-kg-18272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Golden Light Zucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zrmEWg8gTR-V0EKFHPYiTRfX9JHVZeP1zR5lw0cbC1slx6keRwAmwAZnTqL1jRnG6IeArvThxhJzi83GsHw9Hg" />
    <input value="18272" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/haferflocken-fein-bio-500-g-18273">
          <img alt="Haferflocken fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10418/file/small-d34e1bf82ae9163f2a44fddd37bea696.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10418/file/medium-851443a3588fb73a7669f0e1b54161c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10418/file/large-cc24a0c5223ee081b3e97301bd117203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10418/file/medium-851443a3588fb73a7669f0e1b54161c9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/haferflocken-fein-bio-500-g-18273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken fein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="um3RONJfDMHe7EJzi7mOHvkYpLDiIB2bJoFjguEwxElRE_x8mn9nHk1bTlRiwrWVBkjQj8OkOHyYFMuHFlfyDA" />
    <input value="18273" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/knuspermuesli-aus-urgetreiden-bio-500-g-18274">
          <img alt="Knuspermüesli aus Urgetreiden Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9875/file/small-38108fb7e2c982d264217738a1a9d235.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9875/file/medium-e4e4d5615577aebcc747be05fcf3e81e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9875/file/large-58a299aa386c57415f7f4c01044de71b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9875/file/medium-e4e4d5615577aebcc747be05fcf3e81e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/knuspermuesli-aus-urgetreiden-bio-500-g-18274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli aus Urgetreiden Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eISX5NzREIGsA041I2xhQWOr_DLC_TIRwFBKhHvZ0cCT-rqglPF7Xj-0QhLKF1rKnPuIDeN5F_Z-xeKBjL7nhQ" />
    <input value="18274" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/knuspermuesli-choco-amaranth-bio-500-g-18275">
          <img alt="Knuspermüesli Choco Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/small-bda300268166aed60a18663337439a39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-6156706d16f4cca84fc0e65791bd39b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/large-2247e432524f6274e8bfb60ba93f0224.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-6156706d16f4cca84fc0e65791bd39b7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/knuspermuesli-choco-amaranth-bio-500-g-18275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Choco Amaranth Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5VSZzMpOksCQsXfVbb5zHqguzNwclM3l_IqaHBYuSwk638jewlRlJH1yfi8zcJHhfDPDFH2dtApZ4Jthz-PaQ" />
    <input value="18275" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/knuspermuesli-classic-bio-500-g-18276">
          <img alt="Knuspermüesli Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/small-a62bf20f5179c96d371d74794928907d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-8077a4af75fdb68cd1f35cf4220d3540.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/large-9dbd9318d9ad031962fb4b8cbedcb850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-8077a4af75fdb68cd1f35cf4220d3540.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/knuspermuesli-classic-bio-500-g-18276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knuspermüesli Classic Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kwN6D9b0BXwsnEbAx3VP6ydmS-z-ukNtYCGPcB23qLh4fVdLntRuo78rSucuDnRg2DY_098-ZoretCd16tCe_Q" />
    <input value="18276" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/schweizer-dorrbohnen-bio-100-g-18277">
          <img alt="Schweizer Dörrbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/small-b4d52d48d87704b21f4bcb727cc2a42b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-81579a3797cadb61d99c25b3bea4786f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/large-814733843d5e6669b053b722a6f09c46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-81579a3797cadb61d99c25b3bea4786f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/schweizer-dorrbohnen-bio-100-g-18277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Dörrbohnen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nIzA-grMpEpF4dTijXXM6UekAYVsDlQD_rE-kKSHfFd38u2-QuzPldZW2MVkDvdiuPR1uk2KceRAJJaVU-BKEg" />
    <input value="18277" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/schweizer-leinol-bio-500-ml-18278">
          <img alt="Schweizer Leinöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/small-2a50e25b564b985eccdbb119695524f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-704ef21d1691f30093f95cf18fb4c7b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11050/file/large-5d60974e8b53b76ef07996b7a13b51cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11050/file/medium-704ef21d1691f30093f95cf18fb4c7b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/schweizer-leinol-bio-500-ml-18278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Leinöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8GRJLrz2jk3isfOCEejLWBcFSAgyYGgG_KYj1xOFc3Iv7xg8tOx5qQ9y-nhPJimnwxhHwFNpEelZzCKqykjiA" />
    <input value="18278" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/schweizer-maisgriess-bramata-bio-500-g-18279">
          <img alt="Schweizer Maisgriess Bramata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/small-f7040986a214963192c10df284f8621a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-da63f8d61a76146f72c969c97589deec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/large-d81a22ef5e0c49c6542c435ce89ec604.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-da63f8d61a76146f72c969c97589deec.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/schweizer-maisgriess-bramata-bio-500-g-18279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Maisgriess Bramata Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xRmnv_IUwdkQFNT3e8W3vuZHzTDSUUA4DqLFAfLydXUuZ4r7ujSqBoOj2NCSvow1GRe5D_PVZd-wN20EBZVDMA" />
    <input value="18279" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/schweizer-sonnenblumen-bratol-bio-500-ml-18280">
          <img alt="Schweizer Sonnenblumen Bratöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10959/file/small-a574a8cccec7695a1a5914de3a738bdc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10959/file/medium-eef4ee60f09f536afa34b9313381eb81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10959/file/large-8d36eb59c10817242b4653c3a3ec5db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10959/file/medium-eef4ee60f09f536afa34b9313381eb81.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/schweizer-sonnenblumen-bratol-bio-500-ml-18280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Sonnenblumen Bratöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a06o_qXsTQzmhz9XxIDlbyFZvpgMF_wkhotoQ-HaunaAMIW67cwm03UwM3At-97k3gnKpy2T2cM4HsBGFr2MMw" />
    <input value="18280" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/tomaten-getrocknet-bio-100-g-18281">
          <img alt="Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/small-f33fef8b54337b3519f7796da7e34ae9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-ecd1c02fdce3c1545e5430820d58a273.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11051/file/large-9e5d4bbfa3e0379c0c56aa6acab2aee8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11051/file/medium-ecd1c02fdce3c1545e5430820d58a273.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/tomaten-getrocknet-bio-100-g-18281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="grtyOZqp--9iz3_i4w40xgAzWU6xwIEbuCfGsjRfdEhpxV990omQMPF4c8UKdQ9N_2MtcZBEpPwGsm63wzhCDQ" />
    <input value="18281" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/unigel-geliermittel-konv-500-g-18282">
          <img alt="Unigel Geliermittel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9879/file/small-047a2f7692d0fd3daf0f85700e2472d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9879/file/medium-478b4bcbcc030950e247451927da52eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9879/file/large-1de535e5bed05ebd5523300c659ec4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9879/file/medium-478b4bcbcc030950e247451927da52eb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/unigel-geliermittel-konv-500-g-18282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXJGHftVGFF_OGr_ruOXdT1DD0XffO96e6StPoPKz5AqDGtZs3VzjuyPZthHmKz-whN7ev74yp3FMQU7dK351Q" />
    <input value="18282" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/unigel-geliermittel-bio-500-g-18283">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9161/file/small-c85ae79ad0b2fd370caf548302d089cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9161/file/medium-07570729b1676eca57f74b7ffff3350d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9161/file/large-32f8e4a6a8569129a29a513b59801b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9161/file/medium-07570729b1676eca57f74b7ffff3350d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/unigel-geliermittel-bio-500-g-18283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8j16vO2RtpaVOLvfrP1DaYWrp22NqK3D3jcIM-j61SwZQ1f4pbHdSQaPt_hFhnjievvTUqwsiCRgoqA2H53jaQ" />
    <input value="18283" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/unigel-geliermittel-bio-50-g-18284">
          <img alt="Unigel Geliermittel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9162/file/small-11424e811ae8fb50af955668dc2bbbe6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9162/file/medium-718c9e241770ab7d136ed9845940a155.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9162/file/large-f73c23939e75c863ab7f346490f20750.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9162/file/medium-718c9e241770ab7d136ed9845940a155.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/unigel-geliermittel-bio-50-g-18284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Unigel Geliermittel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNH6BBNQNw6YUzBbqz2bK93zHn1BXaI_ftkdIVWFGDNnr9dAW3Bc0QvkPHxCRqCgIqNqQmDZh9jATLUkouIudg" />
    <input value="18284" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/vollrohrzucker-jacutinga-bio-750-g-18285">
          <img alt="Vollrohrzucker Jacutinga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9880/file/small-0a6578c5e7ed81aa481844b3abe5a0bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9880/file/medium-57230ef815cd9ac430e8a286c674951e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9880/file/large-5f6b8713e867c6bdb8964718ddc4db1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9880/file/medium-57230ef815cd9ac430e8a286c674951e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/vollrohrzucker-jacutinga-bio-750-g-18285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollrohrzucker Jacutinga Bio, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3TmfhHzdIopVH9HUkf0udG7l0gvsi6-Y1qS2SZT0dvk2R7LANP1JVcao3fN4hhX_kbWmNM0Pin9oMR5MY5NAvA" />
    <input value="18285" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D26">
    <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/caramelkopfli-bio-110-g-18286">
          <img alt="Caramelköpfli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9772/file/small-a84942f1fa48c3eff9a5b13cd8ce1d48.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9772/file/medium-d339f2ded1b4d1a76b4186d3b35dd6db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9772/file/large-9e09efd165f82292fc70953c79c2229a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9772/file/medium-d339f2ded1b4d1a76b4186d3b35dd6db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biomilk</p>
          <a href="/de/products/caramelkopfli-bio-110-g-18286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelköpfli Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XT8w3cO9J-W_7neVmaxV46En2mW2WsFrCRTZGOgflUq2QR2Zi51MOixZe7Jw125oXneuWpfe5Iy3gXEdH3ijDw" />
    <input value="18286" 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">
      520 von 1&#39;578 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=27">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>