<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/chili-sin-carne-bio-365-g-16076">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7427/file/small-0886a9482394c3caaa426fd69b4e8572.webp 600w, https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7427/file/large-b583922999280fdf4c9941142213144c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.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">Nabio</p>
          <a href="/de/products/chili-sin-carne-bio-365-g-16076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 365 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bundle-double-protein-set-vanille-schoko-2er-set-1872-g-16101">
          <img alt="Bundle Double Protein Set - Vanille &amp; Schoko, 2er Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7429/file/small-d5140331e37d6e6a17ae7323a4ed6c50.webp 600w, https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7429/file/large-39c2bf82aac4bc00db89b8611d47f179.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7429/file/medium-bbf10b2793af0176f3d567e334abcbfe.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">Vivo Life</p>
          <a href="/de/products/bundle-double-protein-set-vanille-schoko-2er-set-1872-g-16101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Double Protein Set - Vanille &amp; Schoko, 2er Set, 1872 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 99.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 89.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="smo9cVszYqTABBnW98L4E1elUCuiaYavvjMTavwid-7MxiDbGoinc588j-UnCYL56G-mF4_iwKrtWLgl48Sa7g" />
    <input value="16101" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bundle-power-recovery-set-vanille-5er-set-1-stuck-16102">
          <img alt="Bundle Power &amp; Recovery Set - Vanille, 5er Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7431/file/small-af332078490cf806964b1448cc7f4273.webp 600w, https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7431/file/large-6bf2f4b10c9c2e92f122dcca0cde3e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7431/file/medium-28e8740358631a8ed4001585dbb7edbc.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">Vivo Life</p>
          <a href="/de/products/bundle-power-recovery-set-vanille-5er-set-1-stuck-16102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Power &amp; Recovery Set - Vanille, 5er Set, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 110.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 99.00</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tdz5eu7TmLsfL_G9GTrskLvDdeYCbbgAOdcNMa9Kh3czcOTQr2hdbEAXZ47J8ZZ6BAmD2i_m_gVqvKZ-sKxqdw" />
    <input value="16102" 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/selleriesalat-im-glas-bio-320-g-16103">
          <img alt="Selleriesalat im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7430/file/small-3518a10e1fe41bbf52fedc772da5899e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7430/file/large-d44da59387db4674f5e63e88416d4d81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.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">Marschland Naturkost</p>
          <a href="/de/products/selleriesalat-im-glas-bio-320-g-16103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Selleriesalat im Glas Bio, 320 g</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 1.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AGCigwRWrBYpjiNdhP-Z1dS8CxbZl9WxHWPDAamYXw5-zL8pRe1pwXa2tW5UNOM_a3b9KvQck7ROCGhOtn6yDg" />
    <input value="16103" 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/original-kanne-brottrunk-shot-bio-40-ml-16105">
          <img alt="Original Kanne Brottrunk Shot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/de/products/original-kanne-brottrunk-shot-bio-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Original Kanne Brottrunk Shot Bio, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-ugzg3bYkZ8wqXTzFpZyHNCY5yDzhEruaeDGPxGbfR2ERC4pN2NUSG-R4sDGXQj2b1IRHN4PDOs6i21wDn2QHQ" />
    <input value="16105" 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/mandeln-braun-grossgebinde-demeter-5-kg-16132">
          <img alt="Mandeln Braun Grossgebinde Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7434/file/small-59e61989a93d25f120baa18be3aaed79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/7434/file/large-870aabadd108c36a49ef6ee5b4058a35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7434/file/medium-0f77fb5fcf778d2cf98bfde1ef7fa5ac.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/mandeln-braun-grossgebinde-demeter-5-kg-16132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeln Braun Grossgebinde Demeter, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 167.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="neMtxfx9svIl1XxcmyzB9wEdMZKD0yqDpgfYH55suKfjTzBvvcZ3JXrt6m9L57sdvtfHrq5YbIb1bHNQgYpVpw" />
    <input value="16132" 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/soja-sauce-tamari-bio-10-l-16133">
          <img alt="Soja Sauce Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7435/file/small-79b3383d5959a62330a6d8b07855127d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7435/file/medium-bf45ab35a5a7d45315022b70f030f411.webp 900w, https://assets.fabulous.ch/public/variant_asset/7435/file/large-1a4c4cf89ac333f9678f021c8129c7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7435/file/medium-bf45ab35a5a7d45315022b70f030f411.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-sauce-tamari-bio-10-l-16133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Bio, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 175.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lh-HKSm2y_yurOzdK0-Na-oHrXqGhkASChzS965agNPos5qDaA0OK_GUeu77hPeBVc1bRqsNBhdZd3m4sbxt0w" />
    <input value="16133" 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/cuisine-reis-bio-200-ml-16139">
          <img alt="Cuisine Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7439/file/small-356951eb45f2e67697bb4e4d8c6f28ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7439/file/large-710e8dd03d0d9110010a65fff89c4cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.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">Natumi</p>
          <a href="/de/products/cuisine-reis-bio-200-ml-16139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Reis Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZAyFIHobvMKQTGnuv82voYi_h5rdMljOX982f5AzAaoaoJiKO6B5Fc90_91vBtVLN3VxpvC5HssMtJ0wj9Xsqg" />
    <input value="16139" 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/hafer-konzentrat-uht-bio-500-ml-16140">
          <img alt="Hafer Konzentrat UHT Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7445/file/small-b643236336a76fe1b60f1bc6155fd41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7445/file/large-2cd3ee0a56df64f1cef9379b93505c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.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">Natumi</p>
          <a href="/de/products/hafer-konzentrat-uht-bio-500-ml-16140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Konzentrat UHT Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VHAXWsmlO-j0rWE3YV2XZTNhkhtI9pZmkAmJaseNICEq3ArwiB7-P6uV9wSxlu2PjKtkJ2V90GPDYiIl2GvNIQ" />
    <input value="16140" 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/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
          <img alt="Mie-Nudeln nach Asiatischer Art Scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7450/file/small-66fe1bd6b46a25f3c0c89eecb74aa94f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7450/file/large-fc5f4fd4744968310cfc29e38d3f9641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Asiatischer Art Scharf Bio, 159 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90fG86VXg2KkKSeYon-szPvqON9W8c3le9wcLtvAhtyJ69tZ5OxGtfsRsatytNYmRCDO43t6i-Aot7dhxCZr3A" />
    <input value="16177" 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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/de/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmYLctvHJQwJ-TD0vRaMh4MBiKFgpfLcQwf0IiqavPL8yhbYmnzg21bBpsdt3fZtPMt-nU0utNkQbF9tNXxR8g" />
    <input value="16194" 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/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
          <img alt="Life Crackers Carrot Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8821/file/small-7de77b8e2718bf51dc6435cd8ba8d432.webp 600w, https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8821/file/large-652ac5475c6f92a65c45ee56dc7b3000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8821/file/medium-0c9ef09cef3d3aa642afa357c227d1b2.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">Lifefood</p>
          <a href="/de/products/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Carrot Glutenfrei RAW Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xWOpPrwKFR73YoJbiYtYQA-FQoGI1YcuwijxUfVznPG7z7SU_bHQyahaFGhZQCKqsE-0vaVewSuRQ1oe6pVx8Q" />
    <input value="16195" 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/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
          <img alt="Life Crackers Chia Hanf Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8820/file/small-bc71eafd058b31a3454d36db95195e9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8820/file/medium-a69e285cdfdcf9efa1c270ef1b89ac0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8820/file/large-b10d7beb55c8e8e647da0836d126685a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8820/file/medium-a69e285cdfdcf9efa1c270ef1b89ac0c.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">Lifefood</p>
          <a href="/de/products/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Chia Hanf Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="STTtOSaNF70CA6SOUMrG43KQDyVoq5xLLK3t092t0Qg3mPCTZzbSal07Mr2AAbwJzVr5GUUg2k5_xkacwks8CA" />
    <input value="16204" 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/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
          <img alt="Life Crackers Rosmarin Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8819/file/small-82e87d36eb2c0cb5b8556e4ee2a6876d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8819/file/large-3f54265f91736fefffcb856ba19f6612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.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">Lifefood</p>
          <a href="/de/products/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Rosmarin Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZVZSqnyvJY1LGTrYkp7ri2_eUOx706K0PvhTsa623UMb-k8APRTgWhQhrOtCVZFh0BSm0FZY5LFtk_j-sVAwQw" />
    <input value="16205" 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/winterzauber-creme-bio-250-g-16207">
          <img alt="Winterzauber Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.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">Rapunzel</p>
          <a href="/de/products/winterzauber-creme-bio-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winterzauber Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1tFMmD_wAcPaoT4G9PB0F9GW6xdLBjC61_nTlwJJUkKofVEyfkvEFIWZqDUkOw79blwdK2aNdr-EknjYHa-_Qg" />
    <input value="16207" 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/zahnpasta-natural-white-fluorid-75-ml-16208">
          <img alt="Zahnpasta Natural White + Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7459/file/small-68506a4007bbef4358c8c77ee1b7c613.webp 600w, https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7459/file/large-638092f515cc09ae844a86dcd36c0ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-natural-white-fluorid-75-ml-16208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Natural White + Fluorid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RSDQJ2dBANElQnfZBRcoVG3d4iCs6eyvlcyWF-ZH70E7jM2NJvrFBnp64erV3FK-0hcUHIFiqqrGpz1Y-aECQQ" />
    <input value="16208" 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/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
          <img alt="Zahnpasta Classic Vegan fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7461/file/small-865aabc0828f935029b48b2dee347bfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7461/file/large-0e10917c4b0953378bc589f7892e1704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Classic Vegan fluoridfrei, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6AakBx8EhMGCIAy1Mua-vBvbGVUgr2P8wzxW2g2kZGuWqrmtXr9BFt0YmobiLcRWpBHvaQ0kJfmQV_2VEkKJaw" />
    <input value="16210" 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/zahnpasta-day-night-fluorid-75-ml-16217">
          <img alt="Zahnpasta Day &amp; Night + Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7462/file/small-00229e754a477949b62dec126bbeec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7462/file/large-58610fb4c113ad21ecf2b2f3be40a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-day-night-fluorid-75-ml-16217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Day &amp; Night + Fluorid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bOq_A7LYook-c3NwhISU5g9Yf14LbHdgvix1b79a2bMSRqKp82NnXmFL5UNUT-4MsJKJYibnMWXtR94goLw0sw" />
    <input value="16217" 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/zahnputztabs-mint-fluoridfrei-125-tabs-125-stuck-16219">
          <img alt="Zahnputztabs Mint fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7464/file/small-ffec2d9b4e083dcd2098465a3dca31c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7464/file/large-ef4dcdd7e50e3eca6cea36df1ad49d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.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">Zahnheld</p>
          <a href="/de/products/zahnputztabs-mint-fluoridfrei-125-tabs-125-stuck-16219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnputztabs Mint fluoridfrei, 125 Tabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="auzddRqMa7_1H5fVW11io7XPcUrGRCZvvCU87tK5QAAUQMDfWzeuaKonAeaLlhhJCgWHduvPYGrvTpehzV-tAA" />
    <input value="16219" 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/zahnputztabs-mint-mit-fluorid-125-tabs-125-stuck-16223">
          <img alt="Zahnputztabs Mint mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7466/file/small-8b69f8d20ed30a650a916c5d1b318fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7466/file/large-093f40757cee12aaed040ad826d9ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.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">Zahnheld</p>
          <a href="/de/products/zahnputztabs-mint-mit-fluorid-125-tabs-125-stuck-16223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnputztabs Mint mit Fluorid, 125 Tabletten</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

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

</template></turbo-stream>