<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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/high-protein-shake-berry-5k-bio-30-g-20001">
          <img alt="High Protein Shake Berry 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/small-f9c33a6ef20a4256ea85906740f39be5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-fa69a0ac3442f06fabd92922510942b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10695/file/large-1bf43462f4a88134052e68468ff10ecf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10695/file/medium-fa69a0ac3442f06fabd92922510942b3.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">PurYa!</p>
          <a href="/products/high-protein-shake-berry-5k-bio-30-g-20001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Berry 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Knqmhn7h59UzYW5SSPl8px2Lee2Pq21Wu0vsjsC0pSOzA1x36X7Gylbxz0WN2daDroRnYxtzyvxQiaHpaG530A" />
    <input value="20001" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/keltisches-meersalz-fein-500-g-20002">
          <img alt="Keltisches Meersalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/small-d90e788ce64f736bed968f0e2daff75d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9aed1d06a0483e4a4091a147b7ea0b85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/large-731099a42468b21319bed8dd17f6e14f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-9aed1d06a0483e4a4091a147b7ea0b85.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/products/keltisches-meersalz-fein-500-g-20002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keltisches Meersalz fein, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CVrH-EgGQ_ZUM4-6hB0gNsZKRDgsfzY0kPvup-aK9KeQIz0J35li6TGjLq1BPYoSdUVatrinkZ57OaPATlAmVA" />
    <input value="20002" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-kraft-bio-150-ml-20003">
          <img alt="Oxymel Kraft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10698/file/small-95e1c0502a0dee11b2e47e58285b13a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10698/file/medium-c8507dd184b6958cbb3646ee33204681.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10698/file/large-4ba4d1bf4c433a61d569bcfae953effa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10698/file/medium-c8507dd184b6958cbb3646ee33204681.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">Kruut</p>
          <a href="/products/oxymel-kraft-bio-150-ml-20003">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Bio, 150 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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AQiGAYvKHMhxYYDrCvRtctyDJ_TUDPNk4BgA32O_gNWYcXzwHFU91xTxIfzP1MdWb4w5ekDUVM4L2k24y2VSJg" />
    <input value="20003" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-ruhe-bio-150-ml-20004">
          <img alt="Oxymel Ruhe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/small-6ad190349b84e4740de404a779c3d4a6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-867ad3242ed81c318a88f8898f4c2837.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/large-fb719054110c6b50bbbb91fbf54ec114.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-867ad3242ed81c318a88f8898f4c2837.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">Kruut</p>
          <a href="/products/oxymel-ruhe-bio-150-ml-20004">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Bio, 150 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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vQE20GXTcTA08I4RGh6yzq7L2n1urpUFz41evmVDSegkeMwh8kxQL1FgLwbfPhjqHcTE8_p2Mq8kTxPZzZmbGw" />
    <input value="20004" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-bitter-bio-150-ml-20005">
          <img alt="Oxymel Bitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/small-b157aca2885d528976b83639c3722524.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a2e43c1ce7189e4708aa452923aace52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/large-a8fa225a0a09060940b655f5dc0b0511.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a2e43c1ce7189e4708aa452923aace52.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">Kruut</p>
          <a href="/products/oxymel-bitter-bio-150-ml-20005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Bio, 150 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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RjN7oARQ-KbhNuNVpj-Gs_GWknTzV60XHMzXPnGLejjfSoFRk8_ZuYSmQkJjHyyXQpmM-mePCr33DppZ2VGoyw" />
    <input value="20005" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-immun-bio-150-ml-20006">
          <img alt="Oxymel Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/small-c19f52bf30380f9f23e4b465dc893cb9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-00dab5f8f0cf4c73b3fa61443de87ac2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/large-00052b8a1727dbe83418ea5f9b09e47a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-00dab5f8f0cf4c73b3fa61443de87ac2.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">Kruut</p>
          <a href="/products/oxymel-immun-bio-150-ml-20006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Bio, 150 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 13.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9tWaIslLtxUv1mC5ad2C2ZGsZSpnqyzqyATywLnlnaeoqyZHLoPwzEv-JUgh9wv1UmvGj1GCxlA4l6sqj1EhQ" />
    <input value="20006" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/heimische-superfoods-bio-70-g-20007">
          <img alt="Heimische Superfoods Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10702/file/small-eca9d4a6c4c66e388b075d62c93b7f55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10702/file/medium-c2b1da3a019bd7e5c02b3d424c678b0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10702/file/large-ff6d9ee1abf3f7efc87e142e9179ba04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10702/file/medium-c2b1da3a019bd7e5c02b3d424c678b0f.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">Kruut</p>
          <a href="/products/heimische-superfoods-bio-70-g-20007">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heimische Superfoods Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oh0Nka27dQ-yP0QqA_RQFMmDcy9WzL_1bzdeLHKA0FijZPdgOiRUENev5T3G1PoweoxtocIUGF-E9RNL2loCqw" />
    <input value="20007" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-kraft-shot-bio-60-ml-20008">
          <img alt="Oxymel Kraft Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/small-5d28060e21037ad542acce5b324dcdcb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-df1848b2f6eb199ed574b6754c51c708.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/large-261b4bcf41c3581a1063956e3c2a37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-df1848b2f6eb199ed574b6754c51c708.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">Kruut</p>
          <a href="/products/oxymel-kraft-shot-bio-60-ml-20008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Kraft Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hBcAEhchc6DuyZJL07DIrnllZPf73dIof7hWAld8GxQdbvrjgL5Sv4tZM1wWkGKKymp6eW8FdYKUehtl_6bJ5w" />
    <input value="20008" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-immun-shot-bio-60-ml-20009">
          <img alt="Oxymel Immun Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-78eb89b5a43b63aa66ce7c01b7a0eda1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-0d06671f5e92e7a4f28ece3108a8a4a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-ce4c29d759e947804a1698c3156103d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-0d06671f5e92e7a4f28ece3108a8a4a3.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">Kruut</p>
          <a href="/products/oxymel-immun-shot-bio-60-ml-20009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Immun Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NFFK0VD_q7gjzvgbPkuEPkS0QcC4SFkDV1NqeZHuFbytKLAgx2CKp0ZeWQz7ay4a97tfTiyQ_qm8kSceOTTHTw" />
    <input value="20009" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-bitter-shot-bio-60-ml-20010">
          <img alt="Oxymel Bitter Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-e156985cd65621ceccf711f0e2da154a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-8cae9aaabbbac09be910b303a8ff9c0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-b22af74a565d3790898b7193ac7967d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-8cae9aaabbbac09be910b303a8ff9c0e.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">Kruut</p>
          <a href="/products/oxymel-bitter-shot-bio-60-ml-20010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Bitter Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJTp7It3IpH4RTPw0_cyIXvtLhzDsrIeVYvCLyux65_x7RMdHOgDjp3VkucW15gFyOIwkldqFbS-SY9Ig2s5bA" />
    <input value="20010" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/oxymel-ruhe-shot-bio-60-ml-20011">
          <img alt="Oxymel Ruhe Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/small-97c04ecd44151c58772d3820e31fb680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-28c51b7900c17efa52ee56c1a006d3b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10706/file/large-71d791337ad8cb964ca9a007a486acad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10706/file/medium-28c51b7900c17efa52ee56c1a006d3b0.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">Kruut</p>
          <a href="/products/oxymel-ruhe-shot-bio-60-ml-20011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oxymel Ruhe Shot Bio, 60 ml</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 5.83 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bNSYwR9bXI8Sl6f5_FPt2B9DOJNkVcM-FBrGlsZ9h8_1rWIwiMR9kHcHBu45c0f8rEwmHfCNZJT_2IvxbqdVPA" />
    <input value="20011" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/wrap-piadina-dinkel-hafer-bio-240-g-20012">
          <img alt="Wrap Piadina Dinkel &amp; Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/small-4b22fd134e7deb0ec9c24c56154243a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-0762fbce31dc3bb12d23f85e3fe4af98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/large-f9f146a375107c0bce5085fe30caa63c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-0762fbce31dc3bb12d23f85e3fe4af98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/products/wrap-piadina-dinkel-hafer-bio-240-g-20012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wrap Piadina Dinkel &amp; Hafer Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uc1WaoBjEIaOTpOr3eGB0gs9zgy_IqahXcp9ti-2UgkgtKybF_wxmeveMrwYwSv2uDLQgiv6AQu2CDDRh2yA-g" />
    <input value="20012" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/kakao-pulver-bio-250-g-20013">
          <img alt="Kakao Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/small-5b1cb7cc6128cbe3a9e35f7827ab2876.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-92c10a15b67f9b0f0690ebcdff8715f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10711/file/large-bc04d9a0e64c0e4baf0d671d0d15f2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10711/file/medium-92c10a15b67f9b0f0690ebcdff8715f2.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">Sembrador</p>
          <a href="/products/kakao-pulver-bio-250-g-20013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5swP1NApyRg6j4_h_1QdZMjfDuir7dwaVkdIMyeWTqt_tfUlR7boB18fLvY6dLdAe9AQZj81e7C9hQVUj0ycWA" />
    <input value="20013" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/schafmilch-joghurt-nature-bio-500-g-20014">
          <img alt="Schafmilch Joghurt Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/small-f085941efd44ba07992152974dc83057.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-14630710530ad13c85e7a15d0f02a9fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10712/file/large-b4d5a1b55d5656daba4fb21c74649888.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10712/file/medium-14630710530ad13c85e7a15d0f02a9fe.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-nature-bio-500-g-20014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Nature Bio, 500 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 1.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tF7mmHRZ6srvVQFcSPrLsHEAxExTTTy_x40zopHBijUtJxxp48bL1YrFoEuN2mGUwg_awseVmxUsT37FORtYxg" />
    <input value="20014" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/farfalle-mit-randen-und-spinat-bio-250-g-20015">
          <img alt="Farfalle mit Randen und Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-d2bfbf3aa2ed4f2697aa4050f6213ca3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-475b3fb23fb9bf98476b0817dfeb9176.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-6c345018bd24455f19948999d930769a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-475b3fb23fb9bf98476b0817dfeb9176.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">L&#39;antica Madia</p>
          <a href="/products/farfalle-mit-randen-und-spinat-bio-250-g-20015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farfalle mit Randen und Spinat Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RfzuGlt15R0O9_ipXhhDEYRHcQkuRpgPYQkWX71txDzchRTrzOrEAmtnWb6bOOk1N0hvh7qeP6WKy1s4FbcWzw" />
    <input value="20015" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/crusty-3-korn-3-saaten-bio-200-g-20016">
          <img alt="Crusty 3 Korn - 3 Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/small-2624efbe7ec1a86681885a9b8b4270a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-f8fef2287a781765ef57c115f4697d32.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10714/file/large-bb0708a7c363c1ace771b660ba8a7ec1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10714/file/medium-f8fef2287a781765ef57c115f4697d32.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">Pural</p>
          <a href="/products/crusty-3-korn-3-saaten-bio-200-g-20016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty 3 Korn - 3 Saaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y99DlM3YMOC23rGywFL61ESPqojt0oTyFkU0NOkUTllSprllWkcR_9NOEKUFclDw94C0BnkKI1j9h3lTQc6cqg" />
    <input value="20016" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/wild-seeds-100-brennnesselsamen-bio-60-g-20017">
          <img alt="Wild Seeds 100% Brennnesselsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/small-2e25d8ea5c645bdd1099e8f1f0b99a77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-8de9c43f98b90d9cd7f047a1c60e6497.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10716/file/large-72b3b660f2275d079a5868c100949062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10716/file/medium-8de9c43f98b90d9cd7f047a1c60e6497.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">Kruut</p>
          <a href="/products/wild-seeds-100-brennnesselsamen-bio-60-g-20017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Seeds 100% Brennnesselsamen Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bnX7J7Dh5fC90dfGSwOE7_Xb-FfJAMeYxlXp5gd1x1_3DAHWJ37E79hBdtGOIy7LRtTm2V3YYDItl6SBr68VrA" />
    <input value="20017" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/karamellwaffeln-bio-210-g-20018">
          <img alt="Karamellwaffeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/small-cd13eba95d9eee1e8009d6b054f5ab00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-32fc3671d8e29ed04796b5659fe1593b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10717/file/large-f93e6d638fa1664037dba1ad7d1c5f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10717/file/medium-32fc3671d8e29ed04796b5659fe1593b.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">Hammermühle Organic</p>
          <a href="/products/karamellwaffeln-bio-210-g-20018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karamellwaffeln Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xto1_s-UFGx6IoD-fRu2wPg-LC47rpnHkLl331M_oxRfo88PWAs1cx-yIem4OxzkSzEyoK92Pm17ezq4--Vx5w" />
    <input value="20018" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/pistazienmus-bio-225-g-20019">
          <img alt="Pistazienmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/small-05c6aa6a73375ffc68ea5b21d3b76680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-0dd63040706d8cba23a0d99daae08a98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/large-49bc0e83d5e6197b74b602ba5ce743c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-0dd63040706d8cba23a0d99daae08a98.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">Rapunzel</p>
          <a href="/products/pistazienmus-bio-225-g-20019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazienmus Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rWIvuS3Jx1AsGGW6FDkORAwfKLi94y1HPKlhE4z24QA0G9VIulbmT0mIxK3RGaRgvxA2Nik7iu3Xayx0JCwz8w" />
    <input value="20019" 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="/signup?return_to=%2Fcategories%2Faion%3Fformat%3Dturbo_stream%26page%3D122">
    <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="/products/lime-pepper-cashews-bio-140-g-20020">
          <img alt="Lime Pepper Cashews Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/small-836c0035fc4986154b122f9de9dfaa08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-059ddc3ab7d85cb02f0566ecd6c73575.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/large-c13910dff6fbd30cb19cfa3234e2ba41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-059ddc3ab7d85cb02f0566ecd6c73575.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">Mahler &amp; Co.</p>
          <a href="/products/lime-pepper-cashews-bio-140-g-20020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lime Pepper Cashews Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F0_e3Bh3ygnb-Zi2fNgH3EGvv1k4KIDofpdgWoVBw6OONiQtj-jrFr5pOaG5-K348qCh16zwJ0KVVS09LZsRUA" />
    <input value="20020" 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">
      2&#39;440 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/aion?format=turbo_stream&amp;page=123">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>