<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/backmischung-zitronenkuchen-dinkel-demeter-485-g-1590">
          <img alt="Backmischung Zitronenkuchen Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1269/file/small-d69c1e6cebbbe57afd3427cdcc2a11aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1269/file/large-1b6c13b24c5be8e6387a13217211633c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1269/file/medium-2ea408fc324a1a6606934709c5b83d66.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/backmischung-zitronenkuchen-dinkel-demeter-485-g-1590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Zitronenkuchen Dinkel Demeter, 485 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iq91bNJne3wFKYUJvXrGmoYvtCdKSmeHvmJXcuCjype65534R_O1FasFLPW3SNLStWPlrBrNG45Ns_QOuKEErA" />
    <input value="1590" 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/kokosol-bio-500-ml-1616">
          <img alt="Kokosöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1283/file/small-d84d4ab43ac92b61d4d85f985993f339.webp 600w, https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.webp 900w, https://assets.fabulous.ch/public/variant_asset/1283/file/large-ddedf563dcf32058913d6000ec26e472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1283/file/medium-621f666ff73b80d768cde4fdc4162083.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/de/products/kokosol-bio-500-ml-1616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IVI_5LLiXe1sOgj7-UnAVywji878dmge7ExciOCFtZS5GtdwJ3aThMIWoQfze9QfH2_aRazxFBcfnf_0uId7rw" />
    <input value="1616" 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/kokosol-bio-1000-ml-1618">
          <img alt="Kokosöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1285/file/small-3c02e7997712cd9d052546398b443b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1285/file/large-a1155dba4120811b8e1f5dbb458f97fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1285/file/medium-d5d1909ec1f52e4dd8069786aff65fb0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/de/products/kokosol-bio-1000-ml-1618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosöl Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="foj2Jo42YWudd5a2m8F8rd3UT4cGEKEDcqSypT_ksXbmwB6yG6KvAjNbP0qR82jl7pgeDFaX3QqBdRHZZ-Z_TQ" />
    <input value="1618" 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/kokos-blutensirup-bio-350-g-1619">
          <img alt="Kokos Blütensirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1286/file/small-63db0c6035145f339192d7ed675952b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/1286/file/large-3078255a8b52f4063d3f2dc8afc49110.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1286/file/medium-8b71b06c3f324edcd31449f5610f05bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/de/products/kokos-blutensirup-bio-350-g-1619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos Blütensirup Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OdNZcMhaTq13LXeYiayVWb-quADeFtL1rMwjZXZRKLyhm7HkXc6AxNkB3mSDnoERjObpi46RrvxfHYAZLlPmhw" />
    <input value="1619" 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/tee-black-madagascan-vanilla-schwarztee-demeter-20-beutel-1623">
          <img alt="Tee Black Madagascan Vanilla Schwarztee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1289/file/small-1e07f71a179b73e5e2713ab79f354a7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.webp 900w, https://assets.fabulous.ch/public/variant_asset/1289/file/large-407c9f13d8b5293ad10ecea6526dc479.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1289/file/medium-20804c57edd756d0e429c4d17ae53348.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">Hampstead Tea</p>
          <a href="/de/products/tee-black-madagascan-vanilla-schwarztee-demeter-20-beutel-1623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Black Madagascan Vanilla Schwarztee Demeter, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWF6UjoSDFVzDL7BKhnnUNMZq90yh7akWsqfffxuvegpKZLGr4bCPN0gFz0gK_MY4FX6VmIAyq2pGzwBpGxz0w" />
    <input value="1623" 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/tee-green-tea-selection-bio-20-beutel-1627">
          <img alt="Tee Green Tea Selection Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1294/file/small-b2695c48ce49b1bbdb34fa924d0c23b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.webp 900w, https://assets.fabulous.ch/public/variant_asset/1294/file/large-0c52f59b1ddd5511a251863b882c67d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1294/file/medium-bd3a6ec94f8854f8de76b997d8542648.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">Hampstead Tea</p>
          <a href="/de/products/tee-green-tea-selection-bio-20-beutel-1627">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Green Tea Selection Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5I59XKZcR7ZZjNbEtUd7Qml9GnrGVUrfcd_Q5sM7smt8xpXIM8iJ3_egfzi_dW8KWjFL8ZbSNtaCDnOamzl8UA" />
    <input value="1627" 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/tampons-normal-regular-ohne-applikator-20-stuck-1675">
          <img alt="Tampons Normal / Regular ohne Applikator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1333/file/small-b068649a6ccd755a130a18b71375aa08.webp 600w, https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.webp 900w, https://assets.fabulous.ch/public/variant_asset/1333/file/large-5136c407397e1fedf05362f814c9c745.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1333/file/medium-75339cc9c3fa3a87a9a8072268f7b249.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">Natracare</p>
          <a href="/de/products/tampons-normal-regular-ohne-applikator-20-stuck-1675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Regular ohne Applikator, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAwGgvzWP1k4BDAa0gx7QsjP6qCbtDJ-CUG0u-C6atHURO4WaULxMJYomebYPm8K-4O7K8szTnf6kBfHuLik6g" />
    <input value="1675" 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/tampons-normal-regular-mit-applikator-16-stuck-1676">
          <img alt="Tampons Normal / Regular mit Applikator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1334/file/small-92e08cba3e454726b4f7690b6564208a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.webp 900w, https://assets.fabulous.ch/public/variant_asset/1334/file/large-cff3492544d50eb47a4596e4725f45a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1334/file/medium-b12b6f53001d483d2e2127fc6a178145.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">Natracare</p>
          <a href="/de/products/tampons-normal-regular-mit-applikator-16-stuck-1676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Normal / Regular mit Applikator, 16 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w2Vea8gdUIjg3JrKAEH-L0LkaW4z1jIcfvONc-JikN5bLbb_XYme4U7wMzYKc-pncag45WNRThWNIi4PumBe5Q" />
    <input value="1676" 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/tampons-super-ohne-applikator-20-stuck-1677">
          <img alt="Tampons Super ohne Applikator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1335/file/small-1ba0e3ae518755e1a34bf08aec817170.webp 600w, https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1335/file/large-5567dba73edaa7e54f8de94441828d1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1335/file/medium-53a4498247c4ae2b922ee61128e7cb8d.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">Natracare</p>
          <a href="/de/products/tampons-super-ohne-applikator-20-stuck-1677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super ohne Applikator, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_tQO2ygdkQeMua34ddpT_XuIehuhSxj-1zm6LVGbU8RmnOZPvYlfbiKVBAR_6Ee1SMQrkPHMZPck6BlRCZmd_w" />
    <input value="1677" 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/tampons-super-mit-applikator-16-stuck-1678">
          <img alt="Tampons Super mit Applikator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1336/file/small-a5b516544a01b5f6274ff83e83f430f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1336/file/large-1729381be29632f4cea897a0da38fe26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1336/file/medium-65cac09facb57c16b30ab4773194cf09.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">Natracare</p>
          <a href="/de/products/tampons-super-mit-applikator-16-stuck-1678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super mit Applikator, 16 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aTn8CvW1uqEmW4oK6_EmVXinqpfi2Uph1lm4WBXVIUrxcRSeYCF0yIh3I_bhwzIdS-v7HLJeNmgliBskTdfvcQ" />
    <input value="1678" 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/tampons-super-plus-ohne-applikator-20-stuck-1679">
          <img alt="Tampons Super Plus ohne Applikator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/de/products/tampons-super-plus-ohne-applikator-20-stuck-1679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus ohne Applikator, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ef5_ehtz7IPHsQzpd6YLYXtBuWOy38k3Yx7ww_LwZ9nhtpfujuci6mmdpRV9lB8pSA3o6OJYtT6Qz1O_qvKp4g" />
    <input value="1679" 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/damenbinden-ultra-super-plus-12-stuck-1682">
          <img alt="Damenbinden Ultra Super Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1339/file/small-9ec2f67789a5dbdd1b7799c21b57b676.webp 600w, https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.webp 900w, https://assets.fabulous.ch/public/variant_asset/1339/file/large-aec64deaa7d65750dd69f85e1af140ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1339/file/medium-7f15b95d647dd5a71d4a964b3415b480.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">Natracare</p>
          <a href="/de/products/damenbinden-ultra-super-plus-12-stuck-1682">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Damenbinden Ultra Super Plus, 12 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6rCzLPUopUJphpV2LNzDHFBw4cTdlntH1MUK193Q2Lty-Fu4YLxrK8eqPIom7tdUYzywT40RB04nFKmrhdIWgA" />
    <input value="1682" 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/slipeinlagen-panty-liners-tanga-string-30-stuck-1684">
          <img alt="Slipeinlagen Panty Liners Tanga / String" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1341/file/small-851b453ad6e60bb69e542addd9738839.webp 600w, https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1341/file/large-75345b0b1031e206bfdd4962fb5070a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1341/file/medium-ed3ce3aac503f48b65bf0a5fd88ab7d7.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">Natracare</p>
          <a href="/de/products/slipeinlagen-panty-liners-tanga-string-30-stuck-1684">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Slipeinlagen Panty Liners Tanga / String, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jdjiYCmc3zZgAEFey5w1PwO-6Z5Ni3W11yUvbEqJtWkVkAr0vAgRX84s6KLBriF3MPK4FR0MCbwk9IwQEot7Ug" />
    <input value="1684" 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/intimpflegetucher-12-stuck-1685">
          <img alt="Intimpflegetücher" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1342/file/small-e6ea021f84b5bdb3fb8706639bd99047.webp 600w, https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1342/file/large-9085a8aa4d81ec536421b1357fb7f0ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1342/file/medium-9c875a9a1c1aaba191dc4346e77edb9d.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">Natracare</p>
          <a href="/de/products/intimpflegetucher-12-stuck-1685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Intimpflegetücher, 12 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sTgcCWXQ_rM3cN4cpepH1XvA_hfjY9-E8ZpvoUGB4gopcPSd8EQw2plcd-Cv2FOdSIyvnLPko40CS8zdGYMsMQ" />
    <input value="1685" 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/pflegetucher-baby-50-stuck-1686">
          <img alt="Pflegetücher Baby" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8936/file/small-2798551cd3edac519b4f510b726ea6b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8936/file/medium-0c1e7cb79f829ea2cd47a32e285e9fbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8936/file/large-682063ce4007f78d673b7b322741f968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8936/file/medium-0c1e7cb79f829ea2cd47a32e285e9fbb.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">Natracare</p>
          <a href="/de/products/pflegetucher-baby-50-stuck-1686">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflegetücher Baby, 50 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="965o6K4MeSO7o6U-aKSseVEDj4O03ppurHTCUNcXHwRv5oB8O5i3ShWPDMJilrgxYk_eCORZ5mdfpWEsjxXRPw" />
    <input value="1686" 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/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
          <img alt="Keks Plaisir Haselnuss Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1347/file/small-eb1c7391f01c177a983afaf069c04376.webp 600w, https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp 900w, https://assets.fabulous.ch/public/variant_asset/1347/file/large-98eff16748c612b13d0ab930e76ac6b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.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">Moulin du Piver</p>
          <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-1692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks Plaisir Haselnuss Schokolade Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tFxLE8QQSTGRgAFQqtdA4VMWXL5_MERGcoy2zXJsY7UsFKOHUYSHWD-sqKyg5VSpYFoNNS-3OE-BXRWxKm6tjg" />
    <input value="1692" 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/bouillon-gemuse-bruhwurfel-mit-bio-hefe-bio-12-g-1726">
          <img alt="Bouillon Gemüse Brühwürfel mit Bio-Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1373/file/small-88986a33b8c8f85dff0aab2361bdbe54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1373/file/large-bea0545533edfb78f2f68460d182d2ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1373/file/medium-c26c561204868158bdb90f20fb8eff95.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/bouillon-gemuse-bruhwurfel-mit-bio-hefe-bio-12-g-1726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Gemüse Brühwürfel mit Bio-Hefe Bio, 6 x 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8PfTGltgJAuDMQegGZuDnxZFAlHjcZtuC7L9aWyzsYZovzuOzvTqYi0drlwTqZfXJQlT2rP252f4Y14VNLF_vQ" />
    <input value="1726" 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/muskatnuss-gemahlen-bio-40-g-1727">
          <img alt="Muskatnuss gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1374/file/small-4468f946c2e602fd4eaf867b51d7c27d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/1374/file/large-750653bbe4f58aa48180dbf838d58d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1374/file/medium-87944efebea48671c210c4b7dec087f2.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">Lebensbaum</p>
          <a href="/de/products/muskatnuss-gemahlen-bio-40-g-1727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muskatnuss gemahlen Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ins_ddUub6zsK01Z5N9JMO94sOsx_g_oE038hdoq_wwSM9fhQLqhxUIH5KXu7V143DThYGF5c-HgnF_5gigxNw" />
    <input value="1727" 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/zimt-gemahlen-bio-50-g-1728">
          <img alt="Zimt gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1375/file/small-5097a69def488967a4bc20b74d41d235.webp 600w, https://assets.fabulous.ch/public/variant_asset/1375/file/medium-38aad6deff743fceedc578de557b6f91.webp 900w, https://assets.fabulous.ch/public/variant_asset/1375/file/large-2ffe45e414e1eb4d68991742dc5c77e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1375/file/medium-38aad6deff743fceedc578de557b6f91.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">Lebensbaum</p>
          <a href="/de/products/zimt-gemahlen-bio-50-g-1728">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zimt gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WmM1QV7RPYDAr3uLY-rC6d_WJLqJaRWcR63lk64y2BLCK93Vy0Xz6W6D0ndp2Nah7Jp1MdnuaZW0fEbv9jAWKQ" />
    <input value="1728" 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/reinigungstucher-make-up-entferner-20-stuck-1733">
          <img alt="Reinigungstücher Make up Entferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1383/file/small-2a9b155d7c95f1bec6bdc8e7ee29937e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1383/file/large-bbf8b5e505cf7af4d4ae0faebfd7889d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1383/file/medium-a5a81bb933e77d459a07eb215725a8f7.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">Natracare</p>
          <a href="/de/products/reinigungstucher-make-up-entferner-20-stuck-1733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reinigungstücher Make up Entferner, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4ugQwHnt3bRYzo_OeP_48XKieBBUU2ImF7F-NmLBSUjw0jXlHN5H39Pk8Mz0eur9obYaxHWMYFrj2aEgYnLHg" />
    <input value="1733" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;420 von 3&#39;212 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/retter?format=turbo_stream&amp;page=72">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>