<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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/quinoa-flocken-bio-200-g-18641">
          <img alt="Quinoa Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10095/file/small-f4b16cf3e9db729e7254f2b96909a5cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10095/file/medium-46b8c0a738eb07c88316a3940c3e4f6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10095/file/large-45f2fe653d1a200b73a8cdb2ea1e5360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10095/file/medium-46b8c0a738eb07c88316a3940c3e4f6f.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">manifaktur</p>
          <a href="/products/quinoa-flocken-bio-200-g-18641">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Flocken Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9NKCh151AMst1WoKfGx-G_Bq5mQacTy9j0j07AflMDElvWfs5zKC-oMSHtwXZGtRWtOmaab_g-0LyhkDdCU-1g" />
    <input value="18641" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/gewurzgurken-bio-670-g-18642">
          <img alt="Gewürzgurken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10342/file/small-539e50c36739ce051b15eb9f34563d8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10342/file/medium-238249b67cb99dd3f99b03bab6744cb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10342/file/large-b7821238b7f404df18745957b7a979e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10342/file/medium-238249b67cb99dd3f99b03bab6744cb2.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">Marschland Naturkost</p>
          <a href="/products/gewurzgurken-bio-670-g-18642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzgurken Bio, 670 g</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.42 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1lL--AGHTGzv0HPvhfOniRVdw29CjC1t0JMQ9_x6SP0HPRuTuMDOXUEXBznu-7LDv-SDYv4Ckj1UEf0Yj7pGGg" />
    <input value="18642" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/quetschi-apfel-blaubeere-banane-demeter-120-g-18643">
          <img alt="Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/small-12d82a4a1cd38179a39eb1b4cb471078.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-ecc051b77045a340ee4b434e6060424c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/large-d5e663ff6bb605e626e7ede6ce65cb9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-ecc051b77045a340ee4b434e6060424c.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Blaubeere Banane Demeter, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oJorNIzehu0gmnnpghVWFrouJtoVyXl2eY3XyZ9sJCNx9c5fNZkE3I5dDT_pHUNcEJdm16lHxib9Dzom7KwqxA" />
    <input value="18643" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/quetschi-apfel-erdbeere-banane-demeter-100-g-18644">
          <img alt="Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10908/file/small-505a3faa61b64b8c7e035a04e97ce69d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10908/file/medium-fb5e7edca94c8d29efb32f37c050194b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10908/file/large-5bc23f9b9f13119f91676ea5ffccd508.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10908/file/medium-fb5e7edca94c8d29efb32f37c050194b.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Erdbeere Banane Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fOH7337cD8ce5_oSRxEWrCMosqGSKP9z8UQK6jk3ccytjh60x5uN9rAgjsQsGQPmiZHyrC6mQCN1xucFSvd_Kw" />
    <input value="18644" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/quetschi-banane-mango-guave-demeter-100-g-18645">
          <img alt="Quetschi Banane Mango Guave Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/small-08de036dd8b8d0c38af6461c494c92cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-60d34497a79c87a55508c50f99b98bee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/large-2c5d1d9de24cdc942b23cb8e68c0c344.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-60d34497a79c87a55508c50f99b98bee.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-banane-mango-guave-demeter-100-g-18645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Banane Mango Guave Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sXvCg1A9stTR4clqsYHqKrcFFPtyHxarNZOVNO8m6KNgFCfo6Xow5X8mvbzaif9gHbxU9s6RqfuxEXjbnObmRA" />
    <input value="18645" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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-80mg-vitamin-c-180-stuck-18646">
          <img alt="Acerola 80mg Vitamin C" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/small-88d9935b6a979d0cb672c82d8cb4c749.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-653a03ebb2ff62e8a61e37a70c65a9f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/large-0d131312b6ed832adedc46f51ccf2c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-653a03ebb2ff62e8a61e37a70c65a9f1.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">MORGA</p>
          <a href="/products/acerola-80mg-vitamin-c-180-stuck-18646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acerola 80mg Vitamin C, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NLlPvlYD4g7kzo8CADTAqrj9XkvHMXUnoelA2Q3X15rl1qrV70RgP0oJ-9RrPNXgEkQeRnu_yncla602fhfZfQ" />
    <input value="18646" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/aceto-balsamico-bianco-bio-500-ml-18647">
          <img alt="Aceto Balsamico Bianco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9630/file/small-06d7040501e734e8c2a3f3659a402a7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9630/file/medium-31c89caa6b162acfed655ec7bef0809c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9630/file/large-539783e2e748b850ebbf289949001bb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9630/file/medium-31c89caa6b162acfed655ec7bef0809c.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">MORGA</p>
          <a href="/products/aceto-balsamico-bianco-bio-500-ml-18647">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico Bianco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOyWA4Bm7_M97z6xsg5esQ_8J7BB1CibMCcovbnERh5Fg3NoOSFtwpMoSmfZBkv7pUVnvf1al8u0pcVSygRI-Q" />
    <input value="18647" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/aceto-balsamico-di-modena-bio-500-ml-18648">
          <img alt="Aceto Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9239/file/small-512519e6417b1352ed5288a2479630d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-7a669354e723b2bacc3ef2cce63dfbe0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/large-bad31966861ce08fa01d33298c5651b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-7a669354e723b2bacc3ef2cce63dfbe0.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">MORGA</p>
          <a href="/products/aceto-balsamico-di-modena-bio-500-ml-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico di Modena Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tEOiEvldYcRP4yXQU13P_JipEy9Ys1wi3gwbiGSPU_BlLEd5QBrj9eEkUQY4Vdq2MhBTIuQ943JajvZnF09dFw" />
    <input value="18648" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/agar-agar-konv-10-g-18649">
          <img alt="Agar Agar konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/small-0f87c248d50ee6b767a349b8acb0d164.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-ee87d589fd0dc30bfab26710533708a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/large-b35b4b34f2c87a72b1673f7556911c70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-ee87d589fd0dc30bfab26710533708a3.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">MORGA</p>
          <a href="/products/agar-agar-konv-10-g-18649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar Agar konv, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aistOMM7pjN8OK9MPoVWQxSPSrbgdmVdqGEZMMk_e-y7RMhTenwkAtL_25pVjUMJvjYKu1z42g0s4_Tfuv91Cw" />
    <input value="18649" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/amaranth-bio-500-g-f0bdd779-08a1-425f-8497-72155dfbb9cd-18650">
          <img alt="Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/small-01092acc19f0d99511cb3b87a98b32f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-ec14b38e72ae88cfe934372697f2d92e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/large-f26e93f7e74d5441b647eafc4c954d24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-ec14b38e72ae88cfe934372697f2d92e.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">MORGA</p>
          <a href="/products/amaranth-bio-500-g-f0bdd779-08a1-425f-8497-72155dfbb9cd-18650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SxXCSUtEl8LwmKmBIM5RGMnrEsregISJJAXO1p-aF3maeici8gMV815f3VdLxkRSY1JSx2IOO9mghyM57FoZng" />
    <input value="18650" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/arodor-streuwurze-beutel-bio-80-g-18651">
          <img alt="Arodor Streuwürze Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9631/file/small-8868bd2f82cf460c47234fd51fa21342.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9631/file/medium-a6a4a614a959883641a1ea5279471589.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9631/file/large-82aea868185cc087d560870ab9fbe42f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9631/file/medium-a6a4a614a959883641a1ea5279471589.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">MORGA</p>
          <a href="/products/arodor-streuwurze-beutel-bio-80-g-18651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arodor Streuwürze Beutel Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7PBI46qjfNWL98u6cdlIqTnYNL99GdprJGGXjCOOxaA9n62IE-T-5CUwv2wa0V3jk2F0ssGXZTug43pjUE7LRw" />
    <input value="18651" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/backpulver-ohne-phosphat-konv-200-g-18652">
          <img alt="Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9632/file/small-56770f2ae49280b59f5c79bb010c41dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9632/file/medium-24647a070b11cab30b599242c5ba06bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9632/file/large-0c6f7509d285ae67c0d3cffd24bbde81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9632/file/medium-24647a070b11cab30b599242c5ba06bd.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">MORGA</p>
          <a href="/products/backpulver-ohne-phosphat-konv-200-g-18652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backpulver ohne Phosphat konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9LkVcJijwrL-U8o4u5ZdmYdQFLVRrUKJsX4wqLgcV50l1vAbIeRAg1CUvu7QnkjTLelUuO0j_dk1_N1Hy9xZeg" />
    <input value="18652" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/backpulver-ohne-phosphat-konv-22-g-18653">
          <img alt="Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9242/file/small-b319995ab0577b6a92ab58a88423b3ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-27d905c186a48a6ed19a8ec977881a56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/large-33e56872e4da8be485b00e146959c739.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-27d905c186a48a6ed19a8ec977881a56.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">MORGA</p>
          <a href="/products/backpulver-ohne-phosphat-konv-22-g-18653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backpulver ohne Phosphat konv, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PB42jACc_YapO4l_woejMM19e3mRYI2KUK5dQNd2-MztcdPnudt_twf8_ampj7Z6Z8Q7dC3uMtrULLCvpLb2Kw" />
    <input value="18653" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/biona-apfelessig-4-5-pet-1-l-18654">
          <img alt="Biona Apfelessig 4.5% PET" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9633/file/small-60a1b0e32c07b096d3e603abd207dd67.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9633/file/medium-be10d8a9b50851d83d22b7cf59752e2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9633/file/large-e97ce1a396a4903e4fae74eb7b318589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9633/file/medium-be10d8a9b50851d83d22b7cf59752e2f.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">MORGA</p>
          <a href="/products/biona-apfelessig-4-5-pet-1-l-18654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biona Apfelessig 4.5% PET, 1 l</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 0.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NfOGM41Kny3z-PcyDJwbLWAGhjaZu066UOzO28dC2jLknGNYNA0dHF0_g-RnlA5nyr_GOyU18erUbiM0tILU1Q" />
    <input value="18654" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/birnel-birnen-dicksaft-bio-500-g-18655">
          <img alt="Birnel Birnen-Dicksaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9626/file/small-201b69af7facc4d9799ddee9c759697e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9626/file/medium-2464c1da8188c4fc8d985182e4306fad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9626/file/large-053147bc988352c8a7efa53bf48c3024.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9626/file/medium-2464c1da8188c4fc8d985182e4306fad.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">MORGA</p>
          <a href="/products/birnel-birnen-dicksaft-bio-500-g-18655">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Birnel Birnen-Dicksaft Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SBrU0IAO0IG28cWjU_6hsugh1a6O5OqZIQYCOZ--nPuZdTG7OUlSsBg2sXU49rT4QpiVozJqVcmlhO_W7H6SHA" />
    <input value="18655" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/blutenpollen-450-g-18656">
          <img alt="Blütenpollen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9634/file/small-45ad6897c3780990930d00f774bbe7b1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9634/file/medium-a5b712db69808bdcddbe2ffa0609a3f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9634/file/large-bf84c9d900415d250001fb865f753b7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9634/file/medium-a5b712db69808bdcddbe2ffa0609a3f2.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">MORGA</p>
          <a href="/products/blutenpollen-450-g-18656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blütenpollen, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLQWAuSJaDTs7hRASJU48BOfG8kACxCaYZeskUm_CLnp2_NpXc7qBUIpYJYjnS26uSZbxLyFr8rlFUF-On8GXg" />
    <input value="18656" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/caramelkopfli-konv-160-g-18657">
          <img alt="Caramelköpfli konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/small-0bd2e808b8dc1ed19a7652f74c4cb717.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-86c8720b78d0dd2239cce239c8e2c51b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9635/file/large-8b88e9670f9072bf6a1a3c64cd5f3697.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9635/file/medium-86c8720b78d0dd2239cce239c8e2c51b.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">MORGA</p>
          <a href="/products/caramelkopfli-konv-160-g-18657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelköpfli konv, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </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-18657-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vfq8uHjV1flivR0GF24WTQMGfh4hivKZkY23ORLMzQyElVnTwZJXyMx6adB8ZgMHqb8-E50ETckVD1rWYQzD6w" />
    <input value="18657" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/cornflakes-bio-250-g-18658">
          <img alt="Cornflakes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9636/file/small-234ca8bd3aa527db8684dcea60943bcd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9636/file/medium-87f0701d0de64433d010730106a8e554.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9636/file/large-f7f592f414a7f7b546ffd9a9e7471690.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9636/file/medium-87f0701d0de64433d010730106a8e554.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">MORGA</p>
          <a href="/products/cornflakes-bio-250-g-18658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cornflakes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pCow_BwkeDr4w_qWrdvMqdVUoe1O8Bt9Wq1AqGsQ7hF1RdWXpWP6C1YEjkDG09njf-3h4PJ-pC3eL61HGNDg9g" />
    <input value="18658" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/creme-chocolat-konv-85-g-18659">
          <img alt="Crème Chocolat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9640/file/small-d18887968af06b9875fb60e7f61eaa5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9640/file/medium-2b9e911c68d9e399bbe9f589221794b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9640/file/large-bea2d3d24c7091c99b222785cf3f850e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9640/file/medium-2b9e911c68d9e399bbe9f589221794b5.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">MORGA</p>
          <a href="/products/creme-chocolat-konv-85-g-18659">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Chocolat konv, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H-jb6iYh44onvTlXDl9yj_FDbPWlj4C26Sc3rzp2eX7Ohz6Bn2Zhu4l6TYFlV2fFW_os-BkBP-ZtpdpASbZ3mQ" />
    <input value="18659" 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%2Finninova%3Fformat%3Dturbo_stream%26page%3D54">
    <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/creme-chocolat-bio-90-g-18660">
          <img alt="Crème Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9622/file/small-5e8c28d166ded754588ce108ff440d01.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9622/file/medium-5de2ba164470bd99b266815560b09e52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9622/file/large-2d8b51522f6d3a1eb5390be95ee2fd0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9622/file/medium-5de2ba164470bd99b266815560b09e52.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">MORGA</p>
          <a href="/products/creme-chocolat-bio-90-g-18660">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

</template></turbo-stream>