<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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/tee-krautertee-gute-laune-lose-bio-50-g-5165">
          <img alt="Tee Kräutertee Gute Laune lose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3040/file/small-ab473adb69ad4f4f269028324f7d56ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3040/file/large-78ff69e10af18139f12e3bf6cece0081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.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">Sonnentor</p>
          <a href="/de/products/tee-krautertee-gute-laune-lose-bio-50-g-5165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Kräutertee Gute Laune lose Bio, 50 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 13.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwYKZawKsdivKTb0MRPszqkAtFcda5ljvvbfRLfahTooRqdyjLS56vcwkrt4aYGo6Q57L4os1J642AB8cKzDgg" />
    <input value="5165" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
          <img alt="Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3155/file/small-52d19d5f952db04850c77dfb238f9b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3155/file/large-c4b555bc7059fd17d05c1f50951970ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.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">Tautona</p>
          <a href="/de/products/xylit-schokoaufstrich-cremnux-nuss-nougat-ohne-zucker-180-g-5414">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Schokoaufstrich Cremnux Nuss-Nougat Ohne Zucker, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5414-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"
       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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/xylit-konfiture-mit-bio-erdbeeren-200-g-5515">
          <img alt="Xylit Konfitüre mit BIO Erdbeeren" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3200/file/small-9757508f21cefc857b0ad4764d905a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/3200/file/large-302cc388b99bf12dd0ddcb4a53e88533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.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">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-erdbeeren-200-g-5515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Konfitüre mit BIO Erdbeeren, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5515-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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/xylit-konfiture-mit-bio-himbeeren-200-g-5518">
          <img alt="Xylit Konfitüre mit BIO Himbeeren" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3198/file/small-37af740881f7b5dfafc6806b76586065.webp 600w, https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3198/file/large-d47211b6a0c9bd5f065247728f292bb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.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">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-himbeeren-200-g-5518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Konfitüre mit BIO Himbeeren, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5518-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"
       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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/xylit-konfiture-mit-bio-kirschen-200-g-5519">
          <img alt="Xylit Konfitüre mit BIO Kirschen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3207/file/small-0f67848b57796504f7161bc5c47a9965.webp 600w, https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3207/file/large-dba5c51840b00d708e72b84e1d57f80a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.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">Tautona</p>
          <a href="/de/products/xylit-konfiture-mit-bio-kirschen-200-g-5519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Konfitüre mit BIO Kirschen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5519-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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/sukrin-erythritol-fruchtaufstrich-waldfrucht-260-g-5731">
          <img alt="Sukrin (Erythritol) Fruchtaufstrich Waldfrucht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3308/file/small-758be3387b04fa6745748f82f139c01b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3308/file/medium-2fe38c3f115e070c89759e0ff01f2f27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3308/file/large-f5f0d52221e6c824db6572eeb7a8eba6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3308/file/medium-2fe38c3f115e070c89759e0ff01f2f27.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">Genuss ohne Reue GmbH</p>
          <a href="/de/products/sukrin-erythritol-fruchtaufstrich-waldfrucht-260-g-5731">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sukrin (Erythritol) Fruchtaufstrich Waldfrucht, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5731-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"
       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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
          <img alt="Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3325/file/small-e3f2152f8f1f0257f3997db1cf094092.webp 600w, https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3325/file/large-3c70e601f9e73db3e06cb2c78a26de76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.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/porridge-hot-hafer-beere-glutenfrei-ungesusst-demeter-400-g-5754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porridge Hot Hafer Beere Glutenfrei Ungesüsst Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WYEIgU6ZIFu6d5-fNPDl-ztZE8FC-JVgLfLPsQ374tAiwaWWbicoaeJuO9B9ioide1fcudW_2J0r3BCJyo2kaA" />
    <input value="5754" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/hafer-flocken-grob-grossbebinde-biosuisse-25-kg-6084">
          <img alt="Hafer Flocken grob Grossbebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3497/file/small-89da8431d310e71ed0f8e5851f2402af.webp 600w, https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3497/file/large-eacedc27193ef242d22e45158118c61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.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/hafer-flocken-grob-grossbebinde-biosuisse-25-kg-6084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Flocken grob Grossbebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 137.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXM4J_G9Qo-A5Q5CRVG7Rp3nbzUTSkw4jYsYUb0gjRCyM5Uw0QNKvdj8qg0MK9Yg3emgTYQNAcWLpcdpelbLqA" />
    <input value="6084" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
          <img alt="Life Crackers Italian Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8822/file/small-73b6fe8e19263570f94ce7fd441ffbb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.webp 900w, https://assets.fabulous.ch/public/variant_asset/8822/file/large-07682291bce8d1b875c428fa0aee6bbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.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">Lifefood</p>
          <a href="/de/products/life-crackers-italian-glutenfrei-raw-bio-90-g-6140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Life Crackers Italian Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fSnDwanc-Q00Vg6q6ZRCxFdTBUz34AfJPqndlAotti0GaW7WiWLxP2xPquWg7i-iF13KNGCnSjQ4hwKszVvwlQ" />
    <input value="6140" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/ginger-party-ingwer-mus-glas-bio-240-g-6179">
          <img alt="Ginger Party Ingwer Mus Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3552/file/small-fda3e88bd749628cb5209431583d3a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3552/file/large-9ceef8bfef4b21fda9a377e6499f7716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3552/file/medium-146539fa816fd698e1a07c1746b3948f.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">the ginger party</p>
          <a href="/de/products/ginger-party-ingwer-mus-glas-bio-240-g-6179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Party Ingwer Mus Glas Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VgfdwAaNjbL4Tohy01VcIVh9f_41cMOBezpbXgDRk6otR3DXJjOFgKBXLD2aLzFHGHOwhqI3jnx9FIRmx6fVEg" />
    <input value="6179" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/simply-v-veganer-streichgenuss-cremig-mild-150-g-6321">
          <img alt="Simply V Veganer Streichgenuss Cremig-Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3632/file/small-6985aa4e0e249eb73ee9c3bfe600eae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3632/file/medium-67de638fd5cb280503e8e7806742fc7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3632/file/large-4ed29cdda04f618688c488af75cd72a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3632/file/medium-67de638fd5cb280503e8e7806742fc7e.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">Simply V</p>
          <a href="/de/products/simply-v-veganer-streichgenuss-cremig-mild-150-g-6321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Simply V Veganer Streichgenuss Cremig-Mild, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6321-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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
          <img alt="Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3685/file/small-d3acda8175c8aecbf4409341861801c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3685/file/large-0956679896b987b3254c9945cf0132c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.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">Lima</p>
          <a href="/de/products/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-6425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JfhrT5I_SxGb2SjZKfiZLBADSdcLEYr2kvP5zebp1qleuMZYsoFDI8PAjJZggvRKUA2Gr5xWxwuU3Sb1IZ-QEQ" />
    <input value="6425" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/tee-osteruberraschung-beutel-bio-27-g-6629">
          <img alt="Tee Osterüberraschung Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3818/file/small-d461d6aa9aaafed38baa4ad17b48a85a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3818/file/medium-ad56fe8cd265d824af27a29c7f6093bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3818/file/large-13a7bea7ffcca4ec8b5ec555132906cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3818/file/medium-ad56fe8cd265d824af27a29c7f6093bd.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">Sonnentor</p>
          <a href="/de/products/tee-osteruberraschung-beutel-bio-27-g-6629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Osterüberraschung Beutel Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HBEmylCbeP6_b_WXpyWMVUvqKEc6-FfB2K0ljd0FWLlnUYvdcCVwzOd2UdjuX-EzC-TnP62_Gjzeg_q1GnMeAQ" />
    <input value="6629" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
          <img alt="Nussmus 3 Mix Mischmus ohne Erdnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3882/file/small-01a61b4cdb456587cc461d66e5bd2380.webp 600w, https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3882/file/large-e3117defe9f7c7f63163e5c4ba03baf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3882/file/medium-6c9f5223ab902bc7ec372b59fe04e79d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/de/products/nussmus-3-mix-mischmus-ohne-erdnusse-bio-250-g-6721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmus 3 Mix Mischmus ohne Erdnüsse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
          <img alt="Oliven Schwarz Classic mit Stein Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3883/file/small-12ad8a71c0b259bb0b50e5f883551142.webp 600w, https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp 900w, https://assets.fabulous.ch/public/variant_asset/3883/file/large-d05e11d39ba6b5abb80dc6a31c3b28f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vita Verde</p>
          <a href="/de/products/oliven-schwarz-classic-mit-stein-rohkostqualitat-bio-200-g-6723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oliven Schwarz Classic mit Stein Rohkostqualität Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
          <img alt="Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3910/file/small-f3df16a624b2d36af000a9b5c891a4d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3910/file/large-da032c3831ec454c96a4ac9b8a649037.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3910/file/medium-47afec4405af2efca3e2fbaad6bbfcc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/de/products/chufella-erdmandel-creme-natur-ohne-zuckerzusatz-bio-250-g-6766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chufella Erdmandel Creme Natur ohne Zuckerzusatz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-F5W4z3DkUHYZ15dD5rKPXY6BCcDxuqFQ0vwQHN-GjYodRMrEkGd194OTY9RAZOtdYnaAtIVlcTI_D5xru-0A" />
    <input value="6766" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/kaffee-bonga-red-mountain-kapseln-espresso-kompostierbar-bio-10-stuck-7301">
          <img alt="Kaffee Bonga Red Mountain Kapseln Espresso kompostierbar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4159/file/small-be9f60ad6765c8ae7e22fedc625f550a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4159/file/medium-72e249765d694f385801a8514ff261c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4159/file/large-729f1a1503079b61ccebe1fc3f48b051.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4159/file/medium-72e249765d694f385801a8514ff261c0.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">Original Food</p>
          <a href="/de/products/kaffee-bonga-red-mountain-kapseln-espresso-kompostierbar-bio-10-stuck-7301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Bonga Red Mountain Kapseln Espresso kompostierbar Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cGAj1J8eEc7Ok4GI1BmXLqR3aqkZ_Kwt7dvVwQOexFgLII7Dv6AZ_JaKJcedY_pI5Hml0Y674dDr9Qr5xOiC4A" />
    <input value="7301" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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-knusprige-kakao-schnitten-bio-160-g-7673">
          <img alt="Le pain des fleurs Blumenbrot Knusprige Kakao-Schnitten, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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-knusprige-kakao-schnitten-bio-160-g-7673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Knusprige Kakao-Schnitten, Bio, 160 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 3.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kGsmSq9A4ccbLkY_yTPrA147ZIpImuvwJ2SsDeE-q9jrK4tdj_7p9UM34nCASYZlHjWr8t_dpg0hSnM1JkjtYA" />
    <input value="7673" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/brotaufstrich-cashew-tomate-bio-170-g-7714">
          <img alt="Brotaufstrich Cashew Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4455/file/small-b73e68a1d4cdbb24b936a154468552ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.webp 900w, https://assets.fabulous.ch/public/variant_asset/4455/file/large-c7f231cf5267aad59dda817c9b9851f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/de/products/brotaufstrich-cashew-tomate-bio-170-g-7714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Cashew Tomate Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ChZYFEMZR9Y6W0wJG9l6YzyV9lPsWtMbXUq1qKI-7rNxVvUDY6dP5GJC6EZSoxcFfJs5K3sdnuZbZGqQZUioCw" />
    <input value="7714" 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%2Flebensmittel%2Ffruhstuck%3Fformat%3Dturbo_stream%26page%3D20">
    <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/brotaufstrich-cashew-jalapeno-bio-170-g-7715">
          <img alt="Brotaufstrich Cashew Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4456/file/small-c61d07a5fb56f67de6b91633b02cf207.webp 600w, https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4456/file/large-25c4ceb4eedd55c2340d847224fa5851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/de/products/brotaufstrich-cashew-jalapeno-bio-170-g-7715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotaufstrich Cashew Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pAQtWwUQiR-axFZ7MP0oym3KgGfiG1Zm5nPBvVn9I2nfRIBMJa6BLcLd8jR5h0WsLcRPH3VcG5vgXR6Fnotl0Q" />
    <input value="7715" 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">
      400 von 508 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/fruhstuck?format=turbo_stream&amp;page=21">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>