<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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-aloe-vera-getrank-past-750-ml-18719">
          <img alt="NKW Aloe Vera Getränk past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9237/file/small-c7e892d374d88b5ad16ccbd33999d790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9237/file/medium-9b06e0fd531e0a5e299b87549d5d4473.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9237/file/large-50bcfc8e15d85a80e88ce2c6c3acc66a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9237/file/medium-9b06e0fd531e0a5e299b87549d5d4473.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-aloe-vera-getrank-past-750-ml-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Aloe Vera Getränk past, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aww2gW3w0PMCp7ViwJ4yo2Ia-nvh42SsZ4y3Bg_26LTmfc6Mkxr8fn2bjk1t0dIHiFR-3RnJr9yrr4oV-kroIA" />
    <input value="18719" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-aloe-vera-saft-past-330-ml-18720">
          <img alt="NKW Aloe Vera Saft past" 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-56da6791de8841afa021d89da8994864.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-1543189bf7ebb64481cd147eda294f70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/large-9da9b74ed0bf019c381be95267bed582.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-1543189bf7ebb64481cd147eda294f70.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-aloe-vera-saft-past-330-ml-18720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Aloe Vera Saft past, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1SNeWtyXE4DHV4o9-HyCdAN-d_aRam0cu3gIjglgK0EwUqZXIn0_DbhrsRJVM2LQ6TDzUGlApmx3WzWd_Nwr1Q" />
    <input value="18720" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-berberitzen-getrocknet-bio-roh-100-g-18721">
          <img alt="NKW Berberitzen getrocknet Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/small-ab5e122e85c0a97408191b8888b168d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-a84ff93ead4e81d5ab5441e79130a7ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/large-1b7a592756f47cbb3d8277228a90f0da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-a84ff93ead4e81d5ab5441e79130a7ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-berberitzen-getrocknet-bio-roh-100-g-18721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Berberitzen getrocknet Bio roh, 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-18721-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="am0Y4U4UTw5ilEPaWeGHEiFRFddRlSHSiyyd4vXf_SePHODssP5jgx2oePX0rme2yx-Rcam_6qJHD6DxAGP9sw" />
    <input value="18721" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18722">
          <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/9239/file/small-8c3d7f3bed6856edfaa7db75e544aec2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-2b95c6cd573aec3ede83ef8bdc9f0637.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/large-79778c12d3df0cc1e65161d09e3483c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-2b95c6cd573aec3ede83ef8bdc9f0637.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-bourbon-vanille-extrakt-bio-100-ml-18722">
            <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-18722-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="emps3Zy0QF0gIlUcOkUMtw3oupi7pMY-QybtKMIJrCGfG5TQYl5s0F8ebjOXCuwT56Y-PkOODU6PBdA7N7WstQ" />
    <input value="18722" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18723">
          <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/9926/file/small-65579cd5c8ac6b37f1368e98bf4e8ba3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-762eb499a100de2932450bf5ce139404.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/large-8e46942e6c7586e5933cea5f5ac0541a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-762eb499a100de2932450bf5ce139404.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-chlorella-ishigaki-300-stuck-18723">
            <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-18723-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37mEdrmvzxVE7cigk6qcx2q2aJ0Qw9ZBFss5WuhW_tU6yHx7R0XjmDvR848-5XxjgPjsO-jpHTHa6ARJHer-QQ" />
    <input value="18723" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18724">
          <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/9240/file/small-d7ce2024296a0c25ffd8ba4781082bcd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-04aa62a2bb7d0767d45fc1b523093cb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/large-52a6b9431679b23cda167411f4e24120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-04aa62a2bb7d0767d45fc1b523093cb1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-erdmandeln-gerostet-gemahlen-bio-400-g-18724">
            <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-18724-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t63Kawf5Zq9LP7k3iEI9RG4QC7sT_D3IMfo3OlgDwmpS3DJm-RNKIjQDghglDd3ghF6PHevW9rj92Qoprb_C_g" />
    <input value="18724" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18725">
          <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/9471/file/small-2b039e8055ed1a0222a9bda2ce490c60.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-50ac0eea3a02b6eb8ea80daf0455fdcf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/large-91795a734729007e0fd0bf309584bcd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-50ac0eea3a02b6eb8ea80daf0455fdcf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-fertigmischung-falafel-bio-150-g-18725">
            <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-18725-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xEGlLcVffwXdAn9QZj8RlBMTUwzZXUneKKM-upyVzAohMF0gO7VTiKI-RH_LcPEw-V3XqiF3gq7kgAOpaSnMng" />
    <input value="18725" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18726">
          <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/9241/file/small-27cb9db31bd865a6c892c4c5d552b8cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-9501219b1f507580cb1b687f3bc0ce42.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/large-00d12d2effb9431df78862523b8c0d6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-9501219b1f507580cb1b687f3bc0ce42.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-gerstengras-pulver-demeter-130-g-18726">
            <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-18726-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UJW2yrbq8pEOYGb3jf9A52yAXb-fB5wWDyTITaSMZZi15E7HSADeHHFcXdggsKBDhs7ZGWctV2bDB_VeUTBlDA" />
    <input value="18726" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-100-g-18727">
          <img alt="NKW Gomasio aus schwarzem Sesam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10911/file/small-769fb6f8bec8ba8272165792ca11a0ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10911/file/medium-8bf2f9f9c512c26ba3efa7a76ae67120.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10911/file/large-7a6c9524180f58fdcf4d2aa808b42b53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10911/file/medium-8bf2f9f9c512c26ba3efa7a76ae67120.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-gomasio-aus-schwarzem-sesam-100-g-18727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Gomasio aus schwarzem Sesam, 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-18727-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z6tWJFnleyThCuubVc3Lxff1cUhyNreA0fJPB0B3_WSC2q4ppw9XqZ420LT4githHbv17oocfPAd0XIUtcv98A" />
    <input value="18727" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18728">
          <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/9242/file/small-c7061dae18ffcdb90e5757ef6eecac3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-063296522999de04ef354833195b06ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9242/file/large-2736cd4bbe51f061e7af01db05169ac9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9242/file/medium-063296522999de04ef354833195b06ae.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-grapefruitkernextrakt-20-ml-18728">
            <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-18728-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bd0xDIEBpfEbkiu73MkIwCC_YtuZtctgY6dJ4R-7aW2IrMkBf-uJfGSuEJRxhuhkyvHmfWGfABCvhHTy6gdp-Q" />
    <input value="18728" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18729">
          <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/9244/file/small-848d3aaac1011e3f0d2268a37bed37a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9244/file/medium-1f85f972c247b384b33c708c0b2a9821.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9244/file/large-f3b5f2a3cc23edfb3444f24a766b7acc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9244/file/medium-1f85f972c247b384b33c708c0b2a9821.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-hagebuttenpulver-nfp-300-g-18729">
            <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-18729-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p8V9rVK7V8eGn6A4wieNTvBK8NgBUZXslEm6Lr8kE6BCtIWgrFF7SvmjmxdvaG3qGgR0fvl7XpxYaoc9SpgTNA" />
    <input value="18729" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-100-g-18730">
          <img alt="NKW Kochmatcha Grüntee Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9243/file/small-718b482a0d9c27f657d0d4867509d857.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9243/file/medium-d6646d36a2bc7de5d836db2f01e2af15.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9243/file/large-8c3a8acfb144055ec7692eafec8585dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9243/file/medium-d6646d36a2bc7de5d836db2f01e2af15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-kochmatcha-gruntee-pulver-bio-100-g-18730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kochmatcha Grüntee Pulver Bio, 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-18730-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fEu92lU4Lry4XvZKNDZsphrUU6VIrxX44wizsRFB-c2ZOkXXq9ICMcdizWWZeYwC8JrXA7CF3ogvK46i5P35WQ" />
    <input value="18730" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18731">
          <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/9467/file/small-160b764247437353548d2cc717d669f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-caec4392ecf8a33bc913b8510064ca0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/large-b56cd2860bb53d5ae4d1bf56cfa35ad0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-caec4392ecf8a33bc913b8510064ca0e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-leindotterol-demeter-250-ml-18731">
            <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-18731-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VkLI469Uyk_iEDJOhAlw6LoKbYsStGUkaxv5D7YIIPKzMzDuUb7mwp0sCWEpRpBMUETpLeqerlSnOMQcQ7QgZg" />
    <input value="18731" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18732">
          <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/10075/file/small-ad13a9d326a6a719afa5cff0b6619a64.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-beea7bbdc17067b872b455711a043c6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/large-29ece8113ec2664f0399f395410cfd17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-beea7bbdc17067b872b455711a043c6b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-leinol-demeter-250-ml-18732">
            <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-18732-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="__NoMBUXrgbKpg0LyfYX8_4ZwXGZHpZd42N2g3mMNpkagpA96_2Ci7WaNiRkufdXFFdF12E0XS0vQEuQjDA2DQ" />
    <input value="18732" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18733">
          <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/9245/file/small-5c16cbe7802895dc8e9498287e1384df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9245/file/medium-f30d5383654c0ac53065e91f63e23bce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9245/file/large-8b8cdfe2fd74e9f997e4107eb3d3730e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9245/file/medium-f30d5383654c0ac53065e91f63e23bce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-leinol-demeter-4-x-100-ml-18733">
            <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-18733-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FPVPQWOxHAHFHpEpvTzwfA1hjKZNgYBt3HD_Z84znNvxhLdMnVswjLoiqgYQcxDY5y8IALWrSx0QU8J0O4-cTw" />
    <input value="18733" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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/leinsamenmehl-teilentolt-bio-knospe-250-g-18734">
          <img alt="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/10366/file/small-8bf7fdc554b90840efb3068941f72c8f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10366/file/medium-a00d80c870cd81a5d7f9fa59dadd6595.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10366/file/large-1cb42704cfbc70e7cc2cc256b2ed04ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10366/file/medium-a00d80c870cd81a5d7f9fa59dadd6595.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/leinsamenmehl-teilentolt-bio-knospe-250-g-18734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18734-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yFtJLZQi0P_sjV4VVGFg7XCSGeRUa52jM1e_7AtEJNQtKrEgasj8cpOxZTr5LoBJmtydQqxBVtP_dIL__vgkQA" />
    <input value="18734" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18735">
          <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/9468/file/small-c53d4a073538b2be1709ab8448ab0152.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-968d51fad349e392c6f81ab331a1152e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/large-13f31e6a15d7546b8058b7107c06deec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-968d51fad349e392c6f81ab331a1152e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-mariendistelol-nativ-bio-250-ml-18735">
            <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-18735-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wSxCxXv9ZTKv2q7NOIo4YJ3ZFcvGrCuVyqpIWQtNVEGdUkG6wXZGbWDUZSZrchFaDng8dcwe96bCZQykZE1xQ" />
    <input value="18735" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-30-g-18736">
          <img alt="NKW Matcha fein gemahlener Grüntee offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9246/file/small-f2bb1f7330ca821cab26a74c8bc62b4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9246/file/medium-def4d9ece13e99bcf0d83dfea118b287.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9246/file/large-0bc417ba69877adc338289816eb8a332.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9246/file/medium-def4d9ece13e99bcf0d83dfea118b287.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-matcha-fein-gemahlener-gruntee-offen-bio-30-g-18736">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Matcha fein gemahlener Grüntee offen Bio, 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-18736-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VdPyhZesDeVXkWW92EEvBMmd0tp-R7OeZnebm4UmO4iwogqIaUYhaCitXpJ1Ds-gI9NWfIZteO6qVKaIcJo7HA" />
    <input value="18736" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-18737">
          <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/9469/file/small-d662f0793777d9449f1ebb0613e64aad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-6bc319d01cc50942b235770bb217b107.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9469/file/large-dc922bdd4191fd61d1e3a43dba3c91f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9469/file/medium-6bc319d01cc50942b235770bb217b107.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-olivenol-portugal-demeter-250-ml-18737">
            <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-18737-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a2B-OI9GDgo5NBBx9yXIRCAMgquBE3CgMzPAZU_4Le-OEYY1cawih0YIK15aaijgykIGDXk5u9D_EP12ukQtew" />
    <input value="18737" 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%2Fhero%3Fformat%3Dturbo_stream%26page%3D59">
    <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-100-ml-18738">
          <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/9247/file/small-1a01c69b8212118b4609b9d2f56ef5b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9247/file/medium-f95f5eb5e4895c3858bce79acc0db0bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9247/file/large-d4519708f279a98b4d546a2f064f42f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9247/file/medium-f95f5eb5e4895c3858bce79acc0db0bc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/products/nkw-schwarzkummelol-demeter-100-ml-18738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Schwarzkümmelöl Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.20
            </p>

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

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

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

</template></turbo-stream>