<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/hafer-drink-barista-edition-500-ml-9227">
          <img alt="Hafer Drink Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5254/file/small-b858f30641a2a93e79086acab8b6518e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.webp 900w, https://assets.fabulous.ch/public/variant_asset/5254/file/large-4fae1b689cc5272f33516ff7e4d4e09b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5254/file/medium-e9b212c17d4745dc5135dcb909d0f268.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">Oatly</p>
          <a href="/de/products/hafer-drink-barista-edition-500-ml-9227">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Barista Edition, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdncvaSd5AiWPjIv1rVBCsNBVQhAX0vXWpLhdA2q-TmGHwtsKTyXEdOx9HiCKEtakK4nmMMOWcmh8lNCFCtlHg" />
    <input value="9227" 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/baba-ganoush-glutenfrei-bio-170-g-9244">
          <img alt="Baba Ganoush Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5259/file/small-77b1d6ccefa84d57e743fc25d43fbd66.webp 600w, https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5259/file/large-e66a6274f4eca4144c31a5f8caae64a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.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">Florentin</p>
          <a href="/de/products/baba-ganoush-glutenfrei-bio-170-g-9244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baba Ganoush Glutenfrei Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="huGi1jg9jf1iT1DbeBHa_9gCth4eJ2mM8vextZT1w5s9J3UHtZz-5CfAlowsjNCvi-3Ejp12e5IJlwODjXRfvA" />
    <input value="9244" 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/veggiemix-frikadelle-bratlinge-burger-bio-170-g-9257">
          <img alt="VeggieMix Frikadelle Bratlinge Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5265/file/small-696939e90389bc5baf6b7aef33bd665e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.webp 900w, https://assets.fabulous.ch/public/variant_asset/5265/file/large-506b23ab1e8b89fd50781f8dcfff7a5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/veggiemix-frikadelle-bratlinge-burger-bio-170-g-9257">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Frikadelle Bratlinge Burger Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OFzGu1Ii2tGxNZi8LIl17thyufKuObWgZZCshXbSi4SDmhFq34OpyPS6Xut4FH--i53LYi1op76e8B6zb1MXow" />
    <input value="9257" 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/veggiemix-goldnuggets-bio-180-g-9258">
          <img alt="VeggieMix Goldnuggets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5266/file/small-76dab200ea36e1d081dc82bab85b47e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5266/file/medium-cba98d945292c427b05db8940691f48d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5266/file/large-ead0047a00bf0611451d43476ff1243d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5266/file/medium-cba98d945292c427b05db8940691f48d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/veggiemix-goldnuggets-bio-180-g-9258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VeggieMix Goldnuggets Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yFJVCZV_K3EXOPANX3Eslk0uGniu5FMjx7X40f8oOSZzlILYGN5YaFK3NloL7CbGHsFo6C21QT081Urn5qmlAQ" />
    <input value="9258" 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/kookie-cat-cookie-lil-cookie-monster-bio-50-g-9263">
          <img alt="KOOKIE CAT Cookie Lil’ Cookie Monster Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5270/file/small-d3eb98d970768bec4c9d4f5ab4bd589a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5270/file/medium-876a2d0dffbf0307cd8da6cae809fb3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5270/file/large-bd1dae1f576601ebd32d452556edc4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5270/file/medium-876a2d0dffbf0307cd8da6cae809fb3a.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-cookie-lil-cookie-monster-bio-50-g-9263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Cookie Lil’ Cookie Monster Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6WnZfLsa3S1Mq0yTGuU5tqbg21S5iii6SX-38-O4iANSrw6tNruuNAkkisROeDPm9Q-pxDrbOqSyHwXF-jkUJA" />
    <input value="9263" 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/kookie-cat-cookie-peanut-butter-schoko-bio-50-g-9264">
          <img alt="KOOKIE CAT Cookie Peanut Butter Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5269/file/small-7d50267dae6a162f8b87a80f28ad9e37.webp 600w, https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.webp 900w, https://assets.fabulous.ch/public/variant_asset/5269/file/large-87ea4a6403e3baf1b14150f2daa38a4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5269/file/medium-4f2c2037c2bededf24b12de99c61f304.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-cookie-peanut-butter-schoko-bio-50-g-9264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Cookie Peanut Butter Schoko Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RupU3n26wobrONPuASBaUHscb0xy3Gj1pQMeyHU89Wj9LIMP8Buxn663FblVvVAAKPMd3PGNeuteY6z-bL1pTw" />
    <input value="9264" 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/krunchy-muesli-low-sugar-klassik-bio-375-g-9290">
          <img alt="Krunchy Müesli Low Sugar KLASSIK Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5284/file/small-cab84bd1bfaf722347748fa94ff9432d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5284/file/large-817b6172597216c3377ac266baf04f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.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">Barnhouse Naturprodukte</p>
          <a href="/de/products/krunchy-muesli-low-sugar-klassik-bio-375-g-9290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Müesli Low Sugar KLASSIK Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FMK5uyRRsdGSfzlwo093tXN6vBFg_pdodh6GhEUarHyvBG5qqfDCyNfw_yf30n3lIJXOgeOvhXaNfjSyXJswWw" />
    <input value="9290" 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/kurkuma-gemahlen-grossgebinde-dose-bio-400-g-9291">
          <img alt="Kurkuma gemahlen Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5283/file/small-e0c3305f169bfcaec6a2a117945c4746.webp 600w, https://assets.fabulous.ch/public/variant_asset/5283/file/medium-8ce0adca54465a21dbfeb3a37f153b42.webp 900w, https://assets.fabulous.ch/public/variant_asset/5283/file/large-0ea0bbb69c48baef3df12c0d0e15ee89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5283/file/medium-8ce0adca54465a21dbfeb3a37f153b42.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/kurkuma-gemahlen-grossgebinde-dose-bio-400-g-9291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma gemahlen Grossgebinde Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37nEBjW3o5H_tfKUz9MYcJ6UjKPSKKCgFQJc2NrwF2hkfxPXuBbQiLo6NMObThIgzXv-M1F5sr7uYu7uw3GLTw" />
    <input value="9291" 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/xylitol-kaugummi-frucht-28-g-9296">
          <img alt="Xylitol Kaugummi FRUCHT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5294/file/small-4c4307e07db8fb6c4004b96c846ba2ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/5294/file/medium-d72ea667a7adb0bc610d53bc0822c369.webp 900w, https://assets.fabulous.ch/public/variant_asset/5294/file/large-2eb85d25f4f771281152f1f026f0febb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5294/file/medium-d72ea667a7adb0bc610d53bc0822c369.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">Birkengold</p>
          <a href="/de/products/xylitol-kaugummi-frucht-28-g-9296">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi FRUCHT, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bsF_wdJLdjn_cSsNuoDnsqZxOa5KpW118iR1EtZ20CXVB6gQX-oFILr-7VruHe3i9Z5LPsn0f2sJRMckz_dMAg" />
    <input value="9296" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-weiss-typ-400-grossgebinde-bio-25-kg-9300">
          <img alt="Mehl Weiss Typ 400 Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5299/file/small-44bc7716a2613d1e31c15d68bd3a3f6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5299/file/medium-e74850942ee8d7c1f6ce9e79b13e2b87.webp 900w, https://assets.fabulous.ch/public/variant_asset/5299/file/large-45e43521d0d073efb3a2b70a239d370f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5299/file/medium-e74850942ee8d7c1f6ce9e79b13e2b87.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/mehl-weiss-typ-400-grossgebinde-bio-25-kg-9300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Weiss Typ 400 Grossgebinde Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 118.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-halbweiss-grossgebinde-biosuisse-5-kg-9301">
          <img alt="Mehl Halbweiss Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5300/file/small-e40ca42652be821de0e224991b34b5f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5300/file/medium-88b11c3847d6705a5e5c4c7929d2865f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5300/file/large-a3e54419816bf674d180a61b95034a89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5300/file/medium-88b11c3847d6705a5e5c4c7929d2865f.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/mehl-halbweiss-grossgebinde-biosuisse-5-kg-9301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Halbweiss Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-halbweiss-grossgebinde-biosuisse-25-kg-9302">
          <img alt="Mehl Halbweiss Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5301/file/small-7c6c416351b467322398403762879a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5301/file/medium-f324d449d152c8ca7afdd772351cd4bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5301/file/large-c7d5659b808818b08a6afb3bd64df3a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5301/file/medium-f324d449d152c8ca7afdd772351cd4bd.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/mehl-halbweiss-grossgebinde-biosuisse-25-kg-9302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Halbweiss Grossgebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 113.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-dinkel-weiss-grossgebinde-biosuisse-5-kg-9303">
          <img alt="Mehl Dinkel Weiss Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5302/file/small-30c38f405c9774c9b325aa866715a9f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5302/file/medium-b6323d6d632ac961e0e8ea75adeb1227.webp 900w, https://assets.fabulous.ch/public/variant_asset/5302/file/large-788c445d58c0e8da0b35910c2d8e706b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5302/file/medium-b6323d6d632ac961e0e8ea75adeb1227.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">Biofarm</p>
          <a href="/de/products/mehl-dinkel-weiss-grossgebinde-biosuisse-5-kg-9303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Dinkel Weiss Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.05
            </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-9303-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-dinkel-weiss-typ-420-grossgebinde-biosuisse-25-kg-9304">
          <img alt="Mehl Dinkel Weiss Typ 420 Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5303/file/small-838dc886cfb8ea0f47376227ccdf81c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5303/file/medium-aa7710790605888fca3a63d8fc21abf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5303/file/large-86924776075d46496c5b660a916af332.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5303/file/medium-aa7710790605888fca3a63d8fc21abf5.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/mehl-dinkel-weiss-typ-420-grossgebinde-biosuisse-25-kg-9304">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Dinkel Weiss Typ 420 Grossgebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 170.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-dinkel-vollkorn-grossgebinde-biosuisse-5-kg-9305">
          <img alt="Mehl Dinkel Vollkorn Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5304/file/small-6e364af290edc35988167bc7cb9cdc84.webp 600w, https://assets.fabulous.ch/public/variant_asset/5304/file/medium-5f252bbe55d69d30f385e2c832708a60.webp 900w, https://assets.fabulous.ch/public/variant_asset/5304/file/large-25a1531f008907b2471b19459446ae5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5304/file/medium-5f252bbe55d69d30f385e2c832708a60.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/mehl-dinkel-vollkorn-grossgebinde-biosuisse-5-kg-9305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Dinkel Vollkorn Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="93WL5aUjd2Y2F97pgRClWCXfz3IDS8f_ByGBFem9f6NMs1w0KIIEf3OYGL7Vja8IdjC94oAa1eH8QTMj8DzjhA" />
    <input value="9305" 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/indisches-naan-naturell-bio-240-g-9306">
          <img alt="Indisches Naan NATURELL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5305/file/small-2baf7e2d08b2c06039881d5db33b9d22.webp 600w, https://assets.fabulous.ch/public/variant_asset/5305/file/medium-69adfa77797f03ac170d5813a0b9766c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5305/file/large-2c918e788cdb0202427e32edfdf8634a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5305/file/medium-69adfa77797f03ac170d5813a0b9766c.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">Terrasana</p>
          <a href="/de/products/indisches-naan-naturell-bio-240-g-9306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indisches Naan NATURELL Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fwyDV0XCPnAIftTEtPjWGW-Jv4Pejp-qhCkR5lSZjTfEylSGyGNNaU3xEpPgZdxJPGbNE13fjbR_SaPQTRgREA" />
    <input value="9306" 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/indisches-naan-knoblauch-bio-240-g-9307">
          <img alt="Indisches Naan KNOBLAUCH Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5306/file/small-e03d4ef3951b2cfb6fc7452e7d00538a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5306/file/large-a56423cea29dd50a83976fc6e6828715.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.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">Terrasana</p>
          <a href="/de/products/indisches-naan-knoblauch-bio-240-g-9307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Indisches Naan KNOBLAUCH Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gqGyi13WaYKeKkPJ9EeOAqWb6N8ZdADVz7b6zZQmFu05Z2Va0Hcam9ulhZ6g2oRS9nSaT5olEss01kj7jaeKyg" />
    <input value="9307" 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/protein-balls-kakao-hanfsamen-bio-50-g-9327">
          <img alt="Protein Balls Kakao &amp; Hanfsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5307/file/small-b73feb72705ee15fefc03ca5674cbacd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5307/file/large-d092d23c1345b37aae7adb243b32a5a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.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">followfood</p>
          <a href="/de/products/protein-balls-kakao-hanfsamen-bio-50-g-9327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Kakao &amp; Hanfsamen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IikutcLHuGlZve2MRxi79OeAXSrBtuHyzokyVuKt05qZ7_lkT2bLcBwyK9sThbGktG8vukLn8-w16YBg-yxPvQ" />
    <input value="9327" 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/protein-balls-himbeere-chia-bio-50-g-9328">
          <img alt="Protein Balls Himbeere &amp; Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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">followfood</p>
          <a href="/de/products/protein-balls-himbeere-chia-bio-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Himbeere &amp; Chia Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rXCh4Eye2wO0urkgv2poGX4y2YWMVulzjRPYirg_KvgWtnYxwT-oGvE1f3fr92JJLd2rFQ8H-212c2q8ob623w" />
    <input value="9328" 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/protein-balls-mango-kokos-bio-50-g-9329">
          <img alt="Protein Balls Mango &amp; Kokos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5311/file/small-70f31f1d5ea004515329bbaab2eea403.webp 600w, https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5311/file/large-330d43a8be448b7a2540fd9a98c37837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.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">followfood</p>
          <a href="/de/products/protein-balls-mango-kokos-bio-50-g-9329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Balls Mango &amp; Kokos Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7122xI3mqMUCZo9aNGcwP8uq4QjlBzpDuivVKPuOW91Um2EVAEfb3EfpSQ1g-jpvmEWTmGZWKF1BS2ce4g_H-g" />
    <input value="9329" 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">
      2&#39;120 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/wilmersburger?format=turbo_stream&amp;page=107">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>