@property --h1{syntax: "<color>"; inherits: true; initial-value: #121416;}@property --h2{syntax: "<color>"; inherits: true; initial-value: #121416;}@property --h3{syntax: "<color>"; inherits: true; initial-value: #121416;}.ms-bu,.ms-bu *,.ms-bu *:before,.ms-bu *:after{box-sizing:border-box}.ms-bu{--ground: #ffffff;--soft: #f3f3f4;--ink: #121416;--ink-2: #5b6266;--ink-3: #8b9196;--line: rgba(18,20,22,.1);--night: #0b1215;--tuerkis: #088d95;--move: cubic-bezier(.4, 0, .1, 1);--d: 1s;--soft-out: cubic-bezier(.22, 1, .36, 1);background:var(--ground);color:var(--ink);font:400 16px/1.55 "Roboto",var(--font-body-family, sans-serif);-webkit-font-smoothing:antialiased;container:msbu / inline-size}.ms-bu button{font-family:inherit;color:inherit}.bu-wrap{padding:clamp(24px,3.2cqw,44px) clamp(16px,3cqw,40px) 0;max-width:1440px;margin:0 auto}.bu-intro{display:grid;gap:8px;margin-bottom:clamp(20px,2.2cqw,30px)}.bu-eyebrow{font:500 12px/1.2 Roboto,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-2)}.bu-intro h1{margin:0;font-family:inherit;font-weight:900;font-size:clamp(32px,3.9cqw,54px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-transform:none;color:var(--ink)}.bu-intro h1 em{--h1: #121416;--h2: #6b7276;--h3: #b4b9bc;font-style:normal;display:inline-block;padding-right:.06em;background:linear-gradient(100deg,var(--h1) 0%,var(--h2) 50%,var(--h3) 100%) 0% 0 / 220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:--h1 .9s var(--move),--h2 .9s var(--move),--h3 .9s var(--move),background-position 1.1s var(--move)}.bu-intro h1 em.is-tinted{background-position:100% 0}.bu-intro p{margin:0;color:var(--ink-2);font-size:clamp(16px,1.5cqw,18px)}.bu-acc{--pad: clamp(22px, 2.6cqw, 40px);--ns: clamp(50px, 5.6cqw, 84px);--ow: 900px;--oh: 440px;display:flex;gap:8px;height:clamp(420px,37cqw,580px)}.bu-pan{--c: #888;--f: .5;--nf: 1;position:relative;flex:1 1 0;min-width:0;border-radius:26px;overflow:hidden;isolation:isolate;background:#15181a;color:#fff;cursor:pointer;transition:flex-grow var(--d) var(--move);contain:layout paint}.bu-acc.has-active .bu-pan.is-active{flex-grow:6.5;cursor:default}.bu-pan:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.bu-pan__media{position:absolute;top:0;bottom:0;width:var(--ow);left:calc((100% - var(--ow)) * var(--f));z-index:-3}.bu-pan__media img,.bu-pan__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.bu-pan__media{background:var(--ph, none) center / cover no-repeat}.bu-pan__media img{transform:scale(1.06);transition:transform calc(var(--d) * 1.25) var(--move),opacity .45s ease;will-change:transform}.js .bu-pan__media img:not(.is-loaded){opacity:0}.bu-pan.is-active .bu-pan__media img{transform:scale(1)}.bu-pan__media video{opacity:0;transition:opacity .7s ease}.bu-pan.is-active .bu-pan__media video.is-playing{opacity:1}.bu-pan__veil,.bu-pan__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;transition:opacity var(--d) var(--move)}.bu-pan__veil{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 52%,#0b1215),color-mix(in srgb,var(--c) 34%,transparent) 34%,color-mix(in srgb,var(--c) 80%,#0b1215));opacity:.94}.bu-pan__shade{opacity:0;background:linear-gradient(180deg,#0b12159e,#0b121547 24%,#0b121500 44%),linear-gradient(180deg,#0b121500 46%,#0b121580 70%,#0b1215db),#0b121514}.bu-pan.is-active .bu-pan__veil{opacity:0}.bu-pan.is-active .bu-pan__shade{opacity:1}.bu-pan__mark{position:absolute;z-index:2;top:26px;left:50%;transform-origin:0 0;white-space:nowrap;pointer-events:none;transform:rotate(-90deg) scale(var(--k, .6)) translate(-100%,-50%);transition:transform var(--d) var(--move),left var(--d) var(--move),top var(--d) var(--move);will-change:transform}.bu-acc.has-active .bu-pan:not(.is-active) .bu-pan__mark{--k: .4}.bu-pan.is-active .bu-pan__mark{left:var(--pad);top:calc(var(--pad) + var(--ns) * var(--nf) * .34);transform:rotate(0) scale(1) translate(0)}.bu-pan__name{display:block;font-weight:900;font-size:calc(var(--ns) * var(--nf));line-height:.86;letter-spacing:-.035em;text-transform:uppercase;background:linear-gradient(100deg,#fff 0% 30%,color-mix(in srgb,var(--c) 58%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;padding:.06em .04em .06em 0;margin-right:-.04em}.bu-pan__kick{position:absolute;left:0;bottom:100%;margin-bottom:.1em;font-weight:700;font-size:16px;line-height:1;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .25s ease}.bu-pan.is-active .bu-pan__kick{opacity:.96;transition:opacity .6s ease calc(var(--d) * .55)}.bu-pan__markshadow{filter:drop-shadow(0 2px 18px rgba(11,18,21,.38))}.bu-pan__body{position:absolute;left:0;bottom:0;width:min(var(--ow),100%);padding:var(--pad);display:grid;gap:16px;pointer-events:none}.bu-pan__body>*{opacity:0;transform:translateY(14px);transition:opacity .18s ease,transform .18s ease}.bu-pan.is-active .bu-pan__body .bu-btn{pointer-events:auto}.bu-pan>.bu-pan__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;visibility:hidden;-webkit-tap-highlight-color:transparent}.bu-pan.is-active .bu-pan__link{visibility:visible}@media(hover:none),(pointer:coarse){.bu-pan.is-active .bu-pan__link{transition:visibility 0s linear .35s}}@media(hover:hover)and (pointer:fine){.bu-pan__link:hover~.bu-pan__body .bu-btn svg{transform:translate(3px)}}.bu-pan.is-active .bu-pan__body>*{opacity:1;transform:none;transition:opacity .6s ease,transform .8s var(--soft-out)}.bu-pan.is-active .bu-pan__body>:nth-child(1){transition-delay:calc(var(--d) * .42)}.bu-pan.is-active .bu-pan__body>:nth-child(2){transition-delay:calc(var(--d) * .5)}.bu-pan.is-active .bu-pan__body>:nth-child(3){transition-delay:calc(var(--d) * .58)}.bu-pan__tag{margin:0;font-size:clamp(18px,1.7cqw,22px);font-weight:500;color:#fff;max-width:30ch}.bu-pan__facts{display:flex;flex-wrap:wrap;gap:10px 30px;margin:0;padding:0;list-style:none;font-variant-numeric:tabular-nums}.bu-pan__facts li{display:grid;gap:5px}.bu-pan__facts li>span:first-child{font:500 10.5px/1 Roboto,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb8}.bu-pan__facts b{font-weight:700;font-size:17px;line-height:1.1;display:block}.bu-tiers{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:16px;line-height:1.1}.bu-tiers>span{display:inline-flex;align-items:center;white-space:nowrap}.bu-tiers i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 1.5px #ffffffd9}.bu-pan__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bu-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;transition:transform .3s var(--soft-out),box-shadow .3s ease}.bu-btn:hover{color:var(--ink)}.bu-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 12px 26px -12px #0009}.bu-btn svg{transition:transform .35s var(--soft-out)}.bu-btn:hover svg{transform:translate(3px)}.bu-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.bu-price{display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:999px;font-size:14.5px;font-weight:500;background:#0b121575;box-shadow:inset 0 0 0 1px #ffffff42}.bu-pan__film{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font:500 11px/1 Roboto,sans-serif;letter-spacing:.8px;text-transform:uppercase;background:#0b121580;opacity:0;transition:opacity .4s ease}.bu-pan__film i{width:6px;height:6px;border-radius:50%;background:#fff}.bu-pan.is-active.has-film .bu-pan__film{opacity:1;transition-delay:var(--d)}.bu-pan.is-soon{cursor:default}@container msbu (max-width: 760px){.bu-acc{--pad: 20px;--ns: 54px;--oh: 470px;flex-direction:column;height:auto;gap:6px}.bu-acc .bu-pan{flex:none;height:92px;border-radius:20px;transition:height var(--d) var(--move)}.bu-acc.has-active .bu-pan{height:64px}.bu-acc.has-active .bu-pan.is-active{height:var(--oh)}.bu-pan__media{width:100%;left:0;top:calc((100% - var(--oh)) * var(--fy, .5));bottom:auto;height:var(--oh)}.bu-pan__veil{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 86%,#0b1215),color-mix(in srgb,var(--c) 58%,transparent) 60%,color-mix(in srgb,var(--c) 40%,transparent))}.bu-pan__mark{left:20px;top:50%;--k: .62;transform:rotate(0) scale(var(--k)) translateY(-50%)}.bu-acc.has-active .bu-pan:not(.is-active) .bu-pan__mark{--k: .46}.bu-pan.is-active .bu-pan__mark{top:calc(var(--pad) + var(--ns) * var(--nf) * .34)}.bu-pan__body{gap:14px;width:100%}.bu-pan__tag{max-width:none}.bu-pan__facts{gap:10px 22px}.bu-pan__facts b{font-size:16px}.bu-tiers{gap:12px;font-size:15px}.bu-btn,.bu-price{height:46px}}.bu-calc{margin-top:8px;background:var(--soft);border-radius:26px}.bu-calc__bar{-webkit-appearance:none;appearance:none;width:100%;border:0;background:none;cursor:pointer;text-align:left;border-radius:26px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:14px 14px 14px 24px;min-height:76px}.bu-calc__bar:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.bu-calc__dots{display:inline-flex}.bu-calc__dots i{width:22px;height:22px;border-radius:50%;background:var(--bc);box-shadow:0 0 0 3px var(--soft);margin-left:-7px;transition:transform .6s var(--soft-out)}.bu-calc__dots i:first-child{margin-left:0}.bu-calc__bar:hover .bu-calc__dots i:nth-child(2),.bu-calc.is-open .bu-calc__dots i:nth-child(2){transform:translate(4px)}.bu-calc__bar:hover .bu-calc__dots i:nth-child(3),.bu-calc.is-open .bu-calc__dots i:nth-child(3){transform:translate(8px)}.bu-calc__txt{display:grid;gap:1px;min-width:0;padding-left:6px}.bu-calc__txt strong{font-weight:900;font-size:clamp(17px,1.5cqw,20px);letter-spacing:-.015em;line-height:1.2}.bu-calc__txt span{color:var(--ink-2);font-size:14.5px;line-height:1.4}.bu-calc__cta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:500;font-size:15px;white-space:nowrap;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.bu-calc__cta i{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform var(--d) var(--move),background-color .3s ease,color .3s ease}.bu-calc__bar:hover .bu-calc__cta,.bu-calc.is-open .bu-calc__cta{background:var(--ink);color:#fff;box-shadow:none}.bu-calc__bar:hover .bu-calc__cta i,.bu-calc.is-open .bu-calc__cta i{background:#fff;color:var(--ink)}.bu-calc.is-open .bu-calc__cta i{transform:rotate(180deg)}.bu-calc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d) var(--move)}.bu-calc.is-open .bu-calc__body{grid-template-rows:1fr}.bu-calc__clip{min-height:0;overflow:hidden}.bu-calc .ms-calc__fd{background:none;padding:2px 8px 8px;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .5s var(--move)}.bu-calc.is-open .ms-calc__fd{opacity:1;transform:none;transition:opacity .7s ease calc(var(--d) * .3),transform .9s var(--soft-out) calc(var(--d) * .25)}@container msbu (max-width: 760px){.bu-calc{border-radius:20px;margin-top:6px}.bu-calc__bar{grid-template-columns:auto minmax(0,1fr);padding:16px 16px 14px 20px;border-radius:20px}.bu-calc__cta{grid-column:1 / -1;justify-content:space-between;height:46px}.bu-calc .ms-calc__fd{padding:0 6px 6px}}@media(prefers-reduced-motion:reduce){.bu-calc__body,.bu-calc .ms-calc__fd,.bu-calc__cta i,.bu-calc__dots i{transition:none!important}}.bu-acc.no-anim,.bu-acc.no-anim *{transition:none!important}@media(prefers-reduced-motion:reduce){.bu-acc,.bu-acc *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/ms-buchen-styles.css.map */