<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/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="W4mx8yjkz2sxAXxBarn4gwcpBy4uRKYUnq5PrDfFPWLn63hM7li-uxfn4dhhRVxJhYbRAJvbPB4eCi8j1LKR5A" />
    <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="go_XtLkwRVLqSxxR3cGMYeYCjkyqsvHLyx84lVhGrlo-7R4Lf4w0gsytgcjWPSirZK1YYh8ta8FLu1gauzEC3A" />
    <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="iLxMEcy90cDDlz0ynWUv_EB1Hr5DrtO2lEnyO4u0BGI03oWuCgGgEOVxoKuWmYs2wtrIkPYxSbwU7ZK0aMOo5A" />
    <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/xylitol-kaugummi-zimt-28-g-9297">
          <img alt="Xylitol Kaugummi ZIMT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5295/file/small-a59a99273f7b55030b3a0bf27b855ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp 900w, https://assets.fabulous.ch/public/variant_asset/5295/file/large-03230c398bd1b2b6323dc6e35ca4e452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.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-zimt-28-g-9297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi ZIMT, 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-9297-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bAihru1qzgRnnA_8U1S6iBTuuz69TFBkNssscVddYvjQamgRK9a_1EF6kmVYqB5ClkFtEAjTym62b0z-tCrOfg" />
    <input value="9297" 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-pfefferminze-28-g-9298">
          <img alt="Xylitol Kaugummi PFEFFERMINZE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5298/file/small-d894d9fb0cb609d0af08e1c6551495c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.webp 900w, https://assets.fabulous.ch/public/variant_asset/5298/file/large-c0b7e6b33e15e661fed52be56cf2c075.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5298/file/medium-aeafb7802d53928d395916525564df59.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-pfefferminze-28-g-9298">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Kaugummi PFEFFERMINZE, 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-9298-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bpeW0O8i53_3sBm4bOLCetTifTiIeFd35y4d8E8vs6vS9V9vKZ6Wr9FWhCFnHmawVk2rFj3nzX1nin1_rFgfLQ" />
    <input value="9298" 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-biosuisse-5-kg-9299">
          <img alt="Mehl Weiss Typ 400 Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5297/file/small-dbe59c74999004aea173459f503a4be3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5297/file/medium-625e4ae233401db4a797c7f4f06dd5a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5297/file/large-479d3082aceb3a9ddc8a8c8faed6bd02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5297/file/medium-625e4ae233401db4a797c7f4f06dd5a4.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-biosuisse-5-kg-9299">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Weiss Typ 400 Grossgebinde BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yJS36jWj2LgvcyZffd-mbPKCCdUkl71vSFrI0_RuINt09n5V8x-paAmVu8Z2IwKmcC3f-5EIJ2XI_qhcFxmMXQ" />
    <input value="9299" 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-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="fQfi13OR6foAiO76bLHJTNN_RRbENjBCGws2AbksWdPBZStotS2YKiZuc2NnTW2GUdCTOHGpqkibr1aOWlv1VQ" />
    <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  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-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="gPbDuzUChRq_K3GrvQTACcyZPmykD9JAWxLkT5QHwrY8lAoE8770ypnN7DK2-GTDTjboQhGQSErbtoTAd3BuMA" />
    <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 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-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="PqDrkBs-bTEgjoPAIS4MumKLl_Nwn-3jYwbk-yY68PCCwiIv3YIc4QZoHlkq0qhw4CRB3cUAd-njooR0xU1cdg" />
    <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  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-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="FYrdVNTG0fLRoYp180gPzpMU-vT-dFx36mR1DoECQLKp6BTrEnqgIvdHF-z4tKsEEbss2kvrxn1qwBWBYnXsNA" />
    <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 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-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="4jvBKblKLKQZkpvxKJOiOvJbISo8GKB1GzfE9r-mnWZeWQiWf_ZddD90BmgjbwbwcPT3BImHOn-bk6R5XNEx4A" />
    <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  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-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="DTCfTILooLEEoVdTIxm8EhKcUKu-W00tT9f9tkGvCy-xUlbzRFTRYSJHysoo5RjYkDOGhQvE1yfPc505otinqQ" />
    <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 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-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="wEds7u_8yQK-m8Wk2r8f_pIFaMibQENC7X86RDil85R8JaVRKUC40ph9WD3RQ7s0EKq-5i7f2Uht21rL29JfEg" />
    <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  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-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="cYKbI0HoyO0M0rV9ZcwzJmTLkm9r_Qv4I52-s4-3dpPN4FKch1S5PSo0KORuMJfs5mREQd5ikfKjOd48bMDaFQ" />
    <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 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-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="Je4bLhgfQPq17N6Ahef5heaPtzwDXTcd7qHV48Fln3uZjNKR3qMxKpMKQxmOG11PZCBhErbCrRduBbVsIhIz_Q" />
    <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  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-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="BkK13ecusSmlbVXjpYJ53DAsvN9veuokIUPLdSlRmUq6IHxiIZLA-YOLyHquft0WsoNq8drlcC6h56v6yiY1zA" />
    <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 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-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="At-vsligc2KljnBt7nZQIunsyY4F36u859SSfGzwW_a-vWYNnhwCsoNo7fTlivToa0MfoLBAMbZncPLzj4f3cA" />
    <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>


  

  <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/haselnusse-kerne-grossgebinde-bio-4-kg-9358">
          <img alt="Haselnüsse Kerne Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5314/file/small-058a16f7903b5d2d98bbfaf8a9e370fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5314/file/medium-c1f46fbc4a706fd198cb9d4acabf3f61.webp 900w, https://assets.fabulous.ch/public/variant_asset/5314/file/large-5773448995688f346173746547ac1a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5314/file/medium-c1f46fbc4a706fd198cb9d4acabf3f61.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">Planet Nature</p>
          <a href="/de/products/haselnusse-kerne-grossgebinde-bio-4-kg-9358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Kerne Grossgebinde Bio, 4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 119.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aBC8EcymHrfS2HxbhKd-uLKGliafFUDSBu3sjJrctQ3UcnWuChpvZ_Q-4cKPW9pyMClACCqK2tiGSYwDeasZiw" />
    <input value="9358" 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/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
          <img alt="Coco Aminos Würzsauce YAKSO Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5315/file/small-821a4bae426d70c653edd9b1018634ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.webp 900w, https://assets.fabulous.ch/public/variant_asset/5315/file/large-d02757a105aaf76088978184070b0361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.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">YAKSO</p>
          <a href="/de/products/coco-aminos-wurzsauce-yakso-glutenfrei-bio-250-ml-9369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Würzsauce YAKSO Glutenfrei Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kGmmnd9yteHI9pTDXgM9VECW8eCIpSJcUOoYEYSx78YsC28iGc7EMe4QCVpV_5mewjknzj06uFbQTnieZ8ZDQA" />
    <input value="9369" 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/paprika-edelsuss-grossgebinde-dose-bio-400-g-9384">
          <img alt="Paprika edelsüss 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/5316/file/small-f75dc557098340a037fed8e0c1fd6ed9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5316/file/large-9395e70bc3ddcd3492ff880911ee665c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.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/paprika-edelsuss-grossgebinde-dose-bio-400-g-9384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika edelsüss Grossgebinde Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wVaXsGuuHK7ru_bMFsJfcIEuhZ9YLMNHGU49KAhehbd9NF4PrRJtfs1da1UdPvu6A4FTse2zWU2Z6l2n6ykpMQ" />
    <input value="9384" 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">
      1&#39;600 von 3&#39;189 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturetec?format=turbo_stream&amp;page=81">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>