.hpn-dosis{position:relative;z-index:1;overflow:hidden;--dosis-still: rgb(var(--color-foreground) / var(--text-opacity, .7));--dosis-linie: rgb(var(--color-border));--dosis-akzent: var(--hpn-kategorie, rgb(var(--color-foreground)))}.hpn-dosis__wz{position:absolute;top:var(--sp-10);inset-inline-end:calc(var(--sp-12) * -1);z-index:-1;display:block;width:var(--sp-100);height:var(--sp-100);color:rgb(var(--color-foreground));opacity:.05;pointer-events:none}.hpn-dosis__wz svg{display:block;width:100%;height:100%}.hpn-dosis__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6)}.hpn-dosis__label{margin:0 0 var(--sp-3);color:var(--dosis-still)}.hpn-dosis__titel{margin:0;max-width:20ch}.hpn-dosis__zaehler{flex:none;margin:0;color:var(--dosis-still);font-variant-numeric:tabular-nums}.hpn-dosis__mengen{display:grid;gap:var(--sp-8);margin:var(--sp-12) 0 0;padding:0;list-style:none}.hpn-dosis__menge{display:flex;flex-direction:column;align-items:flex-start}.hpn-dosis__zahl{margin:0;font-variant-numeric:tabular-nums}.hpn-dosis__name{margin:var(--sp-3) 0 0}.hpn-dosis__skala{display:block;width:100%;height:2px;margin-top:var(--sp-2d5);background:linear-gradient(var(--dosis-akzent),var(--dosis-akzent)) 0 0 / var(--skala, 100%) 100% no-repeat,var(--dosis-linie)}.hpn-dosis__text{margin:var(--sp-3) 0 0;max-width:34ch;color:var(--dosis-still)}@media screen and (min-width:990px){.hpn-dosis__mengen{grid-template-columns:1.3fr 1fr 1fr;gap:0}.hpn-dosis__menge{padding-inline:var(--sp-10);border-inline-start:1px solid var(--dosis-linie)}.hpn-dosis__menge:first-child{padding-inline-start:0;border-inline-start:0}.hpn-dosis__menge:last-child{padding-inline-end:0}.hpn-dosis__menge--gross .hpn-dosis__skala{width:calc(100% - var(--sp-10))}}.hpn-dosis__pillen{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-10) 0 0;padding:0;list-style:none}.hpn-dosis__pille{display:inline-flex;align-items:center;padding:var(--sp-2d5) var(--sp-4);border:1px solid rgb(var(--color-foreground) / .6);border-radius:var(--rounded-full);white-space:nowrap}.hpn-dosis__pille--leise{border-color:rgb(var(--color-foreground) / .25);color:var(--dosis-still)}.hpn-dosis__fuss{margin:var(--sp-5) 0 0;max-width:90ch;color:var(--dosis-still)}.hpn-dosis__stimmen{margin-top:var(--sp-14)}.hpn-dosis__wertung{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-3);margin:0}.hpn-dosis__sterne{color:var(--dosis-akzent)}.hpn-dosis__anzahl{color:var(--dosis-still)}.hpn-dosis__zitate{display:grid;margin:var(--sp-8) 0 0;padding:0;list-style:none}.hpn-dosis__zitat{display:flex;flex-direction:column;padding-block:var(--sp-6);border-top:1px solid var(--dosis-linie)}.hpn-dosis__zitat-text{margin:var(--sp-3) 0 0;padding:0;border:0;max-width:38ch}.hpn-dosis__zitat-wer{margin:var(--sp-4) 0 0}.hpn-dosis__zitat-datum{margin:var(--sp-1) 0 0;color:var(--dosis-still)}@media screen and (min-width:990px){.hpn-dosis__zitate{grid-template-columns:repeat(3,1fr);margin-top:var(--sp-10)}.hpn-dosis__zitat{padding-block:0;padding-inline:var(--sp-10);border-top:0;border-inline-start:1px solid var(--dosis-linie)}.hpn-dosis__zitat:first-child{padding-inline-start:0;border-inline-start:0}.hpn-dosis__zitat:last-child{padding-inline-end:0}.hpn-dosis__zitat-wer{margin-top:auto;padding-top:var(--sp-4)}}@media screen and (max-width:749px){.hpn-dosis__wz{top:0;width:var(--sp-64);height:var(--sp-64)}.hpn-dosis__pillen{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/hpn-dosis.css.map */