<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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/energieriegel-vanilla-berry-raw-bio-50-g-809">
          <img alt="Energieriegel Vanilla Berry Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/747/file/small-8b9d004ea284c72d6920eaf9346de6ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.webp 900w, https://assets.fabulous.ch/public/variant_asset/747/file/large-0bad4a94fe5c2743566624c6a05f4080.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/747/file/medium-0a261c6937f0a6f9c5ad9fb42b747229.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">Raw Bite</p>
          <a href="/de/products/energieriegel-vanilla-berry-raw-bio-50-g-809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energieriegel Vanilla Berry Raw Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;809&quot;],&quot;content_name&quot;:&quot;Energieriegel Vanilla Berry Raw Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;809&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i1jvZCfnsqDuFO8aBApm7qo9sa6GmLTU_sAP0IPmrj6gVV7FOv6GUm2HlKJyyGk6Su-FCdNW-3cCC6hSC8edDQ" />
    <input value="809" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
          <img alt="Tafel Rapunzel Nirwana Noir Praliné Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1060/file/small-abf1229e9ebff14687098c9385c65411.webp 600w, https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.webp 900w, https://assets.fabulous.ch/public/variant_asset/1060/file/large-0b1775353792448e837613d03186464c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rapunzel Nirwana Noir Praliné Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1203&quot;],&quot;content_name&quot;:&quot;Tafel Rapunzel Nirwana Noir Praliné Füllung Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RwGehxtW6FU9zUpdTnqVQAKaopMx9uGxrGwCu3nKYhZsDC8mBk_cp75eMeU4uJqU4kiWNGQ4rhJQp6U58etRJQ" />
    <input value="1203" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/rohkostriegel-schokochip-protein-riegel-bio-60-g-3154">
          <img alt="Rohkostriegel Schokochip Protein-Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2170/file/small-783c60d32a7f723eb0d03fab16542a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.webp 900w, https://assets.fabulous.ch/public/variant_asset/2170/file/large-aeca80af9768c434aec04f5d2bda184f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-schokochip-protein-riegel-bio-60-g-3154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohkostriegel Schokochip Protein-Riegel Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3154&quot;],&quot;content_name&quot;:&quot;Rohkostriegel Schokochip Protein-Riegel Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3154&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SM_TBvosvrX7_HlWlmlDZXcvnxpeBbf_K62vFgT1qw1jwmKn5zWKR3hvAu7gq0yxl_2rvQvL-FzXZgiUjNSYPg" />
    <input value="3154" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/lovechock-dark-dates-83-schokolade-bio-70-g-15939">
          <img alt="Lovechock Dark &amp; Dates 83% Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7333/file/small-f6d457aec955de017f73d55315bd3c60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7333/file/large-61ecd16dbc8374c6039a8b202fefe55c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7333/file/medium-c626876d57de5cb14b9f5d50bcf462a5.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">Lovechock</p>
          <a href="/de/products/lovechock-dark-dates-83-schokolade-bio-70-g-15939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lovechock Dark &amp; Dates 83% Schokolade Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15939&quot;],&quot;content_name&quot;:&quot;Lovechock Dark \u0026 Dates 83% Schokolade Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15939&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YnGAR-J0KJbzB1o5De_Uya75LDvPzj7266nx6U3NSqhJfDHm_20cZHCUIYF7LdsdTisYnJoAcVUXYlZrxex5mw" />
    <input value="15939" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
          <img alt="Peak Punk Haferriegel Pistachio Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8162/file/small-86c9361dce3bef689efb2ebd99e7c2ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8162/file/large-df37428988370d007f6c1b81de83b432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Pistachio Cashew Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17507&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Pistachio Cashew Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17507&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9P3uZdHWkGkJxfzo_7Iw8EPyLhScLt8ILaIjOzpcrYXf8F_EzM-km4pWh1CJcD8koyAas8ngkKvRaYS5sn2etg" />
    <input value="17507" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/kokosnuss-creme-bio-50-g-16528">
          <img alt="Kokosnuss-Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7618/file/small-94f0b8678e0320777af576fdb723782e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7618/file/large-6b1a596dbc1085145f91fe5640f70b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7618/file/medium-2bc29be5c2dcc072c5814d479f01018c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/kokosnuss-creme-bio-50-g-16528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnuss-Creme Bio, 2 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16528&quot;],&quot;content_name&quot;:&quot;Kokosnuss-Creme Bio, 2 x 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16528&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZLDg8ZigbGjoFDCkrLnp-k0x-F26OEwGTFy6olUskWtPvVFQhblYmmuHSxzae-YurePM-u_2A6Wwlx0g3Q2iWA" />
    <input value="16528" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/life-crackers-olive-glutenfrei-raw-bio-90-g-5393">
          <img alt="Life Crackers Olive Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8823/file/small-800328ef2df4f372ca6762a152ea2f3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.webp 900w, https://assets.fabulous.ch/public/variant_asset/8823/file/large-517118c177e77fbe7531c085a0e8a723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.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">Lifefood</p>
          <a href="/de/products/life-crackers-olive-glutenfrei-raw-bio-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Life Crackers Olive Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5393&quot;],&quot;content_name&quot;:&quot;Life Crackers Olive Glutenfrei RAW Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5393&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0njqsPRwmKP9C8cO2TnQEFgI5ciqaZbstsE_k6y-cX35dVsR6WmsUX6YvLav-9_EuNrRb_-n2U9KCpgRJJ9CTg" />
    <input value="5393" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/kaffee-wildkaffee-kaffa-decaffeinato-gemahlen-bio-fairtrade-220-g-16586">
          <img alt="Wildkaffee Decaffeinato gemahlen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7647/file/small-1cd1f5fd7fc82cd1913d695f8a8a0cb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.webp 900w, https://assets.fabulous.ch/public/variant_asset/7647/file/large-4254fcc8e040fdd787f124e20640f113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.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">Kaffa</p>
          <a href="/de/products/kaffee-wildkaffee-kaffa-decaffeinato-gemahlen-bio-fairtrade-220-g-16586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Decaffeinato gemahlen Bio Fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16586&quot;],&quot;content_name&quot;:&quot;Wildkaffee Decaffeinato gemahlen Bio Fairtrade, 220 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16586&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eMtvF46tA81SrQ28VfwJSKzWjerXXWmhyb2_9wacxJ1Txt62k7Q3P9E-dgQjPgacTAS5TYKTJgI1dhh1jr33rg" />
    <input value="16586" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/suppenloffel-schwarz-einzeln-verpackt-500-stuck-16777">
          <img alt="Suppenlöffel schwarz einzeln verpackt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7795/file/small-7b9d4286c67cebe29beee17c6d967a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.webp 900w, https://assets.fabulous.ch/public/variant_asset/7795/file/large-ffc4f2e7ccfee0bc3bbebb6141f62fbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7795/file/medium-eabfbcd867948e4df890d0896d1bb053.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">naturesse</p>
          <a href="/de/products/suppenloffel-schwarz-einzeln-verpackt-500-stuck-16777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppenlöffel schwarz einzeln verpackt, 500 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16777&quot;],&quot;content_name&quot;:&quot;Suppenlöffel schwarz einzeln verpackt, 500 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16777&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:53.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="46q8C5pjI3MUM-WE1mXNMzyrU3C2HHqYi6CPUTiLb8_Ipw2qh3oXgZegnjygp8Ln3Hln1-PSNTt3ayjTsKpc_A" />
    <input value="16777" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/miso-ramen-cup-classic-bio-85-g-16058">
          <img alt="Miso Ramen Cup Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7417/file/small-7ac53e02e3af5d3fe36d89d6ad1aa2b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7417/file/large-ba571e861ae262e9bea16826755c66f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.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">King Soba</p>
          <a href="/de/products/miso-ramen-cup-classic-bio-85-g-16058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Ramen Cup Classic Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16058&quot;],&quot;content_name&quot;:&quot;Miso Ramen Cup Classic Bio, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16058&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="25MGKLmIABZrcbS87MUV3VIIOh6fXFjTf96BmIuIO5HwnreJpJE05OjizwSaBxoJstoOucqSF3CDFSYaA6kIog" />
    <input value="16058" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rohrohrzucker-demeter-1-kg-20108">
          <img alt="Rohrohrzucker Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11174/file/small-2ae70833d7cff058964d691dc6d3455f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11174/file/medium-d07e211557656825e754cd2ae7dbbd55.webp 900w, https://assets.fabulous.ch/public/variant_asset/11174/file/large-9724d010899664672541d498f0142792.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11174/file/medium-d07e211557656825e754cd2ae7dbbd55.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">Vanadis</p>
          <a href="/de/products/rohrohrzucker-demeter-1-kg-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohrohrzucker Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20108&quot;],&quot;content_name&quot;:&quot;Rohrohrzucker Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20108&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aDE6DUS-xuUtOi0fPEYBjC2SujEuaiGNQfoyJMFnQfJDPIusWafyF66pVqdKhA5YzUCOlnukbi69MZWmSUZywQ" />
    <input value="20108" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/grill-und-wurzsauce-sweet-chili-glutenfrei-bio-210-ml-14923">
          <img alt="Grill- und Würzsauce Sweet Chili Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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">Naturata</p>
          <a href="/de/products/grill-und-wurzsauce-sweet-chili-glutenfrei-bio-210-ml-14923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grill- und Würzsauce Sweet Chili Glutenfrei Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14923&quot;],&quot;content_name&quot;:&quot;Grill- und Würzsauce Sweet Chili Glutenfrei Bio, 210 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14923&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6wWXkK5g7lSklGNWX43qyqV8ZOqgAoi6ac5IUeeDnRnACCYxs3napicHGO4pT-UeRa5QTfXMxxmVBe_Tb6KuKg" />
    <input value="14923" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/tomaten-halbgetrocknet-in-oliven-ol-pomodori-semisecchi-bio-180-g-4009">
          <img alt="Tomaten Halbgetrocknet in Oliven-Öl Pomodori Semisecchi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2543/file/small-b8359d4a635d2d1d013519e7c7f20117.webp 600w, https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2543/file/large-f28e3a5afc7baa7ccad4800cd4ebe882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2543/file/medium-57ffddaf6e83912412af0d7a87b7fea4.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">LaSelva</p>
          <a href="/de/products/tomaten-halbgetrocknet-in-oliven-ol-pomodori-semisecchi-bio-180-g-4009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Halbgetrocknet in Oliven-Öl Pomodori Semisecchi Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4009&quot;],&quot;content_name&quot;:&quot;Tomaten Halbgetrocknet in Oliven-Öl Pomodori Semisecchi Bio, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4009&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="an8NcXjAyIOhHxzxQFs62SIoeJbc3_ZkrQlFhMv0egxBcrzQZdn8cSKMZ0k2mTUNwvpMMYkRucdRwuIGQ9VJPw" />
    <input value="4009" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/amaizin-jalapeno-grun-geschnitten-bio-150-g-7071">
          <img alt="Amaizin Jalapeno Grün Geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4063/file/small-a0e38b28e3f95e96945ccd33fd544b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4063/file/medium-ab58dd890fe7ae3310ecb833078f1ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4063/file/large-5e4ac29008bf99da6ad7008c21c8ed87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4063/file/medium-ab58dd890fe7ae3310ecb833078f1ab4.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">Amaizin</p>
          <a href="/de/products/amaizin-jalapeno-grun-geschnitten-bio-150-g-7071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaizin Jalapeno Grün Geschnitten Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7071&quot;],&quot;content_name&quot;:&quot;Amaizin Jalapeno Grün Geschnitten Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7071&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jIq7mu27wkdjhx5vu0rNpQVr9TzeuNGDnSr2_qecEaanhwo78KL2teAUZdfNiMJx5bnBm4t2niBh4VF8L70ilQ" />
    <input value="7071" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/shea-butter-100-bio-100-ml-16851">
          <img alt="Shea Butter 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7858/file/small-360df1b0303bab79837d7da308525b7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7858/file/large-2518065f414d8fc167f7fdae3ccc63b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7858/file/medium-98e0039f9165693f2198d6905435324b.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">benecos</p>
          <a href="/de/products/shea-butter-100-bio-100-ml-16851">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shea Butter 100% Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16851&quot;],&quot;content_name&quot;:&quot;Shea Butter 100% Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16851&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="saZUMdisLwJs_aiGFAk6S14zDehbWNtBZ9lFhsMdlCKaq-WQxbUb8O9u0z5iyzWfvuE5Tw6WlOKbEuIESzynEQ" />
    <input value="16851" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/miso-ramen-cup-chili-bio-85-g-16069">
          <img alt="Miso Ramen Cup Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7418/file/small-35d4c8d06b5e4354570be1fc7f9fb2b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7418/file/large-7ba02593922d4c3b40ec25832886c170.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.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">King Soba</p>
          <a href="/de/products/miso-ramen-cup-chili-bio-85-g-16069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Ramen Cup Chili Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16069&quot;],&quot;content_name&quot;:&quot;Miso Ramen Cup Chili Bio, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16069&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bHE95P2AMOCWKTZaQTsdZ-cJ_nKhy8hFatHh0AGbg05HfIxF4JkEEhW6TeI3-RKzB9vK1fQFh-aWGkZSibqwfQ" />
    <input value="16069" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/sonnenblumen-hack-pur-grossgebinde-bio-500-g-7295">
          <img alt="Sonnenblumen Hack Pur Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4149/file/small-a66c6e3697d1a86833e08fd8b3a99fcb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4149/file/large-e7fb73fe8a98ac39312ed2daf0e9de78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4149/file/medium-e0675be8f8a8f3854a16ee2c24a0f1cb.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-hack-pur-grossgebinde-bio-500-g-7295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenblumen Hack Pur Grossgebinde Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7295&quot;],&quot;content_name&quot;:&quot;Sonnenblumen Hack Pur Grossgebinde Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7295&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Esu8eUNjWTaBOnsgKCDLl6P6IYNvz0qyKvdnxYngW9k5xg3YXnptxAKpAJhe4sRDQygVJDoBBRHWPMBHAcFo6g" />
    <input value="7295" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/pesto-steinpilz-bio-120-g-15545">
          <img alt="Pesto Steinpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/pesto-steinpilz-bio-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Steinpilz Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15545&quot;],&quot;content_name&quot;:&quot;Pesto Steinpilz Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15545&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sk2y780k-sLIAz8SRlINquDDKiS_dW0HqcpkOv1mwBCZQANO0D3OMEuQRKowkAJ-ABEeg-q7IqRVAcO4dUfzIw" />
    <input value="15545" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/vayo-vegane-alternative-zu-mayonnaise-bio-200-g-8032">
          <img alt="Vayo, vegane Alternative zu Mayonnaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4694/file/small-ac16d2a36ac2bdf35760c2ac42a077b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4694/file/large-d8ca8cb5865032b36b45c1a24e16c99a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.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">Connie&#39;s Kitchen</p>
          <a href="/de/products/vayo-vegane-alternative-zu-mayonnaise-bio-200-g-8032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vayo, vegane Alternative zu Mayonnaise Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8032&quot;],&quot;content_name&quot;:&quot;Vayo, vegane Alternative zu Mayonnaise Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8032&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ufuhnBelz0mO3k4bVHn2uNJW2WTpTPefTbmFD6i8fkuS9hA9Crz7uw1NNaMiu_lsMoTtw7yCuDyxciKNIJ1NeA" />
    <input value="8032" 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%2Fchocolarder%3Fformat%3Dturbo_stream%26page%3D21">
    <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/acerola-pulver-pur-bio-100-g-517">
          <img alt="Acerola Pulver Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/466/file/small-f37e73153b4f22ebbb9413620e839eca.webp 600w, https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp 900w, https://assets.fabulous.ch/public/variant_asset/466/file/large-38d26d192d4e3460fa1886f7ce36b502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.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">Raab</p>
          <a href="/de/products/acerola-pulver-pur-bio-100-g-517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acerola Pulver Pur Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;517&quot;],&quot;content_name&quot;:&quot;Acerola Pulver Pur Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;517&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RYbBwJbQYa0Flr7ravzkF1yZA7SfltCANcH0UnQ2KmZui3Bhi8lVX4YFxVMcPuvDvEs3E8pYnyPJClPQ_BcZVQ" />
    <input value="517" 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">
      420 von 4&#39;095 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/chocolarder?format=turbo_stream&amp;page=22">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>