<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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="fWYafmZYy_SjWM7Ty93Aem_6Xhg9w1pH8RcLA_HpGfyWEcrMLypYL4rFK59k58ATqwm18AKEUKa2JPxPSQIHmA" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="ufg0bKtiMPsmniruCcZn6gXrktfdyADWStb1kPCL6T1Sj-Te4hCjIA8Dz6Km_GeDwRh5P-KPCjcN5QLcSGD3WQ" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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">
    50 %
  </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 6.45</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;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0_eLq-DMWyWHF8Mk-IGCYtWz9pu-Bo44JzGcycl8yx84gFsZqb7I_q6KJmhXu4ILEUAdc4FBhNlgAmuFcZfVew" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="miT63W1Srnga389BX7w9E-UZNyIRPd27ZY83rcV_dzVxUypvJCA9ozNCKg3whj16Iercyi5611oivMDhfZRpUQ" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="s3reuDcbj37ctBTgsEhqpk14WzEXX2hNNIkPvdoK_m9YDQ4KfmkcpfUp8awfcmrPiYuw2SgYYqxzuvjxYuHgCw" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="bTR7MD7M6hS2tnzkyd1zAO-ZkVq6mNw7XTHq1OThTfuGQ6uCd755z58rmahm53NpK2p6soXf1toaAh2YXApTnw" />
    <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 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="ytYYxzw0kDlziP8-9dc_LioeUEzXpBrwdFmwDU1Vn9ghoch1dUYD4loVGnJa7T9H7u27pOjjEBEzakdB9b6BvA" />
    <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  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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="sIeA0C4z_jbMa2O8D1y7juPueie0-I4Z37JpOdh_3Zlb8FBiZ0Ft7eX2hvCgZrvnJx2Rz4u_hPiYgZ51YJTD_Q" />
    <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 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="SCiiuQKO3JCSOs0EIRP-cAIgyeOL1mmT4Dj1Gqcxuq6jX3ILS_xPS7unKEiOKf4ZxtMiC7SRY3KnCwJWH9qkyg" />
    <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  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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="ajk6LXKRVlI3g7ojmvxqXrpVMfiJ8PDdYhULZRB27faBTuqfO-PFiR4eX281xmo3fqbaELa3-jwlJvwpqJ3zkg" />
    <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="7P5L0j7fng_4bS3Qhk9M4Qewd0ebmZvYKGkt97LFd20HiZtgd60N1NHwyJwpdUyIw0Ocr6TekTlvWtq7Ci5pCQ" />
    <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  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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="rHKnK0M1qbGmeB9oLYAFPP3sjRYu6bQvCVprI8-RGeFHBXeZCkc6ao_l-iSCugVVOR9m_hGuvs5OaZxvd3oHhQ" />
    <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 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="Net-_gffd4dN5z1lq0jnX2_Sl0evTLO5YmjuDKKOccXenK5MTq3kXGR62CkEcuc2qyF8r5ALuVglWxlAGmVvoQ" />
    <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  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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="EYTAaLUfqLBebItrk1toNzoyIbFoleCed6oYEStd-BL68xDa_G07a3fxbic8YWhe_sHKWVfS6n8wme9dk7bmdg" />
    <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 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="ggoTvcFJSaLaN0rhGW7Qd1-V8b6S4-6uSJ2BOMpD8G1pfcMPiDvaefOqr622VNAem2YaVq2k5E8PrnZ0cqjuCQ" />
    <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  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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="MO8uARaguRA3u1iUl8H2WU-NiYQF_-ylv3HgR787tmfbmP6zX9Iqyx4mvdg4-_Ywi35ibDq45kT4QhcLB9CoAw" />
    <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 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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="_uCQYOu19NphJn10iJgiJylA8WRH7M0H6leONDIRjn0Vl0DSosdnAUi7mDgnoiJO7bMajHirx-atZHl4ivqQGQ" />
    <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>


  

  <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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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/choc-wafer-bar-38-g-20229">
          <img alt="Choc Wafer Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11373/file/small-0ac255ec35d0678f17f5a4125d2eb810.webp 600w, https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11373/file/large-12376660fe7b444d254d0ec089c465a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11373/file/medium-8e547b4155f5a3c65e416d838e1ed1cb.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/choc-wafer-bar-38-g-20229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choc Wafer Bar, 38 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 7.37 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20229&quot;],&quot;content_name&quot;:&quot;Choc Wafer Bar, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20229&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="nkQLJl17rlURE4rtRD7U7X1kw_pcdnDevzyyzUIYgUR1M9uUFAk9jjiOb6HrBNSEuZcoEmMxej_4D0WB-vOfIA" />
    <input value="20229" 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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/caramel-nougat-choc-bar-50-g-20230">
          <img alt="Caramel 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/11374/file/small-e171120ed9145570399f8d4fc4fb798a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.webp 900w, https://assets.fabulous.ch/public/variant_asset/11374/file/large-9f858ca052b0188dc6bc5761777707db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11374/file/medium-912d533cd55ed514a7d08bc7ffe4aeab.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/caramel-nougat-choc-bar-50-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramel 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-20230-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20230&quot;],&quot;content_name&quot;:&quot;Caramel Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20230&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="FCAhlX8MlPRylDMH9AdxxA4ti1-DrN1eTwid5sTGnpT_V_EnNn4HL1sJ1ktbPXGtyt5gt7zr178IO2qqfC2A8A" />
    <input value="20230" 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%2Fpip-nut%3Fformat%3Dturbo_stream%26page%3D177">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hyaluron-miracle-lift-30-ml-9ef26c88-9531-4210-94e6-ebab7f090c0f-20259">
          <img alt="Hyaluron Miracle Lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11447/file/small-7cf8573d87a5770d681abef126899249.webp 600w, https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11447/file/large-6266a261d9004a1be51a494c5ff365be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11447/file/medium-17aafb5e5d14dc313513a440781c0b93.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">Arya Laya</p>
          <a href="/de/products/hyaluron-miracle-lift-30-ml-9ef26c88-9531-4210-94e6-ebab7f090c0f-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Miracle Lift, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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;540 von 3&#39;633 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pip-nut?format=turbo_stream&amp;page=178">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>