<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/seihtuch-kasetuch-passiertuch-45x45cm-1-stuck-3537">
          <img alt="Seihtuch (Käsetuch / Passiertuch)  45x45cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2328/file/small-e42bdec5da0030bf7e0e2668e0cee488.webp 600w, https://assets.fabulous.ch/public/variant_asset/2328/file/medium-23be35d80391b61a3d90ca970be8e528.webp 900w, https://assets.fabulous.ch/public/variant_asset/2328/file/large-5fe7785f727c42bce66122b956eee16a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2328/file/medium-23be35d80391b61a3d90ca970be8e528.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">Tofu Box</p>
          <a href="/de/products/seihtuch-kasetuch-passiertuch-45x45cm-1-stuck-3537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seihtuch (Käsetuch / Passiertuch)  45x45cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9EErFhNLAZ9K26SrqLv0iRvU_6S2ip3OhbL-20Sv3rARq5M2mVyWVCnoWigVXVMah_Rq69ozEqfeL06u56_MQ" />
    <input value="3537" 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/joghurtmaschine-grun-my-yo-joghurtbereiter-ohne-strom-1-stuck-3557">
          <img alt="Joghurtmaschine GRÜN My.Yo Joghurtbereiter ohne Strom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2338/file/small-3cfe66de8d5fd47248954412f07044f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.webp 900w, https://assets.fabulous.ch/public/variant_asset/2338/file/large-064cc8d6c43f576964cad9a48c8fc968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.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">my.yo</p>
          <a href="/de/products/joghurtmaschine-grun-my-yo-joghurtbereiter-ohne-strom-1-stuck-3557">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtmaschine GRÜN My.Yo Joghurtbereiter ohne Strom, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hVDbpj_dUA_j8GvyQn7wUkOsDJBNTXyOEwviu7svyzt6x3FGvfUOUM58pAhMiWrMDdyOxXD_mrO2ZZR6baPLcA" />
    <input value="3557" 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/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-stuck-3558">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2339/file/small-f79b6eff16e7c2bed582c60ee2edcca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2339/file/large-f21bde51ac0813bc4ea828c9857afc1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.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">Buchverlag</p>
          <a href="/de/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-stuck-3558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 Stück</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 29.00 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtbSnHKbiQ7fhe2ov5Qy7ASqt7oAoyjylMSRH3-MHA2xQXh88LPXUfIJIlKxY6hySto17z0Rzs8xqufeqQAcRg" />
    <input value="3558" 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/die-wiederentdeckung-der-nutzpflanze-hanf-1-stuck-3561">
          <img alt="Die Wiederentdeckung der Nutzpflanze Hanf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2343/file/small-98aa38a6118df752e4aaca26e97a3975.webp 600w, https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2343/file/large-4d986f62f4a8221456d4b73a9b5af5fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.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">Buchverlag</p>
          <a href="/de/products/die-wiederentdeckung-der-nutzpflanze-hanf-1-stuck-3561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Die Wiederentdeckung der Nutzpflanze Hanf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ec8frWsYM3LoPyNaGaEUVauFPjMectnQoSYzuzAqjDbuWLVN6TBtLcWz7KAXVo7L5fW8ZiPAP-0ESEV65qaMfQ" />
    <input value="3561" 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/keimsaat-bockshornklee-beutel-bio-150-g-3607">
          <img alt="Keimsaat Bockshornklee Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2361/file/small-df9bd9d0e7ae1983404be82716a4b647.webp 600w, https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2361/file/large-3cfd3954b23cdb9e2b12976fb22e36cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.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">Germline</p>
          <a href="/de/products/keimsaat-bockshornklee-beutel-bio-150-g-3607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Bockshornklee Beutel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5cU0tx6sTe-R-9mCXe6l8zM4zU8VjCvprD_V8njL-UoaUp5XnIQTsLx3FnhTGT9tfUhPGig-zdQJUaMzrkf5AQ" />
    <input value="3607" 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/keimsaat-mungobohne-beutel-bio-200-g-3608">
          <img alt="Keimsaat Mungobohne Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2363/file/small-bdc9ba312e35dfaa9ebdba9954884388.webp 600w, https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2363/file/large-8c4c254896b87f843aefc68bdd131235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.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">Germline</p>
          <a href="/de/products/keimsaat-mungobohne-beutel-bio-200-g-3608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Mungobohne Beutel Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aLoQk0Ugklso-8JvkWdYQOuLdteCPy23U57UlQoyHcKXLbpzxwjMBAV3DZWfkMLepfv0gr-Ny4r28KJU3L4diQ" />
    <input value="3608" 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/keimsaat-alfalfa-bio-150-g-3609">
          <img alt="Keimsaat Alfalfa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2364/file/small-4cc21c43d98a102906df667d5ff50f20.webp 600w, https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/2364/file/large-3a265fd634ac176eae4ba8840a8347d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.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">Germline</p>
          <a href="/de/products/keimsaat-alfalfa-bio-150-g-3609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Alfalfa Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q8QgQgG04vRfAHS6Z8FRumTMo_LnYp5X9eXLwoF-d-u8U4qig5y8q3KMu0BpNsskKrwhp9rQeGpQi70DV_J3oA" />
    <input value="3609" 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-italienisch-vegan-bio-500-ml-3614">
          <img alt="Salatsauce Italienisch Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2367/file/small-32f469b779dad03b9fbaeb6d828a5ad3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2367/file/large-4aeba05af9b3750cd17270d749c5a136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.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-italienisch-vegan-bio-500-ml-3614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salatsauce Italienisch Vegan Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </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.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6PM1CIhaTO7XH-kFcqJ5oBdbNecjrFd_jXt2Qk1IMEQXZJ_oCnISsfqTJv98VeM-WSu3sh4esUIoFQCDm8QwDw" />
    <input value="3614" 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/magnesium-citrat-pulver-200-g-3642">
          <img alt="Magnesium Citrat Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2381/file/small-a8b4e9be477f305b204d9802b8a9a769.webp 600w, https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2381/file/large-938b8d9991d7a8870eecc7a2bd965754.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.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">Raab</p>
          <a href="/de/products/magnesium-citrat-pulver-200-g-3642">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Citrat Pulver, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tFYoTnJWvF1ZpyGwx1ClX6Mm-tsWgJfHTRaVEiyB9gBLwYKu8H7iAnQr7krJpz_B7VZ4jisycfroeOPT-g32Sw" />
    <input value="3642" 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/q10-anti-falten-augencreme-basis-sensitiv-15-ml-3649">
          <img alt="Q10 Anti-Falten Augencreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2389/file/small-05e238b5f62505cd2c0633e4935e2de9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2389/file/large-8b60a4ce68d6b6d92ba25c88b565099e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.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">Lavera</p>
          <a href="/de/products/q10-anti-falten-augencreme-basis-sensitiv-15-ml-3649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Anti-Falten Augencreme basis sensitiv, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvRJMyKwWrm6NH0OTMXitWVEyUmLNa4sPdfRfUR0dfttY-PToJgE5pe4svRCMngrKzRLHLaHSBGYuae8kvh1sA" />
    <input value="3649" 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/q10-bodylotion-straffend-basis-sensitiv-250-ml-3650">
          <img alt="Q10 Bodylotion straffend basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2388/file/small-77d65d715701cc8bcd579cf0bb2634e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2388/file/large-b1b8773c27f8f3755391f0a43474f3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.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">Lavera</p>
          <a href="/de/products/q10-bodylotion-straffend-basis-sensitiv-250-ml-3650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Bodylotion straffend basis sensitiv, 250 ml</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 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wwUruWDiMuEus02Gvnrbj3YwwBH7l0WIkWok849NznM8koFZ4spsvgM_gnywjUEROEBCRMYlo7U0BFIyWcHOOA" />
    <input value="3650" 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/benevo-kaustreifen-fur-hunde-rumble-strips-180-g-3660">
          <img alt="Benevo Kaustreifen für Hunde - Rumble Strips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2390/file/small-3272c10096e448d27854b2f1f135c701.webp 600w, https://assets.fabulous.ch/public/variant_asset/2390/file/medium-0a2e28f4d095384f991599150f438a42.webp 900w, https://assets.fabulous.ch/public/variant_asset/2390/file/large-23594ca667d99357b6ebe7b2fbd77643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2390/file/medium-0a2e28f4d095384f991599150f438a42.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">Benevo</p>
          <a href="/de/products/benevo-kaustreifen-fur-hunde-rumble-strips-180-g-3660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Kaustreifen für Hunde - Rumble Strips, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IudJ1qrV_eLoW94MTUn0SUcW6I6Io6nlOEzgDhz150TdcOM2KP2jvcXXEfZDvm7XCWZq27URT9idIpbPynnnDw" />
    <input value="3660" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/benevo-knauknochen-small-pawtato-knots-150-g-3663">
          <img alt="Benevo Knauknochen SMALL Pawtato Knots" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2395/file/small-d38ed2e9b35b9ad48ec4b86ac70504e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2395/file/medium-99fe375f4d0b821ddd954304100eb947.webp 900w, https://assets.fabulous.ch/public/variant_asset/2395/file/large-41e0b07c01c2d6e6099ca63cd5c3a13d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2395/file/medium-99fe375f4d0b821ddd954304100eb947.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">Benevo</p>
          <a href="/de/products/benevo-knauknochen-small-pawtato-knots-150-g-3663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Knauknochen SMALL Pawtato Knots, 150 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 3.67 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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/benevo-kauspass-spinat-kale-pawtato-sticks-120-g-3664">
          <img alt="Benevo Kauspass Spinat / Kale Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2396/file/small-1e73d4f406cf725cd4b50fdd662c038c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.webp 900w, https://assets.fabulous.ch/public/variant_asset/2396/file/large-87af1a9c0b101df65c160e8e613d90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2396/file/medium-dc33f26df43ad5cf1647c41e4b4f0281.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">Benevo</p>
          <a href="/de/products/benevo-kauspass-spinat-kale-pawtato-sticks-120-g-3664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Kauspass Spinat / Kale Pawtato Sticks, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PFAKlSb9_8tqP8mdPw4u3iaqmCnuO3V0GMye1HuKEQfDx6B1pNWhlEezBmcx-bRAaNoafNOJk0m9ougVrQYRTA" />
    <input value="3664" 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/biber-s-saisonmotiv-bio-80-g-3675">
          <img alt="Biber-S Saisonmotiv Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2398/file/small-05c3a50ebbaf54402ba2cd6e5f8f7eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2398/file/large-f7f737ddd3d5819261d79c1ffe8c152e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2398/file/medium-2d571110ddfd7140d75fc72194dfb1c5.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-s-saisonmotiv-bio-80-g-3675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber-S Saisonmotiv Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wnDqDwvACF4xbkPFCEr-ExgmeR8UmfQJmG8ei6UXVgY950DviehWARzijD8GvWSNVlb7SikrEjQ9AWhKc5tWTQ" />
    <input value="3675" 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/wasche-waschmittel-flussig-30-60-c-color-grossgebinde-10-l-3688">
          <img alt="Wäsche Waschmittel flüssig 30°- 60° C COLOR Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2399/file/small-d1c5fbf9053e5e34d74967ae544b2b39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2399/file/large-92c8f5cea16eb44d060603ac65906b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2399/file/medium-9d2f6f8f46631a5f1328d60e711096b5.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">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-60-c-color-grossgebinde-10-l-3688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°- 60° C COLOR Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 66.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ytd4LNiqCChWCAcxFGi_pUvbO1Diuk1bsG3WcleumM01QNLMWoJWd3uEyMsanyU7Bau5Bd8Iq2YVA6CzgSKYhg" />
    <input value="3688" 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/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-grossgebinde-10-l-3689">
          <img alt="Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2402/file/small-d99b53e64e5be371c1d98961d5b2c4c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2402/file/large-a30aec72a723f916599d8f2039ed5a2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2402/file/medium-0a4f7c95bfd0385e17863d7ac4953bf3.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">Sonett</p>
          <a href="/de/products/wasche-waschmittel-flussig-30-95-c-sensitiv-duftfrei-grossgebinde-10-l-3689">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Waschmittel flüssig 30°-95° C SENSITIV Duftfrei Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CL_5A5DDcA5VFDjQIVGKYO2wK0yXFxwnFz1gviM_9XL3KFPjEusuUXiY9yovphD-o8CpGaql-hqyUxZ_9bP1OQ" />
    <input value="3689" 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/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
          <img alt="Frischhaltebeutel für Kartoffeln aus Jute" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2403/file/small-47e997521744b9fc37c0ef40f450a8b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2403/file/large-fe0c1072b51a54b21c14bae245774e67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2403/file/medium-e5547a46dd2bdbc06e0aa058524715c2.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">zielonka</p>
          <a href="/de/products/frischhaltebeutel-fur-kartoffeln-aus-jute-1-stuck-3705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frischhaltebeutel für Kartoffeln aus Jute, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7JqiosUppbvB7k5zaKpkF4lehmIk4M4vrUd6T1yYZ6UTDQhCRwH75OxigYlmXf6Jxy4ENxlSKBIIKQyOihRn7g" />
    <input value="3705" 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/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
          <img alt="Tapiokastärke Tapioka Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2409/file/small-3ab07a5b0d84b4604ae775804697c05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2409/file/large-03cdefc08c066badf1a3829e4098b4f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.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">Arche</p>
          <a href="/de/products/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapiokastärke Tapioka Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8KA0ICU3CH_rBZHabXSr9x6oWY0YSNtfjKdXAouqdCwVSowAryCftIg2b1nQkgxkgojMwnTxVDbXOud3KKpmw" />
    <input value="3724" 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/tortilla-wraps-6-st-aus-weizen-vollkorn-bio-240-g-3726">
          <img alt="Tortilla Wraps (6 St.) aus Weizen-Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2411/file/small-d22217071b1d1e52a0944cb78600c019.webp 600w, https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.webp 900w, https://assets.fabulous.ch/public/variant_asset/2411/file/large-ce1d027c828bb028c06f4f4ef77cf0c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2411/file/medium-8654746305d845202df18c72e7be0324.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">Acapulco</p>
          <a href="/de/products/tortilla-wraps-6-st-aus-weizen-vollkorn-bio-240-g-3726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps (6 St.) aus Weizen-Vollkorn Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m0-NURauTxdpHSOlM0VlVgGgeYpZVPugkZr21F92IL5k2CexlIYRSESR7F89sv_IT9D732TmHZ009IAVifog9Q" />
    <input value="3726" 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">
      600 von 3&#39;173 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/food/cheese-alternatives?format=turbo_stream&amp;page=31">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>