<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%3D50">
    <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/harmona-brotaufstrich-pikant-ds-konv-200-g-18467">
          <img alt="Harmona Brotaufstrich Pikant Ds konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/small-27b95d7040371df390814cd098ee8448.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-07159131c6c663bf38b23d23778563e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10703/file/large-2275fcff7e75df39ebf683227defd346.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10703/file/medium-07159131c6c663bf38b23d23778563e9.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">Harmona</p>
          <a href="/products/harmona-brotaufstrich-pikant-ds-konv-200-g-18467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harmona Brotaufstrich Pikant Ds konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UnCcPQ3G3F5_KeCuXa5Q_LxrADiLzXhdtwp-upqBCPHL77YyEJLGDFjPYRHYGHO7Byh8qf9HLVd097MoFoB98w" />
    <input value="18467" 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%3D50">
    <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/harmona-plantex-paste-nr-3-glas-konv-450-g-18468">
          <img alt="Harmona Plantex Paste Nr. 3 Glas konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10086/file/small-9c4016808fb9b41fa1b221cc90b53e36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10086/file/medium-887fd34348fe199d51820f41f435abfc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10086/file/large-dd2a6d0ae3ccf0095492d4d81973c095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10086/file/medium-887fd34348fe199d51820f41f435abfc.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">Harmona</p>
          <a href="/products/harmona-plantex-paste-nr-3-glas-konv-450-g-18468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harmona Plantex Paste Nr. 3 Glas konv, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a2BD_d0Zy6cv_AkAQ-20oNJci5mGj3TJrlIJFdbs-Eny_2nywE3R9QgaiL_GW5fnaR_3CPIFIcNtr8SHWu2NSw" />
    <input value="18468" 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%3D50">
    <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/harmona-plantex-paste-nr-1-bouillon-dose-konv-250-g-18469">
          <img alt="Harmona Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10075/file/small-d1b6a93e7ddb9f61b831abfe16b6742d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-c33d966b96aa7c17505f6153a00d5344.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/large-2d8e2994afc0de29fa3870ccb80ff121.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-c33d966b96aa7c17505f6153a00d5344.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">Harmona</p>
          <a href="/products/harmona-plantex-paste-nr-1-bouillon-dose-konv-250-g-18469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harmona Plantex Paste Nr. 1 Bouillon Dose konv, 250 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 3.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ya4cYKVxWlbhs3C5TMxGGRS3G6t6UVbFb8RS6mWmzFL4MTZvuCVABMZV8QbJemVer_RnOg7bA8-sOZ946ae5UA" />
    <input value="18469" 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%3D50">
    <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/harmona-plantex-paste-nr-1-bouillon-dose-konv-500-g-18470">
          <img alt="Harmona Plantex Paste Nr. 1 Bouillon Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10083/file/small-845a6e830a4959cecbca76c7e40cc4cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10083/file/medium-2ad902346de861b53f3fda34a3299dcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10083/file/large-320a520747403ddf2b9235f1d7cb57c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10083/file/medium-2ad902346de861b53f3fda34a3299dcb.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">Harmona</p>
          <a href="/products/harmona-plantex-paste-nr-1-bouillon-dose-konv-500-g-18470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harmona Plantex Paste Nr. 1 Bouillon Dose konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BJr0aGKpUjXmBxmVskAjiOQ6Q9ZdHQoseRmvog_HUHSdBd5nf_1IZ8HhmCo39gDPX3k_RymXXya65GIwg8Yldg" />
    <input value="18470" 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%3D50">
    <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/bioreal-hefe-frisch-bio-42-g-18471">
          <img alt="Bioreal Hefe frisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11127/file/small-041f4c31a1553a0b1b7de69dd45f3f2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11127/file/medium-de89feb0d8c85bfcf7766a6fd8ae31fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11127/file/large-ca84a1f803fcda1d4f780eaface0fbd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11127/file/medium-de89feb0d8c85bfcf7766a6fd8ae31fd.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">Bioreal</p>
          <a href="/products/bioreal-hefe-frisch-bio-42-g-18471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bioreal Hefe frisch Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HLaFJNYvkxCxiCUFpXN38G0FEI-dwpn7jLtNvZP1CMqFKa8ry3uJQpZupLogxVS31kZsHulIzPFPRoAvH_R9yA" />
    <input value="18471" 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%3D50">
    <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/holderhof-alpen-yodl-energy-drink-bio-250-ml-18472">
          <img alt="Holderhof Alpen Yodl Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9130/file/small-463c01a559891e825be77171f3ecf7d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9130/file/medium-3161c7d84c677aa8682f3128cbc51bf3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9130/file/large-660d5774ff0214b3892ee62bce33b253.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9130/file/medium-3161c7d84c677aa8682f3128cbc51bf3.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">Holderhof</p>
          <a href="/products/holderhof-alpen-yodl-energy-drink-bio-250-ml-18472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holderhof Alpen Yodl Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Z9fCTDeD5AVhZMO6qnaAL2ZzgZShG9BvJb_xGmTnd5gAHUGLYoVwjJjErFvH_lHBtqylyYOOkt_azJW5ZLo3A" />
    <input value="18472" 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%3D50">
    <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/holderhof-limonade-grapefruit-bio-500-ml-18473">
          <img alt="Holderhof Limonade Grapefruit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11301/file/small-52ec6b291b64f034d933c8fc88d227cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11301/file/medium-337578eb18a8dc232e7e6973600ab2b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11301/file/large-c2c3ca6382c99aed812bf061239f4962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11301/file/medium-337578eb18a8dc232e7e6973600ab2b3.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">Holderhof</p>
          <a href="/products/holderhof-limonade-grapefruit-bio-500-ml-18473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holderhof Limonade Grapefruit Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FT31SD7stD5HlkXEKPZr2jnlgMOqd54q7WT9y2IHdiuMot9HI7iubGBwxHutQEidgqb8Ut79yyAumTBZ7gYDKQ" />
    <input value="18473" 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%3D50">
    <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/holderhof-limonade-holunderbluten-bio-500-ml-18474">
          <img alt="Holderhof Limonade Holunderblüten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11305/file/small-63d05e6ab912702f698a7379c8f775af.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11305/file/medium-ce89605402677a3d8e031c89bd4395f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11305/file/large-9176104991f5cc80dbe3d3ede90bae40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11305/file/medium-ce89605402677a3d8e031c89bd4395f1.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">Holderhof</p>
          <a href="/products/holderhof-limonade-holunderbluten-bio-500-ml-18474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holderhof Limonade Holunderblüten Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dl5VGimxdZ7eXfdwduE6GnkpZn0x6Nch4GEdGa1xZU3vwX8VNOVvzPm7ds_zVxldwmoa7EVigisjnNCLIXAQTw" />
    <input value="18474" 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%3D50">
    <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/holderhof-schorle-apfel-himbeer-bio-500-ml-18475">
          <img alt="Holderhof Schorle Apfel Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9132/file/small-e0a2e4398622014a3f1a57bcd9aa3f8f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9132/file/medium-9c70f1ddf2885c05196e036e11ca6d7c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9132/file/large-ceb1ff408901621568b7235bb3af0907.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9132/file/medium-9c70f1ddf2885c05196e036e11ca6d7c.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">Holderhof</p>
          <a href="/products/holderhof-schorle-apfel-himbeer-bio-500-ml-18475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holderhof Schorle Apfel Himbeer Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2-qEjjcMla2-bGcZwGDeB83kV29L9lMDu500oS1IYNVCda6BKliP_5mK5qZF1v1Adqcr_j98Bgl4YPkzoUkV1w" />
    <input value="18475" 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%3D50">
    <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/holle-apfel-banane-aprikose-glas-demeter-190-g-18476">
          <img alt="Holle Apfel Banane Aprikose Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/small-184c4047bb02cca0298c9d297c5ce936.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-65e00cdf458b2eadf21603678d7dcbb6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/large-97a0e77115f90cfdabd99b2d1579bd72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-65e00cdf458b2eadf21603678d7dcbb6.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">Holle</p>
          <a href="/products/holle-apfel-banane-aprikose-glas-demeter-190-g-18476">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Apfel Banane Aprikose Glas Demeter, 190 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 1.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zvf0FusbV9925LdBDGanaS-C29qXcwmscL3YNj2kvZNXaN4Z9k9NjVECNv6J0IQulMGnS-P5XKazQBWksaXIkQ" />
    <input value="18476" 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%3D50">
    <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/holle-baby-beikost-ol-bio-250-ml-18477">
          <img alt="Holle Baby Beikost Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9131/file/small-1722bf38fa4bb915d7e693278bb248b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9131/file/medium-547459118805050e76406822e79fba2c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9131/file/large-e16b558e99f4e11867582d21dc4bda37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9131/file/medium-547459118805050e76406822e79fba2c.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">Holle</p>
          <a href="/products/holle-baby-beikost-ol-bio-250-ml-18477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Baby Beikost Öl Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XEeB8PmM_7Yl5QUtw69jcTL9XP2Pve8U2ShSBaDtVYXF2Kv_5Njl5AIDhJJGGUA2ib4gbPs3uh4a1Z-XLOwghw" />
    <input value="18477" 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%3D50">
    <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/holle-crunchy-snack-hirse-mango-bio-25-g-18478">
          <img alt="Holle Crunchy Snack Hirse Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9623/file/small-3bf8b928d6351623da95ed215e809bb2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9623/file/medium-aabfcb1a5aafd12150a582e4eda8155a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9623/file/large-fa224f76183e96bdcee8ec46d3b6e967.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9623/file/medium-aabfcb1a5aafd12150a582e4eda8155a.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">Holle</p>
          <a href="/products/holle-crunchy-snack-hirse-mango-bio-25-g-18478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Crunchy Snack Hirse Mango Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ky6pFGMERSfzicQQiR7u_VYQwU9BypT9t4ZDLQ6-0MYKsYMbflBfddRvRa8MqM267VO93jVAwfd0e46_gr-lxA" />
    <input value="18478" 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%3D50">
    <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/holle-pouchy-blue-bird-demeter-100-g-18479">
          <img alt="Holle Pouchy Blue Bird Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11314/file/small-18d671f54d82ebf9ea84d9b2645f2bc6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11314/file/medium-295504ca500bd7eb6e12364004dd85c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11314/file/large-2aacaa3b6a8af1772dd61002b90f84ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11314/file/medium-295504ca500bd7eb6e12364004dd85c4.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">Holle</p>
          <a href="/products/holle-pouchy-blue-bird-demeter-100-g-18479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Pouchy Blue Bird Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fjYpxBL6y3dH9Csyi1UeI8PI2WioOVD8dAcYbsgjo2rnqQPLD67RJWASqo0O4z1keIul-dyzBfa3-tX8RCLWaA" />
    <input value="18479" 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%3D50">
    <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/holle-pouchy-red-bee-demeter-100-g-18480">
          <img alt="Holle Pouchy Red Bee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11316/file/small-5171bad2ec1f1b43e91cbadc35f23d68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11316/file/medium-cd19a5fe32dc80c26c8729100a53d08d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11316/file/large-0bee9a392aec6319116fa5850d452d87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11316/file/medium-cd19a5fe32dc80c26c8729100a53d08d.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">Holle</p>
          <a href="/products/holle-pouchy-red-bee-demeter-100-g-18480">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Holle Pouchy Red Bee Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Gk__RUJ-IivAjb75fQ5Xv9r_AzpJOan5UsSRKqllC5p9hXyCF3i2ojkt0RgQhoZRCiAnZ2us60mtt_WJqThLA" />
    <input value="18480" 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%3D50">
    <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/hoyer-acerola-wildfrucht-lutschtabletten-bio-60-stuck-18481">
          <img alt="Hoyer Acerola &amp; Wildfrucht Lutschtabletten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/small-2253f7dffd26cfa158b395d9a8ebdb5c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-2188b98ab9ebcbc4e9703eda0368599b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/large-8135f6e83230feefd642bd7c27ae312b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-2188b98ab9ebcbc4e9703eda0368599b.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">Hoyer</p>
          <a href="/products/hoyer-acerola-wildfrucht-lutschtabletten-bio-60-stuck-18481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hoyer Acerola &amp; Wildfrucht Lutschtabletten Bio, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WnjVrqWMmjlnLjQ6kjS0tPS1KUUkUN9wi7GTS5shS-DD5_-huNiAa0DItYUXgpfzT_ZV1FDainpITF7ZFyA-4g" />
    <input value="18481" 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%3D50">
    <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/hoyer-honig-akazien-bio-1-kg-18482">
          <img alt="Hoyer Honig Akazien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/small-361b0cf33cd6107ec048877b4e5ac6d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-9c97fc84c096a255def2b2c047b9e9a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/large-c45514c4f9325e821906ae59a573a3b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-9c97fc84c096a255def2b2c047b9e9a8.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">Hoyer</p>
          <a href="/products/hoyer-honig-akazien-bio-1-kg-18482">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hoyer Honig Akazien Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xo4CAtQYS4eWiG-rEj083yQIaf23cKsanaSKWws_019fESgNyUxR1bFu7hSXix-Yn0sVbMP6_hBeWUfJhz6mXQ" />
    <input value="18482" 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%3D50">
    <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/hubner-silicea-gel-mit-biotin-500-ml-18483">
          <img alt="Hübner Silicea Gel mit Biotin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/small-82df90af947f202e63eccad930e8fdfb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-6d7e21feec2ba23270e575596a9ece48.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/large-f4f93e6bd90ecc376074bee755973306.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-6d7e21feec2ba23270e575596a9ece48.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">Hübner</p>
          <a href="/products/hubner-silicea-gel-mit-biotin-500-ml-18483">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hübner Silicea Gel mit Biotin, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b1VScV9zPGbrHJx2b34oaCP9oLG005btF54u2_724Nf2ynh-QicmNMz6HcnqyAsvmL7cIMBZw-fUY-NJcveV1Q" />
    <input value="18483" 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%3D50">
    <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/issro-traubenzucker-himbeer-100-g-18484">
          <img alt="Issro Traubenzucker Himbeer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10080/file/small-a80c58412245b9e10f5396b249e8b200.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10080/file/medium-085d6b8776a3530e57812cd975171f7a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10080/file/large-cc40b00e77d4614e9010d21dc443b19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10080/file/medium-085d6b8776a3530e57812cd975171f7a.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">Issro</p>
          <a href="/products/issro-traubenzucker-himbeer-100-g-18484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Issro Traubenzucker Himbeer, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZytjQeAVZDEf-ukRHKCIuMkrwVWCOqurF2ZZIYGH6-MA4eCGtRPwuOZahvBxKFlWGfTlCKCv6RvoFT2CgdqrQ" />
    <input value="18484" 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%3D50">
    <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/morga-traubenzucker-orange-100-g-18485">
          <img alt="Morga Traubenzucker Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/small-6bc00b8e3453011a6fe884005557c6a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-ce2301bbf5d8f97f28baee7f9119e185.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/large-ba7de711f4dae0607c6aaaf527843634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-ce2301bbf5d8f97f28baee7f9119e185.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">Issro</p>
          <a href="/products/morga-traubenzucker-orange-100-g-18485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Traubenzucker Orange, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="asMMFA6SPhqHt6O1O3ICqJxTs9x9cIdWn_i6pHM9UyTzXCYbE8YkSKBRIgq-xCHvJxDPTQn60lxcBXc2_zwmJg" />
    <input value="18485" 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%3D50">
    <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/issro-traubenzucker-zitrone-100-g-18486">
          <img alt="Issro Traubenzucker Zitrone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-80bde27cf3dd2b9f1a8dbf5acbdd4a49.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-b82aea56f77bfd23a581d0536518540e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-55d00640e7d4ae3c8e47fa01e125b9f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-b82aea56f77bfd23a581d0536518540e.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">Issro</p>
          <a href="/products/issro-traubenzucker-zitrone-100-g-18486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Issro Traubenzucker Zitrone, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A1F3C3vsVZkADy9VywSeqJ5j8a2yRY3RNmvyB4LuTV-azl0EZrhPyyfprupOsr3vJSCNPMbP2Nv1lj-VDu84XQ" />
    <input value="18486" 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;000 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=51">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>