<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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/limonade-holunderbluten-bio-500-ml-18546">
          <img alt="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/11374/file/small-23d18f4489ec5f52dc1abd63d2638e3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11374/file/medium-744dcbda90ca3c367a93665fdf52d7d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11374/file/large-9b77289b47dfa4d8fee725e16f376e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11374/file/medium-744dcbda90ca3c367a93665fdf52d7d9.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/limonade-holunderbluten-bio-500-ml-18546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18546-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="36wov89jQuU0XM_lNw1PpL_FaOGcsdjab6abiN_b3msmziGeQkP0KNMPmB0r2om_Uz19FbM5kNhTt8VoTMHBGg" />
    <input value="18546" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/schorle-apfel-himbeer-bio-500-ml-18547">
          <img alt="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/9215/file/small-abebaa0b413dcf58f49b1963e7aed002.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-e6c76332d79ff2dc7257c199159d34c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/large-7b13cce3e70b2542319bd8c30887ddd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-e6c76332d79ff2dc7257c199159d34c1.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/schorle-apfel-himbeer-bio-500-ml-18547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18547-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T0gXRWGeyeOz3T9kF0lNgrbD3zaPFKd00yzYTsCKiQ-2Kh5k7L5_LlSOaJwLnouZWjvKwqCc73bvPYauU5CWfg" />
    <input value="18547" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/apfel-banane-aprikose-glas-demeter-190-g-18548">
          <img alt="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/11379/file/small-91da088862d37cf5797b3627c15133c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11379/file/medium-4c3d5f7451a9ea3a86222b69cca5f0d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11379/file/large-1f87bbfac92acf86c7e8a27c04c7c8a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11379/file/medium-4c3d5f7451a9ea3a86222b69cca5f0d4.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/apfel-banane-aprikose-glas-demeter-190-g-18548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18548-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vOn41OT4i5TB3_gYEE86T54V6K9VVCK9WJs9inTAyKJFi_H1adg9WSaMr-AMmPxUcu39W3rcar9kimNq59rX0w" />
    <input value="18548" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/baby-beikost-ol-bio-250-ml-18549">
          <img alt="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/9216/file/small-bb791286807a43d01ce4ad4639524cef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9216/file/medium-d3770c6d06f3f2cfa381ad2bc82e0e9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9216/file/large-dee90886cbe3df98c50a8be8d79ea39c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9216/file/medium-d3770c6d06f3f2cfa381ad2bc82e0e9a.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/baby-beikost-ol-bio-250-ml-18549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18549-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vs75bK_N0G7vOJIheQOZYe71qVHLBQdci3iedD6NUtNHrPBNIu1mowhrxdll1F96Ag28peSNT163acCUrZdNog" />
    <input value="18549" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/crunchy-snack-hirse-mango-bio-25-g-18550">
          <img alt="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/9699/file/small-0faf712360ef6c247bf0b1dac9b70c1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9699/file/medium-bfdfb34ef32ae055ddc98198d140bf35.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9699/file/large-09e63a6c0ae7385573fe5142da80decd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9699/file/medium-bfdfb34ef32ae055ddc98198d140bf35.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/crunchy-snack-hirse-mango-bio-25-g-18550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18550-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T26nmgQRSFofBfXmR67MC2zueQijDb07xb5X3nRn2oa2DK67iTH-l_hWoh5beQoQgBZs_IyF9Tn5rwk-533F9w" />
    <input value="18550" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/pouchy-blue-bird-demeter-100-g-18551">
          <img alt="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/11383/file/small-6eb4b1240093c71ae1e1623e70a23400.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11383/file/medium-6c998f3a361fb3b0b6e85c1a51809690.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11383/file/large-126f709850ece1f694313eeb0825767e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11383/file/medium-6c998f3a361fb3b0b6e85c1a51809690.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/pouchy-blue-bird-demeter-100-g-18551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18551-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OeVF-vwxbigCqk9f_K3oQVNXNs-QpF6IH2-dh61OMIjAh0zbcRHY5eX5GKfgei5av68jO78sFoojfsNnPlQv-Q" />
    <input value="18551" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/pouchy-red-bee-demeter-100-g-18552">
          <img alt="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/11385/file/small-931be8ba2fad87206e9941c95eaaac75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11385/file/medium-e855228390d0e7e15a8b3546a4604bb7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11385/file/large-0ec7b7d19a0e0562fd0207a2765d2471.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11385/file/medium-e855228390d0e7e15a8b3546a4604bb7.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/pouchy-red-bee-demeter-100-g-18552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18552-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W0XWdn4wHHZUCNExrPLSKAhkPq9T-pyLau3Ik9IrxY2iJ99X8xCqu7NbhsmwJRQz5JwrW3xy1IlW_JZzQTHa_A" />
    <input value="18552" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/acerola-wildfrucht-lutschtabletten-bio-60-stuck-18553">
          <img alt="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/9521/file/small-b729d041fd37d1797e65f647e459fa4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9521/file/medium-c4b0e4a06983b3ca2ef479f622140884.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9521/file/large-ac074e0968a64dae6765193fbe3e1833.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9521/file/medium-c4b0e4a06983b3ca2ef479f622140884.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/acerola-wildfrucht-lutschtabletten-bio-60-stuck-18553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18553-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nS5FrWskcC8m2T-M5TjUf4lq98q109eiBkkqIvwmGXpkTEyM5gTG4sGKaHT57xJkZZLiPppbn6A6WHTCbzwGCw" />
    <input value="18553" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/honig-akazien-bio-1-kg-18554">
          <img alt="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/9522/file/small-2180aa52adc3a28add4b0cf03a641469.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-7671849dc1c99b30b4ab01dcbffd63a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/large-488cf30ad4b1e303f1b5271470c5b9e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-7671849dc1c99b30b4ab01dcbffd63a3.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/honig-akazien-bio-1-kg-18554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18554-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oT5MGoa90m9SPudy5Wgu7165mFMy6UTt4bqMF1bKOTdYXEU7C51korVtsIr5v-j0skGNpx1hDO_dq9L3xdAmRg" />
    <input value="18554" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/silicea-gel-mit-biotin-500-ml-18555">
          <img alt="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/10690/file/small-b102e414784e756e18c3f124236d1c63.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-8d173a815586589a77ebad021469e142.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10690/file/large-6d0a1dd1bc50aaebe3946678603ea30f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10690/file/medium-8d173a815586589a77ebad021469e142.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/silicea-gel-mit-biotin-500-ml-18555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18555-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ESHnZ401h9mkQK7do6EKWtQj5LN8EAT7YZ-7mJz0CEzoQ-5GABUxFEMT-SW_dsxBONvxR1OYTPldjuV4D-4XPQ" />
    <input value="18555" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/traubenzucker-himbeer-100-g-18556">
          <img alt="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/10158/file/small-9868479d03ad19135ab63589f4312313.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-0ab8be76eb03da148b9a8aee35aaa9bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/large-c5f504e92da163313c4aa9e7e0f22e58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-0ab8be76eb03da148b9a8aee35aaa9bd.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/traubenzucker-himbeer-100-g-18556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18556-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdVLQeYqGdn3HO37nVpON5XVDRFdbm1WVv_q9at92PXUt0JgawqvFBBPugOBjYgseS0Y5XLmJVRq7rQVOGfHhA" />
    <input value="18556" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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-18557">
          <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/10151/file/small-90aaee07b67067f3010ec4fa48971eb6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10151/file/medium-70b9382e899c21fec2a50cb80f683d40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10151/file/large-19e79cdbd28a2aa08f6efd8b90f3d7a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10151/file/medium-70b9382e899c21fec2a50cb80f683d40.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-18557">
            <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-18557-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HG1cX9rqRPc98gkNlb83q9FW3qWyVs61mv9-CvzCWdvlD1V-V8ryOtqhXvWJaPGwPa7LUZ3ehrem7iDqb9hGqg" />
    <input value="18557" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/traubenzucker-zitrone-100-g-18558">
          <img alt="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/10150/file/small-f42b18c6c23d17b6df0bc9ede3227f21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10150/file/medium-2f730e7b9e311cca851353e67771b538.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10150/file/large-97f5afc2903cf2ca0b097545060416c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10150/file/medium-2f730e7b9e311cca851353e67771b538.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/traubenzucker-zitrone-100-g-18558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18558-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="82Td_2Ok5yZsQijyznYCdYN-kPLisq167c3EIwcRGXkKBtTe7oRR64sRfwrSocRub4aFBs065XjR3JrDlAsGCA" />
    <input value="18558" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/7x7-krautertee-teebeutel-bio-50-stuck-18559">
          <img alt="7x7 Kräutertee Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11410/file/small-f2431850e360c14a5369d531491c6422.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11410/file/medium-b0f84c84099e54850cd8542cb5970b84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11410/file/large-2ce52c4607dd2ab3ad8ccc98143aef0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11410/file/medium-b0f84c84099e54850cd8542cb5970b84.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">Jentschura</p>
          <a href="/products/7x7-krautertee-teebeutel-bio-50-stuck-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7x7 Kräutertee Teebeutel Bio, 50 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vR_pqhiC7hn0s5IBR-QoWi1KG6qt4mk-UrPBiWz2L1dEfeCLlaJY1BPgxflbM-5BwbIOXoJqITxuop9p_-wwJg" />
    <input value="18559" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/7x7-krautertee-offen-bio-100-g-18560">
          <img alt="7x7 Kräutertee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9217/file/small-61271b28da3ae8c7e7843522c60d25e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9217/file/medium-baf90af1849a1587ed099c931007d246.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9217/file/large-98fbc0110d42db21f2d7b95fd3b8abda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9217/file/medium-baf90af1849a1587ed099c931007d246.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">Jentschura</p>
          <a href="/products/7x7-krautertee-offen-bio-100-g-18560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7x7 Kräutertee offen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xF6mi4Gc-xSIN3ptNeiRrDYncPGRuZmnVNRt4hhtBp49PK-qDLxN2W9kLZUpP1e32t9lBb4x0aVoxTMCi3cZ7w" />
    <input value="18560" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/morgen-stund-bio-1-kg-18561">
          <img alt="Morgen Stund Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9218/file/small-e94f0fc95d09ee3853ced476e9dcdcde.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9218/file/medium-bd9eb2055b48d57176094b34f22e1817.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9218/file/large-d1c2e50e8b4cd8c1924a5ef1906fe1b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9218/file/medium-bd9eb2055b48d57176094b34f22e1817.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">Jentschura</p>
          <a href="/products/morgen-stund-bio-1-kg-18561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morgen Stund Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mhK14Jco6zGDw1ec_NaRVXgCTti-QGmHpzLyF6A-adpjcLzBGghd_GSQAGTgAVdOlPpbLJHIIYWbI6z3MyR2qw" />
    <input value="18561" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/morgen-stund-bio-500-g-18562">
          <img alt="Morgen Stund Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9219/file/small-d084c372cf855dac6185c28ddabad4c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9219/file/medium-bd07e3ce3e65e4d4f20c2a3eb69cd881.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9219/file/large-e88b22d29c5c6bb24f559eb551cfdd31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9219/file/medium-bd07e3ce3e65e4d4f20c2a3eb69cd881.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">Jentschura</p>
          <a href="/products/morgen-stund-bio-500-g-18562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morgen Stund Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ey3EMA7UMo0YZqjNIH1h8U_bSz8euYMomQ51TEVjVYMjr4xTRvmB9MyzVsoVjOcKcd42NPyrg6edWc1og-SJw" />
    <input value="18562" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/wurzelkraft-feingranulat-bio-150-g-18563">
          <img alt="Wurzelkraft Feingranulat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9220/file/small-b77346b08b2542d621a25869fcf18d13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9220/file/medium-732064328e7572b580007b3b238cca72.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9220/file/large-718123eaa65eab036cd80a4b9411df20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9220/file/medium-732064328e7572b580007b3b238cca72.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">Jentschura</p>
          <a href="/products/wurzelkraft-feingranulat-bio-150-g-18563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wurzelkraft Feingranulat Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sSfKOUiPtVgQNvsUqwTqmw-D1eefaJJt12ckLxREZQ1IRcMYxa8DlfdlrOy30yyA43vAE7Dg2m_rdnrPh156fA" />
    <input value="18563" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/wildkaffee-espresso-bohnen-bio-fairtrade-220-g-18564">
          <img alt="Wildkaffee Espresso Bohnen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10204/file/small-df5b8b07ca1b22a1224dceda4c97ca10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-099c7d9c71325518f837bb15d4132a5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10204/file/large-b950d64add85e013cb2c41e05cf1cd50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10204/file/medium-099c7d9c71325518f837bb15d4132a5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/products/wildkaffee-espresso-bohnen-bio-fairtrade-220-g-18564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Espresso Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BIFAXHzefzSlQ45p99ohjS-GXr6Q85ga_-YOT_8yNYL940l98f7J-UIQ2ZHrDeeWw35LSr970BjD91CvbCgq8w" />
    <input value="18564" 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=%2Fcategories%2Falpinamed%3Fformat%3Dturbo_stream%26page%3D51">
    <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/wildkaffee-espresso-gemahlen-bio-fairtrade-220-g-18565">
          <img alt="Wildkaffee Espresso gemahlen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10203/file/small-904cef2e3bbf02966404fcdccd24aaec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-ee7df0a742c34b6b6ffd7ae55dbb7d6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10203/file/large-fe1c186a091c5cfc87c20d38d9d70c54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10203/file/medium-ee7df0a742c34b6b6ffd7ae55dbb7d6b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kaffa</p>
          <a href="/products/wildkaffee-espresso-gemahlen-bio-fairtrade-220-g-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Espresso gemahlen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9e9k78rbGcy1yVIDEn3X1mo3edgl1y9mSmDCJHETvbEMjW3OR_uvAVKaBfsOqhHNhs9sLApfZ2R2cZzE4gmiwA" />
    <input value="18565" 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;020 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/alpinamed?format=turbo_stream&amp;page=52">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>