<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-bourbon-vanille-extrakt-bio-100-ml-18667">
          <img alt="NKW Bourbon Vanille Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/small-9ea3d0c8adc4e24ff76e189edfbd6bb8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-68f8a20bfd4daa3767eb5d820ef53f4b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9167/file/large-8041d91e08361d8823fffba12aaa5d28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9167/file/medium-68f8a20bfd4daa3767eb5d820ef53f4b.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">NKW</p>
          <a href="/products/nkw-bourbon-vanille-extrakt-bio-100-ml-18667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Bourbon Vanille Extrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oaM8uH-hA_SzJOtLpM0mPx-zui1VRt043pgPnnVgRcYGlPKWoZFDs8zijh9jyf8nGGTa6gk8HJTruzoVWS-6eA" />
    <input value="18667" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-chlorella-ishigaki-300-stuck-18668">
          <img alt="NKW Chlorella Ishigaki" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9963/file/small-a846cdb79a728f5e05f710ef67bab0e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9963/file/medium-49b258739c4c8848b8a635c145ca8c70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9963/file/large-ca714e7b390afa02a74a2b1d1754e728.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9963/file/medium-49b258739c4c8848b8a635c145ca8c70.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">NKW</p>
          <a href="/products/nkw-chlorella-ishigaki-300-stuck-18668">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Chlorella Ishigaki, 300 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 78.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XbZE_gk_A3OZAFRdX6yQkvN7fvRjFVSL-mczO3kpDAX6gYrQ1w9DNObGMQmYqEmK9KweMz9vlSfPRAawVWbzuw" />
    <input value="18668" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-erdmandeln-gerostet-gemahlen-bio-400-g-18669">
          <img alt="NKW Erdmandeln geröstet gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9168/file/small-6ea8c05bb807e33080ea633f547f4e69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-9e92bbe6776db1c63ca9431e12be6540.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9168/file/large-b52f2466dc4f3d3599cf3649c67fbd9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9168/file/medium-9e92bbe6776db1c63ca9431e12be6540.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">NKW</p>
          <a href="/products/nkw-erdmandeln-gerostet-gemahlen-bio-400-g-18669">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Erdmandeln geröstet gemahlen Bio, 400 g</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 4.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vXHVZRLfDp7qi6e7f09iFaDWQaj_c9GQVxr5Pbq4HewaRhtLzO9O2ZVNwu-4S7sNpwEhb6MJEDxiOcy2lvfiUg" />
    <input value="18669" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-fertigmischung-falafel-bio-150-g-18670">
          <img alt="NKW Fertigmischung Falafel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9489/file/small-562b5eec63d0af7a5afb2d420ba63181.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9489/file/medium-1986fe53a87a0fc38faae905539e91df.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9489/file/large-067387f6626ea94d8eacfd1975fd2e09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9489/file/medium-1986fe53a87a0fc38faae905539e91df.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">NKW</p>
          <a href="/products/nkw-fertigmischung-falafel-bio-150-g-18670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Fertigmischung Falafel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cp0Q9Z_9xw_t8CNulGYTAKPb53gyBXLc8D_Q6-4DJKjVqt7bQc2HSJI2RjpTYsoYpAyHv25_s3DFHOVgwkzbFg" />
    <input value="18670" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-gerstengras-pulver-demeter-130-g-18671">
          <img alt="NKW Gerstengras Pulver Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9169/file/small-3bd29b9892f95cb784a171e5a520f954.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9169/file/medium-9ea692378e1e99c71ac528b954e78306.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9169/file/large-73e8440e01d7c01ce59e9f736d28b326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9169/file/medium-9ea692378e1e99c71ac528b954e78306.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">NKW</p>
          <a href="/products/nkw-gerstengras-pulver-demeter-130-g-18671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Gerstengras Pulver Demeter, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z45NF1H8ztCT3GvNe5tZLuSTxMtafJHRjpmsqGuC-MfAuYM5j8yOl-waDpm8n4A240SkDAYGUH27upkjR80HeQ" />
    <input value="18671" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-gomasio-aus-schwarzem-sesam-gf-100-g-18672">
          <img alt="NKW Gomasio aus schwarzem Sesam gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/small-b7826f7e310733b9dee1dad216fd78b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-c455b939d9ad888d55eb4ebfe155b607.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/large-18b383ba981043c1a7b7a3b12ac5501b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-c455b939d9ad888d55eb4ebfe155b607.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">NKW</p>
          <a href="/products/nkw-gomasio-aus-schwarzem-sesam-gf-100-g-18672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Gomasio aus schwarzem Sesam gf, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </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-18672-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tdJuiqo6aXuq57VYw256bWmOs9h9YYlqxDfw24Qwle8S5aCkdAopPNUh0AwEaqN1blnTHyEbSMbxFMVQqH9qUQ" />
    <input value="18672" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-grapefruitkernextrakt-20-ml-18673">
          <img alt="NKW Grapefruitkernextrakt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9170/file/small-9caa10c4fa4a0639b7f57ec534ca7b4d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9170/file/medium-1cc8900bf7b6039170596d58bdf4c2e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9170/file/large-6e0fb67fc16b28abf9bbd03954c5dc6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9170/file/medium-1cc8900bf7b6039170596d58bdf4c2e0.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">NKW</p>
          <a href="/products/nkw-grapefruitkernextrakt-20-ml-18673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Grapefruitkernextrakt, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tTjt-ayFuDkxws37qgPYaXGmVueAkhvgPQfhbsNeWIASDyPXcrX4fk4EqK9tBwFxdnE2INzo2kwIJNTl7xGnPg" />
    <input value="18673" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-hagebuttenpulver-nfp-300-g-18674">
          <img alt="NKW Hagebuttenpulver NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9173/file/small-eb424ba89870799acb193bc2008be68d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9173/file/medium-699f95880388315c6a9383514b54712b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9173/file/large-ab1d2fcd997b5a4a8a7aa7effbaf9427.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9173/file/medium-699f95880388315c6a9383514b54712b.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">NKW</p>
          <a href="/products/nkw-hagebuttenpulver-nfp-300-g-18674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Hagebuttenpulver NFP, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hrxfb-Eikj300k0ta-ggudPzCC5EIx_oQX6gHeZdJtC5i5FBPxLSeosUKHms7Pmh1CRo6RhZ3kR0XZWWyhLZbg" />
    <input value="18674" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-kochmatcha-gruntee-pulver-bio-vegan-100-g-18675">
          <img alt="NKW Kochmatcha Grüntee Pulver Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9171/file/small-3e6aaf78d28718212111dca25254031e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9171/file/medium-bcab0400110db5c14c2f7281c0056fa8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9171/file/large-a15c3029162f8a95a155a1bf8bfed9d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9171/file/medium-bcab0400110db5c14c2f7281c0056fa8.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">NKW</p>
          <a href="/products/nkw-kochmatcha-gruntee-pulver-bio-vegan-100-g-18675">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kochmatcha Grüntee Pulver Bio vegan, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GvdtBEoVNZDS6y381gD3DoJhWlEkSADXdCNxjMiaUlS9wKMqlCV1160tSKgRBC4WhbY6lngywXtBAEQH5NWt6g" />
    <input value="18675" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-leindotterol-demeter-250-ml-18676">
          <img alt="NKW Leindotteröl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9485/file/small-105bb58450af39b7d315d24683302613.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9485/file/medium-57cb830d6e0950d64d3e3dcdbcfbab93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9485/file/large-e1dcf88b61370c3468b5c5c3f4bff5e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9485/file/medium-57cb830d6e0950d64d3e3dcdbcfbab93.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">NKW</p>
          <a href="/products/nkw-leindotterol-demeter-250-ml-18676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Leindotteröl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXHlH5V6-1-1-O8hkavnITQVXUAtsyeHcLTSt8nu61liRisxS0q7GMo-inVWrz45M8I9h3HJ5itFl-c85aEU5w" />
    <input value="18676" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-leinol-demeter-250-ml-18677">
          <img alt="NKW Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/small-9428d801146d5f7e41deca02132e90b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-27f60224a2670c15853b6efce8a775ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10183/file/large-269ddc051f5953b260145750161e07ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10183/file/medium-27f60224a2670c15853b6efce8a775ec.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">NKW</p>
          <a href="/products/nkw-leinol-demeter-250-ml-18677">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Leinöl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JfAIEJaKRtARjIF_mODn1xvDPTuOlLPyzBCjf2FYuFaCx8Y-SLoGl25K5Ctf5D7PHBRd_NLucl75M5b0TRdH6A" />
    <input value="18677" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-leinol-demeter-100-ml-18678">
          <img alt="NKW Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10182/file/small-c178a2204bd9e050c10f34778feb5521.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10182/file/medium-3745af446cd82597c8cb3a7083d7980d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10182/file/large-a60b3c47d1c011660ea111c008d84567.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10182/file/medium-3745af446cd82597c8cb3a7083d7980d.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">NKW</p>
          <a href="/products/nkw-leinol-demeter-100-ml-18678">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Leinöl Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0fM7X--HYMhvbPQEXuIeNfLApXzjX00fRCehANUM7Oh2xPVxMbcgjxCqkVCZ5sct9RfFu78ljLNxBJSL-UMTVg" />
    <input value="18678" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-leinol-demeter-4-x-100-ml-18679">
          <img alt="NKW Leinöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9172/file/small-743871aa9e39217108f9cfd52ff5f7bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9172/file/medium-c7efd7f7cac682cca9ac99e3a2282b4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9172/file/large-9b7af21922654743eee89f6e9cd11871.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9172/file/medium-c7efd7f7cac682cca9ac99e3a2282b4f.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">NKW</p>
          <a href="/products/nkw-leinol-demeter-4-x-100-ml-18679">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Leinöl Demeter, 4 x 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Bh88IqU1h2T6RnnCQZCsQl6UAlxeiTZXN1P52hCk05HL7LeVKSWWuwvfLPOApupDq0wzi0A5XVp_npsRA1s8A" />
    <input value="18679" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/biofarm-leinsamenmehl-teilentolt-bio-knospe-250-g-18680">
          <img alt="Biofarm Leinsamenmehl teilentölt Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10672/file/small-eb67e035492c22e8ce1610370da8cc07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10672/file/medium-9c110499059819fc47ef47062940cde4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10672/file/large-cf96f1dce0bf9a5b3699df4c95872a8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10672/file/medium-9c110499059819fc47ef47062940cde4.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">Biofarm</p>
          <a href="/products/biofarm-leinsamenmehl-teilentolt-bio-knospe-250-g-18680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Leinsamenmehl teilentölt Bio Knospe, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FOHcKIDmvBx9V-f7EfhBvPhE6zpVa4RE0eftD7eJpVqz1hIGXtb8WwKRgq_W_Jik_5OL_QkRRejkxNiEm8Za5A" />
    <input value="18680" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-mariendistelol-nativ-bio-250-ml-18681">
          <img alt="NKW Mariendistelö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/9487/file/small-c80a82fabdef2063cd2f3910c05ea8e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9487/file/medium-83729a6c47dcec9780cfce4a12f392d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9487/file/large-7b83906d241e1e87dde4cd448bad1bff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9487/file/medium-83729a6c47dcec9780cfce4a12f392d3.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">NKW</p>
          <a href="/products/nkw-mariendistelol-nativ-bio-250-ml-18681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Mariendistelöl nativ Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xmrkADZ2xPOgU-so8nJUQEM2FmWKEVhb85HdF6wt4pVhXSou6EaEtN-Vjnw1do1YROF2otZrmffGsuicgGIdKw" />
    <input value="18681" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-matcha-fein-gemahlener-gruntee-offen-bio-vegan-30-g-18682">
          <img alt="NKW Matcha fein gemahlener Grüntee offen Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9174/file/small-7327f7d1ea88ba2e6e209a635198c9df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9174/file/medium-29e93a98df0424a1d21c24dbfcd42686.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9174/file/large-5c674de5251f5788306dd11f154e4951.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9174/file/medium-29e93a98df0424a1d21c24dbfcd42686.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">NKW</p>
          <a href="/products/nkw-matcha-fein-gemahlener-gruntee-offen-bio-vegan-30-g-18682">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Matcha fein gemahlener Grüntee offen Bio vegan, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FTaU3wh_mkK7gYlkkApAZJtMhD1RqYaevoWzW70eYFSyAVrx1k_aBcRH7DBXDpl8nJvk-g3TRzKLpobQkVGf6g" />
    <input value="18682" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-olivenol-portugal-demeter-250-ml-18683">
          <img alt="NKW Olivenöl Portugal Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9486/file/small-a531a4103fee38e769b5a457ee7b7943.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9486/file/medium-85d2bf086528736f2e70f4f2f5ee5591.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9486/file/large-61e574daae1cde60e470e72b4395eb4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9486/file/medium-85d2bf086528736f2e70f4f2f5ee5591.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">NKW</p>
          <a href="/products/nkw-olivenol-portugal-demeter-250-ml-18683">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Olivenöl Portugal Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GOhxpNzVSLioXsahcTwipc_LDDB4uPalidODeFAs20e_37-KAuUI_9eYo_W2OPu9yBxs9yTCNwm88LbzfGMk-Q" />
    <input value="18683" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-schwarzkummelol-demeter-50-ml-18684">
          <img alt="NKW Schwarzkümmelöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/small-e65e324ad9f234def1bf5db3984f82da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-2c4c116fdcd320956510a9309574d671.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10184/file/large-48fa79402669475c9eba3aafe617ce91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10184/file/medium-2c4c116fdcd320956510a9309574d671.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">NKW</p>
          <a href="/products/nkw-schwarzkummelol-demeter-50-ml-18684">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Schwarzkümmelöl Demeter, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kalVdk2SLNvSEfjOhqKZ4tYK42k9A-QDHkf2AoavGMI2nptYk6JsnK3XnZpBpkD60d2DrmF5Ja8rZMOJquDnfA" />
    <input value="18684" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-sesamsamen-schwarz-bio-100-g-18685">
          <img alt="NKW Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9175/file/small-1f59b98335fe443f3c50c5152415403e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9175/file/medium-3f390321b8edffa77481152e9cb5ff0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9175/file/large-a4fc81c76f14d702c5f52d814e8ec62a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9175/file/medium-3f390321b8edffa77481152e9cb5ff0d.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">NKW</p>
          <a href="/products/nkw-sesamsamen-schwarz-bio-100-g-18685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Sesamsamen Schwarz Bio, 100 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 4.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aU5xop1UstuuHTwtVTuJB8SbS_9uL-ynFDaVVaM0m5zOeb-MQ2TynNHbWXmSP1Afw0wrODJVLQshFaDej3tkIg" />
    <input value="18685" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D60">
    <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/nkw-sesamsamen-schwarz-bio-250-g-18686">
          <img alt="NKW Sesamsamen Schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9178/file/small-ecc9838eacd1308a586b0a45862ad84b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9178/file/medium-51eed998bcc2ce277db3c212f1b0e81a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9178/file/large-7e41543c1ce1fd4e571723f55101a2bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9178/file/medium-51eed998bcc2ce277db3c212f1b0e81a.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">NKW</p>
          <a href="/products/nkw-sesamsamen-schwarz-bio-250-g-18686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Sesamsamen Schwarz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFIxuYHfeZ4_-uqfCd7bAEO6RS8cWllHNiJIEvzv5AkrZf-XX-852UA8j8vO2gIYRG0l6EAgmOsDAX2Z0KAbtw" />
    <input value="18686" 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;200 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=61">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>