<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/semicurado-halbgereift-walnuss-rosa-pfeffer-bio-200-g-16674">
          <img alt="Semicurado Halbgereift Walnuss &amp; Rosa Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7722/file/small-b996f6eb9294b2e3a6482d1c925bca7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7722/file/medium-ebdb8a0500e9b2cd2b67f134357d9059.webp 900w, https://assets.fabulous.ch/public/variant_asset/7722/file/large-31217835829102f579eaa6e2bb7120e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7722/file/medium-ebdb8a0500e9b2cd2b67f134357d9059.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">Veggie Karma</p>
          <a href="/de/products/semicurado-halbgereift-walnuss-rosa-pfeffer-bio-200-g-16674">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semicurado Halbgereift Walnuss &amp; Rosa Pfeffer Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 4.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16674-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">
    <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/semicurado-halbgereift-veganer-chorizo-bio-200-g-16675">
          <img alt="Semicurado Halbgereift veganer Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7723/file/small-ea58518a09ab8ac5c45b09a2130e5256.webp 600w, https://assets.fabulous.ch/public/variant_asset/7723/file/medium-94a8f1b96cd82bd7ae4650978d835d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7723/file/large-bf169494d20417cfcc93af0505d2c32c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7723/file/medium-94a8f1b96cd82bd7ae4650978d835d7d.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">Veggie Karma</p>
          <a href="/de/products/semicurado-halbgereift-veganer-chorizo-bio-200-g-16675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semicurado Halbgereift veganer Chorizo Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 4.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16675-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">
    <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/semicurado-halbgereift-krauter-bio-200-g-16676">
          <img alt="Semicurado Halbgereift Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7732/file/small-480e495ce4dac7be3c620378570a8358.webp 600w, https://assets.fabulous.ch/public/variant_asset/7732/file/medium-45d9811489e853f91a26fd8212cfaba2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7732/file/large-7d917c25b2aafa8b5ffaad4aae1f55f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7732/file/medium-45d9811489e853f91a26fd8212cfaba2.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">Veggie Karma</p>
          <a href="/de/products/semicurado-halbgereift-krauter-bio-200-g-16676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semicurado Halbgereift Kräuter Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 4.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16676-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">
    <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/semicurado-halbgereift-geraucherter-paprika-bio-200-g-16677">
          <img alt="Semicurado Halbgereift geräucherter Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7733/file/small-ecfaf831a8557b62dd552da3737890f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7733/file/medium-2f67976eff04de9d5dedbf791e8ec51f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7733/file/large-9de60856f0efb692bcc6c85ee9b3559c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7733/file/medium-2f67976eff04de9d5dedbf791e8ec51f.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">Veggie Karma</p>
          <a href="/de/products/semicurado-halbgereift-geraucherter-paprika-bio-200-g-16677">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semicurado Halbgereift geräucherter Paprika Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 4.90 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16677-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/lion-s-mane-vitalpilz-flussigextrakt-bio-100-ml-16705">
          <img alt="Lion&#39;s Mane Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7735/file/small-0e6ee1251e89efb3c1721a667371c5b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7735/file/large-e29e7ffe6859ef442a228332ebd0af8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.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">NaturKraftWerke</p>
          <a href="/de/products/lion-s-mane-vitalpilz-flussigextrakt-bio-100-ml-16705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lion&#39;s Mane Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLxd9DWjhtCkbvtStaTWpY9BjKbIDcEHKHWIV6eOECfJCrUm5zCs-mp9GftmxaGSSvQxYmWzl2GSpK5wEl8zKw" />
    <input value="16705" 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/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
          <img alt="Chaga Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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">NaturKraftWerke</p>
          <a href="/de/products/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rquL79Mh6pRNMEBvyOseA9vvm3qqMsPu_Cf9VJVGU02rHWM9AbLAvoMjosYbimk0HlomvgeMlYhG9ttzIJdwQQ" />
    <input value="16706" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/udon-nudeln-bio-300-g-16712">
          <img alt="Udon Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7753/file/small-dbf6fbfc1571216e145ba1a4ef847651.webp 600w, https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7753/file/large-e9ef4891901e49876ab0b69b29ea9d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.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">Just Taste</p>
          <a href="/de/products/udon-nudeln-bio-300-g-16712">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Udon Nudeln Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I-fpim0PXEYVGXsTryy44PUU5xdCnSEnj3pzhijhOa8mUQFYv5x2bNsKmbp8Tc_XMKFa0-8jd0E1q1WhnTAaow" />
    <input value="16712" 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/ramen-nudeln-bio-300-g-16713">
          <img alt="Ramen Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7756/file/small-aecd8139e1003fda10287f5224cd75c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7756/file/large-49b23c2f37ee0bb1ac40174b90543ead.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7756/file/medium-78d4c569bf654940dedf46a51c1dc9fe.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">Just Taste</p>
          <a href="/de/products/ramen-nudeln-bio-300-g-16713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ramen Nudeln Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GuudloAE6m8x6E4v89utIHdKLP7T0s2Qn39xLuOCNZ8fXXVEUpfARf_7rIYgutoXsv-ROn5sm_YlrlcJVlMWkw" />
    <input value="16713" 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/biang-biang-nudeln-bio-300-g-16714">
          <img alt="Biang Biang Nudeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/de/products/biang-biang-nudeln-bio-300-g-16714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biang Biang Nudeln Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izEH-DxIFf-xXjZ8nbmhnKra8BicgVnuhnMls_YZ_siOh-8q7ts_1X9N1NVO2Narb29N3DE_D4g8ogOUQ8jdxA" />
    <input value="16714" 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/schwarzkummelol-demeter-100-ml-16724">
          <img alt="Schwarzkümmelöl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7758/file/small-7f99eb8581609eb6efe4046e038138d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.webp 900w, https://assets.fabulous.ch/public/variant_asset/7758/file/large-1cae23c03604dc2791421718b64c1c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.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">NaturKraftWerke</p>
          <a href="/de/products/schwarzkummelol-demeter-100-ml-16724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schwarzkümmelöl Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rOyqljTPZyg0liI2mTuhTrYdZBpSXpw12X0G4zW1DnCpWkJE5lxNAvqFwJ9KWtZ5c6jZ3v_gylNjrCDEgGQtfA" />
    <input value="16724" 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/bratfilets-black-forest-bio-80-g-16733">
          <img alt="Bratfilets Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/de/products/bratfilets-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Black Forest Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </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 5.31 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A5CvMaPCBlTRZ6U-3tRPltxUjhBzKbC5U1O2lTHAxg8GJkfjcVEsfh90R5cNtTihGeEz1N6X5t_pgpCyhBHlAw" />
    <input value="16733" 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/meine-bourbon-vanille-paste-bio-50-g-16734">
          <img alt="Meine Bourbon-Vanille Paste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7760/file/small-0a3f5ff58c43c488210bcd5a7c1263f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7760/file/large-91cf661aaabf06d426d9e61a150c11ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.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">Biovegan</p>
          <a href="/de/products/meine-bourbon-vanille-paste-bio-50-g-16734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine Bourbon-Vanille Paste Bio, 50 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 11.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q5KVchFV1xho2Rg-VaDn5z00VwmAXMuCwoDGhVGesvtGJH2gw8b9MqbK-peGwZDQ-IHqzS3ineR4UeCi5E-R9w" />
    <input value="16734" 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/meine-vegane-sauce-carbonara-bio-27-g-16735">
          <img alt="Meine vegane Sauce Carbonara Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7763/file/small-e2462ca481c37d87e8f41070301d0c7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7763/file/large-52a36b94dab345049ed67e651055a8bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.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">Biovegan</p>
          <a href="/de/products/meine-vegane-sauce-carbonara-bio-27-g-16735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Sauce Carbonara Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d-mnhM6utqgaQH8Kws4UT7HYrr7M056RUcc4lDl_Ef9yX09WHD2cgtRTnaMRr2N4dG0TemFtyPfrFh6zjK4y8w" />
    <input value="16735" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backmischung-protein-brownie-bio-400-g-16736">
          <img alt="Backmischung Protein Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7762/file/small-3c1d2bf5919776c0c8d03e59cd3f2f25.webp 600w, https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7762/file/large-49d13e06f2766067e7404b6a9d3b47e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7762/file/medium-d877a9ca809471be7655b438b56d5fdf.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/backmischung-protein-brownie-bio-400-g-16736">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Protein Brownie Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4UPSIrFVP9dOf-0HPYkU1-DP9-MfUP_QuNK3tL1b0_7k9TrwY8YV_YBsD67u6GPgJXpKJ7LuqbYCA5GTCIrw8g" />
    <input value="16736" 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/asafoetida-pulver-bio-40-g-16737">
          <img alt="Asafoetida-Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7764/file/small-6e7928fb870c97fea39d895f5c925942.webp 600w, https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.webp 900w, https://assets.fabulous.ch/public/variant_asset/7764/file/large-da91e9dc351f9b47f3e98e7a3e045225.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.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">NaturKraftWerke</p>
          <a href="/de/products/asafoetida-pulver-bio-40-g-16737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Asafoetida-Pulver Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LQS8lUzggUYc8fVaFQqg4LSueoxzdxe9U8SG3zpjiZMoslRHnnOrbNLiF_PGa9fXcRvHSN7JQdvpFaD4j7Kqnw" />
    <input value="16737" 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/galgant-pulver-bio-25-g-16738">
          <img alt="Galgant-Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7765/file/small-c133bd16c9263aed564c96f7bc8d1a40.webp 600w, https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.webp 900w, https://assets.fabulous.ch/public/variant_asset/7765/file/large-8a5b534d091c10359fb705cbdba4948b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.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">NaturKraftWerke</p>
          <a href="/de/products/galgant-pulver-bio-25-g-16738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galgant-Pulver Bio, 25 g</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 26.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZtMCDFLdpmX5tPMvBSA_iqI9opZW6LeUij8omPhV_ktjZeregE6MTzenEYbWQUi9Z4gfUvtW4fIw7g6_TYTdRw" />
    <input value="16738" 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/sprossengarten-biosnacky-1-stuck-16739">
          <img alt="Sprossengarten bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7766/file/small-385cfe1ce8e096921da794f65e145dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.webp 900w, https://assets.fabulous.ch/public/variant_asset/7766/file/large-eece0d5e44508470b16d1de128e48cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7766/file/medium-b4dea34be1e240b1039bdb507c0c0818.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/sprossengarten-biosnacky-1-stuck-16739">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sprossengarten bioSnacky, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RiK7lE9viave9Fh39SCAh6mfpkfkwkevQ2D_v5hvDbtDlFNGnfyjgRDnut4mQfewbCobg0l8Ecn5sdmYLb4utw" />
    <input value="16739" 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/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
          <img alt="Vliespapier für Sprossengarten bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.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/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vliespapier für Sprossengarten bioSnacky, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ta-bWngkQQ7dV8xNhG91qaUanRXwnDrxS_6wNSq1SzewGXOIqrdrJBNELuRXDgKeYK8g0V0ibJfxL5YSn2RoOw" />
    <input value="16740" 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/bourbon-vanille-schoten-bio-2-stuck-16757">
          <img alt="Bourbon-Vanille-Schoten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7770/file/small-b8d8886efde9f2d3f077882cee99ac70.webp 600w, https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7770/file/large-1b5605b73e859c91ad72d0f94d594aff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.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">Biovegan</p>
          <a href="/de/products/bourbon-vanille-schoten-bio-2-stuck-16757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bourbon-Vanille-Schoten Bio, 2 Stück</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 2.48 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BavBVAWOX8SHXP8_06sPYSbe4S6gGe89nc2w1itCIGIAHSmG1x117klPHZYAynhW42tc6g2nuVsnHJbxnpMDbg" />
    <input value="16757" 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/hazelnut-dark-chocolate-spread-bio-200-g-16760">
          <img alt="Hazelnut Dark Chocolate Spread Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7771/file/small-2c1b10bd035f6109a26a9311bd2fe2d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7771/file/medium-412703977ecf61adbe0df29c9020a45e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7771/file/large-beeeb90c4cfd976e22d6817aac0b701f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7771/file/medium-412703977ecf61adbe0df29c9020a45e.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">Lini&#39;s Bites</p>
          <a href="/de/products/hazelnut-dark-chocolate-spread-bio-200-g-16760">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnut Dark Chocolate Spread Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJOGJg2fdyRRvl12623xd7qFdmd2VRQ0tvaQjl3m7lZBJW703wxdDp-tv984DIZAfzDLo9vrQlIMJ7ap6DfNWg" />
    <input value="16760" 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;880 von 3&#39;166 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/landgarten?format=turbo_stream&amp;page=145">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>