<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosraspeln-bio-250-g-16610">
          <img alt="Kokosraspeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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/kokosraspeln-bio-250-g-16610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokosraspeln Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NlMFGuVOntg3Ze5KmaviFbjaooHy5sXc-1tgMHcr52EDc5BT2pNXeCDedJ1RTUzdXMbG3eYQ_fzMr3XScFvzcw" />
    <input value="16610" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mini-tafel-ombar-kokosmilch-dunkel-60-roh-schokolade-bio-35-g-16611">
          <img alt="Mini-Tafel Ombar Kokosmilch Dunkel 60% Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-kokosmilch-dunkel-60-roh-schokolade-bio-35-g-16611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Kokosmilch Dunkel 60% Roh-Schokolade Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IjzuMhoMuz2Zgb8hL2O8p31VLhjjuI31dQNeyybMxGgXHHt7JdFynY46JfbnhRJvmUlKRPdOtdVC90spIbzQeg" />
    <input value="16611" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mini-tafel-ombar-dunkel-90-roh-schokolade-bio-35-g-16612">
          <img alt="Mini-Tafel Ombar Dunkel 90% Roh-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7667/file/small-08cc9cd6e3009265905038454d5a1f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/7667/file/large-8009b6e5f090ea7d83bc6ed299aa1ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.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">Ombar</p>
          <a href="/de/products/mini-tafel-ombar-dunkel-90-roh-schokolade-bio-35-g-16612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Tafel Ombar Dunkel 90% Roh-Schokolade Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S9nzeK8wDMFMmGCH5m2S2w_npx7vfvB_cxqd9V_O_iR--WYxkO3FYVsj-lAuizwT6_vDQvuIyF9E7ogXWL7qNg" />
    <input value="16612" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-premium-super-soft-1-stuck-16614">
          <img alt="Bambus Zahnbürste Premium Super Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7669/file/small-df17aad5d5793f026ba32a0829f3fa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7669/file/large-4f7a947111f0da079ad7ffa5a276caf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-premium-super-soft-1-stuck-16614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Super Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="naaBhrxpdDQZ9unufsn1CdJWIBQWu3FmrLUOyeRVDfuohhTPg7S9lA5Nczm2L1vBNkpESAJNSUabQRsr4yUZ6Q" />
    <input value="16614" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-premium-soft-1-stuck-16615">
          <img alt="Bambus Zahnbürste Premium Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7672/file/small-4b7c07f07f6cd9dc8ea596ae430fc97e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7672/file/large-44ab399d37a91e770b3a8205f5013550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-premium-soft-1-stuck-16615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q5KywODwUxIWFdUKu8IqRKTci7gaTOI-WKl5-o5J0YN2sieJ3y2asgGuT91zJISMQMDv5A662h5vXWwYiTnFkQ" />
    <input value="16615" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-premium-medium-1-stuck-16616">
          <img alt="Bambus Zahnbürste Premium Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7673/file/small-f501fc233c9445c9cfeee488622a051b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7673/file/large-c9c425473b1fc125042430699ce05da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-premium-medium-1-stuck-16616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Premium Medium, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iYZjxkV0R88Mxphj0kw39_CRpkeOp8SAu-4xEWAli8C8pvaPeqmObxt9ArQaqpk_FI3CG5pR_KCMGiTzZ1Wf0g" />
    <input value="16616" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-professional-soft-1-stuck-16617">
          <img alt="Bambus Zahnbürste Professional Soft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7674/file/small-e9ef715e625994e60863d9be9d49b62d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7674/file/large-e098afada7c4ef8e6791be25e26b73c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-professional-soft-1-stuck-16617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Professional Soft, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oo8p0M7mSfD2bKycyP3Fnwi-32H9njhGS0x12mfHgQqXr7yZ8TuAUOHXNksAG2tX7KK7PeloAGZ8uGA4YLeVGA" />
    <input value="16617" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-zahnburste-professional-medium-1-stuck-16618">
          <img alt="Bambus Zahnbürste Professional Medium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7676/file/small-4b9b7d793a6124c1482c4ee0def13101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.webp 900w, https://assets.fabulous.ch/public/variant_asset/7676/file/large-94dbd64d328b6e565d683bb29b1f2742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.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">Hydrophil</p>
          <a href="/de/products/bambus-zahnburste-professional-medium-1-stuck-16618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Zahnbürste Professional Medium, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6_eGS4wHuig9fpS79eIFr4E_SbIUP7930E54S7EXZobe1xMCs9pziCrFDmw9BKtnZSMt7gDJh1fnum2ptmdylA" />
    <input value="16618" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bambus-wechselkopfe-sonic-professional-2-stuck-16620">
          <img alt="Bambus Wechselköpfe Sonic Professional" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7685/file/small-b5e6ad85397c7767a80ff992b09a2a23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7685/file/large-c4be7385e3f12143aa184402b5ca954f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.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">Hydrophil</p>
          <a href="/de/products/bambus-wechselkopfe-sonic-professional-2-stuck-16620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambus Wechselköpfe Sonic Professional, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zBgY9H9UF3e6JHthAVC1YeX3lx87ZZtUEfAQH1SUeDX5OI29QIne162f4bbJthupAevzQy-To3QmBAX9U-RsJw" />
    <input value="16620" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/laddu-natur-glutenfrei-bio-120-g-16622">
          <img alt="Laddu Natur Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7687/file/small-946138b3d3b4220ed2dc9f4382b8ef4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7687/file/large-b8828f9f056acc7a93c3d5d5e87a6fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.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">Govinda</p>
          <a href="/de/products/laddu-natur-glutenfrei-bio-120-g-16622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laddu Natur Glutenfrei Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jvOBnZBL7t_9SJWCWPQwvyAm6VCFqyFuBybLIxFt9ru70xTUr5Ynf-rzD1WQEp53xDqNDJFdGU4w0t7BFh3iqQ" />
    <input value="16622" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hildegard-dinkel-porridge-brei-bio-500-g-16626">
          <img alt="Hildegard Dinkel Porridge Brei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7695/file/small-f9a705ea3ec921079e24b9c9d5a7fd62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7695/file/large-3e0c8eb61917d4c32630920a59f33e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.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/hildegard-dinkel-porridge-brei-bio-500-g-16626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hildegard Dinkel Porridge Brei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gnfP5W5FlUh_ICA95F6QR1u4FxKW3tUB3SfV13i9Xk63V1qsUZhc6GibuuosuD6Pv6RzToIo7SHq08A1f81KXA" />
    <input value="16626" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-himbeer-cranberry-bio-250-ml-16661">
          <img alt="Smoothie Himbeer Cranberry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7708/file/small-3e902881834d203083486503ac387f7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.webp 900w, https://assets.fabulous.ch/public/variant_asset/7708/file/large-1ccad269a6742634ae8bf454bdcdfe73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-himbeer-cranberry-bio-250-ml-16661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Himbeer Cranberry Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZpfBrsvjzJvhFfgQTvUBH4wrFgd1hFFehU-O2UHuEsZTt1Tn9D4FO_auYseGE6_XaDdyW2FyaX6yu5s7Rp4G1A" />
    <input value="16661" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-ananas-banane-bio-250-ml-16663">
          <img alt="Smoothie Ananas Banane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7711/file/small-3ffccc09560889387bc257d5196204a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7711/file/large-d20fb904400641c6618842a1c09553a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-ananas-banane-bio-250-ml-16663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Ananas Banane Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LdSzGiYZgpfUpsNMBcBQ47nZgLHdETT4bDNyaxKNDd0Y9CZTGcRLN8MdWZvNJv4rXcXk7cnnDNhbx2eJFf0Zzw" />
    <input value="16663" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-guave-zitrone-bio-250-ml-16664">
          <img alt="Smoothie Guave Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7712/file/small-593326cef36f5140130939ee61d72a31.webp 600w, https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7712/file/large-66e79c9367b8a5d6a76b3efa4d68ccee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-guave-zitrone-bio-250-ml-16664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Guave Zitrone Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mpCVB0inNBCyiuEHj4RRkwzftdLgn8gYB3k7SChdFuavsABOd3r9sKUxe9BHYv9b6MPRjvRp8DgwjS6qLy0C9A" />
    <input value="16664" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-granatapfel-karotte-guave-bio-250-ml-16665">
          <img alt="Smoothie Granatapfel Karotte Guave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7713/file/small-66b8efe00bb0b59f7514b529b4917fca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7713/file/large-cf52f27a1dd4ff5a2aec51170f085a01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-granatapfel-karotte-guave-bio-250-ml-16665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Granatapfel Karotte Guave Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o5zUWgHw5qLLf-u5_8waK-m2b2R7MITvNVmp7WgLOSCWvEETPi0vAtzEcW43KrTjDaoLOG_GvM8CrbwPb3stMg" />
    <input value="16665" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-mango-karotte-ingwer-bio-250-ml-16666">
          <img alt="Smoothie Mango Karotte Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7715/file/small-3d4650a05771da338e691780d124e3d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.webp 900w, https://assets.fabulous.ch/public/variant_asset/7715/file/large-40be5a11ac6781e28d7783212465faed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-mango-karotte-ingwer-bio-250-ml-16666">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Mango Karotte Ingwer Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ELgcUwiPwsTNBjOz2LjaSg1yoTyOUGg-L1WtK9jX_rBYnU4c__2qwSPghkHhE2hzCmu2ObPeYDPSUNWqBNL6A" />
    <input value="16666" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/smoothie-orange-karotte-spirulina-bio-250-ml-16667">
          <img alt="Smoothie Orange Karotte Spirulina Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7714/file/small-0f76291dc4a0535c6a1a06300762e50c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7714/file/large-6d2567f46698aa147520350dcc3ebb66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/de/products/smoothie-orange-karotte-spirulina-bio-250-ml-16667">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Orange Karotte Spirulina Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n0RhM1Vzhy8V3_s-qxlfdlDTcWRayWixFjTO7IlN7lWqZPR6aq5OjwJkYelj__G-tM8VOE4_UJEhwNsOjj36Rw" />
    <input value="16667" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dattelschokolade-tafel-72-bio-90-g-16668">
          <img alt="Dattelschokolade Tafel 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7716/file/small-1922d063f122bbfac2c5e41c9fffd7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.webp 900w, https://assets.fabulous.ch/public/variant_asset/7716/file/large-344fb4c0e6aa0b4c30a921d6bd92fad5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-tafel-72-bio-90-g-16668">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Tafel 72% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k-tjShlGml4pigZrPdQAmi95PPySxLJ4d91iOkZ9f3Kmy_YDJptT_j4xnLz1Mq5Sy2VYoIYyilhAKXfYQQ1rYA" />
    <input value="16668" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dattelschokolade-dark-cream-tafel-81-bio-90-g-16669">
          <img alt="Dattelschokolade Dark Cream Tafel 81% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7717/file/small-91c183b42fa7f059efaa35d8c04af28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.webp 900w, https://assets.fabulous.ch/public/variant_asset/7717/file/large-4b4b17b6079a208cfec3811a530f4e41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.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">BioeCacao</p>
          <a href="/de/products/dattelschokolade-dark-cream-tafel-81-bio-90-g-16669">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattelschokolade Dark Cream Tafel 81% Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ziJpi-VkfmlQU8qzT734h9bDsHLi1anZu_LOgNaNAcr7AvzC2rm3yUfoUGSHW1ZPMt_ULvYjkfmMBtti0f0V2A" />
    <input value="16669" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
          <img alt="Chaga Vitalpilz Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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/chaga-vitalpilz-flussigextrakt-bio-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chaga Vitalpilz Flüssigextrakt Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;960 von 3&#39;209 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/bisson?format=turbo_stream&amp;page=149">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>