<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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/tamangur-krauterpfeffer-30-g-20170">
          <img alt="Tamangur Kräuterpfeffer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11253/file/small-c43003c61550a257292f0af6b79fc467.webp 600w, https://assets.fabulous.ch/public/variant_asset/11253/file/medium-64c186b3aa4f9e5fbdb9572091c31e8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11253/file/large-4d6bd32e09806d0ff15fac9fb065d362.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11253/file/medium-64c186b3aa4f9e5fbdb9572091c31e8d.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/tamangur-krauterpfeffer-30-g-20170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamangur Kräuterpfeffer, 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-20170-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20170&quot;],&quot;content_name&quot;:&quot;Tamangur Kräuterpfeffer, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20170&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="Tm3N1Koc6YI-_k7QKQrYdh79W1kPr_bA6lG6TWt9huFmpiCP5RLBnB-voWQVxqW32fqrCPQEc3jsoC9QZETPbA" />
    <input value="20170" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pfynwald-gewurzzubereitung-nfp-24-g-20290">
          <img alt="Pfynwald Käsewürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11501/file/small-15423192cb76ac35678a76c53f1d8510.webp 600w, https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11501/file/large-07cc5b9a81dfa6d5ef7e6330daa6c74a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/pfynwald-gewurzzubereitung-nfp-24-g-20290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Käsewürze Bio, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20290&quot;],&quot;content_name&quot;:&quot;Pfynwald Käsewürze Bio, 24 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20290&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a1Y0PeU2VNR5ivs6A93VahdRug5uh1zcOBSE7u1CB0xDndlmqjh8yljbFI4_Eair0FZKX5Us2WQ-5RHz4ntOwQ" />
    <input value="20290" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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-nfp-17-g-19647">
          <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/10156/file/small-8f541e0aa27910e7485431e401ed5de0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10156/file/medium-c5a3f3781e2b4c7eac7850b189ee5ee6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10156/file/large-53b98aebef5ef0ebfc56253e6dbb7fd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10156/file/medium-c5a3f3781e2b4c7eac7850b189ee5ee6.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-nfp-17-g-19647">
            <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 17.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19647&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;19647&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="9TOHfDU-GKQHuSoQONtWEs7pzb6_sZxdcdvJPMLL3crd-GonejAwuiboxaQEFyvTCe4970QaGeV3KlwhzfKURw" />
    <input value="19647" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pfynwald-gewurzzubereitung-nfp-53-g-18498">
          <img alt="Pfynwald Käsewürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11499/file/small-4c40ef6f759eacd4c987d7102b178eb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.webp 900w, https://assets.fabulous.ch/public/variant_asset/11499/file/large-0f691def1a55d023b584f117a58b9f98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11499/file/medium-1208573d1d4080ced4cee6f725bcdfde.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/de/products/pfynwald-gewurzzubereitung-nfp-53-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Käsewürze Bio, 53 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 26.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18498&quot;],&quot;content_name&quot;:&quot;Pfynwald Käsewürze Bio, 53 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18498&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="lJq091XihnibFbWeer3QDlUp_xnLJ06TGAf7Z5AAjKq8UVmsGuyuZrpEWipGca3Pki4PSDCMyyse9m56nznFJw" />
    <input value="18498" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/essenza-gemuse-bouillon-nfp-65-g-18488">
          <img alt="Essenza Gemüse-Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11511/file/small-f7be0be71bb0662d9d288fb9bd6ae05a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11511/file/medium-50458cb1cff08a6b99aaefe3dab8abfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11511/file/large-8fdc4c3300d32a109f5a914c20fa3350.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11511/file/medium-50458cb1cff08a6b99aaefe3dab8abfc.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/essenza-gemuse-bouillon-nfp-65-g-18488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18488&quot;],&quot;content_name&quot;:&quot;Essenza Gemüse-Bouillon Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18488&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="q-ItcjA4RlYqzgd3sBe2WO2RF6uy9qfmRNKDQrdyI7iDKcApfzZuSAuf6MOM28uZKpbn-kldIl5CIxZfuEtqNQ" />
    <input value="18488" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/taurus-grillwurze-50-g-20172">
          <img alt="Taurus Grillwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11255/file/small-3e213266d6c805e0f378cb412857bcdc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11255/file/medium-a4b2b984b7915083141edaa82ee6af29.webp 900w, https://assets.fabulous.ch/public/variant_asset/11255/file/large-f39c0bc52ff44d117b137f83742e4dd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11255/file/medium-a4b2b984b7915083141edaa82ee6af29.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/taurus-grillwurze-50-g-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Grillwürze Bio, 50 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 27.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20172&quot;],&quot;content_name&quot;:&quot;Taurus Grillwürze Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20172&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="pyLLQNyx7ewxfccA80g4QagMTtOssXUwhZSdZPX-uu6P6SYbk7_F8hAsKLTPhEWAbwu-glca8IiDZQh5-sfzYw" />
    <input value="20172" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
          <img alt="Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3685/file/small-d3acda8175c8aecbf4409341861801c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3685/file/large-0956679896b987b3254c9945cf0132c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.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">Lima</p>
          <a href="/de/products/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6425&quot;],&quot;content_name&quot;:&quot;Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6425&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="az7RtzZGTsgtbZ_rp_J0OoALMtVpkitYKIxctt-Dax9D9TzseUhm1gw8cF-bPgn7RwzChJI5ruAufcmr0Loikg" />
    <input value="6425" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/mandeldrink-natur-ohne-zuckerzusatz-bio-1-l-10204">
          <img alt="Mandeldrink Natur ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/de/products/mandeldrink-natur-ohne-zuckerzusatz-bio-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeldrink Natur ohne Zuckerzusatz Bio, 1 l</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 0.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10204&quot;],&quot;content_name&quot;:&quot;Mandeldrink Natur ohne Zuckerzusatz Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10204&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="FfQXuyfwGXNnt_n6e3SG2d7ffApXZHRnXmj9klA0ZPE9P_rgaP4xbUbmFk5HuPsYGdiMW6zP8d9YmWiPXw0tfA" />
    <input value="10204" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/susskartoffel-glas-spaghetti-bio-250-g-16827">
          <img alt="Süsskartoffel Glas Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7834/file/small-24c7b36ea5cb5e4012fd24d717682106.webp 600w, https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7834/file/large-70ed53b9a465f038b135f7424731ef52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7834/file/medium-d9e6cf0854b0f30f7b1011e194ab2ffe.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">Just Taste</p>
          <a href="/de/products/susskartoffel-glas-spaghetti-bio-250-g-16827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Süsskartoffel Glas Spaghetti Bio, 250 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 2.20 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16827&quot;],&quot;content_name&quot;:&quot;Süsskartoffel Glas Spaghetti Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16827&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="oa_qWv-yCUw6NjGV5z3EJcLmC5BZd1BaLd5zgEC7afuJZAcBsLwhUhtn3iHb8bnkBeH7waLc1eIrL-adT4Igdg" />
    <input value="16827" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/edamame-spaghetti-bio-250-g-17171">
          <img alt="Edamame Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7997/file/small-d61bd735ba7a27e16b3fee291d835018.webp 600w, https://assets.fabulous.ch/public/variant_asset/7997/file/medium-20b1bf073099b9845fe06b42c062c221.webp 900w, https://assets.fabulous.ch/public/variant_asset/7997/file/large-0fc72e167cb044aa56dd25268f8ec3dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7997/file/medium-20b1bf073099b9845fe06b42c062c221.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">Just Taste</p>
          <a href="/de/products/edamame-spaghetti-bio-250-g-17171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edamame Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17171&quot;],&quot;content_name&quot;:&quot;Edamame Spaghetti Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17171&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A0iCh4LpbZw42MmTi6lufGAVyhX1vUTjdcG9DQX6XBcrg2_czedFghmJJie3ZRO9pxI6RA4WwVtzMCgQCsMVmg" />
    <input value="17171" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/azuki-soja-spaghetti-bio-250-g-17163">
          <img alt="Azuki Soja Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7993/file/small-eb288346b1e782d18ae0a8913d4a2765.webp 600w, https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7993/file/large-007b984c5588a60aec300bf1a981241d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7993/file/medium-db5ac6b2cd26a29b7eaec1772b5001b5.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">Just Taste</p>
          <a href="/de/products/azuki-soja-spaghetti-bio-250-g-17163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Azuki Soja Spaghetti Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17163&quot;],&quot;content_name&quot;:&quot;Azuki Soja Spaghetti Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17163&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l4BUyarlPGoanMkmvW39P02TOGc7aJM2CqzSgSX98UK_S7mS5esUdDvNJpKBoYD-ipTINsDDFo4MXUecKsS4zw" />
    <input value="17163" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/mehrkornflocken-schokolade-glutenfrei-bio-300-g-15908">
          <img alt="Mehrkornflocken &amp; Schokolade glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7313/file/small-40db92ad8ddacd858018ff5f5a311c10.webp 600w, https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.webp 900w, https://assets.fabulous.ch/public/variant_asset/7313/file/large-3e60104bca8b3b3f65a213350a234721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.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">turtle Better Breakfast</p>
          <a href="/de/products/mehrkornflocken-schokolade-glutenfrei-bio-300-g-15908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehrkornflocken &amp; Schokolade glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15908&quot;],&quot;content_name&quot;:&quot;Mehrkornflocken \u0026 Schokolade glutenfrei Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15908&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KOxMant0pSf4rV4GxzKQXFNEUArnGWZJxFovVc3AKNEAJ6ExNHqNOdn8sbL7_u2dlEOgWxyy4_HCq7pIwvlhXA" />
    <input value="15908" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/paniermehl-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
          <img alt="Paniermehl Mais Gluten frei ohne Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.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">Bauckhof</p>
          <a href="/de/products/paniermehl-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paniermehl Mais Gluten frei ohne Hefe Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5045&quot;],&quot;content_name&quot;:&quot;Paniermehl Mais Gluten frei ohne Hefe Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5045&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RDlXxxvGHkrIfwUXsVvjMhQl0IOuLslkFAV7VAgSkb92wgEU2EwZwpwE6BiCRJND1dnE_UTPp2WoYDwXxkDyw" />
    <input value="5045" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/tofu-gewurzzubereitung-bio-60-g-13945">
          <img alt="Tofu Gewürzzubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6629/file/small-db9f0b94a21ff8e60fbf6bd668e9a51c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6629/file/large-1de1d70ecc3ba2e227bcba9516f6c673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6629/file/medium-40acd5866e348a95c478262fd5c6c0eb.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">Lebensbaum</p>
          <a href="/de/products/tofu-gewurzzubereitung-bio-60-g-13945">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Gewürzzubereitung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13945&quot;],&quot;content_name&quot;:&quot;Tofu Gewürzzubereitung Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13945&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2dldeWzmhibibMPK5EfdFARgTNDdZ55Q0hJUHfhvQx7xErAiI-iuOMM9LH7Yi6DVw2e8gSbMG-jU48EA91YKkw" />
    <input value="13945" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
          <img alt="Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3325/file/small-e3f2152f8f1f0257f3997db1cf094092.webp 600w, https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3325/file/large-3c70e601f9e73db3e06cb2c78a26de76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.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">Bauckhof</p>
          <a href="/de/products/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5754&quot;],&quot;content_name&quot;:&quot;Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5754&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TQUMx6-DHMqqIkinTtwgs44nGsltt1OiG7-ZSE9DWWNlzuGc4I001ItzpxNyEF1ySSDqmJYc1hodTgxVQHoQ7g" />
    <input value="5754" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/dattel-schoko-natur-tafel-59-bio-85-g-15624">
          <img alt="Dattel Schoko Natur Tafel 59% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7130/file/small-5f40fbd6a9e911c2b2188e2d2d35b9e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.webp 900w, https://assets.fabulous.ch/public/variant_asset/7130/file/large-b83d638e8598f571acc509564f85a045.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-natur-tafel-59-bio-85-g-15624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattel Schoko Natur Tafel 59% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15624&quot;],&quot;content_name&quot;:&quot;Dattel Schoko Natur Tafel 59% Bio, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15624&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EJLYGkyuXgC-gYrTdyPIGoQaTFzxsx7Q64aZUuCTvTA4WTVBA6B2Hp_QZWdL77XbQx28DQoYm2jtdwxP76r0vQ" />
    <input value="15624" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/minutenpolenta-mit-steinpilzen-bio-150-g-15856">
          <img alt="Minutenpolenta mit Steinpilzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7251/file/small-f5ab9445aa2abe16d75bf16934dc4cfc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7251/file/large-95a774f6ece5609d0832fe7684b54bd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7251/file/medium-2d73e73230b08d018cae54ee410e04cc.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">Antersdorfer</p>
          <a href="/de/products/minutenpolenta-mit-steinpilzen-bio-150-g-15856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minutenpolenta mit Steinpilzen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15856&quot;],&quot;content_name&quot;:&quot;Minutenpolenta mit Steinpilzen Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15856&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cqww6lIYlELVzgWdQqvDOWVI4JRplmg-MQempPjtymAiZ92xHRa8XPSf6il-Z774ok8QxZI97YY39jO599SD7Q" />
    <input value="15856" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/pasta-hafer-linguine-bio-250-g-12006">
          <img alt="Pasta Hafer Linguine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6100/file/small-364ebe09b0409e5978e9c20c8c451b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6100/file/large-b1fca914956594dad0e86a602688f40a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.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">felicia</p>
          <a href="/de/products/pasta-hafer-linguine-bio-250-g-12006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Hafer Linguine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12006&quot;],&quot;content_name&quot;:&quot;Pasta Hafer Linguine Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12006&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBC0UN4XUdLnJilvvcbJJN_DxLy5iyBra8VYE2bws3Vg21kLkRl5zMZ3xtuBCrTlGMQ07UIgpdNtNM0Oacn6-A" />
    <input value="12006" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/champs-erdnuss-karamell-riegel-bio-45-g-14661">
          <img alt="Champs Erdnuss Karamell Riegel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6778/file/small-6ac6311554a849f3229ece93533a4a05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6778/file/large-aa59a8b51bec5cf4060f1ded9ebd0004.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6778/file/medium-da9442a03e3ae69cc074998fe0c5871e.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">Champs</p>
          <a href="/de/products/champs-erdnuss-karamell-riegel-bio-45-g-14661">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champs Erdnuss Karamell Riegel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14661&quot;],&quot;content_name&quot;:&quot;Champs Erdnuss Karamell Riegel Bio, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14661&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wKQDX0NIA8nhbI3lJL1nuznp71CabQatAL7WNCsnPSvob-4EDEYr18A9YlEYcRp6_u4fAWHGgxUGT0MpJB50pg" />
    <input value="14661" 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%2Fh-p-chocolate%3Fformat%3Dturbo_stream%26page%3D10">
    <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/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
          <img alt="Vegane Alternative zu Thun-Visch in Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11976/file/small-9763d48c478d5a246d156793843bfa92.webp 600w, https://assets.fabulous.ch/public/variant_asset/11976/file/medium-016ffe5f355c56af57405a8d3c2a15f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11976/file/large-2b1e7d17e5e7cd7cc21f23391372113e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11976/file/medium-016ffe5f355c56af57405a8d3c2a15f6.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Öl Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16174&quot;],&quot;content_name&quot;:&quot;Vegane Alternative zu Thun-Visch in Öl Bio, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16174&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UEzwXhJvo5fdex0y0T_s0dWOOtOFzrycdw2vkLz24Xx4hx0FXWGLifwq8obt85EQEonKgn5lOSRx_DqNs8-o8Q" />
    <input value="16174" 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">
      200 von 4&#39;084 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/h-p-chocolate?format=turbo_stream&amp;page=11">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>