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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backbuch-vegane-rezepte-mit-aquafaba-eischnee-ohne-eier-1-stuck-4887">
          <img alt="Backbuch  Vegane Rezepte mit Aquafaba - Eischnee ohne Eier" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2894/file/small-1340091c747483d41e9ceeb3cd10f93c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2894/file/medium-ed7c929108ca3124b5d08877e569500e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2894/file/large-5981daa7fde3c46e0bc676dec28b81e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2894/file/medium-ed7c929108ca3124b5d08877e569500e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/backbuch-vegane-rezepte-mit-aquafaba-eischnee-ohne-eier-1-stuck-4887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backbuch  Vegane Rezepte mit Aquafaba - Eischnee ohne Eier, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-going-raw-judita-wignall-1-stuck-4891">
          <img alt="Kochbuch Going Raw Judita Wignall" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2901/file/small-d36f67ba8f191c76b3019f1a8a14ef06.webp 600w, https://assets.fabulous.ch/public/variant_asset/2901/file/medium-3794ef3f87775a8d3ff6be459617c3cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2901/file/large-87d363c5f0e3500049494671c98a3df1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2901/file/medium-3794ef3f87775a8d3ff6be459617c3cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/kochbuch-going-raw-judita-wignall-1-stuck-4891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Going Raw Judita Wignall, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qMxWB4-lEEAjoyan65QVs8XfDbGk_I3RBE81ZzXviovsRCo_MZ7kVP90Zp5Te0lWzPgFrtubuozkpYmVnL6B8w" />
    <input value="4891" 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/backbuch-simply-raw-bakery-rohkostlich-vegan-backen-1-stuck-4894">
          <img alt="Backbuch Simply Raw Bakery | Rohköstlich &amp; vegan backen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2903/file/small-d8e8f0405d4a07e41d5332077b72ff85.webp 600w, https://assets.fabulous.ch/public/variant_asset/2903/file/medium-4b3baffa969ce096d3b9d74a717bf7c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2903/file/large-ee234ce8efefefc2383ba826f9c42014.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2903/file/medium-4b3baffa969ce096d3b9d74a717bf7c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/de/products/backbuch-simply-raw-bakery-rohkostlich-vegan-backen-1-stuck-4894">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backbuch Simply Raw Bakery | Rohköstlich &amp; vegan backen, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eP2bzwJgMPVj_0UT3da26im-jlRIXxCj_ioMQhCwaDw8def3vFvE4b8oBSplOeoPIJmGSzc4J_4ewLCwueFjRA" />
    <input value="4894" 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/bambus-brotschneidebrett-38-x-25cm-1-stuck-4901">
          <img alt="Bambus Brotschneidebrett, 38 x 25cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2905/file/small-535e92496558ab739d109f1cc336def9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2905/file/medium-3681abaa8e9494bfb2c04c58551be172.webp 900w, https://assets.fabulous.ch/public/variant_asset/2905/file/large-64a6b6dc1762f104a8161e8fe7c624ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2905/file/medium-3681abaa8e9494bfb2c04c58551be172.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">Stronghold</p>
          <a href="/de/products/bambus-brotschneidebrett-38-x-25cm-1-stuck-4901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Brotschneidebrett, 38 x 25cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4901-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/bambus-schneidebrett-eckig-2-er-set-27-5-x-32-5-x-1-5-cm-1-stuck-4902">
          <img alt="Bambus Schneidebrett Eckig 2-er Set - 27.5 x 32.5 x 1.5 cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2906/file/small-3de845dd7d91a1eacb50c0623c937cee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2906/file/medium-2f3d0217512d1aeb7b2bc70524e29c51.webp 900w, https://assets.fabulous.ch/public/variant_asset/2906/file/large-0b9e3c60d7e0718b58faf8b54e2ec681.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2906/file/medium-2f3d0217512d1aeb7b2bc70524e29c51.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">Stronghold</p>
          <a href="/de/products/bambus-schneidebrett-eckig-2-er-set-27-5-x-32-5-x-1-5-cm-1-stuck-4902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Schneidebrett Eckig 2-er Set - 27.5 x 32.5 x 1.5 cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9nQD1pDUYzdjOHcd3eeHryHubS73crJqxwdstPz1URWy_H_uLu-XI7_vNyRlCNtKKMllMYgVhTcn7dBGVaRabQ" />
    <input value="4902" 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/mehl-mix-universal-mischung-glutenfrei-bio-800-g-4916">
          <img alt="Mehl Mix Universal Mischung glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2912/file/small-2eaba9acfd1f62869ec1a6f9e3131aa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.webp 900w, https://assets.fabulous.ch/public/variant_asset/2912/file/large-afadd17caa3de83f5a9a9fd66c68978c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.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-universal-mischung-glutenfrei-bio-800-g-4916">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mix Universal Mischung glutenfrei, Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qJzFpJJhE5qMOuG-0wellqKwuDICHXf7wuVwc-rgN77sFLmcLFrnjlDtoYdr6Plzq5ewLX16QKYiD8yBQ7E8xg" />
    <input value="4916" 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="bAqkvApyBbyf9LIAtA10R6642raOwQc-fUsTr8HcM4cogtiEtEnxqEMj8jkM4iiip5_SqfGmMGOdoa9daI04_w" />
    <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="8nLFVb253s86aQPOg2CXjYYsgG8Zis8Rpe3GMo6mfGS2-rltA4Iq2-a-Q_c7j8tojwuIcGbt-ExFB3rAJ_d3HA" />
    <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="LO6vNSx1MgrjkcWIlfuC7XD0sJGPHzJwMGGA_kboybJoZtMNkk7GHj9GhbEtFN4IedO4jvB4BS3QizwM77nCyg" />
    <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">
    <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/bambus-salatschussel-25cm-1-stuck-4964">
          <img alt="Bambus Salatschüssel 25cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2947/file/small-f462146f72999ca2deac4f779841864e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2947/file/medium-2d82bb483c2feea3a1014edd380d2147.webp 900w, https://assets.fabulous.ch/public/variant_asset/2947/file/large-32244b1592d31b73915ba29d7fb30b8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2947/file/medium-2d82bb483c2feea3a1014edd380d2147.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">Stronghold</p>
          <a href="/de/products/bambus-salatschussel-25cm-1-stuck-4964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Salatschüssel 25cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4964-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/kombucha-urban-zitronengras-und-hibiskus-bio-330-ml-4965">
          <img alt="Kombucha Urban Zitronengras und Hibiskus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/de/products/kombucha-urban-zitronengras-und-hibiskus-bio-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Zitronengras und Hibiskus Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fox08MMdklO5wcU5fDSWXto5BqjvwgSNErgB8ZbOPRFSBAjIfSZmR2UWhQDE28q70x4Ot5ClM9DyUr0DP582aQ" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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="EZa6FPVN5ZUgj86sgt1B1UJAduGjtySiDWdF1QPaCD5VHsYsS3YRgfxYjpU6Mh0wS2d-_tzQE__tjfknqosDRg" />
    <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/choco-balls-glutenfrei-bio-275-g-5042">
          <img alt="Choco Balls glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2972/file/small-1c04e5885a1e3230fb10681bff6784f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2972/file/large-362bdadc525e49667054316ea1efe7ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.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/choco-balls-glutenfrei-bio-275-g-5042">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choco Balls glutenfrei Bio, 275 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 2.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yDVlszyMbaqIPqs_BXeFjQbS3kVZtbXHTKZB_wJ-iHeMvRmLgreZvlTp6wa9mNloD_XWWibSgpqsTP0Nqy-DDw" />
    <input value="5042" 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/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
          <img alt="Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2977/file/small-ad845eb238fd64146dc9ae81f69a3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.webp 900w, https://assets.fabulous.ch/public/variant_asset/2977/file/large-66ce54755939b6bc63603dfd407ac425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.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/knusper-fruhstuck-schoko-muesli-zartbitter-glutenfrei-bio-300-g-5043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Knusper Frühstück Schoko Müesli Zartbitter Glutenfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-UiEtVF9349FoCGHnrfmh_wyOga7HAPQ9nzvX_MqmKW9wPiN70Yrm5l3Yb4mWLpi9RUyGcR7NI0WllOtWnuT3Q" />
    <input value="5043" 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="ZwHKMdalBqKMrRxHGjtePZzceRS4gNcBLh95KE-vAsAjibYJaJ7ytlB6XH6i1ALYlftxC8fn4FzO9cXa5v4JuA" />
    <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/paniermehl-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
          <img alt="Paniermehl Mais Gluten frei ohne Hefe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.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-mais-gluten-frei-ohne-hefe-bio-200-g-5045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paniermehl Mais Gluten frei ohne Hefe Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U2rtC2NAIDkQ0RqdoOtIZFZV-vFFLrKSU-M1igXUckgX4pEz3XvULcwGWqQYBBSBX3Ly7jpJhc-zCYl4rIV5MA" />
    <input value="5045" 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/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="E0PRBHSMePgHG1zO9cefIFIrrfUw7pzkXtItUK7NlnBXy608yreM7NvMHPdNKMPFWwyl6k-Jq7m-OJGiB5ydCA" />
    <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>


  

  <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/backmischung-pizzateig-dinkel-demeter-350-g-5049">
          <img alt="Backmischung Pizzateig Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.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/backmischung-pizzateig-dinkel-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Pizzateig Dinkel Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jz-c5ONzKwubOEwem4vO_R1G6E6-k3_T9Is1IcmC2_bLt-DcXUjfH0fvDCcjZJIYFGHgUcH0SI4UYYnTYNPQjg" />
    <input value="5049" 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/mini-choc-bars-erdbeerfullung-100-g-5050">
          <img alt="Mini Choc Bars Erdbeerfüllung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2984/file/small-d45d7f4432e83b983bf5a33e54bcca40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.webp 900w, https://assets.fabulous.ch/public/variant_asset/2984/file/large-23a8b01e3bdf68377d666667fb304d83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2984/file/medium-d1f655356926fe3dabf8429c28411192.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/mini-choc-bars-erdbeerfullung-100-g-5050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Choc Bars Erdbeerfüllung, 100 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J-l9_jAsphdOsgY3C_S48krI6uBPneGnK5hPDR4yQZ1jYQHGjhdSA5JlRg6zG-QXQ-_i_zD61vrLcvP_t2NK5Q" />
    <input value="5050" 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/vantastic-foods-buttons-schakalode-500-g-5052">
          <img alt="Vantastic Foods Buttons Schakalode" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2985/file/small-85de2bfaf73e232726f61d156a75fc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.webp 900w, https://assets.fabulous.ch/public/variant_asset/2985/file/large-48d1b0197306a0c6921dbd2cd3fbfe89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2985/file/medium-2a9baacad106014075fcbbcf3546cf90.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/vantastic-foods-buttons-schakalode-500-g-5052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Schakalode, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

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

</template></turbo-stream>