<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/linsen-glas-demeter-360-g-7509">
          <img alt="Linsen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8871/file/small-020b1dad5d7fcca2a1540a811baeb2cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8871/file/medium-339466fce018e18785d258a6d84dfbbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/8871/file/large-de8b27942bb64a88d3d4d427e8e5a01f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8871/file/medium-339466fce018e18785d258a6d84dfbbf.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">Nur Puur</p>
          <a href="/de/products/linsen-glas-demeter-360-g-7509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Glas Demeter, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tH40sfGegCVQwl900N_3CwyHFprCBru6QVGU8eMLWT0fUdV9fZ1Yzd9odRLapk6ByPzgQy_JEmgwidhl2E0Hfg" />
    <input value="7509" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beet-jerky-randen-snack-original-bio-40-g-16008">
          <img alt="Beet Jerky Randen Snack Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7393/file/small-5e13066282b411ddcb78fbed0c53b21d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.webp 900w, https://assets.fabulous.ch/public/variant_asset/7393/file/large-bb05e37d91e78e7b4cf62fb457fb0ff5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.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">Wild Foods</p>
          <a href="/de/products/beet-jerky-randen-snack-original-bio-40-g-16008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Jerky Randen Snack Original Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E-z5YXB9iPN4cYA9Yv7s4XzfURqcya-SRt9fdRYraqW4wxit_H5QG_fbqltoh1VruKSnw3EGBkA3BxPhLW005g" />
    <input value="16008" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/shot-ingwer-kurkuma-orangensaft-demeter-280-ml-7675">
          <img alt="Shot Ingwer &amp; Kurkuma, Orangensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4439/file/small-20afb3e8d0cb4e581833c979c329d60c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4439/file/large-ae963ab71293005ebbd3ad87a972fdcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.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">Voelkel</p>
          <a href="/de/products/shot-ingwer-kurkuma-orangensaft-demeter-280-ml-7675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ingwer &amp; Kurkuma, Orangensaft Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HGA1sw793W8y9lZogZ673LNgZrOfPhvUPJ_WLHamRK-3T9R_gv4Fh71cfA6L5wJWdxuQanLxsgZNR5q4TeAa7A" />
    <input value="7675" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosspeisefett-premium-bio-1000-ml-11960">
          <img alt="Kokosspeisefett Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6081/file/small-470a381f1b4e3a75542a78390d5e6319.webp 600w, https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6081/file/large-eda68d5ab46ad425c34dd8b57fe67bc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.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">Dr. Goerg</p>
          <a href="/de/products/kokosspeisefett-premium-bio-1000-ml-11960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosspeisefett Premium Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWGqBdyi4L1ovVP5Mm41_V97MOZM4Atl3mbCOkWbr_2mTkvJUKE4VecXeZ84F4x3mwDGP6Evorevvo6uft3xvg" />
    <input value="11960" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cashewkerne-ganz-bio-grossgebinde-2-5-kg-36e9381f-3f1d-4ce3-b750-700a504f32d6-6017">
          <img alt="Cashewkerne ganz Bio Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3453/file/small-4cc8909a4e27bd584fb02f6a337c8975.webp 600w, https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.webp 900w, https://assets.fabulous.ch/public/variant_asset/3453/file/large-48a82acbf36f65174ecc1276ec8986ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.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">Rapunzel</p>
          <a href="/de/products/cashewkerne-ganz-bio-grossgebinde-2-5-kg-36e9381f-3f1d-4ce3-b750-700a504f32d6-6017">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne ganz Bio Grossgebinde, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oQ0QJ_cRY_BrCbahF5dlc-r7M70mX8DFcQdunaWP62YKIvHrexK7GOSjnMcd7tz5LoDFZMuQaRcA3yIJnsm1JQ" />
    <input value="6017" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/flocken-5-korn-flocken-grossgebinde-biosuisse-5-kg-9233">
          <img alt="Flocken 5-Korn-Flocken Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5257/file/small-32e5968bd3fde2071d622b9613380a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/5257/file/medium-d5546726084b00fa705c3aa746074c25.webp 900w, https://assets.fabulous.ch/public/variant_asset/5257/file/large-115567bc9d77a46380a62bc8a4d2d765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5257/file/medium-d5546726084b00fa705c3aa746074c25.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="/de/products/flocken-5-korn-flocken-grossgebinde-biosuisse-5-kg-9233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocken 5-Korn-Flocken Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6jlTssoa0P7V6ZyYZqgovlCe7SXjD8EeJd1MihK9-LBBFrJ-RhkIFlpDtv5s0ZE0lOUb_A7AaMxUBQAeKfum8w" />
    <input value="9233" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/yuzu-saft-pur-bio-100-ml-17807">
          <img alt="Yuzu Saft Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8779/file/small-23ffa94a8c6c56e594bf67823fad6f42.webp 600w, https://assets.fabulous.ch/public/variant_asset/8779/file/medium-cdbcf6aa9e53fc397387e3b8a3ac3a06.webp 900w, https://assets.fabulous.ch/public/variant_asset/8779/file/large-7def52f9ccd158688ee6af6fe42535c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8779/file/medium-cdbcf6aa9e53fc397387e3b8a3ac3a06.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="/de/products/yuzu-saft-pur-bio-100-ml-17807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yuzu Saft Pur Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ajFd5ljRkoF_-6VliKSFUCdhXLGbT_EjFxD_0r-TihShyS7FWCeoopVxPOcWyufhOZzqyuilhb9hA9rcbgQaw" />
    <input value="17807" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chocomalt-dinkel-calcium-swiss-cereal-drink-bio-500-ml-16269">
          <img alt="Chocomalt Dinkel +Calcium Swiss Cereal Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7500/file/small-ed13d66e174bd673745ac30887bc83b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7500/file/large-f0ba5a733cb77554d6693191f6143536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.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">Soyana</p>
          <a href="/de/products/chocomalt-dinkel-calcium-swiss-cereal-drink-bio-500-ml-16269">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocomalt Dinkel +Calcium Swiss Cereal Drink Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XRS7mG56jUpbDInqk5tN06wLgeY-MGmv0TDBYktuJQP2O1pU4nlVotSmo4yZ4vRZaHB3P9P_wH2g6I32cCh7QA" />
    <input value="16269" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bohnen-sojabohnen-ungeschalt-bio-500-g-624">
          <img alt="Bohnen Sojabohnen ungeschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8870/file/small-32a1b4d7869fa01001f69cbe7551f2f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8870/file/medium-1da4da0ad909d263e645eab27021579f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8870/file/large-b3d4f3308344f424a3eb9f500b4484ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8870/file/medium-1da4da0ad909d263e645eab27021579f.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">Rapunzel</p>
          <a href="/de/products/bohnen-sojabohnen-ungeschalt-bio-500-g-624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Sojabohnen ungeschält Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MwxmBYP3Qnq1T7-wi1enTzlf6lVLkVGMSRbhLaHp8AKYI4fJD_SakjrlldaBLh7F_SQcjKZe-F44zq25mq-uQQ" />
    <input value="624" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salatsauce-franzosisch-vegan-bio-500-ml-8570">
          <img alt="Salatsauce Französisch Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4996/file/small-26b788c00b64233d93f872d01fd7a01e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4996/file/medium-f2244b6e25c17b38bbccef6876b6ac43.webp 900w, https://assets.fabulous.ch/public/variant_asset/4996/file/large-9cefc343ca7ff0eb58f993f806c4181b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4996/file/medium-f2244b6e25c17b38bbccef6876b6ac43.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">huusgmacht</p>
          <a href="/de/products/salatsauce-franzosisch-vegan-bio-500-ml-8570">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salatsauce Französisch Vegan Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JRncf7T2fJzI5pSgeGlYU8XHgetcQNyxOMHe6S_-ANOONj2zOPWkdEdMvsZyEOHZAbx3MrGPdWNJGZJ9FLhekA" />
    <input value="8570" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/avenanda-choco-creme-auf-haferbasis-bio-200-g-13478">
          <img alt="Avenanda Choco-Crème auf Haferbasis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6525/file/small-34ffb7dae1323943690a2dce666ed097.webp 600w, https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.webp 900w, https://assets.fabulous.ch/public/variant_asset/6525/file/large-2f25f15dbdf4f8a74a0cfb714c0d4a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6525/file/medium-fb41c36c78b2bf955a75b1b099620185.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">Soyana</p>
          <a href="/de/products/avenanda-choco-creme-auf-haferbasis-bio-200-g-13478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avenanda Choco-Crème auf Haferbasis Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1I63F78risQ2Dm2S1KWNcQp4OMAskEvEGIshwpBNcHZ_oVbbMyhSLLmkR_Te3DT7zgPOGcFf4hZpU21WqwsuNQ" />
    <input value="13478" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-234">
          <img alt="Soyananda Frischecreme Natur fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.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">Soyana</p>
          <a href="/de/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Frischecreme Natur fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TWJl9eh_vCtixKyiWhReTpLUxJzWXFuHBX0eB0qAiVCGmhbW6ImGCIhONSDEejz_jCly56W2LxtzbjsJmxcZg" />
    <input value="234" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/burger-veggie-kraftkorn-kichererbsen-bio-180-g-17560">
          <img alt="Burger Veggie-KraftKorn Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8190/file/small-e6c018381519a5545bcb54149e5e6841.webp 600w, https://assets.fabulous.ch/public/variant_asset/8190/file/medium-432114e1d6b789a7619df688c31fc617.webp 900w, https://assets.fabulous.ch/public/variant_asset/8190/file/large-61ebcc2feab985c7d3082ad4f8916fd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8190/file/medium-432114e1d6b789a7619df688c31fc617.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">Soyana</p>
          <a href="/de/products/burger-veggie-kraftkorn-kichererbsen-bio-180-g-17560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Veggie-KraftKorn Kichererbsen Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yUeRukixU-coHrzomF9XTvF6cy-e1w7d8TgY0XhBcLNiaHB2xLKLD6e0lo6SJu7ENQGF9nMYpw-A4FRFQwcu8A" />
    <input value="17560" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salz-kala-namak-schwarzes-salz-glas-100-g-3903">
          <img alt="Salz Kala Namak Schwarzes Salz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2495/file/small-cef2e21488e57fc4d766c2879629d894.webp 600w, https://assets.fabulous.ch/public/variant_asset/2495/file/medium-05981a37f09e05113f8db6f2fa154bc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2495/file/large-8e5044ec48471e7b4dca16fef0b10c96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2495/file/medium-05981a37f09e05113f8db6f2fa154bc2.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">VITAM</p>
          <a href="/de/products/salz-kala-namak-schwarzes-salz-glas-100-g-3903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Kala Namak Schwarzes Salz Glas, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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-3903-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bba4NhgLLShTZmf2lx_7QtCeRY66lgRQMoqeTyh4nHvGmVn6lAj1wNzMTZCdZkLIFOWzV1dZrYJDUtLbEz7COA" />
    <input value="3903" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bloomy-allure-haar-parfum-50-ml-17897">
          <img alt="Bloomy Allure - Haar Parfüm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8874/file/small-8f9a6388e62c15bed2c96feb21203ce2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8874/file/medium-e6c9e07fdcb34e139789c4a480aaa8c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8874/file/large-357c4fc5f23b65488b8f1391979ea152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8874/file/medium-e6c9e07fdcb34e139789c4a480aaa8c6.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">Chey Haircare</p>
          <a href="/de/products/bloomy-allure-haar-parfum-50-ml-17897">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bloomy Allure - Haar Parfüm, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L1xDgdfPWlRzzwo_W5-v4eEekSS66x1XxWkXW5-ubAmEc6JNW8yCvPxlIFlR5hZrJWVn_VcktIW0sVvPpOgySg" />
    <input value="17897" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/conditioner-bar-rice-water-protein-60-g-17896">
          <img alt="Conditioner Bar Rice Water &amp; Protein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8873/file/small-b12f6fbdecd760afa46bf0527851b3c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8873/file/large-88e1148adf9eba919342d09a8fc64cb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.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">Chey Haircare</p>
          <a href="/de/products/conditioner-bar-rice-water-protein-60-g-17896">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Bar Rice Water &amp; Protein, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcDN7pQ6DmFHV8cZzvZsUA8mr8PaNWP1DUx1QN5HQNCi7ywiGDnWicj97X_Ej9Xay11ZGjf6yid8lDnU5QEekw" />
    <input value="17896" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/festes-shampoo-ohne-sulfate-matcha-60-g-12394">
          <img alt="Festes Shampoo ohne Sulfate Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6218/file/small-d116900752c6877bd3b6b87941af567c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6218/file/large-dbcc0ad972ac14072862215bd631bb88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.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">Chey Haircare</p>
          <a href="/de/products/festes-shampoo-ohne-sulfate-matcha-60-g-12394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Festes Shampoo ohne Sulfate Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NF7qurzEOUN5A-x05Bcj5sfgdJdRy3d-1Zjkq5gqT1yfcQt2MMfhq_apxhLubppsA5uCTrwE3qykQKg_o2wRHw" />
    <input value="12394" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/festes-shampoo-ohne-sulfate-calendula-60-g-12392">
          <img alt="Festes Shampoo ohne Sulfate Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6216/file/small-17baae074c2c555efe9f21eaf2526528.webp 600w, https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6216/file/large-86fa9afe2ce5c8016212a95f0d0d67e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.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">Chey Haircare</p>
          <a href="/de/products/festes-shampoo-ohne-sulfate-calendula-60-g-12392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Festes Shampoo ohne Sulfate Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KaZiYBoM5J2e9Pi1paKp6vKU2Sjffr9Ev739E8TmAwWCiYOslg88dRFe0tOv2xBgNu8v8TKxFpbOZbGH_6BdRg" />
    <input value="12392" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/festes-shampoo-ohne-sulfate-aloe-vera-60-g-12390">
          <img alt="Festes Shampoo ohne Sulfate Aloe Vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6214/file/small-d238443ced0fce4e3cac20aaf0a05372.webp 600w, https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6214/file/large-e808bb2b45ba267df9ad443dc3399184.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.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">Chey Haircare</p>
          <a href="/de/products/festes-shampoo-ohne-sulfate-aloe-vera-60-g-12390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Festes Shampoo ohne Sulfate Aloe Vera, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nGpEd46sxoj7y-NiCjz7wpaaCSjsGaQi-V-kaRMYNt43RaW7Aq8eYHRhyQQARUJIUuH_8QHWDfCIh-j9KF5onQ" />
    <input value="12390" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/nahrendes-haarelixier-30-ml-14869">
          <img alt="Nährendes Haarelixier" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6809/file/small-31824e617cb6704081de47d1a6a28794.webp 600w, https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6809/file/large-f97323806b1b516eb04941ac23800f90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.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">Chey Haircare</p>
          <a href="/de/products/nahrendes-haarelixier-30-ml-14869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nährendes Haarelixier, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G_jMWYs0710EuWYScMnk-u2lEm0ErOQyv-4cGNyHDByw1y2VBzc3tYsTTHR6sF1wKd7ktOljTeDONlCM58FSXw" />
    <input value="14869" 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">
      640 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/eschenfelder?format=turbo_stream&amp;page=33">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>