<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raumspray-energie-100-ml-19298">
          <img alt="Raumspray Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11625/file/small-ca575df4d26a617ca5fa8a612e4b884b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11625/file/large-51624966c88e917b9733574956578480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.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">AromaLife</p>
          <a href="/de/products/raumspray-energie-100-ml-19298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Energie, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19298&quot;],&quot;content_name&quot;:&quot;Raumspray Energie, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19298&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tet8fR9Cxhnk8iAxmGi9u7Kox2z4kRP6QciM6mAXc53kXNjvACThcPW4qcBh7dJtDAusN7OnNlP71w_AVMRSxg" />
    <input value="19298" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raumspray-reine-atmosphare-100-ml-19304">
          <img alt="Raumspray Reine Atmosphäre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9695/file/small-dfa7d07b849490350637a5dce8ae22dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9695/file/medium-982ae9401d6bb5c838be75eef4202a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/9695/file/large-b70d28f16c2a4f9fed7501ee3690b7f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9695/file/medium-982ae9401d6bb5c838be75eef4202a80.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">AromaLife</p>
          <a href="/de/products/raumspray-reine-atmosphare-100-ml-19304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Reine Atmosphäre, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19304&quot;],&quot;content_name&quot;:&quot;Raumspray Reine Atmosphäre, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19304&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jcFGvR6Y5JmJ2ur6YGCqQuXfqKlOHASJudkqaEu4pnAkduIvAf7D8JiQYwuZ5cWUW3zD8gUqISADxqlCf2uHKw" />
    <input value="19304" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hydrolat-rose-spray-30-ml-19291">
          <img alt="Hydrolat Rose Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10638/file/small-b7891909ae0a4a0faa9fb43fdbfe6b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10638/file/medium-ffc50be3ff0bc9912a1faf5485d5feeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10638/file/large-bd9fe557b2ea1e3e225fda66a2c84b34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10638/file/medium-ffc50be3ff0bc9912a1faf5485d5feeb.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">AromaLife</p>
          <a href="/de/products/hydrolat-rose-spray-30-ml-19291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Rose Spray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19291&quot;],&quot;content_name&quot;:&quot;Hydrolat Rose Spray, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d0j3V_oQbFPVOt3j3LEj1Bd_0kHEO8frDM5zRmhttcLe_1PF5XZLOsRwVBIlNEwCqdy5Go8N4kK20fBsXL6UmQ" />
    <input value="19291" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-lavendel-5-ml-19711">
          <img alt="Äth. Öl TOP Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10265/file/small-df0968cea07e4dfde19a03c1c0df28c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.webp 900w, https://assets.fabulous.ch/public/variant_asset/10265/file/large-00301f3cb7dbecca7cf2177f50f1e8a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.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">AromaLife</p>
          <a href="/de/products/ath-ol-top-lavendel-5-ml-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Lavendel, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19711&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Lavendel, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19711&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pMokN00kegsYl6X6IX6NeD0iYFaDWKMY8mvEpm-X-B0NfYClUkJdYgndLAvY--Kug4ELDchuhrFIdEeMW0TZRg" />
    <input value="19711" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lavendel-roll-on-10-ml-19957">
          <img alt="Lavendel Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10646/file/small-a889a5040730f2eee84a76a4b08fb03e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10646/file/medium-6736605abed65ebf79d934e708ea0515.webp 900w, https://assets.fabulous.ch/public/variant_asset/10646/file/large-2078812545269a7e08b4fff7587eb923.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10646/file/medium-6736605abed65ebf79d934e708ea0515.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">AromaLife</p>
          <a href="/de/products/lavendel-roll-on-10-ml-19957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel Roll-on, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19957&quot;],&quot;content_name&quot;:&quot;Lavendel Roll-on, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19957&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVGadE6bNI3cm9c4_93nj5vrfTubYplB5iLC4CfBRT385j7mUf0T5M3RXskGWIhZJUgWYNBUvOhcPUHKExJkZg" />
    <input value="19957" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zinkvital-minitabletten-5mg-150-stuck-19956">
          <img alt="Zinkvital Minitabletten 5mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10645/file/small-e41cb6580936324b0d3a1a068ad766b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10645/file/medium-de1f1efd15b79e8c585f74e5349c16ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10645/file/large-78103930a38b6e46384f736498140f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10645/file/medium-de1f1efd15b79e8c585f74e5349c16ed.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">Burgerstein</p>
          <a href="/de/products/zinkvital-minitabletten-5mg-150-stuck-19956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zinkvital Minitabletten 5mg, 150 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19956&quot;],&quot;content_name&quot;:&quot;Zinkvital Minitabletten 5mg, 150 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19956&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4YsOgMr3YHBZ_o0FSqiwzFgXkygfJHRpnzPZez52vqZIPKoS1ZFHGUi0BPSzLd8a5rT4c1QSUcAlLFpRCqWf_Q" />
    <input value="19956" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
          <img alt="Vliespapier für Sprossengarten bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.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/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vliespapier für Sprossengarten bioSnacky, 25 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16740&quot;],&quot;content_name&quot;:&quot;Vliespapier für Sprossengarten bioSnacky, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16740&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="furevSXp_Cun9z6gUv09vXXpSKEt5seHJkt-Z35K1PzXXXovOo_bQra9t1GreFJry0oj-mbQ4i6cVP1NSpn1pw" />
    <input value="16740" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
          <img alt="Le pain des fleurs Blumenbrot Buchweizen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2200/file/small-7258a0a13cc175498d5edb214957cbf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2200/file/large-7066761e36c9d3cdcd85e6ba08c01fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3239&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3239&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4K-pkRuucGiAClQ9NgfYDykOLsf4i7CMRz17cAHtKudJGA0DBMhXAZFA3czPgrfZl61FnLO9lSX9IvhaNT4LvA" />
    <input value="3239" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/senf-korniger-senf-im-glas-bio-125-ml-5603">
          <img alt="Senf Körniger Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3246/file/small-f987f16a795baac32f94f32632b465fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3246/file/large-34db751be55071a9c9207945a916f72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.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">Byodo</p>
          <a href="/de/products/senf-korniger-senf-im-glas-bio-125-ml-5603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Körniger Senf im Glas Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5603&quot;],&quot;content_name&quot;:&quot;Senf Körniger Senf im Glas Bio, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5603&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H4zmvkOHOzV_E30IQ6ia4vL-roQLcbSRUWpGKfJME8y2O0IsXOEcXG5Z9Pm6LfU0TF3F30BHkTjrdcUDxp8ylw" />
    <input value="5603" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
          <img alt="Schokoladenaufstrich CHOCO Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/301/file/small-41e859cf7efff5ec80d0042977c6fc4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.webp 900w, https://assets.fabulous.ch/public/variant_asset/301/file/large-33a7c0cd0d695cad7aed4c31aea73162.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.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/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoladenaufstrich CHOCO Zartbitter Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;339&quot;],&quot;content_name&quot;:&quot;Schokoladenaufstrich CHOCO Zartbitter Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QuwHUQENXrprMHag1U3-8Dbmu_zb8TucHp4lFxigiUfrW6PDHmt503p6_1EsyJEmiEXQp5DHHjWkgaY9LHOoHA" />
    <input value="339" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cookie-schokoladen-biscuits-mit-erdnussbutterfondant-bio-50-g-7843">
          <img alt="Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.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">Rhythm 108</p>
          <a href="/de/products/cookie-schokoladen-biscuits-mit-erdnussbutterfondant-bio-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7843&quot;],&quot;content_name&quot;:&quot;Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7843&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CeyK3CExg997JVQ9nOs8jde4CrDXblEDv_orVvRdV1egWy5OPlektmpv3cxlblNbaRth65xYdKoF5ah8wI52DA" />
    <input value="7843" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
          <img alt="for men only Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2433/file/small-3e0b867779c4a3eaf101c2985c9664b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.webp 900w, https://assets.fabulous.ch/public/variant_asset/2433/file/large-5980264bb7df9230554f875623bd1c3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.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">benecos</p>
          <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3765&quot;],&quot;content_name&quot;:&quot;for men only Deo Spray, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3765&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AMrx2ZefqzwaOkYZ6z7-2oFr3eEJbJ745uRoWkBFGqypfVVLiPmMVQtwz-gSu5EMP8i2ukJau1Fc--twdJY79w" />
    <input value="3765" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zimt-gemahlen-ceylon-grossgebinde-dose-bio-300-g-7582">
          <img alt="Zimt gemahlen Ceylon Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4376/file/small-e34eb8962ae7312d4f4211bd21da2ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4376/file/large-0b652d37932c68d1ad92394167bc0645.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.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/zimt-gemahlen-ceylon-grossgebinde-dose-bio-300-g-7582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt gemahlen Ceylon Grossgebinde Dose Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7582&quot;],&quot;content_name&quot;:&quot;Zimt gemahlen Ceylon Grossgebinde Dose Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7582&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CecVle13Jlt69p7h4i9kHmGLLr8z_ujAQy4U3yr5_kegULEH8hEBMmu8FxAbqgvI3yhF5HjIzWn5MZf1HirfHA" />
    <input value="7582" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
          <img alt="Cracker &quot;Tschiiis&quot; mit New Roots Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6540/file/small-532fe839b5021dcb1cb924d395c481ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.webp 900w, https://assets.fabulous.ch/public/variant_asset/6540/file/large-d33a144d2ccd50b19492d732162a2dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.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">manifaktur</p>
          <a href="/de/products/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cracker &quot;Tschiiis&quot; mit New Roots Bio, 100 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 8.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13533&quot;],&quot;content_name&quot;:&quot;Cracker \&quot;Tschiiis\&quot; mit New Roots Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13533&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aR6Pijz1Oi_Hy5cFtaITbe9m93lJBFmgYYMXg2G9N7fAqSsYI5MdRtaBHvRMJ3y7UcWcIgIyfAnbnJSpVW4W7A" />
    <input value="13533" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/seife-rosmarin-handseife-pumpspender-300-ml-4148">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2620/file/small-c80f5b2a2953ce6a761e205eccba6e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.webp 900w, https://assets.fabulous.ch/public/variant_asset/2620/file/large-1c5ef148dc104bfd23590155753eb104.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2620/file/medium-6e0ebebb72a647b281c8b5ce2c816456.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/seife-rosmarin-handseife-pumpspender-300-ml-4148">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4148&quot;],&quot;content_name&quot;:&quot;Seife Rosmarin Handseife Pumpspender, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4148&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EfNshqH1-WVKxFhNhiiVzLfPsUy8KoVRdbCHerXH8124RMgUvpPeDFuO0bx_rfoaCWzaF_ccoPjPrwRQgRTSBg" />
    <input value="4148" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-senf-schweiz-bio-250-g-17231">
          <img alt="Tofu Senf Schweiz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8042/file/small-3658ea574d4b0015934dfa92cae19f3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8042/file/medium-ef5232df861a9cf6c956e59b8ac3dd41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8042/file/large-428298c4fe1d9bc6d07227cdc5a0bda1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8042/file/medium-ef5232df861a9cf6c956e59b8ac3dd41.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">Futur</p>
          <a href="/de/products/tofu-senf-schweiz-bio-250-g-17231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Senf Schweiz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17231&quot;],&quot;content_name&quot;:&quot;Tofu Senf Schweiz Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17231&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oEhQ01-nOTyGaif5CESN1scwR2WeU62tCz4tQ0HPKp0J__RBQMEeVZcgrgjxweIAeZMsPtVliASxIa5pdRwLxg" />
    <input value="17231" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schweizer-hummus-scharfi-ruebli-bio-150-g-15594">
          <img alt="Schweizer Hummus Scharfi Rüebli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7119/file/small-5c6c95560ba27c9a9a483c1d14ff3e3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7119/file/medium-61fd4aed9c4568fcfce95af64cbadd42.webp 900w, https://assets.fabulous.ch/public/variant_asset/7119/file/large-2c13345470c2cb09e413a0f754c988ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7119/file/medium-61fd4aed9c4568fcfce95af64cbadd42.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">Wild Foods</p>
          <a href="/de/products/schweizer-hummus-scharfi-ruebli-bio-150-g-15594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schweizer Hummus Scharfi Rüebli Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15594&quot;],&quot;content_name&quot;:&quot;Schweizer Hummus Scharfi Rüebli Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15594&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TG3TiEwowlqDSqKPHzb3U93onm4OoU9B9baYEy4FjB3l2ncaU07lM5IAK37ms5iFY0v1NUWXauhPqRs5GtatRg" />
    <input value="15594" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/burger-gemuse-rote-linse-2-x-80-g-19033">
          <img alt="Burger Gemüse rote Linse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9517/file/small-7f71af95e9dc2ecc82f27af04beca61b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9517/file/medium-8bb49f742aef543d31784662f0497279.webp 900w, https://assets.fabulous.ch/public/variant_asset/9517/file/large-28845dd2df4512562bb8aacd77af1937.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9517/file/medium-8bb49f742aef543d31784662f0497279.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">Soto</p>
          <a href="/de/products/burger-gemuse-rote-linse-2-x-80-g-19033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse rote Linse Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19033&quot;],&quot;content_name&quot;:&quot;Burger Gemüse rote Linse Bio, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19033&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7IGhpErRb7lSHOnBPVY4QP4a59IMEgpRDhSIm1M5Zy1FNgU2VbdI0ENWYDDE01eWQLmMiUckL_i0CwuxZ-pGdg" />
    <input value="19033" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/hafer-mango-maracuja-vegane-alternative-zu-jogurt-bio-275-g-9923">
          <img alt="Hafer Mango Maracuja Vegane Alternative zu Jogurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5467/file/small-d718409170247d03358fceb67e133582.webp 600w, https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.webp 900w, https://assets.fabulous.ch/public/variant_asset/5467/file/large-2767380d3bd0b35cf82682cdeaa13883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.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">Harvest Moon</p>
          <a href="/de/products/hafer-mango-maracuja-vegane-alternative-zu-jogurt-bio-275-g-9923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Mango Maracuja Vegane Alternative zu Jogurt Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-9923-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%2Fcereales-et-graines%3Fformat%3Dturbo_stream%26page%3D51">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-alternative-zu-omelette-ruhrei-stuck-bio-200-g-6950">
          <img alt="Vegane Alternative zu Omelette &amp; Rührei Stück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4019/file/small-b39f72ef55fdec28906cae5d39216a1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4019/file/large-403bbf30942d50ea0e88c8958afd58b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.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">Soyana</p>
          <a href="/de/products/vegane-alternative-zu-omelette-ruhrei-stuck-bio-200-g-6950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu Omelette &amp; Rührei Stück Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6950&quot;],&quot;content_name&quot;:&quot;Vegane Alternative zu Omelette \u0026 Rührei Stück Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6950&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t69NfanLtTwXLJmxpev8QKIzXEerNKvN5cznLjMK9QgeGOnvtq2SVQZmEEBcbpOWHJA3HOACjmRf02QEB9nUUw" />
    <input value="6950" 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;020 von 3&#39;728 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/diy-faites-le-vous-memes/cereales-et-graines?format=turbo_stream&amp;page=52">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>