1<!DOCTYPE html><html lang="de" class="hohes-c "> <head><meta charset="UTF-8"><title> 2 Säfte, Vitamin Water, Sirup & Shots | hohes C Produkte 3 </title><meta name="description" content="Entdecke die fruchtige Auswahl unserer hohes C Säfte: Orangensaft, milde Fruchtsäfte, Vitamin Shots und Vitamin Water für deinen Alltag. Jetzt genieÃen!"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Open Graph meta tags --><meta name="robots" content="index, follow"><link rel="icon" type="image/x-icon" href="/hohes-c.png">
3<script>(function(){const google = "GTM-5HZ9GHVM"; 4 5 (function (w, d, s, l, i) { 6 w[l] = w[l] || []; 7 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 8 var f = d.getElementsByTagName(s)[0], 9 j = d.createElement(s), 10 dl = l != "dataLayer" ? "&l=" + l : ""; 11 j.async = true; 12 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 13 f.parentNode.insertBefore(j, f); 14 })(window, document, "script", "dataLayer", google); 15 })();</script>
15<script> 16 window.dataLayer = window.dataLayer || []; 17 function gtag() { 18 dataLayer.push(arguments); 19 } 20 gtag("consent", "default", { 21 ad_user_data: "denied", 22 ad_personalization: "denied", 23 ad_storage: "denied", 24 analytics_storage: "denied", 25 wait_for_update: 500, 26 }); 27 dataLayer.push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 28 </script>
28<script src="https://cloud.ccm19.de/app.js?apiKey=50c72b60d14059874f1ee5f41fe10074c0804d38183d9066&amp;domain=6634f52ac6a14adfec0f2893" referrerpolicy="origin"></script>
28<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Hohes C","url":"https://www.hohesc.at","logo":"https://a.storyblok.com/f/243238/4519x2360/78edc7f69c/logo_hohesc.png","sameAs":["https://www.instagram.com/hohesc_at/","https://www.facebook.com/hohescoesterreich"],"areaServed":"AT"}</script>
28<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","url":"https://www.hohesc.at/products/","name":"Säfte, Vitamin Water, Sirup & Shots | hohes C Produkte","description":"Entdecke die fruchtige Auswahl unserer hohes C Säfte: Orangensaft, milde Fruchtsäfte, Vitamin Shots und Vitamin Water für deinen Alltag. Jetzt genieÃen!","publisher":{"@type":"Organization","name":"Hohes C"}}</script>
28<link rel="stylesheet" href="/_astro/_slug_.Vnd-DjLO.css" /> 29<link rel="stylesheet" href="/_astro/_slug_.ZO_pYSOm.css" />
29<script type="module" src="/_astro/hoisted.3bE65pPk.js"></script>
vendor: 1 bytes, line 29
29
30<script type="module" src="/_astro/page.zjCbv0E3.js"></script>
30</head> <body> <div class="block sticky top-0 z-[60] min-h-[76.8px]"> <header class="sticky bg-header-background top-0 z-50 h-[80px]"> <div class="max-container flex flex-row items-center h-[80px] justify-between desktop:justify-normal"> <a id="skip-nav-link" href="#main" tabindex="0" class="text-header-text text-copy-md left-4 sr-only w-auto z-50 focus:absolute focus:not-sr-only">Zum Inhalt springen</a> <a href="/" class="mr-8" aria-label="Zurück zur Startseite"> <span class="cursor-pointer z-10 relative"> <img src="https://a.storyblok.com/f/243238/4519x2360/78edc7f69c/logo_hohesc.png" height="55" alt="hohes C logo featuring the text 'hohes C' in white, bold, lowercase letters" class="h-[55px] object-contain"> </span> </a> <div class="desktop:hidden flex items-center gap-4 text-header-text-hover-active"> <div class="relative h-full flex items-center"> <button id="mobileSearchToggle" class="flex items-center text-header-text hover:text-header-text-hover-active transition-colors" aria-label="Toggle search"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </button> </div> <button id="burger" class="cursor-pointer" aria-label="Menü öffnen"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> </button> <button id="cross" class="cursor-pointer hidden" aria-label="Menü schlieÃen"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> </button> </div> <div class="w-full hidden desktop:flex items-center flex-row justify-between h-full"> <ul class="flex-row gap-8 hidden desktop:flex items-center h-full"> <li class="group h-full flex "> <div class="relative flex"> <a class="font-bold text-header-text-hover-active flex flex-row items-center text-header-text group-hover:text-header-text-hover-active text-copy-md relative z-10" href="https://www.hohesc.at/products/"> Produkte </a> <button id="subnav-button-Produkte" class="text-header-text group-hover:text-header-text-hover-active group-[.active]:text-header-text-hover-active group-[.active]:rotate-180 group-hover:rotate-180 transition-all ml-1 relative top-[1px]" aria-label="Menü öffnen Produkte"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg> </button> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0 group-hover:opacity-100 opacity-0 transition-[opacity] duration-150"></span> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0"></span> </div> <div class="invisible group-[.active]:visible group-hover:visible group-hover:delay-75 group-[.active]:delay-75 absolute left-0 pt-[80px] group-hover:opacity-100 group-[.active]:opacity-100 opacity-0 transition-[opacity] duration-150 w-full" aria-labelledby="subnav-button-Produkte"> <div class="bg-header-open-background shadow-[0px_15px_35px_-15px_rgba(0,0,0,0.25)] py-10"> <div class="max-container"> <div class="flex flex-row gap-5 flex-wrap"> <a href="/products/core-range" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #fee095;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/815x2560/bac8df34af/hohes-c-plus-eisen-0-75lt.png/m/250x0" alt="hohes C PLUS Eisen 0,75lt"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> 100% Säfte </p> </a><a href="/products/vitamin-minis/" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #f2c59c;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/1026x2560/54331f07c8/hohes-c-direktsaft-orange-100.png/m/250x0" alt="hohes C Direktsaft Orange 100%"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> Vitamin Minis </p> </a><a href="/products/all-in-one" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #faf0c7;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/358x1181/5b0e3adece/hoc_aio_everyday.png/m/250x0" alt="hohesC All-in-One Everyday"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> All-in-One </p> </a><a href="/products/shot" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #cdd3db;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/632x1536/f3b1eed091/hc_vs_immun_0-33lt.png/m/250x0" alt="HC_VS_Immun_0,33lt"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> Shots </p> </a><a target="_self" href="/products/vitamin-water" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #cce8ea;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/1704x5364/370943
301d27/vitamin-water-protect-limette-ingwer.png/m/250x0" alt="Vitamin Water Protect - Limette Ingwer"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> Vitamin Water </p> </a><a href="/products/durstloscher" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #fffdd2;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/471x2000/c5660c59c6/4048517679803.png/m/250x0" alt=""> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> Durstlöscher </p> </a><a href="https://www.hohesc.at/products/vitamin-cirup/" class="flex flex-col gap-2 min-w-[143px] hover:brightness-90 transition-all"> <div style="background: #feca81;" class="w-full flex justify-center py-2 rounded-[--radius-product-cards-lg]"> <img class="h-[137px]" src="https://a.storyblok.com/f/243238/278x1000/0d232223bd/cirup-start.png/m/250x0" alt="cirup-start"> </div> <p class="text-copy-lg-strong pr-4 text-header-open-text"> Vitamin C-IRUP </p> </a> </div> </div> </div> </div> </li> <li class="group h-full flex relative"> <div class="relative flex"> <a class=" flex flex-row items-center text-header-text group-hover:text-header-text-hover-active text-copy-md relative z-10" href="/gesundheit"> Gesundheit </a> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0 group-hover:opacity-100 opacity-0 transition-[opacity] duration-150"></span> </div> </li> <li class="group h-full flex relative"> <div class="relative flex"> <a class=" flex flex-row items-center text-header-text group-hover:text-header-text-hover-active text-copy-md relative z-10" href="/ueber-uns/"> Ãber uns </a> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0 group-hover:opacity-100 opacity-0 transition-[opacity] duration-150"></span> </div> </li> <li class="group h-full flex relative"> <div class="relative flex"> <a target="_blank" class=" flex flex-row items-center text-header-text group-hover:text-header-text-hover-active text-copy-md relative z-10" href="https://shop.pago.at/unsere-marken/hohes-c"> Shop </a> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0 group-hover:opacity-100 opacity-0 transition-[opacity] duration-150"></span> </div> </li> <li class="group h-full flex relative"> <div class="relative flex"> <a class=" flex flex-row items-center text-header-text group-hover:text-header-text-hover-active text-copy-md relative z-10" href="/faq-kontakt/"> FAQ & Kontakt </a> <span class="h-[6px] bg-header-highlight w-full absolute bottom-0 group-hover:opacity-100 opacity-0 transition-[opacity] duration-150"></span> </div> </li> </ul> <div class="flex-row gap-8 hidden desktop:flex items-center h-full"> <div class="relative h-full flex items-center"> <button id="searchToggle" class="flex items-center text-header-text hover:text-header-text-hover-active transition-colors" aria-label="Toggle search"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </button> <label class="sr-only" for="searchInput"> Suche absenden </label> <div id="searchBar" class="absolute z-20 right-0 top-1/2 -translate-y-1/2 opacity-0 invisible transition-all duration-200 transform translate-x-4"> <div class="flex items-center bg-header-open-background rounded-[--radius-image-lg] shadow-lg"> <input type="text" id="searchInput" placeholder="" class="w-[300px] px-4 py-2 rounded-[--radius-image-lg] focus:outline-none text-header-open-text"> <button class="px-4 py-2 text-header-open-text transition-colors" aria-label="Submit search"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </button> </div> <div id="searchResults" class="absolute top-full right-0 w-[400px] mt-2 bg-header-open-background rounded-[--radius-image-lg] shadow-lg max-h-[500px] overflow-y-auto hidden"></div> </div> </div> </div> </div> </div> </header> <div id="menu" class="transition-all bg-header-background h-screen absolute w-full hidden"> <div id="menu-show" class="max-container overflow-scroll h-full !pb-[100px]"> <div class="group relative"> <button class="absolute top-0 left-0 w-full h-full" aria-label="Menü öffnen Produkte"></button> <div class="flex flex-row items-center text-header-text text-copy-md-strong py-3 group-[.active]:bg-header-open-background group-[.active]:text-header-open-text pl-4"> Produkte <div class="group-[.active]:rotate-180 transition-all ml-1 relative top-[1px]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg> </div> </div> <div class="invisible group-[.active]:visible group-[.active]:delay-75 group-[.active]:block hidden relative left-0 group-[.active]:opacity-100 opacity-0 transition-[opacity,padding] duration-300 w-full"> <div class="bg-header-open-background pb-4 pt-1 pl-4"> <div class="max-container"> <div class="flex flex-col gap-2"> <a href="/products/core-range" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> 100% Säfte </p> </a><a href="/products/vitamin-minis/" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> Vitamin Minis </p> </a><a href="/products/all-in-one" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> All-in-One </p> </a><a href="/products/shot" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> Shots </p> </a><a href="/products/vitamin-water" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> Vitamin Water </p> </a><a href="/products/durstloscher" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> Durstlöscher </p> </a><a href="https://www.hohesc.at/products/vitamin-cirup/" class="flex flex-col gap-3 min-w-[143px] hover:brightness-90 transition-all"> <p class="text-copy-md text-header-open-text"> Vitamin C-IRUP </p> </a> </div> </div> </div> </div> </div><div class=" relative"> <a href="/gesundheit" class="flex flex-row items-center text-header-text text-copy-md-strong py-3 group-[.active]:bg-header-open-background group-[.active]:text-header-open-text group-[.active]:mt-2 pl-4"> Gesundheit </a> </div><div class=" relative"> <a href="/ueber-uns/" class="flex flex-row items-center text-header-text text-copy-md-strong py-3 group-[.active]:bg-header-open-background group-[.active]:text-header-open-text group-[.active]:mt-2 pl-4"> Ãber uns </a> </div><div class=" relative">
30 <a href="https://shop.pago.at/unsere-marken/hohes-c" class="flex flex-row items-center text-header-text text-copy-md-strong py-3 group-[.active]:bg-header-open-background group-[.active]:text-header-open-text group-[.active]:mt-2 pl-4"> Shop </a> </div><div class=" relative"> <a href="/faq-kontakt/" class="flex flex-row items-center text-header-text text-copy-md-strong py-3 group-[.active]:bg-header-open-background group-[.active]:text-header-open-text group-[.active]:mt-2 pl-4"> FAQ & Kontakt </a> </div> </div> </div> <div id="mobileSearch" class="transition-all bg-header-background h-screen absolute w-full hidden"> <div class="max-container overflow-scroll h-full !pb-[100px]"> <div class="mt-4"> <!-- <div class="flex items-center justify-between mb-4"> 31 <button 32 id="mobileSearchClose" 33 class="text-header-text" 34 aria-label="Close search" 35 > 36 <X size={25} /> 37 </button> 38 </div> --> <div class="flex items-center bg-header-open-background rounded-[--radius-image-lg]"> <label class="sr-only" for="mobileSearchInput"> Suche absenden </label> <input type="text" id="mobileSearchInput" placeholder="" class="w-full px-4 py-2 rounded-[--radius-image-lg] focus:outline-none text-header-open-text bg-transparent"> <button class="px-4 py-2 text-header-open-text transition-colors" aria-label="Submit search"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </button> </div> <div id="mobileSearchResults" class="mt-4 bg-header-open-background rounded-[--radius-image-lg] max-h-[500px] overflow-y-auto hidden"></div> </div> </div> </div> </div> <main id="main"> <div class="overflow-hidden tablet:overflow-visible"> <section style="background: var(--hero-page-background-default)" class="bg-hero-page-background-default rounded-b-[--radius-hero] overflow-hidden py-10 desktop:p-20 desktop:px-0 39 "> <div class="pt-10 desktop:pt-0 gap-y-8 items-stretch flex flex-wrap items-center desktop:relative desktop:overflow-hidden "> <div id="" class="w-full max-container "> <span class="text-heading-tagline text-hero-page-topline"> hohes C </span> <h1 class="text-hero-xl text-hero-page-text mb-4">Unsere Produkte</h1> <p class="text-copy-md text-hero-page-text"></p><div class="text-copy-md text-hero-page-text richtext"></div> <div> </div> </div> </div> </section>
39<script>(function(){const blok = {"_uid":"4ec6e005-fa31-4c7a-ab65-ba17304a2e90","image":{"id":null,"alt":null,"name":"","focus":null,"title":null,"source":null,"filename":"","copyright":null,"fieldtype":"asset","meta_data":{}},"button":{"id":"","url":"","linktype":"story","fieldtype":"multilink","cached_url":""},"topline":"hohes C","headline":"Unsere Produkte","component":"hero","background":{"_uid":"72e85e8f-855f-4d1f-9a78-60b3b6748234","color":"#f40000","plugin":"native-color-picker"},"full_image":false,"description":{"type":"doc","content":[{"type":"paragraph"}]},"transparent":false,"button_outline":false}; 40const hasImage = false; 41 42 const media = window.matchMedia("(min-width: 1400px)"); 43 const mediaBig = window.matchMedia("(min-width: 1560px)"); 44 if ( 45 media && 46 hasImage && 47 document.getElementById("element" + blok._uid) 48 ) { 49 const left = (window.innerWidth - (mediaBig.matches ? 1400 : 1240)) / 2; 50 document; 51 document 52 .getElementById("element" + blok._uid) 53 .setAttribute("style", `padding-left: ${left}px!important`); 54 } 55})();</script>
55<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> 100% Säfte </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> </p> <div> <a href="/products/core-range" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle 100% Säfte </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeftd88253d6-845c-4560-827f-d8c0491d043f" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="containerd88253d6-845c-4560-827f-d8c0491d043f" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/core-range/plus-eisen" style="background: #fae6c7;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_v2i77jq2il4od6nmisncd41a1r/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Plus Eisen </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Dein PLUS an Vitaminen: hohes C PLUS Eisen deckt bereits mit einem Glas (0,25 L) deinen Tagesbedarf an natürlichem Vitamin C und einen wesentlichen Teil an Eisen. Vitamin C erhöht die Eisenaufnahme. Eisen trägt zur normalen Bildung von roten Blutkörperchen und Hämoglobin sowie zur Verringerung von Müdigkeit bei. Eine ausgewogene Ernährung und gesunde Lebensweise wird empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/core-range/milde-orange" style="background: #fae6c7;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_f01ih151al0kpb7do1frch4651/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Milde Orange </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Schon gewusst? Bereits ein Glas hohes C Milde Orange mit Acerola (0,25 L) deckt den Tagesbedarf an Vitamin C. Vitamin C trägt zu einer normalen Funktion des Immunsystems und zu einem normalen Energiestoffwechsel bei. Eine ausgewogene Ernährung und gesunde Lebensweise wird empfohlen. Für unsere milden Säfte werden sorgfältig Früchte ausgewählt, die von Natur aus säureärmer sind. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/core-range/milder-multi" style="background: #fae6c7;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_7qoqpp8vch4u53asdmork9t71k/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Milder Multi </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Schon gewusst? Bereits ein Glas hohes C Multivitamin (0,25 L) deckt den Tagesbedarf an Vitamin C. Vitamin C trägt zu einer normalen Funktion des Immunsystems und zu einem normalen Energiestoffwechsel bei. Eine ausgewogene Ernährung und gesunde Lebensweise wird empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/core-range/milder-ace" style="background: #fae6c7;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_4n53572qlh63d1hdd9id8odc5q/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Milder ACE </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unser ACE kombiniert die fruchtige Frische von Orange, Karotte und Zitrone â perfekt abgestimmt für ein ausgewogenes Geschmackserlebnis. Mit den wertvollen Vitaminen A, C und E ist er der ideale Begleiter für einen aktiven Lebensstil. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRightd88253d6-845c-4560-827f-d8c0491d043f" class="next-sl
55ider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
55<script>(function(){const id = "d88253d6-845c-4560-827f-d8c0491d043f"; 56 57 const buttonRight = document.getElementById(`slideRight${id}`); 58 const buttonLeft = document.getElementById(`slideLeft${id}`); 59 const distance = 148; 60 61 buttonRight.onclick = function () { 62 document.getElementById(`container${id}`).scrollBy({ 63 left: distance, 64 behavior: "smooth", 65 }); 66 }; 67 buttonLeft.onclick = function () { 68 document.getElementById(`container${id}`).scrollBy({ 69 left: -distance, 70 behavior: "smooth", 71 }); 72 }; 73 74 function canScroll(el, scrollAxis) { 75 if (0 === el[scrollAxis]) { 76 el[scrollAxis] = 1; 77 if (1 === el[scrollAxis]) { 78 el[scrollAxis] = 0; 79 return true; 80 } 81 } else { 82 return true; 83 } 84 return false; 85 } 86 87 function isScrollableX(el) { 88 return ( 89 el.scrollWidth > el.clientWidth && 90 canScroll(el, "scrollLeft") && 91 "hidden" !== getComputedStyle(el).overflowX 92 ); 93 } 94 95 function isScrollableY(el) { 96 return ( 97 el.scrollHeight > el.clientHeight && 98 canScroll(el, "scrollTop") && 99 "hidden" !== getComputedStyle(el).overflowY 100 ); 101 } 102 103 function isScrollable(el) { 104 return isScrollableX(el) || isScrollableY(el); 105 } 106 if (!isScrollable(document.getElementById(`container${id}`))) { 107 buttonRight.classList.add("hidden"); 108 buttonLeft.classList.add("hidden"); 109 } 110 111 document 112 .getElementById(`container${id}`) 113 .addEventListener("scroll", (event) => { 114 const scrolledElement = document.getElementById(`container${id}`); 115 let scroll = scrolledElement.scrollLeft; 116 if (scroll === 0) { 117 buttonLeft.classList.add("hidden"); 118 } else { 119 buttonLeft.classList.remove("hidden"); 120 } 121 122 const isElementFullyScrolled = 123 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 124 scrolledElement.clientWidth; 125 126 if (isElementFullyScrolled) { 127 buttonRight.classList.add("hidden"); 128 } else { 129 buttonRight.classList.remove("hidden"); 130 } 131 }); 132})();</script>
132<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> Vitamin Minis </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> </p> <div> <a href="/products/vitamin-minis/" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle Minis </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLefte3b17203-c1da-4c7a-bfe5-eaa048bcef70" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="containere3b17203-c1da-4c7a-bfe5-eaa048bcef70" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/vitamin-minis/plus-eisen-minis" style="background: #ffd08a;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_6qfg4oij9l0910n1ivd99u9b47/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Plus Eisen Mini </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Dein PLUS an Vitaminen: hohes C PLUS Eisen deckt bereits mit einem Glas (0,25 L) deinen Tagesbedarf an natürlichem Vitamin C und einen wesentlichen Teil an Eisen. Vitamin C erhöht die Eisenaufnahme. Eisen trägt zur normalen Bildung von roten Blutkörperchen und Hämoglobin sowie zur Verringerung von Müdigkeit bei. Eine ausgewogene Ernährung und gesunde Lebensweise wird empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-minis/direktsaft-orange-mini" style="background: #ffd08a;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_p069fn0fd91p9fs2ei6pas922b/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Direktsaft Orange Mini </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Schon gewusst? Bereits ein Glas hohes C Direksaft Orange mit Fruchtfleisch (0,25 L) deckt den Tagesbedarf an Vitamin C - und zwar mit natürlichem Vitamin C aus der Acerola. Vitamin C trägt zu einer normalen Funktion des Immunsystems und zu einem normalen Energiestoffwechsel bei. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-minis/vitamin-db" style="background: #ffd08a;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_p3o5bgmhp165fd4krg1826dh0p/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Plus Vitamin D+B </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unser Vitamin D+B kombiniert fruchtigen Geschmack mit wertvollen Vitaminen für mehr Wohlbefinden im Alltag. Mit Vitamin D zur Unterstützung des Immunsystems und den B-Vitaminen für Energie und Konzentration â ideal für aktive Tage. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRighte3b17203-c1da-4c7a-bfe5-eaa048bcef70" class="next-sl
132ider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
132<script>(function(){const id = "e3b17203-c1da-4c7a-bfe5-eaa048bcef70"; 133 134 const buttonRight = document.getElementById(`slideRight${id}`); 135 const buttonLeft = document.getElementById(`slideLeft${id}`); 136 const distance = 148; 137 138 buttonRight.onclick = function () { 139 document.getElementById(`container${id}`).scrollBy({ 140 left: distance, 141 behavior: "smooth", 142 }); 143 }; 144 buttonLeft.onclick = function () { 145 document.getElementById(`container${id}`).scrollBy({ 146 left: -distance, 147 behavior: "smooth", 148 }); 149 }; 150 151 function canScroll(el, scrollAxis) { 152 if (0 === el[scrollAxis]) { 153 el[scrollAxis] = 1; 154 if (1 === el[scrollAxis]) { 155 el[scrollAxis] = 0; 156 return true; 157 } 158 } else { 159 return true; 160 } 161 return false; 162 } 163 164 function isScrollableX(el) { 165 return ( 166 el.scrollWidth > el.clientWidth && 167 canScroll(el, "scrollLeft") && 168 "hidden" !== getComputedStyle(el).overflowX 169 ); 170 } 171 172 function isScrollableY(el) { 173 return ( 174 el.scrollHeight > el.clientHeight && 175 canScroll(el, "scrollTop") && 176 "hidden" !== getComputedStyle(el).overflowY 177 ); 178 } 179 180 function isScrollable(el) { 181 return isScrollableX(el) || isScrollableY(el); 182 } 183 if (!isScrollable(document.getElementById(`container${id}`))) { 184 buttonRight.classList.add("hidden"); 185 buttonLeft.classList.add("hidden"); 186 } 187 188 document 189 .getElementById(`container${id}`) 190 .addEventListener("scroll", (event) => { 191 const scrolledElement = document.getElementById(`container${id}`); 192 let scroll = scrolledElement.scrollLeft; 193 if (scroll === 0) { 194 buttonLeft.classList.add("hidden"); 195 } else { 196 buttonLeft.classList.remove("hidden"); 197 } 198 199 const isElementFullyScrolled = 200 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 201 scrolledElement.clientWidth; 202 203 if (isElementFullyScrolled) { 204 buttonRight.classList.add("hidden"); 205 } else { 206 buttonRight.classList.remove("hidden"); 207 } 208 }); 209})();</script>
209<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> All-in-One </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> Alles drin für dich </p> <div> <a href="/products" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle All-in-One </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeft91356605-9cad-44a6-8220-6c04acac9b29" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="container91356605-9cad-44a6-8220-6c04acac9b29" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/all-in-one/all-in-one-beauty" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_k4ooprfl3l317fv92q1uvnti15/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> ALL-IN-ONE Beauty </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unterstütze deine Haut, Haare und Nägel mit Zink, Biotin und Selen. Bereits ein Glas (250ml) deckt den Tagesbedarf an natürlichem Vitamin C, Vitamin B12, Vitamin B6 und Biotin sowie 38% des Tagesbedarfs an Vitamin A, Vitamin E, Zink und Selen. Zink und Biotin tragen zur Erhaltung normaler Haut und Haare bei. Zink und Selen tragen zur Erhaltung normaler Nägel bei. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/all-in-one/all-in-one-everyday" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_r9up76bpv53np19mjo8flvp218/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> ALL-IN-ONE Everyday </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unterstütze deine tägliche Gesundheit mit 10 Vitaminen, Eisen und Ballaststoffen. Bereits ein Glas (250ml) deckt den Tagesbedarf an natürlichem Vitamin C, E, B12, Thiamin, Niacin, Folsäure, Biotin und Pantothensäure, 75% des Tagesbedarfs an Vitamin A, 50% des Tagesbedarfs an Vitamin D und 38% des Tagesbedarfs an Eisen. Eisen trägt zu einer normalen Funktion des Immunsystems und der Verringerung von Müdigkeit und Ermüdung bei. Vitamin D trägt zur Erhaltung normaler Knochen bei. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/all-in-one/all-in-one-reload" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_mtdtcum2sl76n4tsndhptj5h72/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> ALL-IN-ONE Reload </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unterstütze deine Muskelfunktion und mentale Leistung. Mit Elektrolyten, Pantothensäure und natürlichem Koffein. Bereits ein Glas (250ml) deckt den Tagesbedarf an natürlichem Vitamin C, Vitamin B12 und Pantothensäure sowie 25% des Tagesbedarfs an Calcium und Magnesium. Magnesium und Calcium tragen zu einer normalen Muskelfunktion bei. Pantothensäure trägt zur Verringerung von Müdigkeit und Ermüdung und zu einer normalen geistigen Leistung bei. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRight91356605-9cad-44a6-8220-6c04acac9b29" class="next-sl
209ider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
209<script>(function(){const id = "91356605-9cad-44a6-8220-6c04acac9b29"; 210 211 const buttonRight = document.getElementById(`slideRight${id}`); 212 const buttonLeft = document.getElementById(`slideLeft${id}`); 213 const distance = 148; 214 215 buttonRight.onclick = function () { 216 document.getElementById(`container${id}`).scrollBy({ 217 left: distance, 218 behavior: "smooth", 219 }); 220 }; 221 buttonLeft.onclick = function () { 222 document.getElementById(`container${id}`).scrollBy({ 223 left: -distance, 224 behavior: "smooth", 225 }); 226 }; 227 228 function canScroll(el, scrollAxis) { 229 if (0 === el[scrollAxis]) { 230 el[scrollAxis] = 1; 231 if (1 === el[scrollAxis]) { 232 el[scrollAxis] = 0; 233 return true; 234 } 235 } else { 236 return true; 237 } 238 return false; 239 } 240 241 function isScrollableX(el) { 242 return ( 243 el.scrollWidth > el.clientWidth && 244 canScroll(el, "scrollLeft") && 245 "hidden" !== getComputedStyle(el).overflowX 246 ); 247 } 248 249 function isScrollableY(el) { 250 return ( 251 el.scrollHeight > el.clientHeight && 252 canScroll(el, "scrollTop") && 253 "hidden" !== getComputedStyle(el).overflowY 254 ); 255 } 256 257 function isScrollable(el) { 258 return isScrollableX(el) || isScrollableY(el); 259 } 260 if (!isScrollable(document.getElementById(`container${id}`))) { 261 buttonRight.classList.add("hidden"); 262 buttonLeft.classList.add("hidden"); 263 } 264 265 document 266 .getElementById(`container${id}`) 267 .addEventListener("scroll", (event) => { 268 const scrolledElement = document.getElementById(`container${id}`); 269 let scroll = scrolledElement.scrollLeft; 270 if (scroll === 0) { 271 buttonLeft.classList.add("hidden"); 272 } else { 273 buttonLeft.classList.remove("hidden"); 274 } 275 276 const isElementFullyScrolled = 277 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 278 scrolledElement.clientWidth; 279 280 if (isElementFullyScrolled) { 281 buttonRight.classList.add("hidden"); 282 } else { 283 buttonRight.classList.remove("hidden"); 284 } 285 }); 286})();</script>
286<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> Vitamin Shots </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> Dein leckerer Kickstart für jeden Tag </p> <div> <a href="/products/shot" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle Vitamin Shots </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeftea865dbe-21fa-4fcb-9b25-dbd8aa91333a" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="containerea865dbe-21fa-4fcb-9b25-dbd8aa91333a" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/shot/regeneration" style="background: #cdd3db;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_llt3unmiv14hf6oulbsgsn8354/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> 5 x Vitamin Shots Regeneration </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Leistungsstark durch den Alltag mit den hohes C Vitamin Shots Regeneration. Die leckere Komb
286ination aus Ingwer, Maracuja, Zitrone und Acerola ist ideal für deine tägliche Leistung. Eine Tagesportion (66 ml) deckt bereits 20% deines Tagesbedarfs an Magnesium und sogar 100% an Vitamin B12, Pantothensäure und natürlichem Vitamin C. Magnesium trägt zu einer normalen Muskelfunktion bei. Magnesium, Vitamin B12 und Vitamin C tragen zu einer normalen psychischen Funktion bei. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/shot/vitamin-shots-immun" style="background: #cdd3db;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_miivcaun0964d2k6qoens2hh5b/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> 5 x Vitamin Shots Immun </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Shots Immun sind dein leckerer Kickstart für jeden Tag. Ideal, um dir und deiner Gesundheit schnell und unkompliziert etwas Gutes zu tun. Die unvergleichliche Kombi aus Orange und Mango umspielt deinen Gaumen, während Madagaskar-Ingwer und Kurkuma-Extrakt für das gewisse Extra sorgen. Ein Shot (66ml) deckt deinen Tagesbedarf an natürlichem Vitamin C zu 100%, Vitamin D zu 75% und Zink zu 38%. Diese tragen zur normalen Funktion des Immunsystems bei - eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. Dank platzsparender Vorratsflasche, die 5 trinkfertige Portionen à 66ml enthält, bist du für 5 Tage gewappnet. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRightea865dbe-21fa-4fcb-9b25-dbd8aa91333a" class="next-slider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
286<script>(function(){const id = "ea865dbe-21fa-4fcb-9b25-dbd8aa91333a"; 287 288 const buttonRight = document.getElementById(`slideRight${id}`); 289 const buttonLeft = document.getElementById(`slideLeft${id}`); 290 const distance = 148; 291 292 buttonRight.onclick = function () { 293 document.getElementById(`container${id}`).scrollBy({ 294 left: distance, 295 behavior: "smooth", 296 }); 297 }; 298 buttonLeft.onclick = function () { 299 document.getElementById(`container${id}`).scrollBy({ 300 left: -distance, 301 behavior: "smooth", 302 }); 303 }; 304 305 function canScroll(el, scrollAxis) { 306 if (0 === el[scrollAxis]) { 307 el[scrollAxis] = 1; 308 if (1 === el[scrollAxis]) { 309 el[scrollAxis] = 0; 310 return true; 311 } 312 } else { 313 return true; 314 } 315 return false; 316 } 317 318 function isScrollableX(el) { 319 return ( 320 el.scrollWidth > el.clientWidth && 321 canScroll(el, "scrollLeft") && 322 "hidden" !== getComputedStyle(el).overflowX 323 ); 324 } 325 326 function isScrollableY(el) { 327 return ( 328 el.scrollHeight > el.clientHeight && 329 canScroll(el, "scrollTop") && 330 "hidden" !== getComputedStyle(el).overflowY 331 ); 332 } 333 334 function isScrollable(el) { 335 return isScrollableX(el) || isScrollableY(el); 336 } 337 if (!isScrollable(document.getElementById(`container${id}`))) { 338 buttonRight.classList.add("hidden"); 339 buttonLeft.classList.add("hidden"); 340 } 341 342 document 343 .getElementById(`container${id}`) 344 .addEventListener("scroll", (event) => { 345 const scrolledElement = document.getElementById(`container${id}`); 346 let scroll = scrolledElement.scrollLeft; 347 if (scroll === 0) { 348 buttonLeft.classList.add("hidden"); 349 } else { 350 buttonLeft.classList.remove("hidden"); 351 } 352 353 const isElementFullyScrolled = 354 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 355 scrolledElement.clientWidth; 356 357 if (isElementFullyScrolled) { 358 buttonRight.classList.add("hidden"); 359 } else { 360 buttonRight.classList.remove("hidden"); 361 } 362 }); 363})();</script>
363<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> Vitamin Water </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> Dein next level water </p> <div> <a href="/products/vitamin-water" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle Vitamin Waters </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeft4e7a30c3-15e7-4d11-ad2c-250c9ffe4860" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="container4e7a30c3-15e7-4d11-ad2c-250c9ffe4860" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/vitamin-water/vitamin-water-energy" style="background: #CCE8EA;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_jkorhcf4l96i5eue37ts31o612/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin Water Energy </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Water Energy versorgt dich mit wichtigen Nährstoffen für deinen Energiestoffwechsel und Zellschutz. Vitamin C, B6 und B12 tragen zu einem normalen Energiestoffwechsel bei und helfen, Müdigkeit und Ermüdung zu verringern. Vitamin E trägt dazu bei, die Zellen vor oxidativem Stress zu schützen. GenieÃe die erfrischende Kombination aus Orange und Maracuja â ohne Zusatz von Zucker oder SüÃungsmittel. Vegan und mit nur 6 kcal/ 100ml ideal für deinen aktiven Lebensstil. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-water/vitamin-water-protect" style="background: #CCE8EA;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_kambhuramp6tr9ov7rr9c42o42/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin Water Protect </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Water Protect versorgt dich mit wichtigen Nährstoffen für dein Immunsystem. Vitamin C, D und Zink tragen zur normalen Funktion des Immunsystems bei, während Vitamin E hilft, die Zellen vor oxidativem Stress zu schützen. GenieÃe die erfrischende Kombination aus Limette und Ingwer â ohne Zusatz von Zucker oder SüÃungsmittel. Vegan und mit nur 6 kcal/ 100ml ideal für deinen aktiven Lebensstil. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-water/vitamin-water-antiox" style="background: #CCE8EA;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_k0l50eah7d3cr643i620tlhq53/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin Water Antiox </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Water Antiox versorgt dich mit wichtigen Nährstoffen für den Zellschutz. Vitamin C, E und Selen tragen dazu bei, die Zellen vor oxidativem Stress zu schützen. GenieÃe die erfrischende Kombination aus Erdbeere & Grapefruit â ohne Zusatz von Zucker oder SüÃungsmittel. Vegan und mit nur 6 kcal/ 100ml ideal für deinen aktiven Lebensstil. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-water/vitamin-water-electrolyte" style="background: #CCE8EA;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_0a9lisneap6ubfpfe73j1cgp5n/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin Water Electrolytes Grapefruit Zitrone </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Water Electrolytes mit Grapefruit Zitrone Geschmack ver
363sorgt dich mit wichtigen Vitaminen und Elektrolyten. Calcium und Magnesium tragen zur normalen Muskelfunktion bei. Magnesium trägt zu einem normalen Elektrolytgleichgewicht bei. Magnesium, Vitamin C, B6, B12, Niacin (B3) und Pantothensäure (B5) tragen zur Verringerung von Müdigkeit und Ermüdung bei. GenieÃe die erfrischende Kombination aus Grapefruit und Zitrone â ohne Zusatz von Zucker oder SüÃungsmittel. Vegan und mit nur 7 kcal/ 100ml ideal für deinen aktiven Lebensstil. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/vitamin-water/electrolyte-zitrone-limette" style="background: #CCE8EA;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_pt14gbllud2fr5ngkbgvcbao1s/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin Water Electrolytes Zitrone Limette </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> hohes C Vitamin Water Electrolytes mit Zitrone Limette Geschmack versorgt dich mit wichtigen Vitaminen und Elektrolyten. Calcium und Magnesium tragen zur normalen Muskelfunktion bei. Magnesium trägt zu einem normalen Elektrolytgleichgewicht bei. Magnesium, Vitamin C, B6, B12, Niacin (B3) und Pantothensäure (B5) tragen zur Verringerung von Müdigkeit und Ermüdung bei. GenieÃe die erfrischende Kombination aus Zitrone und Limette â ohne Zusatz von Zucker oder SüÃungsmittel. Vegan und mit nur 8 kcal/ 100ml ideal für deinen aktiven Lebensstil. Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRight4e7a30c3-15e7-4d11-ad2c-250c9ffe4860" class="next-slider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
363<script>(function(){const id = "4e7a30c3-15e7-4d11-ad2c-250c9ffe4860"; 364 365 const buttonRight = document.getElementById(`slideRight${id}`); 366 const buttonLeft = document.getElementById(`slideLeft${id}`); 367 const distance = 148; 368 369 buttonRight.onclick = function () { 370 document.getElementById(`container${id}`).scrollBy({ 371 left: distance, 372 behavior: "smooth", 373 }); 374 }; 375 buttonLeft.onclick = function () { 376 document.getElementById(`container${id}`).scrollBy({ 377 left: -distance, 378 behavior: "smooth", 379 }); 380 }; 381 382 function canScroll(el, scrollAxis) { 383 if (0 === el[scrollAxis]) { 384 el[scrollAxis] = 1; 385 if (1 === el[scrollAxis]) { 386 el[scrollAxis] = 0; 387 return true; 388 } 389 } else { 390 return true; 391 } 392 return false; 393 } 394 395 function isScrollableX(el) { 396 return ( 397 el.scrollWidth > el.clientWidth && 398 canScroll(el, "scrollLeft") && 399 "hidden" !== getComputedStyle(el).overflowX 400 ); 401 } 402 403 function isScrollableY(el) { 404 return ( 405 el.scrollHeight > el.clientHeight && 406 canScroll(el, "scrollTop") && 407 "hidden" !== getComputedStyle(el).overflowY 408 ); 409 } 410 411 function isScrollable(el) { 412 return isScrollableX(el) || isScrollableY(el); 413 } 414 if (!isScrollable(document.getElementById(`container${id}`))) { 415 buttonRight.classList.add("hidden"); 416 buttonLeft.classList.add("hidden"); 417 } 418 419 document 420 .getElementById(`container${id}`) 421 .addEventListener("scroll", (event) => { 422 const scrolledElement = document.getElementById(`container${id}`); 423 let scroll = scrolledElement.scrollLeft; 424 if (scroll === 0) { 425 buttonLeft.classList.add("hidden"); 426 } else { 427 buttonLeft.classList.remove("hidden"); 428 } 429 430 const isElementFullyScrolled = 431 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 432 scrolledElement.clientWidth; 433 434 if (isElementFullyScrolled) { 435 buttonRight.classList.add("hidden"); 436 } else { 437 buttonRight.classList.remove("hidden"); 438 } 439 }); 440})();</script>
440<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> Durstlöscher </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> </p> <div> <a href="/products/durstloscher" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle Durstlöscher </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeftc9095499-fd64-4ba6-bac8-80fe1854bec6" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="containerc9095499-fd64-4ba6-bac8-80fe1854bec6" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/durstloscher/durstloescher-lernfit" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_up1243fdl14er3sv1atjoaa76a/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Durstlöscher Lernfit </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Der Durstlöscher für schlaue Köpfe! Der Durstlöscher Lernfit wurde speziell für Kinder und Jugendliche entwickelt. Nicht nur, weil diese besonders durstig sind â neben dem Durst stillt er auÃerdem auch den Bedarf an Eisen und Vitamin D. Diese sind im Schulalltag besonders wichtig: Eisen unterstützt die normale kognitive Entwicklung von Kindern und unterstützt somit auch die Konzentrationsfähigkeit. Vitamin D ist wichtig für die normale Knochenentwicklung und ein normales Wachstum von Kindern. Alle unsere Durstlöscher Sorten entsprechen den SIPCAN Kriterien. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/durstloscher/durstloescher-milder-multi" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_7d10q9gvpd6ub6svrbpkfp0610/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Durstlöscher Milder Multi </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Fruchtige Erfrischung für jede Gelegenheit! Für alle, die sich eine Erfrischung wünschen, die mild und gut verträglich ist. Unser milder Multivitamin enthält nur Früchte, die von Natur aus säurearm sind. In Kombination mit natürlichem, stillem Wasser löscht er den Durst, bleibt dabei gut verträglich und schmeckt obendrein köstlich. Nebenbei deckt bereits eine Flasche hohes C Durstlöscher Milder Multivitamin den Tagesbedarf an Vitamin C und 9 weiteren Vitaminen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a><a href="/products/durstloscher/durstloescher-plus-magnesium" style="background: #fffdd2;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://assets.eckes-granini.com/image/357842185620/image_1g04mbk67d11j2fvmraiai6r4t/-FPNG/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Durstlöscher PLUS Magnesium </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Gegen den Durst. Und den Muskelkater. Der Durstlöscher Magnesium &amp; B-Vitamine ist nicht nur für Sportbegeisterte die ideale Unterstützung, sondern für alle die ihren Energiehaushalt unterstützen wollen. Magnesium trägt zu einer normalen Muskelfunktion bei, verringert aber auch Müdigkeit und Ermüdung. Vitamin B6, B12 und Folsäure unterstützen ebenfalls den Energiestoffwechsel und tragen zu einer normalen Blutbildung bei. Somit das
440ideale Getränk während und nach dem Sport, aber auch für alle, die ihre Energiespeicher wieder auffüllen wollen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produkt </div> </div> </div> </a> </div> <div id="slideRightc9095499-fd64-4ba6-bac8-80fe1854bec6" class="next-slider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
440<script>(function(){const id = "c9095499-fd64-4ba6-bac8-80fe1854bec6"; 441 442 const buttonRight = document.getElementById(`slideRight${id}`); 443 const buttonLeft = document.getElementById(`slideLeft${id}`); 444 const distance = 148; 445 446 buttonRight.onclick = function () { 447 document.getElementById(`container${id}`).scrollBy({ 448 left: distance, 449 behavior: "smooth", 450 }); 451 }; 452 buttonLeft.onclick = function () { 453 document.getElementById(`container${id}`).scrollBy({ 454 left: -distance, 455 behavior: "smooth", 456 }); 457 }; 458 459 function canScroll(el, scrollAxis) { 460 if (0 === el[scrollAxis]) { 461 el[scrollAxis] = 1; 462 if (1 === el[scrollAxis]) { 463 el[scrollAxis] = 0; 464 return true; 465 } 466 } else { 467 return true; 468 } 469 return false; 470 } 471 472 function isScrollableX(el) { 473 return ( 474 el.scrollWidth > el.clientWidth && 475 canScroll(el, "scrollLeft") && 476 "hidden" !== getComputedStyle(el).overflowX 477 ); 478 } 479 480 function isScrollableY(el) { 481 return ( 482 el.scrollHeight > el.clientHeight && 483 canScroll(el, "scrollTop") && 484 "hidden" !== getComputedStyle(el).overflowY 485 ); 486 } 487 488 function isScrollable(el) { 489 return isScrollableX(el) || isScrollableY(el); 490 } 491 if (!isScrollable(document.getElementById(`container${id}`))) { 492 buttonRight.classList.add("hidden"); 493 buttonLeft.classList.add("hidden"); 494 } 495 496 document 497 .getElementById(`container${id}`) 498 .addEventListener("scroll", (event) => { 499 const scrolledElement = document.getElementById(`container${id}`); 500 let scroll = scrolledElement.scrollLeft; 501 if (scroll === 0) { 502 buttonLeft.classList.add("hidden"); 503 } else { 504 buttonLeft.classList.remove("hidden"); 505 } 506 507 const isElementFullyScrolled = 508 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 509 scrolledElement.clientWidth; 510 511 if (isElementFullyScrolled) { 512 buttonRight.classList.add("hidden"); 513 } else { 514 buttonRight.classList.remove("hidden"); 515 } 516 }); 517})();</script>
517<section class="max-container mx-auto !py-[48px] tablet:!py-[52px] desktop:!py-[60px]"> <div class="grid grid-cols-1 desktop:grid-cols-3 gap-4"> <div class="flex justify-center flex-col"> <h2 class="text-heading-lg text-product-category-carousel-text mb-2"> Vitamin C-IRUP </h2> <p class="text-copy-md text-product-category-carousel-text mb-5 pr-4"> </p> <div> <a href="/products/vitamin-cirup" class="gap-2 items-center text-button-cta-simple-outline-text hover:text-button-cta-simple-outline-text-hover transition-all text-button-md border-[1px] border-button-cta-simple-outline-text hover:border-button-cta-simple-outline-text-hover rounded-[--radius-button-md] py-2 px-5"> Alle Vitamin C-IRUPS </a> </div> </div> <div class="col-span-2 relative mt-8 tablet:mt-0"> <div id="slideLeftd130bd01-5786-47d3-b23f-fe69234a9a43" class="prev-slider w-[60px] h-full absolute left-0 tablet:left-[0] top-0 z-10 slideLeft cursor-pointer text-product-slider-arrows justify-start items-center flex transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg> </div> <div id="containerd130bd01-5786-47d3-b23f-fe69234a9a43" class="flex flex-row gap-8 items-center overflow-x-scroll overflow-y-visible relative pb-4 carousel"> <a href="/products/vitamin-cirup/vitamin-cirup-active" style="background: #f7cc9c;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://eckesgranini.canto.de/direct/image/arft437hph6kp2h5u2j6g5ns68/6NIEAstBbVp99bR0zXxvJo_vKV8/original?content-type=image%2Fpng&name=0065_HC_DE_PET_SLE_Cirup_Active_4048517798863.png/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin C-IRUP Active </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unser hohes C Vitamin C-IRUP Active, mit dem Geschmack von Mango und Maracuja, versorgt dich mit wichtigen Vitaminen, Koffein und hilft dir täglich mehr Wasser mit Fruchtgeschmack zu trinken. Die Vitamine C, B5 und B6 tragen zur Verringerung von Müdigkeit und Ermüdung bei. Durch die Verwendung von SüÃstoffen ist unser zubereitetes CIRUP-Getränk zucker- und kalorienfrei. Eine Flasche hohes C Vitamin C-IRUP ergeben bis zu 8 Liter leckeres Fertiggetränk - bei einem Mischverhältnis von 2 ml Sirup (2x drücken) auf 248ml Wasser (1 Glas). Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produk </div> </div> </div> </a><a href="/products/vitamin-cirup/vitamin-cirup-refresh" style="background: #f7cc9c;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://eckesgranini.canto.de/direct/image/djcfsjbs716kfarn5d4v3cao41/6buIVGpxaRfA3tACX9-rqVCItSM/original?content-type=image%2Fpng&name=0065_HC_DE_PET_SLE_Cirup_Refresh_4048517798702.png/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto"> Vitamin C-IRUP Refresh </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unser hohes C Vitamin C-IRUP Refresh, mit dem Geschmack von Limetten, Orangen und Zitronen, versorgt dich mit wichtigen Vitaminen und hilft dir täglich mehr Wasser mit Fruchtgeschmack zu trinken. Die Vitamine C, B5 und B12 unterstützen dich in deiner mentalen Leistungsfähigkeit. Durch die Verwendung von SüÃstoffen ist unser zubereitetes C-IRUP-Getränk zucker- und kalorienfrei. Eine Flasche hohes C Vitamin C-IRUP ergeben bis zu 8 Liter leckeres Fertiggetränk - bei einem Mischverhältnis von 2ml Sirup (2x drücken) auf 248ml Wasser (1 Glas). Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produk </div> </div> </div> </a><a href="/products/vitamin-cirup/vitamin-cirup-vitalize" style="background: #f7cc9c;" class="py-5 px-7 mt-20 bg-product-card-default hover:brightness-90 transition-all flex flex-col max-w-[240px] min-w-[240px] self-stretch relative justify-end rounded-[--radius-product-cards-lg]"> <div class="min-h-[160px] -mb-[85px]"> <img class="max-h-[160px] object-contain -top-[80px] absolute" src="https://eckesgranini.canto.de/direct/image/usobn335h50v172mqrvoa79q0a/KSOYeIYw3TNK1GRZdPu4i-H0An8/original?content-type=image%2Fpng&name=0065_HC_DE_PET_SLE_Cirup_Vitalize_4048517798788.png/m/0x320"> </div> <div> <h2 class="text-hero-xs text-product-text mb-2 line-clamp-2 break-words hyphens-auto">
517 Vitamin C-IRUP Vitalize </h2> <p class="text-copy-md text-product-text line-clamp-2 mb-3"> Unser hohes C Vitamin C-IRUP Vitalize, mit dem Geschmack von Himbeeren und Erdbeeren, versorgt dich mit wichtigen Vitaminen und hilft dir täglich mehr Wasser mit Fruchtgeschmack zu trinken. Die Vitamine C, B3 und B7 tragen zu einer normalen Funktion des Nervensystems bei. Durch die Verwendung von SüÃstoffen ist unser zubereitetes C-IRUP-Getränk zucker- und kalorienfrei. Eine Flasche hohes C Vitamin C-IRUP ergeben bis zu 8 Liter leckeres Fertiggetränk - bei einem Mischverhältnis von 2ml Sirup (2x drücken) auf 248ml Wasser (1 Glas). Eine ausgewogene Ernährung und gesunde Lebensweise werden empfohlen. </p> <div> <div class="inline-flex bg-button-body-default rounded-[--radius-button-md] py-2 px-5 flex-row gap-1 items-center text-button-body-solid-text text-button-md my-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> Zum Produk </div> </div> </div> </a> </div> <div id="slideRightd130bd01-5786-47d3-b23f-fe69234a9a43" class="next-slider w-[60px] h-full absolute right-0 tablet:right-[0] top-0 z-10 cursor-pointer text-product-slider-arrows flex items-center justify-end transparent"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg> </div> </div> </div> </section>
517<script>(function(){const id = "d130bd01-5786-47d3-b23f-fe69234a9a43"; 518 519 const buttonRight = document.getElementById(`slideRight${id}`); 520 const buttonLeft = document.getElementById(`slideLeft${id}`); 521 const distance = 148; 522 523 buttonRight.onclick = function () { 524 document.getElementById(`container${id}`).scrollBy({ 525 left: distance, 526 behavior: "smooth", 527 }); 528 }; 529 buttonLeft.onclick = function () { 530 document.getElementById(`container${id}`).scrollBy({ 531 left: -distance, 532 behavior: "smooth", 533 }); 534 }; 535 536 function canScroll(el, scrollAxis) { 537 if (0 === el[scrollAxis]) { 538 el[scrollAxis] = 1; 539 if (1 === el[scrollAxis]) { 540 el[scrollAxis] = 0; 541 return true; 542 } 543 } else { 544 return true; 545 } 546 return false; 547 } 548 549 function isScrollableX(el) { 550 return ( 551 el.scrollWidth > el.clientWidth && 552 canScroll(el, "scrollLeft") && 553 "hidden" !== getComputedStyle(el).overflowX 554 ); 555 } 556 557 function isScrollableY(el) { 558 return ( 559 el.scrollHeight > el.clientHeight && 560 canScroll(el, "scrollTop") && 561 "hidden" !== getComputedStyle(el).overflowY 562 ); 563 } 564 565 function isScrollable(el) { 566 return isScrollableX(el) || isScrollableY(el); 567 } 568 if (!isScrollable(document.getElementById(`container${id}`))) { 569 buttonRight.classList.add("hidden"); 570 buttonLeft.classList.add("hidden"); 571 } 572 573 document 574 .getElementById(`container${id}`) 575 .addEventListener("scroll", (event) => { 576 const scrolledElement = document.getElementById(`container${id}`); 577 let scroll = scrolledElement.scrollLeft; 578 if (scroll === 0) { 579 buttonLeft.classList.add("hidden"); 580 } else { 581 buttonLeft.classList.remove("hidden"); 582 } 583 584 const isElementFullyScrolled = 585 scrolledElement.scrollWidth - Math.ceil(scrolledElement.scrollLeft) === 586 scrolledElement.clientWidth; 587 588 if (isElementFullyScrolled) { 589 buttonRight.classList.add("hidden"); 590 } else { 591 buttonRight.classList.remove("hidden"); 592 } 593 }); 594})();</script>
594 </div> </main> <footer class="bg-footer-background"> <div class="bg-footer-background pt-[48px] pb-7 tablet:!py-[52px] desktop:!py-[60px]"> <div class="max-container"> <div class="grid grid-cols-12"> <div class="footer border-footer-line border-b-[1px] desktop:border-b-0 desktop:border-r-[1px] col-span-12 desktop:col-span-4 pb-10 desktop:pb-0"> <a href="/" class="mr-8" aria-label="Zurück zur Startseite"> <span class="cursor-pointer"> <img src="https://a.storyblok.com/f/243238/4519x2360/78edc7f69c/logo_hohesc.png" height="55" alt="hohes C logo featuring the text 'hohes C' in white, bold, lowercase letters" class="h-[55px] object-contain"> </span> </a> <p><b>Eckes-Granini Austria GmbH</b><br />Pummerinfeld 1b<br />4490 St.Florian</p> </div> <div class="col-span-12 desktop:col-span-7 tablet:grid tablet:grid-cols-4 desktop:grid-cols-3 desktop:px-10 hidden mt-10 desktop:mt-0"> <nav role="navigation" aria-labelledby="Produkte"> <h3 id="Produkte" class="uppercase text-footer-line text-copy-sm-strong mb-3 block"> Produkte </h3> <a href="/products/core-range" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> 100% Säfte </p> </a><a href="/products/vitamin-minis/" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Vitamin Minis </p> </a><a href="/products/all-in-one" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> All-in-One </p> </a><a href="/products/shot" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Shots </p> </a><a href="/products/vitamin-water" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Vitamin Water </p> </a><a href="/products/durstloscher" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Durstlöscher </p> </a><a href="/products/vitamin-cirup" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Vitamin C-IRUP </p> </a> </nav><nav role="navigation" aria-labelledby="Wir"> <h3 id="Wir" class="uppercase text-footer-line text-copy-sm-strong mb-3 block"> Wir </h3> <a href="/gesundheit" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Gesundheit </p> </a><a href="/ueber-uns/" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Ãber uns </p> </a><a href="/faq-kontakt/" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> FAQ & Kontakt </p> </a> </nav><nav role="navigation" aria-labelledby="Legal"> <h3 id="Legal" class="uppercase text-footer-line text-copy-sm-strong mb-3 block"> Legal </h3> <a href="/impressum/" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Impressum </p> </a><a href="/datenschutzerklaerung/" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Datenschutzerklärung </p> </a><a href="/accessibility" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> Barrierefreiheitserklärung </p> </a><a target="_blank" href="https://www.eckes-granini.at/lmiv" class="flex flex-col gap-2 mb-[6px]"> <p class="text-copy-sm text-footer-sitemap-text"> LMIV </p> </a> </nav> <nav class="hidden tablet:flex desktop:hidden flex-col justify-end tablet:justify-start pt-1 desktop:pt-0" aria-label="Social Media Links"> <div class="flex justify-end mb-2"> <a target="_blank" class="text-footer-text text-copy-sm-strong mb-3 block" href="https://www.instagram.com/hohesc_at/" aria-label="instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg> </a> </div><div class="flex justify-end mb-2"> <a target="_blank" class="text-footer-text text-copy-sm-strong mb-3 block" href="https://www.facebook.com/hohescoesterreich" aria-label="facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> </div> </nav> </div> <div class="col-span-12 tablet:hidden block py-2"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
594<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var b=Object.defineProperty;var f=(c,o,i)=>o in c?b(c,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):c[o]=i;var l=(c,o,i)=>(f(c,typeof o!="symbol"?o+"":o,i),i);var p;{let c={0:t=>m(t),1:t=>i(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(i(t)),5:t=>new Set(i(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},o=t=>{let[e,r]=t;return e in c?c[e](r):void 0},i=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,r])=>[e,o(r)]));customElements.get("astro-island")||customElements.define("astro-island",(p=class extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var d;if(!this.hydrator||!this.isConnected)return;let e=(d=this.parentElement)==null?void 0:d.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),a={},h=this.querySelectorAll("template[data-astro-template]");for(let n of h){let s=n.closest(this.tagName);s!=null&&s.isSameNode(this)&&(a[n.getAttribute("data-astro-template")||"default"]=n.innerHTML,n.remove())}for(let n of r){let s=n.closest(this.tagName);s!=null&&s.isSameNode(this)&&(a[n.getAttribute("name")||"default"]=n.innerHTML)}let u;try{u=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(n){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),n),n}await this.hydrator(this)(this.Component,u,a,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),r.disconnect(),this.childrenConnectedCallback()},r=new MutationObserver(()=>{var a;((a=this.lastChild)==null?void 0:a.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});r.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(`astro:${r}`,()=>this.start(),{once:!0});return}Astro[r](async()=>{let a=this.getAttribute("renderer-url"),[h,{default:u}]=await Promise.all([import(this.getAttribute("component-url")),a?import(a):()=>()=>{}]),d=this.getAttribute("component-export")||"default";if(!d.includes("."))this.Component=h[d];else{this.Component=h;for(let n of d.split("."))this.Component=this.Component[n]}return this.hydrator=u,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},l(p,"observedAttributes",["props"]),p))}})();</script>
594<astro-island uid="Zu9Vu4" component-url="/_astro/Footer.1ylgc24G.js" component-export="default" renderer-url="/_astro/client.eQS7VE9Q.js" props="{"blok":[0,{"_uid":[0,"cbd8a1c7-9396-4683-aa59-53ecc9548ca7"],"info":[0,{"type":[0,"doc"],"content":[1,[[0,{"type":[0,"paragraph"],"content":[1,[[0,{"text":[0,"Eckes-Granini Austria GmbH"],"type":[0,"text"],"marks":[1,[[0,{"type":[0,"bold"]}]]]}],[0,{"type":[0,"hard_break"]}],[0,{"text":[0,"Pummerinfeld 1b"],"type":[0,"text"]}],[0,{"type":[0,"hard_break"]}],[0,{"text":[0,"4490 St.Florian"],"type":[0,"text"]}]]]}]]]}],"logo":[0,{"id":[0,21369640],"alt":[0,"hohes C logo featuring the text 'hohes C' in white, bold, lowercase letters"],"name":[0,""],"focus":[0,""],"title":[0,"hohes C_Logotype"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/4519x2360/78edc7f69c/logo_hohesc.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"hohes C logo featuring the text 'hohes C' in white, bold, lowercase letters"],"title":[0,"hohes C_Logotype"],"source":[0,""],"copyright":[0,""]}],"is_external_url":[0,false]}],"menu":[1,[[0,{"_uid":[0,"48886fda-6771-48e0-b4b7-e5cf5bf7d4ce"],"link":[0,{"id":[0,""],"rel":[0,""],"url":[0,"https://www.hohesc.at/products/"],"title":[0,"Produkte"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://www.hohesc.at/products/"]}],"sub_menu":[1,[[0,{"_uid":[0,"a96a9009-868b-4f68-933a-be7f3e19cfff"],"link":[0,{"id":[0,"ffa08bb4-e454-4a1e-ad2a-77c3fee3cfd1"],"rel":[0,""],"url":[0,""],"title":[0,"100% Säfte"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//products/core-range"]}],"type":[0,""],"image":[0,{"id":[0,225638426778756],"alt":[0,"hohes C PLUS Eisen 0,75lt"],"name":[0,""],"focus":[0,""],"title":[0,"hohes C PLUS Eisen 0,75lt"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/815x2560/bac8df34af/hohes-c-plus-eisen-0-75lt.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"hohes C PLUS Eisen 0,75lt"],"size":[0,"815x2560"],"title":[0,"hohes C PLUS Eisen 0,75lt"]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"066ea4e1-9b34-49aa-851e-e53ae71ecdda"],"color":[0,"#fee095"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"5ae26053-a9f7-43a5-8983-b553d6847ab6"],"link":[0,{"id":[0,"99183770-c7bb-4b34-ae86-65c4d8a7c951"],"rel":[0,""],"url":[0,""],"title":[0,"Vitamin Minis"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//products/vitamin-minis/"]}],"type":[0,""],"image":[0,{"id":[0,225638636534930],"alt":[0,"hohes C Direktsaft Orange 100%"],"name":[0,""],"focus":[0,""],"title":[0,"hohes C Direktsaft Orange 100%"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/1026x2560/54331f07c8/hohes-c-direktsaft-orange-100.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"hohes C Direktsaft Orange 100%"],"size":[0,"1026x2560"],"title":[0,"hohes C Direktsaft Orange 100%"]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"a4c0601e-902d-45d2-9f43-15fd54ebf536"],"color":[0,"#f2c59c"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"80979dcd-6725-4c38-8b84-4df84b723548"],"link":[0,{"id":[0,"e041e1d5-0f55-49a8-b5a3-566712d9adc1"],"rel":[0,""],"url":[0,""],"title":[0,"All-in-One"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/all-in-one"]}],"image":[0,{"id":[0,22025313],"alt":[0,"hohesC All-in-One Everyday"],"name":[0,""],"focus":[0,""],"title":[0,"HOC_AIO_Everyday"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/358x1181/5b0e3adece/hoc_aio_everyday.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"hohesC All-in-One Everyday"],"title":[0,"HOC_AIO_Everyday"],"source":[0,""],"copyright":[0,""]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"b45571e7-911f-4af8-96fb-693ccf7d6a86"],"color":[0,"#faf0c7"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"778f47d7-b107-4de3-a3e4-e3969b1770fc"],"link":[0,{"id":[0,"688ab583-af0b-4371-a9af-394c365fbaf7"],"rel":[0,""],"url":[0,""],"title":[0,"Shots"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/shot"]}],"image":[0,{"id":[0,121495892670964],"alt":[0,"HC_VS_Immun_0,33lt"],"name":[0,""],"focus":[0,""],"title":[0,"HC_VS_Immun_0,33lt"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/632x1536/f3b1eed091/hc_vs_immun_0-33lt.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"HC_VS_Immun_0,33lt"],"title":[0,"HC_VS_Immun_0,33lt"],"source":[0,""],"copyright":[0,""]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"1cd4decf-3944-42fb-82ae-6e45709c3616"],"color":[0,"#cdd3db"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"afcddc5e-7741-4756-ab63-03d740301575"],"link":[0,{"id":[0,"6b33a8e5-c29c-4e13-8eba-845295a31c27"],"rel":[0,""],"url":[0,""],"title":[0,"Vitamin Water"],"target":[0,"_self"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/vitamin-water"]}],"image":[0,{"id":[0,213867871930128],"alt":[0,"Vitamin Water Protect - Limette Ingwer"],"name":[0,""],"focus":[0,""],"title":[0,"Vitamin Water Protect - Limette Ingwer"],"source":[0,""],"filename":[0,"
594https://a.storyblok.com/f/243238/1704x5364/3709431d27/vitamin-water-protect-limette-ingwer.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"Vitamin Water Protect - Limette Ingwer"],"size":[0,"1704x5364"],"title":[0,"Vitamin Water Protect - Limette Ingwer"],"source":[0,""],"copyright":[0,""]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"93de6e0c-7b59-482d-9c1a-6a6242a585c1"],"color":[0,"#cce8ea"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"df5ed6e1-0dc1-423c-9199-bdf709dd9b51"],"link":[0,{"id":[0,"3bdad3da-3734-4990-a813-572327b88546"],"rel":[0,""],"url":[0,""],"title":[0,"Durstlöscher"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/durstloscher"]}],"image":[0,{"id":[0,15965622],"alt":[0,""],"name":[0,""],"focus":[0,""],"title":[0,""],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/471x2000/c5660c59c6/4048517679803.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"2dc0dbe1-456e-467f-8c2f-c0b43f9f88a6"],"color":[0,"#fffdd2"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"2c862757-f78b-4caa-a02e-3fc3a6bc2afb"],"link":[0,{"id":[0,""],"rel":[0,""],"url":[0,"https://www.hohesc.at/products/vitamin-cirup/"],"title":[0,"Vitamin C-IRUP"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://www.hohesc.at/products/vitamin-cirup/"]}],"image":[0,{"id":[0,104613957324953],"alt":[0,"cirup-start"],"name":[0,""],"focus":[0,""],"title":[0,"cirup-start"],"source":[0,""],"filename":[0,"https://a.storyblok.com/f/243238/278x1000/0d232223bd/cirup-start.png"],"copyright":[0,""],"fieldtype":[0,"asset"],"meta_data":[0,{"alt":[0,"cirup-start"],"title":[0,"cirup-start"],"source":[0,""],"copyright":[0,""]}],"is_external_url":[0,false]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"af80033e-e57f-47ac-b077-1cf42bbe57ce"],"color":[0,"#feca81"],"plugin":[0,"native-color-picker"]}]}]]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}]}],[0,{"_uid":[0,"8275074c-6903-432a-91ad-2028b54d4db9"],"link":[0,{"id":[0,"64683760-2cd7-45cb-b7ef-2099f742389f"],"rel":[0,""],"url":[0,""],"title":[0,"Gesundheit"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/gesundheit"]}],"sub_menu":[1,[]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}]}],[0,{"_uid":[0,"df17a700-b009-40a2-bc0b-888a483c87dd"],"link":[0,{"id":[0,"72821c0f-f44c-4247-a20a-079e3a7d5c79"],"rel":[0,""],"url":[0,""],"title":[0,"Ãber uns"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/ueber-uns/"]}],"sub_menu":[1,[]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}]}],[0,{"_uid":[0,"abd28b55-2b28-492c-ba26-ad5b6fd2bafc"],"link":[0,{"id":[0,""],"rel":[0,""],"url":[0,"
594https://shop.pago.at/unsere-marken/hohes-c"],"title":[0,"Shop"],"target":[0,"_blank"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://shop.pago.at/unsere-marken/hohes-c"]}],"sub_menu":[1,[]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"rel":[0,""],"url":[0,""],"title":[0,"Shop"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu_section":[0,""]}],[0,{"_uid":[0,"5450865a-f2f4-4758-ae75-b89f1a3c628e"],"link":[0,{"id":[0,"006c0e95-7e87-4a98-9afb-1f8d2c64c8c8"],"rel":[0,""],"url":[0,""],"title":[0,"FAQ & Kontakt"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/faq-kontakt/"]}],"sub_menu":[1,[]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu_section":[0,""]}]]],"sizes":[0,""],"Cookie":[0,"6634f52ac6a14adfec0f2893"],"Google":[0,"GTM-5HZ9GHVM"],"search":[0,true],"Sitekey":[0,"FCMO889J5KHU5F56"],"dam_logo":[0,""],"external":[1,[]],"component":[0,"Config"],"copyright":[0,"Eckes-Granini Austria GmbH"],"languages":[1,[]],"footer_logo":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"footer_menu":[1,[[0,{"_uid":[0,"78936104-90c2-459c-9844-4553ff4efcd8"],"link":[0,{"id":[0,"31135296-2d16-4a36-b4ab-61062edd68eb"],"rel":[0,""],"url":[0,""],"title":[0,"OM OSS"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://bramhults-se.netlify.app/om-oss"]}],"sub_menu":[1,[[0,{"_uid":[0,"5c7678ae-1295-4b5c-90d0-772b2713e90c"],"link":[0,{"id":[0,"ffa08bb4-e454-4a1e-ad2a-77c3fee3cfd1"],"rel":[0,""],"url":[0,""],"title":[0,"100% Säfte"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//products/core-range"]}],"type":[0,""],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"1e65ad3a-c8af-4e40-b770-4e987cf827cd"],"link":[0,{"id":[0,"99183770-c7bb-4b34-ae86-65c4d8a7c951"],"rel":[0,""],"url":[0,""],"title":[0,"Vitamin Minis"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//products/vitamin-minis/"]}],"type":[0,""],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"1e477ca4-7889-4081-9662-35f499c6cadd"],"link":[0,{"id":[0,"e041e1d5-0f55-49a8-b5a3-566712d9adc1"],"rel":[0,""],"url":[0,""],"title":[0,"All-in-One"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//products/all-in-one"]}],"type":[0,""],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"034914f3-bccf-47f7-ba6a-39b522bd1c1a"],"link":[0,{"id":[0,"5d216c44-c831-43ef-9e14-3e16036068e1"],"rel":[0,""],"url":[0,""],"title":[0,"Shots"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/shot"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"fc2aae7b-c34c-4d32-b227-ea60fb6b2d4f"],"link":[0,{"id":[0,"6b33a8e5-c29c-4e13-8eba-845295a31c27"],"rel":[0,""],"url":[0,""],"title":[0,"Vitamin Water"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/vitamin-water"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"858c35af-8214-4981-b992-1e044f54aaf2"],"color":[0,"#f40000"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"7a26c7ef-13a7-476b-afc5-9d0f9f088a3e"],"link":[0,{"id":[0,"3bdad3da-3734-4990-a813-572327b88546"],"rel":[0,""],"url":[0,""],"title":[0,"Durstlöscher"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/products/durstloscher"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"f2c4a132-82d5-4db0-ae1c-f30a88cb1bd0"],"link":[0,{"id":[0,"8365af8a-7023-4762-833b-1a2eb1ae0ba7"],"rel":[0,""],"url":[0,""],"title":[0,"Vitamin C-IRUP"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://preview--hohes-c-at-live.netlify.app//products/vitamin-cirup"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}]]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu_section":[0,"Produkte"]}],[0,{"_uid":[0,"5a6b4b21-bcc0-4c9e-9099-25a84e529dcc"],"link":[0,{"id":[0,"d7411f21-4dcb-40e5-a0ab-ab858c8d9228"],"rel":[0,""],"url":[0,""],"title":[0,"KONTAKT"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://bramhults-se.netlify.app/kontakt"]}],"sub_menu":[1,[[0,{"_uid":[0,"2bb0cdb8-7318-48a8-b2b2-baf12f7d89c5"],"link":[0,{"id":[0,"64683760-2cd7-45cb-b7ef-2099f742389f"],"rel":[0,""],"url":[0,""],"title":[0,"Gesundheit"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/gesundheit"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,{"_uid":[0,"659454d6-faa5-49ad-974b-ad79b7f95ff7"],"color":[0,"#f40000"],"plugin":[0,"native-color-picker"]}]}],[0,{"_uid":[0,"0d095af5-ba34-4aa4-8fae-7c141fd5ca7c"],"link":[0,{"id":[0,"72821c0f-f44c-4247-a20a-079e3a7d5c79"],"rel":[0,""],"url":[0,""],"title":[0,"Ãber uns"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/ueber-uns/"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"a36d7c90-9481-4a1b-8cf6-acc7d2ab0006"],"link":[0,{"id":[0,"006c0e95-7e87-4a98-9afb-1f8d2c64c8c8"],"rel":[0,""],"url":[0,""],"title":[0,"FAQ & Kontakt"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/faq-kontakt/"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}]]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu_section":[0,"Wir"]}],[0,{"_uid":[0,"45f9938f-cd82-4e3a-9741-35ecfe2dc7a2"],"link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu":[1,[[0,{"_uid":[0,"8903316b-4304-4039-b979-c0940a94858d"],"link":[0,{"id":[0,"ebaa505f-8f89-4c0a-90e0-dd438e3e23a9"],"rel":[0,""],"url":[0,""],"title":[0,"Impressum"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/impressum/"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"946383d4-b791-4442-830f-ed41fdf68164"],"link":[0,{"id":[0,"08ad3cb9-8e8e-4b80-a0e7-5bc83358fce6"],"rel":[0,""],"url":[0,""],"title":[0,"Datenschutzerklärung"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app/datenschutzerklaerung/"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"70f64138-f5be-489f-960c-fcd04f0238f2"],"link":[0,{"id":[0,"3eb17c2c-938c-4172-9ef0-b02356f531fe"],"rel":[0,""],"url":[0,""],"title":[0,"Barrierefreiheitserklärung"],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://hohesc-at.netlify.app//accessibility"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}],[0,{"_uid":[0,"4926408b-3f81-4452-b9ab-60192d6afdb1"],"link":[0,{"id":[0,""],"rel":[0,""],"url":[0,"https://www.eckes-granini.at/lmiv"],"title&q
594uot;:[0,"LMIV"],"target":[0,"_blank"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://www.eckes-granini.at/lmiv"]}],"image":[0,{"id":[0,null],"alt":[0,null],"name":[0,""],"focus":[0,null],"title":[0,null],"source":[0,null],"filename":[0,""],"copyright":[0,null],"fieldtype":[0,"asset"],"meta_data":[0,{}]}],"component":[0,"sub_menu_link"],"background":[0,""]}]]],"component":[0,"menu_link"],"sub_menu_link":[0,{"id":[0,""],"url":[0,""],"linktype":[0,"story"],"fieldtype":[0,"multilink"],"cached_url":[0,""]}],"sub_menu_section":[0,"Legal"]}]]],"socialIcons":[1,[[0,{"_uid":[0,"bfb74d9c-7fb4-45ea-91bd-d393becf930b"],"icon":[0,{"id":[0,""],"rel":[0,""],"url":[0,"https://www.instagram.com/hohesc_at/"],"title":[0,"instagram"],"target":[0,"_blank"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://www.instagram.com/hohesc_at/"]}],"component":[0,"socialIconLink"]}],[0,{"_uid":[0,"5fc7fbd1-b3e5-47d9-93f1-14ca46606146"],"icon":[0,{"id":[0,""],"rel":[0,""],"url":[0,"https://www.facebook.com/hohescoesterreich"],"title":[0,"facebook"],"target":[0,"_blank"],"linktype":[0,"url"],"fieldtype":[0,"multilink"],"cached_url":[0,"https://www.facebook.com/hohescoesterreich"]}],"component":[0,"socialIconLink"]}]]],"back_to_blog":[0,"Zurück zur Ãbersicht"],"externalText":[0,""],"newsTickerText":[0,""],"buy_button_text":[0,"Jetzt kaufen"],"dam_footer_logo":[0,""],"newsTickerRepeat":[0,false],"newsTickerEnabled":[0,false]}],"language":[0,"de"]}" ssr="" client="only" opts="{"name":"ReactFooter","value":true}"></astro-island> </div> <nav class="col-span-12 tablet:hidden desktop:block desktop:col-span-1 border-footer-line border-t-[1px] desktop:border-t-[0] desktop:border-l-[1px] flex flex-row desktop:flex-col justify-end tablet:justify-start pt-6 desktop:pt-0" aria-label="Social Media links"> <div class="flex justify-center mb-2 ml-4"> <a target="_blank" class="text-footer-text text-copy-sm-strong mb-3 block" href="https://www.instagram.com/hohesc_at/" aria-label="instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg> </a> </div><div class="flex justify-center mb-2 ml-4"> <a target="_blank" class="text-footer-text text-copy-sm-strong mb-3 block" href="https://www.facebook.com/hohescoesterreich" aria-label="facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> </div> </nav> </div> </div> </div> <div class="py-6 bg-footer-background-low rounded-t-[--radius-footer]"> <div class="max-container flex flex-row justify-between items-center"> <div class="flex flex-col gap-y-2 relative"> <p class="text-copy-sm text-footer-text-copyright">© 2026 Eckes-Granini Austria GmbH</p> <p class="text-[10px] text-footer-background-low absolute -bottom-5 m-0 p-0" aria-hidden="true"> 8.10.2026, 14:45:49 </p> <button class="text-copy-sm text-footer-text-copyright cursor-pointer tablet:hidden" onclick="CCM.openWidget();return false;"> Cookie-Einstellungen </button> </div> <div class="flex flex-row justify-center items-center gap-4"> <button class="text-copy-sm text-footer-text-copyright cursor-pointer hidden tablet:block" onclick="CCM.openWidget();return false;"> Cookie-Einstellungen </button> <div id="scroll" class="h-[42px] w-[42px] bg-button-cta-default hover:bg-button-cta-default-hover transition-all text-button-cta-solid-text rounded-[--radius-button-lg] flex items-center justify-center cursor-pointer" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg> </div> </div> </div> </div> </footer> </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.