<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/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
          <img alt="Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1061/file/small-8420ab313384367113752474249a29c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1061/file/large-e36e75ff5182d186886b9e8d1a202c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1061/file/medium-84fac46d7d25ba31afbf037cade5ee09.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/tafel-rapunzel-nirwana-vegan-rice-choco-mit-praline-fullung-bio-100-g-1202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Nirwana Vegan Rice Choco mit Praliné-Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="glZgFWpIk7OSU1fa-jLaM5PZZ2ISk-3wSHex0nshHIfvNT0IRHmHkSQ_s-LCdtmkMTgAlWZoLNIq-tvs4zv3ag" />
    <input value="1202" 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/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
          <img alt="Tafel Rapunzel Nirwana Noir Praliné Füllung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1060/file/small-abf1229e9ebff14687098c9385c65411.webp 600w, https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.webp 900w, https://assets.fabulous.ch/public/variant_asset/1060/file/large-0b1775353792448e837613d03186464c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1060/file/medium-51ff0878dd3e6a83c38922ac4d8fbf32.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/tafel-rapunzel-nirwana-noir-praline-fullung-bio-100-g-1203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rapunzel Nirwana Noir Praliné Füllung Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="odsrjVdp0CowTtXgMJr3wohjwG_qHrwfPlHC9lgugjrMuHaQeVjECIYiMdgI3vRVKoKnmJ7lfT1c3KjIwDRp1w" />
    <input value="1203" 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-rice-choco-vegane-helle-kuverture-bio-100-g-1204">
          <img alt="Rapunzel Rice Choco vegane helle Kuvertüre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1066/file/small-eab971eed5cc6a0f2b5d011451ab3e82.webp 600w, https://assets.fabulous.ch/public/variant_asset/1066/file/medium-474ef02325836425ff5f04fc92e88267.webp 900w, https://assets.fabulous.ch/public/variant_asset/1066/file/large-ad66b43ce8ced02c450a4455cc25d63e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1066/file/medium-474ef02325836425ff5f04fc92e88267.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-rice-choco-vegane-helle-kuverture-bio-100-g-1204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Rice Choco vegane helle Kuvertüre Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="usjFtv34cTIF46gN6tKK8IN1J7Wv_HHN_oB78Nkg9X7Xq5ir08llELOPTDXSlolnIZRAQtsHsO-cDRHOQToekw" />
    <input value="1204" 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/kochbuch-veganer-kase-miyoko-schinner-1-stuck-1220">
          <img alt="Kochbuch Veganer Käse Miyoko Schinner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1069/file/small-a1c0b3bc68bd99cef2f994baa8f400c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1069/file/large-e9ae24ab60f45daf640ee8d572e401ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1069/file/medium-711bfd0b12b5fb96dcee202a779d2f9a.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">Buchverlag</p>
          <a href="/de/products/kochbuch-veganer-kase-miyoko-schinner-1-stuck-1220">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Veganer Käse Miyoko Schinner, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5TUEn-6aGnsuw_jhGXRcDaoJ5ch8ywY8w_JjzDkGdCKIVlmCwKsOWZivHNkhMF-aCOiCPwgwxx6hfwnyoRyfzw" />
    <input value="1220" 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/tapioka-perlen-glutenfrei-350-g-1231">
          <img alt="Tapioka Perlen Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1073/file/small-5ca73e67fac29701928ff401add853ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1073/file/medium-b1cfb4ce8f4883ea3637aedb6c164786.webp 900w, https://assets.fabulous.ch/public/variant_asset/1073/file/large-85140077e3987a92fda78bf16567ca98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1073/file/medium-b1cfb4ce8f4883ea3637aedb6c164786.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/tapioka-perlen-glutenfrei-350-g-1231">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tapioka Perlen Glutenfrei, 350 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 1.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzJBoKu693ubaDZtd0vWvUVgouAwzv_68kHaLFrjr53KURy9hYvjWS0E0lVPD9Uq54HFF0Q1PtiQzLASwvlEcA" />
    <input value="1231" 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/pasta-reisnudeln-mit-kurbis-und-ingwer-glutenfrei-bio-250-g-1236">
          <img alt="Pasta Reisnudeln mit Kürbis und Ingwer, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1074/file/small-43091e4dc0d34bda6cb094d97aec018d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1074/file/medium-309d14036f7e295071e13542e36a6e78.webp 900w, https://assets.fabulous.ch/public/variant_asset/1074/file/large-545c32f929f83cdc67c2e899f20f12b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1074/file/medium-309d14036f7e295071e13542e36a6e78.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">King Soba</p>
          <a href="/de/products/pasta-reisnudeln-mit-kurbis-und-ingwer-glutenfrei-bio-250-g-1236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Reisnudeln mit Kürbis und Ingwer, glutenfrei, Bio, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mJTSrFHaDjRQscRj5jPXxOL-ZqVv2Jy96nvfsacHOxv194-xf-saFubdIFved9RTQB8BUhsjXZ-I9rWPPx3Q9g" />
    <input value="1236" 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/pasta-buchweizennudeln-mit-susskartoffen-glutenfrei-bio-250-g-1237">
          <img alt="Pasta Buchweizennudeln mit Süsskartoffen, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1075/file/small-c2e8da6a2eae54530d83de6c4404fdf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1075/file/medium-946d453d905fdf5493f1f4379ae804d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1075/file/large-6554922313f4794501a86cab84c686e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1075/file/medium-946d453d905fdf5493f1f4379ae804d6.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">King Soba</p>
          <a href="/de/products/pasta-buchweizennudeln-mit-susskartoffen-glutenfrei-bio-250-g-1237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buchweizennudeln mit Süsskartoffen, glutenfrei, Bio, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wqLaU1Y7aJj6WRGUgaW-2WOSrw6EY3MichjkOtIo-mqvwYdOeAp8ukw19ay54b1OwXPI-fCYsgAQlY4ESjIRhw" />
    <input value="1237" 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/pasta-konjak-fettuccine-style-bio-400-g-1254">
          <img alt="Pasta Konjak Fettuccine-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1080/file/small-5e547fe5aec06640a394af42ba16a0f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/1080/file/large-7af86d5c0e3a28f464cc07a35da6da86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.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">Slendier</p>
          <a href="/de/products/pasta-konjak-fettuccine-style-bio-400-g-1254">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Fettuccine-Style Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8tw8BLbtBEQ9XlJhI2LI5bL4BQ9YQTP8nDHIKCAploufv2EZmNwQZosytlkbJstyEBli-Cy68t7-vKIWuDN9Zg" />
    <input value="1254" 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/pasta-konjak-rice-style-bio-400-g-1255">
          <img alt="Pasta Konjak Rice-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1081/file/small-34bf64061cf551f7b0b02ee587e9160d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1081/file/medium-3db5410b8017bbf461cc263657f2aeb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/1081/file/large-6a709c616f9ee3fc3a77f7a454476713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1081/file/medium-3db5410b8017bbf461cc263657f2aeb4.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">Slendier</p>
          <a href="/de/products/pasta-konjak-rice-style-bio-400-g-1255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Konjak Rice-Style Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cV-zIZx3Gx0Qz3bg7Y-QKtttmFOdYz9EN_aSCA62BkYcPO48skYPP6ajktjVy5O9eYz_pOmY_mZVe_g2lqztqw" />
    <input value="1255" 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/vivani-kuverture-feine-bitter-vegane-kochschokolade-bio-150-g-1290">
          <img alt="Vivani Kuvertüre Feine Bitter Vegane Kochschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1104/file/small-9eabaa89d03c686b021d6d28af6fba23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1104/file/medium-d5a9338817549205d00b7872863e3c92.webp 900w, https://assets.fabulous.ch/public/variant_asset/1104/file/large-d701f360c2d5998e42f77cda32c2cd14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1104/file/medium-d5a9338817549205d00b7872863e3c92.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">Vivani / Ichoc</p>
          <a href="/de/products/vivani-kuverture-feine-bitter-vegane-kochschokolade-bio-150-g-1290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Kuvertüre Feine Bitter Vegane Kochschokolade Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1xZaG-pR1A1uOfgGMa_faPekXhcq34OqeQcDNRB7tgG6dQcGxGDAL9hVHD4J69z_VUU54F4kQogbimkLiGFd7A" />
    <input value="1290" 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/curry-paste-korma-glutenfrei-bio-190-g-1340">
          <img alt="Curry Paste Korma Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1127/file/small-05d016a691e338a49546049a98569cb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1127/file/medium-4f9b8a180a0fb3aea24aa06c6153f597.webp 900w, https://assets.fabulous.ch/public/variant_asset/1127/file/large-7d405ebc1d37b5a28373810e4e20dec6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1127/file/medium-4f9b8a180a0fb3aea24aa06c6153f597.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">Sanchon</p>
          <a href="/de/products/curry-paste-korma-glutenfrei-bio-190-g-1340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Paste Korma Glutenfrei Bio, 190 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 2.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SYjLx-qmvUHOSjCh9qWSR-pkipEZWpz_WjMEBwgQay4k65baxJepY3gm1JnO4ZHQSIXtZm2hXd04vm45kAqAww" />
    <input value="1340" 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/lupinen-protein-pulver-bio-100-g-1343">
          <img alt="Lupinen Protein Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1128/file/small-78c00d060cf1e788ee96d837a9b21adf.webp 600w, https://assets.fabulous.ch/public/variant_asset/1128/file/medium-7a18eb105af685a091e15bf895da1ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1128/file/large-d9f54af02f87ca51fa0c669f607c2437.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1128/file/medium-7a18eb105af685a091e15bf895da1ff6.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">Raab</p>
          <a href="/de/products/lupinen-protein-pulver-bio-100-g-1343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Protein Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AGaFXdcQgj97q9woSlxsUvG2bvzpz7Sg4S5L7ns8DINtBdhA-SGWHc3HOBByGG_FU1cJC500dYKDoyHQ4ybnbg" />
    <input value="1343" 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/hanf-protein-pulver-raab-bio-500-g-1346">
          <img alt="Hanf Protein Pulver Raab Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1133/file/small-321ac0eaa577e19a144e4b1954d528d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1133/file/medium-50bf04d76eb217e5eb3ab8858112119c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1133/file/large-49f80ff80d5e7335279c85db4178891a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1133/file/medium-50bf04d76eb217e5eb3ab8858112119c.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">Raab</p>
          <a href="/de/products/hanf-protein-pulver-raab-bio-500-g-1346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanf Protein Pulver Raab Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cEBhQnWLyEzALigclYzQMhQHpeBOPPas68R5e-TBJhUdIzxfW7rcbnZCzCStyNOltubCFzrHN46JSRNFfNvN-A" />
    <input value="1346" 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/lovechock-mandel-baobab-dunkle-tafel-raw-bio-70-g-1413">
          <img alt="Lovechock Mandel Baobab Dunkle Tafel RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1175/file/small-7dde9f4348d4d50d75b75c2c99b4ad8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1175/file/medium-d85b588147cb412124ddae50a58e1c48.webp 900w, https://assets.fabulous.ch/public/variant_asset/1175/file/large-306b414a4059e0d77f3ca532f3ec55c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1175/file/medium-d85b588147cb412124ddae50a58e1c48.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">Lovechock</p>
          <a href="/de/products/lovechock-mandel-baobab-dunkle-tafel-raw-bio-70-g-1413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Mandel Baobab Dunkle Tafel RAW Bio, 70 g</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 11.36 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/folsaure-glutenfrei-kapseln-60-stuck-1422">
          <img alt="Folsäure Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1181/file/small-e0276a3bb37875db342f7dbd4547073b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1181/file/medium-3b4ef8bee1be82f20ccffb92ca7a4e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/1181/file/large-b5564a767ff506937f950837cfd01a3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1181/file/medium-3b4ef8bee1be82f20ccffb92ca7a4e70.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">Bjökovit</p>
          <a href="/de/products/folsaure-glutenfrei-kapseln-60-stuck-1422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Folsäure Glutenfrei, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  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/eisen-citrat-kapseln-60-stuck-1423">
          <img alt="Eisen Citrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1182/file/small-73b2cbf73de5e4d30309de8b25e5609f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1182/file/medium-9bc9ed1e591b5fa24e48962af95bf293.webp 900w, https://assets.fabulous.ch/public/variant_asset/1182/file/large-35f7b019ce1a61b6c9d27804ff7b3771.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1182/file/medium-9bc9ed1e591b5fa24e48962af95bf293.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">Bjökovit</p>
          <a href="/de/products/eisen-citrat-kapseln-60-stuck-1423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eisen Citrat, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eVtGi0cDirAxpZrM_yw6dZDGafe7ba1vMBshIJQnRbIUOBuWaTKekofJfvTHaDniMicOAM-WbE1SlkseDD2uXw" />
    <input value="1423" 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/falafel-fertigmischung-glutenfrei-bio-160-g-1440">
          <img alt="Falafel Fertigmischung Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1191/file/small-597c3713db2e96a9264127bcfafe70aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1191/file/large-6315d5eb57b6afd3480a7619aa35efc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1191/file/medium-d56d5f3a4e54af92c521ee3bd14c562b.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/falafel-fertigmischung-glutenfrei-bio-160-g-1440">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Fertigmischung Glutenfrei Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sSUqqpE5p3XjJPbnID6vF_Qc2n4L8oz5FnxLlYhlljfcRne3vwizV1VIEt8YeqyAVv29iX8JTdt08SGrEH992g" />
    <input value="1440" 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/vitamin-d3-2000iu-vegan-kapseln-60-stuck-1454">
          <img alt="Vitamin D3 2000IU Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1197/file/small-e02e85cc52c8e9ba6f06a4fb664806fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1197/file/medium-d115637f5f3d9adcc1fa6a326b6fbd72.webp 900w, https://assets.fabulous.ch/public/variant_asset/1197/file/large-14ce65cd1a48302ab86b54533c7f25cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1197/file/medium-d115637f5f3d9adcc1fa6a326b6fbd72.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">Bjökovit</p>
          <a href="/de/products/vitamin-d3-2000iu-vegan-kapseln-60-stuck-1454">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 2000IU Vegan, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RPK-ni1YdfR_mrWMK19OFn9vwE8zjmvNXogM7Pzo6wMpkeODA2lh1sn2UbQTG02B3Y6nuEd1qu88BWbSZPIA7g" />
    <input value="1454" 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/salsa-dip-sauce-bio-260-g-1455">
          <img alt="Salsa Dip Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1198/file/small-cd3f895a86878ceae7c9bf0c397484d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1198/file/medium-24ccef01ed41489d676381d934d559b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1198/file/large-abc74b9bcd3ff7220c2594111f7f79a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1198/file/medium-24ccef01ed41489d676381d934d559b0.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">Pural</p>
          <a href="/de/products/salsa-dip-sauce-bio-260-g-1455">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salsa Dip Sauce Bio, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dBMBU-d5RuYogqCE4EdMC4m1D2fNm4kSIsYQ940-UU8ZcFxOyUhSxJ7uRLzYA0-cK1RokLlgSDBAS3rJFSS6og" />
    <input value="1455" 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/frisch-daal-indisches-linsengericht-bio-450-g-1477">
          <img alt="Frisch: Daal - Indisches Linsengericht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1204/file/small-803110c7eb179266127d9308fc83e44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.webp 900w, https://assets.fabulous.ch/public/variant_asset/1204/file/large-56dd28274fc0bd559f5cee0ca1ee124e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1204/file/medium-950f3142874c3b950427fc2944037251.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">Jooti</p>
          <a href="/de/products/frisch-daal-indisches-linsengericht-bio-450-g-1477">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Frisch: Daal - Indisches Linsengericht Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sh7yrf6m5u7kBqGQK0HoKX2GC4XD4Em8PjE-3poTTIAnfa-w0JfyzFJqRagTBeu-32dscrcbiJ5cvFTgAgmnbQ" />
    <input value="1477" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;200 von 3&#39;186 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vitasal?format=turbo_stream&amp;page=61">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>