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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/muesli-hafer-mit-beeren-bio-425-g-18316">
          <img alt="Hafer Müsli Beeren glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11330/file/small-1872d09bc308701759b5f5e2e6a80f6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.webp 900w, https://assets.fabulous.ch/public/variant_asset/11330/file/large-16693bb449c4af8a96601552939da3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11330/file/medium-75f96d6b95d4a1242aaa81d0b2319413.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">Bauckhof</p>
          <a href="/de/products/muesli-hafer-mit-beeren-bio-425-g-18316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Müsli Beeren glutenfrei Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18316&quot;],&quot;content_name&quot;:&quot;Hafer Müsli Beeren glutenfrei Bio, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18316&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8DqTPKMT9Vzd7aiXfaMlKjke2MVQrb-th63BiCnKnTZH-OpJDhr-ummllxRdscs6ETO7I_RK2FTE8G4nJ2fZcg" />
    <input value="18316" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spirelli-dinkel-hell-bio-500-g-14916">
          <img alt="Spirelli Dinkel hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11182/file/small-03066e898fb4f0e365a0138618bbf223.webp 600w, https://assets.fabulous.ch/public/variant_asset/11182/file/medium-ece37dc30ba367bcacc90c6521bfaa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11182/file/large-cd93f65e5100fceaeb48df76109e62eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11182/file/medium-ece37dc30ba367bcacc90c6521bfaa8b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/spirelli-dinkel-hell-bio-500-g-14916">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirelli Dinkel hell Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14916&quot;],&quot;content_name&quot;:&quot;Spirelli Dinkel hell Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14916&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zn4dXF18IS5aAEbbLMdUyDlprOgruOu10KzFqVmSZlvRvGQp8HUqyO5IeVgM1brYEUTPDo9fjEyT8WoGVz8iHw" />
    <input value="14916" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

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

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;332&quot;],&quot;content_name&quot;:&quot;Cashewmus Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ce91T205ODfZx6JEZdxrPvgn2997FMzLPYup6X2KQj2-LQw6wDAz0W2PncdFzoUu0Aq4Od_zqzJ-1gZGcycGeQ" />
    <input value="332" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puddingpulver-vanille-bio-40-g-18233">
          <img alt="Puddingpulver Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9159/file/small-c564008962a053408b7a379a4dbd004a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9159/file/medium-0c32408d01825f8a1f9e8cc66eac25a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9159/file/large-7c5417b4dc7c6e3d111f77c14c24933b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9159/file/medium-0c32408d01825f8a1f9e8cc66eac25a2.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/puddingpulver-vanille-bio-40-g-18233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puddingpulver Vanille Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18233&quot;],&quot;content_name&quot;:&quot;Puddingpulver Vanille Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULFddJk3ma9353xvvNcSg60v48S2tSTcJRFcqPemB2_ncyQBND6SScOvQ-ycxfyThQKAIhJSQyVmTPMH-QtDKw" />
    <input value="18233" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kichererbsen-waffeln-mit-zartbitterschokolade-bio-65-g-12010">
          <img alt="Kichererbsen-Waffeln mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6104/file/small-84c1f0aaf249c7a39d8932b390e9a1ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6104/file/large-55b4daf3ee753210c6718a2010d39c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.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">Byodo</p>
          <a href="/de/products/kichererbsen-waffeln-mit-zartbitterschokolade-bio-65-g-12010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen-Waffeln mit Zartbitterschokolade Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12010&quot;],&quot;content_name&quot;:&quot;Kichererbsen-Waffeln mit Zartbitterschokolade Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12010&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8MmPrGmuQPGrq5WQkY-kwWcX6dHDFbc1s-ApQtlKeYcAV9LHK-y5XLmkdViVNCDLbE8QePrMSWVki8KBchtog" />
    <input value="12010" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/leindotterol-demeter-250-ml-18755">
          <img alt="Leindotteröl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9489/file/small-66997246e3884156ecf93f1bdfbbd8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9489/file/medium-9ace69b4225d0bd4bfa8ab4f1531afcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9489/file/large-1d4605a9df89fdcbdce0b3b2875b5545.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9489/file/medium-9ace69b4225d0bd4bfa8ab4f1531afcc.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/leindotterol-demeter-250-ml-18755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leindotteröl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18755&quot;],&quot;content_name&quot;:&quot;Leindotteröl Demeter, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18755&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-RPKBUcqUyKuRbXyD_2JplxkSbwDg9T0bJ9_yYMo1slO0bNw6iNYxBoNinEv72e2dEkqWqdksw0vwtBmjYWSjQ" />
    <input value="18755" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
          <img alt="Tomaten Geschält in Tomatensaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6934/file/small-001cb51b61dff94bfca258fe249fcb16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6934/file/large-82115e418c512c0de87ba0fc097b37a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/tomaten-geschalt-in-tomatensaft-bio-800-g-15118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Geschält in Tomatensaft Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15118&quot;],&quot;content_name&quot;:&quot;Tomaten Geschält in Tomatensaft Bio, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15118&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ixyq7uP_cFgGou3ob7M3mCvnq3aAvKPtSsYU67cyAQI83tObTvZ7vrLq0mtPodmIA8rIkCRbxBQJm7tEuZ9FRg" />
    <input value="15118" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spirelli-dinkel-vollkorn-bio-500-g-14917">
          <img alt="Spirelli Dinkel Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6835/file/small-dfb6351b0612f6cb228ea099baf2f21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/6835/file/large-97268e743eb584c1e5916d3ccef58864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/spirelli-dinkel-vollkorn-bio-500-g-14917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spirelli Dinkel Vollkorn Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14917&quot;],&quot;content_name&quot;:&quot;Spirelli Dinkel Vollkorn Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14917&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n94ukmPhzF7FY5AHSUv0R3TujFZzu3_GyXC3kgul8PEoHFfnzujHuHErr4RpWRpXXMPvsNdcGD-KLRg9BQi0tQ" />
    <input value="14917" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beef-ish-bouillon-bio-40-g-12963">
          <img alt="Beef`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6362/file/small-3c1090409a4695413f5324e16273c181.webp 600w, https://assets.fabulous.ch/public/variant_asset/6362/file/medium-ffd829818a1dcc6b3f4da41ca73e6208.webp 900w, https://assets.fabulous.ch/public/variant_asset/6362/file/large-a954880642b52ee57fecebef72c11491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6362/file/medium-ffd829818a1dcc6b3f4da41ca73e6208.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">Uhhmami</p>
          <a href="/de/products/beef-ish-bouillon-bio-40-g-12963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beef`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12963&quot;],&quot;content_name&quot;:&quot;Beef`ish Bouillon Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12963&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l6z10mvQpmhnDPvcVYpjLIydHG0JQcbabzQDRSrymrMgboynxtmtjtNExF91mI08pLB_i62moSMsaazqJF_e9w" />
    <input value="12963" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chicken-ish-bouillon-bio-40-g-12964">
          <img alt="Chicken`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6366/file/small-25f9f210b6d63fb6da385d372fe64497.webp 600w, https://assets.fabulous.ch/public/variant_asset/6366/file/medium-02e96440e5b8a2eff04d303405d4b528.webp 900w, https://assets.fabulous.ch/public/variant_asset/6366/file/large-d386ae27c3017298048c4b9644330c96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6366/file/medium-02e96440e5b8a2eff04d303405d4b528.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">Uhhmami</p>
          <a href="/de/products/chicken-ish-bouillon-bio-40-g-12964">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chicken`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12964&quot;],&quot;content_name&quot;:&quot;Chicken`ish Bouillon Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12964&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gvYsDTwdVRGXmT-NSfhZ0H2BEwYjYOqL389lSRnWTYU1NFV4kRRe9yPRAA5p6rfAVaxw4IeHjXKcksrmF3sJwQ" />
    <input value="12964" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beet-jerky-randen-snack-original-bio-40-g-16008">
          <img alt="Beet Jerky Randen Snack Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7393/file/small-5e13066282b411ddcb78fbed0c53b21d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.webp 900w, https://assets.fabulous.ch/public/variant_asset/7393/file/large-bb05e37d91e78e7b4cf62fb457fb0ff5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.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">Wild Foods</p>
          <a href="/de/products/beet-jerky-randen-snack-original-bio-40-g-16008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Randen Snack Original Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16008&quot;],&quot;content_name&quot;:&quot;Beet Jerky Randen Snack Original Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16008&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fklQAXjRWbf067zmM5d5dbiH2LG6Kl4VyuVF6R1gJLTJiyl01dhSUUCjg2UThZdlkKq7Vx7NOeyJuOpGE81g8A" />
    <input value="16008" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cusco-100-oz-bio-70-g-18774">
          <img alt="Cusco 100% oZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9494/file/small-cabaf44757ff815340d82264d9fe1174.webp 600w, https://assets.fabulous.ch/public/variant_asset/9494/file/medium-5ec5d51488aa7379760143ef7b60e861.webp 900w, https://assets.fabulous.ch/public/variant_asset/9494/file/large-1fff04c9a3068cbd8e934f7335fd4251.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9494/file/medium-5ec5d51488aa7379760143ef7b60e861.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">OriginalBeans</p>
          <a href="/de/products/cusco-100-oz-bio-70-g-18774">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cusco 100% oZ Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18774&quot;],&quot;content_name&quot;:&quot;Cusco 100% oZ Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18774&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1A_SDqpSnN5MeEl9pLMWKbR6TPWkNaY0auFfz9m0axJjzat7B1uXOPgwdv6Eofg5nFcvEwDSwc0pvPBg1xkvVg" />
    <input value="18774" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ginger-beer-bio-6-x-330-ml-17818">
          <img alt="Ginger Beer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8824/file/small-5fa1c3f19fe52563bed220ce11387592.webp 600w, https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8824/file/large-f35a4a189923b611a5ad72f4a96b2ec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.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">Super Natural Club</p>
          <a href="/de/products/ginger-beer-bio-6-x-330-ml-17818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Beer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17818&quot;],&quot;content_name&quot;:&quot;Ginger Beer Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17818&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pL0P4GA2aCjH_BJ35GJbPNI8Gx4zcI4ytvd2XD0YWTcTf3aVzT9jznO0LfTEcLUs-hF4-JeX6cv1qtnzM7Udcw" />
    <input value="17818" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ichoc-white-vanilla-rice-choc-kakaozubereitung-bio-80-g-cc06410d-5bb8-4018-bec9-80fdb68df45d-10253">
          <img alt="iChoc White Vanilla - Rice Choc Kakaozubereitung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5540/file/small-1bcdfc936d4c8869131c13909479d715.webp 600w, https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5540/file/large-d85a5ed1cb9f4e4b3ae93f041e7527d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.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">Vivani / Ichoc</p>
          <a href="/de/products/ichoc-white-vanilla-rice-choc-kakaozubereitung-bio-80-g-cc06410d-5bb8-4018-bec9-80fdb68df45d-10253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc White Vanilla - Rice Choc Kakaozubereitung Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10253&quot;],&quot;content_name&quot;:&quot;iChoc White Vanilla - Rice Choc Kakaozubereitung Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10253&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DgrVkUz7v9RAw_xc0e4doVkA5mb304fUBldB80eMjBS5yKzk4fK0MvSLw9_x_POxcS2FgFM04C1FCu5cSSHIUA" />
    <input value="10253" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-premium-bio-1-l-6780">
          <img alt="Kokosmilch Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3924/file/small-dd7fa610287597b5383bd7ddcd885fb3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3924/file/large-f4e7955f26341b89bc2a11bb70e16f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3924/file/medium-e765fb2c1469214108daff991dba143e.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">Dr. Goerg</p>
          <a href="/de/products/kokosmilch-premium-bio-1-l-6780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch Premium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6780&quot;],&quot;content_name&quot;:&quot;Kokosmilch Premium Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6780&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iGXM4ft3eYWUc5FcXk82gzTtZw7oFaqupAmOKP0luWo_p7WUVn5yYyA7rt9-XdiTHMAE6EzyzVfnVCGH84j9Lg" />
    <input value="6780" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/zahnpasta-vitamin-b12-vegan-fluoridfrei-75-ml-6104">
          <img alt="Zahnpasta Vitamin B12 Vegan Fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3506/file/small-fb1e9b2c7d83575140f46382c227a83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.webp 900w, https://assets.fabulous.ch/public/variant_asset/3506/file/large-f2a4416e01b9d61dd67012c00c1e6ab9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-vitamin-b12-vegan-fluoridfrei-75-ml-6104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Vitamin B12 Vegan Fluoridfrei, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6104&quot;],&quot;content_name&quot;:&quot;Zahnpasta Vitamin B12 Vegan Fluoridfrei, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6104&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DJD9fOPZLbYRXn2DuvDdOFdy7Ylz59cmY3L6iwkR9mu7UoQJTtAmUKUWQgCa4jMof1-Ob9cAsN8gL1UkB7yyLw" />
    <input value="6104" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
          <img alt="Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4126/file/small-c71d2dd8d39b8080d230dfab13a51668.webp 600w, https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.webp 900w, https://assets.fabulous.ch/public/variant_asset/4126/file/large-f71cfb61e495a5f76390adf6650b44d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4126/file/medium-91e3473052e8f1d5826d21bbb748d841.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/tafel-rhythm-108-haselnuss-truffle-schokolade-bio-100-g-7276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7276&quot;],&quot;content_name&quot;:&quot;Tafel Rhythm 108 Haselnuss Truffle Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9GVdeD9FKYcr4VrlxWD1CDDIJCPPlRWlOmA825y92MBDpyQNkkwiYZ-pZWblchsYGOVHxWtyclx5PZN0khCchA" />
    <input value="7276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aloe-vera-saft-bio-700-ml-17135">
          <img alt="Aloe Vera Saft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7978/file/small-7d2725937c1a6e5aef66ff64ba354b34.webp 600w, https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7978/file/large-f9f892992043d15376b1fe679458fa26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7978/file/medium-269015ff95ade7abb51b6f85f48f83d7.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/aloe-vera-saft-bio-700-ml-17135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Saft Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17135&quot;],&quot;content_name&quot;:&quot;Aloe Vera Saft Bio, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17135&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cslcnnh6FzjohQtpGpWddLV5We9FpY8tRV2f08RdA5DFCyXr1XMc3lzNNOo6h3NknVQ6CeFC6NQGADB8yvBH1A" />
    <input value="17135" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-fenchel-anis-kummel-bio-18-beutel-18967">
          <img alt="Tee Fenchel Anis Kümmel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9484/file/small-045c3f33eed610c6ef31963b3ef621d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9484/file/medium-f08220b13579869905f3f15f6b5e9d03.webp 900w, https://assets.fabulous.ch/public/variant_asset/9484/file/large-9c64da28320556c429b9c0b6b8a04d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9484/file/medium-f08220b13579869905f3f15f6b5e9d03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/de/products/tee-fenchel-anis-kummel-bio-18-beutel-18967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Fenchel Anis Kümmel Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18967&quot;],&quot;content_name&quot;:&quot;Tee Fenchel Anis Kümmel Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18967&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eorFpPRKsnkZdotHfGaSTKLBFX7tYDRhT9-D2etVyzXNSLzRWUO5n60-tMRcdHxciux2mEmHU5gMgix25fiPcQ" />
    <input value="18967" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schwarzkummelol-demeter-100-ml-acf89893-09ba-487e-9d22-f3976fc53cd4-18762">
          <img alt="Schwarzkümmelöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11250/file/small-7410e4476e2efb26931665d00a0f566e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11250/file/medium-572d9a12c0da30a816ab94fce675734d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11250/file/large-9fec6e5cfef40b2aa632e48c73344f80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11250/file/medium-572d9a12c0da30a816ab94fce675734d.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/schwarzkummelol-demeter-100-ml-acf89893-09ba-487e-9d22-f3976fc53cd4-18762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl nativ 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-18762-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18762&quot;],&quot;content_name&quot;:&quot;Schwarzkümmelöl nativ Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18762&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xTbNMJXpx2cAxd4ZoHCTokdtL5NgKxjrtWJME-AZPuRy9LRFOODMgbSN4ZqAYn2yb0BMdcTMfxL2P-O87rR6oA" />
    <input value="18762" 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">
      600 von 4&#39;112 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/h-p-chocolate?format=turbo_stream&amp;page=31">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>