<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/peperoni-gegrillt-in-olivenol-bio-280-g-4263">
          <img alt="Peperoni gegrillt in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2668/file/small-b5d29937cacfbaf2fa32c5fc5d25a303.webp 600w, https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2668/file/large-df4d2aa64f4b3273b0cf40831dc973d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.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/peperoni-gegrillt-in-olivenol-bio-280-g-4263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peperoni gegrillt in Olivenöl Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3rbGYjGHgW_04S731oa1jH7K6r5NnI2AeeAyXuvDIjkWFWAjVfO6k_DzxHid02HYcr-z3iFdoImJF6eLl7MujA" />
    <input value="4263" 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/oliven-mediterran-mit-krauter-rohkostqualitat-bio-200-g-4264">
          <img alt="Oliven Mediterran mit Kräuter 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/2669/file/small-5b5ea73d4d8401b32bf8f8b161ed6d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2669/file/large-446757c0650e86c460aae0076d9586de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.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">Vita Verde</p>
          <a href="/de/products/oliven-mediterran-mit-krauter-rohkostqualitat-bio-200-g-4264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Mediterran mit Kräuter Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4264-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/oliven-schwarze-oliven-mit-stein-olive-nere-in-salzlake-bio-310-g-4265">
          <img alt="Oliven Schwarze Oliven MIT STEIN Olive Nere in Salzlake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2671/file/small-fa7db4e2aaf2ab121c93f56cf7e9f825.webp 600w, https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.webp 900w, https://assets.fabulous.ch/public/variant_asset/2671/file/large-462e8068732baf5a1f576766452d1b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.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/oliven-schwarze-oliven-mit-stein-olive-nere-in-salzlake-bio-310-g-4265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Schwarze Oliven MIT STEIN Olive Nere in Salzlake Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-soja-vollkorn-krausnudeln-teigwaren-bio-500-g-4346">
          <img alt="Pasta Soja Vollkorn Krausnudeln Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2710/file/small-1a290b030417b3a05785a34bbc4582e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2710/file/large-9ed56d40ac9d9e72a27c8dc8b95f44b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2710/file/medium-374bc7fc6a328c7fd7c31f97e582fecd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-krausnudeln-teigwaren-bio-500-g-4346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Krausnudeln Teigwaren Bio, 500 g</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.86 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-soja-vollkorn-spaghetti-bio-500-g-4347">
          <img alt="Pasta Soja Vollkorn Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2711/file/small-8f6d1ea4141d517c29425eab0e7e76b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2711/file/large-e0c40b2005cbd40aa63046684c373df0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2711/file/medium-66b2d13966db6352ae7b3a42198dfed5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spaghetti-bio-500-g-4347">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Spaghetti Bio, 500 g</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.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tJl5bTpnENT2lk881hyWZ-HiHk9jI4AQ5XO4ImVDUEt8Ot8sXhMrKPKEpbOdSUIz7ZdHLw_irRkVhC33GTNc_g" />
    <input value="4347" 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/chips-coconut-chips-cacao-bio-70-g-4366">
          <img alt="Chips Coconut Chips Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2720/file/small-1fbb5a1bb10491d6f798e7fcc337b5b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2720/file/large-af2d122ce92b4edb85398210d66bb091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.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/chips-coconut-chips-cacao-bio-70-g-4366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Coconut Chips Cacao Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLAy5nIg-_q7ZDcL90t-N1fDy5DN5-l9K8FDJ_h9AsxgE5SnFlTABr923YS8HqpjW7aS8KEmxHTbNtbyhA0OeQ" />
    <input value="4366" 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/pfeffer-schwarz-ganz-demeter-50-g-4368">
          <img alt="Pfeffer Schwarz ganz Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2722/file/small-91b05347c2a6c45159c7be230bbf893b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2722/file/medium-f7b3aeec342e51e9ed645af13562991f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2722/file/large-ffdd86644e746d68178db59060237d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2722/file/medium-f7b3aeec342e51e9ed645af13562991f.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">Lebensbaum</p>
          <a href="/de/products/pfeffer-schwarz-ganz-demeter-50-g-4368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfeffer Schwarz ganz Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yq_hBNqrJu-agmhmvh8JrIb6ZM1gTZfSRV7xgeKDeuiqDEdFvt8dE56Qgun1St34io89rQyMutu1qWRUnvN2XQ" />
    <input value="4368" 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/cashewkerne-gf-bio-500-g-4429">
          <img alt="Cashewkerne GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2754/file/small-d6939199d55cd397614950f3842d3c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp 900w, https://assets.fabulous.ch/public/variant_asset/2754/file/large-692d91934927d2a450097e333c5a75c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.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">Naturkostbar</p>
          <a href="/de/products/cashewkerne-gf-bio-500-g-4429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashewkerne GF Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </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-4429-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/tortenguss-rot-ohne-zucker-bio-7-g-4446">
          <img alt="Tortenguss Rot ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2765/file/small-669c117c52ebb3becc35ce8e05c7350f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.webp 900w, https://assets.fabulous.ch/public/variant_asset/2765/file/large-50c67bea0890c9afd0b40bfc4818f140.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2765/file/medium-c08b6f304836f83fa47367e22020c987.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/tortenguss-rot-ohne-zucker-bio-7-g-4446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortenguss Rot ohne Zucker Bio, 2 x 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="04639IuJwRSGsIP10ppO3RmQfmvEAYAv66XZw-ek4RAbLRG17_366IKiaXqZz5qJFeUnC6jArSYbUkwWm9TtpQ" />
    <input value="4446" 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/simply-v-veganer-streichgenuss-krauter-150-g-4559">
          <img alt="Simply V Veganer Streichgenuss KRÄUTER" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2805/file/small-29d86cad24c0f5f1b44cded11219d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/2805/file/large-4a148ee8117a38c061328df2882aa6a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2805/file/medium-46afb12716df45ad106d664d5e668e69.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">Simply V</p>
          <a href="/de/products/simply-v-veganer-streichgenuss-krauter-150-g-4559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Veganer Streichgenuss KRÄUTER, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4559-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/simply-v-vegane-geniesserscheiben-wurzig-150-g-4560">
          <img alt="Simply V Vegane Geniesserscheiben WÜRZIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2806/file/small-dcf7f1b4bf399c3c193d1dc20650ba39.webp 600w, https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2806/file/large-d5bc2c6f4bdb986aa04c1cb52b5e9c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2806/file/medium-214e74cbcfb7e2a864a718838f89dbf0.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">Simply V</p>
          <a href="/de/products/simply-v-vegane-geniesserscheiben-wurzig-150-g-4560">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Simply V Vegane Geniesserscheiben WÜRZIG, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4560-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/schokostreusel-zartbitter-chocoreale-bio-225-g-4630">
          <img alt="Schokostreusel Zartbitter Chocoreale Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2830/file/small-67be7823fc35c2ffdc10fe30a1f8b8b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/2830/file/large-2cf78b06ced4fb9c96597a01986196d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2830/file/medium-26e032261948ac34f6ca703982803f39.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/schokostreusel-zartbitter-chocoreale-bio-225-g-4630">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schokostreusel Zartbitter Chocoreale Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4630-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/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
          <img alt="Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2876/file/small-2a907519fd609f773a61d9b58137d568.webp 600w, https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp 900w, https://assets.fabulous.ch/public/variant_asset/2876/file/large-cb2cafa6e2b8bde258165b3438505851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.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">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C0Cps5EiMWW26vkqpiF7zi1eRkjcmmqRiGxvvclDCM3D4w_y9VYKmbL4E6XtdK-aISsfKLBbR5h4m_potTMEeA" />
    <input value="4794" 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/kerzen-teelicht-halter-glas-10-stuck-4869">
          <img alt="Kerzen Teelicht-Halter Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2891/file/small-b07ab63a4b41166766b21cf4a9a643ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2891/file/large-e65fed0e7a456662687dc30c3318225c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.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">eubiona</p>
          <a href="/de/products/kerzen-teelicht-halter-glas-10-stuck-4869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen Teelicht-Halter Glas, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bsuNtc7otosI1F_fPDykLZWpxEAFmzjtUF-7_FUiMWCmaCv0qpyNdwzGtVB3aXB5mdydIGlaFeSgqC4pKVI91Q" />
    <input value="4869" 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/mehl-mix-kuchen-glutenfrei-bio-800-g-4917">
          <img alt="Mehl Mix Kuchen glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2915/file/small-81922ed63874ae4815b8e1688ed078c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2915/file/large-6df324b04e149cfcd70a7d7bdd33e0fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/mehl-mix-kuchen-glutenfrei-bio-800-g-4917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mix Kuchen glutenfrei, Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </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-4917-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KiW0JnOmY24SqwMx_SCau6TmNpvTfaVxIt8NjFpN_QXihhJnF9JYkha56b62dU7vqJNv-7-8iHjSKJhZJj3xsA" />
    <input value="4917" 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/reis-schwarzer-reis-riso-nerone-integrale-bio-500-g-4955">
          <img alt="Reis Schwarzer Reis Riso Nerone Integrale Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2941/file/small-8cf2d0cb1176343c77c016f8cbcf3d4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2941/file/medium-deca1ba507b2c3aa4ec08180914db1ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/2941/file/large-9a12b8353c5e5d463936c73f4313c3c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2941/file/medium-deca1ba507b2c3aa4ec08180914db1ad.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/reis-schwarzer-reis-riso-nerone-integrale-bio-500-g-4955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Schwarzer Reis Riso Nerone Integrale Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZEaUWWdmcIA_SQOSAs7GdOjV1mQPLuz2hDH7yL4ugJxMrwQAemiPgTvzoEDXu9N39YOOfz9lroq51I6Xoi2tw" />
    <input value="4955" 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/le-pain-des-fleurs-blumenbrot-schwarzer-reis-bio-150-g-4956">
          <img alt="Le pain des fleurs Blumenbrot Schwarzer Reis, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2943/file/small-be1d69f03ce52cd50e92b7c067f18d42.webp 600w, https://assets.fabulous.ch/public/variant_asset/2943/file/medium-6033abc6ea2cf1697f3da1427758ed4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2943/file/large-6cdbdf881de496aa36688d0ddcf8be2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2943/file/medium-6033abc6ea2cf1697f3da1427758ed4e.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-schwarzer-reis-bio-150-g-4956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Blumenbrot Schwarzer Reis, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MVMseRUxX7wT5HN141M5Y-tbLtAt5t63PrzLtXPw5hn58Io4cUVkQBf2mfqoBu035y53sEEn877OS15gD4DqrA" />
    <input value="4956" 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/hefe-meister-backhefe-glutenfrei-bio-7-g-5004">
          <img alt="Hefe Meister-Backhefe Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2958/file/small-e86ed2b7bfda13ecc3347bf964740d57.webp 600w, https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.webp 900w, https://assets.fabulous.ch/public/variant_asset/2958/file/large-452e62e793f99ed341d4cd1c8dd8678f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.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/hefe-meister-backhefe-glutenfrei-bio-7-g-5004">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hefe Meister-Backhefe Glutenfrei Bio, 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jhw78IXJohMUQVG0fDBlbMYdjrbuy1QrsHldhEGAtI_uv52x4b2Z7xBTuzs3ZbE4ymjX1oIKeSJAjshRPfC4Og" />
    <input value="5004" 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/paniermehl-dinkel-bio-200-g-5044">
          <img alt="Paniermehl Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/paniermehl-dinkel-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paniermehl Dinkel Bio, 200 g</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 1.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHy9P_9ErdGXjwyqzgeF4STWMM8mnW6Pw8E6HKZ2zzzo3xt-mzCWLZOd5iWFUlG1KKNpr0pcQ4YzNq_J2gbDiQ" />
    <input value="5044" 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/multikornflocken-5-korn-glutenfrei-demeter-475-g-5046">
          <img alt="Multikornflocken 5-Korn Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2979/file/small-aadf69da8c27dc6ece8371b4e40b00be.webp 600w, https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp 900w, https://assets.fabulous.ch/public/variant_asset/2979/file/large-092f4ece569a499b3effd995bd705535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/multikornflocken-5-korn-glutenfrei-demeter-475-g-5046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Multikornflocken 5-Korn Glutenfrei Demeter, 475 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 1.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ktk-M0XnnIkiMUBz5pzHY0r3ZyJLLya9cTnSr14pPklaephyIZOndSYjqvytyRM3RoI-QifuC7SBzkd6Ilky_A" />
    <input value="5046" 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;280 von 2&#39;283 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel?format=turbo_stream&amp;page=65">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>