<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/seife-lavendel-handseife-gesicht-korper-grossgebinde-10-l-4655">
          <img alt="Seife Lavendel Handseife, Gesicht, Körper Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2845/file/small-36e7e64d0893e1cdd8d207630ff13361.webp 600w, https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2845/file/large-5c7cdce4bdbed1b1b00f5a90eee7d55a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2845/file/medium-a676988d3afb42fcde9211ebb37fc13b.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-gesicht-korper-grossgebinde-10-l-4655">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seife Lavendel Handseife, Gesicht, Körper Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 127.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fwX6P0u8sYq9kC-yk1sBazGo-Ze3cdP1CFy9DV4TYV3fNY0TUwyXBovHSfB8w8xKl-R6eVv3nQWiWdwxUp94zw" />
    <input value="4655" 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/zubehor-sonett-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
          <img alt="Zubehör Sonett Auslauf-Hahn 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/2847/file/small-fb44c7db0c89b6109d79eb83b0176f0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2847/file/large-0e0e29d458b5cd11b18b4fedf25e71d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2847/file/medium-dc3c18e2c7e47434f0d6ad8dc527e0a9.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-auslauf-hahn-fur-5-10-l-bidon-1-stuck-4656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zubehör Sonett Auslauf-Hahn 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 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3dArZw3NwLPVGUq_newYkbObmdN1jNNmPGUmetJh2Lt94FxLFX3mP-NOLP1ydNWwFdcaPZkKnZaWYEdG3u3BKQ" />
    <input value="4656" 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-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
          <img alt="Vitamin B12 Methylcobalamin Vegan 500µg Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2850/file/small-bfa98abc8cb3d997043f757c67e4ea00.webp 600w, https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2850/file/large-086f0aac2a6f45d2fa30c3d948e6db94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2850/file/medium-2afb5a66818a222d0f44e09025d10e2a.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-b12-methylcobalamin-vegan-500-g-spray-25-ml-4665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin Vegan 500µg Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="73xU6kpTLbKoijfEQVRwO_q4TxqMHEYceb4hBpvHXMVPTCPGUuMLPp7dUYauzL0aXPTM9GCaCOzTu0A6l0tFVw" />
    <input value="4665" 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/bambus-kuchenhelfer-servierzange-kochzange-26cm-1-stuck-4691">
          <img alt="Bambus Küchenhelfer Servierzange / Kochzange, 26cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2853/file/small-6e93eaf0e5d9e93c2feb37645d635291.webp 600w, https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2853/file/large-07f8c537e14a5a9c7131f62e4dfab828.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2853/file/medium-7568354bd4236a7e5506b1ce3473c2a0.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-servierzange-kochzange-26cm-1-stuck-4691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Servierzange / Kochzange, 26cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o0v_YErQVWN0dWB_sI1HiqCuKLes5bp2TnPse5w-unoDe4hMUmBz70IiBj1fFYqrBuKrWUBj9Ibkdo1HkLKj6A" />
    <input value="4691" 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/bambus-kuchenhelfer-salatbesteck-set-1-stuck-4692">
          <img alt="Bambus Küchenhelfer Salatbesteck Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2854/file/small-b4e10e9229befed735c6142bf9b19afd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2854/file/large-395e31257ba5d2c074bec474c38df557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2854/file/medium-970408a5b0ca05cb03ea12154de023af.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-salatbesteck-set-1-stuck-4692">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Salatbesteck Set, 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-4692-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T04V77fMUxJ_rUZTob2fpgsXVwCOP-2Y4vQ8kWWhI7TvfmLDr3x1nkn6IBFOJVKHrVvU7mK5o2hI8V2taS06Jg" />
    <input value="4692" 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/bambus-kuchenhelfer-lochkelle-1-stuck-4693">
          <img alt="Bambus Küchenhelfer Lochkelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2855/file/small-501435500d633222e3965aa3157aaff2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2855/file/large-8b813c90e3aa0bacc02e5f11aa97b10c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2855/file/medium-f895d2a717a43a65408b07a44a21568a.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-lochkelle-1-stuck-4693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Lochkelle, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AguQ18XE0AU1-eKf9MqWyiSp61anBT6F5SG80quVqmiiO-f73XT2iQOuhN0bUlvrguVouEuDcHVPJN3upxmz-g" />
    <input value="4693" 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/bambus-kuchenhelfer-wender-35cm-1-stuck-4694">
          <img alt="Bambus Küchenhelfer Wender, 35cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2859/file/small-6a10e91a8c05fb754edded0e25728f3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.webp 900w, https://assets.fabulous.ch/public/variant_asset/2859/file/large-7c789e13e1f8a1a20bb4b81284b02d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2859/file/medium-e7bd23d7acc32877fc43a5d19fbb0526.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-wender-35cm-1-stuck-4694">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Küchenhelfer Wender, 35cm, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NNuYgfdKqJqu7Pr02LcUGhIfDimwW1PhiGju4sVvYbyU6--t7_qOFpi7nLY3L9k7tFONx1zdHREibY_eyeN4Lg" />
    <input value="4694" 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/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="X23X22JuZtDDf2hz87ytPfYLoDd3opNKYSJjoMO6fab_XaD3et5AXPUoDjEcJGAcUEcj2Zsk3brLJwKczzZkNA" />
    <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 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/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="noHf9bA4sTRLGmNYnxqSJVUda1x-XkNuWBOdZ_UlYDk-sajZqIiXuH1NBRpwgl8E81HospLYDZ7yFvxb-al5qw" />
    <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  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-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="HIGy96dxHniErEZzljzV0i4tv2OVkFYxxc-y2VYO0d68scXbv8E49LL7IDF5pBjziGE8jXkWGMFvytPlWoLITA" />
    <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 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-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="uoDThEQjre8q4_dwVY2H6-OYpWacDBSw7Ltjre4Ajc0asKSoXJOLYxy0kTK6FUrKRdQmiHCKWkBGvgKR4oyUXw" />
    <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  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/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="fD7wGpkWkFFBovqgFdAbZOqm_PdYjp4doOnNRwRIH4HcDoc2gaa23Xf1nOL6SNZFTOp_GbQI0O0K7Kx7CMQGEw" />
    <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 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/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="JxNBYUJf5-asnfd9ohYZPX9OEKUlAuAAfZZIUYYlDLiHIzZNWu_BaprKkT9NjtQc2QKTS8mErvDXkyltiqkVKg" />
    <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  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/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="7WDS2FVNqo5TA8MSd35Ni1a0q5V6q7tUpNkiMvKEGghNUKX0Tf2MAmVUpVCY5oCq8Pgoe5Yt9aQO3EMO_ggDmg" />
    <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 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/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="q13YITzpe9NkDWzdEiP9eRPHw4zHTe42l4guYYf7NdcLba8NJFldX1JaCp_9uzBYtYtAYivLoMY9jU9di3csRQ" />
    <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  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="DY-QQTPVeqSplaqSJtRVhTzdH1aalP6dVdTGDSUp3SKtv-dtK2VcKJ_CzNDJTJikmpGcuHYSsG3_0acxKaXEsA" />
    <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="CB_TE94h0tHJ-4qUD7P7lImo7UmFURDKCiqom9w_LAeoL6Q_xpH0Xf-s7NbgKza1L-Rup2nXXjqgL8mn0LM1lQ" />
    <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="wXEfmFyCGS8vLLyHp03k7MrrYC6DlHvHomgdTxNyUCNhQWi0RDI_oxl72sVI1SnNbKfjwG8SNTcIbXxzH_5JsQ" />
    <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="UpoHFj7OnN6JDgW6BrPKaq2R_T5OJ2tC25EaZv99cC_yqnA6Jn66Ur9ZY_jpKwdLC91-0KKhJbJxlHta8_FpvQ" />
    <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>



</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">
      820 von 3&#39;188 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/products?format=turbo_stream&amp;page=42">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>