<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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/huttenkase-cottage-cheese-bio-200-g-19801">
          <img alt="Hüttenkäse Cottage Cheese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10363/file/small-b45fa49f1db60ab5d87474906086d28f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10363/file/medium-9961fc87a2c1182e34ead2b3d4664674.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10363/file/large-1ce1ad48342dd10af1497e52e6c9bb44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10363/file/medium-9961fc87a2c1182e34ead2b3d4664674.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">Züger</p>
          <a href="/products/huttenkase-cottage-cheese-bio-200-g-19801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hüttenkäse Cottage Cheese Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lqO6LA8yOgg8NosFysNcmMY82hrgHCbedaT9v1z6nqVOMH-0EbB9z_kbf9czas4veo1KTZurfy6CBsDhbm4leA" />
    <input value="19801" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/traubenkernol-nativ-bio-100-ml-19802">
          <img alt="Traubenkernöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10364/file/small-3d20cb7ac84863a285640e9899c59b99.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10364/file/medium-428fc23086a0fd43c62890f87bfe0030.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10364/file/large-9edd300a4ee61e79f275b182b068b834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10364/file/medium-428fc23086a0fd43c62890f87bfe0030.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">NaturKraftWerke</p>
          <a href="/products/traubenkernol-nativ-bio-100-ml-19802">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenkernöl nativ Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TYhN3Kp33eBS61zPriSv48Vi--02mAwDPmtuYxMwgAmVG4hEtPWaJ5fGqB1XjT1UedNruk0vVfPJyVM9IaQ71A" />
    <input value="19802" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/delikatess-mayonnaise-tube-demeter-185-ml-19803">
          <img alt="Delikatess Mayonnaise Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10368/file/small-90f70e403669c06a49c86290b8871a7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10368/file/medium-c56b8d00f046cfe53a1cc52a200cea4d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10368/file/large-642303ba548086000a91c1db083b5729.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10368/file/medium-c56b8d00f046cfe53a1cc52a200cea4d.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">Naturata</p>
          <a href="/products/delikatess-mayonnaise-tube-demeter-185-ml-19803">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Delikatess Mayonnaise Tube Demeter, 185 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZNoxsOhibjt6ntOzBfoVHDQ0CnB-m_LBUlRddRJ_8_G8SfQo9uAp_L-zJ2H8U4eriIWaJwUsqzGl9mArIOtILA" />
    <input value="19803" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/geschenkpackung-filz-eule-mit-arve-5-ml-19804">
          <img alt="Geschenkpackung Filz-Eule mit Arve" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10371/file/small-086cacb629cf89a484260218ad0e6e90.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10371/file/medium-aaff56104240eb2eea3e2c308f8f25ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10371/file/large-893f51f73096f41fb88e009ee3aebb08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10371/file/medium-aaff56104240eb2eea3e2c308f8f25ea.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">AromaLife</p>
          <a href="/products/geschenkpackung-filz-eule-mit-arve-5-ml-19804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkpackung Filz-Eule mit Arve, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZAnK9XpnuQBLOunwV9SoX6jJR5ai90M3VKrKyUCVx1y8mg9tZOX-x44XHSKufTroFHjXwdlAGsejCPeXcgF8gQ" />
    <input value="19804" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/tea-fruit-herbal-selection-bio-8-beutel-19805">
          <img alt="Tea Fruit &amp; Herbal Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10372/file/small-2f3d8c4fca5e2061b278c20170f3842f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10372/file/medium-d9258154773a4aae08d20db4666ef2f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10372/file/large-5beea39918bd00423ef33676eed229df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10372/file/medium-d9258154773a4aae08d20db4666ef2f9.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">Sirocco</p>
          <a href="/products/tea-fruit-herbal-selection-bio-8-beutel-19805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Fruit &amp; Herbal Selection Bio, 8 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jH0F8WnyDziCIUmiGJ3bft5CpSuSIY8QI98uvyC4KJxU7sBpd3BI_0cMvXDhNEnJYvM1fOmW1uDUfRPhEiyTQQ" />
    <input value="19805" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/kinder-schaumseife-calendula-200-ml-19806">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10373/file/small-0e9556f5ac5c0ede59a4bc66f389a4f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10373/file/medium-4eed061f33f7fe880055c7e0fe04377e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10373/file/large-5e0b6c7e0adab01996bd63b49666cc8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10373/file/medium-4eed061f33f7fe880055c7e0fe04377e.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">Sonett</p>
          <a href="/products/kinder-schaumseife-calendula-200-ml-19806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JcSPflnjLQg81OEnXUnm-ONQ8_wie5yEa9RmhwYlz_79V0rmR2Fqz_n5FfWk4HRPX-Fjq1nMxXScdlvZNLF0Iw" />
    <input value="19806" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/kinder-schaumseife-calendula-1-l-19807">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10374/file/small-d0aabede81e0904d9a937bfd90952cb2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10374/file/medium-06ff09ca13269339d37c0d4257657348.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10374/file/large-ea8e9878133651e86d0ba4c6ff8b4e75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10374/file/medium-06ff09ca13269339d37c0d4257657348.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">Sonett</p>
          <a href="/products/kinder-schaumseife-calendula-1-l-19807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lkvmElbFL_z8jZ8zU2nYwzxfgurohvP57vAPAa2SbFRO2COKSEdoOzmga-GqwEp0gO4SvZMxqgkZUjJfnwbXiQ" />
    <input value="19807" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/blaubeeren-gefriergetrocknet-bio-60-g-19808">
          <img alt="Blaubeeren gefriergetrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10375/file/small-b09ab82871b2bf6b4f2843f41cbb1b40.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10375/file/medium-73b7ed9095098e61b396edffa0e0f86e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10375/file/large-63fd52398dc36aede70b13bbee12b89f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10375/file/medium-73b7ed9095098e61b396edffa0e0f86e.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">Organica</p>
          <a href="/products/blaubeeren-gefriergetrocknet-bio-60-g-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blaubeeren gefriergetrocknet Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vY-MZh79SQAwRhZyB-NblW0Km6hwq3fYrAdZ8qpQ16ZlHEn-AH8Ox_Vr4qD-Sski0bsL_wscLihbpWSsmMRsew" />
    <input value="19808" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/borlotti-bohnen-bio-500-g-19809">
          <img alt="Borlotti Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10376/file/small-9b019d6c5d08cb88d2085a0ee1b90d79.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10376/file/medium-c4302b04aea6534b6d7c6e87c1910986.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10376/file/large-e8e6220c69cc007b5ecfd4406a220fa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10376/file/medium-c4302b04aea6534b6d7c6e87c1910986.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">Terra Verde</p>
          <a href="/products/borlotti-bohnen-bio-500-g-19809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Borlotti Bohnen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XoaYIuIiJTeBluEwpzoWGZ34zfPYeGH0t8kSxvajAPiGFV26_KBi8ES7FeJek4SuIUldpKPPOARAay-YxDe7JQ" />
    <input value="19809" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/latte-kurkuma-ingwer-dose-bio-60-g-19810">
          <img alt="Latte Kurkuma Ingwer Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10377/file/small-b3aa68a0af2dc9ca85dddb3f1d29076e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10377/file/medium-18bed6c40428d1cbae64c59e3eb6f4d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10377/file/large-a0e0deac28e81e4b48c2baac5f9d0cb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10377/file/medium-18bed6c40428d1cbae64c59e3eb6f4d0.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">Sonnentor</p>
          <a href="/products/latte-kurkuma-ingwer-dose-bio-60-g-19810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Latte Kurkuma Ingwer Dose Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qrV36X3e-2EcmIa7R1Hx0mF4iX3HV5veXJjtinLF83xyJrJxY1y8ptm1cmm--GNl3ckZKrzgwi6rOtDUQFFIoQ" />
    <input value="19810" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/latte-kurkuma-ingwer-bio-60-g-19811">
          <img alt="Latte Kurkuma Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10378/file/small-ba5e94714bdddd9d69e47c3294ae0bf7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10378/file/medium-5963a682cc4c71b8122bf228cbb74cbf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10378/file/large-2a81d51a5023688424e9f33759288098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10378/file/medium-5963a682cc4c71b8122bf228cbb74cbf.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">Sonnentor</p>
          <a href="/products/latte-kurkuma-ingwer-bio-60-g-19811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Latte Kurkuma Ingwer Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9SQj817J7Fm6S1G2xIpCLoukjdo_utV2puAoLX-6auQtt-ZrQEurnn9mpWQ9I9CZNxUdjUQNjIZRQhVzTS7ROQ" />
    <input value="19811" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/thunfisch-filet-hell-in-bio-olivenol-120-g-19812">
          <img alt="Thunfisch Filet hell in Bio-Olivenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10805/file/small-3ce3f43d239b0a6db9957691b46d49eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10805/file/medium-5bd48301e5f266db5115ff8565868844.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10805/file/large-0a495328a6ffbebdcb93349344ab14f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10805/file/medium-5bd48301e5f266db5115ff8565868844.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">fontaine</p>
          <a href="/products/thunfisch-filet-hell-in-bio-olivenol-120-g-19812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thunfisch Filet hell in Bio-Olivenöl, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TYgIMoArrLYjUmAkaQY0cZpbmwTBM1Mu6AeVA_9WKk6VG82qnqnrceZ_lPaQr6bGJuoLU7qECt4fpahdzcKRkw" />
    <input value="19812" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/oat-snack-protein-salted-caramel-glutenfrei-40-g-19813">
          <img alt="Oat Snack Protein Salted Caramel glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/small-dd60cf31e7df71eafe23373356928afc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-dcc3f2b205b8c66eac191a915fcea9aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10383/file/large-769834820c381f611be34e466015c24b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10383/file/medium-dcc3f2b205b8c66eac191a915fcea9aa.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">Lifefood</p>
          <a href="/products/oat-snack-protein-salted-caramel-glutenfrei-40-g-19813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Snack Protein Salted Caramel glutenfrei, 40 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 8.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i-ZMfF4N9A-XagD3fl5IlHThy2iucXM2k6ITLqjiK49TdYnkQI-zyFJH9CWH99ojyFBbP9XGKsZkAC5wmnaQUg" />
    <input value="19813" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/maischips-chili-family-bio-200-g-19814">
          <img alt="Maischips Chili Family Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10723/file/small-80c88ba28ed7c7d1b43c8e84c251e6b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-2cfb0446547ba463e8e2fca204adf383.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/large-8accf143fe07189ecbd8812a4b500d41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-2cfb0446547ba463e8e2fca204adf383.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">Pural</p>
          <a href="/products/maischips-chili-family-bio-200-g-19814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maischips Chili Family Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z_IyE8mAQ908_QwTtYMHC4Q0aTyiCW-PpSWbk64vfme_YfeL1wIEGvnQ-MFMKpW8OIX5a9m-Nn9Sh6bNnLvFug" />
    <input value="19814" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-19815">
          <img alt="Thunfisch Filet hell im eigenen Saft naturell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10806/file/small-780cb5c79514d79027146632f84a34f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10806/file/medium-241ad6650cf3f052e456afedd4625aa6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10806/file/large-0be1ea9f0fbbb036c937d678f18a153d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10806/file/medium-241ad6650cf3f052e456afedd4625aa6.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">fontaine</p>
          <a href="/products/thunfisch-filet-hell-im-eigenen-saft-naturell-120-g-19815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thunfisch Filet hell im eigenen Saft naturell, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xIjxV_aGfty42DNNh49DH4X0uKyQcEkXbCG6YJn0e_ocGzTP6AQ5G331x59-JtGoOUUo--vHEOebg4c-q2DAJw" />
    <input value="19815" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/tea-kurkuma-aktiv-bio-20-x-1-8-g-19816">
          <img alt="Tea Kurkuma Aktiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/small-13fe825176f3f333fd9e7052dcd2394e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-52e6c0b426824da2de661b2d2da5c7ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/large-466e20291cd6c88f30374971c169eb59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-52e6c0b426824da2de661b2d2da5c7ce.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">Pukka</p>
          <a href="/products/tea-kurkuma-aktiv-bio-20-x-1-8-g-19816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Kurkuma Aktiv Bio, 20 x 1.8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kX7mm2qwQOE2etYCw8p-gAzqY6hiGZkB9LMBY8tcG5VJ7SMDdDIHJvNXItA6Y-w3sFvz_xmuwPEDETw9-cigSA" />
    <input value="19816" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/bio-manuka-drops-8-stuck-19817">
          <img alt="Bio Manuka Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/small-984cd02bc99c6c7c159233d715cb3098.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-b8fe2a2996ff3974b107527e381eea21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10384/file/large-b1d5a73560038ab79b6657b3197c42e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10384/file/medium-b8fe2a2996ff3974b107527e381eea21.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">Sonnentor</p>
          <a href="/products/bio-manuka-drops-8-stuck-19817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio Manuka Drops, 8 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nSXBRhmUhRJF9r3SBMEJ_4S6h7IiMhSmKc8H72pPGZRFtgTeBxbC1YDbSQD9aJtIOAsX5VmFTVbebTqxWNuiSQ" />
    <input value="19817" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/maca-pulver-roh-bio-250-g-19818">
          <img alt="Maca Pulver roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/small-7f24dab78e6ef1580e161d1f9c024feb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-433bac10229e1330b3ad2d6647651e92.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10385/file/large-690539b98ccf7e0bc39c91c617ecf087.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10385/file/medium-433bac10229e1330b3ad2d6647651e92.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">Naturkostbar</p>
          <a href="/products/maca-pulver-roh-bio-250-g-19818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maca Pulver roh Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GG1X8XF_61-rtTQjyvqVYlElYApRpwYc1i3m5NnaKFzA_pJpb_2smG6YwPEzUwfV7ZTwXSoQX-whj9u6606TgQ" />
    <input value="19818" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/biotics-o-lutschtabletten-30-stuck-19819">
          <img alt="Biotics O Lutschtabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/small-910e14698341df33eeb42a1bbcf6e115.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-267d95e9169059ef83f1a6ca5a822287.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10386/file/large-107b11723d13ee99d22f9b367e661f90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10386/file/medium-267d95e9169059ef83f1a6ca5a822287.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">Burgerstein</p>
          <a href="/products/biotics-o-lutschtabletten-30-stuck-19819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biotics O Lutschtabletten, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xf6bBUiGPwVBiWIv3YERdufvUVbzsCitvj9XyUicvrOFbV6dVgR4woSklv0kKIPBW17BAYgHcV1JnWqXeggFbg" />
    <input value="19819" 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%2Famarru%3Fformat%3Dturbo_stream%26page%3D112">
    <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/lesirupier-elfen-700-ml-19820">
          <img alt="LeSirupier Elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10576/file/small-66fb2757af9df8e462d86f91c08e7efd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10576/file/medium-2beabb317c7c6d011ed8d97dd1207129.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10576/file/large-531a5a769e2236bcf85ca9ad0e85d998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10576/file/medium-2beabb317c7c6d011ed8d97dd1207129.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">Le Sirupier de Berne</p>
          <a href="/products/lesirupier-elfen-700-ml-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Elfen, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aPsPqLsl9vGhNUpgaJ5mKtG9237aKNgaCcjPptii8sKwaMowpaexNmQYvrKRN_SdbQxLKaGfger-avL46jZJHw" />
    <input value="19820" 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">
      2&#39;240 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/amarru?format=turbo_stream&amp;page=113">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>