<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-dose-demeter-75-g-14930">
          <img alt="Dinkelkaffee Instant Koffeinfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8853/file/small-af7eef3870379c6e3ab08ce1aa3f65a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.webp 900w, https://assets.fabulous.ch/public/variant_asset/8853/file/large-1a8ebb06200c9898304ab35bad01a145.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.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">Naturata</p>
          <a href="/de/products/kaffee-instant-dinkelkaffee-koffeinfrei-dose-demeter-75-g-14930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelkaffee Instant Koffeinfrei Demeter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14930&quot;],&quot;content_name&quot;:&quot;Dinkelkaffee Instant Koffeinfrei Demeter, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14930&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OZEMAccLBoe078g2BWYiyCIqMNVsrLnfK7-BcuyIQa30TDljFslR7korovUfZLSIRcLJNqmNm38X2AQVAwvDNw" />
    <input value="14930" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/kakao-pulver-edelkakao-fairtrade-bio-125-g-14931">
          <img alt="Kakao Pulver Edelkakao Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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">Naturata</p>
          <a href="/de/products/kakao-pulver-edelkakao-fairtrade-bio-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao Pulver Edelkakao Fairtrade Bio, 125 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 6.32 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14931&quot;],&quot;content_name&quot;:&quot;Kakao Pulver Edelkakao Fairtrade Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14931&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zQnUB7hJ_-tCsqhoCDJI_q9XEQVEdd4CZFtl-mtBC-EA1OFlaYuogrx2wqsSMN6-yL_o5oFU_KJYPOCdhMKJew" />
    <input value="14931" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/ginseng-eleuterococcus-vegicaps-bio-kapseln-200-stuck-14987">
          <img alt="Ginseng Eleuterococcus Vegicaps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6876/file/small-8615036d15dce6ad771fcaa93ab520d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6876/file/large-c5fd28fe2a9df8f11d3dc4d374f58c6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.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">NaturKraftWerke</p>
          <a href="/de/products/ginseng-eleuterococcus-vegicaps-bio-kapseln-200-stuck-14987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginseng Eleuterococcus Vegicaps Bio, 200 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14987&quot;],&quot;content_name&quot;:&quot;Ginseng Eleuterococcus Vegicaps Bio, 200 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14987&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bNFV3mNBJvEjjtE3PsCJZNKN6B33ODCz2fLRol4DkcyhDGC8soNxmN1Ku_Qkwh8ktWUR_jIZEhPllVTFsYATVg" />
    <input value="14987" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/maniok-chips-sour-cream-onion-bio-60-g-15022">
          <img alt="Maniok Chips Sour Cream &amp; Onion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6890/file/small-490364215601deb7aca1fcd721fb2a25.webp 600w, https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6890/file/large-0d29a200f5811d754e27fe60abd8cd5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.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">el origen</p>
          <a href="/de/products/maniok-chips-sour-cream-onion-bio-60-g-15022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maniok Chips Sour Cream &amp; Onion Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15022&quot;],&quot;content_name&quot;:&quot;Maniok Chips Sour Cream \u0026 Onion Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15022&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q3b19vcPe2ktgZo74bR994O0FTnGSk--o9jyf3I6iJxmq8CUJs0sANNF8Pj7tuu35Fzs2gNrbR6fv3cYnbkKBg" />
    <input value="15022" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/kochbuch-japan-easy-vegan-tim-anderson-1-stuck-15053">
          <img alt="Kochbuch JAPAN EASY VEGAN Tim Anderson" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6894/file/small-765e0d111145a7401ace75ed30626d42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6894/file/medium-054deba1e845c08d30386cf8979c1081.webp 900w, https://assets.fabulous.ch/public/variant_asset/6894/file/large-b8082ee9a2dc7f58ccc6efacb60841e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6894/file/medium-054deba1e845c08d30386cf8979c1081.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">Buchverlag</p>
          <a href="/de/products/kochbuch-japan-easy-vegan-tim-anderson-1-stuck-15053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch JAPAN EASY VEGAN Tim Anderson, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15053&quot;],&quot;content_name&quot;:&quot;Kochbuch JAPAN EASY VEGAN Tim Anderson, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bKsKcnqPCQbwy7LHGb8_zQXeWaNwgPq68iv2Nef3GXahdj8Qq01ebw4P2AQDvamNYjagQLWh2BrOTHNSCHSb7A" />
    <input value="15053" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/true-dates-saure-cola-100-g-15079">
          <img alt="True Dates Saure Cola" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6910/file/small-5fffc5209e722787a30ff472e2f5c8ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6910/file/large-85f2d21050e038ac5c18e4f78bdae1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6910/file/medium-ff4f5054a29042e9503719c179cf0b1e.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">True. ApS.</p>
          <a href="/de/products/true-dates-saure-cola-100-g-15079">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">True Dates Saure Cola, 100 g</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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15079&quot;],&quot;content_name&quot;:&quot;True Dates Saure Cola, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15079&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q7uW2hiCkW7lb21IacbwL8U5I4pkaGlA8IVVHtrhXDCOZqO4yUDGBxurB4tzxGZvotHaaaFJS-DM4tB5NWLeqg" />
    <input value="15079" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/true-dates-cremige-erdnussbutter-100-g-15080">
          <img alt="True Dates Cremige Erdnussbutter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6913/file/small-be97a571c3d1cdec7bb838278c1f1cbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6913/file/large-c30925bddde58184043cddb7daf7a315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6913/file/medium-ca11ff7af88c080a7474740bc823130a.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">True. ApS.</p>
          <a href="/de/products/true-dates-cremige-erdnussbutter-100-g-15080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">True Dates Cremige Erdnussbutter, 100 g</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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15080&quot;],&quot;content_name&quot;:&quot;True Dates Cremige Erdnussbutter, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_YcJ9ChSTxNe-s3OeLRsBh29D66fDmE_l1_agxZtLz0wWjyW-ZAYeqA-pw1itvpGelX2TVovQ5-rOF_k-e6tpw" />
    <input value="15080" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/shea-butter-bio-100-ml-15117">
          <img alt="Shea Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6932/file/small-0d0ccdce08531935bad0653ca8b48a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6932/file/large-6f362242c8c6af5d436ac46de2c9dd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.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">farfalla</p>
          <a href="/de/products/shea-butter-bio-100-ml-15117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shea Butter Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15117&quot;],&quot;content_name&quot;:&quot;Shea Butter Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbqAoBdMe9HTYNcg4qg4wBD7UW_6blW_jSekbCXjqsBgZ7XCxo4suC2kveP4qq6AdxOojD9Pdx-xQCELymAoWg" />
    <input value="15117" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
          <img alt="Tomaten Geschält in Tomatensaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6934/file/small-001cb51b61dff94bfca258fe249fcb16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6934/file/large-82115e418c512c0de87ba0fc097b37a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.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">Rapunzel</p>
          <a href="/de/products/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Geschält in Tomatensaft Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15118&quot;],&quot;content_name&quot;:&quot;Tomaten Geschält in Tomatensaft Bio, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15118&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SaQTUKvCJKrMvSW15fL4Ws_FVaMexx5V6xUZMeK5dvmEeSYyegBzwzJ5T3b_8G4aqC2sQNvmPPXXcpxWDTr0Yw" />
    <input value="15118" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/bitterliebe-tropfen-50-ml-15166">
          <img alt="Bitterliebe Tropfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8908/file/small-4fbab387189363ef4406a6731416aab5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8908/file/medium-37487aa7c4c1b6c09873ef7c66725fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/8908/file/large-71c5713104a7aa94db0f1a870f5b8519.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8908/file/medium-37487aa7c4c1b6c09873ef7c66725fee.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">Bitterliebe</p>
          <a href="/de/products/bitterliebe-tropfen-50-ml-15166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bitterliebe Tropfen, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15166&quot;],&quot;content_name&quot;:&quot;Bitterliebe Tropfen, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15166&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uPwq_7VwlN7kX6B2RTNs3r2EY6qhrVhLEdtWwqfNap11IR-dZLLDtxqbyrVfMfqe2myaSWSMeustvNOlSE7oBw" />
    <input value="15166" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/soja-sauce-shoyu-mild-bio-250-ml-51219bc8-a461-47df-9298-9d09f8c077ff-15169">
          <img alt="Soja Sauce Shoyu mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6948/file/small-ce3e356762e546521c6fc11be4ea54a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6948/file/large-c2b75740211ad5e0fd51bd695ea50441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/de/products/soja-sauce-shoyu-mild-bio-250-ml-51219bc8-a461-47df-9298-9d09f8c077ff-15169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Shoyu mild Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15169&quot;],&quot;content_name&quot;:&quot;Soja Sauce Shoyu mild Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15169&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fi_fRBIMjnDamd6qHVFqaB9_VvoSJClYzhqeqsxyM26z8uomw87ZGSRdtGkHU_woeJevGdcFC_jyfRvNI_Gx9A" />
    <input value="15169" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/soja-drink-natural-bio-1-l-15173">
          <img alt="Soja Drink Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6952/file/small-068258bb1afa87afb80c558372e436f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/6952/file/large-18a3882d9f056bd66968b8a8646de1a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/de/products/soja-drink-natural-bio-1-l-15173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Drink Natural Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15173&quot;],&quot;content_name&quot;:&quot;Soja Drink Natural Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15173&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2AekJ2dJsTmj2r9fLEm3ofrxCtKffk0U3PzRnVxWFpEV2pFFtovmUF0e1Zw2SyHhnRnzMVpfb7Tgm1T6s9WUCw" />
    <input value="15173" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/ahornsirup-grad-c-bio-500-ml-15174">
          <img alt="Ahornsirup Grad C+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6953/file/small-ced87d75bd8a9dbffd72186b4973b5f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6953/file/medium-7c4c7930a0a7291544f697e75b6cddd4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6953/file/large-394237002bdc85c76ccb7b97f0e5fff6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6953/file/medium-7c4c7930a0a7291544f697e75b6cddd4.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">Madal Bal</p>
          <a href="/de/products/ahornsirup-grad-c-bio-500-ml-15174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ahornsirup Grad C+ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15174&quot;],&quot;content_name&quot;:&quot;Ahornsirup Grad C+ Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15174&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HI0y5nkhfn-jmCEeKUeiYG4tiQOC1vezlm_Dv0k4wUXRUAeEqOMpFl1cS90zRTQgCcVw4Ef31ROqCEbYprtD3w" />
    <input value="15174" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/soja-sauce-tamari-bio-500-ml-15176">
          <img alt="Soja Sauce Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6954/file/small-1bdac909ff6ec049c8862ef67c201e94.webp 600w, https://assets.fabulous.ch/public/variant_asset/6954/file/medium-2036f23a5250e0590e0406f4f129a392.webp 900w, https://assets.fabulous.ch/public/variant_asset/6954/file/large-53b94f6fea4f7b126418b66568bf2aad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6954/file/medium-2036f23a5250e0590e0406f4f129a392.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="/de/products/soja-sauce-tamari-bio-500-ml-15176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Tamari Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15176&quot;],&quot;content_name&quot;:&quot;Soja Sauce Tamari Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15176&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OwXuaRA0gPwmaaI3QcIm1z3DLZL4dVX8GhOPTmXljgj22NsLwfbXldityPRbwLCXWivUcT1Ud1wmdAopimYMkg" />
    <input value="15176" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/allesreiniger-5-dl-15204">
          <img alt="Allesreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6970/file/small-9e6fc7d8f97fb82b3932decb6c093329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.webp 900w, https://assets.fabulous.ch/public/variant_asset/6970/file/large-536eba4e3bedc4a40ff8f74b36b42e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.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/allesreiniger-5-dl-15204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allesreiniger, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15204&quot;],&quot;content_name&quot;:&quot;Allesreiniger, 5 dl&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15204&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5E3jkrVrbka1PKVtz0nrv0UN9mHfoVWVV6SFQKFpezgpkNbwZKk5L0v4z67VS33_IuUPghqAdzVrwwAnTur5og" />
    <input value="15204" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/badreiniger-grossgebinde-10-l-15205">
          <img alt="Badreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6971/file/small-6ba1fb4f73bc1b387f8ef6ee5577e696.webp 600w, https://assets.fabulous.ch/public/variant_asset/6971/file/medium-7ca64207746a76bd71818b23f37aa97a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6971/file/large-d30acc2340353ef655ce2695bfebdb33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6971/file/medium-7ca64207746a76bd71818b23f37aa97a.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/badreiniger-grossgebinde-10-l-15205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badreiniger, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15205&quot;],&quot;content_name&quot;:&quot;Badreiniger, 10 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:53.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ZVCVh7KeFbAzRIRmO8GyyQ-FYIjVY7wx5OQ1AitGiEsSHc0zwgvPz4JeNKC7ZCLQ9bsYeZ0rFD79BWz5y6Yuw" />
    <input value="15205" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/wc-reiniger-zeder-citronella-grossgebinde-10-l-15207">
          <img alt="WC Reiniger Zeder-Citronella Grossgebinde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6974/file/small-a509052fd054c3f99d7e02eadc765904.webp 600w, https://assets.fabulous.ch/public/variant_asset/6974/file/medium-64bca0631bd452d159e5d2bfc06e5c06.webp 900w, https://assets.fabulous.ch/public/variant_asset/6974/file/large-b3bd7aaf13dd94a6dc89470d99972d0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6974/file/medium-64bca0631bd452d159e5d2bfc06e5c06.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/wc-reiniger-zeder-citronella-grossgebinde-10-l-15207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">WC Reiniger Zeder-Citronella Grossgebinde, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15207&quot;],&quot;content_name&quot;:&quot;WC Reiniger Zeder-Citronella Grossgebinde, 10 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:55.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KgvnURrNKDDdcyBIMohyPxkeI2C4nfX_sNGaYxuOlarn1tIzyw9_WSO3SosoiuR_fvbag32811-Mth8E9A0XMA" />
    <input value="15207" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/matcha-ceremonial-grade-30-g-15279">
          <img alt="Matcha Ceremonial Grade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6985/file/small-cd155fb7bb15fe1be98bf3a18d08312e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6985/file/medium-13bb1ec4ae570dbbbcb14f59f3a908e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6985/file/large-43d3f090f4a43464196066c2c15b795d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6985/file/medium-13bb1ec4ae570dbbbcb14f59f3a908e6.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">Matcha&amp;Friends</p>
          <a href="/de/products/matcha-ceremonial-grade-30-g-15279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha Ceremonial Grade, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15279&quot;],&quot;content_name&quot;:&quot;Matcha Ceremonial Grade, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15279&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hJ0gzNp4oqmk7hrcVw_hjic_ji-kU93cPyPUMW2gxn5JQBWuC7r1wFoqcB9NDXfOQNd3zGFy_3wDRFFWgiNE5A" />
    <input value="15279" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/matcha-traditional-grade-30-g-15280">
          <img alt="Matcha Traditional Grade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6986/file/small-7017898f90c2c59b6876f71723c2fe11.webp 600w, https://assets.fabulous.ch/public/variant_asset/6986/file/medium-aad4b26c1e490f5d1ef04c70f3dc0814.webp 900w, https://assets.fabulous.ch/public/variant_asset/6986/file/large-2830827789ae784944ed6e7f903a470e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6986/file/medium-aad4b26c1e490f5d1ef04c70f3dc0814.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">Matcha&amp;Friends</p>
          <a href="/de/products/matcha-traditional-grade-30-g-15280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Matcha Traditional Grade, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15280-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D158">
    <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/oko-hoschenwindeln-grosse-5-l-12-18kg-28-stuck-15340">
          <img alt="Öko-Höschenwindeln Grösse 5 L 12-18kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7011/file/small-1413d98c7dc65e7c29a117853d1c7c41.webp 600w, https://assets.fabulous.ch/public/variant_asset/7011/file/medium-6328758dd3c861b172d21f7ba89063d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7011/file/large-1dcde8ce499f32a351e611aba6e54db4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7011/file/medium-6328758dd3c861b172d21f7ba89063d6.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">Tidoo</p>
          <a href="/de/products/oko-hoschenwindeln-grosse-5-l-12-18kg-28-stuck-15340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Öko-Höschenwindeln Grösse 5 L 12-18kg, 28 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15340&quot;],&quot;content_name&quot;:&quot;Öko-Höschenwindeln Grösse 5 L 12-18kg, 28 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3vBAXUzwqB6I7HhpHa4mi1Y0trsWxQigIHg4BTGfF9cTLXU_nTL_d3YoEqoHrLDLMdxPWNPkKgAcH71i3hyVTQ" />
    <input value="15340" 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">
      3&#39;160 von 3&#39;732 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natura?format=turbo_stream&amp;page=159">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>