<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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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/fruchtzucker-750-g-18672">
          <img alt="Fruchtzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9647/file/small-dc9b21462351d467f9df068c752c895e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9647/file/medium-9ddd24860ed4070e98387c03bf8a479a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9647/file/large-92bba677f21a0b64c7b40eaf76e4bc4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9647/file/medium-9ddd24860ed4070e98387c03bf8a479a.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/fruchtzucker-750-g-18672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtzucker, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18672&quot;],&quot;content_name&quot;:&quot;Fruchtzucker, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18672&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1EUeMWYM_njXX-MqFkr1edi4hV0YX1lq_AWStmp4LnoxCNDr7NnVb-_XoMVJRJoXtZDVjJeGy-eAXKIQyl9BLQ" />
    <input value="18672" 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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/traubenzucker-500-g-18719">
          <img alt="Traubenzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9674/file/small-50dfcd32bcc5616845e4166bf54443a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9674/file/large-a55f6f27049cec300a1b8b28a286d72c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.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/traubenzucker-500-g-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenzucker, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18719&quot;],&quot;content_name&quot;:&quot;Traubenzucker, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18719&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EsTiK_n7LptWMEjrXX8M0_nAb5Y3hTQwGZFitdVT1uP3iSzxcy4FjG64CwQCcWO9lOg_R7hcpr1lyFITdXS5tA" />
    <input value="18719" 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="rJSyqWfqUSFwV7STJdqpU9Jww7Zw4-Xq4AJA5-KqXyFJ2Xxz7T96Nkjf93x61MY9v1iTZ_86d2ecW3BBQo0wdg" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="TWAy6kB7ruFDQ82uFBJ2W3VkkigBcwH4PiypfXQ9PWeoLfwwyq6F9nvLjkFLHBk1GEzC-Y6qk3VCdZnb1BpSMA" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="p01DvMVXQUnWIy0MZEv7fHCYmiLVCjPiNqgxuCOLo-9CAI1mT4JqXu6rbuM7RZQSHbDK81rToW9K8QEeg6zMuA" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="uOsanyahGdG2M767iEv0UyFdNjl-gJDJGmorroafm-FdptRFrHQyxo67_VTXRZs9THVm6PFZAkRmMxsIJrj0tg" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="HNQdgAysVIx63EUeX_fPHjKu7gT366_pew6WQk2Vwlz5mdNahnl_m0JUBvEA-aBwX4a-1XgyPWQHV6bk7bKtCw" />
    <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  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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="8DA9pa0KmPbBsbI_EQPBBXyV5d5UIvnLCjXfepwEpkEVffN_J9-z4fk58dBODa5rEb21D9v7a0Z2bO_cPCPJFg" />
    <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 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="cHAbIFUaVMjojlaH59DMC2hoGCdhZR9TKUVmyh3OfDmVPdX6389_39AGFWi43qNlBUBI9u68jd5VHFZsvekTbg" />
    <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  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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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/pfynwald-gewurzzubereitung-nfp-24-g-20290">
          <img alt="Pfynwald Käsewürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11501/file/small-15423192cb76ac35678a76c53f1d8510.webp 600w, https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11501/file/large-07cc5b9a81dfa6d5ef7e6330daa6c74a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.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/pfynwald-gewurzzubereitung-nfp-24-g-20290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Käsewürze Bio, 24 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 56.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20290&quot;],&quot;content_name&quot;:&quot;Pfynwald Käsewürze Bio, 24 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20290&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="C6_WXFL4fHvw6E_egF6ki8q8ApCoC2tqadfvKRAKjWvu4hiG2C1XbMhgDDHfUMvlp5RSQSfS-ecVjt-PsC3iPA" />
    <input value="20290" 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="YaqIzskwd4NBNsOGF467yBvfJEfU2u-ZaJGQUgRh_a-E50YUQ-VclHm-gGlIgNSmdvd0llsDfRQUyKD0pEaS-A" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="50SrYnkvKRniwhs474zYTwxSyDRHQdN6TYrA8IblB6sCCWW48_oCDtpKWNewgrchYXqY5ciYQfcx0_BWJsJo_A" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="HDBLJcZ20GYbtqB5dcEC82qh7GxnrZh-qIGCnSKIxOf5fYX_TKP7cSM-45Yqz22dB4m8veh0CvPU2LI7gq-rsA" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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/akropolis-olivensalzbluten-glas-72-g-19764">
          <img alt="Akropolis Olivensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11264/file/small-04a0b79266a37463198b39ab75dfd977.webp 600w, https://assets.fabulous.ch/public/variant_asset/11264/file/medium-ee06efff0ebf1f9b5e67e8822c84c65d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11264/file/large-292a211ec5f93305c8976e4d95fcdae1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11264/file/medium-ee06efff0ebf1f9b5e67e8822c84c65d.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/akropolis-olivensalzbluten-glas-72-g-19764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akropolis Olivensalz Bio, 32 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 42.19 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19764&quot;],&quot;content_name&quot;:&quot;Akropolis Olivensalz Bio, 32 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19764&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="GAIupuDbRrebrH-KCW3L_hoOCYYp6H1JSChjNsfYkEL9T-B8ag5toKMkPGVWY6SQdyZZV6Yx78Q0cVOQZ___FQ" />
    <input value="19764" 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="flAyOU6vrqFw3F9KQZTCQGNPuTNNFcF2fkkWaEtzHmCbHfzjxHqFtkhUHKUemq0uDmfp4sLMU_sCECbO61RxNw" />
    <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  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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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/rumilia-feigensenf-120-g-18499">
          <img alt="Rumilia Feigensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10727/file/small-7439f41de5456e623fe3e7be7e9f7463.webp 600w, https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10727/file/large-ae2d560bf6c344183e8e5157f1154277.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10727/file/medium-92f4813b2a135dce296fcf09611a7b96.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/rumilia-feigensenf-120-g-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rumilia Feigensenf 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-18499-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18499&quot;],&quot;content_name&quot;:&quot;Rumilia Feigensenf Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18499&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="fnDl8WWvtu1f2PzeeOwMb3_YxiEbAG2pVmrTw40LCB2bPSsr73qd-mdQvzEn4mMBEvCW8JTZ_yQqM-NlLSxnSg" />
    <input value="18499" 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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="FGv6PthWOyZylEBB-2V_atlNGP8OMAzHDthl25qrodDxJjTkUoMQMUocA66kaxAEtGVILoHpnkpygVV9OozOhw" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="nXwLrfNhAOW9k4XjzZy8QuaYCZo17-aQZZ-KXL7-Awx4McV3ebQr8oUbxgySktMsi7BZS7o2dB0Zxrr6HtlsWw" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="agr-ahDeNOs1RfxAaMTw58eG1a00S1jteRCu3-A_TyWPRzCwmgsf_A3Nv683yp-Jqq6FfLuSymAFSZ55QBggcg" />
    <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%2Fboissons%2Fdivers%3Fformat%3Dturbo_stream%26page%3D18">
    <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="TAxm7h1TF5m8Km6cuC95z-Qg9cvlcRaz5Om923JTkKupQag0l4Y8joSiLXPnIRahiQilGmqohD6YsI190nT__A" />
    <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>



</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">
      360 von 3&#39;729 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/boissons/divers?format=turbo_stream&amp;page=19">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>