.hf-kar{--kar-gutter: clamp(2rem, 4.6vw, 7.2rem);--kar-shell: var(--page-width, 140rem);position:relative;overflow:hidden;background:var(--hf-paper);color:var(--hf-ink)}.hf-kar *{box-sizing:border-box}.hf-kar__buehne{display:grid}.hf-kar__folie{display:grid;align-items:center;gap:clamp(3rem,5vw,6rem);grid-area:1 / 1;grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(3.4rem,5vw,6rem);opacity:0;transition:opacity .52s var(--hf-ease-out);visibility:hidden}.hf-kar__folie.is-da{opacity:1;visibility:visible}.hf-kar__text{grid-column:1 / span 5;max-width:52rem}.hf-kar__auge{margin:0 0 var(--hf-s-4);color:var(--hf-muted);font-family:var(--hf-body);font-size:var(--hf-t-label);font-weight:500;letter-spacing:var(--hf-track-label);text-transform:uppercase}.hf-kar .hf-kar__titel{max-width:var(--hf-measure-head);margin:0;font-family:var(--hf-sans);font-size:var(--hf-t-display);font-weight:400;letter-spacing:var(--hf-track-display);line-height:var(--hf-lead-display);text-transform:none}.hf-kar__latein{margin:var(--hf-s-3) 0 0;color:var(--hf-muted);font-family:var(--hf-sans);font-size:var(--hf-t-lead);font-style:italic}.hf-kar__lead{max-width:var(--hf-measure-lead);margin:var(--hf-s-5) 0 0;color:var(--hf-muted);font-family:var(--hf-body);font-size:var(--hf-t-lead);line-height:var(--hf-lead-body)}.hf-kar__preis{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline;margin:var(--hf-s-5) 0 0;font-family:var(--hf-body)}.hf-kar__preis b{flex:none;font-size:var(--hf-t-2);font-weight:400;white-space:nowrap}.hf-kar__meta{color:var(--hf-muted);font-size:var(--hf-t-small)}.hf-kar__aktionen{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-top:var(--hf-s-6)}.hf-kar__kauf,.hf-kar__mehr{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hf-ctl-h);padding:0 var(--hf-ctl-pad);border:0;border-radius:var(--hf-radius-pill);cursor:pointer;font-family:var(--hf-body);font-size:var(--hf-ctl-size);font-weight:500;letter-spacing:var(--hf-ctl-track);text-decoration:none;text-transform:uppercase;transition:background-color .14s linear,color .14s linear,box-shadow .14s linear}.hf-kar__kauf{background:var(--hf-forest);color:var(--hf-paper)}.hf-kar__kauf[disabled]{background:var(--hf-rule);color:var(--hf-muted);cursor:not-allowed}.hf-kar__mehr{background:transparent;box-shadow:inset 0 0 0 var(--hf-ctl-border) var(--hf-rule);color:var(--hf-ink)}.hf-kar__beleg{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin:var(--hf-s-6) 0 0;padding:var(--hf-s-5) 0 0;border-top:.1rem solid var(--hf-rule);list-style:none}.hf-kar__beleg li{position:relative;margin:0;color:var(--hf-muted);font-family:var(--hf-body);font-size:var(--hf-t-small)}.hf-kar__beleg li+li:before{position:absolute;left:-1.3rem;content:"\b7"}.hf-kar__fehler{margin:var(--hf-s-4) 0 0;color:var(--hf-bronze);font-family:var(--hf-body);font-size:var(--hf-t-small)}.hf-kar__bild{position:relative;overflow:hidden;height:clamp(38rem,42vw,50rem);grid-column:6 / 13;margin-right:calc(-1 * (var(--kar-gutter) + max(0px,(100vw - var(--kar-shell)) / 2)));background-color:var(--hf-surface);background-position:center;background-size:cover;background-image:var(--kar-kulisse, none)}.hf-kar__flasche{position:absolute;bottom:4%;left:50%;width:auto;height:88%;filter:drop-shadow(0 2.4rem 3.2rem rgba(28,32,31,.28));object-fit:contain;transform:translate(-50%,2.4rem);transition:transform .62s var(--hf-ease-out),opacity .42s linear;opacity:0}.hf-kar__folie.is-da .hf-kar__flasche{opacity:1;transform:translate(-50%)}.hf-kar__steuer{display:flex;flex-wrap:wrap;gap:var(--hf-s-4);align-items:center;padding-bottom:clamp(2.4rem,3vw,3.4rem)}.hf-kar__pfeil,.hf-kar__pause{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 .1rem var(--hf-rule);color:var(--hf-ink);cursor:pointer;font-family:var(--hf-body);font-size:1.4rem;line-height:1;transition:box-shadow .14s linear,background .14s linear}.hf-kar__pause{width:auto;margin-left:auto;padding:0 1.6rem;border-radius:var(--hf-radius-pill);font-size:var(--hf-t-label);letter-spacing:var(--hf-track-label);text-transform:uppercase}.hf-kar__punkte{display:flex;gap:var(--hf-s-3);margin:0;padding:0;list-style:none}.hf-kar__punkt{display:block;width:5.4rem;height:5.4rem;padding:.5rem;border:0;border-radius:var(--hf-radius-chip);background:var(--hf-surface);box-shadow:inset 0 0 0 .1rem transparent;cursor:pointer;transition:box-shadow .14s linear}.hf-kar__punkt img{display:block;width:100%;height:100%;object-fit:contain}.hf-kar__punkt[aria-current=true]{box-shadow:inset 0 0 0 .2rem var(--hf-forest)}.hf-kar__balken{position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:var(--hf-rule)}.hf-kar__balken span{display:block;width:100%;height:100%;background:var(--hf-forest);transform:scaleX(0);transform-origin:left center}@media(hover:hover)and (pointer:fine){.hf-kar__kauf:hover:not([disabled]){background:var(--hf-forest-hover)}.hf-kar__mehr:hover{box-shadow:inset 0 0 0 .15rem var(--hf-forest);color:var(--hf-forest)}.hf-kar__pfeil:hover,.hf-kar__pause:hover{background:var(--hf-surface);box-shadow:inset 0 0 0 .15rem var(--hf-forest)}.hf-kar__punkt:hover{box-shadow:inset 0 0 0 .15rem var(--hf-rule)}}@media screen and (max-width:989px){.hf-kar__text{grid-column:1 / span 6;max-width:none}.hf-kar__bild{height:clamp(36rem,46vw,46rem);grid-column:7 / 13}.hf-kar .hf-kar__titel{font-size:var(--hf-t-1)}}@media screen and (max-width:749px){.hf-kar__folie{display:flex;flex-direction:column;align-items:stretch;gap:var(--hf-s-5);padding-block:2.4rem 3rem}.hf-kar__text{max-width:none}.hf-kar__bild{order:-1;height:clamp(30rem,74vw,40rem);margin-inline:-2rem}.hf-kar__aktionen{margin-top:var(--hf-s-5)}.hf-kar__kauf,.hf-kar__mehr{flex:1 1 100%}.hf-kar__punkt{width:4.4rem;height:4.4rem}.hf-kar__beleg{margin-top:var(--hf-s-5)}.hf-kar__pause{display:none}}@media(prefers-reduced-motion:reduce){.hf-kar__folie{transition:none}.hf-kar__flasche{transition:none;transform:translate(-50%);opacity:1}.hf-kar__balken{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/holyforest-karussell.css.map */