<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/wilmersburger-pizzaschmelz-bio-150-g-61">
          <img alt="Wilmersburger Pizzaschmelz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/65/file/small-0236698a3e2b7081bd59ca390303dc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/65/file/medium-dd41c97472ff0dca2a583d7581c6e0ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/65/file/large-78bd90e39b176fa3b5db1dd8e91cc34a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/65/file/medium-dd41c97472ff0dca2a583d7581c6e0ae.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-pizzaschmelz-bio-150-g-61">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizzaschmelz Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </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 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oHxfjTZpOz4DSmBbxTUCD79_9iESuU8YRKmsboyJG86oLEdcbinCZPhe2onLkPVyd7G1gyEihQu0E800tTCnwQ" />
    <input value="61" 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/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
          <img alt="Wilmersburger Scheiben Kräuter Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/64/file/small-85c4c55fe371dfae14176ffbbf02c0b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/64/file/medium-2427a74868604f14773a9d7e3a2b83ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/64/file/large-95595a882b4873992602ad9cb8d9ddec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/64/file/medium-2427a74868604f14773a9d7e3a2b83ea.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-krauter-glutenfrei-150-g-62">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Scheiben Kräuter Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KCYBdmiJeEJFPzNi3pcGYDd7n5dU-gZ_ZEc_5aM36ZYgdhmnMMmBGL4ribDQMvEd_7XcNWdhzGyU_V6_mo5VmQ" />
    <input value="62" 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/wilmersburger-scheiben-wurzig-glutenfrei-150-g-63">
          <img alt="Wilmersburger Scheiben Würzig Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/66/file/small-aa8d95bed33bbcc5c235b2da57bdf45e.webp 600w, https://assets.fabulous.ch/public/variant_asset/66/file/medium-5a3cd51826da39b5125b52923c6f6311.webp 900w, https://assets.fabulous.ch/public/variant_asset/66/file/large-e0eba445ee55a6fa5bbd370fc9d8dafa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/66/file/medium-5a3cd51826da39b5125b52923c6f6311.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-wurzig-glutenfrei-150-g-63">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Scheiben Würzig Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uAhx1o5iqVNXs8LxlDqad7bwkHPSoCk7tvjwf1QktGawWGkH1iJQCayneCOan20Kfj7T0eE74yhGQpElbZ0IaQ" />
    <input value="63" 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 left-2 top-0 md:top-2 lg:-top-4 flex flex-col justify-center items-center left-2 lg:-left-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/biscuit-bio-bis-choc-300-g-64">
          <img alt="Biscuit Bio Bis Choc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/67/file/small-6382fe693991d29815b3b9feb8419906.webp 600w, https://assets.fabulous.ch/public/variant_asset/67/file/medium-6d22f2bd9af159582cee63fae188b28f.webp 900w, https://assets.fabulous.ch/public/variant_asset/67/file/large-70d27ca888879f176359adf3de6c09ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/67/file/medium-6d22f2bd9af159582cee63fae188b28f.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">Pural</p>
          <a href="/de/products/biscuit-bio-bis-choc-300-g-64">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Choc, 300 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 1.53 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-64-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/riegel-lovechock-pur-kakaosplitter-schokolade-raw-bio-40-g-65">
          <img alt="Riegel Lovechock Pur Kakaosplitter Schokolade RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/68/file/small-931cc8d5e6082681aba603cf99d44b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/68/file/medium-728b13083e2febcbacf94e3453365c24.webp 900w, https://assets.fabulous.ch/public/variant_asset/68/file/large-4d68255c3cefb075c9e9c167ba08db93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/68/file/medium-728b13083e2febcbacf94e3453365c24.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-pur-kakaosplitter-schokolade-raw-bio-40-g-65">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Pur Kakaosplitter Schokolade RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="If63CZjwgKU-ZvVGn6pkundbK4_modoBJINiN0xINwkprq_YwLB5_8VyT5SRD5PHv5VoLdU6EBLUOQNtdfGLBg" />
    <input value="65" 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/riegel-vivani-dark-nougat-croccante-bio-35-g-69">
          <img alt="Riegel Vivani Dark Nougat Croccante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/70/file/small-47ee45d04f068c3162ef1a310a810039.webp 600w, https://assets.fabulous.ch/public/variant_asset/70/file/medium-f6f0abecd33b948f74ac436a1c44a968.webp 900w, https://assets.fabulous.ch/public/variant_asset/70/file/large-e0bae96da391f511d525d91e7d38cb5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/70/file/medium-f6f0abecd33b948f74ac436a1c44a968.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">Vivani / Ichoc</p>
          <a href="/de/products/riegel-vivani-dark-nougat-croccante-bio-35-g-69">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vivani Dark Nougat Croccante Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hDb701UqEgI-P3sxSyBxmjGGxwKONPwZXAkawqTASPWMZuMCDWrrWMUrweNFhYbn-UiEoL2vNgqss3uYnXn0-g" />
    <input value="69" 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/geschirr-handspulmittel-zitronengras-500-ml-71">
          <img alt="Geschirr Handspülmittel Zitronengras" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/74/file/small-db36c6be1b3ecaff524f7668d67e021f.webp 600w, https://assets.fabulous.ch/public/variant_asset/74/file/medium-882bd98ca55f995f73750b9c6c2d10b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/74/file/large-f6423191839bd00419b9b5b88f619a9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/74/file/medium-882bd98ca55f995f73750b9c6c2d10b3.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">Almawin</p>
          <a href="/de/products/geschirr-handspulmittel-zitronengras-500-ml-71">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Zitronengras, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vM0gVDwXjtZuRx2xR--d9AwAXc0MGN51ENC11OQGqAe0nTiFZFd3jJVTp2NJSmqJxM4ebz-DFGbgatSO3b8UCA" />
    <input value="71" 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/geschirr-maschine-salz-2-kg-74">
          <img alt="Geschirr Maschine Salz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/81/file/small-795a92f55bf1fcb945705d6495025950.webp 600w, https://assets.fabulous.ch/public/variant_asset/81/file/medium-a9aafdddf22f848c5147124cadd510ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/81/file/large-627435925006d7ba1e0bd17a1553a180.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/81/file/medium-a9aafdddf22f848c5147124cadd510ec.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">Almawin</p>
          <a href="/de/products/geschirr-maschine-salz-2-kg-74">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Maschine Salz, 2 kg</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 0.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DVPsfZLsVskLnXo1pWhk65SWITw16LvZOlka9oS3J48FA_Ssyqyvk_CJwOerzZOWXFhingZzccrK43usvQ6bgA" />
    <input value="74" 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/allesreiniger-haushalts-reiniger-0-5-l-77">
          <img alt="Allesreiniger Haushalts-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/84/file/small-5b0fc8ed42759e24e320aea6b2cbe760.webp 600w, https://assets.fabulous.ch/public/variant_asset/84/file/medium-a77336b9d8c06f936ce8e3cc9064e695.webp 900w, https://assets.fabulous.ch/public/variant_asset/84/file/large-c398369cb44beec43758a3c8946520ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/84/file/medium-a77336b9d8c06f936ce8e3cc9064e695.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">Almawin</p>
          <a href="/de/products/allesreiniger-haushalts-reiniger-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Allesreiniger Haushalts-Reiniger, 0.5 l</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 0.01 / l
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vpiBKGkv3TRkGLY9YST9_7Vcew0zDZ5O-cKapgZfsse2yJn5MW8kbp8MDO9vgQqCfZI4rwCWVF0JePv8P-YOyA" />
    <input value="77" 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/agar-agar-pulver-glutenfrei-bio-2-g-90">
          <img alt="Agar Agar Pulver Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/95/file/small-97dd75b0c1eed285e2e9693ce0c87654.webp 600w, https://assets.fabulous.ch/public/variant_asset/95/file/medium-8dfd96fea4574d6cd072e1d04e4b9d6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/95/file/large-1921f2efc47c4b14877641923f0726a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/95/file/medium-8dfd96fea4574d6cd072e1d04e4b9d6a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/de/products/agar-agar-pulver-glutenfrei-bio-2-g-90">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Pulver Glutenfrei Bio, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tcg6v9uO-IF-Yxh5n2F9RtKvPQAyOGbTyjD08TceVEZFmCJug84B24V3oquRxIo7GmF-ogGjrMA6ipWrDqfoSQ" />
    <input value="90" 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/cookie-mit-zartbitterschokolade-bio-175-g-91">
          <img alt="Cookie mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/99/file/small-756292ce7915f3c2211727f2898830fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/99/file/medium-4a40a91041babf5682a774f2c5dc8005.webp 900w, https://assets.fabulous.ch/public/variant_asset/99/file/large-008e24591bb6f8b938ef78fab31f84f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/99/file/medium-4a40a91041babf5682a774f2c5dc8005.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">Bohlsener Mühle</p>
          <a href="/de/products/cookie-mit-zartbitterschokolade-bio-175-g-91">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie mit Zartbitterschokolade Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ClQW64DlRLk2ZQrlCkOJFT8UjCx0rBRiOzczbSDu2agCBA462KW9481xsDcE5n5o99rPjkc33nHLjVI3GVdlpw" />
    <input value="91" 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 left-2 top-0 md:top-2 lg:-top-4 flex flex-col justify-center items-center left-2 lg:-left-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/biscuit-bio-bis-dinkel-sanddorn-orange-300-g-92">
          <img alt="Biscuit Bio Bis Dinkel Sanddorn-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/101/file/small-1956ccd50c63bc11135513942d10db18.webp 600w, https://assets.fabulous.ch/public/variant_asset/101/file/medium-958b908e8fa11dad163a050f45c81ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/101/file/large-ed8f307392f6ea4caf28351788bd7544.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/101/file/medium-958b908e8fa11dad163a050f45c81ddb.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">Pural</p>
          <a href="/de/products/biscuit-bio-bis-dinkel-sanddorn-orange-300-g-92">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Dinkel Sanddorn-Orange, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-92-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/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
          <img alt="Biscuit Bio Bis Schoko-Orange Choc&#39;Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/103/file/small-16e0a54e836516b8fa9adb983301558a.webp 600w, https://assets.fabulous.ch/public/variant_asset/103/file/medium-3df4e4b42da1af8d45f447cab92110e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/103/file/large-18f2f3f2434e6f61babf02475138d8e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/103/file/medium-3df4e4b42da1af8d45f447cab92110e8.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">Pural</p>
          <a href="/de/products/biscuit-bio-bis-schoko-orange-choc-orange-85-g-93">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Bio Bis Schoko-Orange Choc&#39;Orange, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HOacij6yl09eCpny8OeMpoMy0PzOjUoNR72oks-RYIYUtoRbZvJuFaUeIyD-QnvbS_yTXv0WgB63B8nI9ijciQ" />
    <input value="93" 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/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
          <img alt="Kakao Pulver stark entölt Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/105/file/small-54ab5fd687780d244cea5f961e925b5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/105/file/medium-36dc65628fea95ad02de8c49dde9777b.webp 900w, https://assets.fabulous.ch/public/variant_asset/105/file/large-686c365ba7f906a829df6b2a8870549c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/105/file/medium-36dc65628fea95ad02de8c49dde9777b.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">Naturata</p>
          <a href="/de/products/kakao-pulver-stark-entolt-fairtrade-bio-125-g-97">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kakao Pulver stark entölt Fairtrade Bio, 125 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 5.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aA4hg0AJgKM9IKfWHLb5N1mOzS-8Yj0pqJau5iryY6tgXjlSGEl5-cY0HQQSEw5KkUCOjY_59zpYLM-8E0vfpA" />
    <input value="97" 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/melasse-hefeflocken-streudose-konv-150-g-98">
          <img alt="Melasse Hefeflocken (Streudose) konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/107/file/small-b93f3db81c22f603f4145dc3c952fb25.webp 600w, https://assets.fabulous.ch/public/variant_asset/107/file/medium-f3deefb0029c2bcb02cd32dbb2a52027.webp 900w, https://assets.fabulous.ch/public/variant_asset/107/file/large-7f10b24c9a977dc86b928f96ce098095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/107/file/medium-f3deefb0029c2bcb02cd32dbb2a52027.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">Naturata</p>
          <a href="/de/products/melasse-hefeflocken-streudose-konv-150-g-98">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Melasse Hefeflocken (Streudose) konv, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZERuMvfaid6IrJDEtDMUagtdq_qQ0p_XdPfejRFiq1JsFHbjr5pwhHO4Kha6luMXw5PoWKNJVcSETb_XKNsXXQ" />
    <input value="98" 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/vegane-alternative-zu-mayonnaise-salatcreme-demeter-190-ml-99">
          <img alt="Vegane Alternative zu Mayonnaise Salatcreme Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/108/file/small-4f7fa31b8a455e315c264b661cdcdef7.webp 600w, https://assets.fabulous.ch/public/variant_asset/108/file/medium-20e0ea14976d64bbabc05fd5d40ef2a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/108/file/large-f032681bc4fdf23c6189d83da9d059f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/108/file/medium-20e0ea14976d64bbabc05fd5d40ef2a3.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">Naturata</p>
          <a href="/de/products/vegane-alternative-zu-mayonnaise-salatcreme-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Mayonnaise Salatcreme Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OlvoRLWlZ-x46bBmb4HTIyWTKQLzvjU1YER7W4wTaoUyC_CV7eWetoP9CrRhJCRe7V1qoMAl_yaQ_hoBtarWig" />
    <input value="99" 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/brotaufstrich-barlauch-streich-bio-180-g-102">
          <img alt="Brotaufstrich Bärlauch Streich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/111/file/small-f61f0a9fbd9a39e53472c496ed400463.webp 600w, https://assets.fabulous.ch/public/variant_asset/111/file/medium-4f3f1d40a7917a07b40295443d239646.webp 900w, https://assets.fabulous.ch/public/variant_asset/111/file/large-4b68c95706e81a271919721aa8371734.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/111/file/medium-4f3f1d40a7917a07b40295443d239646.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/de/products/brotaufstrich-barlauch-streich-bio-180-g-102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brotaufstrich Bärlauch Streich Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="plbo6w3ZqLheFKEqDm4pIuPZFVk8veO8vwrBG4wyXNOuBvA6VZlR4qUAG_gAy95fKxdW-w8mKa9PsKBBtYvg3A" />
    <input value="102" 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/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
          <img alt="Weisse Wurst Vegane Alternative zu Weisswurst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/115/file/small-05c1115dc5d3ebe53d42448bcf52b0be.webp 600w, https://assets.fabulous.ch/public/variant_asset/115/file/medium-ffc0de0514adb45fdc568de033de5a91.webp 900w, https://assets.fabulous.ch/public/variant_asset/115/file/large-8d03ea31d0e7fdb36ba387f284526e79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/115/file/medium-ffc0de0514adb45fdc568de033de5a91.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">Wheaty</p>
          <a href="/de/products/weisse-wurst-vegane-alternative-zu-weisswurst-bio-130-g-104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Wurst Vegane Alternative zu Weisswurst Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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 3.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VtR1cvoYIii0NWGTCerDNK-4d6-GpxOTmlEkI7rVsPtehG2joljbck8h20EHTzRJZ3Y0DbU82YBq60V5g2wM9A" />
    <input value="104" 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/tofu-spiessli-bio-190-g-110">
          <img alt="Tofu-Spiessli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/119/file/small-82ae221d484252575a99ba0f0109a9ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/119/file/medium-8094bff985d5c3fafa425324bbd373c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/119/file/large-11f7ea5f335b9ddced52a1d5d3482d58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/119/file/medium-8094bff985d5c3fafa425324bbd373c2.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">Engel-Tofu</p>
          <a href="/de/products/tofu-spiessli-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu-Spiessli Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-paneer-natur-bio-200-g-111">
          <img alt="Soja-Paneer Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-68af9263abff3358a4cbd6f36a358142.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-6f37ecc066641cada870c04cb4a3bfd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-5e91cbcd538a1a8721168e10e2ea1854.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-6f37ecc066641cada870c04cb4a3bfd3.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">Engel-Tofu</p>
          <a href="/de/products/soja-paneer-natur-bio-200-g-111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja-Paneer Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </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 3.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nbSf24YNG9u-9CYNww1Uy6f_U5mfhJBzEdYDWpTbK1uV5IcK3k3igUXgnN_NqKO2bzEQO6wfWmDhbGIArWKXVA" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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">
      40 von 43 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pural?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>