<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/entharter-100-biologisch-abbaubar-karton-5-kg-4146">
          <img alt="Enthärter 100% Biologisch abbaubar Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2619/file/small-f5fe4eea3e69c3cc08dec06c74a6807d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.webp 900w, https://assets.fabulous.ch/public/variant_asset/2619/file/large-645f7dc662e1eb0728279866a9028a2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2619/file/medium-451a076c09bdeb9461d9d1ea6932ac11.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/entharter-100-biologisch-abbaubar-karton-5-kg-4146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Karton, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WlpRwxsYBr61v750rRU9VJ_DUFxymTESmx-0UH-N9dmsTYegz3jqMm5ouSY7GtBSUJoBtmtCVo6ng-HDOqVfVw" />
    <input value="4146" 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/seife-rosmarin-handseife-pumpspender-300-ml-4148">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2620/file/small-c80f5b2a2953ce6a761e205eccba6e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.webp 900w, https://assets.fabulous.ch/public/variant_asset/2620/file/large-1c5ef148dc104bfd23590155753eb104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.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/seife-rosmarin-handseife-pumpspender-300-ml-4148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </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-4148-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6eKdG8-GChmpzVWYUlWFnvCG7NPbPbijeCmSQPZp5ckf9Ut4G-bmlXIaUsrEWmiYP9-9OcLm3z9EtcfTs0FPRw" />
    <input value="4148" 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/seife-lavendel-handseife-pumpspender-300-ml-4149">
          <img alt="Seife Lavendel Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2621/file/small-c0dde76a822ceecc2c25532376a4384f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.webp 900w, https://assets.fabulous.ch/public/variant_asset/2621/file/large-4f0463d7f737d2485fc57381f50894ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.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/seife-lavendel-handseife-pumpspender-300-ml-4149">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Lavendel Handseife Pumpspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s9rUgUyNSrP34oO13cfI_Ewvpeqqtj75Iu9QEJu_2gNFzQLimO2mPyw1hOdLyCX6g3b0ALNtWWUecwWD3pdwjQ" />
    <input value="4149" 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/seife-sensitiv-ohne-duftstoffe-handseife-pumpspender-300-ml-4150">
          <img alt="Seife Sensitiv ohne Duftstoffe Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2623/file/small-dc7eadf91470d08e04240c3f551a3005.webp 600w, https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2623/file/large-f5edf0e107a508cfb7cacca0b8f62ecc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2623/file/medium-be521b50d6c0f98c3707b7f7828d533d.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/seife-sensitiv-ohne-duftstoffe-handseife-pumpspender-300-ml-4150">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Sensitiv ohne Duftstoffe Handseife Pumpspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gFjHosq99FFDJwt6pfiGYbrty_avWM7btdZmC3PYHsN2TxHBHt0Y3ZjwDCgz92tndbSaHLaDqUeJSjOYNvC0TQ" />
    <input value="4150" 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/6er-pack-tomaten-stucke-bio-6-x-340-g-4153">
          <img alt="6er Pack Tomaten Stücke Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2628/file/small-e5f73c431e90caad90e47c45613ed04f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2628/file/medium-328923b9c8df6a9559d2909063df9be3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2628/file/large-288015805f719eb9cd79b4def7c162f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2628/file/medium-328923b9c8df6a9559d2909063df9be3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/de/products/6er-pack-tomaten-stucke-bio-6-x-340-g-4153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">6er Pack Tomaten Stücke Bio, 6 x 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </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-4153-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I7RDY6-gmyTyFJOSQxmX7rNwhjcRJdtoqW1dEKpXHdrVo5UAe8B3qCnDlMDVFnrofCnX3Qj-vPSV8QiD73-3VA" />
    <input value="4153" 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/keimsaat-brokkoli-beutel-bio-150-g-4167">
          <img alt="Keimsaat Brokkoli Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2627/file/small-bde45c732c32eb0cae7d14324fc951dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.webp 900w, https://assets.fabulous.ch/public/variant_asset/2627/file/large-c6e0fc388c9cbf3eda32ffd6796d71bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.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">Germline</p>
          <a href="/de/products/keimsaat-brokkoli-beutel-bio-150-g-4167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Brokkoli Beutel Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZPbMu8zUn3SQo9FCOP_RYfagmDG9qzUae_CxdFgZxZ_hA1RO1O-8QmViBee7BJDSIPTit8ty0hVc5dWlEjNmA" />
    <input value="4167" 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/vitamin-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-stuck-4170">
          <img alt="Vitamin E - Tocotrienols alpha - gamma + Tocopherol Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2631/file/small-3573c69459ed2b8581b9ca9d9c36ed2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2631/file/large-9bee0eafd9cf5b71a67688730899b87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2631/file/medium-23d4e116e22ccb49d9da2bb87eba10e7.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">energybalance</p>
          <a href="/de/products/vitamin-e-tocotrienols-alpha-gamma-tocopherol-kapseln-60-stuck-4170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin E - Tocotrienols alpha - gamma + Tocopherol Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-TKjyNp8Zn53iBAxN_rzgGwIK3-SQkSJ0Bj9zkLJ8WMPJXWrDhyK8qxfF2Oh9R6Go1F6lYuZIxXshKhdB-Fb7Q" />
    <input value="4170" 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-rapunzel-kokos-happen-zartbitter-bio-50-g-4173">
          <img alt="Riegel Rapunzel Kokos-Happen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2632/file/small-b72a89e655a19a592b078ad7e7515bca.webp 600w, https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2632/file/large-f0a243728b4c35d9b96e437e62811a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2632/file/medium-15031d56fda64dc3a0dd1e7780acfef2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/riegel-rapunzel-kokos-happen-zartbitter-bio-50-g-4173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Rapunzel Kokos-Happen Zartbitter Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bFczL3980SJriQZVSrsfbUWwkNpAAwK1KFSxKgVDw3-aQOVMqxw9rrBeAQfctPJriunBMFnYZSkUyOS5QGtp8Q" />
    <input value="4173" 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/sonnenblumen-bolognese-mix-bio-90-g-4187">
          <img alt="Sonnenblumen Bolognese Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2634/file/small-3c2753d9c8da65bb609b41b72bb19c0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2634/file/large-e2f47dd4cdbefdc58e62485e642fe230.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2634/file/medium-04b7c6ba0dcb36e0bd45efedebf7a520.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-bolognese-mix-bio-90-g-4187">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumen Bolognese Mix Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sCC0B29L5_LFiPp2polqlZB52AJCHdFJCUV2EXiyZP1GN2JkuysLfh5f_SQwhoeTXyCJ6FvGttU12SOCPZrOcw" />
    <input value="4187" 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/sonnenblumen-hack-pur-bio-76-g-4190">
          <img alt="Sonnenblumen Hack Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2638/file/small-ed2f57e2fc34f1c895f44c28da92e290.webp 600w, https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2638/file/large-34dd1b0a4f778e60fb579a170e2980bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-hack-pur-bio-76-g-4190">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumen Hack Pur Bio, 76 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YSARBKF9tbk-b_jZT_--yCjxfYWUA9vo0cD_Z62A-0yXN8dndR1ZNeW4_4vZ8FPO56gsb43YvHTtXKr06KhRwg" />
    <input value="4190" 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/tempeh-starter-auf-sojabasis-75-g-4205">
          <img alt="Tempeh Starter auf Sojabasis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2640/file/small-1d377c0b666b54c88a83459bae6d3c81.webp 600w, https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/2640/file/large-4effa371a3f1ae3704cee9fe00e5c588.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2640/file/medium-107d0231b891987a6fd850034c0c6c04.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">Produced for fabulous!</p>
          <a href="/de/products/tempeh-starter-auf-sojabasis-75-g-4205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Starter auf Sojabasis, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gvuiNme4cdiWNVu-fJjXyPOQYf7WPFtFT13v7Omuhoh07HRVs9idVE3iXOzqlzrOPMkwFM_nPNlzwbp_rIYsBg" />
    <input value="4205" 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/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
          <img alt="Erdbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2644/file/small-9ba6b9567a5e8a0af43d73979c4d8443.webp 600w, https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp 900w, https://assets.fabulous.ch/public/variant_asset/2644/file/large-c5fde127392253a322ed131cfcd5d905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdbeeren gefriergetrocknet Rohkostqualität Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YBsRVzrLYhhEVA_VNm6yd4sLFb-reZTYFC6GfkuCuf6WDMc07quOlJ-DCIegYV9xRFJEVbKi80QostPtDqoTcA" />
    <input value="4213" 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/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
          <img alt="Himbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2646/file/small-1ff1f274ad0d3c26ab4013ab3c8f0b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2646/file/large-869b2073c3f2a09a1072b7a6f25b0a81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Himbeeren gefriergetrocknet Rohkostqualität Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDilFreXt-kYqE4YfV9f2uZJtb_OF48Zi6oWfwjk2oGOL3N1Y_dbZcN_SUrrULLcKRDkVdfM6IW3NkPsTcxwDw" />
    <input value="4214" 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/pralinen-himbeer-6er-box-bio-72-g-4215">
          <img alt="Pralinen Himbeer 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/pralinen-himbeer-6er-box-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Himbeer 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pralinen-gianduja-6er-box-bio-72-g-4217">
          <img alt="Pralinen Gianduja 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/pralinen-gianduja-6er-box-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinen Gianduja 6er Box Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4217-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/chips-kichererbsen-meersalz-bio-75-g-4241">
          <img alt="Chips Kichererbsen Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2657/file/small-5fdd628fcc07c8c6d72986493cc63211.webp 600w, https://assets.fabulous.ch/public/variant_asset/2657/file/medium-982f7a6c95d313295e84a6fc4d7312a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2657/file/large-f27d72aade5bd02489d2321f63ea0e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2657/file/medium-982f7a6c95d313295e84a6fc4d7312a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/chips-kichererbsen-meersalz-bio-75-g-4241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Meersalz Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FXoGIF4vGDmx-Zn2HMY4j_6f8-RwoeBbNFyHgs4c6PnjbdBDik_0tWounqSKydWJMcaiDml6h8cIwNIRizRCdw" />
    <input value="4241" 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/chips-kichererbsen-paprika-bio-75-g-4242">
          <img alt="Chips Kichererbsen Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2658/file/small-19601ba3c1adad04c4aa6c2fb6d98f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/2658/file/medium-5a2114b329de8f47ea0e13df26b2474a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2658/file/large-2f14c62133da93a9fa19cc080151b41a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2658/file/medium-5a2114b329de8f47ea0e13df26b2474a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/chips-kichererbsen-paprika-bio-75-g-4242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Paprika Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chips-kichererbsen-rosmarin-bio-75-g-4260">
          <img alt="Chips Kichererbsen Rosmarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2663/file/small-46b2951bd8d0c4cd81e9137f482f0459.webp 600w, https://assets.fabulous.ch/public/variant_asset/2663/file/medium-6982451ef85af4e9ea9c8c9500b15dd1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2663/file/large-79a3a783a1199cdf117f65df810a72ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2663/file/medium-6982451ef85af4e9ea9c8c9500b15dd1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">de Rit</p>
          <a href="/de/products/chips-kichererbsen-rosmarin-bio-75-g-4260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Rosmarin Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qfCdwHbX9tY1BJjeuvA-_pB5lmZzpfuIpWBnVY4O65df50ujorcaWu7Tn4ws_9P4XyDHjGp-nBSZ_DLGyyZBGQ" />
    <input value="4260" 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/oliven-grune-oliven-mit-stein-olive-verdi-in-salzlake-bio-310-g-4261">
          <img alt="Oliven Grüne Oliven MIT STEIN Olive Verdi in Salzlake Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2664/file/small-40d2ae6e8804e2af59a9452b4bd62a0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2664/file/medium-43bfe3b4ce3da9c3e6a2b7375578e1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2664/file/large-5d1c40ce04505fbb3843fd05a317b7d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2664/file/medium-43bfe3b4ce3da9c3e6a2b7375578e1c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/de/products/oliven-grune-oliven-mit-stein-olive-verdi-in-salzlake-bio-310-g-4261">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Grüne Oliven MIT STEIN Olive Verdi in Salzlake Bio, 310 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.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9dGg5_nyBPlLGpXvsE99JjS-_V4anNRjvoRwKrvLh5IDxnaELZLodZDNkr0mQJAg--estANHs_-CGCW5_uMtHA" />
    <input value="4261" 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/artischocken-in-olivenol-bio-280-g-4262">
          <img alt="Artischocken in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2665/file/small-b1d9da55bcbf1686283af8720197d03f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.webp 900w, https://assets.fabulous.ch/public/variant_asset/2665/file/large-850593f7b327ace1f99b18d476b14bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/de/products/artischocken-in-olivenol-bio-280-g-4262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artischocken in Olivenöl Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6GZQBssDpjIg01nyUIur6fyIkRsvKfie2pHbYWYbtF4ecYZlH2NKvvsEXqDGhEbvM9HA8TbynwLmDY7yIzMe0A" />
    <input value="4262" 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">
      700 von 3&#39;175 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/vecon?format=turbo_stream&amp;page=36">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>