.cb-bfcm .experience-nav{display:flex;gap:28px;flex-wrap:wrap;padding-block:12px;border-block:1px solid #353535;margin-top:8px}.cb-bfcm .experience-nav a{display:flex;align-items:center;min-height:44px;color:#ddd;font-size:13px;font-weight:700;text-decoration:none}.cb-bfcm .experience-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}.cb-bfcm .hero-zoom,.cb-bfcm .experience-zoom{display:flex;align-items:center;justify-content:center;gap:10px;font:700 13px Charli,Arial,sans-serif;min-height:44px;cursor:pointer}.cb-bfcm .hero-zoom{width:100%;background:#222;color:#fff;border:1px solid #555;margin-top:10px}.cb-bfcm .hero-zoom:hover{background:#343434}.cb-bfcm .experience{background:#181818;border-top:1px solid #333}.cb-bfcm .experience-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:42px}.cb-bfcm .experience-heading h2{font-size:clamp(36px,4.5vw,64px);line-height:1.06;max-width:14ch;margin:0;text-wrap:balance;letter-spacing:-.035em}.cb-bfcm .experience-heading>p{font-size:16px;line-height:1.7;margin:0;color:#d2d2d2;max-width:42ch}.cb-bfcm .experience-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.cb-bfcm .experience-select{display:grid;gap:8px;min-width:210px;font-size:12px;font-weight:700;color:#ddd}.cb-bfcm .experience-select select{font:600 14px Charli,Arial,sans-serif;background:#242424;border:1px solid #777;color:#fff;min-height:48px;padding:10px 32px 10px 14px;width:100%;border-radius:0}.cb-bfcm .experience-selection{font-size:16px;font-weight:700;align-self:center}.cb-bfcm .experience-steps{display:flex;flex-wrap:wrap;gap:8px}.cb-bfcm .experience-steps button{min-height:48px;padding:12px 17px;background:transparent;border:1px solid #777;color:#fff;font:700 13px Charli,Arial,sans-serif;cursor:pointer}.cb-bfcm .experience-steps button:hover{border-color:#fff;background:#303030}.cb-bfcm .experience-steps button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff;box-shadow:inset 0 -4px #bc1025}.cb-bfcm .experience-layout{display:grid;grid-template-columns:1.45fr 1fr;background:#f7f7f5;color:#171717;min-height:560px}.cb-bfcm .experience-stage{position:relative;margin:0;display:grid;min-width:0;min-height:560px;overflow:hidden;background:#fff}.cb-bfcm .experience-stage>img{width:100%;height:100%;max-height:640px;object-fit:contain;display:block;padding:48px 30px 64px;box-sizing:border-box}.cb-bfcm .experience-stage figcaption{position:absolute;top:20px;left:24px;right:24px;font-size:12px;font-weight:700;color:#333;background:#fff;width:fit-content;padding:5px 8px}.cb-bfcm .experience-zoom{position:absolute;bottom:18px;left:24px;background:#fff;color:#151515;border:1px solid #777;padding:8px 14px}.cb-bfcm .experience-zoom:hover{background:#eee}.cb-bfcm .experience-story{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cb-bfcm .experience-story h3{font-size:clamp(27px,2.6vw,38px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px;max-width:16ch}.cb-bfcm .experience-story p{font-size:15px;line-height:1.8;margin:0 0 24px;max-width:42ch}.cb-bfcm .experience-story .experience-note{font-size:12px;line-height:1.65;color:#555;margin:4px 0 20px}.cb-bfcm .experience-story .text-link{color:#161616;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;font-size:13px;font-weight:700;text-underline-offset:5px}.cb-bfcm .experience-dialog{box-sizing:border-box;padding:0;border:0;width:min(1180px,94vw);max-width:94vw;height:min(920px,94dvh);max-height:94dvh;background:#fff;color:#171717;overflow:hidden;font-family:Charli,Arial,sans-serif}.cb-bfcm .experience-dialog[open]{display:flex;flex-direction:column}.cb-bfcm .experience-dialog::backdrop{background:#000000db}.cb-bfcm .experience-dialog-top,.cb-bfcm .experience-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;flex-shrink:0}.cb-bfcm .experience-dialog-top{border-bottom:1px solid #ddd}.cb-bfcm .experience-dialog-top p{font-size:14px;font-weight:700;line-height:1.5;margin:0}.cb-bfcm .experience-dialog button{min-height:44px;border:1px solid #666;padding:10px 14px;background:#fff;color:#111;font:700 13px Charli,Arial,sans-serif;cursor:pointer;flex-shrink:0}.cb-bfcm .experience-dialog button:hover{background:#eee}.cb-bfcm .experience-dialog-top button span{font-size:22px;margin-left:8px;vertical-align:middle}.cb-bfcm .experience-dialog-picture{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}.cb-bfcm .experience-dialog-picture img{width:100%;height:100%;object-fit:contain}.cb-bfcm .experience-dialog-picture p{padding:24px;line-height:1.7}.cb-bfcm .experience-dialog-bottom{border-top:1px solid #ddd;font-size:13px;font-variant-numeric:tabular-nums}.cb-bfcm .experience :focus-visible,.cb-bfcm .experience-dialog :focus-visible{outline:3px solid #bc1025;outline-offset:4px}.cb-bfcm .experience [hidden],.cb-bfcm .experience-dialog [hidden],.cb-bfcm .hero-zoom[hidden]{display:none!important}.cb-bfcm #entdecken,.cb-bfcm #zubehoer,.cb-bfcm #direkt-dazu{scroll-margin-top:24px}@media(max-width:1100px){.cb-bfcm .experience-toolbar{align-items:stretch;flex-direction:column}.cb-bfcm .experience-select{max-width:300px}.cb-bfcm .experience-layout{grid-template-columns:1.2fr 1fr;min-height:470px}.cb-bfcm .experience-stage{min-height:470px}.cb-bfcm .experience-story{padding:32px}.cb-bfcm .experience-heading{gap:32px}}@media(max-width:760px){.cb-bfcm .experience-nav{gap:0;justify-content:space-between}.cb-bfcm .experience-nav a{font-size:11px;padding:4px 6px}.cb-bfcm .experience-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.cb-bfcm .experience-heading h2{font-size:38px;max-width:16ch}.cb-bfcm .experience-heading>p{font-size:14px}.cb-bfcm .experience-select{max-width:none}.cb-bfcm .experience-toolbar{gap:20px}.cb-bfcm .experience-steps{display:grid;grid-template-columns:1fr 1fr}.cb-bfcm .experience-steps button{padding:10px 8px;font-size:12px}.cb-bfcm .experience-layout{grid-template-columns:1fr}.cb-bfcm .experience-stage{min-height:0;aspect-ratio:1/1.1}.cb-bfcm .experience-stage>img{min-height:0;padding:42px 14px 65px}.cb-bfcm .experience-stage figcaption{left:10px;top:12px;font-size:11px}.cb-bfcm .experience-zoom{left:14px;bottom:12px}.cb-bfcm .experience-story{padding:30px 24px}.cb-bfcm .experience-story h3{font-size:29px;margin-bottom:16px}.cb-bfcm .experience-story p{font-size:14px}.cb-bfcm .experience-story .experience-note{font-size:12px}.cb-bfcm .experience-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.cb-bfcm .experience-dialog-top,.cb-bfcm .experience-dialog-bottom{padding:12px 14px;gap:12px}.cb-bfcm .experience-dialog-top p{font-size:12px}.cb-bfcm .experience-dialog button{font-size:12px;padding:8px 10px}.cb-bfcm .experience-dialog-bottom{padding-bottom:max(14px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.cb-bfcm .experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cb-bfcm .hero-media{animation:none}.cb-bfcm .motion-launch{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 24px;margin:0 0 24px;background:#bc1025;border:1px solid #bc1025;color:#fff;font:700 17px Charli,Arial,sans-serif;cursor:pointer;text-align:left;min-height:60px}.cb-bfcm .motion-launch>span:last-child{font-size:27px}.cb-bfcm .motion-panel{margin-bottom:32px;background:#fff;color:#171717;border:1px solid #ddd}.cb-bfcm .motion-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid #ddd;font-size:13px;font-weight:700}.cb-bfcm .motion-top p{margin:0}.cb-bfcm .motion-panel button{font-family:inherit;cursor:pointer}.cb-bfcm .motion-close{min-height:44px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:#222;font-size:12px}.cb-bfcm .motion-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.cb-bfcm .motion-stage{position:relative;aspect-ratio:1;min-width:0;background:#fff;overflow:hidden}.cb-bfcm .motion-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cb-bfcm .motion-copy{padding:36px;min-width:0}.cb-bfcm .motion-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em;margin:20px 0;max-width:17ch}.cb-bfcm .motion-copy p{font-size:15px;line-height:1.8}.cb-bfcm .motion-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.6}.cb-bfcm .motion-action{min-height:48px;background:#bc1025;color:#fff;border:0;padding:14px 20px;font-size:14px;font-weight:700;margin-top:16px}.cb-bfcm .motion-footnote{border-top:1px solid #ddd;padding:16px 24px;margin:0;font-size:12px;line-height:1.7;color:#555}.cb-bfcm .motion-parts{padding-left:22px;font-size:14px;line-height:2.2;font-weight:700}.cb-bfcm .motion-bundle{isolation:isolate}.cb-bfcm .motion-bundle-part{transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);opacity:.6}.cb-bfcm .motion-bundle-part.part-0{clip-path:inset(0 43% 0 0);transform:translate(-5%)}.cb-bfcm .motion-bundle-part.part-1{clip-path:polygon(75% 0,100% 0,100% 35%,80% 35%,80% 33%,75% 33%);transform:translateY(-5%);transition-delay:50ms}.cb-bfcm .motion-bundle-part.part-2{clip-path:polygon(57% 33%,80% 33%,80% 35%,100% 35%,100% 65%,57% 65%);transform:translate(5%);transition-delay:.1s}.cb-bfcm .motion-bundle-part.part-3{clip-path:inset(65% 0 0 57%);transform:translateY(5%);transition-delay:.15s}.cb-bfcm .motion-bundle.is-assembled .motion-bundle-part{transform:translate(0);opacity:1}.cb-bfcm .motion-bed-photo{opacity:0;transform:translateY(8px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.cb-bfcm .motion-bed-photo.is-current{opacity:1;transform:translateY(0)}.cb-bfcm .motion-beds .motion-grid{align-items:start}.cb-bfcm .motion-beds .motion-stage{position:sticky;top:24px}.cb-bfcm .motion-beds .motion-copy{padding:0 32px}.cb-bfcm .motion-chapter{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:16px;width:100%;min-height:320px;padding:36px 0;background:none;border:0;border-bottom:1px solid #ddd;color:#666}.cb-bfcm .motion-chapter[aria-pressed=true]{color:#171717}.cb-bfcm .motion-number{font-size:12px;font-weight:700;color:#bc1025}.cb-bfcm .motion-chapter strong{font-size:clamp(25px,2.6vw,38px);line-height:1.12;letter-spacing:-.025em}.cb-bfcm .motion-chapter>span:last-child{font-size:14px;line-height:1.8}.cb-bfcm .motion-video{width:100%;height:100%;object-fit:contain;display:block;background:#f7f7f5}.cb-bfcm .motion-video-error{position:absolute;inset:auto 12px 60px;background:#fff;padding:16px;font-size:13px;line-height:1.6}.cb-bfcm .motion-copy .motion-film-note{font-size:12px;line-height:1.7;color:#555}.cb-bfcm .motion-hotspot{position:absolute;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:#171717;color:#fff;box-shadow:0 2px 12px #0004;font-size:17px;font-weight:700;transform:translate(-50%,-50%);transition:background-color .16s cubic-bezier(.16,1,.3,1)}.cb-bfcm .motion-hotspot[aria-pressed=true]{background:#bc1025}.cb-bfcm .hotspot-0{left:77%;top:17%}.cb-bfcm .hotspot-1{left:48%;top:43%}.cb-bfcm .hotspot-2{left:64%;top:75%}.cb-bfcm .motion-detail-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.cb-bfcm .motion-detail-tabs button{min-height:44px;border:1px solid #999;background:#fff;color:#171717;padding:10px 12px;font-size:12px;font-weight:700}.cb-bfcm .motion-detail-tabs button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}.cb-bfcm .motion-detail{min-height:220px}.cb-bfcm .motion-panel.motion-instant *{transition:none!important}@media(max-width:900px){.cb-bfcm .motion-grid{grid-template-columns:1fr}.cb-bfcm .motion-stage{max-width:640px;width:100%;margin-inline:auto}.cb-bfcm .motion-beds .motion-stage{position:relative;top:auto}.cb-bfcm .motion-beds .motion-copy{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cb-bfcm .motion-chapter{min-height:100px;justify-content:flex-start;padding:14px;border:1px solid #ccc;gap:10px}.cb-bfcm .motion-chapter[aria-pressed=true]{border-color:#bc1025;box-shadow:inset 0 -3px #bc1025}.cb-bfcm .motion-chapter strong{font-size:18px}.cb-bfcm .motion-chapter>span:last-child{font-size:12px;line-height:1.6}.cb-bfcm .motion-copy{padding:24px}.cb-bfcm .motion-detail{min-height:180px}.cb-bfcm .motion-top{padding:12px 16px;gap:10px}.cb-bfcm .motion-launch{font-size:15px;padding:16px 18px}.cb-bfcm .motion-footnote{padding:16px}.cb-bfcm .motion-copy h3{font-size:32px}}@media(prefers-reduced-motion:reduce){.cb-bfcm .motion-bundle-part,.cb-bfcm .motion-bed-photo{transform:none!important;transition:opacity .15s cubic-bezier(.16,1,.3,1)!important;transition-delay:0ms!important}.cb-bfcm .motion-beds .motion-stage{position:relative;top:auto}.cb-bfcm .motion-chapter{min-height:0;padding-block:24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cb-bfcm-experience.css.map */