@property --msl-dunkel{syntax: "<percentage>"; inherits: false; initial-value: 31%;}@property --msl-orange{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --msl-hell{syntax: "<color>"; inherits: false; initial-value: #F36A2B;}moonou-stufen-leiste.msl{--msl-papier: #FBF7F1;--msl-tinte: #1E1E1E;--msl-akzent: #F36A2B;display:block;position:relative;overflow:hidden;color:#fff;font-size:15px;font-weight:400;line-height:1.45;letter-spacing:normal;text-align:start;background:linear-gradient(101deg,#1E1E1E var(--msl-dunkel),#F36A2B var(--msl-orange),var(--msl-hell) 100%);transition:--msl-dunkel .8s cubic-bezier(.3,.7,.4,1),--msl-orange .8s cubic-bezier(.3,.7,.4,1),--msl-hell .8s ease}.msl[data-stufe="1"]{--msl-dunkel: 20%;--msl-orange: 80%;--msl-hell: #F7864A}.msl[data-stufe="2"]{--msl-dunkel: 8%;--msl-orange: 56%;--msl-hell: #FB9A5E}.msl[data-stufe="3"]{--msl-dunkel: 0%;--msl-orange: 30%;--msl-hell: #FFAE76}.msl>*:not(.msl__glanz):not(.msl__funke){position:relative;z-index:1}.msl__anlass{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.2;padding:9px 12px 0}.msl__name{font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:13px}.msl__text,.msl__anlass{text-shadow:0 1px 2px rgba(80,30,0,.25)}.msl__uhr{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:100px;padding:2px 9px;white-space:nowrap}.msl__uhr>svg{display:block;flex:none;width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2}.msl__uhr.moonou-sale-countdown--hidden,.msl__uhr.moonou-launch-promo--pending{display:none!important}.msl__zeit{font-variant-numeric:tabular-nums}moonou-stufen-leiste.msl .msl__uhr .moonou-countdown,moonou-stufen-leiste.msl .msl__uhr countdown-timer.moonou-countdown__timer{display:none!important}.msl__staffel{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 9px;min-height:44px}.msl__text{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.msl__text-desktop{display:none}.msl__pillen{display:flex;align-items:center;gap:4px;flex-shrink:0}.msl__pille{display:inline-flex;align-items:center;gap:5px;height:26px;border-radius:100px;padding:0 9px 0 3px;font-size:12px;font-weight:500;line-height:1.45;white-space:nowrap;border:1px solid rgba(255,255,255,.32);color:#ffffffbf;transition:background .25s,color .25s,border-color .25s}.msl__kreis{font-style:normal;width:20px;height:20px;border-radius:100px;display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1.45;border:1.5px solid rgba(255,255,255,.4);box-sizing:border-box}.msl__pille.is-erreicht{background:var(--msl-papier);border-color:var(--msl-papier);color:var(--msl-tinte)}.msl__pille.is-erreicht .msl__kreis{background:var(--msl-akzent);border-color:var(--msl-akzent);color:#fff}.msl__pille.is-naechste{border-color:#fff;color:#fff}.msl__pille.is-naechste .msl__kreis{border-color:#fff}.msl__strich{width:8px;height:2px;border-radius:2px;background:#ffffff4d}.msl__strich.is-voll{background:#fff}.msl__pille,.msl__strich{box-sizing:border-box}.msl__glanz{position:absolute;inset:0 auto 0 0;width:60%;z-index:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%)}.msl__funke{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;pointer-events:none;box-shadow:0 0 6px #ffdcaae6}.msl__text.is-erfolg{display:inline-flex;align-items:center;gap:5px;font-weight:700;animation:msl-erfolg .45s cubic-bezier(.3,1.4,.5,1)}@keyframes msl-erfolg{0%{transform:translateY(6px);opacity:0}}.msl__hak{display:block;width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.msl__pille.is-neu{animation:msl-pop .6s cubic-bezier(.3,1.6,.5,1),msl-ring .9s ease-out}@keyframes msl-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes msl-ring{0%{box-shadow:0 0 #ffffffbf}to{box-shadow:0 0 0 12px #fff0}}@media screen and (min-width:1024px){moonou-stufen-leiste.msl{display:flex;align-items:center;gap:22px;padding:0 22px;min-height:52px}.msl__anlass{padding:0;flex-shrink:0}.msl__staffel{flex:1;padding:0;min-height:0;justify-content:flex-end;gap:16px}.msl__text{font-size:14px}.msl__text-handy{display:none}.msl__text-desktop{display:inline}.msl__pille{height:30px;font-size:13px;padding-right:11px}.msl__kreis{width:24px;height:24px;font-size:12px}.msl__strich{width:14px}}@media(prefers-reduced-motion:reduce){moonou-stufen-leiste.msl,.msl *{transition:none!important;animation:none!important}}.header-section.header-sticky{inset-block-start:var(--moonou-leiste-hoehe, 0px)}@media screen and (min-width:1024px){html .product__info.lg\:sticky,html .product__preview.lg\:sticky,html .product__gallery-container.lg\:sticky{inset-block-start:calc(var(--sp-6) + var(--moonou-leiste-hoehe, 0px))!important}html .header-sticky~.page-container .lg\:sticky:is(.product__info,.product__preview,.product__gallery-container){inset-block-start:calc(var(--header-height) + var(--sp-3) + var(--moonou-leiste-hoehe, 0px))!important}html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .lg\:sticky:is(.product__info,.product__preview,.product__gallery-container){inset-block-start:calc(var(--sp-6) + var(--moonou-leiste-hoehe, 0px))!important}html .header-scrolled~.page-container .product__preview.lg\:sticky{height:calc(var(--screen-height) - var(--inset) - var(--sp-10) - var(--moonou-leiste-hoehe, 0px))}html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .product__preview.lg\:sticky{height:calc(var(--screen-height) - var(--sp-12) - var(--moonou-leiste-hoehe, 0px))}}html .comparison-table__sticky{inset-block-start:var(--moonou-leiste-hoehe, 0px)}html .header-sticky~.page-container .comparison-table__sticky{inset-block-start:calc(var(--sticky-header-height) + var(--moonou-leiste-hoehe, 0px))}html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .comparison-table__sticky{inset-block-start:var(--moonou-leiste-hoehe, 0px)}html .scrollspy-section{inset-block-start:calc(var(--sp-2) + var(--moonou-leiste-hoehe, 0px))}html .header-sticky~.page-container .scrollspy-section{inset-block-start:calc(var(--sticky-header-height) + var(--sp-2) + var(--moonou-leiste-hoehe, 0px))}html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .scrollspy-section{inset-block-start:calc(var(--sp-2) + var(--moonou-leiste-hoehe, 0px))}html sticky-element:is(.sticky,.md\:sticky,.lg\:sticky,.xl\:sticky){inset-block-start:calc(var(--inset, 0px) + var(--moonou-leiste-hoehe, 0px))}html .moonou-product__gallery,html .mbb__bar{top:calc(20px + var(--moonou-leiste-hoehe, 0px))}html .header-sticky~.page-container .moonou-product__gallery,html .header-sticky~.page-container .mbb__bar{top:calc(var(--header-height, 60px) + 20px + var(--moonou-leiste-hoehe, 0px))}html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .moonou-product__gallery,html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .mbb__bar{top:calc(20px + var(--moonou-leiste-hoehe, 0px))}@media(max-width:767px){html .mbb__bar,html .header-sticky~.page-container .mbb__bar,html .header-hidden[data-sticky-type=on-scroll-up]~.page-container .mbb__bar{top:auto}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/moonou-stufen-leiste.css.map */