<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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/spekulatius-gewurz-bio-15-g-8285">
          <img alt="Spekulatius Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4858/file/small-ae827cb8b04982585e8a2eef4b192742.webp 600w, https://assets.fabulous.ch/public/variant_asset/4858/file/medium-0983788d372161d594cd6310364f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4858/file/large-620b70c1724e215761d83078715794d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4858/file/medium-0983788d372161d594cd6310364f3ff6.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">Biovegan</p>
          <a href="/products/spekulatius-gewurz-bio-15-g-8285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spekulatius Gewürz Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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-8285-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8285&quot;],&quot;content_name&quot;:&quot;Spekulatius Gewürz Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_vUANtyFi2fdDR6Hwytk1u-1pXZ-aA1slxhtgVY65jsyvx_Tb70Awad9x7IGpHVFIuEVn0DOzqpcmA-FOJF0KQ" />
    <input value="8285" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
          <img alt="Schoko Lolly Nikolaus Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1106/file/small-063f862b534c30f9dff02130bb88d3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1106/file/large-4451c0f6069db19f3c06eebe3a96080a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.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">Rosengarten</p>
          <a href="/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus Zartbitter Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </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-1292-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1292&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus Zartbitter Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oZBbjR3eLy8iJ1HDbbDGwQhz2qLGgMbsMy4ybK1Gldlt2kRoruakiVhXiPaoP9dSxSdqS_gmBSr4rlBow-0Hyw" />
    <input value="1292" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/schoko-lolly-nikolaus-hell-bio-15-g-3375">
          <img alt="Schoko Lolly Nikolaus hell Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2236/file/small-74251f8beb2492c281f3e74f423395a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2236/file/large-36ff03966c01883161a9988ac212831e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.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">Rosengarten</p>
          <a href="/products/schoko-lolly-nikolaus-hell-bio-15-g-3375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus hell Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3375&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus hell Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UDyYE7p27zsLETqZWYAOpKBJzu9AQJeSej4Z1-OCpgGcdof2CU5knXFh46ycDx83bR1-Bn7mVFSxvnvTjSk0Ew" />
    <input value="3375" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/dinkel-nuss-kipferl-demeter-125-g-942">
          <img alt="Dinkel Nuss-Kipferl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/823/file/small-7c5dc91c570414ee375dd107dd69a56f.webp 600w, https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.webp 900w, https://assets.fabulous.ch/public/variant_asset/823/file/large-00224315b1d09ab65a98efda0bc86c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.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">Sommer</p>
          <a href="/products/dinkel-nuss-kipferl-demeter-125-g-942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Nuss-Kipferl Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;942&quot;],&quot;content_name&quot;:&quot;Dinkel Nuss-Kipferl Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;942&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="srPDP8BexF9ArSeSotzmMAZ8DSpPBPZU0EJ4_4mJm2B--dzac2ZP-Trd_qdnU_ejyyi9w3GiNZIbwhr75yIJcg" />
    <input value="942" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/dinkel-anis-sterne-bio-125-g-11859">
          <img alt="Dinkel Anis-Sterne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6062/file/small-90eaba4f7c628235c6cf031c1b18f1ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6062/file/large-10be1ab9c05c135b4d9f46fb9b028b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.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">Sommer</p>
          <a href="/products/dinkel-anis-sterne-bio-125-g-11859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Anis-Sterne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11859&quot;],&quot;content_name&quot;:&quot;Dinkel Anis-Sterne Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11859&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zStb6oQ0M-EUsZQCkj6guWW9qXUCZPS8Ekqh54smtkoBYUQPNwy4R27BTTdXsbEqqOkZnDzCN3rZysPj5Y0kWA" />
    <input value="11859" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/winter-pudding-bio-50-g-16469">
          <img alt="Winter Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7574/file/small-63460cea6366de5b7da6baf94244d5fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7574/file/large-091b8f67ea07bf5d2e373a4e39d48dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.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">Arche</p>
          <a href="/products/winter-pudding-bio-50-g-16469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Winter Pudding Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16469&quot;],&quot;content_name&quot;:&quot;Winter Pudding Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16469&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QE5_54BiyrHCrhTytHlk8X7ZPOWeaqZmmeC8UE5SzTaMBGACM1pBF7jezcdx9nVis42MDKDMZaBSYN5UIPlfJA" />
    <input value="16469" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/mandeln-zimt-schoko-bio-150-g-11864">
          <img alt="Mandeln Zimt Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11910/file/small-9654fabcb82ea5af140d7e823f9a518d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.webp 900w, https://assets.fabulous.ch/public/variant_asset/11910/file/large-e9806d73acb410eb7675f0353184f42b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.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">Landgarten</p>
          <a href="/products/mandeln-zimt-schoko-bio-150-g-11864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Zimt Schoko Bio, 100 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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11864&quot;],&quot;content_name&quot;:&quot;Mandeln Zimt Schoko Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11864&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fLjj8wZIH7HlnAiCAynBS8eYFOjoFrz9yiNaGPidZuaw8vwWtXCUF5_s0bfGptDYCsykAdawfzsBozgcljb09A" />
    <input value="11864" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/lini-s-bites-spekulatiuscreme-bio-200-g-11860">
          <img alt="Lini&#39;s Bites Spekulatiuscreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6063/file/small-7169e3e1feae75c0ce9ee66c9f08a476.webp 600w, https://assets.fabulous.ch/public/variant_asset/6063/file/medium-74f3385eca7378f7f06ff59dec8b8749.webp 900w, https://assets.fabulous.ch/public/variant_asset/6063/file/large-29406a2df4fc8fa5c49787a3596a5b39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6063/file/medium-74f3385eca7378f7f06ff59dec8b8749.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">Lini&#39;s Bites</p>
          <a href="/products/lini-s-bites-spekulatiuscreme-bio-200-g-11860">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lini&#39;s Bites Spekulatiuscreme Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11860&quot;],&quot;content_name&quot;:&quot;Lini&#39;s Bites Spekulatiuscreme Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11860&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ALUkAgFBw4IPSmsCKID3mtbSm_g98cByLmDAu2TTX1_M_zvnsnlIJHU6sjftD-YJG4YrEQNXA7Tl4KK_CnjNTQ" />
    <input value="11860" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/dominosteine-in-zartbitterschokolade-bio-140-g-3739">
          <img alt="Dominosteine in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2417/file/small-25d4629bcc90c82e756e9c52e89e3119.webp 600w, https://assets.fabulous.ch/public/variant_asset/2417/file/medium-8e0ac3762ab21e003d1aab5ffc0d3099.webp 900w, https://assets.fabulous.ch/public/variant_asset/2417/file/large-b48f48408efa57c66f3a4bcde7d7494e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2417/file/medium-8e0ac3762ab21e003d1aab5ffc0d3099.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">Hammermühle Organic</p>
          <a href="/products/dominosteine-in-zartbitterschokolade-bio-140-g-3739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dominosteine in Zartbitterschokolade Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3739&quot;],&quot;content_name&quot;:&quot;Dominosteine in Zartbitterschokolade Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3739&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nwAfCKOOD4U7r4gK8BaOJnrw321hFOrggdvhzSVVh4JTSgDtELaEI0HfUT81mZ-1t6RvhF-yKSZKW4PJS_4VkA" />
    <input value="3739" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/dominosteine-in-zartbitterschokolade-bio-140-g-11b8a81a-6753-4af4-a033-66ec143fee91-8486">
          <img alt="Dominosteine in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11571/file/small-a27104e99299225ee6c40c5750c3a4d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11571/file/medium-869da9384cfdc7a3560a800629ad4cb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11571/file/large-9c0762866d3f83f62824ea5c7f22cd95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11571/file/medium-869da9384cfdc7a3560a800629ad4cb3.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">Rosengarten</p>
          <a href="/products/dominosteine-in-zartbitterschokolade-bio-140-g-11b8a81a-6753-4af4-a033-66ec143fee91-8486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dominosteine in Zartbitterschokolade Bio, 140 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 4.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8486&quot;],&quot;content_name&quot;:&quot;Dominosteine in Zartbitterschokolade Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8486&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mrgx8M0mEP6zmHg2fHsH9E_coD5vSeLOm9PfJcv_tnP-8i4Vfh6bWMnooQO59BZngogQ11HvIQhQU70hpVQkYQ" />
    <input value="8486" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/lebkuchenherzen-mit-schwarzem-johannisbeergelee-bio-125-g-16471">
          <img alt="Lebkuchenherzen mit schwarzem Johannisbeergelee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7577/file/small-207c80c99d3c27b423dc6895a62b2e31.webp 600w, https://assets.fabulous.ch/public/variant_asset/7577/file/medium-f2a499ee4986d5b7f0016e9d3990114c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7577/file/large-ac1447eb2632b0a29b2abecf244dcea4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7577/file/medium-f2a499ee4986d5b7f0016e9d3990114c.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">Linea Natura</p>
          <a href="/products/lebkuchenherzen-mit-schwarzem-johannisbeergelee-bio-125-g-16471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchenherzen mit schwarzem Johannisbeergelee Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16471&quot;],&quot;content_name&quot;:&quot;Lebkuchenherzen mit schwarzem Johannisbeergelee Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16471&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q9nzFZz1MWQ8tnvqapf9pJ39BOdxbAOF6mbxUgX3xd5nk-zwL826wkbGot-vGOw3UKm0Dk_KwEMh5pNWa1xXzA" />
    <input value="16471" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/lebkuchen-apfeltraum-bio-125-125-g-16488">
          <img alt="Lebkuchen Apfeltraum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7585/file/small-1072a7b9eba76528b5143afe3275548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7585/file/medium-305e7c8770adc68c258e346d37a96c78.webp 900w, https://assets.fabulous.ch/public/variant_asset/7585/file/large-17597ae895d0af545a1e7784afdf166c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7585/file/medium-305e7c8770adc68c258e346d37a96c78.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">Linea Natura</p>
          <a href="/products/lebkuchen-apfeltraum-bio-125-125-g-16488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchen Apfeltraum Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16488&quot;],&quot;content_name&quot;:&quot;Lebkuchen Apfeltraum Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xP8eXPtm4OMl0BysNG8NIgtvg2S6BKJBIkt6Uvd4w3MItQG5SF5rRV-gxZnx4ByxxjszjYSiYYfpyxhWmdNRYQ" />
    <input value="16488" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/datteln-entsteint-konv-200-g-19099">
          <img alt="Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10081/file/small-0e256caefe0a72c5591fcb97312d4fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10081/file/medium-ba0844958a38436908b3e5d327c384f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10081/file/large-c3e9b7a96253f14ce04c561822ff4678.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10081/file/medium-ba0844958a38436908b3e5d327c384f7.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">Sun Snack</p>
          <a href="/products/datteln-entsteint-konv-200-g-19099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln entsteint konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19099&quot;],&quot;content_name&quot;:&quot;Datteln entsteint konv., 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19099&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tAimdCp5XXUV_RdTUQ46R_8ZbNqKjZXgfL4qL9FBPd54QrmRmUHW02-NzmaUgSvUMk3cM7QrVia3Pkgrv-qvzA" />
    <input value="19099" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/magenbrot-alpenbrot-lebkuchen-bio-125-g-16487">
          <img alt="Magenbrot Alpenbrot Lebkuchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7584/file/small-341f0c0450534b7e3983ad6e38a7cdc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7584/file/medium-bfd86cca0f24ee5ec24c05b258163537.webp 900w, https://assets.fabulous.ch/public/variant_asset/7584/file/large-bd4b4f172cebf3eec3a0228e2cc384fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7584/file/medium-bfd86cca0f24ee5ec24c05b258163537.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">Linea Natura</p>
          <a href="/products/magenbrot-alpenbrot-lebkuchen-bio-125-g-16487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magenbrot Alpenbrot Lebkuchen Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16487&quot;],&quot;content_name&quot;:&quot;Magenbrot Alpenbrot Lebkuchen Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16487&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qf6xQAQNRG1em2t2SJvTWsLTtI5RwzSG_KT_QM8AdSpltK6ltzXPyyTrskONFMLJD4cEZ29l90A3JJ1EoavnOA" />
    <input value="16487" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/heidelbeere-200-g-19110">
          <img alt="Heidelbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10494/file/small-f6051fecb1184963b379272697294af5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10494/file/medium-fc1828f7cfb29dca098f1ba72df8d87c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10494/file/large-6e706cfee51975abad3e1dc0ebd9d983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10494/file/medium-fc1828f7cfb29dca098f1ba72df8d87c.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">Sun Snack</p>
          <a href="/products/heidelbeere-200-g-19110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeere, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19110&quot;],&quot;content_name&quot;:&quot;Heidelbeere, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19110&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wmq37fRo7PteMn6cQQgD_0k8PSHcJDOQUJUpj1F2FT2WIKgIR1BnXSRCp6mEhxJshGiNyOKC8FabFUuLP92HLw" />
    <input value="19110" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/krunchy-muesli-christmas-lebkuchengewurz-bio-375-g-8062">
          <img alt="Krunchy Müesli Christmas Lebkuchengewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4726/file/small-ac641bed3054469e32f44b74ef7cf144.webp 600w, https://assets.fabulous.ch/public/variant_asset/4726/file/medium-8945b8097fc8b00c769eae0570bd950d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4726/file/large-fd9ec465650697f928b68713701f3329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4726/file/medium-8945b8097fc8b00c769eae0570bd950d.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">Barnhouse Naturprodukte</p>
          <a href="/products/krunchy-muesli-christmas-lebkuchengewurz-bio-375-g-8062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Christmas Lebkuchengewürz Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8062&quot;],&quot;content_name&quot;:&quot;Krunchy Müesli Christmas Lebkuchengewürz Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8062&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0pfk-Q2YmRYDG0Sc5s3RQ0H3kSkmGlQIDHENtuL5EfQe3fscvqASsHlrnakjQsDQjKMhwBi8l87H8W-yjFKD5g" />
    <input value="8062" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/cookies-tentation-kandierte-orange-zartbitterschokolade-bio-130-g-14446">
          <img alt="Cookies Tentation kandierte Orange Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6684/file/small-4f9699c599ffdd2e789c174ebcf4bc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/6684/file/medium-d9f0989ad947380772dc596bc5aa71f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6684/file/large-1affcd690c52cfa485bfee865d4ad5bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6684/file/medium-d9f0989ad947380772dc596bc5aa71f7.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">Moulin du Pivert</p>
          <a href="/products/cookies-tentation-kandierte-orange-zartbitterschokolade-bio-130-g-14446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Tentation kandierte Orange Zartbitterschokolade Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14446&quot;],&quot;content_name&quot;:&quot;Cookies Tentation kandierte Orange Zartbitterschokolade Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14446&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3cG6W99J_00GxDooenNfGSD1u8BlkEbmKqIKCPe_1EMRi6W-bHF063y04x2__E6K7aELKVs2hSDhImgMmRRGUQ" />
    <input value="14446" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/cookies-tentation-zitrone-ingwer-bio-130-g-8286">
          <img alt="Cookies Tentation Zitrone-Ingwer, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11545/file/small-6d204897174da27341280f62df0d14ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/11545/file/medium-64869c8ed92b62b5183e574ee857a30a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11545/file/large-11c33072dce404d96a29eeb2c6a0a469.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11545/file/medium-64869c8ed92b62b5183e574ee857a30a.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">Moulin du Pivert</p>
          <a href="/products/cookies-tentation-zitrone-ingwer-bio-130-g-8286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Tentation Zitrone-Ingwer, Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8286&quot;],&quot;content_name&quot;:&quot;Cookies Tentation Zitrone-Ingwer, Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8jXwqAgcMavr-DGfCGVApRstx4wkYxWaaZ9q5VAaxrw-f-9NuyS6DZGI6KrN6lE21nl3ZRrF1lyiHwjhPrFUrg" />
    <input value="8286" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/papayastangel-200-g-19133">
          <img alt="Papayastängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10530/file/small-87d2dbf0e8cb33e9768aa697422904a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10530/file/medium-3940c2622ec728448d0b52031408ee1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10530/file/large-616114e6778f6063cd9af1fd9034c65d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10530/file/medium-3940c2622ec728448d0b52031408ee1a.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">Sun Snack</p>
          <a href="/products/papayastangel-200-g-19133">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papayastängel, 200 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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19133&quot;],&quot;content_name&quot;:&quot;Papayastängel, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19133&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K6qrbeN7PukOpjEFd6I6z7wzrfBO9rgmQcgZsuukRZLn4LSIUEO1T3TW6DCyLStccWcdGXBQe-CKSHu2hQ_XgA" />
    <input value="19133" 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="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D16">
    <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="/products/lecker-s-zitronat-bio-100-g-7082">
          <img alt="Lecker&#39;s Zitronat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/products/lecker-s-zitronat-bio-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Zitronat Bio, 100 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-7082-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7082&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Zitronat Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NjbW0CvIYpZBqcuM3q8kgYKZTNCVrrpzFRajhI-0HQT6fMk1mPDpMDvZErkbIDUST838OasIebXelsGA4R-PFg" />
    <input value="7082" 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">
      320 von 2&#39;979 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=17">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>