<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/datteln-medjool-grossgebinde-bio-5-kg-8872">
          <img alt="Datteln Medjool Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5133/file/small-06ff48a11b4cbf823bdd7639c7fa1c6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5133/file/medium-a50031bb355e5bcf6e62297e93f3e4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5133/file/large-263856c7ac31919e571c22a358c2be12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5133/file/medium-a50031bb355e5bcf6e62297e93f3e4a6.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">Bio Grosshandel</p>
          <a href="/de/products/datteln-medjool-grossgebinde-bio-5-kg-8872">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Datteln Medjool Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QJUpHSMHQN7zG8D9RMYYX40_NN_B1TOsXphx_DXWXfgSkc2gAlK0GQ93V3XmMKHjzul9kLYv-csHcyZZ0hxS_w" />
    <input value="8872" 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/kinder-zahnputzbecher-elefant-plastikfrei-1-stuck-8873">
          <img alt="Kinder-Zahnputzbecher – Elefant #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5134/file/small-46cf6e8320586ca9562c1336efadbc4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5134/file/medium-fbbec362bd0df6017a0ec263ad286763.webp 900w, https://assets.fabulous.ch/public/variant_asset/5134/file/large-bb0cb75a77381026d214f93af81027a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5134/file/medium-fbbec362bd0df6017a0ec263ad286763.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/kinder-zahnputzbecher-elefant-plastikfrei-1-stuck-8873">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kinder-Zahnputzbecher – Elefant #plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NMS8LkO-Zy6_6Ph8-7wEVkny9H06IJbGwEfLHDqH5oRmwFiTYuuT6UOEb_RZSr3qCiS9Mk3aXKGZrJy53U3pgw" />
    <input value="8873" 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-zungenreiniger-hydrophil-1-stuck-8875">
          <img alt="Bambus - Zungenreiniger Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5135/file/small-15536800c05453caff28433e840345fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5135/file/medium-82c03ce32b1b222f2ca84177094aa47c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5135/file/large-48b6150e337fe180826bee9e65fa3609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5135/file/medium-82c03ce32b1b222f2ca84177094aa47c.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-zungenreiniger-hydrophil-1-stuck-8875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus - Zungenreiniger 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-8875-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4gMoGjTr97zept_fNjociDf0934E5fdThbAADbknwqywB8ynFb4DeyLKSFeUzKU0dCK-MXMfPTTcW1eoXu3Nqw" />
    <input value="8875" 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-weich-maus-orange-hydrophil-1-stuck-8876">
          <img alt="Bambus Zahnbürste KINDER Weich Maus Orange Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5136/file/small-96fb2aa2b41519c4ac893210b7b9dc43.webp 600w, https://assets.fabulous.ch/public/variant_asset/5136/file/medium-c8ecadd7534ace5179cf3c40d2605eab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5136/file/large-7c7a1a0059bc1420fb3077f397df7294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5136/file/medium-c8ecadd7534ace5179cf3c40d2605eab.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-weich-maus-orange-hydrophil-1-stuck-8876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste KINDER Weich Maus Orange 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-8876-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNV_zuMgFPhSPMkeNcYkkhkImyQ9CbVPzR7tvJQQ9sRu0ZtzwnXgP65QXpaXMJ0uWt7Sa0rzfyiU9boZc9r5ww" />
    <input value="8876" 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/kinder-shampoo-und-dusche-2in1-susse-mango-ente-60-g-8879">
          <img alt="Kinder Shampoo und Dusche 2in1 Süsse Mango Ente" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5139/file/small-e0c20d11e50de195e89f63eabf3fa209.webp 600w, https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5139/file/large-11f693116f4725c91ab3481d2d7dc9c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.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/kinder-shampoo-und-dusche-2in1-susse-mango-ente-60-g-8879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kinder Shampoo und Dusche 2in1 Süsse Mango Ente, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C91qiDQCymfLVooBt9eRNsWEZIRpu40SlzPHxmBsy6pZ2Y41FVc-oDc6HYkVISiKhlItyx5BR3XO2JBjh6bErQ" />
    <input value="8879" 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/kinder-zahncreme-aprikose-maus-mit-fluorid-75-ml-8882">
          <img alt="Kinder Zahncreme Aprikose Maus mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5142/file/small-68d2b9cc2f4b0d40f6db004bb091d164.webp 600w, https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5142/file/large-821c63dfc9254cecb5948a87965f8ed5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.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/kinder-zahncreme-aprikose-maus-mit-fluorid-75-ml-8882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kinder Zahncreme Aprikose Maus mit Fluorid, 75 ml</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 7.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nD7NkafLmVdS4fMEqdeFng7C88U_dPB6OdkE4BlY1unOOikshp5tkK6NZIwLITwiTRS6ikiOOh1gMlNF_pLZ7g" />
    <input value="8882" 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/tomatensauce-kinder-ohne-zuckerzusatz-demeter-330-ml-8883">
          <img alt="Tomatensauce Kinder ohne Zuckerzusatz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5144/file/small-6775379215d9061b8ef4589d1f0e6d10.webp 600w, https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp 900w, https://assets.fabulous.ch/public/variant_asset/5144/file/large-c0b2dfe416d09d80e18bce75daa7faa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.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/tomatensauce-kinder-ohne-zuckerzusatz-demeter-330-ml-8883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatensauce Kinder ohne Zuckerzusatz Demeter, 330 ml</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 1.61 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SmCR3Mncy7JYysPwkxK9qnHDYdRl8RXr7npIAnmvFmMYZHVh6Ik_daSmVHgx5AQWMhUomxIL34y3kR-nnmUZZA" />
    <input value="8883" 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/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
          <img alt="Tomatensauce Kinder mit Apfelsüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/tomatensauce-kinder-mit-apfelsusse-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomatensauce Kinder mit Apfelsüsse Bio, 334 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QFToq9CscVqkOT2MIUiOPggR2RvLzOLBr1o0XbSNmWkSUAwW8fmFnVhVqgSDvjeCS8eQVLw2KKb2sWP4U0eWbg" />
    <input value="8884" 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/freche-freunde-laugensticks-karotte-bio-75-g-8885">
          <img alt="Freche Freunde Laugensticks Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5151/file/small-a5b6ae76374978eb1a9d209cb8227cea.webp 600w, https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5151/file/large-d0d95bd7bf1c677551388ad32ae93f42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.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">Freche Freunde</p>
          <a href="/de/products/freche-freunde-laugensticks-karotte-bio-75-g-8885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freche Freunde Laugensticks Karotte Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ur2qE4YUPQ6CaJjpqdelruScGao-vs4gyohzesW0xscAuU6up0HJyX4ED2ELIRwSp0pQ5UlEBEeTYyTfIn7JwA" />
    <input value="8885" 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/spulburstenkopf-ersatzkopf-zum-auswechseln-1-stuck-8887">
          <img alt="Spülbürstenkopf Ersatzkopf zum Auswechseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5152/file/small-0ab7a8a26fba223f44b64ff651817624.webp 600w, https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5152/file/large-8353cd11cc3c1fa707979a503a831648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5152/file/medium-0cd39a035adfbca92a65b765e6fe69a5.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">memo</p>
          <a href="/de/products/spulburstenkopf-ersatzkopf-zum-auswechseln-1-stuck-8887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spülbürstenkopf Ersatzkopf zum Auswechseln, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EnNKKOmRLOdq9FDZRxpJOFKNHwZEPrlPxlfEI9Zbqw5Ad66VyMTYIJaYx1Hl7PCEEVtWSTPEcyifvJOGMZGkCQ" />
    <input value="8887" 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/spulburste-memo-plastikfrei-1-stuck-8888">
          <img alt="Spülbürste Memo Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5153/file/small-f51944268740445ad6508b014686f68d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5153/file/medium-01ff2d53fc616de65935ad15db0dd023.webp 900w, https://assets.fabulous.ch/public/variant_asset/5153/file/large-d14963fdcea0d6fddba14972043c36fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5153/file/medium-01ff2d53fc616de65935ad15db0dd023.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">memo</p>
          <a href="/de/products/spulburste-memo-plastikfrei-1-stuck-8888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spülbürste Memo Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ZRYrZdRxRRt9Y5MtXv8OIe_EJC2CEj0Q24vhe7MV6-nkLwQtgQx05GZGcQXjUWExGlZ38HygpMahXggCQZYqA" />
    <input value="8888" 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/freche-freunde-brezel-mit-kichererbsen-bio-75-g-8900">
          <img alt="Freche Freunde Brezel mit Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5158/file/small-ae1f27a62c1880894ce86164ab76f9aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.webp 900w, https://assets.fabulous.ch/public/variant_asset/5158/file/large-832bbfa22cae474187024023b3c2cdee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.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">Freche Freunde</p>
          <a href="/de/products/freche-freunde-brezel-mit-kichererbsen-bio-75-g-8900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freche Freunde Brezel mit Kichererbsen Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gJJNEfzXDULAk-B6xGtAniVmjgD_k342sS9gWTGbreHSlqms3YL5hTz_d_JmnfkiZrDHT4hptFHoxDf81lGi5g" />
    <input value="8900" 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/sojade-so-soya-ohne-zuckerzusatz-mango-bio-400-g-8901">
          <img alt="Sojade So Soya! Ohne Zuckerzusatz Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5160/file/small-d4cbbeffaa0d391a8289d073413d32f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5160/file/large-ba56a3bb756141bc63a5387d41bfffe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5160/file/medium-eee33749d79c60d2082133119054f02a.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">Sojade</p>
          <a href="/de/products/sojade-so-soya-ohne-zuckerzusatz-mango-bio-400-g-8901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Ohne Zuckerzusatz Mango Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fzyuJSvzidGJGmUU3yopHZeFiGe-_6zEwqLcix-eYxgtOEqYCqZ9FnV28px93JCh1FPBKMkFZqObSYsu-FRsHw" />
    <input value="8901" 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/chips-biosaurus-babe-ketchup-bio-50-g-8903">
          <img alt="Chips Biosaurus Babe Ketchup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5161/file/small-5ea13d56ecd2fd766951891055a3b526.webp 600w, https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5161/file/large-6051789ddf94d2f02eccf3d58f77dfe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.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">BioSaurus</p>
          <a href="/de/products/chips-biosaurus-babe-ketchup-bio-50-g-8903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Biosaurus Babe Ketchup Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmnj-zDNVqoEJ6OHQKfxEjURmNqdoUMCZRagFZJutEPQbQdGEZiibfhLNA_iUUiudsfRlepbiWU8_fewdaS7RA" />
    <input value="8903" 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/chips-biosaurus-junior-sea-salt-bio-50-g-8904">
          <img alt="Chips Biosaurus Junior Sea Salt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5162/file/small-411136c5a389bd8c1a017c095f84c034.webp 600w, https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5162/file/large-14296d30e2bc3941b8696a96cdee97cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5162/file/medium-51201eeaf9e2d52a27227c5b0a749ef8.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">BioSaurus</p>
          <a href="/de/products/chips-biosaurus-junior-sea-salt-bio-50-g-8904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Biosaurus Junior Sea Salt Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qlxMX2fkdNsJkN2s49wK_Ew2P2rhLVYD4fYb__KCf8L4WKjiRrGAHPX8SiRBKrNAD-B2JZbXnGS4HUxaFUhwxQ" />
    <input value="8904" 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/d-angelo-cappelletti-gemuse-vollkorn-bio-250-g-8929">
          <img alt="D&#39;Angelo Cappelletti Gemüse Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5166/file/small-eeeeb63ffdfd8419fc8deadb307c6814.webp 600w, https://assets.fabulous.ch/public/variant_asset/5166/file/medium-9209e05b0cc0f0b46d970210b875f814.webp 900w, https://assets.fabulous.ch/public/variant_asset/5166/file/large-1c50f865ae4f8a78e86244407cae3751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5166/file/medium-9209e05b0cc0f0b46d970210b875f814.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-cappelletti-gemuse-vollkorn-bio-250-g-8929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Cappelletti Gemüse Vollkorn Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RP3NPMVxxwnZNfeq43umscgMEWVGC_GJBgt6oZBOWckW-SmB5CQzziVZYCJBjR8Ni9pYKjHxO-5f4C0Ed4RWzg" />
    <input value="8929" 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/agavendicksaft-agave-syrup-bio-725-ml-8930">
          <img alt="Agavendicksaft Agave Syrup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5168/file/small-85ddfdd68ec42bc818d1322322eb58c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5168/file/large-fb48be7cabb72ad6e82b5e2423f27523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.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">Allos</p>
          <a href="/de/products/agavendicksaft-agave-syrup-bio-725-ml-8930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agavendicksaft Agave Syrup Bio, 725 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yikQnrShJlC4FC1E7ouQGBX2l05c27bQNBNmp4Ruw-CYLfQjlfTSl0R4usxMfSmkViDeASshfLdt-DECY6TM5w" />
    <input value="8930" 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/ami-dog-rote-beeren-kekse-500-g-8931">
          <img alt="Ami Dog Rote Beeren Kekse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5169/file/small-658abf52b32324275cffb3c36533c324.webp 600w, https://assets.fabulous.ch/public/variant_asset/5169/file/medium-98f0de5174546dfe75c0385a9191a9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/5169/file/large-8c220cc88c53cbbc6da4f4cd9a68d590.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5169/file/medium-98f0de5174546dfe75c0385a9191a9be.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">AMI</p>
          <a href="/de/products/ami-dog-rote-beeren-kekse-500-g-8931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ami Dog Rote Beeren Kekse, 500 g</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 1.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R73TS6GY0f7_FXVa_e-wYUhcgP0mYl3yedzF0m-QqmMVuTf2gM0lOQN54tJfGQndC4rJslGYl5UgN5J3iFqlZA" />
    <input value="8931" 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/schaumbad-farfalla-kuschelzeit-200-ml-8965">
          <img alt="Schaumbad farfalla KUSCHELZEIT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5174/file/small-527054f4eada73bbd00ab74be2a8b84b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.webp 900w, https://assets.fabulous.ch/public/variant_asset/5174/file/large-3cb378144dbcb54428ac88a9648bc2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.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">farfalla</p>
          <a href="/de/products/schaumbad-farfalla-kuschelzeit-200-ml-8965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schaumbad farfalla KUSCHELZEIT, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kRgFJJkmL2QDY4x91XiUzVoPJZJ-J7kefG_8E__s7OnDHOGZuHPbo_8PG_V3ji1xGdls3Qndc3klhKu2GCbj7g" />
    <input value="8965" 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/badeschaumkissen-luttes-welt-50-g-8966">
          <img alt="Badeschaumkissen Lüttes Welt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5176/file/small-909d2a5df12359e65f1ab4209d8c54e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5176/file/large-4bb894d52e51fbc143b45ef9fc9876a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5176/file/medium-15d67bed6b5860005291e4f323371a9e.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">Lüttes Welt</p>
          <a href="/de/products/badeschaumkissen-luttes-welt-50-g-8966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Badeschaumkissen Lüttes Welt, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KENhGE7JgnxKfhuIHbLnxbx4YqYYCRgQe6TNPbpT9UB6R4Wlb5x2u7YSjAC_RF55_64r6W_z0nciT5qYXZn6Rw" />
    <input value="8966" 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;540 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/gautschi?format=turbo_stream&amp;page=78">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>