<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/kuvings-vacuum-blender-sv-400-rot-1-stuck-17423">
          <img alt="Kuvings Vacuum Blender SV-400 Rot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8120/file/small-7edd5c09e5174fc11dccfd802dc24dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.webp 900w, https://assets.fabulous.ch/public/variant_asset/8120/file/large-bffe386e79e980fe40389be1f3c2e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.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">Kuvings</p>
          <a href="/de/products/kuvings-vacuum-blender-sv-400-rot-1-stuck-17423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings Vacuum Blender SV-400 Rot, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="41nZS9wS0h_r_OB7hP9W7ez5gt5eZvOlo956nKC8De481n8wMYO2GCH6Sf_ko1prI1fowd4BESMGswOpG41O7g" />
    <input value="17423" 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/vitamix-ascent-mixbehalter-2-l-17424">
          <img alt="Vitamix Ascent Mixbehälter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8121/file/small-fc0d0a82c212396ede6e29b55f8af87b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.webp 900w, https://assets.fabulous.ch/public/variant_asset/8121/file/large-6c974a1da9f7b25046cf88ca81b5d43c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.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">Vitamix</p>
          <a href="/de/products/vitamix-ascent-mixbehalter-2-l-17424">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix Ascent Mixbehälter, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 219.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-zUdVyomz6q42quYuEM0Ukl-J6b3TrDpCmOgTW2ImSYkurssx7errXLcAhzYHzjUhtBNuXcpUm-vDtl41rnaJg" />
    <input value="17424" 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/vitamix-klingenschaber-1-stuck-17425">
          <img alt="Vitamix Klingenschaber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8122/file/small-87b422cf28a40f57660b6afa214fcdda.webp 600w, https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8122/file/large-c7475ecdb82cd33f2ce7583d6d412e7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.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">Vitamix</p>
          <a href="/de/products/vitamix-klingenschaber-1-stuck-17425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix Klingenschaber, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GtL2vrzBUp1n-rSw5u58rSZhNV-wK8ljNjsHyElKsDHFXVDFUVA2mq38HTSGsnAr6c9fQDBMK-WTVn798nvzMQ" />
    <input value="17425" 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/einmach-und-fermentationsglas-set-3-stuck-17429">
          <img alt="Einmach- und Fermentationsglas-Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8123/file/small-8078a52726a1683b8a91c2c0513d5e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.webp 900w, https://assets.fabulous.ch/public/variant_asset/8123/file/large-638a6e9cd92af42ea6a1fb0ee5037580.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.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">frohkost</p>
          <a href="/de/products/einmach-und-fermentationsglas-set-3-stuck-17429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Einmach- und Fermentationsglas-Set, 3 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CizcxcLOuqg7Pp82gRnc9GMpFS2OQvYZ2zKaZAm3Z7bVo3q-L1_er_E4NrLhRdByrId_Mg4lFJ9-X-NRsoYktg" />
    <input value="17429" 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/sauerteig-starter-set-0-35-l-17430">
          <img alt="Sauerteig-Starter-Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8129/file/small-cc6b9447965382a03733d78c20d1b998.webp 600w, https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8129/file/large-88cdb1c070ab8cd023e656475523669b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.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">Kilner</p>
          <a href="/de/products/sauerteig-starter-set-0-35-l-17430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauerteig-Starter-Set, 0.35 l</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 7.11 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bXUu7wyb-0VlYErCpk2cXKUg0C0JkTCJprrfSEEqb1Cy-oiU4QqfQq9m40bGEZDaao66Mon20g8D16Z9-hssUA" />
    <input value="17430" 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/bitter-extrakt-aus-bitterkrautern-bio-100-ml-17435">
          <img alt="Bitter Extrakt aus Bitterkräutern Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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/bitter-extrakt-aus-bitterkrautern-bio-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bitter Extrakt aus Bitterkräutern Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wIDuWl9BZ4Fsm3mWVsHHhUrkVnWjIf29mw1rNeb3GN4fD0ghstADhqad0BI2ncsDhUo8aiNGHzs-YBIAXcZb3g" />
    <input value="17435" 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/vegane-alternative-zu-creme-fraiche-bio-180-g-4a97b7f7-bf2e-4941-bdf5-9234cdb2475c-17436">
          <img alt="Vegane Alternative zu Crème Fraîche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8133/file/small-591ed6e57b58cc95e43129630581b690.webp 600w, https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.webp 900w, https://assets.fabulous.ch/public/variant_asset/8133/file/large-9cbfa2420ddcad3044838a9032b6492f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.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">Züger</p>
          <a href="/de/products/vegane-alternative-zu-creme-fraiche-bio-180-g-4a97b7f7-bf2e-4941-bdf5-9234cdb2475c-17436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Crème Fraîche Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </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.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OrTzsMFB13Nx6GE5dQq5gQUikGwVPI68dXVkBoRkBdPlO1XLLNCzdLvuyL0VVrUHyoz6c5VbbDrQGB0zP1VG0w" />
    <input value="17436" 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/magnesium-citrat-waldfrucht-pulver-200-g-17437">
          <img alt="Magnesium Citrat Waldfrucht Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8134/file/small-536242d45018a508d3a09a4cf965f4e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.webp 900w, https://assets.fabulous.ch/public/variant_asset/8134/file/large-4473c1635091b7214b348cd883ffc077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8134/file/medium-ebf0dbbcb8a63b4625563dec2ff89455.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-waldfrucht-pulver-200-g-17437">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magnesium Citrat Waldfrucht Pulver, 200 g</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 9.95 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
          <img alt="Garlic Crunch Oil Hot Chili Scorpion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8136/file/small-b9a231e0b4cedcb690303f284eac896c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.webp 900w, https://assets.fabulous.ch/public/variant_asset/8136/file/large-b6e0380119afe7822181281f935785ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.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">Odawaraya</p>
          <a href="/de/products/garlic-crunch-oil-hot-chili-scorpion-110-g-17460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garlic Crunch Oil Hot Chili Scorpion, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2aJ3-syApjsVkZGXSljbQI2z_O25xvYsEydyLCxqa-kGLdGBIRHCPN-XOBMqBNfGQh2W8jmhFKq2SgsZl1so6Q" />
    <input value="17460" 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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fruchtgarten-pfirsich-maracuja-bio-225-g-17461">
          <img alt="Fruchtgarten Pfirsich Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.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">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-pfirsich-maracuja-bio-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Pfirsich Maracuja Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LnzZ6UOsZz1tmi2FUVVrGXdZujY_TtBbGlWTPl7YPGDx83-Srj0DOqechAExCWefuPfQKb8pMt2_OOoL5el_YA" />
    <input value="17461" 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/fruchtgarten-hagebutte-bio-225-g-17463">
          <img alt="Fruchtgarten Hagebutte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.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">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-hagebutte-bio-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Hagebutte Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="STLMdB0EzeDF4hzjecVJ7U4BNNmtXuokdE253bm8V6iWvWoP8JWp5w_ktWcZmUVrga9exi05CKLRIMDoAo0UqA" />
    <input value="17463" 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/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
          <img alt="Fruchtgarten Erdbeer-Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.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">Zwergenwiese</p>
          <a href="/de/products/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgarten Erdbeer-Rhabarber Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U9PVqxUaxRC-E6YgYkSQDvr-5IF-oQcxo8hJ_OVU6NuMXHPQ-IuhF3QVD6QCGJyINVCOnv7G5bcGpTDJXmWr2w" />
    <input value="17464" 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/deo-stick-have-fun-mit-mandarine-und-zitrone-40-g-17465">
          <img alt="Deo Stick have fun mit Mandarine und Zitrone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8139/file/small-735d2538eda4ff888a5c878b4722b0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/8139/file/large-22978b10fff42ad0a05f2269b456bc25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.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">The Lekker company</p>
          <a href="/de/products/deo-stick-have-fun-mit-mandarine-und-zitrone-40-g-17465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Stick have fun mit Mandarine und Zitrone, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17465-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/deo-stick-be-active-woodland-40-g-17472">
          <img alt="Deo Stick be active Woodland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8140/file/small-cf57ea2e507dc4155793ee0d74339517.webp 600w, https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp 900w, https://assets.fabulous.ch/public/variant_asset/8140/file/large-eaaf7f793108060fb70d563e1c538ea5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.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">The Lekker company</p>
          <a href="/de/products/deo-stick-be-active-woodland-40-g-17472">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Stick be active Woodland, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8ytoinoVD4qtm2ISPKr4neAP0eWLSDBLFKE372bTIdsspM7xl4RrjWedy5Zc9vQbL6G7-gsv0s2xzE7a3eJi2w" />
    <input value="17472" 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/deo-stick-feel-free-mit-lavendel-40-g-17473">
          <img alt="Deo Stick feel free mit Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8141/file/small-d85a50ac37e66319d5d0fffdcd932906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8141/file/large-1df54e371b71e01875d76dcfc79a972b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.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">The Lekker company</p>
          <a href="/de/products/deo-stick-feel-free-mit-lavendel-40-g-17473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Stick feel free mit Lavendel, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FKGLoWxCVBPOD3wOs_GaxJuVFjZTDZd8_CKC2dA9CwvLLi3agdMwFAQJ1YrTrZZCVDt8KdNqdfpZT_vsawxICw" />
    <input value="17473" 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/tafel-schokolade-mit-kokosmilch-bio-100-g-17474">
          <img alt="Tafel Schokolade mit Kokosmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8142/file/small-c69c340b2f29e89fd5f13b3e5b888936.webp 600w, https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8142/file/large-9dd11b7a826b6a54c589d27b99e5dbc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.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">Naturata</p>
          <a href="/de/products/tafel-schokolade-mit-kokosmilch-bio-100-g-17474">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Schokolade mit Kokosmilch Bio, 100 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 6.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_GDaYQkH44-ZTvLkj3enuZBPU76I-2aoBsE2hH_EQHIj73wa5JaHiFNIW2DvK6s_X-E5oQichC6jrE-xxPUDcg" />
    <input value="17474" 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/streichvurst-schwarzer-pfeffer-erbsenprotein-bio-100-g-17481">
          <img alt="Streichvurst Schwarzer Pfeffer Erbsenprotein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8144/file/small-1a4ef93ac28cda184d101409f4d4e670.webp 600w, https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8144/file/large-1c36a1b436ee9d745d752a3ca91c8966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.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">the vegan cow</p>
          <a href="/de/products/streichvurst-schwarzer-pfeffer-erbsenprotein-bio-100-g-17481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Streichvurst Schwarzer Pfeffer Erbsenprotein Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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 4.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QERIKoXNTy0frt0GVvQkU6H3MQ-RHOGy8bF07BMsCoafy-5RaFwrKtWodII2qCjVbllbEBF7AzRU3A3ZqB1Jhg" />
    <input value="17481" 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/soya-drink-vanille-bio-500-ml-17482">
          <img alt="Soya Drink Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8143/file/small-4f2569bf3fa7361b901c92f0153c1315.webp 600w, https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8143/file/large-fa49dbf66f56718eed70d03f24f3d9e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.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/soya-drink-vanille-bio-500-ml-17482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soya Drink Vanille Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rCA2uio2K77PYP-8ZoPltVckLGYV1_aeHlCC9NqbOpVzr5DBx6dPuQVmVjgG3-kzmIpGeZWwFBi7PfvBYap5lQ" />
    <input value="17482" 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/kimchi-hot-sauce-130-g-17485">
          <img alt="Kimchi Hot Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8147/file/small-828da735dfa9ac3fd473df96eba0c46d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8147/file/large-1f41d4e35b231fb535c3e760088f7c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.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">Odawaraya</p>
          <a href="/de/products/kimchi-hot-sauce-130-g-17485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kimchi Hot Sauce, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4SVleA2z721RL-MnKaKoArSNKGvUPri-JXGqMEkePvs-qsMD4CKLapspSqNJ_qSEeyNCdFRZWjiAHNMF8i99-w" />
    <input value="17485" 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">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/weizenkleie-demeter-250-g-mhd-aktion-11-05-2026-17497">
          <img alt="Weizenkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1212/file/small-c16320ccac7f1694f39142d8b772e653.webp 600w, https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.webp 900w, https://assets.fabulous.ch/public/variant_asset/1212/file/large-a49888eaeaa3e9859ab69aab95410495.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.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">Bauckhof</p>
          <a href="/de/products/weizenkleie-demeter-250-g-mhd-aktion-11-05-2026-17497">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weizenkleie Demeter, 250 g (MHD-Aktion 11.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q-35qgoRGDEsG4ZvJFgXwzWt1iljG83bOVuoWozKsGR0Yl_R54B8NuYdL-tEBBtF-gO8NuN8L12cNtFvN_vzZA" />
    <input value="17497" 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">
      3&#39;060 von 3&#39;158 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/nur-puur?format=turbo_stream&amp;page=154">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>