<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18919">
          <img alt="Kaffee Wiener Verführung Melange gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9556/file/small-e6b5ef83635c6029d2d28f7394522f7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9556/file/medium-74a85db0d7e84f910284965b36675be8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9556/file/large-6d686b0a9a2f0ce1ef3c9a3657d9826a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9556/file/medium-74a85db0d7e84f910284965b36675be8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kaffee-wiener-verfuhrung-melange-gemahlen-bio-500-g-18919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Wiener Verführung Melange gemahlen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c1ERXPDP5PmQ2B87yJMHOOFGA7ctQ1u83F-M2vq7aFzB0WBwRJwiWfPtNvGXbgkZ1nkOwb8HgPnD1JEVkF7FlQ" />
    <input value="18919" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18920">
          <img alt="Kühle Kanne Erdbeere Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10935/file/small-2e610e9e1b8e770c0ba94a7f12c1148f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10935/file/medium-e854b91652318a3cee4e284fdde30a09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10935/file/large-b1df6417adb2dd54c9c53449373992ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10935/file/medium-e854b91652318a3cee4e284fdde30a09.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kuhle-kanne-erdbeere-ingwer-bio-16-beutel-18920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Erdbeere Ingwer Bio, 16 Beutel</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 0.48 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5PWU6Eoq7t6p21WoVcsfLLIqmWmAqLD9prnE_czNiZpWdeXE_nkofsrufGIKNhENhRWUHxLsa7i5MtkypigkUw" />
    <input value="18920" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kuhle-kanne-orange-basilikum-bio-16-beutel-18921">
          <img alt="Kühle Kanne Orange Basilikum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/small-dc6ddab1287de3782374cac203cfc7bb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-096b6110da191cfbca074da5794ad1a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10936/file/large-a2a8cad33acf5e12012ed0810ead7092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10936/file/medium-096b6110da191cfbca074da5794ad1a6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/kuhle-kanne-orange-basilikum-bio-16-beutel-18921">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kühle Kanne Orange Basilikum Bio, 16 Beutel</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 0.48 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GHbi-KVwexqciRegqjaqp16QGTr78eDt_Tkzs9u2rD6q9pPUESO9uv-8Pmr1y6SGaa8UTGm1O6jisi58sVMB9w" />
    <input value="18921" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mediterranes-bluten-zaubersalz-bio-120-g-18922">
          <img alt="Mediterranes Blüten Zaubersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/small-cd382ba9d14e374f7e38bcd54c23a8c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-a66372979d48bd462cba5ef3a13275f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9457/file/large-09deea2ef760145d9e73e398f78be1ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9457/file/medium-a66372979d48bd462cba5ef3a13275f1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/mediterranes-bluten-zaubersalz-bio-120-g-18922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZzgW7_whSt-lU7vhtVXv26XwObnMei9A75MZpFEWAuPHJF3C6NDix2gZyXZKFmeWajNkHV1M_gcNVGp-6H1wg" />
    <input value="18922" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18923">
          <img alt="Mediterranes Blüten Zaubersalz Streudose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/small-6a7e380250d95e8bc07fee02bf92d2f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-28dec48352ebdb5136088f42603e2cd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9463/file/large-e58e619c6c7febb32b741783400f2e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9463/file/medium-28dec48352ebdb5136088f42603e2cd1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/mediterranes-bluten-zaubersalz-streudose-bio-90-g-18923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mediterranes Blüten Zaubersalz Streudose Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vGnL797GB5p-iRNUiJJAzaBV7vUPqcsRR-hrzy9jYOsO6brDapXBOh28Op7Xb07sl2rjg53tEFRYY3YARYbNIg" />
    <input value="18923" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sieglindes-erdapfelgewurz-bio-22-g-18924">
          <img alt="Sieglindes Erdäpfelgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9529/file/small-b847700f88433d7294bdbcdc18fbd4e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-3f509f15235aa2f4fd09cec812e50427.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/large-28bd5562abdc78e7add6c01f0a2e58df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-3f509f15235aa2f4fd09cec812e50427.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sieglindes-erdapfelgewurz-bio-22-g-18924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sieglindes Erdäpfelgewürz Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b4HlXeR_hxG2Fcf1fFFBmaWAr2HDNhVf4ePzkHjKmhjdAZRxUCxBsdUg7j8jrE-4kr-iF1Fyzhr-aO5fEi830Q" />
    <input value="18924" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sirup-ingwer-zitronen-flasche-bio-500-ml-18925">
          <img alt="Sirup Ingwer-Zitronen Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/small-e5dde3611dd7d42bdb3ef22fb967d194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-15968182460f493c40ee55dc19420cd8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10937/file/large-7b4e09b7ff9c81bfd0f4de627ac5c3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10937/file/medium-15968182460f493c40ee55dc19420cd8.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CAJmhimg356_jiBzqv3lgoteEETGYreYCupBW8i8Nze6gheqnfMZPty7Cbn1AOujvGEdMlQmbN0VYVyUolma_g" />
    <input value="18925" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-abend-bio-18-beutel-18926">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/small-d93f92982dfbcca6e88973117f47176b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-75443627f622b638d940c8b064b6f7a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10938/file/large-d17bb33ac1be20fc7d64c260ecf7878e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10938/file/medium-75443627f622b638d940c8b064b6f7a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-abend-bio-18-beutel-18926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rtI3GluwlU02m6NBQ5I7S2xF2baC1cFd49kah1mNmoEcUkY27-NT7VWuioscbzVqW3rUwBCRGhj8UgdIM2g3SA" />
    <input value="18926" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-abend-bio-50-g-18927">
          <img alt="Tee Abend Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9284/file/small-0e2910f5ccb27af842a12c0d1c07c842.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9284/file/medium-d72a68b34ab9ac56598dd71db2ed41c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9284/file/large-535ec637781a03215f2fcf22bc847cb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9284/file/medium-d72a68b34ab9ac56598dd71db2ed41c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-abend-bio-50-g-18927">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Abend Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </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-18927-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-4nutILQHnki0_TcFBL39clLCAHgfqWUpYdfJO5AowNblaWZliG2Ye-ZhkvrUX-4BohVpXFIdNNHQCz-VyvRQ" />
    <input value="18927" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-alles-liebe-bio-18-beutel-18928">
          <img alt="Tee Alles Liebe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/small-1c2733698e284f10d6a8e135f1f3cf53.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-cace612437dec70f61bbbdb87fa53e1a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/large-7e9f0403fd6a0440325d61c7f6c51441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-cace612437dec70f61bbbdb87fa53e1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-alles-liebe-bio-18-beutel-18928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Alles Liebe Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K8zi0Obbt_aLMEL4XOm7Yoe57esYtnHocubnEl_Oh4WZTJP8UohxVugFazIDFLVDsIbgnYryqq1tbfrdNSsqTA" />
    <input value="18928" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-basen-ausgleich-bio-18-beutel-18929">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9285/file/small-c7adebbb6d05fd54e3abf52907b95be5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9285/file/medium-d68dfc9e8c28c2bae2f9b8b7184b076a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9285/file/large-e825b7f531834c2296d99301cf1c0b3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9285/file/medium-d68dfc9e8c28c2bae2f9b8b7184b076a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-basen-ausgleich-bio-18-beutel-18929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GzHuQH1N9N_WqZZg7tFgiDozw89yEwgrWmEVa0rrZ3mpsZ9syR4yf7Wcv6qxLG6pDQzOueBX025F6gikIA7KsA" />
    <input value="18929" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-basen-ausgleich-bio-50-g-18930">
          <img alt="Tee Basen Ausgleich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/small-818f9b46b8ff336eceae2fee4cf16ca5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-5dfd066fb340c693df4221fafc11d5a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/large-28889a831e37f4ea10e00766289ad914.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-5dfd066fb340c693df4221fafc11d5a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-basen-ausgleich-bio-50-g-18930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Basen Ausgleich Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </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-18930-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4KQzUFBKP9YsCQicCnXj9iGikX4EIMCrCpQcaTIfI1FSJEJ85Bn5dk88IVZViO3XFp2cCJZkG-4VHwGmWPqOmA" />
    <input value="18930" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bengelchen-bald-mami-bio-18-beutel-18931">
          <img alt="Tee Bengelchen Bald Mami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/small-deecabc9ed1030fd3ee11ee05241f69a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-4a964e8e9a90daf650a319ed536cfa93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9533/file/large-2a1479aa46dac058deff521c9a0df410.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9533/file/medium-4a964e8e9a90daf650a319ed536cfa93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-bald-mami-bio-18-beutel-18931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Bald Mami Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hnGwaUcUx_1BWfs2Oxzedgtz0w0e-n5V0j8EHQDHxLU08cFF80cBXSJs0vxk4dBXPEzee4y-pRDNtBnSaiJpfA" />
    <input value="18931" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bengelchen-durststiller-fruchtetee-bio-18-beutel-18932">
          <img alt="Tee Bengelchen Durststiller Früchtetee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9534/file/small-19cbd53ab41175c30f375750197ffa3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9534/file/medium-d70c322068449ae9b756e30601d5126c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9534/file/large-01c902b4126d538c3e2e9622a8ac54d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9534/file/medium-d70c322068449ae9b756e30601d5126c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-durststiller-fruchtetee-bio-18-beutel-18932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Durststiller Früchtetee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NLmhfmYmBU3zENkD7lAzUSxkQvI6QlhB3kiK5d--jSiGOdBS0nXD7ZAl8MmxrT1wG1tPhKgGgwTBw5cqtVsg4Q" />
    <input value="18932" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bengelchen-kutz-kutz-bio-18-beutel-18933">
          <img alt="Tee Bengelchen Kutz Kutz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/small-96a1fd6f7738914105fc6a2c8527a7fb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-76272a303e72f2afce1d0063553c5dbf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9535/file/large-a10eda2aeb40d280274cd5679696251e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9535/file/medium-76272a303e72f2afce1d0063553c5dbf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-kutz-kutz-bio-18-beutel-18933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Kutz Kutz Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wO1-YCmwYFs1FeSTgbyz5-0MweRnqrN3JQrT7_gNis5ybQ9MneOm-1YgzVneQb3G2jPMkvXuaDI6gc4gkugnBw" />
    <input value="18933" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bengelchen-schlafengehen-bio-18-beutel-18934">
          <img alt="Tee Bengelchen Schlafengehen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/small-b00a3ca2038909c9757b66d4fa2e18d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-5ef46615e2014654b358c40fbcf5c51d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/large-d0c7fb961405db00eb5ce3a8b96c5354.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-5ef46615e2014654b358c40fbcf5c51d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-schlafengehen-bio-18-beutel-18934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Schlafengehen Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dJqjSJv37rAB1Uy_U5ycjm5XwBjWf1MCrUlQU23oNvfGGtJkL6QoEGLgZXUMYZKvWWjNbkQ7iEeywk2cBw2bPg" />
    <input value="18934" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bengelchen-stilltee-bio-18-beutel-18935">
          <img alt="Tee Bengelchen Stilltee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/small-14242ccad37431d7ff1806e8aefb8256.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-595c11252b784c104efc1541748980d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9465/file/large-35efbba1a1c6e73fb3481b3258df968d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9465/file/medium-595c11252b784c104efc1541748980d7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bengelchen-stilltee-bio-18-beutel-18935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bengelchen Stilltee Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XTpkZqihN9O9a0qGfKLh2GaamkfZiNApryzqTxvwDfDvuhVKHPLxc95eY0wjX-_5UaWXMUvMC2ywp_eAcRWgOQ" />
    <input value="18935" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-blumiger-kurkuma-bio-18-beutel-18936">
          <img alt="Tee Blumiger Kurkuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-872b2190dd087b5cdc34ec2ae187582c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-1c1d04ad05bc97775edc5d37ce36cd96.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-1997a0ee001fece83fd5f9327897820c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-1c1d04ad05bc97775edc5d37ce36cd96.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-blumiger-kurkuma-bio-18-beutel-18936">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Blumiger Kurkuma Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-rj9cktAerEPgrVXPB2RpqKCNFsZEuG8OSbfHzd2gJhapLZfX7HSqcLIx8DDXhnrbUFp_4gkMPvb4azFjh3yw" />
    <input value="18936" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/blutenmischung-durch-die-blume-bio-7-g-18937">
          <img alt="Blütenmischung durch die Blume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9527/file/small-b968bbb90b1a2c623ed5c57bb5da7e05.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9527/file/medium-f1f3bbaf746cadd0a936f2484119ea53.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9527/file/large-b867a730f4f6beb0e5cbabdf5600bf84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9527/file/medium-f1f3bbaf746cadd0a936f2484119ea53.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/blutenmischung-durch-die-blume-bio-7-g-18937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blütenmischung durch die Blume Bio, 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5wtxuMlDZc2KjmenEwlOm9bsVekvU0nGN5mfUoj-if5ViwCUfRCjbem7Tm1M9EC64dNYn70XkoMoEoKd4hskNw" />
    <input value="18937" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fdr-bronners%3Fformat%3Dturbo_stream%26page%3D69">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/tee-bratapfel-bio-18-beutel-18938">
          <img alt="Tee Bratapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/small-ac34c63c7475e19c2772a4ad412ee2c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-68381da5149f8fa47aab3429713c7b99.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9540/file/large-625e5f808aaf379cd5104ded708de774.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9540/file/medium-68381da5149f8fa47aab3429713c7b99.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/tee-bratapfel-bio-18-beutel-18938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Bratapfel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="smNSmrF98L_LwIyJlBip0MBDcCo5gc8hnZKftxparfEA4yO2BS42H6j1pUPL5afx93x9XKvFFGSCGYJ4cL8AOA" />
    <input value="18938" 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">
      1&#39;380 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/dr-bronners?format=turbo_stream&amp;page=70">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>