<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/keks-twibio-mit-schokofullung-bio-150-g-1563">
          <img alt="Keks TWIBIO mit Schokofüllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1258/file/small-1beb8549753ce0ec87c85ccd8e9b8840.webp 600w, https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1258/file/large-f4059ac772305c4124823a648053b347.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1258/file/medium-19b14116681ff96f45322efd244f15de.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">Moulin du Piver</p>
          <a href="/de/products/keks-twibio-mit-schokofullung-bio-150-g-1563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks TWIBIO mit Schokofüllung Bio, 150 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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XJV7EhAKK2ZRvMisKAkbfOlB_C_Qn1wvHx0lAiAvw45mxBwOq60ZSFWTDbrULng2TbgDSHFNxkqIp2sTOGBMbQ" />
    <input value="1563" 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/kokos-schlagcreme-bio-400-ml-11929">
          <img alt="Kokos Schlagcreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6078/file/small-c74fbda7af381711966fb05ae19b9fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6078/file/large-a9546abe1e3ee1311a0cfeb3d7374d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.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">Terrasana</p>
          <a href="/de/products/kokos-schlagcreme-bio-400-ml-11929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos Schlagcreme Bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KC7pkCsDkPwkmUlnz7vf8OqET6h5iqavthHuRdypnjQSf46MkKSi0iC2jHEznLy6Tn2wz9hYPMohq6BUxOYR1w" />
    <input value="11929" 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/zahncreme-sensitive-whitening-75-ml-5577">
          <img alt="Zahncreme Sensitive Whitening" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3226/file/small-db58927c9a37f05f33a632d6523a86f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3226/file/medium-065b9ca4e17270c386367daf95a4e90e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3226/file/large-8517ed57197293acb72def04e7ee3109.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3226/file/medium-065b9ca4e17270c386367daf95a4e90e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/zahncreme-sensitive-whitening-75-ml-5577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahncreme Sensitive Whitening, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hC9iW1lTx1ub8jkbMyFbdsGZi8wdzlbD6bkJlhskH8O-fgVH4vT1dZ_d_A3PBjg8ZWB0q7wczKZ-A0eHA2uQIA" />
    <input value="5577" 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-cashew-ohne-zucker-bio-200-ml-3799">
          <img alt="Cuisine Cashew Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2443/file/small-708e81e541467e34fe0f1527cc5d3325.webp 600w, https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.webp 900w, https://assets.fabulous.ch/public/variant_asset/2443/file/large-73d3d572e46e37c898bb3efa1705e1a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.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">Ecomil</p>
          <a href="/de/products/cuisine-cashew-ohne-zucker-bio-200-ml-3799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Cashew Ohne Zucker Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t7j0dQTSUE1pQkNXgzz2drvTO1fnsnM2duB0-UbV5RqN6ZNpv3ViY21thkF_G5U8HyrEMEZg6VPhWjroXppq-Q" />
    <input value="3799" 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/keks-freunde-schoko-bio-125-g-11927">
          <img alt="Keks Freunde Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6077/file/small-50dc6dd1859b9c0ab38b95fbb4191fa0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6077/file/medium-7302b954008a531442c896738870f947.webp 900w, https://assets.fabulous.ch/public/variant_asset/6077/file/large-55f59d795c84104ea683bac6d49214af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6077/file/medium-7302b954008a531442c896738870f947.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">Bohlsener Mühle</p>
          <a href="/de/products/keks-freunde-schoko-bio-125-g-11927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keks Freunde Schoko Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zuW50CtdokQA4tlgiRhYjaGaFW0u7I9dEiQPEAugZbf0tN7MkPqQagTNHHZ1PzvHBWPqCo8-FTiFnkEBE-_qVA" />
    <input value="11927" 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/mehl-kokosmehl-glutenfei-bio-250-g-5546">
          <img alt="Mehl Kokosmehl glutenfei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.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/mehl-kokosmehl-glutenfei-bio-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Kokosmehl glutenfei Bio, 250 g</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 1.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="td__70xBeDdE8kI5pQPnPcKHUkfIhST2-LlzPviGIFiPjpjz9-ZKGUDdhy9ZJIR3Zn6tIGlXvpNvAz0v4Mmvuw" />
    <input value="5546" 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/cookie-mit-zartbitterschokolade-bio-175-g-91">
          <img alt="Cookie mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/100/file/small-1552b560f6f08e460d0909884488358a.webp 600w, https://assets.fabulous.ch/public/variant_asset/100/file/medium-7332387792cf21d35deee71ce012274b.webp 900w, https://assets.fabulous.ch/public/variant_asset/100/file/large-d1a6e8d67ebb4fea6451376e7bf7267e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/100/file/medium-7332387792cf21d35deee71ce012274b.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">Bohlsener Mühle</p>
          <a href="/de/products/cookie-mit-zartbitterschokolade-bio-175-g-91">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie mit Zartbitterschokolade Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpm29gWEGjmANiSy_Stjzup2SUJ9I57hG5LtERRnAE28yNHqviMoF4QZ4aQBDACETo-2JdzxBISMKKMADCiPrg" />
    <input value="91" 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/erdnussbutter-peanut-butter-crunchy-bio-310-g-15617">
          <img alt="Erdnussbutter Peanut Butter Crunchy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7127/file/small-89b25a4e18d7cc27762d8ad95b1707d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.webp 900w, https://assets.fabulous.ch/public/variant_asset/7127/file/large-f62a991a5abe47d812b3148ac32673eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/erdnussbutter-peanut-butter-crunchy-bio-310-g-15617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnussbutter Peanut Butter Crunchy Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2xgGPSWJdN7yeBc1UW6CdcC923xh8q1GuREtFytQ9IDhSWEhni5G8PZX0iOtSeE_ZEQkG8AgNyMuq2MGMx97Yw" />
    <input value="15617" 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/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
          <img alt="Tapiokastärke Tapioka Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2409/file/small-3ab07a5b0d84b4604ae775804697c05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2409/file/large-03cdefc08c066badf1a3829e4098b4f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.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">Arche</p>
          <a href="/de/products/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapiokastärke Tapioka Glutenfrei 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-3724-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YkaAkEYeQot4YnoaeSoGivpzhmelLtHFtTCJLRb4UqtYF-eM_blwpXxNvwyFDWXAXop5AAT8S6Aiisc8DrfdSA" />
    <input value="3724" 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/tempeh-knoblauch-koriander-bio-200-g-17197">
          <img alt="Tempeh Knoblauch Koriander Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8023/file/small-0204b5f9a751ef7b2cbadbdf412aceb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8023/file/large-75162a43ba3efd21c44f0ae1e7d335c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.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">Tempehmanufaktur</p>
          <a href="/de/products/tempeh-knoblauch-koriander-bio-200-g-17197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Knoblauch Koriander Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zcO8pAVsB7oSxoYFUT-wOdV2bPRGMGgEY-j8Dju7bAP3ktu4vss1lBbpQxOtGNNzcY-Tk-fi8mH0UrIfI_Tj4A" />
    <input value="17197" 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/tempeh-natur-bio-200-g-b692170e-c216-4623-9a6c-4748eccd79b1-17199">
          <img alt="Tempeh Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8025/file/small-4e9e60d12c958a290cf590a565dc4da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.webp 900w, https://assets.fabulous.ch/public/variant_asset/8025/file/large-14dbdf28579f4b55f925e86cfd745430.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.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">Tempehmanufaktur</p>
          <a href="/de/products/tempeh-natur-bio-200-g-b692170e-c216-4623-9a6c-4748eccd79b1-17199">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="voQkGMnbd5cejLGfxAiEnDhAzWuKLSB3P-LHqfjS0PKE1UMEcnxFuRqjdIk4L-fWnLkyDCv_uhKoWIm44J1fEQ" />
    <input value="17199" 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/vitaleo-entsafter-da-1000-weinrot-1-stuck-2382">
          <img alt="Vitaleo Entsafter DA-1000 Weinrot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1720/file/small-e6878cb7ac22aec987f20bdf4fa52298.webp 600w, https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1720/file/large-1743a27723535d348007f3354099fe0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1720/file/medium-2242a72d5325d152c08a480028954afb.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">Vitaleo</p>
          <a href="/de/products/vitaleo-entsafter-da-1000-weinrot-1-stuck-2382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitaleo Entsafter DA-1000 Weinrot, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 339.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5T-h35-biQyd9OEI0pTgColdqzwjuyctObYa9vvUNZXfbsbDJDy7IpnbJB4us4NALaRUW4JpvUiuDFTn45u6dg" />
    <input value="2382" 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/limettensaft-100-direktsaft-bio-200-ml-15975">
          <img alt="Limettensaft 100% Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7374/file/small-3d693f451714f4a89672ad1be8f206b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7374/file/large-75e944abd8f0d34bf1e918818b997fed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7374/file/medium-8f5f53913b4ee27a3805230c0ecefdf8.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">Beutelsbacher</p>
          <a href="/de/products/limettensaft-100-direktsaft-bio-200-ml-15975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Limettensaft 100% Direktsaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbeptK0jkZNqH5Qsl-jsJ8Uyt43VPrZBMDGigAy-5lUr5s6oFoSjvW4wUTprz49tYctI6nTsLCSni-yRFPFptg" />
    <input value="15975" 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/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
          <img alt="Geschirr Handspülmittel Lemon Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.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">Sonett</p>
          <a href="/de/products/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Lemon Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xb59R4LVyJbKGP3RoeL5ZNyltgkOquFMfndUHKRWPBr_7xpbOXL6uM43OMddxZoueFxJbq94eynpzRoNvBmz-Q" />
    <input value="6999" 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/vayo-vegane-alternative-zu-mayonnaise-bio-200-g-8032">
          <img alt="Vayo, vegane Alternative zu Mayonnaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4694/file/small-ac16d2a36ac2bdf35760c2ac42a077b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4694/file/large-d8ca8cb5865032b36b45c1a24e16c99a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4694/file/medium-3adc62a9743d52d2878ec21ea8f374b6.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">Connie&#39;s Kitchen</p>
          <a href="/de/products/vayo-vegane-alternative-zu-mayonnaise-bio-200-g-8032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vayo, vegane Alternative zu Mayonnaise Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ACpDJgREdjHo6N6YU6qevyVIcP4s2Cwo9ad_e3nYycg6eyQ6v-NEH-zHG46vjf31gbGPmY0Ktk1iHTFqYZdGKw" />
    <input value="8032" 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/beet-jerky-randen-snack-alpen-chili-bio-40-g-16009">
          <img alt="Beet Jerky Randen Snack Alpen-Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/de/products/beet-jerky-randen-snack-alpen-chili-bio-40-g-16009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beet Jerky Randen Snack Alpen-Chili Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w6vsO6Bfvokjgt9z_DFBxxCKjitZrKWUsHh6j7VMjvL5-osnG_iMpyetGmUAFiKNtHNxTPh-P_EnwjSerQMBEQ" />
    <input value="16009" 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/mandel-tafel-rapunzel-himbeere-bio-100-g-15460">
          <img alt="Mandel Tafel Rapunzel Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7058/file/small-1243f168df3a7f4b5657d73f8b2fd474.webp 600w, https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.webp 900w, https://assets.fabulous.ch/public/variant_asset/7058/file/large-4ce738fa42103beccc207bce60529385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.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/mandel-tafel-rapunzel-himbeere-bio-100-g-15460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandel Tafel Rapunzel Himbeere Bio, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lSidzxRPRxu_MYk2r5iTc-LzHXlYMUXqDECciTu7wBuvefrTr-h1NbseTCBTv_A5RgriHvnj34-b-tKYI_RP-A" />
    <input value="15460" 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/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
          <img alt="Pfiffikuss Premium Kartoffelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6758/file/small-3f93f97ff0eab738e9af6085003b34f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6758/file/large-e74e17923e101c94993f14269d9eca3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6758/file/medium-4b0e2152a40fd3e490c3a71882ec73ca.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">Pfiffikuss</p>
          <a href="/de/products/pfiffikuss-premium-kartoffelgewurz-bio-250-g-14601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss Premium Kartoffelgewürz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kae5NLIUhmvtVgXewZly_gK0DZvKsWGMoEW6pjA7NnQT9t4oCbO0Rel5wMg9vhG0pk3y_Gtj--k3__S3KHS5lw" />
    <input value="14601" 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/kakao-pulver-rohkostqualitat-bio-200-g-15746">
          <img alt="Kakao Pulver Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7173/file/small-b333c4ea63a19e651f6abd09919a7ab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.webp 900w, https://assets.fabulous.ch/public/variant_asset/7173/file/large-1e9b8c310ca11801c1663ddfa5aa721e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.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">bett&#39;r</p>
          <a href="/de/products/kakao-pulver-rohkostqualitat-bio-200-g-15746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Pulver Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MEIaB0rx1xuT9HXD2dzPMPS1nooUTOY3f4pPvGocMzkKE30b8VblNZfbsNUl-6x6UExh7bWefFLoMAGtclO82g" />
    <input value="15746" 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/backmischung-flammkuchen-glutenfrei-bio-400-g-11138">
          <img alt="Backmischung Flammkuchen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5705/file/small-0dac2c5fb09a17967421987b7a75b1b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5705/file/large-f7e5d793056354288b15bcf3dfa6598b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5705/file/medium-6d4c2eca8418f5625d1225d92fc1801b.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/backmischung-flammkuchen-glutenfrei-bio-400-g-11138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Flammkuchen Glutenfrei Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

</template></turbo-stream>