<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/ahornsirup-grad-a-bio-250-ml-95a9f678-9f19-4373-bf95-803d7845e348-6955">
          <img alt="Ahornsirup Grad A Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4028/file/small-1bea71f63588b381086daafb04742d62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4028/file/large-0c28fa303ac3c6706b5361d35124d8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4028/file/medium-1bd610de07b7837df57ec700e04deb5a.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/ahornsirup-grad-a-bio-250-ml-95a9f678-9f19-4373-bf95-803d7845e348-6955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ahornsirup Grad A Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J55e5h-obFCjTKRzHn5nlLCp5y4ImskzUeubJrlu13c2Zwz54EuLD9lviwzJ8Ycm10JQXJaDRuCH8ud_6ZRbzg" />
    <input value="6955" 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/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
          <img alt="Biofarm Basmatireis weiss Grossgebinde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7066/file/small-5875f96301a8a1b323105d2f28bae045.webp 600w, https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7066/file/large-3803e973c4a2945dba4cdd3fffba6aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7066/file/medium-429440f5312e38cd819ffb0cc17195e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/biofarm-basmatireis-weiss-grossgebinde-bio-5-kg-15494">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm Basmatireis weiss Grossgebinde Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rd78N2QQ6HSXbCLzp2OgnxNX_O03Qs2ILX6xE13CrVm8J64om_MPK-1PDYxw7EAtdLxLn6lbQlv7Z81KDTgh4A" />
    <input value="15494" 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/eyeshadow-quattro-smokey-eyes-8-g-7787">
          <img alt="Eyeshadow Quattro Smokey Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4524/file/small-d0a441da66d2fec321d36f49ebf397ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4524/file/large-5c8411fe96436fc78a59e5bb10db9f48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4524/file/medium-0d1de0cf901798a97d8af7da29c3c4f0.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">benecos</p>
          <a href="/de/products/eyeshadow-quattro-smokey-eyes-8-g-7787">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Smokey Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNacoTCr1dpbdBTncyCdBbgiyE65YIntIPPkosaP4SEtL86-z0gyhSFXO5ikr32338l_PCd5Bj726pj7lnVtmA" />
    <input value="7787" 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/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
          <img alt="Eyeshadow Quattro coffee &amp; cream Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4528/file/small-2c0277a2755722a00e92a112ff6c2d0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.webp 900w, https://assets.fabulous.ch/public/variant_asset/4528/file/large-3968b5f95f11297c42ab8dab1ede6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.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">benecos</p>
          <a href="/de/products/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro coffee &amp; cream Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jmj8tDJKDJAw5nXnra3Onx2TcUJ3pXiqeddymTZwmHefka6rzanrz0rFWph6Ii4tenjGMOm893mvzg7AZooUzg" />
    <input value="7788" 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/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
          <img alt="Eyeshadow Quattro Natural Beautiful Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/663/file/small-8d124c674c2a63d24d0ba0a690dcfd78.webp 600w, https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.webp 900w, https://assets.fabulous.ch/public/variant_asset/663/file/large-20a9b8c1bc83dc0ff90b166ea6412762.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/663/file/medium-9378e465b828f53aaf9b77180e222819.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">benecos</p>
          <a href="/de/products/eyeshadow-quattro-natural-beautiful-eyes-8-g-713">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeshadow Quattro Natural Beautiful Eyes, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H0S1JxK-z-6NA2-u3FLGhp8NbUJumjm8-IH3ovH-S7AOvec47V0osfcgQNEL3SY0-ObaMPCDtm8umIv7oQTHCQ" />
    <input value="713" 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/night-regenerierende-nachtcreme-50-ml-696">
          <img alt="Night Regenerierende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/648/file/small-4f6993e97947cb88502ab613e0498156.webp 600w, https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.webp 900w, https://assets.fabulous.ch/public/variant_asset/648/file/large-bfe503d9cffa527eafb67a05547e4fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/648/file/medium-ea63cdb9755960474d1aa9dc0a9c0560.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">MADARA</p>
          <a href="/de/products/night-regenerierende-nachtcreme-50-ml-696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Night Regenerierende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oqfbD8DKIIorkx5GAAB85GAt1BQvOCK7xlmrgD2pGoazXokQPynH1VGwMTnXj5xWB8ZjZrEhrWgQQNfZbVOWPw" />
    <input value="696" 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/kombucha-urban-zitronengras-und-hibiskus-bio-330-ml-4965">
          <img alt="Kombucha Urban Zitronengras und Hibiskus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/de/products/kombucha-urban-zitronengras-und-hibiskus-bio-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Zitronengras und Hibiskus Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RAq7gMr7qnnxWhhYKR93kjM3PaKjQVDrmmYf4-el2XNV8-mfNRhNJot5Nyf-kJcgVNyK0D1Y3zhMf2O6t19Vyg" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
          <img alt="Kombucha Urban Passionsfrucht Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5186/file/small-9738c7ff04200886720d42943a22e846.webp 600w, https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5186/file/large-2a9a56bf090738ceed85847f034eb5a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5186/file/medium-ccd3f0b93ce48e1ada78bbc27eab87e5.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">Urban Kombucha</p>
          <a href="/de/products/kombucha-urban-passionsfrucht-dose-bio-330-ml-9045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Urban Passionsfrucht Dose Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D9fU5fybt-MUQwq1UuhgGDF_TQO4nfAtdsrYO7ogJAgeLob6A3hQvG5gJcqFZ4CqVpT6cSaEf_6g06Ri6tqosQ" />
    <input value="9045" 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/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-25-kg-4019">
          <img alt="Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2548/file/small-7559e41195003d9c03482a60b66214ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2548/file/large-8f1f85384213104a9cb424c8c138122f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.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">Progana / Mühle Rytz</p>
          <a href="/de/products/bohnen-sojabohnen-gelb-ungeschalt-grossgebinde-biosuisse-25-kg-4019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Sojabohnen Gelb ungeschält Grossgebinde BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 145.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cx4pwlp_lMLYLbtSCbtMAN4-59MRLgb0-mKU5CJO224a53vdpZxznaIOlC3eNKyyudVQoY83iScse-i9crRX1w" />
    <input value="4019" 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/chips-kichererbsen-paprika-bio-75-g-4242">
          <img alt="Chips Kichererbsen Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2658/file/small-19601ba3c1adad04c4aa6c2fb6d98f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/2658/file/medium-5a2114b329de8f47ea0e13df26b2474a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2658/file/large-2f14c62133da93a9fa19cc080151b41a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2658/file/medium-5a2114b329de8f47ea0e13df26b2474a.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">de Rit</p>
          <a href="/de/products/chips-kichererbsen-paprika-bio-75-g-4242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Kichererbsen Paprika Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LaJLGLy-k95xkyUCDNKtbH8COiffMGjx5TlsAGRE6IU8WxkHQ110gQuwCn3bXU3eGOmNVUEp5yIzIBBZNL5kPA" />
    <input value="4242" 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/q10-bodylotion-straffend-basis-sensitiv-250-ml-3650">
          <img alt="Q10 Bodylotion straffend basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2388/file/small-77d65d715701cc8bcd579cf0bb2634e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2388/file/large-b1b8773c27f8f3755391f0a43474f3d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2388/file/medium-ddc8002395910b89acf7340a5ea68e8f.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">Lavera</p>
          <a href="/de/products/q10-bodylotion-straffend-basis-sensitiv-250-ml-3650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Bodylotion straffend basis sensitiv, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="96GH_KdM5A6u4kZKjEwx4b6hS4oojx5Z3MMRj2YqH3XmWNXjWK8DUdTBaTVbw9FT2Ur8-LaWkYoK2m3WNtCTzA" />
    <input value="3650" 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/shampoo-colour-and-shine-250-ml-710">
          <img alt="Shampoo Colour and Shine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/660/file/small-84f63571143192fa4a063def708c4429.webp 600w, https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/660/file/large-188912c8b16e76a8b00da4c5cfa2fbe1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/660/file/medium-0def361c5927db341f7025fbb05677d9.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">MADARA</p>
          <a href="/de/products/shampoo-colour-and-shine-250-ml-710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Colour and Shine, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2LTqTUKwclZ3Ui-xgxfLpMYRLy0HL2gq4X7TpVYiql_JTbhSvVOVCQ1xAM5UmCsWofqYX5k25_k3Z6_8Btgm5g" />
    <input value="710" 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/conditioner-nourish-and-repair-200-ml-711">
          <img alt="Conditioner Nourish and Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/662/file/small-82bef915f552215912d4f55fb59ad18c.webp 600w, https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/662/file/large-88d6fc0e2e0f974b3377935a0b3e5735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/662/file/medium-438619fdc1e76fdd242ad99fef5535e2.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">MADARA</p>
          <a href="/de/products/conditioner-nourish-and-repair-200-ml-711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Nourish and Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aiz_fumSRtmMeQ8k0Y41twOkdsA_d4EIN86gFHkyarET1a1hFnGhhvZaIFsGAdUFZE_BsqFuDtvh19xNKcjmCA" />
    <input value="711" 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/rapsol-grossgebinde-biosuisse-5-l-6081">
          <img alt="Rapsöl Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3493/file/small-e67868f5bbf0a2a22d76d4fa7ef6279c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp 900w, https://assets.fabulous.ch/public/variant_asset/3493/file/large-048bb6c3cd9c09a08d5c34d018349385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3493/file/medium-e2f98631757e11ee46df43558334cd36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/rapsol-grossgebinde-biosuisse-5-l-6081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapsöl Grossgebinde BioSuisse, 5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ueM1aTgIxhywuYlJLVnrcIW2G3TXnr0fWuLPYocYLkSoGmd2x-shQ8qapjb61gvC4l2sBkmHMsyM-7M71-Ki_Q" />
    <input value="6081" 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/physalis-rohkostqualitat-bio-100-g-5709">
          <img alt="Physalis Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/de/products/physalis-rohkostqualitat-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Rohkostqualität Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvVK_gGiwx_mBAKieBZd200UenXoWNs4iLlmaIVyBPsPDBjh_kEkQJwnLd2vmb1pKv_NB3ZBVOteoBox1YiIQg" />
    <input value="5709" 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/ol-sonnenblumen-bratol-grossgebinde-biosuisse-3-l-6082">
          <img alt="Öl Sonnenblumen - Bratöl Grossgebinde BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3494/file/small-d85228a0b709b96f83995b5cb68023c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3494/file/large-513244094207d23c584f418d2396bc09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3494/file/medium-a73a9fa93db7e16bd509055e62bdf0e2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/de/products/ol-sonnenblumen-bratol-grossgebinde-biosuisse-3-l-6082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Sonnenblumen - Bratöl Grossgebinde BioSuisse, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0ZkRGos0-bboTBPwFsQyVTItnEujC3T_N4fmJRB6d8bAYEMFdNce6ZJvPI_BS9LnVcYrOT0S-yzhnpp8QID7fw" />
    <input value="6082" 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/biscuit-double-choco-hazelnut-bio-135-g-4141">
          <img alt="Biscuit Double Choco-Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2613/file/small-bbd9b558274fcb23ba49be40737b7e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.webp 900w, https://assets.fabulous.ch/public/variant_asset/2613/file/large-7dd08e5851ae5019563d60df635bd483.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2613/file/medium-258b65ce1f9b2e65ef1f7d2402b8e115.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">Rhythm 108</p>
          <a href="/de/products/biscuit-double-choco-hazelnut-bio-135-g-4141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Double Choco-Hazelnut Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6x8NNUTELt0lI6jrUHu5keZwKJfChuEKlVzfU9EoHjn65l8quyfJgl8Ah5SH9FkjgZuf5VyfbtlDRaMKgdKSgA" />
    <input value="4141" 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/nirwana-schoko-stick-bio-22-g-13320">
          <img alt="Nirwana Schoko-Stick Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6446/file/small-1aef1abca5c49b93fb46eb478a6895b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6446/file/large-5036f283638aaf6606659198e1718be9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.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/nirwana-schoko-stick-bio-22-g-13320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nirwana Schoko-Stick Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HGH_kb3Pk1KAeIi5xOHXim0D7dqYZkijjqpZ6YMylG8NmK2OQix0Dfpbp8YTbjc4CuhaqAZ_x3BYsyWw08gY1g" />
    <input value="13320" 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/baumnuss-lackerli-duo-bio-35-g-4120">
          <img alt="Baumnuss-Läckerli Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/baumnuss-lackerli-duo-bio-35-g-4120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumnuss-Läckerli Duo Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JP0hcSZPyrxmGSBCedyvD0WDxgrO5y4nntfpKFsl0Vo1BHNu2awt4xw6Dz2uU0-9ImhxeFD-ofRIzpVxC99d4w" />
    <input value="4120" 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/biber-duo-bio-40-g-16772">
          <img alt="Biber Duo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7790/file/small-029a5a45d7824d9baeae423808eb577c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7790/file/medium-991bb64103495cfe6c7fbfbc27c3ef8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7790/file/large-95265b288e4fb174e264e7ef909b8fe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7790/file/medium-991bb64103495cfe6c7fbfbc27c3ef8c.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">Leibacher Biber-Manufaktur</p>
          <a href="/de/products/biber-duo-bio-40-g-16772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biber Duo Bio, 2 x 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="onV4Mq4XTu0wveAYyWB7kUFFndRCpXmUqmiZY0zzLBOzjCotUfSpskqez2ce75sjJq4qpty89kd8ceU6HAmgqg" />
    <input value="16772" 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">
      160 von 3&#39;164 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/hanf?format=turbo_stream&amp;page=9">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>