<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/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="wILO72AW_tf4MIsQeRNhtMuk7bm0m0nHRDx2VgA583riIVaEFZO0U74w8F5DOowXVxhEt30OPXis9qXOAZCdBQ" />
    <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  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-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="-YHfSf9TJ6Csqfy7OrfWfe_RkyTwtSvwEbfmF-ca4zHbIkciitZtJOqph_UAnjvec206KjkgX0_5fTWP5rONTg" />
    <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 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-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="tejGvfLTLqgjmEeW52aNzUKzT8cJ82YjAJ3NfXma_ZWXS17Wh1ZkLGWYPNjdT2Bu3g_mycBmEpzoVx7leDOT6g" />
    <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  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/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 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/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  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/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="vGNHutAjZhysw8z8N-7Si9tCQBpt4T3W_7BcDxXRC82ewN_RpaYsmOrDt7INxz8oR_7pFKR0SWkXeo-XFHhlsg" />
    <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 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/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="WzJZdA0lYW2R5WZ-fO0x3X5qhi1jdf8wn1b37aOLjjJ5kcEfeKAr6dflHTBGxNx-4tYvI6rgi493nCR1oiLgTQ" />
    <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>


  

  <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/shampoo-frische-balance-anti-fett-250-ml-6836">
          <img alt="Shampoo Frische &amp; Balance Anti-Fett" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3959/file/small-94ab465c128cca6686aa6edbd1593703.webp 600w, https://assets.fabulous.ch/public/variant_asset/3959/file/medium-3863b80d510abfbfc3045dcec58e2d3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3959/file/large-f606580e5a251890270735af3b31336f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3959/file/medium-3863b80d510abfbfc3045dcec58e2d3c.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">Lavera</p>
          <a href="/de/products/shampoo-frische-balance-anti-fett-250-ml-6836">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Frische &amp; Balance Anti-Fett, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PWrMcYv_ahgvRHkUtJHpGBQ7m1ZHwFlQyClUhuY4t4IfyVQa_nognGlEAlqOuAS7iIcyWI5VLe8g44ce55HZ_Q" />
    <input value="6836" 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/roggen-vollkornmehl-schweiz-bio-1-kg-6883">
          <img alt="Roggen Vollkornmehl Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3979/file/small-2b305b4514fd40513473db895a509d01.webp 600w, https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3979/file/large-7c8196a200ed1deeeb45fe335ce39fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.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/roggen-vollkornmehl-schweiz-bio-1-kg-6883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roggen Vollkornmehl Schweiz Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nQqUjoPKmFTH7410fluXDiI6bQvJFe6RFRGU8vzJv5C_qQzl9k_S0IHv9jpEcnqtvobEBQCAmi7920dq_WDR7w" />
    <input value="6883" 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/backmischung-haferbrot-vollkorn-glutenfrei-demeter-500-g-6885">
          <img alt="Backmischung Haferbrot Vollkorn glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3982/file/small-722ac982231c166419ee8f48a1b1d047.webp 600w, https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp 900w, https://assets.fabulous.ch/public/variant_asset/3982/file/large-b9ebfaae7b3878f6c09b0563923ec41b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/de/products/backmischung-haferbrot-vollkorn-glutenfrei-demeter-500-g-6885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backmischung Haferbrot Vollkorn glutenfrei Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </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-6885-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZF8NgxtAhQcC8As6W4MrUTLoG4tbhbDJcyqd7dsRuupG_JXobsXPg0TwcHRhqsbyrlSyhZIQxHab4E512rjUlQ" />
    <input value="6885" 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/bohnen-rote-kidney-beans-grossgebinde-bio-2-5-kg-6889">
          <img alt="Bohnen rote Kidney Beans Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3987/file/small-af29b8e6db586c0ab652a56585376a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.webp 900w, https://assets.fabulous.ch/public/variant_asset/3987/file/large-ebbd0fccc760e196b92a86f9301dc465.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3987/file/medium-db93986b0d09df8b4b1c2e215e1a82da.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/bohnen-rote-kidney-beans-grossgebinde-bio-2-5-kg-6889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen rote Kidney Beans Grossgebinde Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eqYxJAjEq5znNKDVRyFafF8jNevALUjxPi1T-3SyD_FYBalPfUHhGKE025t9CLffw5-c5Qm4PE7W54BjdRthjg" />
    <input value="6889" 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/bohnen-rote-kidney-beans-bio-500-g-3dd18594-38e0-48c3-a73a-774efca7da1b-6890">
          <img alt="Bohnen Rote Kidney Beans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3988/file/small-d22d2feb764c16d8b2425296272e6267.webp 600w, https://assets.fabulous.ch/public/variant_asset/3988/file/medium-4299df944d92d9a75a6ad066b73fda00.webp 900w, https://assets.fabulous.ch/public/variant_asset/3988/file/large-91b4f757779f72aee096b286c65ae69f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3988/file/medium-4299df944d92d9a75a6ad066b73fda00.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/bohnen-rote-kidney-beans-bio-500-g-3dd18594-38e0-48c3-a73a-774efca7da1b-6890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Rote Kidney Beans Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbGWx17YatPrshB31kPy-vd5CcMdAFX9gtso9KnOGMUTEg6sK10gV62yaznsah9Za8WgzdSVIUJqEftsqGd2ug" />
    <input value="6890" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/desinfektionsmittel-hand-sanitiser-antibacterial-75-bio-ethanol-250-ml-6903">
          <img alt="Desinfektionsmittel Hand Sanitiser Antibacterial 75% Bio-Ethanol" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3997/file/small-3cc7ba8aa38da2d8b35cf7cd67dd8029.webp 600w, https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3997/file/large-04d85f82f5fc9cbb5a132799c1bc9e21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3997/file/medium-5f3caa486a329e593bc98e32920da7cb.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">Rigi Seifen</p>
          <a href="/de/products/desinfektionsmittel-hand-sanitiser-antibacterial-75-bio-ethanol-250-ml-6903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfektionsmittel Hand Sanitiser Antibacterial 75% Bio-Ethanol, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 19.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QU75cKX5mtxCBIAdZ_S52-iD-tTl__0VO36IJ9HoOW5j7WEb0HzQWAQE-1Nd3VR4dD9T2ixqiarTtFu_0EFXEQ" />
    <input value="6903" 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/pflegeshampoo-feuchtigkeit-pflege-250-ml-6909">
          <img alt="Pflegeshampoo Feuchtigkeit &amp; Pflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4000/file/small-65b29acb78b4d99ec05771d6f6b7dd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4000/file/medium-f84ded3e6d16543eaf71b7a16ee0490c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4000/file/large-e55234f5342c5e63e4a5ec1abd574316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4000/file/medium-f84ded3e6d16543eaf71b7a16ee0490c.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">Lavera</p>
          <a href="/de/products/pflegeshampoo-feuchtigkeit-pflege-250-ml-6909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pflegeshampoo Feuchtigkeit &amp; Pflege, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gEvYayDdF9Kavo_ZrMTicqqmG8b-IH9RTfHEAiF9iY-i6EAAVVhdVty-9JeW7Q_RNhqyyDe1C-6lOxeaINTn8A" />
    <input value="6909" 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/salz-himalaya-kristallsalz-grob-400-g-6914">
          <img alt="Salz Himalaya Kristallsalz grob" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4002/file/small-6a39c2c4ce85eac210e648e8889fe318.webp 600w, https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/4002/file/large-913d50e03c0922e38f2c319114928e4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.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">VitaSal</p>
          <a href="/de/products/salz-himalaya-kristallsalz-grob-400-g-6914">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Himalaya Kristallsalz grob, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IyY51rb5dO91NUlG3akBF7VJ8cCnAEA0OweHrUHV9_UBhaG9w3w-azM1MgjngOy0KfVYzm6VNIvTzVQ1QHyZig" />
    <input value="6914" 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/aufstrich-champignons-tartex-tube-bio-200-g-6926">
          <img alt="Aufstrich Champignons Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4007/file/small-4bafb11f2a6649d56f9f8d88b225f1ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4007/file/large-a76f3b78435f1d8521524b1a53fa4b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.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">Tartex</p>
          <a href="/de/products/aufstrich-champignons-tartex-tube-bio-200-g-6926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aufstrich Champignons Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i79360BNZvn6_ibddkvwO7_G38Y_KgPe_lQcVhhdbN2pHO-ANcgsfbz-XZNMYh2YI3p2yPa_d2EWns_OGfQCog" />
    <input value="6926" 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/roobar-schokoladenriegel-mandel-bio-30-g-6951">
          <img alt="Roobar Schokoladenriegel Mandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4020/file/small-27303c74e55326d1645f63290ec0a5dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.webp 900w, https://assets.fabulous.ch/public/variant_asset/4020/file/large-fd1de42860ceba62aba6ab0704685a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4020/file/medium-8c8b3c27a36c76dd9bf288d1dad6fb23.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">Roo&#39;Bar</p>
          <a href="/de/products/roobar-schokoladenriegel-mandel-bio-30-g-6951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Schokoladenriegel Mandel Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Dt9p4XrGd_eVywh8IxQOLt7veOBiAz6QsjvdpEpRfbOmOXM8G5TW5hXV2_Kpb2bJ8cU7UgdeEWqAjzukIAriQ" />
    <input value="6951" 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/roobar-schokoladenriegel-haselnuss-bio-30-g-6952">
          <img alt="Roobar Schokoladenriegel Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/de/products/roobar-schokoladenriegel-haselnuss-bio-30-g-6952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Schokoladenriegel Haselnuss Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BJFhzXqSW_mzMcZ8t-GTiZFgtxlCha7u7cKeLicpTa0mMvmmDxcRffUxvTKNyH4qDdweF4sQ2lEFCE22JoAj0g" />
    <input value="6952" 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/roobar-schokoladenriegel-kokosnuss-bio-30-g-6953">
          <img alt="Roobar Schokoladenriegel Kokosnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4022/file/small-921ae2812aae39a66fec05f2ee405e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4022/file/large-5e703b621c1e39b70b215786047a90b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4022/file/medium-d0634175d48034e07ea164ccd6ae87a1.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">Roo&#39;Bar</p>
          <a href="/de/products/roobar-schokoladenriegel-kokosnuss-bio-30-g-6953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roobar Schokoladenriegel Kokosnuss Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvd2fPh-NY1FvVgTIg6_CtLdWvqi-CpeVguM7kvO_vywVO4Xjft_CQO9I10YJ1KpTmHz9GttXuG-wV92SmeQgw" />
    <input value="6953" 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/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
          <img alt="Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/desinfizierungsmittel-flachendesinfektion-grossgebinde-bidon-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion Grossgebinde Bidon, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9HVZFfunDcOvNZJs6yZTfz_S0u5RgnNwyRFMnnJ9LDdck0PImvWs0i8rQeJhXTuYEPiRXDTfXIr7paqeGCazw" />
    <input value="6954" 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;840 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/henauer-kaffee?format=turbo_stream&amp;page=93">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>