<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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/rohrohrzucker-750-g-18707">
          <img alt="Rohrohrzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9628/file/small-50c6eeca350a0d28b5fb64f9df4b4bbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9628/file/medium-c079b7d3600175cafd8ca1b44ac0f3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9628/file/large-f071bd861363eeb1333f09510323544d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9628/file/medium-c079b7d3600175cafd8ca1b44ac0f3c9.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">MORGA</p>
          <a href="/de/products/rohrohrzucker-750-g-18707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohrohrzucker, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18707&quot;],&quot;content_name&quot;:&quot;Rohrohrzucker, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18707&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C2w4Y6MeGP94uuuxhUgk_2bSznmQiDYh0F871sEPon-VqFE00C5Gq658RMG7EuXXwhupLoUuukfQZckg6Ukv3A" />
    <input value="18707" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/agar-agar-konv-10-g-18654">
          <img alt="Agar Agar konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9246/file/small-bd9dbba5430a416edbfee9ee7a1723f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9246/file/large-7fa7013dc3ebb1daa39b5123ddfc023c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.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">MORGA</p>
          <a href="/de/products/agar-agar-konv-10-g-18654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar Agar konv, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18654&quot;],&quot;content_name&quot;:&quot;Agar Agar konv, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18654&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7QxrvPiUs9mNAjsxRFO258Wkq6uMbPlyJi6kl1DOPG1zyALri6TtjVvElEF6CXfPYW3M_JnKdRQmFFZheIixzg" />
    <input value="18654" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/vanille-zucker-konv-20-g-19990">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10682/file/small-d3601ce1a301d6c0ab714f7399ea2ffe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10682/file/large-b708df67b6c5c39e3444022c555d0b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.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">MORGA</p>
          <a href="/de/products/vanille-zucker-konv-20-g-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19990&quot;],&quot;content_name&quot;:&quot;Vanille Zucker konv, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19990&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3hAf5cwBMwI2V0fVrv59Ff82q9ZDxwsapNgVQhH_80RA1HayvzFtVuCR6KWQpLw9W__MgVZhh3yk4ue0Obl-5w" />
    <input value="19990" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/creme-chocolat-bio-90-g-18665">
          <img alt="Crème Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9627/file/small-97a63bc1eb45f424cf8e361efb0ec796.webp 600w, https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9627/file/large-d3bbf9411c658a30e90022f2741eb6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.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">MORGA</p>
          <a href="/de/products/creme-chocolat-bio-90-g-18665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18665&quot;],&quot;content_name&quot;:&quot;Crème Chocolat Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jSRQ-kmM0ZeWx3ZiekHsC_ik9H_1MBg3vvjFpgrBIBoT4DmtOryPw0AB2RJEGy0jXG2TKOCWlFG-wjdQIoetuQ" />
    <input value="18665" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/pudding-vanille-konv-85-g-18704">
          <img alt="Pudding Vanille konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9668/file/small-ee32def4b0937fee97fe47de6ff650ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/9668/file/medium-0ca7e1f2c1d7dd4007c94009158f745e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9668/file/large-29de607cfc78ee52aa4ee6e88f091031.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9668/file/medium-0ca7e1f2c1d7dd4007c94009158f745e.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">MORGA</p>
          <a href="/de/products/pudding-vanille-konv-85-g-18704">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Vanille konv, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18704&quot;],&quot;content_name&quot;:&quot;Pudding Vanille konv, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18704&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8DFbjzNWQXO5gtQA_aVFkRpAxNK7DardT0voQzHYFwpu9TLYQGYfJ29Ee3DD_4S5vomjha6rJrtPcRq1GZ6aqQ" />
    <input value="18704" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/rauna-glas-64-g-19651">
          <img alt="Rauna Randensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11279/file/small-ad715b23fe2cd6f40530afa82e1b232c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11279/file/large-4fd30e5f6c988c7953fec05c549c8c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.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">Chalira</p>
          <a href="/de/products/rauna-glas-64-g-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Randensalz Bio, 64 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19651&quot;],&quot;content_name&quot;:&quot;Rauna Randensalz Bio, 64 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19651&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d2M1c2a3Lf1iDi_9Mj95P0ygKBwn9D5M315vz3p8yQjpp1wkFYdzqbTIgI0MZbgX6GlPSzJSsirfZJ05UjpEqw" />
    <input value="19651" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/wilde-krauter-gerebelt-3-g-20175">
          <img alt="Wilde Kräuter gerebelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11259/file/small-d83ea7dd2c891fb12bb94977af855182.webp 600w, https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11259/file/large-eb66da16f8e0edb825210a8cbbb3cb47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.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">Chalira</p>
          <a href="/de/products/wilde-krauter-gerebelt-3-g-20175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20175&quot;],&quot;content_name&quot;:&quot;Wilde Kräuter gerebelt, 3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20175&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="17bQGnJcL3W4XXC6LD1LLJAezoGQjNcfffbzaIxumE5JcrlNAWxxIW6b38oSZ4oENNep1oUqW3l9zAGepCgV7Q" />
    <input value="20175" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/valero-krautersalz-glas-47-g-19761">
          <img alt="Valero Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11272/file/small-d96baabc16f892fac0f3970790a91b4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.webp 900w, https://assets.fabulous.ch/public/variant_asset/11272/file/large-d2452b42ed918d42cdda84b021fdb2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.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">Chalira</p>
          <a href="/de/products/valero-krautersalz-glas-47-g-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz Bio, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19761&quot;],&quot;content_name&quot;:&quot;Valero Kräutersalz Bio, 47 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19761&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8WujF-4-9VzTfKwTBemWjH4rvdN5ZVEgBsZ1Y5uJJiFvr8pAnQ6rCAW6A2M7s1ek2uLahGzD3UYG_IeVs8-rgg" />
    <input value="19761" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/nordsalz-nfp-75-ml-20283">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11491/file/small-abbcd72cca95844d8ff7b51108406fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.webp 900w, https://assets.fabulous.ch/public/variant_asset/11491/file/large-1fcfcccdfeee72c6b831da2f9127cd5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.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">Chalira</p>
          <a href="/de/products/nordsalz-nfp-75-ml-20283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20283&quot;],&quot;content_name&quot;:&quot;Nordsalz, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20283&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AiMDq6CVYvKXqb4_igVnf9wpRTtmT3uDLw_R097qvrqc52r806U8pkFvEU-0X6ZXeOAibHPp9-UvNSMl9qwzGQ" />
    <input value="20283" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/kaori-salatwurze-glas-28-g-20287">
          <img alt="Kaori Salatwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11497/file/small-cb8c2da509f224ab85c7adf136249838.webp 600w, https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.webp 900w, https://assets.fabulous.ch/public/variant_asset/11497/file/large-7e4b9ea26d3128ddf9487e41006728e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.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">Chalira</p>
          <a href="/de/products/kaori-salatwurze-glas-28-g-20287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatwürze Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20287&quot;],&quot;content_name&quot;:&quot;Kaori Salatwürze Bio, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qYs0JTrVw6ixFPdUgcXBgufAtg_Fl0Q23XhFuAgL6xQ3T11ySeWd_GfSWCS_nwCqQwnRWNAxyFDdQrdOIE1mtw" />
    <input value="20287" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/barechrut-krautersalz-glas-55-g-18481">
          <img alt="Bärechrut Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11515/file/small-d5713fa16c2e28e9cc4292e3c56b4cb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11515/file/medium-22a1d85ab2f854b049c5cfebefbb5c55.webp 900w, https://assets.fabulous.ch/public/variant_asset/11515/file/large-3341ab4a867aa4e2ede8beadf8f890b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11515/file/medium-22a1d85ab2f854b049c5cfebefbb5c55.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">Chalira</p>
          <a href="/de/products/barechrut-krautersalz-glas-55-g-18481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Kräutersalz Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18481&quot;],&quot;content_name&quot;:&quot;Bärechrut Kräutersalz Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18481&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Px1mFUccHJFx1bXdokf6pKEK0nWaerNuhbdglytAXeuh2Q9CNCxCxacTGq2cHTuMBcO1Io_cPwiFjZJhAwbQSA" />
    <input value="18481" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/mythos-biersenf-bio-120-g-20025">
          <img alt="Mythos Biersenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10729/file/small-e7f8ec2c86f823356affda70e7370a5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.webp 900w, https://assets.fabulous.ch/public/variant_asset/10729/file/large-810ba94d462f88d277908df09a8220c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.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">Chalira</p>
          <a href="/de/products/mythos-biersenf-bio-120-g-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mythos Biersenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20025&quot;],&quot;content_name&quot;:&quot;Mythos Biersenf Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20025&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1srip2Y6ImhLvJ60ReCsLPabWbpVJtF5VcL7QAAyXCFIDovwFQp8PJ16McR7um0EUlI-7UCAXR9V-Am2KHTRgg" />
    <input value="20025" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/tanguero-randensenf-bio-120-g-20028">
          <img alt="Tanguero Randensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10732/file/small-f5a72b0a53f76878b208b6742bb2b443.webp 600w, https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10732/file/large-9aa3db86b5c37431fed7e47609ee08c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.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">Chalira</p>
          <a href="/de/products/tanguero-randensenf-bio-120-g-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tanguero Randensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20028&quot;],&quot;content_name&quot;:&quot;Tanguero Randensenf Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20028&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x0VT1yp8kI6S5iAtEExmUyVV1Om672qYYXGsYbyBZ4lZgTqAWUzO2kQgj10uFqd7gZyzvq9J5v5hS16XlMfqKg" />
    <input value="20028" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/okolo-senfkaviar-bio-120-g-20026">
          <img alt="Okolo Senfkaviar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10730/file/small-8227c5c71aa77f4dbcd23c7af08edcca.webp 600w, https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10730/file/large-f37eff2f028745e3cf8b740d4a18ce98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.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">Chalira</p>
          <a href="/de/products/okolo-senfkaviar-bio-120-g-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Okolo Senfkaviar Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20026&quot;],&quot;content_name&quot;:&quot;Okolo Senfkaviar Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20026&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1YT-TqwhuA3-LHP_yRs-08RSLsxygIXJWwif7REP-MNLQJcZ3xHmWSjq3I_3Qf_7YJtJm2cmCa9bMm0bOUl1YA" />
    <input value="20026" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/don-juan-grillsenf-bio-120-g-20027">
          <img alt="Don Juan Grillsenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10731/file/small-55be224548dbbfdda45fa5854acdfae5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10731/file/large-6eb97f540fa14d5e848eaf16b335b30d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.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">Chalira</p>
          <a href="/de/products/don-juan-grillsenf-bio-120-g-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Don Juan Grillsenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20027&quot;],&quot;content_name&quot;:&quot;Don Juan Grillsenf Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20027&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AWpz82Jiwj95cjK5iuxrTfHxID2cOo-i4L4VzJN7RsWfrhqkEVKca6-0ncm0tqplVThHaomcA8TghOc6uz3LZg" />
    <input value="20027" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/vesta-bio-40-g-20165">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11247/file/small-af0d0db91ca9d8cdf21ffcbb50f8d211.webp 600w, https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.webp 900w, https://assets.fabulous.ch/public/variant_asset/11247/file/large-55655149d50192d2fd2bf8b98924cf0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.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">Chalira</p>
          <a href="/de/products/vesta-bio-40-g-20165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20165&quot;],&quot;content_name&quot;:&quot;Vesta Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpinpHqGyUb-pN53qYqUqNIlw-Ch9cNfU6aEL835NlfcXM7zCbaXEihicQeX0FWAduykt7RTTzlTnHbZ5b-79A" />
    <input value="20165" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/valero-krautersalz-bio-47-g-20187">
          <img alt="Valero Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11271/file/small-82a7a215750534f1aefa3ee641ee19c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11271/file/medium-e2f7225f055d421768e3de9a33f86377.webp 900w, https://assets.fabulous.ch/public/variant_asset/11271/file/large-fa181202560a568db62c0bfe591d6302.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11271/file/medium-e2f7225f055d421768e3de9a33f86377.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">Chalira</p>
          <a href="/de/products/valero-krautersalz-bio-47-g-20187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz Bio, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20187&quot;],&quot;content_name&quot;:&quot;Valero Kräutersalz Bio, 47 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20187&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zeia8aN1NHxMM6iP_wekRYDUXHrArk7nD2LHOt-NhJ37LPOm0EVqKJr1B__BXWVtJB07LdUIwoEPWDXM98sJPg" />
    <input value="20187" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/sojawurfel-klare-suppe-25-stuck-18714">
          <img alt="Sojawürfel Klare Suppe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9670/file/small-2398f31d9e0bacf8373797fa3b8d3050.webp 600w, https://assets.fabulous.ch/public/variant_asset/9670/file/medium-b9ec440c9318d6c068f30a6821f940ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/9670/file/large-fe4beee6a41a5b5592a676e023e0701e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9670/file/medium-b9ec440c9318d6c068f30a6821f940ce.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">MORGA</p>
          <a href="/de/products/sojawurfel-klare-suppe-25-stuck-18714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojawürfel Klare Suppe, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.15 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18714&quot;],&quot;content_name&quot;:&quot;Sojawürfel Klare Suppe, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18714&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AKGscGjOnvsUMEHb_w_x2rhJ5uA85rvfwGz_1iWHxUqeZcUnG_7Ar8L27qvBVTDyHICBtylAN7nAVg0gDcFI6Q" />
    <input value="18714" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/tamora-nfp-bio-62-g-19879">
          <img alt="Tamora Streuwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11243/file/small-101ad45f060021e56de1417e6ed5dcc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11243/file/medium-90c08aebff83dde59adc0028581c7bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11243/file/large-ecafad51397b4f8d55ab35f686d26a40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11243/file/medium-90c08aebff83dde59adc0028581c7bb3.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">Chalira</p>
          <a href="/de/products/tamora-nfp-bio-62-g-19879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora Streuwürze Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19879&quot;],&quot;content_name&quot;:&quot;Tamora Streuwürze Bio, 62 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19879&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D6gy1T1MKMfQsE_RELa4J-TdMr5AUTh2ZCKE9wE7L-uRbFuCTnx2kwZ24KEu7HkPQBRV6VX3tBBkGHYBKX2iSA" />
    <input value="19879" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D85">
    <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/rosa-salzbluten-nfp-60-g-19766">
          <img alt="Rosa Salzblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11260/file/small-69abd8c9b3bf50f17a2f8469f4456bcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11260/file/medium-00d3a02ae927e6f0feef0662479dd284.webp 900w, https://assets.fabulous.ch/public/variant_asset/11260/file/large-8272640d875cb7f1b38830e1fb19702d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11260/file/medium-00d3a02ae927e6f0feef0662479dd284.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">Chalira</p>
          <a href="/de/products/rosa-salzbluten-nfp-60-g-19766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosa Salzblüten, 60 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 14.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19766&quot;],&quot;content_name&quot;:&quot;Rosa Salzblüten, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19766&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3DQuKjr8_NKeZxICgr-RNQSK2nz1yRtuHCk7XF4chUFC8Ed9ScyihkihvXK85VAdoEO9K-BvlwgcE8mqdloI4g" />
    <input value="19766" 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">
      1&#39;700 von 4&#39;108 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/happi?format=turbo_stream&amp;page=86">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>