<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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/genussscheiben-pfeffer-bio-140-g-16971">
          <img alt="Genussscheiben Pfeffer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7933/file/small-bfef027bf708e5ad27ac2a9b2af3c04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7933/file/large-0da24124500a4af975ff8afbfa2dcb99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.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 vegan cow</p>
          <a href="/de/products/genussscheiben-pfeffer-bio-140-g-16971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genussscheiben Pfeffer Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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 4.21 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16971-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
          <img alt="Veglette - die pflanzliche Alternative zu Raclette-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7939/file/small-88294c68e48a73a249147128906c088f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7939/file/large-7ffb42288f04bbc6a61aa7d6c87b6ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.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">Vegü</p>
          <a href="/de/products/veglette-die-pflanzliche-alternative-zu-raclette-kase-200-g-16973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veglette - die pflanzliche Alternative zu Raclette-Käse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16973-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
          <img alt="Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7940/file/small-e5064f98714d46ffcd9adb09e854f4dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7940/file/large-a2e3b1e33f1b11cc3f82945fa4138c13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.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">Vegü</p>
          <a href="/de/products/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16974-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
          <img alt="Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7941/file/small-9cf608f05d1ae300b28b464dc9e6c7af.webp 600w, https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7941/file/large-573b0ff08656e592b9fa72c2446a958a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7941/file/medium-f008fa43fcc4e02bb59cfcec5dd2a534.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">Gottlieber Hüppen</p>
          <a href="/de/products/gottlieber-special-edition-gianduja-orange-sackli-a-10-huppen-150-g-17033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Special Edition Gianduja-Orange Säckli à 10 Hüppen, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17033-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-17067">
          <img alt="D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7943/file/small-8084f959d173f32a1d82a9ae93415217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.webp 900w, https://assets.fabulous.ch/public/variant_asset/7943/file/large-f9d7fb4a35bca3b5ca368b448ec0e659.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7943/file/medium-58819af532482540b027c2db1abeba60.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">D&#39;Angelo Pasteria</p>
          <a href="/de/products/d-angelo-bolo-licious-ravioli-mit-veganer-bolognese-bio-250-g-17067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Bolo-licious Ravioli mit veganer Bolognese Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17067-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/krunchy-muesli-linse-mit-apfel-bio-325-g-17123">
          <img alt="Krunchy Müesli Linse mit Apfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7963/file/small-6026afa081b6da48a33729169d7d3deb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7963/file/medium-1c8120b13d94b761a1b504de387334a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7963/file/large-754ab438de42d686704750bd404cf24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7963/file/medium-1c8120b13d94b761a1b504de387334a6.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">Barnhouse Naturprodukte</p>
          <a href="/de/products/krunchy-muesli-linse-mit-apfel-bio-325-g-17123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Linse mit Apfel Bio, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17123&quot;],&quot;content_name&quot;:&quot;Krunchy Müesli Linse mit Apfel Bio, 325 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17123&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uVEz_PA-JaYyHaKPDI5_RPcrVXjXrzJ09hAg1zLv1l8rcvcUPI5EBHjNCoRorZ-Ft2e80vtp30Rkhm59R-lzNg" />
    <input value="17123" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/galaxy-confection-titan-chocolatierte-haselnusse-110-g-17125">
          <img alt="Galaxy Confection Titan Chocolatierte Haselnüsse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7965/file/small-b45686fdf6b998b636d4d0ed40c8261f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7965/file/large-35d0a53c0964453182d9a4860cf310c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.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">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-titan-chocolatierte-haselnusse-110-g-17125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Titan Chocolatierte Haselnüsse, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17125-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/galaxy-confection-meteorites-schokolade-gewurz-mandeln-110-g-17126">
          <img alt="Galaxy Confection Météorites Schokolade-Gewürz-Mandeln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7967/file/small-9820f9361a68bd40562a4a5e79790d58.webp 600w, https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.webp 900w, https://assets.fabulous.ch/public/variant_asset/7967/file/large-0f83c4bab61863e177b59a101a0d17ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.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">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-meteorites-schokolade-gewurz-mandeln-110-g-17126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Météorites Schokolade-Gewürz-Mandeln, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17126-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/galaxy-confection-solar-macadamias-mit-yuzu-110-g-17127">
          <img alt="Galaxy Confection Solar Macadamias mit Yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7968/file/small-6a1689aca6162730e1c45b82e440a364.webp 600w, https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7968/file/large-cf3affd1492df696265408e58a1c8fb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7968/file/medium-38c1cc06c26bb1e14c7397241b621cc1.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">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-solar-macadamias-mit-yuzu-110-g-17127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Solar Macadamias mit Yuzu, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17127-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/galaxy-confection-eclipse-macadamias-mit-himbeer-hibiskus-110-g-17129">
          <img alt="Galaxy Confection Eclipse Macadamias mit Himbeer-Hibiskus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7972/file/small-181a8f901c0451f4bf80190f44c654fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7972/file/large-140de93efc045572acf50da46fcd5f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.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">Löw delights GmbH</p>
          <a href="/de/products/galaxy-confection-eclipse-macadamias-mit-himbeer-hibiskus-110-g-17129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Galaxy Confection Eclipse Macadamias mit Himbeer-Hibiskus, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17129-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/bio-energy-drink-bio-250-ml-17134">
          <img alt="Bio-Energy Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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/bio-energy-drink-bio-250-ml-17134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Energy Drink Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17134&quot;],&quot;content_name&quot;:&quot;Bio-Energy Drink Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17134&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3vYrI3PWEmNAaLUUSEConWVto3D8gwadidk3tVu5vdRM1e_Lv2ZzwQq4HR8sY0hcJSFK2tBF660bT3kfLr8YvQ" />
    <input value="17134" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/kuchenrollen-recycling-2-rolle-17180">
          <img alt="Küchenrollen Recycling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.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">memo</p>
          <a href="/de/products/kuchenrollen-recycling-2-rolle-17180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Küchenrollen Recycling, 2 Rollen</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 3.20 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17180&quot;],&quot;content_name&quot;:&quot;Küchenrollen Recycling, 2 Rollen&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17180&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ztBpQSceCsPUkXETbXmQ9vgNkpmWDnUkTn8ETuE7UNhc862p665rYZ5B2RgJWnA3uEF7M7rImBTc6UrklD31sQ" />
    <input value="17180" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/crunchy-peanuts-paprika-bio-110-g-17187">
          <img alt="Crunchy Peanuts Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8015/file/small-1869441853ea99c5e8ace90e4bc99e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8015/file/large-76954dc7603e2e591dd961e40ecf8eca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.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">Pural</p>
          <a href="/de/products/crunchy-peanuts-paprika-bio-110-g-17187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Peanuts Paprika Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17187&quot;],&quot;content_name&quot;:&quot;Crunchy Peanuts Paprika Bio, 110 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17187&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="98DLGccc3miP7GwQKa1BQKteCac21yG0g6GK-eDY_KVl4w_xC6y_ysU8xBtNjqGB6xLgDRoRzIQRN8RTld5ZzA" />
    <input value="17187" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/kokos-mandeldrink-bio-1-l-17188">
          <img alt="Kokos-Mandeldrink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8016/file/small-7abb29677e28a73172be8f3986b77fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8016/file/large-540cf2dfa51e32915affe0d4520a5488.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.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">Alpro</p>
          <a href="/de/products/kokos-mandeldrink-bio-1-l-17188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos-Mandeldrink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17188&quot;],&quot;content_name&quot;:&quot;Kokos-Mandeldrink Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17188&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9lv_biEXIUzLIIn6mE8bVbvCwuzIbcZkEpBS6yaCokZ-qsVdDQ9J3n8KiyOQtysFqPioZ_nWikC3A_h2Zyv4A" />
    <input value="17188" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/kernseife-aus-bio-pflanzenol-100-g-17195">
          <img alt="Kernseife aus Bio-Pflanzenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/kernseife-aus-bio-pflanzenol-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kernseife aus Bio-Pflanzenöl, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17195&quot;],&quot;content_name&quot;:&quot;Kernseife aus Bio-Pflanzenöl, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17195&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BCwpOptqPA1gcehkOgbpNnryEEcWw3R1h1plWBffTcCWD-3SV9pdryqhQG9eJQn3Or757ToFmUUVzCvyYtnoqQ" />
    <input value="17195" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/mandeln-geschalt-bio-200-g-17206">
          <img alt="Mandeln geschält Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8037/file/small-e6279b5e6d250569c1613a08a62cc811.webp 600w, https://assets.fabulous.ch/public/variant_asset/8037/file/medium-41b915646eff7ceb9e4a72c7045b7efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8037/file/large-11443e248819df0d48571591c0569ac5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8037/file/medium-41b915646eff7ceb9e4a72c7045b7efc.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/mandeln-geschalt-bio-200-g-17206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln geschält Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17206&quot;],&quot;content_name&quot;:&quot;Mandeln geschält Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17206&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4PYnpJqKU0w5aJf7F2Z5xin2d1Gd-5Hfl6bIyp-d961oBx2XtpI73o1ClSIfnkmWOswd2qxA3fsyNWJX3jStw" />
    <input value="17206" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/kokosbluten-balsamico-essig-bio-250-ml-17234">
          <img alt="Kokosblüten-Balsamico Essig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8045/file/small-ded13d36a1ac6c6dcba8cd1df46e6b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8045/file/large-bc6284c166b79a6d8355b844a0487d0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8045/file/medium-3dd354d5b810719593e801a85be5548d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/de/products/kokosbluten-balsamico-essig-bio-250-ml-17234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosblüten-Balsamico Essig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17234&quot;],&quot;content_name&quot;:&quot;Kokosblüten-Balsamico Essig Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17234&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8ewwwvT20RFuI7O8O4f7A9cwUsPCcpHqB02cRVbPve9jz_QqOEawsyTzG7dfpBvCl3y7ae60fNqV29LvI8kYhg" />
    <input value="17234" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/darjeeling-schwarztee-demeter-20-beutel-17235">
          <img alt="Darjeeling - Schwarztee Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8046/file/small-99aa19be1346b75643b3f4dade918a49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8046/file/large-4e1de009af71b964f4ec9a1b034942cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8046/file/medium-20f5c86ee2b89c4a761968be132e446e.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">Lebensbaum</p>
          <a href="/de/products/darjeeling-schwarztee-demeter-20-beutel-17235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Darjeeling - Schwarztee Demeter, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17235&quot;],&quot;content_name&quot;:&quot;Darjeeling - Schwarztee Demeter, 20 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17235&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bmAsulaSAK3iLM33T7Dk2iTVrkRff-AlACPA2OvMhnP8Q-hSmiJhD6j8ZfwrkwQbZJlH7nO5DRWStY5ynsojGg" />
    <input value="17235" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/schoko-drops-bolivia-wild-100-bio-150-g-17237">
          <img alt="Schoko-Drops Bolivia Wild 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8049/file/small-4dd59fe494f0bbfd5ef179626d496039.webp 600w, https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8049/file/large-ba95a08d0f24d5a22232ba3ddf020095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8049/file/medium-3872efb82ed7de37436f33920de5a7e6.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">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-100-bio-150-g-17237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Drops Bolivia Wild 100% Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17237-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D167">
    <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/schoko-drops-bolivia-wild-49-cashew-bio-150-g-17238">
          <img alt="Schoko-Drops Bolivia Wild 49% Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8050/file/small-7bd5af3aa6fd9a3fb4031dee44dedeb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.webp 900w, https://assets.fabulous.ch/public/variant_asset/8050/file/large-7be9c68fb762c28b10b52beec256cc74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8050/file/medium-2ced021ab1c116edb2f4a822452d4980.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">Naturkostbar</p>
          <a href="/de/products/schoko-drops-bolivia-wild-49-cashew-bio-150-g-17238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Drops Bolivia Wild 49% Cashew Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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



</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">
      3&#39;340 von 3&#39;671 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/spa-vivent?format=turbo_stream&amp;page=168">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>