<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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18506">
          <img alt="Gewürzmischung Asafoetida mit Bockshornklee Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10151/file/small-c9fe811ea7fdce96bc289a80cd464624.webp 600w, https://assets.fabulous.ch/public/variant_asset/10151/file/medium-2d3f610890f3ce61018996ace548aa75.webp 900w, https://assets.fabulous.ch/public/variant_asset/10151/file/large-8998a0ad4bee54059d4242733e083d26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10151/file/medium-2d3f610890f3ce61018996ace548aa75.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">ClassicAyurveda</p>
          <a href="/de/products/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzmischung Asafoetida mit Bockshornklee Dose, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cByhIRMrj4tEp-81pC-8M-jRLa1NkEXlhh-bUuZGgKn7VqJ-QO9H7H-z_yqHb4hpQ1BXc5OjYjKsZhn9-OtkOw" />
    <input value="18506" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/preiselbeeren-wild-gefriergetrock-bio-roh-50-g-18741">
          <img alt="Preiselbeeren Wild gefriergetrocknet roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11203/file/small-ea36dc10543b86cc0ea37e01714ac968.webp 600w, https://assets.fabulous.ch/public/variant_asset/11203/file/medium-e353ee3e3c4c7028b08a5d4f8640ef44.webp 900w, https://assets.fabulous.ch/public/variant_asset/11203/file/large-f3825e211d83e35bc0fa219b02365c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11203/file/medium-e353ee3e3c4c7028b08a5d4f8640ef44.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/preiselbeeren-wild-gefriergetrock-bio-roh-50-g-18741">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Preiselbeeren Wild gefriergetrocknet roh Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ggdvgnSFnJIgzWftJhr07IegomNQDznA4p4GYnaAEvAJTWzdJ0FU9RvZd_IFWsC2LCHYvY48HhfI54TNaC32Yg" />
    <input value="18741" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
          <img alt="Erdbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2644/file/small-9ba6b9567a5e8a0af43d73979c4d8443.webp 600w, https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp 900w, https://assets.fabulous.ch/public/variant_asset/2644/file/large-c5fde127392253a322ed131cfcd5d905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.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/erdbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdbeeren gefriergetrocknet Rohkostqualität Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zKTemErqfTbjRtWs4uybfnE1q-V28na9hgJqjmfESZUeJAlMu9hk-CZC0mQy4Y3UkWscUvo7g3cYYsFJzL1tA" />
    <input value="4213" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
          <img alt="Himbeeren gefriergetrocknet Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2646/file/small-1ff1f274ad0d3c26ab4013ab3c8f0b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2646/file/large-869b2073c3f2a09a1072b7a6f25b0a81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2646/file/medium-ba5b3d3fde5bd6f15b0b23b1b306683e.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/himbeeren-gefriergetrocknet-rohkostqualitat-bio-50-g-4214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himbeeren gefriergetrocknet Rohkostqualität Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CLrcbrFTJGXajhurxyeq4WKtpkGOoFdn172ErTzXbDGD8N8x4pfsAuGaC7TkZ567ySzcn1CTcLD9xAYCInqIow" />
    <input value="4214" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pistazien-rohkostqualitat-ungesalzen-bio-250-g-6715">
          <img alt="Pistazien Rohkostqualität Ungesalzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3876/file/small-c37ac01ddeb84f509b05329e05177ed0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3876/file/large-7891d66bb9f95e7a4d54baf6a035100c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3876/file/medium-d57be92b346708b54465be9735df1ecf.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/pistazien-rohkostqualitat-ungesalzen-bio-250-g-6715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien Rohkostqualität Ungesalzen Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EdFbleXvuxVjlYAAzy4PKT_Z77qILphsYVf5BdSrmQaam1jKtitzcliBkB_sbjtzlFiVZFYdv7tLLnuqygZ9lA" />
    <input value="6715" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/heidelbeeren-wild-gefriergetrock-bio-roh-50-g-18739">
          <img alt="Heidelbeeren Wild gefriergetrocknet roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11202/file/small-759b211c63f7ebce6ce0a7d0da178856.webp 600w, https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11202/file/large-4a4a5e9bd410852bac28877ecc128962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11202/file/medium-6eee26f11ad9e9f55e358bda569dbd8c.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/heidelbeeren-wild-gefriergetrock-bio-roh-50-g-18739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeeren Wild gefriergetrocknet roh Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hyy8dp1D8hQsuRxKxdqNeiVq-ZoU0IGL56PpBLJg52aUZr8pzoc6cxetDFXmmrkgjuuDRMrjplzN2murrM0D9A" />
    <input value="18739" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/algengewurz-ao-nori-konv-20-g-18728">
          <img alt="Algengewürz Ao Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11387/file/small-bdd3da675d4c2761f9180353253068d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11387/file/medium-07df354c810982db59301235e08d500d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11387/file/large-9e9a6962d6a425642d213b59de43eebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11387/file/medium-07df354c810982db59301235e08d500d.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">Muso</p>
          <a href="/de/products/algengewurz-ao-nori-konv-20-g-18728">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algengewürz Ao Nori konv, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fY4EjlpsWp1_MmA1cS_UrQn0J0o_GYSVRpStLrW319r2xAfRCaiS-kQmcCpSb-D3onVdlOEqo0Js7S-BqxozSA" />
    <input value="18728" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/nussmilchsack-nut-milk-bag-1-stuck-5845">
          <img alt="Nussmilchsack Nut Milk Bag" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3360/file/small-e413ff73fd67a5384cef5e4c23e7a84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/3360/file/large-21a8ffe102c13ade0131ec7014aa5b36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.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/nussmilchsack-nut-milk-bag-1-stuck-5845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmilchsack Nut Milk Bag, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1NmJvsuCU_d90_015drfUgy_bJWeqvp6d5ULOlGi-bAGWV5qOrBKObjX-v0118n47OHbIhJjD7Dp9aD9-tvdA" />
    <input value="5845" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/umeboshi-paste-konv-150-g-18735">
          <img alt="Umeboshi Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11207/file/small-b29068b3b371854fafb61f6e80f9078a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11207/file/large-83b280db52b1d4be191a22766f982f37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.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">Muso</p>
          <a href="/de/products/umeboshi-paste-konv-150-g-18735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi Paste, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gf-cONn5zudrJfRRIGrVTuZC3maae7H92LNl7y8508EKtZ9nij0GgFAx5E4DKuEUTcOkuERIliryyudAMZQ3Uw" />
    <input value="18735" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/umeboshi-japanische-salzpflaume-bio-150-g-18734">
          <img alt="Umeboshi japanische Salzpflaume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11381/file/small-3dafd396a325e20d4d8240bcdef54e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/11381/file/medium-be1f03b9264195734dbbfb32ed8f08a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11381/file/large-e8412b2c88c8bebdf746b85b6fb5a183.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11381/file/medium-be1f03b9264195734dbbfb32ed8f08a5.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">Muso</p>
          <a href="/de/products/umeboshi-japanische-salzpflaume-bio-150-g-18734">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi japanische Salzpflaume Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5fwqsZtqqDx4JWpf_WTndcuhQpITJPgF7XfbqykkMcE3fP1lalix8r0hbZctafHfK__1JZ_tDc9zF3Bsgl0VQ" />
    <input value="18734" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/baumnussol-roh-100-ml-19857">
          <img alt="Baumnussöl Schweiz roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11210/file/small-8c408a2587431a2db213e55ec331d7dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11210/file/medium-96588bec3b1d4943c17a8d80e5465add.webp 900w, https://assets.fabulous.ch/public/variant_asset/11210/file/large-f43f25699c987bddbb46594ae9f0ea67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11210/file/medium-96588bec3b1d4943c17a8d80e5465add.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/baumnussol-roh-100-ml-19857">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnussöl Schweiz roh, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-19857-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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/bifun-reisnudeln-konv-100-g-18729">
          <img alt="Bi-fun Reisnudeln " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11383/file/small-d2379dbaad0cad2b1211b9a35363a7c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11383/file/medium-3f1d122922b393e506173689bac05575.webp 900w, https://assets.fabulous.ch/public/variant_asset/11383/file/large-a03aae4999819c2e93d9c50431d8fd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11383/file/medium-3f1d122922b393e506173689bac05575.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">Muso</p>
          <a href="/de/products/bifun-reisnudeln-konv-100-g-18729">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bi-fun Reisnudeln , 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yFYMZVntVQIrdcW_AQ59RRwff7At1iEauJhqPppNUNhDHA86CimdZRBh1aAiTkkft54FbvPlBs2S4eiRhOC0Sg" />
    <input value="18729" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/algen-sushi-nori-konv-10-stuck-18726">
          <img alt="Algen Sushi Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11127/file/small-528051c67ff57013348aa5136c061719.webp 600w, https://assets.fabulous.ch/public/variant_asset/11127/file/medium-cd968f719161b9162ad1a260b73685f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11127/file/large-73703e4c2c582b2001eeb08fda20535c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11127/file/medium-cd968f719161b9162ad1a260b73685f1.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">Muso</p>
          <a href="/de/products/algen-sushi-nori-konv-10-stuck-18726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Sushi Nori konv, 10 Stück</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 0.69 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZserEe4SHRSB8QzynSrpFTon4K8s8gJ-OKUUUtZT9aTtjahOvdbVc7rlHO2-at1PkaaacfLBJakS3Jb9yP4RNg" />
    <input value="18726" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pralinen-symphonie-n-2-bio-72-g-19941">
          <img alt="Pralinen Symphonie N°2 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11177/file/small-71cb32360a1c5da5512033f33e0c9b5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11177/file/medium-b7af9dad05aeaf14823fead9b3353662.webp 900w, https://assets.fabulous.ch/public/variant_asset/11177/file/large-0b3f7552a066cd8d7f3c9603014db814.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11177/file/medium-b7af9dad05aeaf14823fead9b3353662.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/pralinen-symphonie-n-2-bio-72-g-19941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinen Symphonie N°2 Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qvWhNTEV-LNR809DYfpTEf-PIt665k3xYDSK4P3OvcMhv6JqYtEw1GrnX1xCumdLVA5YAGTVaiZKTQhP42NZUQ" />
    <input value="19941" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pralinen-gianduja-6er-box-bio-72-g-4217">
          <img alt="Pralinen Gianduja 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2649/file/small-7b9d43198751af10671cc94c1972d3e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2649/file/large-584282132d092cbdc77e131cc418eb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2649/file/medium-0766cb692a8c7e07bd11db360ae924f9.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/pralinen-gianduja-6er-box-bio-72-g-4217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinen Gianduja 6er Box Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRvuDNjQWjqZF4tx6DUEpduJ-9KuwvQlxICkKdiAFpvqUe1TixSSXaIDm27LdTD_cAiBDHDx0_Lu-SaGxi3yCQ" />
    <input value="4217" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/algen-wakame-konv-50-g-18727">
          <img alt="Algen Wakame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11385/file/small-b66c2efb19d010ea01172e1997f2448b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11385/file/medium-26ff0e06cf545156325ee033e1bdc66c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11385/file/large-a4af03e0438822f0fda67ba7a50c3ba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11385/file/medium-26ff0e06cf545156325ee033e1bdc66c.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">Muso</p>
          <a href="/de/products/algen-wakame-konv-50-g-18727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Wakame, 50 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 13.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uazcpCD_BVfkOzg6xQNRlubY-oYR9j4JFMsrJKnCbFIy5t_7czvNMN8vKCXmQ2XMTVmAWM_FGd4-sqmLt2-IwA" />
    <input value="18727" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pralinen-symphonie-n-1-bio-72-g-6693">
          <img alt="Pralinen Symphonie N°1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3869/file/small-38d97e7550ad2e746af89582d6af22a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3869/file/large-563d9548f17515fe68c13d4f5abae7a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.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/pralinen-symphonie-n-1-bio-72-g-6693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinen Symphonie N°1 Bio, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s-pBfDZFR44pimUZaw7lFxui9t5Jmor5xXXo3XyreaA4oEIjZYGP6RKedQZITtFNsCOMAJeprS7vDGpyYgadMg" />
    <input value="6693" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/algen-arame-konv-50-g-18725">
          <img alt="Algen Arame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10000/file/small-f5fe91585a679eeb246f2c42519b3bb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10000/file/medium-86073c9fccfcd4e02cb116f7eb0bf0e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10000/file/large-8fc398441891046f1b76df6e01c9ea30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10000/file/medium-86073c9fccfcd4e02cb116f7eb0bf0e7.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">Muso</p>
          <a href="/de/products/algen-arame-konv-50-g-18725">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Arame, 50 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 15.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uew19FoEyeOnjAgwAZzRi5WTMaUtWVnMvr6R_ypqflEypjarCcABhJyYGC8i3OXRPhJLe_NqfhuUxxNQNMeaww" />
    <input value="18725" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/gruntee-chi-kombucha-live-bio-500-ml-15948">
          <img alt="Grüntee-Chi Kombucha live Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7341/file/small-bf1cd4df79e89aeb9a37389268821aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7341/file/large-b1d3d636d8decdfa51e3ed8711e22d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7341/file/medium-029fd0e613228c68c57d7c196591bf0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/gruntee-chi-kombucha-live-bio-500-ml-15948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüntee-Chi Kombucha live Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kwe7edSm6mVAotfRJAFdaiQQRr-UZqkLd3lsdtjRYOugTbgmh2IiAnu2x84HQWkwj5E8YUpVjtxdAO7ZxnyEeQ" />
    <input value="15948" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D48">
    <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/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
          <img alt="Geschirr Handspülmittel Lemon Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.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/geschirr-handspulmittel-lemon-grossgebinde-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirr Handspülmittel Lemon Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mV_gOiGCMYLP2TppfFfAbZu-5VeGWSDB3W3eSA9bS9QSFeNlckb55fTNKnZfF_Q3MD-fiVhqBxb3FFznEfavRg" />
    <input value="6999" 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">
      960 von 3&#39;525 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/jooti?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>