<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bohnen-mix-dose-bio-400-g-7130">
          <img alt="Bohnen Mix Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4093/file/small-4ef85c1be8542a76bc3f1b27e0347d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4093/file/large-507c6612f6e9e9c1f18539a062530cfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4093/file/medium-01e8113ad473791d76341b853bf4acdc.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/bohnen-mix-dose-bio-400-g-7130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Mix Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8L51r0KgVqhut3frurJ_lFJfYnRaUiXugk5b8qq0Zh_qNWOfzyzILBWe-BnU1ZsFTiEuxnmRPvP-SeOJWcaQTg" />
    <input value="7130" 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/bohnen-azuki-bohnen-rohkostqualitat-bio-500-g-7132">
          <img alt="Bohnen Azuki Bohnen Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4095/file/small-bb94db5ad0ed317211cad352dbe23a93.webp 600w, https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4095/file/large-ab8ca14b428513f837b89ca3456e8fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.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/bohnen-azuki-bohnen-rohkostqualitat-bio-500-g-7132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Azuki Bohnen Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5jLOz1MNe_EMit4wlUrAw6hY9ni5H9R3xsudFiaArZn8udj_3oHldXejUcL7LSRStCa6yprcz2q6zCVt1fJbyA" />
    <input value="7132" 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/bohnen-borlotti-bio-400-g-7133">
          <img alt="Bohnen Borlotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4096/file/small-87200c32d6b651fece078e5448fdd612.webp 600w, https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4096/file/large-2b65fc7f8d4ccfa8f3d77d3eaae0ee61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.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">Alce Nero</p>
          <a href="/de/products/bohnen-borlotti-bio-400-g-7133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Borlotti Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9DO9u1TQLRKmnFzpmC93oApAMBhM-XblZp7UTi5pMklW9jGYN_eMDGz_oHIB1lPnFdMckLw_sbpncMqy8tSmA" />
    <input value="7133" 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/pesto-rosso-bio-130-g-7167">
          <img alt="Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4103/file/small-ff3d961670c64fadb88aaf9496daca85.webp 600w, https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4103/file/large-8b60d6d05f624f9a2fbf83650b852353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.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">LaSelva</p>
          <a href="/de/products/pesto-rosso-bio-130-g-7167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VBta9yWJVWMfku6AYR5L14watHpLtTTWLbpeO1ra3PVOkEzHqAXL52S7YXIPea9GkGT4yGh2L8tRveZAqagqpA" />
    <input value="7167" 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/pflegeshampoo-repair-tiefenpflege-250-ml-7230">
          <img alt="Pflegeshampoo Repair &amp; Tiefenpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4107/file/small-b4b11452aa5475d9dc04733da67d07be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4107/file/medium-013358df485a4486e6a3cbbb4b4c13a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4107/file/large-d1ed7384a140b4519ad94d7ef0fea5e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4107/file/medium-013358df485a4486e6a3cbbb4b4c13a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/pflegeshampoo-repair-tiefenpflege-250-ml-7230">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflegeshampoo Repair &amp; Tiefenpflege, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWbEuG-olBJa7K1H-P4xl_rqzR1HqSd2QBbWBhRBcf2v7dKI4iQKliHFIrWWmdUG5pSBr2RqPGs8EW595zOHrA" />
    <input value="7230" 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-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/seitan-fix-weizenkleber-250-g-7262">
          <img alt="Seitan Fix Weizenkleber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4114/file/small-8f8fe5a5d3c32338da72723457dae926.webp 600w, https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4114/file/large-b3db62041f7b0bc5779414ab2f3dd8e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.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">Vantastic</p>
          <a href="/de/products/seitan-fix-weizenkleber-250-g-7262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Fix Weizenkleber, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wAeLLfbvfBsqnak7Wey3zqvic3runs5gvUhCRDjkCFXajJ0de2Pin1G0Jsk3i1Nft5w_yM1d1X3BT_o_y5b-BA" />
    <input value="7262" 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/energieriegel-lifebar-inchoco-cacao-nibs-vanille-raw-bio-40-g-7266">
          <img alt="Energieriegel Lifebar inChoco Cacao Nibs Vanille Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4116/file/small-78cd34c21a7479673866b8f8b9bf5101.webp 600w, https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.webp 900w, https://assets.fabulous.ch/public/variant_asset/4116/file/large-9494df5b47c3d5a22eaa4949b58bda0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4116/file/medium-192c95e50acac8691caf26743c7df711.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">Lifefood</p>
          <a href="/de/products/energieriegel-lifebar-inchoco-cacao-nibs-vanille-raw-bio-40-g-7266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Lifebar inChoco Cacao Nibs Vanille Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iPLnY4mz0CJw-qkpwe5_qga1kPbmBIkown72p0ZbvZ-SefFTBD9OpgvTJtuviZs7GsvcRMXHkjW-eU7ctSlLzg" />
    <input value="7266" 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/energieriegel-lifebar-inchoco-orange-raw-bio-40-g-7267">
          <img alt="Energieriegel Lifebar inChoco Orange Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4117/file/small-3b169738e68ac2a0675d44778abf7bee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4117/file/large-5f34325881ea37072a4ce6e927af0ad6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4117/file/medium-1b89dfe98e275e3efee5a45167ef8128.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">Lifefood</p>
          <a href="/de/products/energieriegel-lifebar-inchoco-orange-raw-bio-40-g-7267">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Energieriegel Lifebar inChoco Orange Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YuHRU3a-OCBlVXxUr6S6Mbenio280v9capb97AX8vS14asdj-zKmpB5886bBw16gq9nGP58R5EEWkUWX9o5LfA" />
    <input value="7267" 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/kookie-cat-vanille-choco-chip-kekse-beutel-bio-100-g-7270">
          <img alt="KOOKIE CAT Vanille Choco Chip Kekse Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4120/file/small-6996755699d48f8c781144059797024a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4120/file/large-6289b44d4fa9be0960a8d10d946a3268.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-vanille-choco-chip-kekse-beutel-bio-100-g-7270">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Vanille Choco Chip Kekse Beutel Bio, 100 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 4.40 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-wildkaffee-kaffa-medium-bohnen-bio-fairtrade-1-kg-7271">
          <img alt="Kaffee Wildkaffee Kaffa Medium Bohnen Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4121/file/small-d792691de32c9fb69e8c1bae619243b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.webp 900w, https://assets.fabulous.ch/public/variant_asset/4121/file/large-eac1c89dbf35027b2ce9aa783367fe7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Original Food</p>
          <a href="/de/products/kaffee-wildkaffee-kaffa-medium-bohnen-bio-fairtrade-1-kg-7271">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Wildkaffee Kaffa Medium Bohnen Bio Fairtrade, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9bFyOpVtrXRaxy4RDlP5eVnn47aAUMf-vJngwqwvFWHvOmQKGOEz8CHuoeNgNB3oRZmvBKOT3OPAnli5X13jMA" />
    <input value="7271" 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/kaffee-wildkaffee-bonga-kapseln-lungo-kompostierbar-bio-10-stuck-7272">
          <img alt="Kaffee Wildkaffee Bonga Kapseln Lungo kompostierbar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4122/file/small-570680df5e6dcc44deff166b99e9a035.webp 600w, https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.webp 900w, https://assets.fabulous.ch/public/variant_asset/4122/file/large-56c14913a0975278f2e60fe05dd6a1e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4122/file/medium-c14d41c02d4aa9447e87e7075fba1f78.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Original Food</p>
          <a href="/de/products/kaffee-wildkaffee-bonga-kapseln-lungo-kompostierbar-bio-10-stuck-7272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Wildkaffee Bonga Kapseln Lungo kompostierbar Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1pIUcEEeGxpNKv4if9Fteda657tAbkoDBL4FOENP-R7MGQJAzJKFnjYDcdARtonoysSrCWOtUR54ub1DsD0PTw" />
    <input value="7272" 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/zuckermais-ohne-zuckerzusatz-demeter-340-g-7273">
          <img alt="Zuckermais ohne Zuckerzusatz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4123/file/small-03b40bca0bfe9b6f0b83730315419828.webp 600w, https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4123/file/large-c803b8cbe36348e6b145124569d74cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4123/file/medium-4fba4a549cb52693e09c26625baef58e.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">de Rit</p>
          <a href="/de/products/zuckermais-ohne-zuckerzusatz-demeter-340-g-7273">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zuckermais ohne Zuckerzusatz Demeter, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7273-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/sauerkraut-glas-demeter-720-ml-010c7a56-2b2a-425f-a21e-d9c5bbec02b9-7274">
          <img alt="Sauerkraut Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4124/file/small-c61a25a876318f2c4bd3e2869a21f66e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4124/file/large-62799dc4fed13c18f402c651e871aa0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4124/file/medium-7382844c0e49454eb34bce4094c4741d.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">Schweizer Naturkost</p>
          <a href="/de/products/sauerkraut-glas-demeter-720-ml-010c7a56-2b2a-425f-a21e-d9c5bbec02b9-7274">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauerkraut Glas Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uLSnbnqX4696rsIXgRHMJJPMjlWYm3rT2ShPFEXBfPyiP7Fe9xt9KwGHTeXvdii1j7LC57tYYc6lL_dvtrOKrQ" />
    <input value="7274" 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/salz-fleur-de-sel-de-guerande-dose-140-g-7275">
          <img alt="Salz Fleur de Sel de Guérande Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4125/file/small-5a1dcf1efca66118d1d783d395b1a0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4125/file/large-ee3deb5790b6e889a762ee7115d42596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4125/file/medium-f8dcf7f98ed71a2df3f31f3af340ff7a.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">Guérande</p>
          <a href="/de/products/salz-fleur-de-sel-de-guerande-dose-140-g-7275">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Fleur de Sel de Guérande Dose, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lvdd-H6O4s0HtTJWAi1hhj0xLuPFEWPo02JSeUMzjZmMfEvI8wJ8SXycvaRsSoUXIU9iUebSePWvZeoCsEF7yA" />
    <input value="7275" 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/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
          <img alt="Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4126/file/small-c71d2dd8d39b8080d230dfab13a51668.webp 600w, https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.webp 900w, https://assets.fabulous.ch/public/variant_asset/4126/file/large-f71cfb61e495a5f76390adf6650b44d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.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">Rhythm 108</p>
          <a href="/de/products/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U1-ejnan5hnR94-PsbiAxD-ys6RSj3efp41T7NIwg9xJ1Ii--yt4nareAH3f32RVI8z_FnFMbILbiuuXIUJ1jQ" />
    <input value="7276" 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/freely-cookie-karamell-salz-glutenfreie-kekse-vegan-bio-65-g-7277">
          <img alt="Freely Cookie Karamell-Salz Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4127/file/small-c2739e6a1ecf643450fb1ee70e4bd014.webp 600w, https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.webp 900w, https://assets.fabulous.ch/public/variant_asset/4127/file/large-b1dcd34faa0ac18eb9d2c75ab71436ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-karamell-salz-glutenfreie-kekse-vegan-bio-65-g-7277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Karamell-Salz Glutenfreie Kekse Vegan Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CTzncAwEy3gxn5xANEzyekts00NyACTg_edidzSAFZETt_FAgYhV_Eq2E7JaKxbrVxKf8VHDP_2B4NoMx_LjwA" />
    <input value="7277" 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/freely-cookie-schokoladenchips-glutenfreie-kekse-vegan-bio-65-g-7278">
          <img alt="Freely Cookie Schokoladenchips Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4128/file/small-0ea0cbcbc9f8c2e85ecb8ffa79cfcc7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.webp 900w, https://assets.fabulous.ch/public/variant_asset/4128/file/large-d7ab7b84e399ecbf9da1cfcbffbcc03a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4128/file/medium-c5944a7d9f2983964855f3ba54de9f81.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-schokoladenchips-glutenfreie-kekse-vegan-bio-65-g-7278">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Schokoladenchips Glutenfreie Kekse Vegan Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lXhzGns8dPVDQMf8JCiKJpMwj8HHldCnY751S6g9X--P82Uq9rDqcThpSA5KT263j07Dc-RWy7ofuc0wW0-pvg" />
    <input value="7278" 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/freely-cookie-himbeer-glutenfreie-kekse-vegan-bio-65-g-7279">
          <img alt="Freely Cookie Himbeer Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4129/file/small-89d8a8ff9588e2c576ea185813ffc273.webp 600w, https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.webp 900w, https://assets.fabulous.ch/public/variant_asset/4129/file/large-dce05f7593693b1d5a12262a4c2ff3c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4129/file/medium-48ef3b5a49fdc79e44c2ea1ad35c0819.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-himbeer-glutenfreie-kekse-vegan-bio-65-g-7279">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Himbeer Glutenfreie Kekse Vegan Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZQjhcSVvsi88jHD4I_QZ5sRf1nkVPivJw7BLLrk-2APHzW1SRkgTMfbvjGO6DT2h28z68eX47JbCXlXSZYNMQ" />
    <input value="7279" 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/freely-cookie-lemon-glutenfreie-kekse-vegan-bio-65-g-7280">
          <img alt="Freely Cookie Lemon Glutenfreie Kekse Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4132/file/small-e62740eed66cf89d89d87c80c55c7caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/4132/file/large-86428df38f4430283ce3b679e9c07313.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4132/file/medium-d7d5d6d59bea27c91ccef2e08ece7eae.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">Freely Handustry</p>
          <a href="/de/products/freely-cookie-lemon-glutenfreie-kekse-vegan-bio-65-g-7280">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Cookie Lemon Glutenfreie Kekse Vegan Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RoAXyF3pGNv4mvDlLgqFbcmo47ckxhnYPiofQGGpj3xcCwH40GWGX4OzfxdAbWH81davBQcFAsVCLac7ktt5LQ" />
    <input value="7280" 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/sproud-original-drink-ungesusst-vegane-alternative-zu-milch-aus-erbsen-1-l-7284">
          <img alt="Sproud Original Drink ungesüsst Vegane Alternative zu Milch aus Erbsen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4141/file/small-09a0793a845be4cdd846baabf806044b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4141/file/medium-f53791bbf659046b33572badaa517e24.webp 900w, https://assets.fabulous.ch/public/variant_asset/4141/file/large-0837de57a63ac50b49e0f82a08f361d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4141/file/medium-f53791bbf659046b33572badaa517e24.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">SPROUD</p>
          <a href="/de/products/sproud-original-drink-ungesusst-vegane-alternative-zu-milch-aus-erbsen-1-l-7284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Original Drink ungesüsst Vegane Alternative zu Milch aus Erbsen, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mYw0JDrrxmNYHT7PEgYSZiH-AL0gRs-0TiTOJZmOTpGDByIUt2dY5yM0sT18Yfb3PYBMDwOF1KkyI3Zeavy4wA" />
    <input value="7284" 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">
      1&#39;240 von 3&#39;163 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=63">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>