<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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gzap8hDUx_XfH67X-LAQn30YMTB2RKvmrOCsEwleJecmvIX8Q8TmTA8qo9rlM4FKFtmDhkC5VI8PckJ-q79BDQ" />
    <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  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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bydsBpumtP8NV3ioavcO7q0o6wgk-h1T19ibZzMMDoNSrUAIyLaVRt1idaV3dJ87xulZvhIH4jp0SnUKke1qaQ" />
    <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 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hgNdAp7VNsgyPibKTcfth3ywzN4uvQimAz33aqleXo27iXEMzcUXceILK8dQRHxSF3F-aBhA98-grxkHC786Zw" />
    <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  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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YTzTKOVK-MIqec6l3LRuByTwnJ0WKnYKTAhpubTrTI9ctv8mtlrZe_pMw6jBN__STzEuKyDXiWPvmofUFgooZQ" />
    <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 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zwkQmXbC1Axhx4frTM2CqAsPYqD8dNklBAPGARqys5zygzyXJdL1tbHyiuZRThN9YM7QFsqJJkynkShsuFPXdg" />
    <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  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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J72bury2CxKrgJ_TBgTc-ksTLnQF9GJXQJaUBa34xhQaN7e076Yqq3u1kt4bh00vINKcwjMJnT7jBHpoDxmi_g" />
    <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 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fwMMc37MQy3U4Q76MNZzlOwmEs_efmaCyfK8JdTUKlhCiSB9LdxilATUA_ctVeJBh-egeeiDmetqYFJIdjVOsg" />
    <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>


  

  <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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lecker-s-orangeat-bio-100-g-7081">
          <img alt="Lecker&#39;s Orangeat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4071/file/small-c436321d7a58956c3f064992de91a373.webp 600w, https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.webp 900w, https://assets.fabulous.ch/public/variant_asset/4071/file/large-f0a0d54677133e8636d8bd57bb5d4e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.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="/de/products/lecker-s-orangeat-bio-100-g-7081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Orangeat 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-7081-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7081&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Orangeat Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7081&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HGo7R2n_Y2Xk1BGhiDDOoNfyH0zvent_gpENlIov_l4h4BdJOu9C3DThHKyVs191vDOt-tmHhBYhA-P5KM6atA" />
    <input value="7081" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/cranberries-ganz-gez-bio-200-g-19096">
          <img alt="Cranberries ganz gez. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10444/file/small-347c2b78b15f2539ba462872ed52fbcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10444/file/medium-9ffd2fb7ec06750d8c7bfe675324c097.webp 900w, https://assets.fabulous.ch/public/variant_asset/10444/file/large-c20b379f31e902156c33bbbb1c4f06ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10444/file/medium-9ffd2fb7ec06750d8c7bfe675324c097.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="/de/products/cranberries-ganz-gez-bio-200-g-19096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberries ganz gez. Bio, 200 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 3.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19096&quot;],&quot;content_name&quot;:&quot;Cranberries ganz gez. Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19096&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ksh6gtfnjwjO-fLk-85TK-e4SWyhn2Dkge9PoMKS2OAXQlaMhPeusR7M_-nmTcL-jHn72pdin40ifaHNYHO8Cg" />
    <input value="19096" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lecker-s-zitronenol-bio-2-ml-7083">
          <img alt="Lecker&#39;s Zitronenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4070/file/small-d9420f8a9864402a5bf7908f5ab0bf95.webp 600w, https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.webp 900w, https://assets.fabulous.ch/public/variant_asset/4070/file/large-139efb9c3b52cd1b392475c8168cb78d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.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="/de/products/lecker-s-zitronenol-bio-2-ml-7083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Zitronenöl Bio, 4 x 2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7083&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Zitronenöl Bio, 4 x 2 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7083&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jv-QW5JeqMD6kqtVmRRSvsv2BlMRdHbFTBR2e7CY0KmzdbxVwU6JeSqnpliEl8NroDe05SeJiazvhpgWEnm0Qw" />
    <input value="7083" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lecker-s-orangenol-bio-2-ml-7084">
          <img alt="Lecker&#39;s Orangenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4074/file/small-c5d30140402d4370abb6983b7f4071cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4074/file/large-bf969263ecbee42de6a2973883ecdc7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.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="/de/products/lecker-s-orangenol-bio-2-ml-7084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Orangenöl Bio, 4 x 2 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7084&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Orangenöl Bio, 4 x 2 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7084&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ThMbOsfBv2o3yiDQAWC9XXFoleCi7zv3Wtsb09ZNqRFzmTc0lNGe0-f_Ld0c4yyIGqknVpQSxJ75SfW-dKzN-w" />
    <input value="7084" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lebkuchen-orange-bio-60-g-16473">
          <img alt="Lebkuchen Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7579/file/small-27bd3d27c84da66a98c029d5b6090aef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7579/file/medium-13c32bf82c50930a004d1512fb77fa4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7579/file/large-d35956097adab45b79c98b826a6d4d19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7579/file/medium-13c32bf82c50930a004d1512fb77fa4a.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="/de/products/lebkuchen-orange-bio-60-g-16473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchen Orange Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16473&quot;],&quot;content_name&quot;:&quot;Lebkuchen Orange Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16473&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLO9bMe5nBi5lWmVZguTHYM9fGR2S5q4w7A-Jq-OE8SVOZFilKm9oWmgZJh7iALI6PzO0kC2ZdFgItBLDW93Lg" />
    <input value="16473" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/dinkel-nuss-zimt-sterne-bio-125-g-16470">
          <img alt="Dinkel Nuss Zimt Sterne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7575/file/small-6876a1b9398aeb33d849fceac5205e6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7575/file/medium-466635a2def7f214c76cce4f2ab6227d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7575/file/large-6d629adbba4d94503f8d60292b2ce13f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7575/file/medium-466635a2def7f214c76cce4f2ab6227d.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">Bohlsener Mühle</p>
          <a href="/de/products/dinkel-nuss-zimt-sterne-bio-125-g-16470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Nuss Zimt Sterne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16470&quot;],&quot;content_name&quot;:&quot;Dinkel Nuss Zimt Sterne Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16470&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g8Az7w41A8w7asPErOuIpBLd3oLLLZuY4NuinMh2-6K-Sh_hXSUidetfzsmxaBlxeRxsNP3QZPFDSUzxapefSA" />
    <input value="16470" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/pralinis-lini-s-bites-spekulatius-bio-46-g-11861">
          <img alt="Pralinis Lini&#39;s Bites Spekulatius Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11632/file/small-458a71adc01b8e6fc5f8ded5ccd8c39a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11632/file/medium-e4ed7a75c2debc3a819fbe3d9995ce49.webp 900w, https://assets.fabulous.ch/public/variant_asset/11632/file/large-5c1a5ca73c399cac2e9999e66c15fecb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11632/file/medium-e4ed7a75c2debc3a819fbe3d9995ce49.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="/de/products/pralinis-lini-s-bites-spekulatius-bio-46-g-11861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinis Lini&#39;s Bites Spekulatius Bio, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11861&quot;],&quot;content_name&quot;:&quot;Pralinis Lini&#39;s Bites Spekulatius Bio, 46 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11861&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sHx5uVZ7HdAay87k3aoWs1H2NZC0pkgRo1SKY99AOYaN9lW3BWs8acr-w-nAKYdmOjeHJoJbt3gAxmQOfaFdbA" />
    <input value="11861" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/orangen-schoko-kekse-bio-150-g-14450">
          <img alt="Orangen Schoko-Kekse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6690/file/small-a00230ffa2a4f1a09971e64e6c78b3df.webp 600w, https://assets.fabulous.ch/public/variant_asset/6690/file/medium-cd414fb90d85f73099d30994b0cd38e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6690/file/large-9de406a807e6f6195cfa897d582d2b7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6690/file/medium-cd414fb90d85f73099d30994b0cd38e4.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="/de/products/orangen-schoko-kekse-bio-150-g-14450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangen Schoko-Kekse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </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-14450-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14450&quot;],&quot;content_name&quot;:&quot;Orangen Schoko-Kekse Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14450&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFNQZU2-b6Rw-_2Gu8U2Z_VkS2LbpooK7gaVRJaapC8t2XxrHq5OHaDO8IumRqeynqX51O1bdWNNlHspNHvAxQ" />
    <input value="14450" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lini-s-bites-lebkuchencreme-bio-200-g-14447">
          <img alt="Lini&#39;s Bites Lebkuchencreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6686/file/small-2b5f20073a95a8f7841605e1dd69cddb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6686/file/medium-11e09072b0e76262af953cbb8405d70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6686/file/large-644fea2714ea928cc363fa392103f42d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6686/file/medium-11e09072b0e76262af953cbb8405d70b.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="/de/products/lini-s-bites-lebkuchencreme-bio-200-g-14447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lini&#39;s Bites Lebkuchencreme 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-14447-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14447&quot;],&quot;content_name&quot;:&quot;Lini&#39;s Bites Lebkuchencreme Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14447&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IdnMCIY911PNLLwTVbeY4mwYWf1X4WozX0LMP4Cwp1wcU-AG1S326h0ZsR5INAk3B9nrS2EclVr80CJSIlHDtg" />
    <input value="14447" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/whole-pflanzenprotein-mahlzeit-vanille-25-portion-12908">
          <img alt="WHOLE Pflanzenprotein-Mahlzeit - Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6343/file/small-3a46684e4220f5f4e947643554bc1829.webp 600w, https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6343/file/large-a836aaa72cf1f2fd374e05686bddb4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/de/products/whole-pflanzenprotein-mahlzeit-vanille-25-portion-12908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">WHOLE Pflanzenprotein-Mahlzeit - Vanille, 25 Portionen</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12908&quot;],&quot;content_name&quot;:&quot;WHOLE Pflanzenprotein-Mahlzeit - Vanille, 25 Portionen&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12908&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:49.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rA_jtOk6T26vLuyLkRoG31L8DN4LqEgQZdhk5fEB-OqRhc-6uipu138b4YaMmZcKOT2-aD1Vt3nGSoqIU-CcAA" />
    <input value="12908" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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-multinahrstoff-kapsel-60-portion-12909">
          <img alt="Vegane Multinährstoff" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11908/file/small-2ae0f38fd952669823c86198774a17bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11908/file/medium-6d758ced17bc1e6f2a1da6002dc7aa21.webp 900w, https://assets.fabulous.ch/public/variant_asset/11908/file/large-e2cb6637eca21e4fa0d3c4b9d6513575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11908/file/medium-6d758ced17bc1e6f2a1da6002dc7aa21.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/de/products/vegane-multinahrstoff-kapsel-60-portion-12909">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Multinährstoff, 120 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12909&quot;],&quot;content_name&quot;:&quot;Vegane Multinährstoff, 120 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12909&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H4D644HosWsLt87GGWJccsddRnVx4k5ZTtaKHMVGVsQiCtbt0viQ0tuCw8sE4c2nrJz0w0cfsTDtRGRxZ6cyLg" />
    <input value="12909" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/nurnberger-original-elisen-lebkuchen-glutenfrei-bio-210-g-7091">
          <img alt="Nürnberger Original Elisen Lebkuchen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11631/file/small-88eafce55b2a3c899d4a4dab8d581755.webp 600w, https://assets.fabulous.ch/public/variant_asset/11631/file/medium-325dc4014410945426e4b74fef6c2efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11631/file/large-4d9ce2a8519e9a6727f94774861e0676.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11631/file/medium-325dc4014410945426e4b74fef6c2efc.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">Nürnberger Bio Originale</p>
          <a href="/de/products/nurnberger-original-elisen-lebkuchen-glutenfrei-bio-210-g-7091">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nürnberger Original Elisen Lebkuchen Glutenfrei Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7091&quot;],&quot;content_name&quot;:&quot;Nürnberger Original Elisen Lebkuchen Glutenfrei Bio, 210 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7091&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jHEbVPi0ygnTiG9j0FzjCyEzB54hRmhdUKtgjjxJTP2x-zdaq6TrsAO9Ym7N33LeSvK1KBe7lzTzOY7jnqgoFw" />
    <input value="7091" 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%2Fhappi%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lebkuchen-brezeln-sterne-herzen-bio-200-g-879">
          <img alt="Lebkuchen Brezeln, Sterne, Herzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/809/file/small-51af291137665e9f57d83f17f6da1bcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/809/file/medium-69851b18259d7f5243818b769dc912cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/809/file/large-b768a04c3623d93e0ac1494abbfa30ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/809/file/medium-69851b18259d7f5243818b769dc912cb.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="/de/products/lebkuchen-brezeln-sterne-herzen-bio-200-g-879">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchen Brezeln, Sterne, Herzen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;879&quot;],&quot;content_name&quot;:&quot;Lebkuchen Brezeln, Sterne, Herzen Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;879&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hVURWDiw8z1c4h6hddT_7JC5cOhQNKTFBzGeSduPEuG43z1Wa6DShIzXE6xoV245-3jCXmbJW6yko3AkeW52Cw" />
    <input value="879" 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">
      1&#39;040 von 4&#39;109 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/happi?format=turbo_stream&amp;page=53">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>