<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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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="lWNnsJTBTnXGQWZMTs_4IlUPeHOGAvtJgChEompqSQlEQCnI8vFcR6zlamjLKlUf1PtCgY5QOw57iwlffHLxVA" />
    <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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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-22-g-20189">
          <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/11273/file/small-e3f491ea5ff555869ae634edef6fa897.webp 600w, https://assets.fabulous.ch/public/variant_asset/11273/file/medium-8b82ed562e2fba31c4db4f319b334579.webp 900w, https://assets.fabulous.ch/public/variant_asset/11273/file/large-02dba4e1161b7e8cef740517b79a66cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11273/file/medium-8b82ed562e2fba31c4db4f319b334579.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-22-g-20189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz Bio, 22 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 61.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20189&quot;],&quot;content_name&quot;:&quot;Valero Kräutersalz Bio, 22 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20189&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="egfnxqaIuDPcwtJmJ0uNl_N2TEmQ3TOrjNa_Sh2W5zCrJKm-wLiqAbZm3kKiriCqcoJ2u5iP8-x3dfK3C45fbQ" />
    <input value="20189" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reisdrinkpulver-bio-300-g-mhd-aktion-02-10-2026-20191">
          <img alt="Reisdrinkpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7181/file/small-d53e0872a82eb9ac969c18be17c0dbe9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7181/file/medium-747f01a650de257396fd39530869dd91.webp 900w, https://assets.fabulous.ch/public/variant_asset/7181/file/large-181065a85e30739e29e9ee935dd24540.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7181/file/medium-747f01a650de257396fd39530869dd91.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/reisdrinkpulver-bio-300-g-mhd-aktion-02-10-2026-20191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reisdrinkpulver Bio, 300 g (MHD-Aktion 02.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20191&quot;],&quot;content_name&quot;:&quot;Reisdrinkpulver Bio, 300 g (MHD-Aktion 02.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20191&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BuJ0h741wHPTKUd71uLONai4Km2tAbp-5RfG_dsw-X3XwTr_2AXSQbmNS19TB2MIKUwQn6VTejketIsAzShBIA" />
    <input value="20191" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/aruna-gewurzmischung-violettes-curry-bio-14-g-20195">
          <img alt="Aruna Gewürzmischung violettes Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11275/file/small-c398cc69d6b64d3ea5932e0bed52d367.webp 600w, https://assets.fabulous.ch/public/variant_asset/11275/file/medium-cd8dda25c09e29aa946942c00eed5c35.webp 900w, https://assets.fabulous.ch/public/variant_asset/11275/file/large-abeb06cd8dc0f63d6cd82075ba309365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11275/file/medium-cd8dda25c09e29aa946942c00eed5c35.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/aruna-gewurzmischung-violettes-curry-bio-14-g-20195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Gewürzmischung violettes Curry Bio, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20195&quot;],&quot;content_name&quot;:&quot;Aruna Gewürzmischung violettes Curry Bio, 14 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20195&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EmPVnMNeThGccJgP1LA3uXGnBeC1cfqcGaeHfUOhtnjDQJvkpW5cI_bUlCtRVZqE8FM_Er0jOtviBMqAVbkOJQ" />
    <input value="20195" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/aruna-gewurzmischung-violettes-curry-bio-38-g-20196">
          <img alt="Aruna Gewürzmischung violettes Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11276/file/small-64b3f106b62c268ce2e5ded0bd49c956.webp 600w, https://assets.fabulous.ch/public/variant_asset/11276/file/medium-4e6b13ef81f4f3b5ae13402fbd0def4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11276/file/large-1ced32935f78c88ded9a575d590d89f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11276/file/medium-4e6b13ef81f4f3b5ae13402fbd0def4e.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/aruna-gewurzmischung-violettes-curry-bio-38-g-20196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Gewürzmischung violettes Curry Bio, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20196&quot;],&quot;content_name&quot;:&quot;Aruna Gewürzmischung violettes Curry Bio, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h6AtczJ3wLqrYAJK1a5JBRZW5BcQK7Rbpk_K3ngb-wxWg2MLVEfSiMHEDm5QS-Q4l6Le5Rh5dBxd7IcjbgNDUQ" />
    <input value="20196" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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-e964f819-d332-46cf-9193-3cf390a9b1cd-20198">
          <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/11278/file/small-1d0fb5e2af7f76231e05bf320a22420d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11278/file/medium-459e146799fc8d97c7a3d6f185bd49cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11278/file/large-c99dc6fdf9933a47aff8f9b112798307.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11278/file/medium-459e146799fc8d97c7a3d6f185bd49cb.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-e964f819-d332-46cf-9193-3cf390a9b1cd-20198">
            <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 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20198&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;20198&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="G2f4I9WSDimpimS6SQ8OqsJE3JAflWWmewiKNiRADhPKRLZbs6IcG8MuaJ7M6qOXQ7DmYhfHpeGAq8fLMli2Tg" />
    <input value="20198" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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-30-g-20199">
          <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/11280/file/small-2baa3dd3fc64de6a2d9735557958fb06.webp 600w, https://assets.fabulous.ch/public/variant_asset/11280/file/medium-b5bc6a6517931cf103461aaf73dd0cf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11280/file/large-c60e500df4bf90976928148d9d5b1712.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11280/file/medium-b5bc6a6517931cf103461aaf73dd0cf9.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-30-g-20199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Randensalz Bio, 30 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 45.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20199&quot;],&quot;content_name&quot;:&quot;Rauna Randensalz Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20199&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="ATDRbVeZWBEQVeReEWw0wOYLE3BtTv5BgvuTA7j2Q7jQE58VMalKI3rx6HqUiZn9Z_8pgmUcPgZ5WN7-ru775Q" />
    <input value="20199" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/hansel-glas-17-g-20203">
          <img alt="Hänsel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11305/file/small-eccfb49c9fe05260ef4492d23403be8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11305/file/medium-8da971167f46c7623fd4b18d735ff961.webp 900w, https://assets.fabulous.ch/public/variant_asset/11305/file/large-403a1e5dc19d54aef52b02cb91deea4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11305/file/medium-8da971167f46c7623fd4b18d735ff961.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/hansel-glas-17-g-20203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Bio, 17 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 79.41 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20203&quot;],&quot;content_name&quot;:&quot;Hänsel Bio, 17 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20203&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="A7RdOl8lq_IHucE3EIrZCINyVqzPye0mCPDLxFnLwHLSlxNCORW5wG0dzROVb3Q1AoZsXsebLWHzU4Y5T9N4Lw" />
    <input value="20203" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/hansel-glas-37-g-9489b2a0-21c9-4680-8609-a64189e502e6-20204">
          <img alt="Hänsel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11307/file/small-99104a7f65c988b5434fbc7eebbdf6a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11307/file/medium-ff1257f595588a08550a75764f6fab45.webp 900w, https://assets.fabulous.ch/public/variant_asset/11307/file/large-4ad292458f8ba322fd09474f8f673780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11307/file/medium-ff1257f595588a08550a75764f6fab45.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/hansel-glas-37-g-9489b2a0-21c9-4680-8609-a64189e502e6-20204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Bio, 37 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 37.57 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20204&quot;],&quot;content_name&quot;:&quot;Hänsel Bio, 37 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20204&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="ucC2jkuP2WnnOdQKOZAzQAjZpWeeUq4KfI6VLo5XGa5o4_j2Lb_LW42d2C68dZ59iS2flZYAbk2HLdjTmE-h8w" />
    <input value="20204" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/bourbon-vanille-gemahlen-bio-17-g-20205">
          <img alt="Bourbon Vanille gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11308/file/small-327fb9ca4f9614bd29e1460f0eccf2c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11308/file/medium-b05c1927ce0fa0274f7e36e8eb3c8d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11308/file/large-49f09b5f46699530ff698db7da407d0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11308/file/medium-b05c1927ce0fa0274f7e36e8eb3c8d33.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/bourbon-vanille-gemahlen-bio-17-g-20205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanille gemahlen Bio, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20205&quot;],&quot;content_name&quot;:&quot;Bourbon Vanille gemahlen Bio, 17 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DZAAMCQKNmK1OPXY-xoP1o0mC2QMfrhR14iv3Y901uTcs05IQjokUN-c-fx-_6LrDNIxlgQseBYsK-IgmWxuuQ" />
    <input value="20205" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/druiden-salz-grob-50-g-f9596f16-c973-4c39-aafb-08bdbb6c804c-20206">
          <img alt="Druiden Salz grob" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11309/file/small-9b20f15c9056c9e0782d16941f6d614c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/11309/file/large-56eea8c01f5159657ff5c783595e834b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.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/druiden-salz-grob-50-g-f9596f16-c973-4c39-aafb-08bdbb6c804c-20206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druiden Salz grob, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20206&quot;],&quot;content_name&quot;:&quot;Druiden Salz grob, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20206&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z3HMiex0qqRc_ASc4OowC-hqozrlWn3M7K4Gj1Tul3a2UoLxikS4ljZYCLhlD502aZ6ZyO0IvYsXDUtyQvYvKw" />
    <input value="20206" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
          <img alt="SUSTAIN Natural Electrolytes Pink Lemonade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11310/file/small-6f5981288ef84ff64cefbe5e7c85fd7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11310/file/large-fff5c472fd5d3dfa2151424987969a44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.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">Vivo Life</p>
          <a href="/de/products/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20207&quot;],&quot;content_name&quot;:&quot;SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l8aj894LmmBtdQZLLgOF2nxsTZcI4qFV6lp14_G0bBBG5e2LuDuIUgfRCm-r5ijn_Zh3ZQCwYRIR-Tge56zUTQ" />
    <input value="20207" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shot-ingwer-beeren-demeter-280-ml-mhd-aktion-27-08-2026-20210">
          <img alt="Shot Ingwer &amp; Beeren Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/de/products/shot-ingwer-beeren-demeter-280-ml-mhd-aktion-27-08-2026-20210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot Ingwer &amp; Beeren Demeter, 280 ml (MHD-Aktion 27.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20210&quot;],&quot;content_name&quot;:&quot;Shot Ingwer \u0026 Beeren Demeter, 280 ml (MHD-Aktion 27.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20210&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ue4vXh598BK8IZLsCIO-6fXIVYXamP05bU_qr_eEfbNozWEmeE3iINaFnsiNZhPUdDxvd9LKPX6W7KdS4ZzF7g" />
    <input value="20210" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/vegemite-hefeextrakt-235-g-20220">
          <img alt="Vegemite Hefeextrakt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11362/file/small-54166bd96c27f584469ded540c5cc1df.webp 600w, https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11362/file/large-4d70629c89991c7e5ad14966cb9b0959.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.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">Vegemite</p>
          <a href="/de/products/vegemite-hefeextrakt-235-g-20220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegemite Hefeextrakt, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/loveraw-haselnuss-weisse-schokolade-aufstrich-250-g-20221">
          <img alt="LoveRaw Haselnuss &amp; Weisse Schokolade Aufstrich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11363/file/small-a190814e3bde105b49135cc6a8739393.webp 600w, https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.webp 900w, https://assets.fabulous.ch/public/variant_asset/11363/file/large-f3943dc683fe2f50df80e59b28256142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.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">Love Raw</p>
          <a href="/de/products/loveraw-haselnuss-weisse-schokolade-aufstrich-250-g-20221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LoveRaw Haselnuss &amp; Weisse Schokolade Aufstrich, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20221&quot;],&quot;content_name&quot;:&quot;LoveRaw Haselnuss \u0026 Weisse Schokolade Aufstrich, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7oOidBwWf1gUqCn0SSBjvIryllZ4b9QWoahuOgFvs6c_oOwMeiZtan4MJdDMxc6BCwaspHA9FFFaCyPHF3cL-g" />
    <input value="20221" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/vegantics-large-mallows-100-g-20222">
          <img alt="Vegantics Grosse Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11364/file/small-6f3b736006156bb386507d6ab068a448.webp 600w, https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.webp 900w, https://assets.fabulous.ch/public/variant_asset/11364/file/large-1451508065cce98b3b62cd5133ae7a6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.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">Freedom Mallows</p>
          <a href="/de/products/vegantics-large-mallows-100-g-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegantics Grosse Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20222&quot;],&quot;content_name&quot;:&quot;Vegantics Grosse Marshmallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20222&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nPUmJQeFzST1YAjHXwF0qdf0D2ovc0_BxIu79sYSiGFN1mhdYbXfFp_EBOPa5NmUVgA1mCchj4Y_KPYL0AowPA" />
    <input value="20222" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/pink-white-mini-marshmallows-100-g-20223">
          <img alt="Pink &amp; White Mini Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11365/file/small-2a390105ad45d60c3d21ca90c46050aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.webp 900w, https://assets.fabulous.ch/public/variant_asset/11365/file/large-9fda3045f7096d9f96bcca4bc15c0129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.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">Freedom Mallows</p>
          <a href="/de/products/pink-white-mini-marshmallows-100-g-20223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pink &amp; White Mini Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20223&quot;],&quot;content_name&quot;:&quot;Pink \u0026 White Mini Marshmallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20223&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RmsyF92kQRdhMWXSyY8y4Wf0AXPbkznxSub3W6kSw9KXSHxvu5RTJQuVafZMap_c5gA7gdPB-baxRbqmvwp7jw" />
    <input value="20223" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/peanut-nougat-choc-bar-50-g-20224">
          <img alt="Peanut Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11366/file/small-2f59c8274aee455ff2f93f247f262693.webp 600w, https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11366/file/large-54caec1321f75c8ccfd1fd7cca8627ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.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">Buttermilk Confectionary</p>
          <a href="/de/products/peanut-nougat-choc-bar-50-g-20224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Nougat Choc Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20224&quot;],&quot;content_name&quot;:&quot;Peanut Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20224&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U0ib3c8DeJzaByEzpm1HUd5knDH1DF4AKWVnOo-8U9GCa9WlqTNqrrCjLRcjiOpsX5Cmw_1enkfSxirHmaTrjA" />
    <input value="20224" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/coconut-choc-bar-45-g-20227">
          <img alt="Coconut Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11370/file/small-00e3b3cbbaa65eac0f2b17f3ceddb4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11370/file/large-7aa1d597cb063432eab73d3a5db5fce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11370/file/medium-b2ca8c34dc362725ea94f188920415ef.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">Buttermilk Confectionary</p>
          <a href="/de/products/coconut-choc-bar-45-g-20227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Choc Bar, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20227&quot;],&quot;content_name&quot;:&quot;Coconut Choc Bar, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20227&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZYz1Tef-fw2PpkIazBrG_n0_c71k2Ty7EDOaMpiWTBS0r7s1gc5tP-UCTj5J_2vD_MtJT2yL_PzrkNfPjo70SQ" />
    <input value="20227" 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%2Fnatur-compagnie%3Fformat%3Dturbo_stream%26page%3D173">
    <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/honeycomb-blast-choc-bar-45-g-20228">
          <img alt="Honeycomb Blast Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11371/file/small-45fea5a4761a375c6228c866164dec80.webp 600w, https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/11371/file/large-aa31e5747f70edf1a0c12983f290249b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11371/file/medium-ff223df6c2a64d0a07048f51cac02b57.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">Buttermilk Confectionary</p>
          <a href="/de/products/honeycomb-blast-choc-bar-45-g-20228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honeycomb Blast Choc Bar, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20228&quot;],&quot;content_name&quot;:&quot;Honeycomb Blast Choc Bar, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20228&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3KVfdnT8aKdwzOHuLe7Lsn_gTA2U8YAYuIokjqsgDuYNhhEOEsx6lRpo7cqoC2aP_hR2_5yjQF9DKWlzvTi2uw" />
    <input value="20228" 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">
      3&#39;460 von 3&#39;530 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natur-compagnie?format=turbo_stream&amp;page=174">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>