.hpnstack{--hs-akzent-rgb: var(--color-base-button, 53 188 225);--hs-akzent: rgb(var(--hs-akzent-rgb));--hs-akzent-text: rgb(var(--color-base-button-text, 23 23 23));--hs-ink: rgb(var(--color-base-text, 28 28 28));--hs-ink-2: rgb(var(--color-base-text, 28 28 28) / .72);--hs-muted: rgb(var(--color-base-text, 28 28 28) / .55);--hs-flaeche: rgb(var(--color-base-background, 255 255 255));--hs-grund: rgb(var(--color-base-text, 28 28 28) / .045);--hs-linie: rgb(var(--color-base-text, 28 28 28) / .14);--hs-linie-2: rgb(var(--color-base-text, 28 28 28) / .08);--hs-kontur: rgb(var(--color-base-text, 28 28 28) / .48);--hs-r-block: var(--rounded-block, 12px);--hs-r-feld: var(--rounded-input, 10px);--hs-r-knopf: var(--rounded-button, 999px);--hs-schatten-bar: 0 8px 28px rgb(var(--color-base-text, 28 28 28) / .22);--hs-gelb-grund: #FCF3D7;--hs-gelb-rand: #E3C25B;--hs-gelb-text: #74590E;--hs-orange-grund: #FBE7D8;--hs-orange-rand: #E08F55;--hs-orange-text: #86400F;--hs-dock-hoehe: env(safe-area-inset-bottom, 0px);color:var(--hs-ink-2)}.hpnstack *{box-sizing:border-box}.hpnstack [data-hs-karten],.hpnstack [data-hs-summen],.hpnstack [data-hs-status]{display:block}.hpnstack .hs-inhalt{max-width:1140px;margin:0 auto;padding-inline:20px}.hpnstack .hs-kopf{text-align:center;margin-bottom:18px}.hpnstack .hs-anleitung{max-width:760px;margin:0 auto clamp(36px,5vw,56px);padding:clamp(16px,2.5vw,22px);border-radius:var(--hs-r-block);background:var(--hs-grund)}.hpnstack .hs-anleitungstitel{margin:0;color:var(--hs-ink)}.hpnstack .hs-anleitungstext{margin:8px 0 0;color:var(--hs-ink-2)}.hpnstack .hs-titel{color:var(--hs-ink);margin:0}.hpnstack .hs-unterzeile{color:var(--hs-ink-2);max-width:52ch;margin:12px auto 0}.hpnstack .hs-meldung{text-align:center;padding:32px 16px;color:var(--hs-ink-2)}.hpnstack .hs-meldung[hidden]{display:none}.hpnstack .hs-fehler{display:flex;flex-direction:column;align-items:center;gap:12px}.hpnstack .hs-spalten{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}@media(min-width:990px){.hpnstack .hs-spalten{grid-template-columns:minmax(0,1fr) 420px;gap:clamp(32px,4vw,48px)}.hpnstack .hs-rechts{position:sticky;top:24px}.hpnstack .hs-summenblock .hs-summen{max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin}}.hpnstack .hs-links{display:flex;flex-direction:column;gap:clamp(36px,5vw,56px);min-width:0}.hpnstack .hs-block{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.hpnstack .hs-blockkopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.hpnstack .hs-blocktitel{color:var(--hs-ink);margin:0}.hpnstack .hs-leeren{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;padding:8px;margin:-8px;cursor:pointer;color:var(--hs-muted);text-decoration:underline;text-underline-offset:2px}.hpnstack .hs-leeren:hover{color:var(--hs-ink)}.hpnstack .hs-feldtitel{display:block;color:var(--hs-ink);margin-bottom:8px}.hpnstack .hs-suchhuelle{position:relative}.hpnstack .hs-suchicon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--hs-muted);pointer-events:none}.hpnstack .hs-suchfeld{width:100%;padding:12px 14px 12px 40px;border:1px solid transparent;border-radius:var(--hs-r-feld);background:var(--hs-grund);color:var(--hs-ink);-webkit-appearance:none;appearance:none}.hpnstack .hs-suchfeld::placeholder{color:var(--hs-muted)}.hpnstack .hs-suchfeld:focus{outline:none;border-color:transparent;box-shadow:0 0 0 4px rgb(var(--hs-akzent-rgb) / .12)}.hpnstack .hs-treffer{list-style:none;margin:10px 0 0;padding:0;max-height:296px;overflow-y:auto;border:0;border-radius:0;scrollbar-width:thin}.hpnstack .hs-treffer li{border-bottom:1px solid var(--hs-linie)}.hpnstack .hs-treffer li:first-child{border-top:1px solid var(--hs-linie)}.hpnstack .hs-produktwahl{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--hs-ink)}.hpnstack .hs-produktwahl:hover{background:var(--hs-grund)}.hpnstack .hs-wahlstatus{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--hs-r-knopf);border:1.5px solid var(--hs-linie);color:var(--hs-muted)}.hpnstack .hs-produktwahl[aria-pressed=true] .hs-wahlstatus{background:var(--hs-akzent);border-color:var(--hs-akzent);color:var(--hs-akzent-text)}.hpnstack .hs-produktwahl[aria-pressed=true]{color:var(--hs-ink-2)}.hpnstack .hs-keintreffer{margin:10px 0 0;color:var(--hs-muted)}.hpnstack .hs-karten{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--hs-linie)}.hpnstack .hs-karte{border:0;border-bottom:1px solid var(--hs-linie);border-radius:0;padding:20px 0;background:transparent}.hpnstack .hs-kartenkopf{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hpnstack .hs-kartenname{color:var(--hs-ink);margin:0;overflow-wrap:anywhere}.hpnstack .hs-entfernen{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px -8px 0 0;padding:0;background:none;border:none;border-radius:var(--hs-r-knopf);cursor:pointer;color:var(--hs-muted)}.hpnstack .hs-entfernen:hover{background:var(--hs-grund);color:var(--hs-ink)}.hpnstack .hs-steller{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.hpnstack .hs-portionstext{margin:10px 0 0;color:var(--hs-muted)}.hpnstack .hs-segment{min-height:44px;padding:8px 14px;border:1px solid var(--hs-kontur);border-radius:var(--hs-r-knopf);background:var(--hs-grund);color:var(--hs-ink);cursor:pointer}.hpnstack .hs-segment[aria-pressed=true]{border-color:var(--hs-ink);background:rgb(var(--hs-akzent-rgb) / .12)}.hpnstack .hs-segment .hs-segmentinfo{color:var(--hs-muted)}.hpnstack .hs-zaehler{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--hs-kontur);border-radius:var(--hs-r-knopf);padding:2px;background:var(--hs-grund)}.hpnstack .hs-zaehlerknopf{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;border-radius:var(--hs-r-knopf);cursor:pointer;color:var(--hs-ink)}.hpnstack .hs-zaehlerknopf:hover:not(:disabled){background:var(--hs-grund)}.hpnstack .hs-zaehlerknopf:disabled{color:var(--hs-linie);cursor:default}.hpnstack .hs-zaehlerwert{min-width:88px;text-align:center;color:var(--hs-ink);font-variant-numeric:tabular-nums}.hpnstack .hs-auswahl{min-height:44px;padding:8px 36px 8px 14px;border:1px solid var(--hs-kontur);border-radius:var(--hs-r-feld);background-color:var(--hs-grund);background-image:linear-gradient(45deg,transparent 50%,var(--hs-muted) 50%),linear-gradient(135deg,var(--hs-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;background-size:5px 5px;color:var(--hs-ink);-webkit-appearance:none;appearance:none;max-width:100%}.hpnstack .hs-auswahl:focus{outline:none;border-color:var(--hs-akzent);box-shadow:0 0 0 4px rgb(var(--hs-akzent-rgb) / .12)}.hpnstack .hs-fixmenge{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:var(--hs-r-knopf);background:var(--hs-grund);border:0;color:var(--hs-ink-2)}.hpnstack .hs-zutaten{margin-top:12px;border-top:1px solid var(--hs-linie-2)}.hpnstack .hs-zutaten summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 0 0;cursor:pointer;color:var(--hs-muted)}.hpnstack .hs-zutaten summary::-webkit-details-marker{display:none}.hpnstack .hs-zutaten summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}.hpnstack .hs-zutaten[open] summary:after{transform:rotate(225deg) translateY(-1px)}.hpnstack .hs-zutaten summary:hover{color:var(--hs-ink)}.hpnstack .hs-zutatenliste{list-style:none;margin:6px 0 2px;padding:0}.hpnstack .hs-zutatenliste li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 0}.hpnstack .hs-zutatenliste li+li{border-top:1px solid var(--hs-linie-2)}.hpnstack .hs-zutatenliste .hs-eingerueckt{padding-left:18px}.hpnstack .hs-zutatenliste .hs-zutatname{color:var(--hs-ink-2);overflow-wrap:anywhere}.hpnstack .hs-zutatenliste .hs-eingerueckt .hs-zutatname{color:var(--hs-muted)}.hpnstack .hs-zutatwert{flex:0 0 auto;color:var(--hs-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.hpnstack .hs-eingerueckt .hs-zutatwert{color:var(--hs-ink-2)}.hpnstack .hs-status{margin:-6px 0 12px;color:var(--hs-muted)}.hpnstack .hs-gruppe+.hs-gruppe{margin-top:32px}.hpnstack .hs-gruppentitel{margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid var(--hs-linie);color:var(--hs-ink)}.hpnstack .hs-wirkstoffe{list-style:none;margin:0;padding:0}.hpnstack .hs-wirkstoffe>li{border-bottom:1px solid var(--hs-linie-2)}.hpnstack .hs-wirkstoffe>li:last-child{border-bottom:none}.hpnstack .hs-wz summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:12px;min-height:44px;padding:10px 0;cursor:pointer}.hpnstack .hs-wz summary::-webkit-details-marker{display:none}.hpnstack .hs-wz summary:after{content:"";width:8px;height:8px;justify-self:end;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--hs-muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s ease,color .15s ease}.hpnstack .hs-wz[open] summary:after{transform:rotate(225deg) translateY(-1px)}.hpnstack .hs-wz summary:hover:after{color:var(--hs-ink)}.hpnstack .hs-wz summary:hover .hs-wzname{color:var(--hs-ink)}.hpnstack .hs-wzname{color:var(--hs-ink);overflow-wrap:anywhere;min-width:0}.hpnstack .hs-wzwert{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:6px;color:var(--hs-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.hpnstack .hs-wzie{color:var(--hs-muted)}.hpnstack .hs-posten{list-style:none;margin:0 0 10px;padding:8px 12px;background:var(--hs-grund);border-radius:var(--hs-r-feld)}.hpnstack .hs-posten li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:4px 0;color:var(--hs-ink-2)}.hpnstack .hs-posten .hs-postenwert{flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.hpnstack .hs-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--hs-r-knopf);border:1px solid;white-space:nowrap}.hpnstack .hs-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hpnstack .hs-badge--gelb{background:var(--hs-gelb-grund);border-color:var(--hs-gelb-rand);color:var(--hs-gelb-text)}.hpnstack .hs-badge--orange{background:var(--hs-orange-grund);border-color:var(--hs-orange-rand);color:var(--hs-orange-text)}.hpnstack .hs-schwellenhinweis{margin:-2px 0 10px;padding:8px 12px;border-radius:var(--hs-r-feld);border:1px solid}.hpnstack .hs-schwellenhinweis--gelb{background:var(--hs-gelb-grund);border-color:var(--hs-gelb-rand);color:var(--hs-gelb-text)}.hpnstack .hs-schwellenhinweis--orange{background:var(--hs-orange-grund);border-color:var(--hs-orange-rand);color:var(--hs-orange-text)}.hpnstack .hs-leer{margin:6px 0 0;color:var(--hs-muted)}.hpnstack .hs-leer[hidden]{display:none}.hpnstack .hs-hinweis{margin:20px auto 0;max-width:64ch;text-align:center;color:var(--hs-muted)}.hpnstack .hs-mobilbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + var(--hs-dock-hoehe));z-index:30;display:inline-flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;gap:10px;max-width:calc(100vw - 32px);min-height:48px;padding:10px 20px;border:none;border-radius:var(--hs-r-knopf);background:var(--hs-ink);color:var(--hs-flaeche);box-shadow:var(--hs-schatten-bar);cursor:pointer}.hpnstack .hs-mobilbar[hidden]{display:none}.hpnstack .hs-mobilbar .hs-mobilbar-pfeil{flex:0 0 auto}.hpnstack .hs-mobilbar .hs-mobilbar-hinweise{display:inline-flex;align-items:center;gap:5px}.hpnstack .hs-mobilbar .hs-mobilbar-hinweise:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hs-gelb-rand)}.hpnstack .hs-mobilbar .hs-mobilbar-hinweise--orange:before{background:var(--hs-orange-rand)}@media(min-width:990px){.hpnstack .hs-mobilbar{display:none}}.hpnstack a:focus-visible,.hpnstack button:focus-visible,.hpnstack input:focus-visible,.hpnstack select:focus-visible,.hpnstack summary:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus, 18 18 18));outline-offset:2px}@media(prefers-reduced-motion:reduce){.hpnstack *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/210/assets/stack-rechner.css.map */