<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">
    <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/hafer-drink-barista-jiggers-20-ml-15058">
          <img alt="Hafer Drink Barista Jiggers" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6902/file/small-8ee0aa76cbd92c23993eeade5fd78b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6902/file/medium-b5586382e37b10644f82c2a2c3308319.webp 900w, https://assets.fabulous.ch/public/variant_asset/6902/file/large-ff02a5d06c86a910d78213edbe29f53f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6902/file/medium-b5586382e37b10644f82c2a2c3308319.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">Oatly</p>
          <a href="/de/products/hafer-drink-barista-jiggers-20-ml-15058">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Barista Jiggers, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15058-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/weisse-schokoladenstuckchen-bio-200-g-15059">
          <img alt="Weisse Schokoladenstückchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6900/file/small-6dad61b3d7e23c57c8bba0f0e8be0678.webp 600w, https://assets.fabulous.ch/public/variant_asset/6900/file/medium-28636daf2ea8be2efc3bdb1e34f7baba.webp 900w, https://assets.fabulous.ch/public/variant_asset/6900/file/large-2c6bc64e57528eba03cbb9c6cb747061.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6900/file/medium-28636daf2ea8be2efc3bdb1e34f7baba.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/weisse-schokoladenstuckchen-bio-200-g-15059">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Schokoladenstückchen Bio, 200 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 3.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FktBUtg44LRfOXZbJanNMwilVUAUC3UU1GqxGe-oMkAmoFotbRHQvIUKd3_nwBJLnFz3kHbLVWlHFehmJHhrdg" />
    <input value="15059" 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/streich-s-drauf-meditom-bio-160-g-15076">
          <img alt="streich&#39;s drauf Meditom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8991/file/small-f3230318ef7ec6f419801a8fdbe148dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8991/file/large-e57033eb1a8eaadba301202b9e4da37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8991/file/medium-c6d90ed66f9a10906223314096d6d87a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/streich-s-drauf-meditom-bio-160-g-15076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">streich&#39;s drauf Meditom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6E-12AuHnq9JUppgClkkbs9KM3pqdXnpjuyZ7Vy3mxrSiWo1QcucmcWS01CQLvpL8SKHYtp9Zo1ROsYfqKHWg" />
    <input value="15076" 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/true-dates-susser-pfirsich-100-g-15078">
          <img alt="True Dates Süsser Pfirsich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6909/file/small-5ef088c88a3868c7a80856503e216d1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6909/file/medium-b1d4c5229e3d9aa7cd80472b5cd99420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6909/file/large-101f654e7523c186ff0dc70b4d165732.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6909/file/medium-b1d4c5229e3d9aa7cd80472b5cd99420.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">True. ApS.</p>
          <a href="/de/products/true-dates-susser-pfirsich-100-g-15078">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Süsser Pfirsich, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NROlZES7Fi3tQCgJfpKZeM7g1o2WweG1Xyu7rocSWi0F-L4b8ZImJTdzKS28-0YAWhl0XfQBwcjMVOLRTMIDGw" />
    <input value="15078" 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/true-dates-saure-cola-100-g-15079">
          <img alt="True Dates Saure Cola" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6910/file/small-5fffc5209e722787a30ff472e2f5c8ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6910/file/large-85f2d21050e038ac5c18e4f78bdae1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.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">True. ApS.</p>
          <a href="/de/products/true-dates-saure-cola-100-g-15079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Saure Cola, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nETXhKMy3A2tK2n74tiG-6JfkZZ8oYq2Vk2k2OlGLvmsr8z7FhvsBXcYaN8gsVmDNqYzRh5hqsvFMv2nIpZ3zw" />
    <input value="15079" 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/true-dates-cremige-erdnussbutter-100-g-15080">
          <img alt="True Dates Cremige Erdnussbutter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6913/file/small-be97a571c3d1cdec7bb838278c1f1cbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6913/file/large-c30925bddde58184043cddb7daf7a315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.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">True. ApS.</p>
          <a href="/de/products/true-dates-cremige-erdnussbutter-100-g-15080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Cremige Erdnussbutter, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VaxyXal-zVo8wehjpJ3Kai-g-BJUYtOcrgTTwBGbPM1lR2kiHFf9Uuby6Udm9BUSu1lawjai8-E9e4q_2ktl-w" />
    <input value="15080" 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/true-dates-cookie-dough-100-g-15081">
          <img alt="True Dates Cookie Dough" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6914/file/small-104bd15bd053e1b018f446246580a5d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6914/file/medium-eb3d734d5bf430f37126ee5055b0e78f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6914/file/large-cd0c3c5b8478d3b2ef22e6a6b0bca3b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6914/file/medium-eb3d734d5bf430f37126ee5055b0e78f.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">True. ApS.</p>
          <a href="/de/products/true-dates-cookie-dough-100-g-15081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">True Dates Cookie Dough, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/love-corn-meersalz-45-g-15082">
          <img alt="Love Corn Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6915/file/small-bc4a2a8a514845f96ac7f1fd8067fdd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6915/file/medium-46fa377e2ec3178030bac6dcc82ae96e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6915/file/large-875bdfb00f1faf841b0aa2cc99895e0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6915/file/medium-46fa377e2ec3178030bac6dcc82ae96e.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-meersalz-45-g-15082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Love Corn Meersalz, 45 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 6.44 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/love-corn-smoked-bbq-45-g-15083">
          <img alt="Love Corn Smoked BBQ" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6916/file/small-9b376d666782f60ffe31c8e3c39851e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6916/file/large-b4a018c9b301d24d3a3c17d4a38a1da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6916/file/medium-1327526de1b4445e035768f49357cda3.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-smoked-bbq-45-g-15083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Love Corn Smoked BBQ, 45 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 6.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0PCMEMJ23KTK2JfL3zWShgqCyje96vxavErHeh3Wmv7gG5dvd1_srBDrlu8dXE3-nnto598q3CcvNZ4F1gbDyA" />
    <input value="15083" 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/love-corn-habanero-chilli-45-g-15084">
          <img alt="Love Corn habanero chilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6917/file/small-aac3c59b218bf9c93dc42416131dbddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6917/file/large-f2b8b8ce9772ade4ad30729f35536379.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-habanero-chilli-45-g-15084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Love Corn habanero chilli, 45 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 6.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HgRW5HclEvyTSN9VBshAomZCVHJmE89wNbYiB39wA_Eu702bwgwi9El73nHEoZ_a8rv2ogTT7w2myXt4tKBaxw" />
    <input value="15084" 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/shea-butter-bio-100-ml-15117">
          <img alt="Shea Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6932/file/small-0d0ccdce08531935bad0653ca8b48a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6932/file/large-6f362242c8c6af5d436ac46de2c9dd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.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">farfalla</p>
          <a href="/de/products/shea-butter-bio-100-ml-15117">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shea Butter Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zKhQb0tF5XurCp8hq4NIjf_zNPRuHb5O8Ia6uMIKe2_8Q0sQ_mzVc3E5ngVp6pf1awqWJAzdnjNj-ePHCdoiWQ" />
    <input value="15117" 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/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
          <img alt="Tomaten Geschält in Tomatensaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6934/file/small-001cb51b61dff94bfca258fe249fcb16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6934/file/large-82115e418c512c0de87ba0fc097b37a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.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/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomaten Geschält in Tomatensaft Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nMbJxoip4zOkrOFNYiPnxrokQ8KMZDDvc7AFP3bKGqusLdK5PYDTO36f4GmgSji-Lt3hEu6kEJLgz1xAvRpDnQ" />
    <input value="15118" 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/agar-agar-geliermittel-glutenfrei-bio-60-g-15119">
          <img alt="Agar Agar Geliermittel Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-geliermittel-glutenfrei-bio-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Geliermittel Glutenfrei Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dnJjCe67-ztS1xRaxUnrT2FuCDh0ekncCZrVoj7A1K9GmXh2W5LLM4jkFX4HIDQ39Zeq6Ba6aaGa5Yzd9RCNmQ" />
    <input value="15119" 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/sojaflocken-demeter-500-g-15154">
          <img alt="Sojaflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6936/file/small-e7308f91de88769f85076144726ed3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6936/file/large-feddbd1341c6b8fcec937e36a0cab7bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.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">Vanadis</p>
          <a href="/de/products/sojaflocken-demeter-500-g-15154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojaflocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u05UwDi71QfRR7Zl11hapg40vkBe4QjyKaXlHv2wE02LpU-_jZLlDwt0t0EVMYXems0ckDwhKI-62rxhNmBKew" />
    <input value="15154" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-barista-drink-bio-1-l-15164">
          <img alt="Hafer Barista Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6944/file/small-e3a730f7ad4b12332370c527e79490ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/6944/file/medium-ef0778828c8df43b81994d7ff95b88be.webp 900w, https://assets.fabulous.ch/public/variant_asset/6944/file/large-c224f716624cec5c44f873e87e87beb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6944/file/medium-ef0778828c8df43b81994d7ff95b88be.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/hafer-barista-drink-bio-1-l-15164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Barista Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fepGBqLdm6a7Tnm_Joo9mbZILBgBQyd5QH2MGGzHfJpNAV15F_SrrmF9eJvk4-LhIrGOyGODBwTTAtVnpxclrA" />
    <input value="15164" 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/bitterliebe-tropfen-50-ml-15166">
          <img alt="Bitterliebe Tropfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8908/file/small-4fbab387189363ef4406a6731416aab5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8908/file/medium-37487aa7c4c1b6c09873ef7c66725fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/8908/file/large-71c5713104a7aa94db0f1a870f5b8519.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8908/file/medium-37487aa7c4c1b6c09873ef7c66725fee.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">Bitterliebe</p>
          <a href="/de/products/bitterliebe-tropfen-50-ml-15166">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bitterliebe Tropfen, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j_pp6MNPNYdxhZYoINlRjCn1i-VSXBwZFkBtpL2y44C_EXKXdmYFj6u2lwzisI70vQwpNTCcPGSFPzTbdmK6tg" />
    <input value="15166" 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/suppe-instant-misosuppe-traditional-bio-10-g-15168">
          <img alt="Suppe Instant Misosuppe Traditional Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6947/file/small-bc242beedf4150d08c1f10eb39015586.webp 600w, https://assets.fabulous.ch/public/variant_asset/6947/file/medium-35fe120cdaccb9070b7099d26f99bb11.webp 900w, https://assets.fabulous.ch/public/variant_asset/6947/file/large-830a9cb6f895e9621e2106ea37ac3019.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6947/file/medium-35fe120cdaccb9070b7099d26f99bb11.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">Lima</p>
          <a href="/de/products/suppe-instant-misosuppe-traditional-bio-10-g-15168">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Suppe Instant Misosuppe Traditional Bio, 4 x 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Iih6ZIUkJzDfaIGNVVG4u3cjxbnKQu6MOyeZctBRRvQY7qWJz2glBlOoyL3PJmaeSUtxoXpK8ejk8caAJEcLQ" />
    <input value="15168" 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/soja-sauce-shoyu-mild-bio-250-ml-51219bc8-a461-47df-9298-9d09f8c077ff-15169">
          <img alt="Soja Sauce Shoyu mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6948/file/small-ce3e356762e546521c6fc11be4ea54a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6948/file/large-c2b75740211ad5e0fd51bd695ea50441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.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">Lima</p>
          <a href="/de/products/soja-sauce-shoyu-mild-bio-250-ml-51219bc8-a461-47df-9298-9d09f8c077ff-15169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Shoyu mild Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="409TbihEiYSutqK-OKs-KWiUG8WXekrO1tqSSTup4lnTpEgRnW25jHSFo5r6wuFR_G25FfW6arNFpcs28Hm7bw" />
    <input value="15169" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-sauce-shoyu-mild-bio-1-l-15170">
          <img alt="Soja Sauce Shoyu mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6949/file/small-5bc43bb4f877cfd0d2e2ac4b0bb989f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.webp 900w, https://assets.fabulous.ch/public/variant_asset/6949/file/large-54e1478697e9c06551401f23bbd8ae54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.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">Lima</p>
          <a href="/de/products/soja-sauce-shoyu-mild-bio-1-l-15170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Shoyu mild Bio, 1 l</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 1.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mGxXVRjGVH98egOem-3SvfRjaXuaVanfIpGmG5ICtFWoh0wqre9kd6ZJArpZhA3FYJrLq_iViaKx7v9kWdLtYw" />
    <input value="15170" 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/soja-sauce-tamari-strong-bio-1-l-15171">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6950/file/small-c4bf4fbff5a11d45f6250162ec04c766.webp 600w, https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.webp 900w, https://assets.fabulous.ch/public/variant_asset/6950/file/large-51987b450834171311f3de819be94a15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.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">Lima</p>
          <a href="/de/products/soja-sauce-tamari-strong-bio-1-l-15171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

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

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



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

</template></turbo-stream>