<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%2Faryalaya%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-18559">
          <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/10844/file/small-c5b794bfca711b73b7e67de8b1ffd0b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-7df959244cbbc91126770af13e989b3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/large-4eb1e9eb831763e95f41faf4cb4000e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-7df959244cbbc91126770af13e989b3e.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-18559">
            <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-18559-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CmCeXVV98rrgRC4FmDfBoFf41En2Hmn-YBBaIBADUxbDie_Bo3ulFtU9gwEL8mzpKzHV1v3CbomIaQeLPo6x8Q" />
    <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  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%2Faryalaya%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-18560">
          <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/9214/file/small-fe99f301a2b85211a29cc284df0a9722.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-4c93231024559b08219f86521ca52817.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9214/file/large-2845c889de737b1f33fa175c7266a244.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9214/file/medium-4c93231024559b08219f86521ca52817.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-18560">
            <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-18560-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e5yUXG57lL-iIdiKVm3B4oyrQxSKrg36SM6tsXW9Ky2ydeXAmH3DE5dYdY7FqGyr8GJCi4FyCo2gt_AaWzDJyg" />
    <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 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%2Faryalaya%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/holle-apfel-banane-aprikose-glas-demeter-190-g-18561">
          <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/10850/file/small-b6e56e91ac101cf68d2730a2893a51e2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-2927f2908089ea399d3d72479a085028.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/large-0d413c99fb522ac7b795466968d98260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-2927f2908089ea399d3d72479a085028.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 Baby &amp; Kindernahrung</p>
          <a href="/products/holle-apfel-banane-aprikose-glas-demeter-190-g-18561">
            <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-18561-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UkBj3QWZI0TV1YlnY_zat9YuA3kLffyKjOPm5watPZGbqRJB85906OCsJGPwOXf-qucC5gCh-_1kmrtMKCDfdg" />
    <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  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%2Faryalaya%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/holle-baby-beikost-ol-bio-250-ml-18562">
          <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/9213/file/small-32daf64fe89802d4535364435d3e4689.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-53e7984a6df256564990a5ca5e63895b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9213/file/large-5d090a1998f49cfe058e62e16fcaf345.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9213/file/medium-53e7984a6df256564990a5ca5e63895b.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 Baby &amp; Kindernahrung</p>
          <a href="/products/holle-baby-beikost-ol-bio-250-ml-18562">
            <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-18562-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IB4XjG9IXuH1L1KFbVdO3k-wYo842Z8xNTtw_GzZNizp92YQmU4JTcBW_4H-kuOXM3ljEDMFmEbdQi1XQlTUyw" />
    <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 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%2Faryalaya%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/holle-crunchy-snack-hirse-mango-bio-25-g-18563">
          <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/9594/file/small-d88be55d5b461f61b1fd17743e24132a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-5113f6c0a98c271ddc0bf4af0afbaa72.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/large-c1728550946fc8324b4151cc7d5d9839.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-5113f6c0a98c271ddc0bf4af0afbaa72.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 Baby &amp; Kindernahrung</p>
          <a href="/products/holle-crunchy-snack-hirse-mango-bio-25-g-18563">
            <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-18563-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bFxVQjyA7IAxHxrC63bB7PnaQZRnCyfc3UmSoN4WlqOltSTeyoa7LARmt8Z4s2ylhRNAC2zXIKs1MM8L8Jt0RA" />
    <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  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%2Faryalaya%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/holle-pouchy-blue-bird-demeter-100-g-18564">
          <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/10853/file/small-7ef981e294323438ab296a585d973a01.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-56839f0eb845ff7e532593139c866c3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-ab94a580769cc698c0795d9ef906ce4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-56839f0eb845ff7e532593139c866c3e.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 Baby &amp; Kindernahrung</p>
          <a href="/products/holle-pouchy-blue-bird-demeter-100-g-18564">
            <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-18564-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9HDObGY-SfwdbNyEp6gTSU_BNNNX7ufvla5Vn6l0px09mb_wkDgeUCgVcYA0bb4AMwg1TFwy4Jh91wg0h_lF-g" />
    <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 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%2Faryalaya%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/holle-pouchy-red-bee-demeter-100-g-18565">
          <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/10855/file/small-caff4c9035d2f4198de68f324642cdf8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-ce5b203724ca7df911906dd25a183ac1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10855/file/large-68748c1c7fb5cffeac45af7d2637847a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10855/file/medium-ce5b203724ca7df911906dd25a183ac1.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 Baby &amp; Kindernahrung</p>
          <a href="/products/holle-pouchy-red-bee-demeter-100-g-18565">
            <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-18565-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qBfgL_XISdNpaf7TozNtUygLc1VZphd97nhTPdb3Ijlh_pGzA84ef1wQU9cw9sAaVMJyylJ6EAoGAQ6W-HrA3g" />
    <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>


  

  <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%2Faryalaya%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-18566">
          <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/9433/file/small-835fcb8d20b45733b254a600d4a1c14e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-12a15ec72d1c93e364fc97271441222d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/large-652bb2977b37db6152a6dab2ab2cb728.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-12a15ec72d1c93e364fc97271441222d.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-18566">
            <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-18566-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nvbcZecBo3zX1Gp7ExWCC1Z0WCPm1rg9_qK-1msTkmBXH635EQf00OKtx3-A0C9CKr1ZvO0Kv0oW2-N9RZ5whw" />
    <input value="18566" 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%2Faryalaya%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-18567">
          <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/9435/file/small-d6df7a4f014176f1ed1f55bf3b054eeb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-364ab0f455be3bc429727300ae3d8c59.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/large-13459d47fcc4c1012baae4ce78f1f2cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-364ab0f455be3bc429727300ae3d8c59.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-18567">
            <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-18567-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qNOanVX4ZCkEgPoLyb4_9dSENynPecApjLyzwMxEK-FhOusBo_4zhTH5Vw9ae5K8qE02tsSlx15kxe5r4snJBg" />
    <input value="18567" 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%2Faryalaya%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/hubner-silicea-gel-mit-biotin-500-ml-18568">
          <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/10328/file/small-fca8d51031da83d9c85580eb616115cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10328/file/medium-8168a437278117c9d088ab07b09061b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10328/file/large-9a57f6d42528c9977e4fa58953a775bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10328/file/medium-8168a437278117c9d088ab07b09061b8.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 Vital</p>
          <a href="/products/hubner-silicea-gel-mit-biotin-500-ml-18568">
            <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-18568-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EccddE4vnWMt4mWGJ905_j87uRoA-KRxoxB7izoOykrYLmzouCnKzxibyIK0GJS3Q_K4hQskowZLaSYgFIMorQ" />
    <input value="18568" 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%2Faryalaya%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-18569">
          <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/10022/file/small-e0473bfe9b640a1f81061124691c806e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10022/file/medium-ab1931ebb19cf2067441d4d23887153d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10022/file/large-75a4f61b24779c4948f630a5e84febab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10022/file/medium-ab1931ebb19cf2067441d4d23887153d.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-18569">
            <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-18569-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ajyJpBl0ONqitMOya4ULytYwrgDbmM0GqwEaTXoApjKj1fg473JvdpfNbrb4QKaDqvmvn9BEynFDeEfmVI1E1Q" />
    <input value="18569" 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%2Faryalaya%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-18570">
          <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/10052/file/small-ed6a8aa3efe87eda1fb928450c17f953.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10052/file/medium-289ed57313eaa9a382ca10f8af6af036.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10052/file/large-511f5322a14742d763b98678e5b74640.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10052/file/medium-289ed57313eaa9a382ca10f8af6af036.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-18570">
            <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-18570-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="11YCAZZhmgNyILr21Q-p3OgRVEpIElkLWvGvZSxrcDMev3OdYGfNr0dZF_JGygSVlNhV1UPOXnyyiPLOAuaS1A" />
    <input value="18570" 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%2Faryalaya%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-18571">
          <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/10051/file/small-75ff99ab6c6914b42970c0274734574c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10051/file/medium-caa87d1b15ae212258ed8a934567235a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10051/file/large-c11a43a8fd8380f3f859881a78b845e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10051/file/medium-caa87d1b15ae212258ed8a934567235a.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-18571">
            <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-18571-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HdlreTKvJNQJ0no382DlbBgNh2uSBeMevBMboYrXyP3UMBrlxKlzeDyr1zNgpUglZMSG9JnZ5GlUakYKpFoqGg" />
    <input value="18571" 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%2Faryalaya%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-medium-bohnen-bio-fairtrade-220-g-18572">
          <img alt="Wildkaffee Medium 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/10049/file/small-ab6d753565e0466df6f569a3b1011fcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10049/file/medium-e305e9d25b9e13144323046e5c9cdf50.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10049/file/large-728b00e5b0c69cc520224704acb0fcfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10049/file/medium-e305e9d25b9e13144323046e5c9cdf50.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-medium-bohnen-bio-fairtrade-220-g-18572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium 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-18572-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dc-gQKaEmlp15Dq71HpmMdL1rFUqyHAtfl-eIn6d3Rq8JtHcUILN9kCdl79Hv8t4rjytyiEUd1qWJsOJUBA__Q" />
    <input value="18572" 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%2Faryalaya%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-medium-gemahlen-bio-fairtrade-220-g-18573">
          <img alt="Wildkaffee Medium 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/10050/file/small-1ec9f58c3cfb4b5efe06470e84e23c64.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10050/file/medium-aa6b7b61b6a8f555bafb6d1f2513917a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10050/file/large-6bbbd8c1315f23f4f94ea8ab8e812638.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10050/file/medium-aa6b7b61b6a8f555bafb6d1f2513917a.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-medium-gemahlen-bio-fairtrade-220-g-18573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Medium 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-18573-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iTzyzodSpbQs90OBjARO0akxKXOHCd9EBrBB-qCTAPpA1YNScVTyGBmO7oUfweOY1fgo7IzV2DPuyRxRjh7iHQ" />
    <input value="18573" 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%2Faryalaya%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/pizzoccheri-300-g-18574">
          <img alt="Pizzoccheri" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/small-8b2e1734d8cb154602da20f09b5df80e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-5387b82ea8408368611e5664269b464f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10337/file/large-9570d209a8fdc2ab7a6411cea65477b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10337/file/medium-5387b82ea8408368611e5664269b464f.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">Kornhaus</p>
          <a href="/products/pizzoccheri-300-g-18574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzoccheri, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pgKZ7UTjOpfMhCdW-mXXWHqaPtgGMfccVjyYgZONf01v6-hxsuVtO_n9ilJpoHoRBlM_Rw3t8Gu-RcUqvQCdqg" />
    <input value="18574" 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%2Faryalaya%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/kirschen-in-zartbitterschokolade-bio-50-g-18575">
          <img alt="Kirschen in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/small-b4b350a4464a2cb540dd10038259e2aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-b8a3b4812349404db5ec2cf2bc5966a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10692/file/large-1d416601a756f75edb6be19c97f85726.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10692/file/medium-b8a3b4812349404db5ec2cf2bc5966a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Landgarten</p>
          <a href="/products/kirschen-in-zartbitterschokolade-bio-50-g-18575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kirschen in Zartbitterschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7qa7ABeo6NPkLJFmmTCg43BCsE4OYFAXw5PF2GUSu-UnT8qc4a6_f9FVPGIK9Q2qDIux0QW8V2Ar6phzS59ZAg" />
    <input value="18575" 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%2Faryalaya%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/beeren-in-dreierlei-schokoladen-bio-50-g-18576">
          <img alt="Beeren in dreierlei Schokoladen 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-a447521b96b6a767a8ef9d6b8b6ea76c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-2092f5b14bdd2c0d118d946c76916ada.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9215/file/large-39edd9abea3a57d63219cc91550f7d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9215/file/medium-2092f5b14bdd2c0d118d946c76916ada.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Landgarten</p>
          <a href="/products/beeren-in-dreierlei-schokoladen-bio-50-g-18576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren in dreierlei Schokoladen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvcnOLoOIJqZgd9r8js4zZjW3AcKeGocIoX--SmLz1-nHlakTAh3Nqz4cm9h_pWE5B_dmAGkbWvK_KNSBwYtuA" />
    <input value="18576" 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%2Faryalaya%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/knabber-mix-original-bio-50-g-18577">
          <img alt="Knabber Mix Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/small-3ed719cff2e635d4403f5295bba24897.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-e715f49005229c3da6da3bca08b28c24.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/large-c9e2dfebbb13bc81ba5c6ff8ecc03740.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-e715f49005229c3da6da3bca08b28c24.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Landgarten</p>
          <a href="/products/knabber-mix-original-bio-50-g-18577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knabber Mix Original Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x503fasKf51rlKHBJMoa-C_hC6_fMUNmvnOX4LyGTysOdEbhXQwoMV7tDMW3D7exUygKMNTtRBFWCspLkgutzA" />
    <input value="18577" 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%2Faryalaya%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/mandeln-wurzig-bio-50-g-18578">
          <img alt="Mandeln Würzig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/small-1161b20b55675a4132befe8537a98e04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-2932153ae46a20587c53a0d08b30db08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/large-9c3b52081898277d7d3f17cabd120047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-2932153ae46a20587c53a0d08b30db08.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Landgarten</p>
          <a href="/products/mandeln-wurzig-bio-50-g-18578">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Würzig Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VqwwA4bK7rTD2aDVldop-PgTLd7dBvGDU2biORt9nXKfRUGfcMy5GPagDdEGH4SxhNosQdba9vS7H7-SNfB_lQ" />
    <input value="18578" 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 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/aryalaya?format=turbo_stream&amp;page=52">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>