<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/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="o1VxAOothwYYX0vX1tYbjsezRdu4_1s5-t2uimu4NEEAx4OIXdVFRgwsIOERgQ5PDkTMeJU2Fg-8InqiRAOyyg" />
    <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="DhgNpKo6V8M70Ml9k4cKcz_t6lNa1DOYJ_Gu1lJuBFKtiv8sHcKVgy-joktU0B-y9hpj8Hcdfq5hDnr-fdWC2Q" />
    <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="1S6YOm2mivObGpBSelowDnXrQPSXjbsnxC-zjBEK4Gp2vGqy2l5Is49p-2S9DSXPvBzJV7pE9hGC0GekPrFm4Q" />
    <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/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="o8Vqc-kuRyexyFwgWX_tEjhZL45IMyiL4ASrCwgetoMAV5j7XtaFZ6W7NxaeKPjT8a6mLWX6Zb2m-38jJ6UwCA" />
    <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>


  

  <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/bambus-zahnburste-kinder-extraweich-blau-hydrophil-1-stuck-1821">
          <img alt="Bambus Zahnbürste KINDER Extraweich Blau Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1418/file/small-69956ee672ce2a02f946b6e2e8889dff.webp 600w, https://assets.fabulous.ch/public/variant_asset/1418/file/medium-8149dadc116f2ebdf6129e7509e1be60.webp 900w, https://assets.fabulous.ch/public/variant_asset/1418/file/large-a76a7d91d62e8adccf1bf516a921ed21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1418/file/medium-8149dadc116f2ebdf6129e7509e1be60.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-kinder-extraweich-blau-hydrophil-1-stuck-1821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste KINDER Extraweich Blau Hydrophil, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kmWaTRt7DtVZW62RQwRpa0-FsyRLT9bqDvEUceT1ZHQx92jFrIPMlU0oxqeEU3yqhnI6h2aGm9xIDsBZy07i_w" />
    <input value="1821" 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/bambus-zahnburste-kinder-extraweich-rot-hydrophil-1-stuck-1822">
          <img alt="Bambus Zahnbürste KINDER Extraweich Rot Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1421/file/small-10d59d00c606a33b25962ec7ca9fa1ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/1421/file/medium-7b032909c27bfbd39fe3988e30c9365e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1421/file/large-768399e37aa528d599437f5277c402c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1421/file/medium-7b032909c27bfbd39fe3988e30c9365e.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-kinder-extraweich-rot-hydrophil-1-stuck-1822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste KINDER Extraweich Rot Hydrophil, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sEkPcQkGjSxG6ohHFur4fsOy908Q0AKKRtQAUXKAAtoT2_35vv5PbFKZ43HRve2_CkV-7D0ZT7wAK9R5XTuEUQ" />
    <input value="1822" 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/menstruationstasse-grosse-2-1-stuck-1825">
          <img alt="Menstruationstasse Grösse 2" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1423/file/small-3d61b9d131305c947d445d5e4da67f3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1423/file/medium-634d2a4453e0cb0d32769ad11caac806.webp 900w, https://assets.fabulous.ch/public/variant_asset/1423/file/large-7fef466e97c71d2bbcc655815bc81254.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1423/file/medium-634d2a4453e0cb0d32769ad11caac806.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">Hydrophil</p>
          <a href="/de/products/menstruationstasse-grosse-2-1-stuck-1825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Menstruationstasse Grösse 2, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FUbraowg5pwPUstb0Mf-a3EjY5WdZWW7pjagSBLEk6q21BniO9gk3BshoG0XkOuquNTqNrCsKI3gyXRgPX8VIQ" />
    <input value="1825" 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/night-re-energizing-nachtcreme-50-ml-2097">
          <img alt="Night Re-Energizing Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1626/file/small-8b71a8964b7640d6371a3df715122411.webp 600w, https://assets.fabulous.ch/public/variant_asset/1626/file/medium-b881f997be845e08da27e9256672fead.webp 900w, https://assets.fabulous.ch/public/variant_asset/1626/file/large-5f5e53962f1cb706ae0c53d16bc57dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1626/file/medium-b881f997be845e08da27e9256672fead.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/night-re-energizing-nachtcreme-50-ml-2097">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night Re-Energizing Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qdW8tUGcMQ5JrYty9VsGsgdaUgHeEqqTULIbv6MM6fMKR0499mTzTl3e4EQyDBNzzq3bovPb56UWTc-XjLdveA" />
    <input value="2097" 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/handcreme-basis-sensitiv-75-ml-2614">
          <img alt="Handcreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1891/file/small-6477ea12ea66a103519b7427264cc4d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp 900w, https://assets.fabulous.ch/public/variant_asset/1891/file/large-37ca3d88e60458ca070473824a4f64b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1891/file/medium-e39d6f02b8b2b7687ba80107d872b256.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/handcreme-basis-sensitiv-75-ml-2614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Handcreme basis sensitiv, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M5QA-AXJWCdGjdIxTLCDL-6o9-8hHdr4Xt3zRKhf2CaQBvJwsjGaZ1L-uQeL55buJ19-TAzUl84YIidsh-RerQ" />
    <input value="2614" 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/puder-natural-mineral-powder-light-sand-10-g-2671">
          <img alt="Puder Natural Mineral Powder LIGHT SAND" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1941/file/small-292dbe2f16be5a9eec29480619ce9ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1941/file/medium-e8ac8db69d3b1037b323069d10f6d8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1941/file/large-ee780808799446169a69d3d2abf038d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1941/file/medium-e8ac8db69d3b1037b323069d10f6d8eb.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">benecos</p>
          <a href="/de/products/puder-natural-mineral-powder-light-sand-10-g-2671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puder Natural Mineral Powder LIGHT SAND, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lK2kww63XQaFRumiUwo5gx37NvuPQ2m4Qmwed1pjx-U3P1ZLuU-fRpE1gpSUXSxC1Ay_WKKKJI4Ek8pfddhBbg" />
    <input value="2671" 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/puder-natural-mineral-medium-beige-10-g-2672">
          <img alt="Puder Natural Mineral MEDIUM BEIGE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1940/file/small-2f8bb0039d8954945470666fdf4d19f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1940/file/large-52260cbd6586bce1c9f9946bf2dc5113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1940/file/medium-045f2628d6908fa475ed3472468f3861.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">benecos</p>
          <a href="/de/products/puder-natural-mineral-medium-beige-10-g-2672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puder Natural Mineral MEDIUM BEIGE, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zwd5BckmUDNlsUbNbu31mIk7jsmQjvuBsoKXcdvLDtPElYuNft6Sc3HCLfupuuBZQMwHar1Htrf0fUNZ9HCIWA" />
    <input value="2672" 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/pflegeshampoo-volumen-kraft-250-ml-2789">
          <img alt="Pflegeshampoo Volumen &amp; Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1973/file/small-dc50e57d57d851dd107f76bbc901ab42.webp 600w, https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1973/file/large-ed651e9056d2a175ba7c993365e57208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1973/file/medium-180b2c21aa2eb3e8585bf511b98b68f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/pflegeshampoo-volumen-kraft-250-ml-2789">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflegeshampoo Volumen &amp; Kraft, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4GWm9HwXqF7yQEkrGgZuHHa8st5BzLQidnDD5z1HA_ND91R8y-9qHuYzIh3dUXvdv0s7fWwF-RQwjxfPEvyFeA" />
    <input value="2789" 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/reinigungstucher-cleansing-wipes-25-stuck-2796">
          <img alt="Reinigungstücher Cleansing Wipes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1979/file/small-5479172b04d84c457dcb82168ef4dbef.webp 600w, https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1979/file/large-88a30b941a8924fc69ec421e2c1aa340.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1979/file/medium-e6907a33865968f33b90a122dff6b00a.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">benecos</p>
          <a href="/de/products/reinigungstucher-cleansing-wipes-25-stuck-2796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reinigungstücher Cleansing Wipes, 25 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.14 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2796-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/eco-sonnenlotion-lsf-30-neutral-100-ml-3063">
          <img alt="Eco Sonnenlotion LSF 30 neutral" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2140/file/small-12eb3dba6594cd7d0a35458bf742becc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2140/file/large-40a82637f05fa0abc0b9075fde5e3d93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2140/file/medium-b5275a794544cfd1a1fd76b0a76b833d.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">eco-naturkosmetik</p>
          <a href="/de/products/eco-sonnenlotion-lsf-30-neutral-100-ml-3063">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eco Sonnenlotion LSF 30 neutral, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xfJxCzHNYp5_4gwafan_DerNr8Ug5X5D08V_XYXM1r9mYIODhjWg3muRZyy6_urMIzomZg0sM3WVOqt1qndQNA" />
    <input value="3063" 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/pure-beauty-serum-bio-minze-30-ml-3207">
          <img alt="Pure Beauty Serum Bio-Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2190/file/small-8e91690aa67621692ddf1d6b25a4548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2190/file/large-4a886f9a652f23b53ff8c69242196df9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2190/file/medium-a41a6497cfc5aba8273cb44fd1bdc8b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/pure-beauty-serum-bio-minze-30-ml-3207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pure Beauty Serum Bio-Minze, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C2VRa6XJ31aIM5iwTCUUjnLYvq5Z3hPisZGC4pyXNg2o96PjEjEdFpxA84aLcgFPuy83DXQXXtT3blbKsyywhg" />
    <input value="3207" 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/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
          <img alt="Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2297/file/small-05b8b75e50901065385571f583729c6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.webp 900w, https://assets.fabulous.ch/public/variant_asset/2297/file/large-84e28c1f88f24e8645f65322689f7ce9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-mini-3-6-kg-night-day-1-stuck-3507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Mini 3-6 kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OcICsdHoxQ7SeK_hFFv0MiZtzZRrLmtwfLgv1yuvcpWaUPA5ZhAHTsYLxNfTDOHz75pEN0bnJkY6R_v_BBT0Hg" />
    <input value="3507" 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/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
          <img alt="Windeln (Ökologisch) Midi 4-9kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2299/file/small-5b541cdab5953ea8c78c5d3ac03601b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2299/file/large-918b1c6a5ba9f7514a174c2005923ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-midi-4-9kg-night-day-1-stuck-3508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Midi 4-9kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JjLA3TYpayc0Dq4p9MHCNef1tbLwRI8-XBl-OA6Y8s2FoDJVgdGpZyB9xR8zltf0LgI8Ed2Nwgga5qoQISN0Rg" />
    <input value="3508" 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/windeln-okologisch-maxi-7-18kg-night-day-1-stuck-3509">
          <img alt="Windeln (Ökologisch) Maxi 7-18kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2302/file/small-7a54bc07a1df3b79689a0d58ce3ab5ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.webp 900w, https://assets.fabulous.ch/public/variant_asset/2302/file/large-b4c8c1c2750bf2d94494ce324ea7733a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-maxi-7-18kg-night-day-1-stuck-3509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) Maxi 7-18kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IOjzsvv0ZeZ_H69W3jsWJIuyS3OeT34xLoV-M9zSEDiDegE6TAynpmtsxGAZbAPlQkXC0LOGMwdoeqob82mWsw" />
    <input value="3509" 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/windeln-okologisch-maxiplus-9-20kg-night-day-1-stuck-3510">
          <img alt="Windeln (Ökologisch) MaxiPlus 9-20kg Night &amp; Day" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2304/file/small-0962f2e43f8c1b87e836262bc8c612c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.webp 900w, https://assets.fabulous.ch/public/variant_asset/2304/file/large-743a4323936bc72f0b3c36b4a1f6a86e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.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">Tidoo</p>
          <a href="/de/products/windeln-okologisch-maxiplus-9-20kg-night-day-1-stuck-3510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Windeln (Ökologisch) MaxiPlus 9-20kg Night &amp; Day, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/q10-anti-falten-augencreme-basis-sensitiv-15-ml-3649">
          <img alt="Q10 Anti-Falten Augencreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2389/file/small-05e238b5f62505cd2c0633e4935e2de9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2389/file/large-8b60a4ce68d6b6d92ba25c88b565099e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/q10-anti-falten-augencreme-basis-sensitiv-15-ml-3649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Anti-Falten Augencreme basis sensitiv, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mRndtjKXmsB2oJmzlzjewsnRn4HHJIT-i2q3BsIOj6E6iy8-hW9YgGLT8oVQb8sDACYWIurtycjNlWMu7bUJKg" />
    <input value="3649" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</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">
      120 von 375 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>