<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/voelkel-kombucha-original-bio-330-ml-16573">
          <img alt="Voelkel Kombucha Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7636/file/small-473db6ded99114a9871d2be1acaf8ab0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.webp 900w, https://assets.fabulous.ch/public/variant_asset/7636/file/large-bfc987ca5d07faad04903bd346e5c2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.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">Voelkel</p>
          <a href="/de/products/voelkel-kombucha-original-bio-330-ml-16573">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Original Bio, 330 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.88 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jwBtX9YKkqSldFCOlhaQ2VyqsESEvt0mwWqNjsDg0p9JUJ-zO_E_7Ckvn0hTsV6Ut2nxn3zzUeXZflXPyI_ovg" />
    <input value="16573" 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/schwarztee-darjeeling-lose-demeter-100-g-16574">
          <img alt="Schwarztee Darjeeling lose Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7637/file/small-a887873f97a9df772acfbdb3e91920ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7637/file/large-5dcf3fef22639dbf87e12240008e878a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hampstead Tea</p>
          <a href="/de/products/schwarztee-darjeeling-lose-demeter-100-g-16574">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarztee Darjeeling lose Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jpa2VH6dAZWEWvgSE2PRSglCcO65dI_NaCOlKRACLIJIxkS4k2as3QgBN9TWxB8H4oExNUE5Aw5wN31oGG0Wow" />
    <input value="16574" 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/voelkel-mohrensaft-feldfrisch-demeter-700-ml-16577">
          <img alt="Voelkel Möhrensaft feldfrisch Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7639/file/small-bbf84eb6975650722da124221704fd99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7639/file/large-ac3897e95f41817261d016cba1213285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.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">Voelkel</p>
          <a href="/de/products/voelkel-mohrensaft-feldfrisch-demeter-700-ml-16577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Möhrensaft feldfrisch Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T_u_WPeG-0kIJXkOmuX5m_Z23lSctoKZ17nsA0wK4eSJq020Gn1WAYR-tshfQjfWHbWfj2T7DlrPrTRCRGXbxQ" />
    <input value="16577" 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/kaffee-bonga-red-mountain-kapseln-decaffeinato-kompostierbar-bio-10-stuck-16578">
          <img alt="Kaffee Bonga Red Mountain Kapseln Decaffeinato kompostierbar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7641/file/small-58df123d4f8e396ab38eade6033b1e29.webp 600w, https://assets.fabulous.ch/public/variant_asset/7641/file/medium-3a23733fb0f5af2bc632f22b764a9c3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7641/file/large-9799249a8c2a3f4989d66d13ca175f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7641/file/medium-3a23733fb0f5af2bc632f22b764a9c3c.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">Original Food</p>
          <a href="/de/products/kaffee-bonga-red-mountain-kapseln-decaffeinato-kompostierbar-bio-10-stuck-16578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Bonga Red Mountain Kapseln Decaffeinato kompostierbar Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="65PAEMVDXvuRky-LbEZuPMAwqNwE3YuLKgM3GHyIsHgtwzL8KLjzsx3I4E2p4aBxK_PpB_yQB0gyF-9ZdOeKWQ" />
    <input value="16578" 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/rapunzel-meersalz-jodiert-bio-500-g-16583">
          <img alt="Rapunzel Meersalz jodiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7642/file/small-9d04d6139fb327afe116fca4cca3ddd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7642/file/large-f0a157339fa1301a670cd3922069b903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.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/rapunzel-meersalz-jodiert-bio-500-g-16583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Meersalz jodiert Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q_oXLKlsHHICdiYYLgVoY-x9FblUnQdRG4tg9s4_PQqFquXARJexOo4t6d7roqYuB75UYqzQi5IDn7i3xlAHKw" />
    <input value="16583" 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/zimt-balls-glutenfrei-bio-275-g-16587">
          <img alt="Zimt Balls glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7646/file/small-c09e58047282cf40e30bdfbcb1318e09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7646/file/medium-bde327ce240e4ec73c96de51d99c997b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7646/file/large-a6fe89cd42614fadaa707e169fdcd474.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7646/file/medium-bde327ce240e4ec73c96de51d99c997b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/zimt-balls-glutenfrei-bio-275-g-16587">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zimt Balls glutenfrei Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jdgjnTM2BwIuldcLim0ksXSl9OZ2T9BDXK59llHQHupLiNFx3s2qSqLOGM1Pyur8n2a1PY4CXIBEuqXXWb8kyw" />
    <input value="16587" 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/hamburger-buns-sesam-bio-50-g-16590">
          <img alt="Hamburger-Buns Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7649/file/small-bbabc82a8e852d808ca56cd6478ef62f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7649/file/large-32e8a10905ee344f9c16fff9a55575ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">L&#39;Angelus</p>
          <a href="/de/products/hamburger-buns-sesam-bio-50-g-16590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hamburger-Buns Sesam Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PFG7hRD5pgaRU2BjP5vDq_4piqN7UjnLEmHTdFrRaw36AUlp_QILTh0Ir6X6PA3mFerLeIMftQgKdQs1Ur5RLA" />
    <input value="16590" 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/capelli-d-angelo-fideli-glutenfrei-250-g-16591">
          <img alt="Capelli d&#39;Angelo Fideli Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7650/file/small-4f6f2c85f977ff6228532b9d058aad55.webp 600w, https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7650/file/large-3a9d4c1b0323ead0fc05eef335a30b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.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">Schär</p>
          <a href="/de/products/capelli-d-angelo-fideli-glutenfrei-250-g-16591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Capelli d&#39;Angelo Fideli Glutenfrei, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qgt_oti0y7eMiYAjvkox4m2wuvtT0jspbfMZY7BdzTNsW41ONU9m_wDST-V77f-vhnP7IKuft-p158EiuDL3Eg" />
    <input value="16591" 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/kokosfett-100-bio-250-g-16592">
          <img alt="Kokosfett 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7652/file/small-649d77bfb43621281831c0f743920490.webp 600w, https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7652/file/large-c4587469fc8c19d6cf68badb7e33d3a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/kokosfett-100-bio-250-g-16592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosfett 100% Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s40MS9Qm57VpSWHDYUrGnoGZO6IXs25IfUD6FboacAJ13f6nOd1K_eUSrgWk7QjTalp6ee_-4otlVCJUsnVKIw" />
    <input value="16592" 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/brotteige-sauerteig-extrakt-bio-15-g-16593">
          <img alt="Brotteige Sauerteig-Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7651/file/small-23566c1cb12dde8512313eae8b995f1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.webp 900w, https://assets.fabulous.ch/public/variant_asset/7651/file/large-a59633bb6362e7486f42307afa6870e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.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">VITAM</p>
          <a href="/de/products/brotteige-sauerteig-extrakt-bio-15-g-16593">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotteige Sauerteig-Extrakt Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aVfMStCaACWLzuLV4wpcS-lgj6V7Goh9OMaXdQz2nuavBz6mPWGtbQeVLRMmrZIGAqPOfoNXBL4g0k80BJmkxw" />
    <input value="16593" 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/schweizer-sonnenblumenkerne-bio-200-g-16594">
          <img alt="Schweizer Sonnenblumenkerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7655/file/small-2a405835c77c3a6130d5e13f538f9019.webp 600w, https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.webp 900w, https://assets.fabulous.ch/public/variant_asset/7655/file/large-14401081b187514df17f23eee6ee62ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.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/schweizer-sonnenblumenkerne-bio-200-g-16594">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schweizer Sonnenblumenkerne Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1V49LNdFoEHh3lKBz-v4XOSZmTekKABqTxT_PfuyFrNBYoYXqa7yYvctozCmGGsmFEnvybdLMKxKIu9_4Hyew" />
    <input value="16594" 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/buchweizen-bio-500-g-24a60ad5-cb4b-4a7f-ba79-c712ac43febf-16595">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/buchweizen-bio-500-g-24a60ad5-cb4b-4a7f-ba79-c712ac43febf-16595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buchweizen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="el7JxgP6LtFXmkMSgWXDo-5Z4rl4fyVirv11taU4kp28Djsq7gGDmdvBjNREwg3uBZqjYoAyqaG26a30rVeovA" />
    <input value="16595" 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/reis-gepufft-glutenfrei-bio-125-g-16605">
          <img alt="Reis gepufft glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.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">Werz</p>
          <a href="/de/products/reis-gepufft-glutenfrei-bio-125-g-16605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis gepufft glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xoK1-U6UyQoMNybx_UN7pe_GNysnImiP8y8sa9_m0TcA0kcVo29kQoBs6Tc45LXoBAV28N9v5EzrO_Qq14nrFg" />
    <input value="16605" 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/gemuse-bouillon-instant-fettfrei-glutenfrei-500-g-16609">
          <img alt="Gemüse-Bouillon Instant fettfrei glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7662/file/small-45364548d553e6891cc115fa7f4e7306.webp 600w, https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7662/file/large-c894d7817ad873115deb11ffefd1e777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.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">MORGA</p>
          <a href="/de/products/gemuse-bouillon-instant-fettfrei-glutenfrei-500-g-16609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gemüse-Bouillon Instant fettfrei glutenfrei, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87M49-S2YaXpvu_8NY1jKVoYSHdHT8Cc0_FECsgPpoQ148obCU3M7WXlIDrwKq1ksdsJrL8CTF_L5ZxLwGCcpQ" />
    <input value="16609" 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/kokosraspeln-bio-250-g-16610">
          <img alt="Kokosraspeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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/kokosraspeln-bio-250-g-16610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosraspeln Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rtCa2j1imL9irjt5_dQHfqZGJMm5iO71hSlZhWfEDslogGg20Jk19-719L84c8kzTYVlEkHFYjadPYHEb6s06A" />
    <input value="16610" 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/mini-tafel-ombar-kokosmilch-dunkel-60-roh-schokolade-bio-35-g-16611">
          <img alt="Mini-Tafel Ombar Kokosmilch Dunkel 60% Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-kokosmilch-dunkel-60-roh-schokolade-bio-35-g-16611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Kokosmilch Dunkel 60% Roh-Schokolade Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="18ijlvG2j1bQRYhJhtZ9p_shs5h1peOfGCDffM7iDMwRmFF6HE0iHlweR49DcbPqEOLyQ43ob1wANAc9xo027Q" />
    <input value="16611" 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/mini-tafel-ombar-dunkel-90-roh-schokolade-bio-35-g-16612">
          <img alt="Mini-Tafel Ombar Dunkel 90% Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7667/file/small-08cc9cd6e3009265905038454d5a1f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/7667/file/large-8009b6e5f090ea7d83bc6ed299aa1ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-dunkel-90-roh-schokolade-bio-35-g-16612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Dunkel 90% Roh-Schokolade Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-premium-super-soft-1-stuck-16614">
          <img alt="Bambus Zahnbürste Premium Super Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7669/file/small-df17aad5d5793f026ba32a0829f3fa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7669/file/large-4f7a947111f0da079ad7ffa5a276caf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.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-premium-super-soft-1-stuck-16614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Super Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iueCpOKWI5J2dBrK4OvK4K5ki5nLZBwR0zj-AVhNnI9Mt3BID22O2vov1QwlTAStRafKQjMpkNLLLCZAUCKmrg" />
    <input value="16614" 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-premium-soft-1-stuck-16615">
          <img alt="Bambus Zahnbürste Premium Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7672/file/small-4b7c07f07f6cd9dc8ea596ae430fc97e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7672/file/large-44ab399d37a91e770b3a8205f5013550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.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-premium-soft-1-stuck-16615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-premium-medium-1-stuck-16616">
          <img alt="Bambus Zahnbürste Premium Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7673/file/small-f501fc233c9445c9cfeee488622a051b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7673/file/large-c9c425473b1fc125042430699ce05da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.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-premium-medium-1-stuck-16616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Medium, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7SB0HHunG15yAwkiAI-9fv6U0omTgRGep2vPHUcyKpIrcIbwlly2Fv5YxuTFKHMzFVeTUmvMnV2_fxdcT10Qsw" />
    <input value="16616" 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;940 von 3&#39;205 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/progana-muhle-rytz?format=turbo_stream&amp;page=148">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>