<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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/veganes-virginia-steak-bio-175-g-677">
          <img alt="Veganes Virginia Steak Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/621/file/small-62403a22204994066c7923090497df29.webp 600w, https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/621/file/large-2807cf030d397bf1a2fa07b091bbe041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/621/file/medium-b9cbc11891e25d21e1ff6feb7f4300e8.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">Wheaty</p>
          <a href="/de/products/veganes-virginia-steak-bio-175-g-677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veganes Virginia Steak Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;677&quot;],&quot;content_name&quot;:&quot;Veganes Virginia Steak Bio, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;677&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfL4WjqSWUl-d78zGsLIaUhsnYFjPfuAMpgNS27Z9j43gNShuom7RCZDH1na3_SI-wLAvmUQwVRy94Zj4tFsLg" />
    <input value="677" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/streichvurst-schwarzer-pfeffer-erbsenprotein-bio-100-g-17481">
          <img alt="Streichvurst Schwarzer Pfeffer Erbsenprotein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8144/file/small-1a4ef93ac28cda184d101409f4d4e670.webp 600w, https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8144/file/large-1c36a1b436ee9d745d752a3ca91c8966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.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">the vegan cow</p>
          <a href="/de/products/streichvurst-schwarzer-pfeffer-erbsenprotein-bio-100-g-17481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streichvurst Schwarzer Pfeffer Erbsenprotein Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17481&quot;],&quot;content_name&quot;:&quot;Streichvurst Schwarzer Pfeffer Erbsenprotein Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17481&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uq5M9N-qcywqNZfBl5w-5XXx-wNnWtwFpudOFjRGyf_83GAPX7GRIXIBN6tXgQIExp-mPGF35tHmiMU-uE5T7w" />
    <input value="17481" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/streichvurst-natur-erbsenprotein-bio-100-g-17479">
          <img alt="Streichvurst Natur Erbsenprotein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8145/file/small-93fd9178aef1e7bb0d12f34000b9c906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8145/file/medium-a2cd63bf19eb82480a8a0e2bd3ce06d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8145/file/large-22d1e8d7b1a979cd7f46cfaf873121fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8145/file/medium-a2cd63bf19eb82480a8a0e2bd3ce06d0.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">the vegan cow</p>
          <a href="/de/products/streichvurst-natur-erbsenprotein-bio-100-g-17479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streichvurst Natur Erbsenprotein Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17479&quot;],&quot;content_name&quot;:&quot;Streichvurst Natur Erbsenprotein Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17479&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2aBhvVvRgTmBVHLSNKHtlpjSOy_cNlj6jf3s5r3NJCF30k1G28pjNNlg0rj0vNF3K7xmENobYi7NkmfOMcW-MQ" />
    <input value="17479" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/frisch-brokkoli-suppe-mit-cashewkernen-datteln-bio-450-g-15941">
          <img alt="Frisch: Brokkoli-Suppe mit Cashewkernen &amp; Datteln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7335/file/small-4e3f80fe8014a366d45b88daba7e8c23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7335/file/medium-045609f930b140ce6511a43a68567585.webp 900w, https://assets.fabulous.ch/public/variant_asset/7335/file/large-80b2a8426b9733254eba24853ab43ee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7335/file/medium-045609f930b140ce6511a43a68567585.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">Jooti</p>
          <a href="/de/products/frisch-brokkoli-suppe-mit-cashewkernen-datteln-bio-450-g-15941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frisch: Brokkoli-Suppe mit Cashewkernen &amp; Datteln Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15941&quot;],&quot;content_name&quot;:&quot;Frisch: Brokkoli-Suppe mit Cashewkernen \u0026 Datteln Bio, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15941&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="orrwopcMxZfaZ8UxQgs8M3PEdFRbWsu9CgCbzS5xhSoMyNxZFxcnmoJTZVuCFgDSwKopa1138WlKbxDlonkfOg" />
    <input value="15941" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/sojade-so-soya-vanille-bio-400-g-4291">
          <img alt="Sojade So Soya! Vanille, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2689/file/small-0513a4af1b16c10f2216a3f35a23b467.webp 600w, https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.webp 900w, https://assets.fabulous.ch/public/variant_asset/2689/file/large-7eeef290b7ff8160c655567beba589eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.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">Sojade</p>
          <a href="/de/products/sojade-so-soya-vanille-bio-400-g-4291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Vanille, Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4291&quot;],&quot;content_name&quot;:&quot;Sojade So Soya! Vanille, Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kqn81ViLH0uwZD4wIP7Bg7KgAyvI9M7oDHcEFAqiY00829Au2JD9RuhQnlrg4_1iAc5eFM7Z9DxMGI88hqr5XQ" />
    <input value="4291" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shake-hazelnut-auf-kokosbasis-bio-220-ml-21955">
          <img alt="Shake Hazelnut auf Kokosbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11568/file/small-d5bbd2fa1cad359f5d23c18507974dc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.webp 900w, https://assets.fabulous.ch/public/variant_asset/11568/file/large-48139322b866ac178d259797dd20e78b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11568/file/medium-5f84c09bb83ba527ecf0b47f0d4c5034.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">Harvest Moon</p>
          <a href="/de/products/shake-hazelnut-auf-kokosbasis-bio-220-ml-21955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shake Hazelnut auf Kokosbasis Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21955&quot;],&quot;content_name&quot;:&quot;Shake Hazelnut auf Kokosbasis Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21955&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mNzV5KWuR5DcH1fv6ElX6JTezv6kYA9nohzCpd-UJA42rvkfJbWlnYQr94UoVGsJJ7CTwaJNNbPic0mNU5y-Hg" />
    <input value="21955" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/protein-iced-coffe-moccachino-bio-220-ml-20258">
          <img alt="Protein Iced Coffe Moccachino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11431/file/small-e1bb6912b0edaea57996baa3f5c608d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11431/file/medium-d26d846c8d850b9e5fbde99f91fad3a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11431/file/large-50e54d75892dcd0fdfd508b4f7d2daeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11431/file/medium-d26d846c8d850b9e5fbde99f91fad3a6.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">Harvest Moon</p>
          <a href="/de/products/protein-iced-coffe-moccachino-bio-220-ml-20258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Iced Coffe Moccachino Bio, 220 ml</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 1.45 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20258&quot;],&quot;content_name&quot;:&quot;Protein Iced Coffe Moccachino Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20258&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eEJi8-sy7rI4qVxX2DxjZVNeKH7hkxdWzoBQ1BTRO0jWME4IaykMv2Cd_D0YIV-E4DB1Qee-LYKO79v8mNmhWA" />
    <input value="20258" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lupinen-geschnetzeltes-bio-200-g-292">
          <img alt="Lupinen Geschnetzeltes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/264/file/small-530c692ed0fe5c986dd05984f48a0782.webp 600w, https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/264/file/large-f7e9a4e8b87cb6115063ece5e975aea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alberts</p>
          <a href="/de/products/lupinen-geschnetzeltes-bio-200-g-292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupinen Geschnetzeltes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;292&quot;],&quot;content_name&quot;:&quot;Lupinen Geschnetzeltes Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dKv5qf3xEm6VtTAgAkXbJSbSgIwNYLFAiBMgByABK6Ha2dVSferwY82BkErCWOfElbzdswtNi5TIfKsvrAmxsQ" />
    <input value="292" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ananassaft-100-direktsaft-bio-700-ml-15973">
          <img alt="Ananassaft 100% Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7369/file/small-815c3739693e2aed6c7542d82c32e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7369/file/large-e247d98a3f8b2ad19a08e27ac8343529.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.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">Beutelsbacher</p>
          <a href="/de/products/ananassaft-100-direktsaft-bio-700-ml-15973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft 100% Direktsaft Bio, 700 ml</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 0.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15973&quot;],&quot;content_name&quot;:&quot;Ananassaft 100% Direktsaft Bio, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15973&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LCQljaUw0eBEOlw9m1XokVlhFnxTfoPRRQt6Ov3_M62CVgl2JSsz7RwO_FdbSNRw6g9LQ1VTuQUFZPEScfepvQ" />
    <input value="15973" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/gruntee-chi-kombucha-live-bio-500-ml-15948">
          <img alt="Grüntee-Chi Kombucha live Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7341/file/small-bf1cd4df79e89aeb9a37389268821aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7341/file/large-b1d3d636d8decdfa51e3ed8711e22d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.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">Soyana</p>
          <a href="/de/products/gruntee-chi-kombucha-live-bio-500-ml-15948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee-Chi Kombucha live Bio, 500 ml</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 0.74 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15948&quot;],&quot;content_name&quot;:&quot;Grüntee-Chi Kombucha live Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15948&quot;,&quot;quantity&quot;:12}],&quot;value&quot;:44.400000000000006,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7D99pCSqiu9GfJWEL8LlrODL1mYRu4NvGzo2ZW-ehrNCTVFfpLFo4h5INe7v39lNU6WLWReWubtbVb1N45Ycow" />
    <input value="15948" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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-nature-ungesusst-bio-1-l-1687">
          <img alt="Sojadrink Nature Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1344/file/small-2836380e8e071aa1c34dfe22aed96171.webp 600w, https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1344/file/large-26440529d3908b3f48d022be176e0216.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1344/file/medium-43144f0f79eda6baa3359e518ff247a0.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">Soyana</p>
          <a href="/de/products/sojadrink-nature-ungesusst-bio-1-l-1687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojadrink Nature Ungesüsst Bio, 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-1687-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1687&quot;],&quot;content_name&quot;:&quot;Sojadrink Nature Ungesüsst Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1687&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a_0BOJSAzMfiKhqYYRfhKsm5iO4icRN9BstCoyfUBSDFjy3DFJsuyroeuvKhCt3LetfV0SRcKalGpMmLq9yfMA" />
    <input value="1687" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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-bff2531c-5a7f-4c48-8cfb-a46d2ecae9e8-18288">
          <img alt="Cuisine Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10568/file/small-19e36df096c87e1b47e8dffcf1e49bd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10568/file/large-fa9d8f24b28301fe7131531b1fd0d804.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.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-bff2531c-5a7f-4c48-8cfb-a46d2ecae9e8-18288">
            <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.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18288&quot;],&quot;content_name&quot;:&quot;Cuisine Hafer Bio, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECIgV2whA-GQlBfFZeF8o2pGqyIMSkqOmGA2ZCPhiKC-UAys7Drh7Migt6-l_EBC2Sj2HQpncFrYD71Mr-kSsA" />
    <input value="18288" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
          <img alt="Klarspüler für Geschirrspülmaschine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4375/file/small-b00460da3ce1cd53e4c0d00204044450.webp 600w, https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4375/file/large-412c7dc90f38ab8adf77c0f33a5c353e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4375/file/medium-21da1d5edff2adf593823aba85dad5b3.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">Sonett</p>
          <a href="/de/products/klarspuler-fur-geschirrspulmaschine-500-ml-7581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Klarspüler für Geschirrspülmaschine, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7581&quot;],&quot;content_name&quot;:&quot;Klarspüler für Geschirrspülmaschine, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7581&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HX1z_smZr13kef4ETf59lGTKtjI5lwfffi5u3UBLjX2zD18FSYJNULxNXm6N40F116TrDT-6PQs-QeX1zEMXbQ" />
    <input value="7581" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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-18286">
          <img alt="Aufstrich Belugalinse-Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9725/file/small-76337df7143d17bad467696122e47ca2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9725/file/medium-9721eaee6c48dc4a226ecdb42a4be7c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9725/file/large-81efa0fecbd64d33b1f56cdaeded2d62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9725/file/medium-9721eaee6c48dc4a226ecdb42a4be7c1.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-18286">
            <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.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18286&quot;],&quot;content_name&quot;:&quot;Aufstrich Belugalinse-Balsamico Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xRNb9BpwSnt5J5957CVQ-lig91IjTFARkUuO15sTRBtrYXcPmmuodiETPxMsOGwb686qbSVhasXRJAX_FxveCw" />
    <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>


  

  <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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/salz-deutsches-steinsalz-fein-500-g-11218">
          <img alt="Salz Deutsches Steinsalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5747/file/small-2e89aee2b6dd93ed910d5d2be5079723.webp 600w, https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5747/file/large-3a2abfa150907727b5128ed6b8782ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5747/file/medium-001dcf33ae313b613695465e0989117e.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">Naturata</p>
          <a href="/de/products/salz-deutsches-steinsalz-fein-500-g-11218">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salz Deutsches Steinsalz fein, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11218&quot;],&quot;content_name&quot;:&quot;Salz Deutsches Steinsalz fein, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11218&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_AybrqE1bEJXXc2cwqILLxvVCkBKyw5pLF44fUM_ipNSfrdVIS6OTw9pbfYCvzfOqLtXf0zmNL1sMbNVzzcQgw" />
    <input value="11218" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/streich-s-drauf-basitom-bio-135-g-385">
          <img alt="streich&#39;s drauf Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/streich-s-drauf-basitom-bio-135-g-385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich&#39;s drauf Basitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;385&quot;],&quot;content_name&quot;:&quot;streich&#39;s drauf Basitom Bio, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DtsGY4X1C_9VszAB2rjdD_Rf3Db93igZ6RkMFO3DggGgqSqYBe7p8g2HkGsapeHuRzGBCfvzEs2pdoc8YcsYEQ" />
    <input value="385" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/fruchtgummi-veggie-hearts-bio-100-g-5847">
          <img alt="Fruchtgummi Veggie-Hearts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/de/products/fruchtgummi-veggie-hearts-bio-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgummi Veggie-Hearts Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5847&quot;],&quot;content_name&quot;:&quot;Fruchtgummi Veggie-Hearts Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VTshQcJWLyPAPCcUX7P1Rv-wHy1zQZsW-OXYCarmwOH7SQ26Qk3NLpgIh36frsmnTN5CEnVsocK4ilMhJu5a8Q" />
    <input value="5847" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
          <img alt="Pasta Buchweizennudeln, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1078/file/small-e81ea089761855104cd573090824ea88.webp 600w, https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1078/file/large-88ef3af4865bc86d929eab53ffe432fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.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">King Soba</p>
          <a href="/de/products/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Buchweizennudeln, glutenfrei, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1239&quot;],&quot;content_name&quot;:&quot;Pasta Buchweizennudeln, glutenfrei, Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1239&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aYdQm4PBLFXemNAcCafvi6cmnG4ZdHvgnbhdZ0B6BWvH9XxgA9rOWIascHbJutNqFEjBUR9ZQTTd19ZPzHKfew" />
    <input value="1239" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
          <img alt="Biofarm Basmatireis weiss Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7066/file/small-5875f96301a8a1b323105d2f28bae045.webp 600w, https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7066/file/large-3803e973c4a2945dba4cdd3fffba6aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.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/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Basmatireis weiss Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </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-15494-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15494&quot;],&quot;content_name&quot;:&quot;Biofarm Basmatireis weiss Grossgebinde Bio, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15494&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:47.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qpLxdk3wyJrTTUcGLrO5jlDgehAo64be-cHPtr-xne0E4N2Nzesql4t552zuroVv444nLy7GvAq5rkSeM7kH_Q" />
    <input value="15494" 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%2Fsupplements%3Fformat%3Dturbo_stream%26page%3D8">
    <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/hafer-flocken-fein-grossgebinde-biosuisse-5-kg-9234">
          <img alt="Hafer Flocken Fein Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5258/file/small-0e352d9b55d3fdb16310ca4d2801c7da.webp 600w, https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5258/file/large-22a0e97fe023f562d2d4a07bccb37a3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.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/hafer-flocken-fein-grossgebinde-biosuisse-5-kg-9234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Flocken Fein Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9234&quot;],&quot;content_name&quot;:&quot;Hafer Flocken Fein Grossgebinde BioSuisse, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9234&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pR5h500SrGi6PRDU8RPBLLx3jfFYEa0yuuRsCHeR4-sLbE0czQlOZeIJsL4xDv3NDxnQzl48l-b6i-cg-5l5-w" />
    <input value="9234" 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">
      160 von 3&#39;708 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/supplements?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>