@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}}moonou-stufen-leiste.msl.msl--bm{--msl-bm-tinte: #1E1E1E;--msl-bm-grau: #6B635B;background:linear-gradient(to bottom right,#0e0d0c,#1c1511 22%,#5a2814 48%,#b04a1d 76%,#e8602a);transition:none;line-height:1.3}.msl--bm .msl__text,.msl--bm .msl__anlass{text-shadow:none}.msl__anlass[hidden]{display:none!important}.msl__gicon{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.msl__haken{display:block;flex:none;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3}.msl__pfeil{display:block;flex:none;width:10px;height:10px;fill:none;stroke:#fff9;stroke-width:2.4}.msl--bm .msl__anlass{justify-content:space-between;gap:8px;height:34px;padding:0 12px;box-sizing:border-box;font-size:12px;line-height:1.3}.msl--bm .msl__name{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.msl__punkt{flex:none;width:6px;height:6px;border-radius:50%;background:#f36a2b;box-shadow:0 0 6px #f36a2b}.msl--bm .msl__uhr{gap:5px;font-size:11px;line-height:1.3;padding:2px 8px;background:#ffffff1f}.msl--bm .msl__uhr>svg{display:none;width:10px;height:10px;stroke-width:2.4}.msl--bm .msl__info{display:none}.msl--bm .msl__staffel{height:34px;min-height:34px;box-sizing:border-box;padding:0 12px;gap:8px}.msl--bm .msl__text{font-size:11px;font-weight:400}.msl--bm .msl__text-handy{display:inline-flex;align-items:center;gap:5px}.msl--bm .msl__text-handy .msl__gicon{width:12px;height:12px;color:#f36a2b}.msl--bm .msl__pillen{gap:5px}.msl--bm .msl__strich{display:none}.msl--bm .msl__pille{height:auto;gap:0;padding:1px 8px;font-size:11px;font-weight:400;line-height:1.3;background:none;border:1px solid rgba(255,255,255,.5);color:#ffffffbf}.msl--bm .msl__pille .msl__kreis{display:none}.msl--bm .msl__pille .msl__nr{white-space:pre}.msl--bm .msl__pille.is-erreicht{background:#fff;border-color:#fff;color:var(--msl-bm-tinte)}.msl--bm .msl__pille.is-naechste{border:1.5px solid #fff;color:#fff}.msl--bm.msl--leer .msl__staffel{height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:10px 12px 12px}.msl__titel{font-size:13px;font-weight:600;line-height:1.3;text-align:center;letter-spacing:.01em}.msl__kacheln{display:flex;align-items:center;gap:4px}.msl__kachel{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0;box-sizing:border-box;border-radius:10px;border:1.5px solid #fff;color:#fff;line-height:1.3;white-space:nowrap}.msl__kachel-ab{font-size:10px;color:#ffffffbf}.msl__kachel-wert{display:flex;align-items:center;gap:4px;font-size:12px}.msl__kachel-wert b{font-weight:600}.msl__kachel--geschenk{padding:5px 0;border:0;background:#fff;color:var(--msl-bm-tinte)}.msl__kachel--geschenk .msl__kachel-ab{color:var(--msl-bm-grau)}.msl__kachel--geschenk .msl__gicon{width:11px;height:11px;color:#f36a2b;stroke-width:2.4}.msl [data-angebot-geschenk-popup]{cursor:pointer;-webkit-tap-highlight-color:transparent}.msl__kachel[data-angebot-geschenk-popup] b,.msl__pille[data-angebot-geschenk-popup],.msl__info[data-angebot-geschenk-popup] .msl__info-text{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:currentColor;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.msl__kachel[data-angebot-geschenk-popup]:hover b,.msl__pille[data-angebot-geschenk-popup]:hover,.msl__info[data-angebot-geschenk-popup]:hover .msl__info-text{text-decoration-color:currentColor}.msl [data-angebot-geschenk-popup]:active{opacity:.85}.msl [data-angebot-geschenk-popup]:focus{outline:none}.msl [data-angebot-geschenk-popup]:focus-visible{outline:2px solid #fff;outline-offset:2px}.msl__mobil{display:none}@media screen and (max-width:1023px){.msl--bm:not(.msl--leer) .msl__staffel{height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:10px 12px 12px}.msl--bm:not(.msl--leer) .msl__text,.msl--bm:not(.msl--leer) .msl__pillen{display:none}.msl--bm .msl__mobil{display:flex;flex-direction:column;gap:8px}.msl__mobil .msl__titel.is-erfolg{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:700;animation:msl-erfolg .45s cubic-bezier(.3,1.4,.5,1)}.msl__mobil .msl__kachel{padding:4.5px 0;border:1px solid rgba(255,255,255,.5);color:#ffffffbf}.msl__mobil .msl__kachel.is-naechste{padding:4px 0;border:1.5px solid #fff;color:#fff}.msl__mobil .msl__kachel.is-erreicht{padding:5px 0;border:0;background:#fff;color:var(--msl-bm-tinte)}.msl__mobil .msl__kachel.is-erreicht .msl__kachel-ab{color:var(--msl-bm-grau)}.msl__mobil .msl__kachel .msl__gicon{width:11px;height:11px;color:#f36a2b;stroke-width:2.4}.msl__mobil .msl__kachel .msl__haken{width:10px;height:10px;color:#f36a2b}.msl__kachel.is-neu{animation:msl-pop .6s cubic-bezier(.3,1.6,.5,1),msl-ring .9s ease-out}}@media screen and (min-width:1024px){moonou-stufen-leiste.msl.msl--bm{height:52px;min-height:52px;box-sizing:border-box;padding:0 22px;gap:20px;justify-content:space-between;background:linear-gradient(90deg,#0e0d0c,#141210 55%,#3a1d10 82%,#c2521f)}.msl--bm .msl__anlass{height:auto;padding:0;gap:12px;justify-content:flex-start;flex:0 1 auto;min-width:0}.msl--bm .msl__name{gap:8px;font-size:14px}.msl--bm .msl__uhr{gap:6px;font-size:13px;padding:3px 10px}.msl--bm .msl__uhr>svg{width:12px;height:12px}.msl--bm .msl__punkt{width:7px;height:7px;box-shadow:0 0 8px #f36a2b}.msl--bm .msl__uhr>svg{display:block}.msl--bm .msl__mobil{display:none}.msl--bm .msl__info{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13px;color:#ffffffd9}.msl--bm .msl__info .msl__gicon{width:15px;height:15px;color:#f36a2b}.msl__info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msl--bm.msl--leer .msl__info{display:none}.msl--bm .msl__staffel{flex:0 0 auto;flex-direction:row;align-items:center;height:auto;min-height:0;padding:0;gap:14px;justify-content:flex-end}.msl--bm .msl__text{font-size:14px}.msl--bm .msl__text-handy{display:none}.msl--bm .msl__pillen{gap:6px}.msl--bm .msl__strich,.msl--bm .msl__strich.is-voll{display:block;width:12px;height:1px;border-radius:0;background:#ffffff80}.msl--bm .msl__pille{gap:6px;padding:3px 12px 3px 3px;font-size:13px}.msl--bm .msl__pille .msl__kreis{display:grid;width:22px;height:22px;border:1px solid rgba(255,255,255,.5);font-size:11px;font-weight:400;line-height:1}.msl--bm .msl__pille .msl__nr{display:none}.msl--bm .msl__pille.is-naechste .msl__kreis{border-color:#fff}.msl--bm .msl__pille.is-erreicht .msl__kreis{background:#f36a2b;border-color:#f36a2b;color:#fff}.msl--bm.msl--leer .msl__staffel{flex-direction:row;align-items:center;gap:8px;padding:0}.msl--bm .msl__titel{margin-right:4px;font-size:14px;text-align:start;letter-spacing:normal;white-space:nowrap}.msl--bm .msl__kacheln{gap:8px}.msl__kachel{flex:none;flex-direction:row;gap:6px;padding:5px 13px;border-radius:999px;font-size:13px}.msl__kachel-ab{font-size:13px}.msl__kachel-wert{display:contents}.msl__kachel-wert b{font-weight:700}.msl__kachel--geschenk{gap:7px;padding:4px 13px 4px 4px}.msl__kachel--geschenk .msl__gicon{order:-1;width:22px;height:22px;padding:4.5px;box-sizing:border-box;border-radius:50%;background:#f36a2b;color:#fff}}@media screen and (min-width:1024px)and (max-width:1199px){.msl--bm .msl__info{display:none}}@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/48/assets/moonou-stufen-leiste.css.map */