<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/bambus-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
          <img alt="Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2860/file/small-3357bad50c006092f5c152fa96f23c88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.webp 900w, https://assets.fabulous.ch/public/variant_asset/2860/file/large-3b37baf3d139436ff019aa541d66eef2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2860/file/medium-7055cf2325d088aab4b67a27a79d6648.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-kuchenhelfer-kochgabeln-2-er-set-30cm-1-stuck-4695">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Kochgabeln, 2-er Set, 30cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3FRW9Cu4Qgb8kns_aSkN5fs6PwxCebmVHNYXZquBqrR2XuOBt6yFB_KC9iWOFtrwQ6CN5UNdMWIGgnVXPP_Cw" />
    <input value="4695" 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/zitronensaft-lemon-plus-flasche-bio-200-ml-4749">
          <img alt="Zitronensaft Lemon Plus Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2863/file/small-32541cbdcf3ce004c000a9511d2c4393.webp 600w, https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2863/file/large-5b27b8bee831605487d1face7de43c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.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">Lemon Plus</p>
          <a href="/de/products/zitronensaft-lemon-plus-flasche-bio-200-ml-4749">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zitronensaft Lemon Plus Flasche Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="og7oGKGEaA3Bi5tb1TCW5o1r8CfA7oYsA3BvhUZy2M48psLNd_Q7EcWz2W--rGm624ma7GTqFA_fGT4NgC8hbw" />
    <input value="4749" 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/nassfutter-ami-dog-orange-vegan-400-g-4765">
          <img alt="Nassfutter Ami Dog ORANGE Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2862/file/small-551abc5ab5186cd49723d41a16b1245e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2862/file/large-b68c39a1a1bc8854e19b12291ce6642c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2862/file/medium-fc81cd344eebce912d21765a8e1b954c.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-orange-vegan-400-g-4765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog ORANGE Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2L5ULGjdTFagVozmkxPKXKl4mlJLUK-1derLnDhQxmhGFn75vq0fSqRuztL4jzUA_5rwme9UPZapg5oU_g0_yQ" />
    <input value="4765" 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/nassfutter-ami-dog-green-vegan-400-g-4766">
          <img alt="Nassfutter Ami Dog GREEN Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2865/file/small-4530ebc01eb20105fdae39e45a085629.webp 600w, https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2865/file/large-5107580dcbf8207d26badf2c77be4fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2865/file/medium-84b07fdb060b1e5eeb9f8eb129bd88bc.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">AMI</p>
          <a href="/de/products/nassfutter-ami-dog-green-vegan-400-g-4766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nassfutter Ami Dog GREEN Vegan, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-noB85wItNXutsWMFaxesxWZagbROLuuoNWPGz0CjY1k0ismSnjnyeqOh7h-MKHvQ3sAzXU8KY18vN6T-190LA" />
    <input value="4766" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
          <img alt="Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2876/file/small-2a907519fd609f773a61d9b58137d568.webp 600w, https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp 900w, https://assets.fabulous.ch/public/variant_asset/2876/file/large-cb2cafa6e2b8bde258165b3438505851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Henauer Kaffee</p>
          <a href="/de/products/kaffee-caffe-irlanda-espresso-gemahlen-henauer-demeter-250-g-4794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffee Caffè Irlanda ESPRESSO gemahlen Henauer Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
          <img alt="Algamaris Sonnenmilch LSF30 Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2879/file/small-3460ad0ef6b53e62cc521637d53fdaf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.webp 900w, https://assets.fabulous.ch/public/variant_asset/2879/file/large-a9039d12add96cbd70d5d188c6dad2fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2879/file/medium-b87849be642c2453bc10dda82317c001.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnenmilch-lsf30-dispenser-bio-100-ml-4797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algamaris Sonnenmilch LSF30 Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h8jkgCko2_JtAS4xw0ajebV-LptSJA0biGuZuKs-1rMZYM5V_1iI7mk5bAWo2lwl45xEUPYgnzhUAsgwbWMvEg" />
    <input value="4797" 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/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
          <img alt="Zubehör Sonett Abfüllpumpe für 5/10 l Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2880/file/small-a2e5b51b57024c5de1a0df9f0fcd808e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2880/file/large-d8156cc94ba9f9b47b4cd782566960b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2880/file/medium-3f5bc94e8c6b7b59ddaa63561381b66b.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">Sonett</p>
          <a href="/de/products/zubehor-sonett-abfullpumpe-fur-5-10-l-bidon-1-stuck-4807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Abfüllpumpe für 5/10 l Bidon, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f6qeY_U3M6KyxCjUJNpg4WSiW4mYvFprMJ2ja1qz8bbhArS2I0dgvrb8auBPRp-9MkAxQjy4yEjs9PLjnO4IFw" />
    <input value="4807" 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/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
          <img alt="Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2883/file/small-df0c5fc7e84f95a4a4844ec793f8f4ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2883/file/large-a82e93ae17fa51e63dfb6281e1325fa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2883/file/medium-e13b411bce3aca6fbe4c1f5130cbbd1c.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">Algamaris</p>
          <a href="/de/products/algamaris-sonnencreme-baby-kind-lsf-50-dispenser-bio-100-ml-4811">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algamaris Sonnencreme Baby + Kind LSF 50+ Dispenser Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08uRAvkbVdKPdV1buoz_9Bjb13h4WmTZUhcYCIbDyINNY7vXL2sGzotNH2_REACoTjm9s9xe9vqOfkmAQJ4xIg" />
    <input value="4811" 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/rote-bete-randen-pulver-bio-250-g-4812">
          <img alt="Rote Bete / Randen Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2884/file/small-711722c02e2f791aed88bfabf75e34e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2884/file/large-71966bd90352cca57aa185b42550edac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.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">Raab</p>
          <a href="/de/products/rote-bete-randen-pulver-bio-250-g-4812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rote Bete / Randen Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NYs63QaCi-NGVGiqQkRw5WkZ3kocI1gN5FUfQcRNH8-rIxAI0PLY_0JsKp4p2I-5P_u0gbgnyi44PE7JAhDmbg" />
    <input value="4812" 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/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
          <img alt="Vego Crunchy Aufstrich Schoko-Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2888/file/small-a86d30ead32d7844292b1a9affd8d9f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2888/file/large-ce61e93bbfe966b4f0b8efd9dcb210b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.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">Vego Chocolate</p>
          <a href="/de/products/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Crunchy Aufstrich Schoko-Haselnuss Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Btz-K1yTuyhgVbLBx4HMsSC5bFvLH78xWJT_T956qiSYdNT-iuPoNGRt8PWsHTPtdlsGkG8bLRKE_a7HGCdThQ" />
    <input value="4825" 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/hirse-ganz-geschalt-grossgebinde-bio-5-kg-4857">
          <img alt="Hirse ganz geschält Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.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">Bio Grosshandel</p>
          <a href="/de/products/hirse-ganz-geschalt-grossgebinde-bio-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse ganz geschält Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kerzen-teelicht-halter-glas-10-stuck-4869">
          <img alt="Kerzen Teelicht-Halter Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2891/file/small-b07ab63a4b41166766b21cf4a9a643ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2891/file/large-e65fed0e7a456662687dc30c3318225c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2891/file/medium-8ef4eeb9eb305adc2e10493f3c48d2f2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">eubiona</p>
          <a href="/de/products/kerzen-teelicht-halter-glas-10-stuck-4869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kerzen Teelicht-Halter Glas, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.15
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <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="MoYbj6OL5lLLxQAUGVXnHnynz8shWTBPz2Lx5w1b2cqsLjFadfu1Ts_9QiByyRhCKkWlAIVdomwTC6BvywYgaw" />
    <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="XSwhfpxGhRk6zD-NI-vKoFErGkS74O7Sv-9bI2GHXLLDhAurSjbWBT70fblIdzX8B8lwjx_kfPFjhgqrp9qlEw" />
    <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="F0Hm8d5afZ6lO3e8hrBsFpOTEwe4_Z04lNcXDNIQUPiJ6cwkCCougqEDNYjtLJNKxXF5zBz5DxtIvkaEFE2pWQ" />
    <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="ktYE3ttbCt_2AsZ9lcjOEMs0vnWYZUQvIyTk4kn8vfcMfi4LDStZw_I6hEn-VDFMndbUvjxh1gz_TbVqj6FEVg" />
    <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="ntVbnyW67UOectaqBkVN2MvV4dydBzBP3KZfdKviFZUAfXFK88q-X5pKlJ5t2bKEnTeLFzkDomwAzw78bb_sNA" />
    <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="-rZToPLYLhgCPoDLgqGAhnTwB50iEeN0QZf5-bwcXEpkHnl1JKh9BAYGwv_pPX_aIhJtVoYVcVed_qhxekGl6w" />
    <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>



</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">
      800 von 3&#39;185 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/low-delights-gmbh?format=turbo_stream&amp;page=41">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>