<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/soja-drink-original-plus-mit-calcium-bio-1-l-8742">
          <img alt="Soja Drink Original Plus mit Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5093/file/small-fa0bfd65d980eab4c3662497b2c39111.webp 600w, https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/5093/file/large-b2211a7bcaccd95f479e6c33c0435f71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/soja-drink-original-plus-mit-calcium-bio-1-l-8742">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Drink Original Plus mit Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/la-fondue-vegane-alternative-zu-fondue-bio-500-g-8798">
          <img alt="La Fondue Vegane Alternative zu Fondue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5109/file/small-97af428b02fe6363b1846c3098d6537f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5109/file/medium-35ea473f5fcf3a07e490587afe2cd0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5109/file/large-0838c9fbe2a644f328f337aca33cf8c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5109/file/medium-35ea473f5fcf3a07e490587afe2cd0a1.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">New Roots</p>
          <a href="/de/products/la-fondue-vegane-alternative-zu-fondue-bio-500-g-8798">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Fondue Vegane Alternative zu Fondue Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8798-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 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/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
          <img alt="Ketchup Kinder Tomaten 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/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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/ketchup-kinder-tomaten-mit-apfelsusse-bio-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Kinder Tomaten mit Apfelsüsse Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DGdIrSqjKgU3wAf-fzLhFUNn1TqENIhFOkbjOdjrMRQVTiFyPc3OkzNX4QflENLzWxUKYo5BTDB2f4TWudDxhw" />
    <input value="8812" 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/leinsamen-braun-grossgebinde-biosuisse-5-kg-8816">
          <img alt="Leinsamen braun Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5113/file/small-0852fc34e5ae351f840b56bd3aeba766.webp 600w, https://assets.fabulous.ch/public/variant_asset/5113/file/medium-722f1af2b727bc86732d12af776170ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/5113/file/large-eb8201b76a93ccff76e6fd3eceff0e10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5113/file/medium-722f1af2b727bc86732d12af776170ee.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">Biofarm</p>
          <a href="/de/products/leinsamen-braun-grossgebinde-biosuisse-5-kg-8816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leinsamen braun Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4FQ1nieiwSITf9KaSyrgC18iEnUYM0LfpTxkTBJ_gaT5fVxBMMwltBfoNGPRCNPtR1DNLRJGhqrpBQOjc0RBNw" />
    <input value="8816" 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/mein-schoko-pudding-bio-55-g-8845">
          <img alt="Mein Schoko Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5115/file/small-a694144852e622ae7d4ed7c47babab72.webp 600w, https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5115/file/large-bb97ed9b52ea583abf8490e737911d9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.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">Biovegan</p>
          <a href="/de/products/mein-schoko-pudding-bio-55-g-8845">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mein Schoko Pudding Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4X0Rh-g246mgeBNGFs9NIBfyl6MHnUy2iNsUWOrSlD34VHhY_1gHP6Tv9b-M7X7GD4BI-w3oiMPE4nO3i-lUrg" />
    <input value="8845" 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/gelierzucker-ohne-kochen-rohkostqualit-bio-115-g-8846">
          <img alt="Gelierzucker ohne Kochen Rohkostqualit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5116/file/small-37926481e2c2bd6a37f91e2a0c44a9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5116/file/large-6650ab55b19b58f231a114dca332ba24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.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">Biovegan</p>
          <a href="/de/products/gelierzucker-ohne-kochen-rohkostqualit-bio-115-g-8846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelierzucker ohne Kochen Rohkostqualit Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vqQjdOePZomBov2gliCDgbcdv1gAcijhkGZNIIhtwdqnjUqr8OGCH4U1G1kMArBnr29gAAoH7JTcXyrP6VYBSQ" />
    <input value="8846" 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/gelierzucker-2-1-bio-500-g-8847">
          <img alt="Gelierzucker 2:1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5117/file/small-085b97490e981816fa5203989c896f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5117/file/large-cb11193705967cba31fa70a839951e23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.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">Biovegan</p>
          <a href="/de/products/gelierzucker-2-1-bio-500-g-8847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelierzucker 2:1 Bio, 500 g</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 0.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Bpxh18ps7OyJ8KxMTDWDZ53R-1Qk02Or6lNhBaIEZv5MxhYSEdXJbawJEirEuXrhgWYtVrmifvjkCprd7PRCA" />
    <input value="8847" 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/geliermittel-agaranta-bio-18-g-8849">
          <img alt="Geliermittel Agaranta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5119/file/small-4fb74db9cb3e24dfca6f1bfce6584495.webp 600w, https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5119/file/large-95297164b94003a5b98426d13f02936a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.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">Biovegan</p>
          <a href="/de/products/geliermittel-agaranta-bio-18-g-8849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geliermittel Agaranta Bio, 18 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 16.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0kj9EkqLBlTquBz8cWezK6cP1uJ8WfAwH4uGfsGdQ23LYZTNXeXiwu4v-gXrRYDNv30JunYsNEVTsuGRoKaD_g" />
    <input value="8849" 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/holle-babyfood-gemuseallerlei-demeter-190-g-8852">
          <img alt="Holle Babyfood Gemüseallerlei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5124/file/small-ba270ab19da461a7077329a0d3973ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5124/file/medium-f0ae8c1cd76a1f21e1b9fe6e46652252.webp 900w, https://assets.fabulous.ch/public/variant_asset/5124/file/large-9839acf2315a38fdf905663281cedfc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5124/file/medium-f0ae8c1cd76a1f21e1b9fe6e46652252.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-gemuseallerlei-demeter-190-g-8852">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Gemüseallerlei Demeter, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7JVXeiWbvOyv5a3takxa8LmHqvzPYqR5ilRTeNgufyKmzyC__iKZbYocE4viwKN2pTB8_lITuSqEDaiglt5bw" />
    <input value="8852" 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/holle-babyfood-karotten-mit-kartoffeln-demeter-190-g-8853">
          <img alt="Holle Babyfood Karotten mit Kartoffeln Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5125/file/small-f7b3d47e17cb8e2a70cc1f59a6d7c19e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5125/file/medium-23a97ac2d8201d13e80a5414db6ae84a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5125/file/large-eaa6a9104091fe380fb7f0efb38a8d52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5125/file/medium-23a97ac2d8201d13e80a5414db6ae84a.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-karotten-mit-kartoffeln-demeter-190-g-8853">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Karotten mit Kartoffeln Demeter, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zULMmwIRQ0oiJLhg6qt2ob5GNGViDbkx9-k0LmvexC3Ua6VEFX-n3CazXplwiUVHpjTrPWh4fUS70FPBCuUEvg" />
    <input value="8853" 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/holle-babyfood-spinat-mit-kartoffeln-bio-190-g-8854">
          <img alt="Holle Babyfood Spinat mit Kartoffeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5126/file/small-124fe99bed8b9ac9afc4cb7169366f5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5126/file/medium-f1f383b2b8fee1f679e10e6c7723b077.webp 900w, https://assets.fabulous.ch/public/variant_asset/5126/file/large-4a93892f2af60cc3324531a0d67b29b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5126/file/medium-f1f383b2b8fee1f679e10e6c7723b077.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-spinat-mit-kartoffeln-bio-190-g-8854">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Spinat mit Kartoffeln Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9o0k7pQE_8pA2bHR4Ed0JvpWExlxafzlQNeHUM1KvDDvpE0xg2obXEROVyh6ZUfA4iTMQXscOJAM7uC_rHF8ow" />
    <input value="8854" 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/holle-babyfood-apfel-pur-demeter-125-g-8856">
          <img alt="Holle Babyfood Apfel pur Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5129/file/small-e69aa33bb49d9ea341d90bc8e63b2426.webp 600w, https://assets.fabulous.ch/public/variant_asset/5129/file/medium-11ebe6921c405c5c6e1e3ef8d9d426af.webp 900w, https://assets.fabulous.ch/public/variant_asset/5129/file/large-faeaf6ff846359aaa5c3829cafa2e1c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5129/file/medium-11ebe6921c405c5c6e1e3ef8d9d426af.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-apfel-pur-demeter-125-g-8856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Apfel pur Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iiT6Fbg5XFY1V6f_7PqmClksFmTU_kP3jDguZn_wQPOTDZPKr1e4wDHAQQZ22JXsQV7JPN6Lh4LAAUmJHsuAYA" />
    <input value="8856" 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/holle-babyfood-birne-pur-demeter-125-g-8857">
          <img alt="Holle Babyfood Birne pur Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5130/file/small-62cf9994780e530a593e31df09928ec7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5130/file/medium-be35c85a16bf2b54cfd92a0383f22683.webp 900w, https://assets.fabulous.ch/public/variant_asset/5130/file/large-da1720388f3c7934478791fcdf4f0cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5130/file/medium-be35c85a16bf2b54cfd92a0383f22683.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-birne-pur-demeter-125-g-8857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Birne pur Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULMeqpNjZUO-VqdkBqES2Zay6Hoj3nzUXARkaFnuzTJJmnd1hA2B1brBQZ2cgyE_jsA3IimruKEQPQOHONUNoQ" />
    <input value="8857" 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/holle-babyfood-karotte-mango-carrot-cat-pouchy-demeter-100-g-8858">
          <img alt="Holle Babyfood Karotte, Mango, Carrot Cat Pouchy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5131/file/small-c64d0a9e5245a83f034be0ee1a765bcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5131/file/medium-f0169124e26c825a0b4688cc16c2faf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5131/file/large-27437399c61e1a1c4e21a3d7c0d2f673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5131/file/medium-f0169124e26c825a0b4688cc16c2faf8.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-karotte-mango-carrot-cat-pouchy-demeter-100-g-8858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Karotte, Mango, Carrot Cat Pouchy Demeter, 100 g</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 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mIVqj6H1H_Dtayb05vQTHfKftOHe2Z-Tpgj0ljECUNuBrANQtpv7Zun8wA181iD76u1rudSsW-bqMZN5UDmQSA" />
    <input value="8858" 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/holle-babyfood-birne-apfel-fenchel-frog-pouchy-demeter-100-g-8859">
          <img alt="Holle Babyfood Birne Apfel Fenchel Frog Pouchy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5132/file/small-85f603584bf2910d77c8c8da2e1d66b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5132/file/medium-9b12bdeb112c002812cd3bab945bb5bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5132/file/large-65d32d95171337db0f065bb644447423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5132/file/medium-9b12bdeb112c002812cd3bab945bb5bf.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/de/products/holle-babyfood-birne-apfel-fenchel-frog-pouchy-demeter-100-g-8859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Birne Apfel Fenchel Frog Pouchy Demeter, 100 g</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 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Om7EKzWIJ5JOhAPrH5t2tyn4QfNFkEccb1U6dupZ_k0jR630IubDBEoT5RKFuUVRMYqeq0_lg2kjbF2Zi2I-3g" />
    <input value="8859" 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/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="0RXD3x1Vsg946orcTcexMvWzWQ3wUcpAm0ZOK0U6mDnIPKoACjtWmXx9bCXX5YLU7cGGVfokDjXXfynEJAFYqg" />
    <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 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-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="9-C4GygJC-CxuYFXzUw8RcwkhlU6oU7iE5kuGLZ-RIPuydHEP2fvdrUuZ65Xbg-j1FZZDTDUipdfoEn310WEEA" />
    <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  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-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="c8eR0A7g5kMjEq-OMjdzUW-frOIRDhQOfTDeZL7rk0lq7vgPGY4C1SeFSXeoFUC3d-1zuht70HsxCbmL39BT2g" />
    <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 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-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="KksS_sq8_UWIVT5JFS8mQjdicymGZXJyx0v_0-0sn30zYnsh3dIZ04zC2LCPDRWkLxCscYwQtgeLcpg8jBdf7g" />
    <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  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-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="CgdWwO9CsG-RAw1zs_jyLXO2F4ahnsC3tnwGsfaUdxoTLj8f-CxU-ZWU64op2sHLa8TI3qvrBML6RWFel6-3iQ" />
    <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>



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

</template></turbo-stream>