.adventskalender-band{--advent-door-w: 20rem;--advent-door-h: 33rem;--advent-pitch: 23rem;--advent-amp: 4.6rem;--advent-band-h: 44rem;--advent-can-w: 19rem;--advent-can-h: calc(var(--advent-can-w) * .594);--advent-nav-size: 4.4rem;--advent-nr: 4.4rem;--advent-kicker: 1.5rem;--advent-sorte: 2.2rem;--advent-note: 1.5rem}@media screen and (max-width:749px){.adventskalender-band{--advent-door-w: 15rem;--advent-door-h: 25.6rem;--advent-pitch: 17rem;--advent-amp: 3rem;--advent-band-h: 34rem;--advent-can-w: 14rem;--advent-nr: 3.4rem;--advent-kicker: 1.3rem;--advent-sorte: 1.8rem;--advent-note: 1.3rem}}.adventskalender-band__kopf{display:flex;flex-direction:column;text-align:center;max-width:70rem;margin:0 auto}.adventskalender-band__heading{margin:0 0 1.2rem}.adventskalender-band__intro,.adventskalender-band__intro p{margin:0}.adventskalender-band__band{display:block;position:relative;margin-block-start:2.4rem}.adventskalender-band__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:calc(var(--advent-pitch) / 2);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:.8rem 1.6rem}.adventskalender-band__viewport::-webkit-scrollbar{display:none}.adventskalender-band__track{position:relative;width:calc(var(--advent-pitch) * var(--advent-n) + var(--advent-door-w));height:var(--advent-band-h)}.adventskalender-band__faden{position:absolute;left:calc(var(--advent-door-w) / 2 - var(--advent-pitch) / 2);width:calc(var(--advent-pitch) * var(--advent-span));max-width:none;top:calc(50% - var(--advent-amp));height:calc(var(--advent-amp) * 2);color:rgb(var(--color-foreground));pointer-events:none;overflow:visible}.advent-tuerchen{position:absolute;left:calc(var(--advent-pitch) * (var(--i) + .5));top:calc(50% - var(--advent-door-h) / 2 + var(--advent-amp) * var(--s));width:var(--advent-door-w);height:var(--advent-door-h);perspective:1000px;scroll-snap-align:start}.advent-tuerchen:after{content:"";position:absolute;left:50%;top:-.4rem;z-index:3;width:.8rem;height:.8rem;margin-left:-.4rem;background:rgba(var(--color-foreground),.35);border-radius:50%}.advent-tuerchen__klappe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;box-sizing:border-box;padding:1.6rem 1.2rem;background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));cursor:pointer;list-style:none;transform-origin:left center;backface-visibility:hidden;transition:transform .62s cubic-bezier(.33,1,.68,1),box-shadow .62s ease}.advent-tuerchen__klappe::-webkit-details-marker{display:none}.advent-tuerchen__klappe:hover{box-shadow:0 2px 14px #00000024}.advent-tuerchen__klappe:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.advent-tuerchen[open]>.advent-tuerchen__klappe{transform:rotateY(-112deg);box-shadow:6px 0 18px #00000024}.advent-tuerchen .advent-tuerchen__nr{margin:0;font-size:var(--advent-nr);line-height:1}.advent-tuerchen__motiv{width:2.8rem;height:2.8rem;background-color:rgb(var(--color-button));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.advent-tuerchen__motiv--zweig{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M12 7l-4-3M12 7l4-3M12 12l-5-3.5M12 12l5-3.5M12 17l-4-3M12 17l4-3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M12 7l-4-3M12 7l4-3M12 12l-5-3.5M12 12l5-3.5M12 17l-4-3M12 17l4-3'/%3E%3C/svg%3E")}.advent-tuerchen__motiv--stern{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.4 5.2 5.6.7-4.2 3.9 1.2 5.6L12 15.6 6.9 18.4l1.2-5.6L4 8.9l5.6-.7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.4 5.2 5.6.7-4.2 3.9 1.2 5.6L12 15.6 6.9 18.4l1.2-5.6L4 8.9l5.6-.7z'/%3E%3C/svg%3E")}.advent-tuerchen__motiv--bohne{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a7.5 9 28 1 1 0 18a7.5 9 28 1 1 0-18zM8.6 5.2C10.4 9 10.4 15 8.6 18.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a7.5 9 28 1 1 0 18a7.5 9 28 1 1 0-18zM8.6 5.2C10.4 9 10.4 15 8.6 18.8'/%3E%3C/svg%3E")}.advent-tuerchen__motiv--flocke{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M20.7 7L3.3 17M12 6l-2.6-2.6M12 6l2.6-2.6M12 18l-2.6 2.6M12 18l2.6 2.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M20.7 7L3.3 17M12 6l-2.6-2.6M12 6l2.6-2.6M12 18l-2.6 2.6M12 18l2.6 2.6'/%3E%3C/svg%3E")}.advent-tuerchen__inhalt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:.4rem;padding:1.2rem;padding-bottom:calc(1.2rem + var(--advent-can-h));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);text-align:center;overflow:hidden}.advent-tuerchen__inhalt--foto{padding-bottom:calc(1.2rem + var(--advent-door-h) / 2)}.advent-tuerchen__dose{position:absolute;left:50%;margin-inline-start:calc(var(--advent-can-w) / -2);bottom:calc(var(--advent-can-w) * -.05);width:var(--advent-can-w);height:var(--advent-can-h);transform-origin:50% 100%;background-image:var(--advent-dose);background-repeat:no-repeat;background-size:100% 1200%;background-position:50% 0%}.advent-tuerchen[open] .advent-tuerchen__dose{animation:advent-kippen .9s .26s steps(11) both,advent-wachsen 1.1s cubic-bezier(.33,1,.68,1) both}@keyframes advent-kippen{0%{background-position:50% 0%}to{background-position:50% 100%}}@keyframes advent-wachsen{0%{transform:translateY(52%) scale(.72)}to{transform:translateY(0) scale(1)}}.advent-tuerchen__foto{position:absolute;left:50%;margin-inline-start:calc(var(--advent-can-w) / -2);bottom:0;width:var(--advent-can-w);height:auto;max-height:50%;object-fit:contain;transform-origin:50% 100%}.advent-tuerchen[open] .advent-tuerchen__foto{animation:advent-wachsen 1.1s cubic-bezier(.33,1,.68,1) both}.advent-tuerchen[open] .advent-tuerchen__kicker,.advent-tuerchen[open] .advent-tuerchen__sorte,.advent-tuerchen[open] .advent-tuerchen__note{animation:advent-reveal .38s 1.18s both}@keyframes advent-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.advent-tuerchen__kicker,.advent-tuerchen__sorte,.advent-tuerchen__note{max-width:100%;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.advent-tuerchen__kicker{font-size:var(--advent-kicker);letter-spacing:.06rem;text-transform:uppercase;opacity:.75}.advent-tuerchen__sorte{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:var(--advent-sorte);font-weight:600;line-height:1.2;text-decoration:none;color:inherit}a.advent-tuerchen__sorte:hover{text-decoration:underline}.advent-tuerchen__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--advent-note);line-height:1.3;opacity:.7}.advent-tuerchen--offen .advent-tuerchen__inhalt{background:transparent;border-style:dashed}.advent-tuerchen--offen .advent-tuerchen__dose{opacity:.28}.advent-tuerchen--offen .advent-tuerchen__sorte{font-weight:400;opacity:.7}.advent-tuerchen--extra>.advent-tuerchen__klappe{border-color:rgb(var(--color-button))}.adventskalender-band .adventskalender-band__nav{gap:.8rem;justify-content:flex-end;max-width:var(--page-width);margin:1.6rem auto 0;padding:0 1.5rem}.adventskalender-band .adventskalender-band__nav:not(.is-aktiv){display:none}.adventskalender-band__nav .slider-button{box-sizing:border-box;width:var(--advent-nav-size);height:var(--advent-nav-size);background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));transition:opacity .2s ease,box-shadow .2s ease}.adventskalender-band__nav .slider-button:hover:not([disabled]){box-shadow:0 2px 14px #00000024}.adventskalender-band__nav .slider-button[disabled]{opacity:.3;cursor:default}.adventskalender-band__nav .slider-button .icon{width:1.2rem;height:1.2rem}.adventskalender-band__hinweis{margin:1.6rem 0 0;text-align:center;font-size:1.2rem;opacity:.7}@media(prefers-reduced-motion:reduce){.advent-tuerchen__klappe,.advent-tuerchen[open]>.advent-tuerchen__klappe{transition:none}.advent-tuerchen[open] .advent-tuerchen__dose{animation:none;background-position:50% 100%;transform:none}.advent-tuerchen[open] .advent-tuerchen__foto{animation:none;transform:none}.advent-tuerchen[open] .advent-tuerchen__kicker,.advent-tuerchen[open] .advent-tuerchen__sorte,.advent-tuerchen[open] .advent-tuerchen__note{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/adventskalender-band.css.map */