<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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/stevia-tabs-300-stuck-19881">
          <img alt="Stevia Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/small-23204ecd1ef7505dc3e494c10112edfb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-59dfacc07303eca7e7fec98bec9fb9b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10521/file/large-c898653c8ea844a1fdf3e351d98daabd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10521/file/medium-59dfacc07303eca7e7fec98bec9fb9b0.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">Steviasol</p>
          <a href="/products/stevia-tabs-300-stuck-19881">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stevia Tabs, 300 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KMJiCrzjcfo2zWLZYG1LMB57WIpheRZc5UvU0CarD0h_p2tf1KVHGPyqILCoyW5CZVV0eEU_F3AnnepLw1luSg" />
    <input value="19881" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/badesalz-lavendel-300-g-19882">
          <img alt="Badesalz Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/small-6e3a607d3984d6c2318cb4077655bb48.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-8750871d7d9e2f7beb40cdeba4c5a897.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10522/file/large-24b320a9b7a612ba402b7342ecf97e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10522/file/medium-8750871d7d9e2f7beb40cdeba4c5a897.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">Ben&amp;Anna</p>
          <a href="/products/badesalz-lavendel-300-g-19882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Lavendel, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </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-19882-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ENzbjmLyfR06x6JKadgyr4q0CXBWIDMBLWxCKV86MSVHudLbCrRL__Cg4COhfBfd8ZolgnJmMi3vunyyushQJw" />
    <input value="19882" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/badesalz-rose-300-g-19883">
          <img alt="Badesalz Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10523/file/small-ca35168c31f3207b1cc5b707d9bbc6e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10523/file/medium-1af818802db5ba74df35568f128f320a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10523/file/large-e7cd35dd48fccb62fbb1a5443ec3bab6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10523/file/medium-1af818802db5ba74df35568f128f320a.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">Ben&amp;Anna</p>
          <a href="/products/badesalz-rose-300-g-19883">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Rose, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </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-19883-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HdW6tUfz3xAIEVzLslWKZJV7wN2ChDokchIl3ac_yStKsLPgL7Xp8sJ2HqJ68a8W7lXsL6bCOwiwxBtGQs2oKQ" />
    <input value="19883" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/badesalz-kornblume-300-g-19884">
          <img alt="Badesalz Kornblume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/small-7cfb99b22eb591b130df5f2d0d585c5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-5fd935c6c7135d939d42fcf87f0e4a83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/large-908b0609def9c9374901644fc3b8ef04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-5fd935c6c7135d939d42fcf87f0e4a83.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">Ben&amp;Anna</p>
          <a href="/products/badesalz-kornblume-300-g-19884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Kornblume, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </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-19884-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7eePy0-gHrByU6pJo_lWLEvcYPfI0udd8wR9vYDJcTm6goaeJ-YoUrg06CBrXXNeMPJMBeyU5nEx0kMmZTsQOw" />
    <input value="19884" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/chia-samen-bio-knospe-200-g-19885">
          <img alt="Chia Samen Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10525/file/small-99c1191f38fc8735fc666e2c47e9974c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10525/file/medium-434915b483c37972092119bd769ed8a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10525/file/large-dcfed97da99fc356d0794a7dc3f468a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10525/file/medium-434915b483c37972092119bd769ed8a9.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="/products/chia-samen-bio-knospe-200-g-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chia Samen Bio Knospe, 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-19885-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s4AwRtLMVVxRcF9w70fTwhjTYacwWrFpSxAkG46ZkIjk5TkTuopjvpsXHRkn4_awY_1NVRQcsEWJxhqAa2vxig" />
    <input value="19885" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/mousse-au-chocolat-konventionell-110-g-19886">
          <img alt="Mousse au Chocolat konventionell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/small-f54df05c017f96773ba397dd4c900858.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-d819bea82cca2025e8ee8ada8cd25906.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10526/file/large-030da97a03ffa0776593d98c52863a0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10526/file/medium-d819bea82cca2025e8ee8ada8cd25906.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">MORGA</p>
          <a href="/products/mousse-au-chocolat-konventionell-110-g-19886">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mousse au Chocolat konventionell, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BC-PY1URA-nH9BOz5NmRxRYs9gJv8zYqY_99eH2kzqhTSoY2PVc1Cw2TUdosfbS3bQLa8Eu1NwahKUPjmFavqg" />
    <input value="19886" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/erbsen-cremesuppe-mit-basilikum-bio-375-ml-19887">
          <img alt="Erbsen Cremesuppe mit Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/small-573799b69d905fd3820d0c8d9bca2fef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-b1b824f5dca2cd2c39e156f9fbfddde5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10527/file/large-a10b415617626386f65e61d12a09e5de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10527/file/medium-b1b824f5dca2cd2c39e156f9fbfddde5.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">Nabio</p>
          <a href="/products/erbsen-cremesuppe-mit-basilikum-bio-375-ml-19887">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen Cremesuppe mit Basilikum Bio, 375 ml</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 1.47 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYZQC2R31wXYlvkvkh-gnNIHbUa7Khr2AjY-VWPt8Lda41leDDHh5xLxu0Zau4XuqSlBtJ9sG9rA4ADOhh-RtQ" />
    <input value="19887" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/erbsen-rote-linsen-kokosmilch-suppe-bio-375-ml-19888">
          <img alt="Erbsen Rote Linsen Kokosmilch Suppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10528/file/small-0bb764888cbfb18eb8fe0b54d2ea6e05.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10528/file/medium-576c268252f26cc89bc3b247b2fdd47a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10528/file/large-44906aa9eadd0f9b9c808d1e3d97180b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10528/file/medium-576c268252f26cc89bc3b247b2fdd47a.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">Nabio</p>
          <a href="/products/erbsen-rote-linsen-kokosmilch-suppe-bio-375-ml-19888">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen Rote Linsen Kokosmilch Suppe Bio, 375 ml</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 1.47 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="irLqlPTYoRQucCbTxIdTw7ZmwoYiv-9A-BXE8skT_Qzd1-PBnJ6X9uQXZLoMI3axzUjudAb57mw6w_ppLOGcDg" />
    <input value="19888" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/biobis-weizen-vanille-palmolfrei-bio-300-g-19889">
          <img alt="BioBis Weizen Vanille palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10533/file/small-8681fc590315423fd40c0e6243f75323.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10533/file/medium-10e5e2edc9ae8b501fa9860aa423d77e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10533/file/large-aead1bca859b13f71cb16aa610fcea9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10533/file/medium-10e5e2edc9ae8b501fa9860aa423d77e.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="/products/biobis-weizen-vanille-palmolfrei-bio-300-g-19889">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BioBis Weizen Vanille palmölfrei Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-dQGS-5El9M7OGLX_1a2JKInZ0iAtQ3lCqIT0FxBSmCusQ8ehgKhMfFfIL438pNW2QlLuqTzDMnIdC1LubMrYg" />
    <input value="19889" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/pakka-schoko-ananas-bio-100-g-19890">
          <img alt="Pakka Schoko Ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10534/file/small-509d90d426d4d7b5ce5c28f3710772fe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10534/file/medium-4a8c12234b493a98bbcfa1df03766e8c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10534/file/large-fafdb8aecd3df399f21fd87634a58445.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10534/file/medium-4a8c12234b493a98bbcfa1df03766e8c.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">Reformhaus</p>
          <a href="/products/pakka-schoko-ananas-bio-100-g-19890">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pakka Schoko Ananas Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c_8tvz9wtEu-Ld00zs8dSF8ecaZQNyz-UIVp-1V4zTskmiTqVzaCqXRKn10Gazg6JDBdVHRxLdKSU1dgsIqsOQ" />
    <input value="19890" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/bonbons-manuka-ingwer-orange-bio-100-g-19891">
          <img alt="Bonbons Manuka Ingwer-Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10535/file/small-941c81060530a3eec45ad64c40090d15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10535/file/medium-3750d632cb5d9423ef037d1c1e1c5eb2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10535/file/large-e41144e893a0d09aee3e89bc548f9cff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10535/file/medium-3750d632cb5d9423ef037d1c1e1c5eb2.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">Liebhart&#39;s</p>
          <a href="/products/bonbons-manuka-ingwer-orange-bio-100-g-19891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons Manuka Ingwer-Orange Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bYh2oWvyvLdNc78xGv4eStX-1lJaQe_bk9QvM79SFHI67X_0A7SKVYcU_VjSWjs4rtD6oH4H7vdRAhGoWqB1cA" />
    <input value="19891" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-19892">
          <img alt="Wildkaffee Decaffeinato Bohnen Bio fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10536/file/small-8f1e437f662072a11582fe4c708d34b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10536/file/medium-f710d07cf8d95d59e0e7a05b3a716beb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10536/file/large-f28b09a10046da154f2ea7acccd69321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10536/file/medium-f710d07cf8d95d59e0e7a05b3a716beb.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">Kaffa</p>
          <a href="/products/wildkaffee-decaffeinato-bohnen-bio-fairtrade-220-g-19892">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildkaffee Decaffeinato Bohnen Bio fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L_1yBC2ga86LnSVq7ITPEd3ioanx9xumeGf5Ld6MdJN4mHtRReZdLEH6ZwMkIOpjpsyNW9WxGoq6sce2O34VkQ" />
    <input value="19892" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/wochenbetteinlagen-bio-10-stuck-19893">
          <img alt="Wochenbetteinlagen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10537/file/small-19c2753126c825644c3dbb6618a2722f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10537/file/medium-908028a8663f15d6b62d4fb0a077c17a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10537/file/large-86b8585cc3e87ee33e6fa76fb087738c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10537/file/medium-908028a8663f15d6b62d4fb0a077c17a.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">Natracare</p>
          <a href="/products/wochenbetteinlagen-bio-10-stuck-19893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wochenbetteinlagen Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v8iZpapsHxAqmKB3uwkfova-bT25QHLBEJz0Tv49Nm7orZDwwiop8uD_4h5zrTrQjZBBz50Gc-3SSsrVG89XbA" />
    <input value="19893" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/lucerna-raucher-aroma-duftlampe-1-stuck-19894">
          <img alt="Lucerna Räucher- &amp; Aroma-Duftlampe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10538/file/small-4b7f45cd089209f9130d4322b6a79767.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10538/file/medium-06e8e965b46d8f4e4645e5d804f0cd53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10538/file/large-8ff2fddb250d5107129e3a1cad869c9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10538/file/medium-06e8e965b46d8f4e4645e5d804f0cd53.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/lucerna-raucher-aroma-duftlampe-1-stuck-19894">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lucerna Räucher- &amp; Aroma-Duftlampe, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dgb_qcWqWWColKUmsjNKgLc8-7Lf3qVrT3k8OchzIZNZY_b8rexvgmLz5096l2_yzBLXQPuYpEeNrwKiLYFAkQ" />
    <input value="19894" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/raumduft-wald-110-ml-19895">
          <img alt="Raumduft Wald" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10539/file/small-4a5f69462a447aaf26466cc509518a0e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10539/file/medium-d563430e8d7228d8fb4aba91bd2554ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10539/file/large-e12b8b2e9f8751aa779f87bc00978853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10539/file/medium-d563430e8d7228d8fb4aba91bd2554ef.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raumduft-wald-110-ml-19895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Wald, 110 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_zXyQ8JNeV6rlHzU8RPMyFixtkPQN4dodcC9BUyOECqoUPsWqgtPvGHzPr05t-m6I5-asfRxhkS3FoOeqXxxKA" />
    <input value="19895" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/raumduft-energie-110-ml-19896">
          <img alt="Raumduft Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10540/file/small-2474e3c6b8145fb97f7e1e165dee1ce5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10540/file/medium-93a7ff8c892aca7f6032bc3324a2ca61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10540/file/large-d56d58745336af89d6242373266a3d4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10540/file/medium-93a7ff8c892aca7f6032bc3324a2ca61.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raumduft-energie-110-ml-19896">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Energie, 110 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F47260KzhLiXtoYi34WUNn90kwU2NdTvB5nLQ9DtdmhA6_--KvWyWl3RxEsXIbFEBFq_9xJz1cPFT_XYNR8Xag" />
    <input value="19896" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/raumduft-ruhe-110-ml-19897">
          <img alt="Raumduft Ruhe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10541/file/small-e5e81512acfe0b09a470fbb1ad1f3d87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10541/file/medium-7f3b4e3f8c7107ceb5b2e081c574d3c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10541/file/large-33cf1ef73060b38f8e5f787916f2849f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10541/file/medium-7f3b4e3f8c7107ceb5b2e081c574d3c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raumduft-ruhe-110-ml-19897">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Ruhe, 110 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d-1QK381AOCVBh2uIS4HNPtsQGX1N9WoAEHjXUdNJzEgiFl-F3M2Al9hX8fpiiJGgEJsl9Fx1ITCl93Gor9GMw" />
    <input value="19897" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/tea-drei-fenchel-bio-20-x-1-8-g-19898">
          <img alt="Tea Drei Fenchel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/small-fab0667ab780a68bca371fbe10a49d71.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-bede6010c6d1a3b7c9ca4e4e26d893a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/large-309b6750dc996bd352dc33572d74ea99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-bede6010c6d1a3b7c9ca4e4e26d893a4.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">Pukka</p>
          <a href="/products/tea-drei-fenchel-bio-20-x-1-8-g-19898">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Drei Fenchel Bio, 20 x 1.8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="98t0ganJ3g_Zf2iOZzIjtt7g8iRe8jvUG7Esq5N3Yw-grn3UwY_o7RMYKuevlgbEpc7e1nq0OvjZZxIwdoUCDQ" />
    <input value="19898" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/tschin-tschin-sirup-bio-500-ml-19899">
          <img alt="Tschin Tschin Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/small-9f6bae57f68fc681c595647c31647248.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-fedc79e55efba82ae5dfe40605d9e4a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/large-6ba55e686bfefb78707ba0730b124821.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-fedc79e55efba82ae5dfe40605d9e4a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tschin-tschin-sirup-bio-500-ml-19899">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tschin Tschin Sirup Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FJoT-aCGuVcuE2yttUvwZaB1rzceqfb4UMXlQW_EHz5D_xqsyMCPteR0LsR979UX21uDxTrv99SSE9vaijZ-PA" />
    <input value="19899" 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="/signup?return_to=%2Fcategories%2Fde-rit%3Fformat%3Dturbo_stream%26page%3D116">
    <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="/products/schokolade-zb-75-caramel-pecan-seasalt-70-g-19900">
          <img alt="Schokolade ZB 75% Caramel Pecan Seasalt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-bbeccad23c73cf6582b7b1b216d5e5fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-dad6bdb37fa69ffbb77095774ae8b131.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-de26537cb0a8110ea035d272d7c5b9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-dad6bdb37fa69ffbb77095774ae8b131.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">Chokay</p>
          <a href="/products/schokolade-zb-75-caramel-pecan-seasalt-70-g-19900">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade ZB 75% Caramel Pecan Seasalt, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ZcTbdQMOKYrSraYJdl4Vevn2G8bAUPmcD48Ot8IKge68ho4vEoOROEt9PHtfV0nkMn0nT9HQsqy6AKhOvpLBQ" />
    <input value="19900" 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">
      2&#39;320 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/de-rit?format=turbo_stream&amp;page=117">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>