<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/salz-fleur-de-sel-naturata-glas-75-g-6717">
          <img alt="Salz Fleur de Sel Naturata Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3877/file/small-993ad949c2a44380627e833f1f591a61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3877/file/medium-f6e2a70a88a0e6c602814a85095cccd2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3877/file/large-a28f3893795c3abd7761340c3a7c4eee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3877/file/medium-f6e2a70a88a0e6c602814a85095cccd2.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">Naturata</p>
          <a href="/de/products/salz-fleur-de-sel-naturata-glas-75-g-6717">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Fleur de Sel Naturata Glas, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XLsholtQJH9GQ6QMoaLOKm_PCOVlkaqtZiMi3fGKhDCBz9TiMhP7SfjaZiPOsDeoE8v0t22PcNz5Q4y03UYAKQ" />
    <input value="6717" 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/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
          <img alt="Nussmus 3 Mix Mischmus ohne Erdnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3882/file/small-01a61b4cdb456587cc461d66e5bd2380.webp 600w, https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3882/file/large-e3117defe9f7c7f63163e5c4ba03baf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.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/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussmus 3 Mix Mischmus ohne Erdnüsse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
          <img alt="Oliven Schwarz Classic mit Stein Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3883/file/small-12ad8a71c0b259bb0b50e5f883551142.webp 600w, https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp 900w, https://assets.fabulous.ch/public/variant_asset/3883/file/large-d05e11d39ba6b5abb80dc6a31c3b28f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.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">Vita Verde</p>
          <a href="/de/products/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oliven Schwarz Classic mit Stein Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ol-olivenol-peloponnes-nativ-extra-bio-500-ml-6724">
          <img alt="Öl Olivenöl Peloponnes nativ extra Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3884/file/small-f1e6175f00b9f1f064e11fa76a1d5d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/3884/file/medium-031c83b52a51cf435448c1df2674fafd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3884/file/large-6d7578bac391008fdc6b99b2b97efb4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3884/file/medium-031c83b52a51cf435448c1df2674fafd.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">Vita Verde</p>
          <a href="/de/products/ol-olivenol-peloponnes-nativ-extra-bio-500-ml-6724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Olivenöl Peloponnes nativ extra Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpBCu8E8GS2L1kskOQKLeK_KCMu2t5a9euz0UU0MJ-mf5Lf7qH_GGzVPiQtWEHL60870mb6pTMzljFo4YcCj8A" />
    <input value="6724" 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/gerste-ganz-beutel-bio-500-g-6726">
          <img alt="Gerste ganz Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3886/file/small-03d80a00c7008ae83f11ed753709e3e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3886/file/large-e807c5ffdefd4eeb0075038eae8dadeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3886/file/medium-7b44e67c9fa7247125df85b99c4d552e.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/gerste-ganz-beutel-bio-500-g-6726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gerste ganz Beutel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yy_UD2NzWZbVb8K_CU-NJIP_2_ntIXlqMv1BqCi0KH4WWyFPCjCGoGv2AJBmXXSm__snq-U_oxutne_BBHisZw" />
    <input value="6726" 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-grossgebinde-bio-5-kg-6727">
          <img alt="Haselnüsse Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3887/file/small-5d0654baa76e27b72a3b70bd5758e519.webp 600w, https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.webp 900w, https://assets.fabulous.ch/public/variant_asset/3887/file/large-dddb95c8abd57d5e0b8adf238c1dbb7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3887/file/medium-a932891b9c75e2aa6484ef0546752a72.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/haselnusse-grossgebinde-bio-5-kg-6727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haselnüsse Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 142.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WEdmBvwTb0MkMyn1hWRO2gFyUQreMxfySdDQ4oXhn_-FM5NGlVCwdZqq69rqdrdYfXatWNYtzYPWsH6LqS0b5g" />
    <input value="6727" 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/hanfmus-gesalzen-bio-250-g-6740">
          <img alt="Hanfmus gesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3892/file/small-b0e66867a13fef53c5d90baf53826c52.webp 600w, https://assets.fabulous.ch/public/variant_asset/3892/file/medium-b9e2a721793c15f66dd16da1f01665e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3892/file/large-a3606c1088e665ff67b3ba1173d5572a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3892/file/medium-b9e2a721793c15f66dd16da1f01665e0.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfmus-gesalzen-bio-250-g-6740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfmus gesalzen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VKToDvvVhuRKtXnW_6bsv2uRlQefTZXQd271BuqzvAKJ0B1OkpZZ0vQsu_mQtBU9F5VpVZdTT6HoDltvxn84Gw" />
    <input value="6740" 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/kapern-in-meersalz-bio-140-g-6741">
          <img alt="Kapern in Meersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3893/file/small-63a18cbf81a7979473dc28c3a03bd6ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.webp 900w, https://assets.fabulous.ch/public/variant_asset/3893/file/large-154fddb68d53efe06e584189427d36e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LaSelva</p>
          <a href="/de/products/kapern-in-meersalz-bio-140-g-6741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kapern in Meersalz Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g2yi6CW_Odeqj86aT6az-ZBQCr5TCNXjn2q9ETNtVOVeGFeoTPzm4RQWDLUgtEp77FT27FsWD5IAChN4H6HQ_A" />
    <input value="6741" 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/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
          <img alt="Kokosfett 100% Grossgebinde Eimer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3899/file/small-11c6e8b3eba9e5508c81b0d8da8b8279.webp 600w, https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.webp 900w, https://assets.fabulous.ch/public/variant_asset/3899/file/large-0d180afff0b4c9060d11879222f78dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3899/file/medium-abcdd107dee5c748c8c7bf528b92a445.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">Naturata</p>
          <a href="/de/products/kokosfett-100-grossgebinde-eimer-bio-3-kg-6746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosfett 100% Grossgebinde Eimer Bio, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 81.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="loRMdAvol3Dw7Retm9cZ22HavXGdr5kWUR7vAp_F4GZL8Lk0YqtIRk501YL0xeBZHd5BI5WxQ2fOfkFrswlkfw" />
    <input value="6746" 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/vegan-cake-schokolade-bio-350-g-6750">
          <img alt="Vegan Cake Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3905/file/small-b79b7d0308b99915b625ec0f95c092be.webp 600w, https://assets.fabulous.ch/public/variant_asset/3905/file/medium-3e9332cba5a01b288494563ce2efb1f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3905/file/large-80363bed43b809e4d41b8fb44553aa48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3905/file/medium-3e9332cba5a01b288494563ce2efb1f2.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/vegan-cake-schokolade-bio-350-g-6750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Cake Schokolade Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zpn4HgSwWd3DnUeVKeOtVYANBaP5lFbB7MbkyxZE_li77Q1ebfOG630EhbpG8VTX_An58fGKjLBzpkqiOoh6QQ" />
    <input value="6750" 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/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
          <img alt="Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3910/file/small-f3df16a624b2d36af000a9b5c891a4d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3910/file/large-da032c3831ec454c96a4ac9b8a649037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.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">Govinda</p>
          <a href="/de/products/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kY5qZiUZgWz_-XiFRxcsrxw5ShSWM5lmru7IgllVWShM-p8mTFpeWkFguqooBdUtYD22Rp4tQxcxjmbrdZndMQ" />
    <input value="6766" 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/hanfsamen-ungeschalt-bio-150-g-6779">
          <img alt="Hanfsamen ungeschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3917/file/small-74aa90eecc14b92d72edf1889e7852fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.webp 900w, https://assets.fabulous.ch/public/variant_asset/3917/file/large-dd97e5702cc91f357e42a6dab307ef7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3917/file/medium-a7f491b22c7468a3fcaed2c0ebc9d891.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">Davert</p>
          <a href="/de/products/hanfsamen-ungeschalt-bio-150-g-6779">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfsamen ungeschält Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWhXYF5EBg8LMXx70AHT_E9ZI8UvVA008Mr8DLSnAYeAHKIgNwfZObWovlS_Eyp-M13flydK10VvqlJlmGuFng" />
    <input value="6779" 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/sauce-hollandaise-bio-170-ml-6795">
          <img alt="Sauce Hollandaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3926/file/small-a97c25145a30c8855197044e45d67224.webp 600w, https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3926/file/large-de4c29d086243e78570d0ba1455a7d7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3926/file/medium-f1fb0c92c4fb39ffe096fb7cd6e577cc.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">Sanchon</p>
          <a href="/de/products/sauce-hollandaise-bio-170-ml-6795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Hollandaise Bio, 170 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-d5VbrMikSVFDTBCX9UEy0c1ClXn1NHPYO-q6RCRyzUkqqAu2mFOE_uU8m0wx_1JOzH2B-_KC77_jwSAPF1PLA" />
    <input value="6795" 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/kokosraspeln-premium-rohkostqualitat-bio-300-g-6803">
          <img alt="Kokosraspeln Premium Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3928/file/small-2402874d9ec9afb98035a565c5bc0fe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3928/file/large-dcdf660091826fc79651deac3c3f9d28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.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">Dr. Goerg</p>
          <a href="/de/products/kokosraspeln-premium-rohkostqualitat-bio-300-g-6803">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosraspeln Premium Rohkostqualität Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kOxKVydBAIyhLhYqdxBv3ClH8M6ba4u38UF6jY1uboxNmL8XTgLfuh-31AUYApZeVUMMnJN1UcZuIdTkoaLqlQ" />
    <input value="6803" 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/deo-cream-divine-no-bullsh-t-plastikfrei-50-ml-6812">
          <img alt="Deo Cream Divine No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3930/file/small-b641f2c3094abcdddd0025c6aa702581.webp 600w, https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3930/file/large-7ab3c0be383422dcf46e20cb3d138f29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3930/file/medium-5877390e648b8de1fff483c7f5ab37e8.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-divine-no-bullsh-t-plastikfrei-50-ml-6812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Divine No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HNB1HEtELBVS4UyDOQxkSAB7AgcU6FNyPKOV5i-_hijBpIBcIgfzI-x4jqxWHp3KfH_-VRz2iQOjwzuPA3MCMQ" />
    <input value="6812" 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/deo-cream-nude-duftfrei-no-bullsh-t-plastikfrei-50-ml-6815">
          <img alt="Deo Cream Nude Duftfrei No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-nude-duftfrei-no-bullsh-t-plastikfrei-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Nude Duftfrei No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-cream-probierset-no-bullsh-t-plastikfrei-15-ml-6816">
          <img alt="Deo Cream Probierset No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3934/file/small-083d4e48938a219d5c434128dfab3381.webp 600w, https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3934/file/large-28b227a0643be07d2adec1ab59c4896c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3934/file/medium-559201cb5dcf1ad90e56681e03c776b6.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-probierset-no-bullsh-t-plastikfrei-15-ml-6816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Probierset No Bullsh!t #plastikfrei, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.15
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lippenbalsam-lip-care-minty-no-bullsh-t-plastikfrei-15-ml-6822">
          <img alt="Lippenbalsam Lip Care Minty No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3944/file/small-8e8b77ecd248cd2ee43a7ee5a3793725.webp 600w, https://assets.fabulous.ch/public/variant_asset/3944/file/medium-cda1dcda57b26897e2e0f6f80946ca8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3944/file/large-d2a27182f75cc154fd94caa35ef6eee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3944/file/medium-cda1dcda57b26897e2e0f6f80946ca8e.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">No Bullsh!t</p>
          <a href="/de/products/lippenbalsam-lip-care-minty-no-bullsh-t-plastikfrei-15-ml-6822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lippenbalsam Lip Care Minty No Bullsh!t #plastikfrei, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

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

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


  

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

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

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-rundkorn-vollreis-grossgebinde-bio-5-kg-6835">
          <img alt="Reis Rundkorn Vollreis Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3958/file/small-dbb5b051e665ba2341d2c4c3439ea638.webp 600w, https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3958/file/large-aeba292d82291cec1a7ead73c0c09a1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3958/file/medium-9c8726756fb60be774cb8c14da07edaa.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/reis-rundkorn-vollreis-grossgebinde-bio-5-kg-6835">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Rundkorn Vollreis Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zqPrIUijcqkUmyAT4hghe-7fmvIOeTcpMe1r0Uyw0rYT1x5hIeCtn6oC4jyNCtj5kttmoAZn7ViujcW4YHxWrw" />
    <input value="6835" 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;860 von 3&#39;211 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/gottlieber-huppen?format=turbo_stream&amp;page=94">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>