<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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/brat-olive-ol-mediterran-bio-750-ml-18439">
          <img alt="Brat Olive Öl mediterran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10180/file/small-d417e9f8cfc35f0da39c6f8f688afb0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10180/file/medium-c29474bdc0592a71a1b653d71fb22ac5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10180/file/large-d335156f03357dd6308069e761caa0f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10180/file/medium-c29474bdc0592a71a1b653d71fb22ac5.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">Byodo</p>
          <a href="/products/brat-olive-ol-mediterran-bio-750-ml-18439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brat Olive Öl mediterran Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-DWO2Y47lxCjA0B5OBbFBxA1M1dc_K87WY3frgx0gasFcFpEnE6UlKN1sErE91WQbvDTFqc4YLaRxZE3xHvVDA" />
    <input value="18439" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/crema-con-aceto-di-balsamico-bio-150-ml-18440">
          <img alt="Crema con Aceto di Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9969/file/small-fb8ecc6d66e220d731506218122d9679.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9969/file/medium-0dd3433fd05d14fa5fb1167daec2c7b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9969/file/large-d157ce3e2ac8c9d059925b1cf6055321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9969/file/medium-0dd3433fd05d14fa5fb1167daec2c7b3.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">Byodo</p>
          <a href="/products/crema-con-aceto-di-balsamico-bio-150-ml-18440">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crema con Aceto di Balsamico Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Qfotw5WpOvn_kkt9KbKYWsaRXiWGlUqvWSvBqFGKCUQQjwqHCOnb-eIuR4IR1r2Fd-lOW3emqd1LOGfaUl8gg" />
    <input value="18440" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/knusperbrot-reis-kichererbsen-mit-meersalz-bio-6-x-20-g-18441">
          <img alt="Knusperbrot Reis &amp; Kichererbsen mit Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9971/file/small-be58165519ac562a05ce9ea7dac1f1b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9971/file/medium-c7331b54eeab40c04ff6ca2208a1be04.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9971/file/large-168f6d891c5013658a2eac4e3247cb30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9971/file/medium-c7331b54eeab40c04ff6ca2208a1be04.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">Byodo</p>
          <a href="/products/knusperbrot-reis-kichererbsen-mit-meersalz-bio-6-x-20-g-18441">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knusperbrot Reis &amp; Kichererbsen mit Meersalz Bio, 6 x 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f10oPg9rMYLf9tS6ngG__ApSYmuk2dAXu83DeC-C9UmCGPyjHR4yBt-AJIli4C9rdJeCKl8dH5pzhY3h542h7g" />
    <input value="18441" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/senf-mango-balsamico-bio-125-ml-18442">
          <img alt="Senf Mango Balsamico Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9970/file/small-a2da5fcc88a08a499e5402369ddd17a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9970/file/medium-da6d253fac4cc0d9b5ce24c958648945.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9970/file/large-8a110b292b179dc7fa51e2416ef22c79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9970/file/medium-da6d253fac4cc0d9b5ce24c958648945.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">Byodo</p>
          <a href="/products/senf-mango-balsamico-bio-125-ml-18442">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Mango Balsamico Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QhwBGNYQ1KfokqvSDz5-8h5MxeSxBhgyJznSqxAhcci_WdWFxGXXI-jkW-Hz3-5lYIklpUrC17_vcZwy2C4lbw" />
    <input value="18442" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-gunpowder-temple-of-heaven-offen-bio-100-g-18443">
          <img alt="Grüntee Gunpowder Temple of Heaven 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/9972/file/small-29aa74c8eb288684312467631a13c2e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-c76ebcfd9e1e8b8dba52345d868f2ef9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/large-183deefe6249949afc08a3d07445fe86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-c76ebcfd9e1e8b8dba52345d868f2ef9.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">Cha Dô</p>
          <a href="/products/gruntee-gunpowder-temple-of-heaven-offen-bio-100-g-18443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Gunpowder Temple of Heaven offen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5txYqfQWcykoZEOZwPqnANkr_vqd2DKI3vouYWq7l1AbmYw05mNwrSgSs6o8GzeXp-4eu2Yc_QUWsmD4orTD9w" />
    <input value="18443" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-jasmin-offen-bio-fairtrade-100-g-18444">
          <img alt="Grüntee Jasmin offen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10024/file/small-7f38713ff41210a8d5a8dc315f41923f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10024/file/medium-41af50cba4b0ce1ff820c45b81dd6ab6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10024/file/large-d10b37495979a1e25247574ce1dd2989.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10024/file/medium-41af50cba4b0ce1ff820c45b81dd6ab6.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">Cha Dô</p>
          <a href="/products/gruntee-jasmin-offen-bio-fairtrade-100-g-18444">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Jasmin offen Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tj1DBQKbizkZdqLCY-N-Fgm2xYJRUqKAt40SeypkaICzeJeYEO6IvRkAUvGfAu6Bd3Mlw6qWbQ1_xVzi4ms8Jw" />
    <input value="18444" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-jasmin-teebeutel-bio-20-stuck-18445">
          <img alt="Grüntee Jasmin Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9974/file/small-ee436a8dfec254e3a72651a32fcc90b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-94104bd0fb587626e341154d6d585e81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/large-9082da10d7a3e134dc3d399a0f51d96c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-94104bd0fb587626e341154d6d585e81.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">Cha Dô</p>
          <a href="/products/gruntee-jasmin-teebeutel-bio-20-stuck-18445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Jasmin Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nPiTK0B1Ze7qeGGewziYHuxmRzs_KZ1eOHQNvb-hY8VhvUe2UgBmauoOka0_2QiJkqOnesTtUtPwPEMkd643Yg" />
    <input value="18445" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-lu-cha-teebeutel-bio-20-stuck-18446">
          <img alt="Grüntee Lu Cha Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9973/file/small-761be70aeb05be3286401f62593a5cc3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9973/file/medium-36c812023cfa5e11c27d235b3a235934.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9973/file/large-f4aeae03765f6e9f94cfabe7f693f579.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9973/file/medium-36c812023cfa5e11c27d235b3a235934.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">Cha Dô</p>
          <a href="/products/gruntee-lu-cha-teebeutel-bio-20-stuck-18446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Lu Cha Teebeutel Bio, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="elEOYfDmBzON1cc-KQbQ2i1Lu9i3QmeUtLX2BH_cm5SHFNr84pMEt42jNw3V50BNU45bmUyGqBl8_bidt9PPMw" />
    <input value="18446" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-sencha-offen-bio-fairtrade-100-g-18447">
          <img alt="Grüntee Sencha offen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/small-012d59952c759e32db3b382bfdfd571d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-00480d1f2813d81ecce4469fd0e972d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/large-889737b4e0a0b063e1f2672d35d79794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-00480d1f2813d81ecce4469fd0e972d7.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">Cha Dô</p>
          <a href="/products/gruntee-sencha-offen-bio-fairtrade-100-g-18447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Sencha offen Bio Fairtrade, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A1FZo6NZ7S0WZhEEoVxWxBkDE6REmwbdE7_MNNaFA2H-FI0-sSzuqRYQ4TddvcZTZ8bz5b9fyVDb94KtHopXxg" />
    <input value="18447" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/gruntee-vietnam-offen-bio-200-g-18448">
          <img alt="Grüntee Vietnam 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/9975/file/small-1842b8511e51099981d09d70a61331ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-d4cdc7faf2f9717669d4965fcb9ee421.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/large-c9692bf14e00079826f6feaf57cb0ba0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-d4cdc7faf2f9717669d4965fcb9ee421.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">Cha Dô</p>
          <a href="/products/gruntee-vietnam-offen-bio-200-g-18448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee Vietnam offen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6rZUPEvgiScbBwAKq4GnouKFYvZyEH-wV-KDJBaVkZwX84ChWZWKoxtx8DlXYDc1nECCt4nUsD2fqs293prFOw" />
    <input value="18448" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/schwarztee-assam-blend-offen-bio-fairtrade-250-g-18449">
          <img alt="Schwarztee Assam Blend offen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9976/file/small-55980348cd16ab9ecfc79031db061fbf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-43368f4bbfd9aa2dc7443a43b9dc0478.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/large-17366b77c7608cb9085c30b7899a7776.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-43368f4bbfd9aa2dc7443a43b9dc0478.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">Cha Dô</p>
          <a href="/products/schwarztee-assam-blend-offen-bio-fairtrade-250-g-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee Assam Blend offen Bio Fairtrade, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eQWbGTjki4IHQjfuv3XvE-SAEkCm3L8s6hdNwvdwakuEQE-EKpGIBgc0x91DlH-EmkXyAV0YcKEiXwNbP38-7A" />
    <input value="18449" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/akropolis-olivensalzbluten-nfp-82-g-18450">
          <img alt="Akropolis Olivensalzblüten NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10181/file/small-69b7a6795e4ea272657715bd51409174.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10181/file/medium-bea27ed6d4d197e8e5b5b799135d0157.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10181/file/large-265704e695093c5df2748d85184933aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10181/file/medium-bea27ed6d4d197e8e5b5b799135d0157.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">Chalira</p>
          <a href="/products/akropolis-olivensalzbluten-nfp-82-g-18450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akropolis Olivensalzblüten NFP, 82 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OkAFW2fnB5Oz-HaIUyzuu-dfqPmxTIIcCCr10z43zRTHBdHGdZIEF7OOhruvzX4smZpIuEqITZHAYrtK9jiZsw" />
    <input value="18450" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/aruna-gewurzmischung-violettes-curry-glas-100-ml-18451">
          <img alt="Aruna Gewürzmischung violettes Curry Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/small-d6f25bccaadd4377b14e8c955caf7ac2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-5ceacd478148a6ef5dcb8d202752d0ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/large-2adba52b882cedd74f56c81ed2eacabf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-5ceacd478148a6ef5dcb8d202752d0ce.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">Chalira</p>
          <a href="/products/aruna-gewurzmischung-violettes-curry-glas-100-ml-18451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Gewürzmischung violettes Curry Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QlU1NcKJEuDYXpaiJi4w0JSV03JZtWY2DoK2D7qeRY2_EOGo0PwRZNgoZpHaz6BH6lAzM6JxqbvGyviWcpERKg" />
    <input value="18451" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/babajaga-eintopfwurze-glas-100-ml-18452">
          <img alt="Babajaga Eintopfwürze Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/small-f09db2c15541fed10560d7d2e93b7002.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-bda0d4dc5d14fa7953416d08f06b9de1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/large-2cd86391cb444a49bf0dd2f03c8514b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-bda0d4dc5d14fa7953416d08f06b9de1.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">Chalira</p>
          <a href="/products/babajaga-eintopfwurze-glas-100-ml-18452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Eintopfwürze Glas, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IyvYo3v99rjS9n2FAPua7r8gahDcuXMP1EPNRN0NVv7ebgw-aYj1PNKAjbb8Ggp5weWKUSd9vIIcC4PdFQICWQ" />
    <input value="18452" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/babajaga-eintopfwurze-nfp-50-g-18453">
          <img alt="Babajaga Eintopfwürze NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10135/file/small-f03c843ee98a3db75fd58b9f7cd91988.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10135/file/medium-a949a8ce933553853a8d57f2072ebb4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10135/file/large-a774efdb6fae45c8a18a480f060e5f37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10135/file/medium-a949a8ce933553853a8d57f2072ebb4f.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">Chalira</p>
          <a href="/products/babajaga-eintopfwurze-nfp-50-g-18453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Eintopfwürze NFP, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MGjxN6Ly-mMOe1SzuhIr2PqN1jBVZFi1DHibNb7VH4XNLSWqsIf55w4NpIBG87tPhEg2ca6glzjEMNWsdtpLIg" />
    <input value="18453" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/barechrut-krautersalz-glas-55-g-18454">
          <img alt="Bärechrut Kräutersalz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/small-f83662d4852b3b278a9edc4afc512f78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-cdf88969e7a63950635965b661f18ece.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10306/file/large-59211ed45f88c291627bdd974da71d9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10306/file/medium-cdf88969e7a63950635965b661f18ece.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">Chalira</p>
          <a href="/products/barechrut-krautersalz-glas-55-g-18454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Kräutersalz Glas, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Sfi6FoiUAd5koyjO_op_WExvfO5VHWYws6O9A4lCoIQYjZ1SFdTg3nkfJDHG7lqH_RdskKQuhUKhsBtxipeJQ" />
    <input value="18454" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/barechrut-krautersalz-nfp-50-g-18455">
          <img alt="Bärechrut Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/small-83e9d8e68c1e4415faabd13d95248f3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-9d4e413404201e2b444a06c95c2d32a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10121/file/large-e779b9f8a2c97c318f8fca4ea2e07852.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10121/file/medium-9d4e413404201e2b444a06c95c2d32a3.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">Chalira</p>
          <a href="/products/barechrut-krautersalz-nfp-50-g-18455">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Kräutersalz NFP, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XPMWDkwaOEF8H0F2ISXfMDxKV0JP2WXbifXo9H-w7pmhtsKTXm87xXxpsUXdxE-nQo-3A7QdqlZBvaZtt7-6Pg" />
    <input value="18455" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/bourbon-vanille-gemahlen-glas-15-g-18456">
          <img alt="Bourbon Vanille gemahlen Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/small-f06cc89f83e7668b4c960b2be71ef1a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-3acac2b9cb90efbcdff792d5ab25d354.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/large-1655bd75d4d1ccd73d5b53e489be7b4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-3acac2b9cb90efbcdff792d5ab25d354.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">Chalira</p>
          <a href="/products/bourbon-vanille-gemahlen-glas-15-g-18456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanille gemahlen Glas, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PUwki-7pk15Ww4-tDo17cRvYlaXHTvc-0OziSMVgFQDACfAW_JyQ2la1f57ybOvmZR115DyKOLMYpKzRDW9Bpw" />
    <input value="18456" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/druiden-salz-grob-50-g-18457">
          <img alt="Druiden Salz grob" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/small-3bdd50f643463e06fbda1dc552fd2f20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-634b280ccfeaf45c54f56a4d349e9139.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/large-e8f5ea22e8ca32753023283cd10b69c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-634b280ccfeaf45c54f56a4d349e9139.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">Chalira</p>
          <a href="/products/druiden-salz-grob-50-g-18457">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druiden Salz grob, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BkESP4i1LwyZn2mZcAqo1nXjhWgLx16qBlVXoRT6sND7BMaimsAsiJnpmaqM6zhBCyZlKfADkSfOHRk43PXkdw" />
    <input value="18457" 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%2Fsantenatur%3Fformat%3Dturbo_stream%26page%3D45">
    <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/ervus-salatkrauter-glas-30-g-18458">
          <img alt="Ervus Salatkräuter Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9980/file/small-e89f371f9bc153fb6a4c2346e2f45a93.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9980/file/medium-2072c4d93f134b928d679474ddb21c4e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9980/file/large-be26b72b7ca295fa8f8b8c927987442e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9980/file/medium-2072c4d93f134b928d679474ddb21c4e.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">Chalira</p>
          <a href="/products/ervus-salatkrauter-glas-30-g-18458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ervus Salatkräuter Glas, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

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

</template></turbo-stream>