<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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/vital-digest-bio-500-ml-18325">
          <img alt="Vital Digest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/small-96ac98ff8a02169caf71474beb5ce40f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/large-6a009abd9b2ec60fb6dd439fbb28f61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.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">Biotta</p>
          <a href="/de/products/vital-digest-bio-500-ml-18325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Digest Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knqGxkNFm0rEWovmwZZ0KZezo2LYqwUGyvRyPH1Ponulwo8KoERDLQp4i4p9wQQFyZCAdE7Q_ZFluVj8msMB9A" />
    <input value="18325" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/vital-immun-bio-500-ml-18326">
          <img alt="Vital Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/small-83106ef23d15f90f262d99877aa2c204.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/large-22d67467dd82aa028a5888e80597ceb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.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">Biotta</p>
          <a href="/de/products/vital-immun-bio-500-ml-18326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Immun Bio, 500 ml</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 1.17 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Ia0HdFXS4wxDsBXH1EtKaeG8nFCO0gdGlwqa9n_oiHfPr3RMlaT6_8swDujBl0F-aXRZ9RAsIq1EQCrPnMBrg" />
    <input value="18326" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/vital-kartoffelsaft-bio-500-ml-18327">
          <img alt="Vital Kartoffelsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/small-0cb252666701e66e5e61ba6812036eef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/large-b77dd0c6f339266263960cc3e9bed103.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.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">Biotta</p>
          <a href="/de/products/vital-kartoffelsaft-bio-500-ml-18327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Kartoffelsaft Bio, 500 ml</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 1.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pgH18tngF2VLwXmSHjvFh2hauZuhX5flVG6PWoRN1caRufw-OuHPAoXjef6ibLWrNnmajTckb3L7I6WaY8F2SQ" />
    <input value="18327" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/vital-sauerkrautsaft-bio-500-ml-18328">
          <img alt="Vital Sauerkrautsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/small-c4ca72f385539659e0a1268dcecc96bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/large-6c118626e03951050b606b24e7bb17dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.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">Biotta</p>
          <a href="/de/products/vital-sauerkrautsaft-bio-500-ml-18328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Sauerkrautsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WB9gDR84OHTvs0O9Ls7ebkyjbZNIn4bhUGaaO9iO1kZvp2nB_DngEyGRQ9GSma5CEoBOhd7kfnb_K7D7PwJ1yQ" />
    <input value="18328" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/vital-shot-ingwer-bio-60-ml-18329">
          <img alt="Vital Shot Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/small-ed7b263517d00b5e6d6541fb27ee4d8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/large-c630589c93575098d2e9cb92c844310d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.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">Biotta</p>
          <a href="/de/products/vital-shot-ingwer-bio-60-ml-18329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Ingwer Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UYJkihSqJVd7-RqXSbyDknTXzusiNbS9X4XIWi4cL3RmOm1G96v9MLXbGvv16_O-KvTt_bROTCrwyOKayZCM-w" />
    <input value="18329" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/wald-heidelbeeren-bio-500-ml-18330">
          <img alt="Wald Heidelbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/small-ba608b6c68b7f277d80824ad1f47cf72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/large-999163121082d4043de49989af7546b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.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">Biotta</p>
          <a href="/de/products/wald-heidelbeeren-bio-500-ml-18330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wald Heidelbeeren Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4IYh9TyUQPV4yR6CCX6vgc9EcnoqzgUEcIxENx6VbDrXPig535WYkrbrHu61Kd-tkWdRbLy1_ZPfwW73-RnPtQ" />
    <input value="18330" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/sauerteig-flussig-150-ml-18331">
          <img alt="Sauerteig flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11409/file/small-ef3323d1050ca37cbb0bfe52348e3048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/large-32ad2c7e24894fd46eeac4a1578ac03c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.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">Biovegan</p>
          <a href="/de/products/sauerteig-flussig-150-ml-18331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerteig flüssig, 150 ml</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 3.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Emty1konsgryYizs5lfi4qO3TBjWpbkyBGaDA6gtwrMl03saqSZqbTxALIBaAJLO_ZRvDkDeQaWrK6nDT6FhPA" />
    <input value="18331" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/manouri-kase-bio-150-g-18333">
          <img alt="Manouri Käse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/small-a8fbef273930cec28c80fc5677436889.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/large-a0ec39bf84fc50434b2c81f6f2ca2a93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.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">Bioverde</p>
          <a href="/de/products/manouri-kase-bio-150-g-18333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manouri Käse Bio, 150 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.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YZigpHseoigSm4mwgLsaQUK8DaZSgtLOuCLUBj-WJPdWIKlomB96T9y5idw87GptHJ8usMT5KlkXb_7G2BqHeA" />
    <input value="18333" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/feta-nature-bio-180-g-18334">
          <img alt="Feta Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/small-2cbdaee5056b54b107ec1cad782c9afa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/large-837f34f97e694759182d429444f92bad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.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">Bioverde</p>
          <a href="/de/products/feta-nature-bio-180-g-18334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feta Nature Bio, 180 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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yR-KAv3X3sTYdY52EoZcdKqLV7JGr1qExoHircWzSSb-p4POHtYGoxZXjhqu0SxY9Kh0pNDUohNpzMhtIj_qqQ" />
    <input value="18334" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/konfi-erdbeere-konv-200-g-18335">
          <img alt="Konfi Erdbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/small-ded118909caa7559aded5633a6eba7da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/large-5b113c17791239bd6a675d6e2a9ced52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/konfi-erdbeere-konv-200-g-18335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Erdbeere konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dmP_b91GKee9uSb-MBIerWo4oJ4GbbAFTjzGY_5cG7pB2_ajPkfxgHObJpKMRW6BNBuDiJAWSJLhceyjGdC4NQ" />
    <input value="18335" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/konfi-heidelbeere-konv-200-g-18336">
          <img alt="Konfi Heidelbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/small-a8caefe0899fa7a74e823968aa72763a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/large-2b24b0171b1ce4918ea916d719f3ff8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/konfi-heidelbeere-konv-200-g-18336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Heidelbeere konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O4pbqMCGQaLNhm-3tnRS5MjhD9Dgvb6me1mpKX6dXnkMMlJkI4eZxQOkb9sKIyLIlsIsxnbGRjHUFIPpmRH99g" />
    <input value="18336" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/konfi-marille-aprikose-konv-200-g-18337">
          <img alt="Konfi Marille Aprikose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/small-a45dd6c9361756021085991968620ad8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/large-805fa30b005002905114e179211f1acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/konfi-marille-aprikose-konv-200-g-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Marille Aprikose konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gZQjlV4NmLOoCpmyfWgp2baQwL9Dd8aK7K0AgrF_lZS2LCpZvQxA1GYomd7BP1n16LPjqdUMPh1D4CpCVvM2Gw" />
    <input value="18337" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/natur-kau-vitamin-c-zink-ohne-zucker-20-stuck-18338">
          <img alt="Natur Kau-Vitamin C+Zink ohne Zucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/small-d650ca749ba72e7ba35cc126285dda94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-92686071d020ee8fcf8b232e6f86ff3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/large-30db9708047c2e35db15c2de8012b669.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-92686071d020ee8fcf8b232e6f86ff3c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/natur-kau-vitamin-c-zink-ohne-zucker-20-stuck-18338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur Kau-Vitamin C+Zink ohne Zucker, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G1JiI-wr8PoQY1tuTeTwzjhGb316mVKTyQsM26meYa4s6mvvDyoond5BWwLxs4DiZmVMa-ziqgRmRiYbThLCIQ" />
    <input value="18338" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/natur-kaugummi-grune-minze-ohne-zucker-28g-20-stuck-18339">
          <img alt="Natur-Kaugummi Grüne Minze ohne Zucker 28g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11312/file/small-9d188ba01da66465fc1dd8bd2d0e522f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11312/file/medium-b966ad8b018a23c5e33270e36633e316.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11312/file/large-b2d0ea103a67e59df039ccf7fe7d0711.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11312/file/medium-b966ad8b018a23c5e33270e36633e316.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/natur-kaugummi-grune-minze-ohne-zucker-28g-20-stuck-18339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur-Kaugummi Grüne Minze ohne Zucker 28g, 20 Stück</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 0.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SXNQelRP2fKe8btYxblOAh2YvVs2Zzdi53qGWH_5qPp-y1m2t04BlVDTuzR57j4uQ7ueTaAcz_VIN6yYmHULdQ" />
    <input value="18339" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/xylit-beutel-konv-500-g-18340">
          <img alt="Xylit Beutel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/small-5469b75bd15d4877490f939a1f56bdd7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/large-4e80c963b8cb16a0c826fbe48c54ac9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Birkengold</p>
          <a href="/de/products/xylit-beutel-konv-500-g-18340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Beutel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BkLvXRFQorZboeOJ8YBYck5kumOVZ4YmJbSW2jfB96Yx-uaR8lF60ZWD4-VN1yheEEeZdQMcfrGK-bwa0E1UKQ" />
    <input value="18340" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/buchweizen-bio-150-g-18341">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/small-65d2fd1a24c26c86e5ddc4abf3a45492.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/large-236b9727803eee9e714b0e197959a7e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.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">Blumenbrot</p>
          <a href="/de/products/buchweizen-bio-150-g-18341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1w1J0KfqHORbphESP3lIBEgqTpuDmTFikGEAZoFmbC_gtUAcROvEg5WEEX6DLjgoFgltjRXiyfU_LCqmZurPoA" />
    <input value="18341" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/buchweizen-bio-300-g-18342">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/small-a8e35109258234c54655a73b91cdf9cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/large-e9aa89971c29aea68264f6f463b72566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.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">Blumenbrot</p>
          <a href="/de/products/buchweizen-bio-300-g-18342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 300 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 2.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Riql0MBkIl7yFcjSzbDZO9fnkK7wEfs6r8BF-GealzCoKNboABI7rXqV0_3YbNIsXy9VC27v3tF8ivXBhLJ0w" />
    <input value="18342" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/quinoa-bio-150-g-18343">
          <img alt="Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/small-bfd6d8b576b2874281ac457048155041.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/large-f8ca6c928bbbf53072ecb01394e2a7da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.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">Blumenbrot</p>
          <a href="/de/products/quinoa-bio-150-g-18343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="guvKPzhKp2lGmyjGyH6BDNEzFqdwiR_TjZL-dmDmU5i1U8Pz20t_Doi5KKp0KfEgjxA1seby50Qi39S2h2rwFw" />
    <input value="18343" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/anis-ganz-bio-35-g-18344">
          <img alt="Anis ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9886/file/small-d946d730e01e83dcd0e6223a9b2364e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/large-43d49d59c29eea7011e8f867c0dc82dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.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">Brecht</p>
          <a href="/de/products/anis-ganz-bio-35-g-18344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anis ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hvJLxqp9L5--juStu6HaUpaquFZdkERstpMvnrkeJGuxSkIKSXz3-HCs5MEH9qp-yImbQMvrvPsZ3gVeXpKH5A" />
    <input value="18344" 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%2Fcosmoveda%3Fformat%3Dturbo_stream%26page%3D40">
    <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/barlauch-geschnitten-bio-6-g-18345">
          <img alt="Bärlauch geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9887/file/small-482aeddf53033fbbf2ebb6a0220f4cee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/large-9329ee4032cae2592a4785c2e32dfaf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.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">Brecht</p>
          <a href="/de/products/barlauch-geschnitten-bio-6-g-18345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärlauch geschnitten Bio, 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Ke2U6pcmnpQmHSa-hFWL2gypUrrzGE0GwpuPWFTQcjXH7-fSV1CHZ66dPZGRiYDNhGGXH23maO0R0T9ht_iRw" />
    <input value="18345" 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">
      800 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/cosmoveda?format=turbo_stream&amp;page=41">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>