html[data-page=pdp] main>section{padding-block:var(--sp-9);scroll-margin-top:88px}html[data-page=pdp] main>.pdp-buy{padding-top:var(--sp-6)}.pdp-buy .pd__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,72px)}.pdp-buy .pd__buy{position:static;gap:var(--sp-4)}.pdp-buy .pd__media{position:sticky;top:calc(var(--header-h, 72px) + var(--sp-4))}.pdp-buy .pd__media .pd__stage{aspect-ratio:4 / 3;margin:0}.pdp-buy .pd__stage img,.pdp-buy .ct-thumb img{transition:none;transform:none}.pdp-buy .pd__stage img{opacity:1;display:none;visibility:visible}.pdp-buy[data-variant=grey] .pd__stage img[data-show=grey].is-cur,.pdp-buy[data-variant=black] .pd__stage img[data-show=black].is-cur,.pdp-buy[data-variant=champagne] .pd__stage img[data-show=champagne].is-cur{display:block}.pdp-buy .pd__crumb{white-space:nowrap;flex-wrap:nowrap}.pdp-listening{margin:0;font-size:var(--fs-small);color:var(--fg-muted);max-width:48ch}.pdp-listening strong{font-weight:500;color:var(--fg)}.pdp-zoom-open{position:absolute;bottom:8px;right:8px;width:44px;height:44px;padding:10px;background:var(--bg);color:var(--fg);border:1px solid var(--hairline);border-radius:50%;cursor:pointer}.pdp-zoom-open svg{fill:none;stroke:currentColor;stroke-width:1.5;width:100%;height:100%}.b-case{display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--sp-4);align-items:center;border-top:1px solid var(--hairline);padding-top:var(--sp-5)}.b-case img{width:100%;height:auto;mix-blend-mode:multiply}.b-case p{margin:0 0 4px;font-size:var(--fs-small);color:var(--fg-dim)}.b-case p:first-child{color:var(--fg)}.b-case .link{font-size:var(--fs-small);min-height:44px}.pdp-case-add{margin-left:var(--sp-4)}.b-trust{padding-top:var(--sp-4);border-top:1px solid var(--hairline)}.b-trust .ct-trust{justify-content:start;gap:var(--sp-2) var(--sp-5)}.b-trust a{color:inherit;text-underline-offset:3px}.b-howbig{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px var(--sp-4);width:100%;padding:var(--sp-4) 0;border:0;border-block:1px solid var(--hairline);background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.b-howbig__a{grid-column:1;color:var(--fg-dim);font-size:var(--fs-small)}.b-howbig svg{grid-column:2;grid-row:1 / span 2;width:38px;overflow:visible}.ic-dev{fill:var(--fg)}.ic-dim{fill:none;stroke:var(--fg-dim)}.b-howbig:hover .b-howbig__q{text-decoration:underline;text-underline-offset:4px}.pdp-sound{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,88px);margin-top:var(--sp-7);align-items:center}.pdp-sound .pd-ports__draw{position:static}.pdp-feature{display:block;padding:0;min-height:44px;width:100%;text-align:left;font:inherit;color:inherit;border:0;background:none;cursor:pointer}.pdp-feature[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.pdp-sound:has(.pdp-feature[aria-pressed=true]) [data-part]{opacity:.35}.pdp-sound:has([data-for=bt] .pdp-feature[aria-pressed=true]) [data-part=bt],.pdp-sound:has([data-for=phones] .pdp-feature[aria-pressed=true]) [data-part=phones],.pdp-sound:has([data-for=line] .pdp-feature[aria-pressed=true]) [data-part=line],.pdp-sound:has([data-for=pre] .pdp-feature[aria-pressed=true]) [data-part=pre]{opacity:1}.pdp-sound:has([data-for=bt] .pdp-feature[aria-pressed=true]) [data-part=bt] .hit,.pdp-sound:has([data-for=phones] .pdp-feature[aria-pressed=true]) [data-part=phones] .hit,.pdp-sound:has([data-for=line] .pdp-feature[aria-pressed=true]) [data-part=line] .hit,.pdp-sound:has([data-for=pre] .pdp-feature[aria-pressed=true]) [data-part=pre] .hit{opacity:1}.mk{display:grid;gap:var(--sp-6)}.mk h2{max-width:23ch}.mk__shot{margin:0}.mk__shot img{display:block;width:100%;height:clamp(230px,36vw,440px);object-fit:cover;filter:var(--img-filter)}.mk__beats,.pd-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.mk__beats{margin-block:0}.pd-steps{margin:var(--sp-6) 0 0;padding:0}.mk__beats li,.pd-steps li{display:grid;gap:8px;align-content:start;padding-top:var(--sp-4);border-top:1px solid var(--hairline)}.mk__beats b,.pd-steps b{font:500 10px/1.4 "Barlow",var(--font-body);letter-spacing:.22em;color:var(--fg-dim)}.mk__beats h3,.pd-steps h3{margin:0}.mk__beats p,.pd-steps p{margin:0;font-size:var(--fs-small);color:var(--fg-muted)}.mk__says{margin:var(--sp-4) 0 0}.mk__says p{margin:0;max-width:54ch;font-size:var(--fs-lead);line-height:1.4;color:var(--fg)}.mk__says cite{display:block;margin-top:var(--sp-4);font:500 10px/1.6 "Barlow",var(--font-body);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:var(--fg-dim)}.mk__says a{color:inherit;text-underline-offset:4px}.go__strip{display:flex;gap:var(--sp-4);margin-top:var(--sp-6);padding-inline:var(--gutter);overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--gutter);scrollbar-width:thin}.go__strip figure{margin:0;flex:0 0 auto;scroll-snap-align:start}.go__strip img{display:block;height:clamp(280px,48vh,480px);width:auto;filter:grayscale(1);border-radius:var(--radius-card)}.t-keys{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--sp-6);margin:var(--sp-6) 0 0;padding:0;border-top:1px solid var(--hairline)}.t-keys li{display:grid;gap:8px;padding-block:var(--sp-5);border-bottom:1px solid var(--hairline)}.t-keys b{font:200 clamp(25px,3.2vw,44px)/1 var(--font-head);letter-spacing:-.02em;overflow-wrap:anywhere}.t-keys span{font:500 10px/1.5 "Barlow",var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.t-more{margin-top:var(--sp-6)}.t-more>summary{cursor:pointer;display:inline-flex;align-items:center;gap:12px;min-height:44px;list-style:none;color:var(--fg-dim);font:500 11px/1.5 "Barlow",var(--font-body);letter-spacing:.18em;text-transform:uppercase}.t-more>summary::-webkit-details-marker{display:none}.t-more>summary:after{content:"+";font-size:18px}.t-more[open]>summary:after{content:"\2212"}.t-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-6);margin-top:var(--sp-5)}.t-sheet div,.b-size__figs div{display:flex;justify-content:space-between;gap:var(--sp-4);padding-block:13px;border-top:1px solid var(--hairline);font-size:var(--fs-small)}.t-sheet dt,.b-size__figs dt{color:var(--fg-dim)}.t-sheet dd,.b-size__figs dd{margin:0;text-align:right;overflow-wrap:anywhere}.f-grid,.sf__beats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-6);margin:var(--sp-6) 0 0}.sf__beats{list-style:none;padding:0}.f-grid>div,.sf__beats li{padding-block:var(--sp-4);border-top:1px solid var(--hairline)}.f-grid h3,.sf__beats h3{margin:0 0 6px;font-size:var(--fs-lead)}.f-grid p,.sf__beats p{margin:0;font-size:var(--fs-small);color:var(--fg-muted)}.f-grid .ask{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px var(--sp-5)}.pdp-quote-source{font-size:var(--fs-small);color:var(--fg-dim);margin:var(--sp-5) auto 0}.pdp-quote-source a{color:inherit;text-underline-offset:4px}.e-end{position:relative;isolation:isolate;overflow:hidden}.e-end__shot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:.4;filter:var(--img-filter)}.e-end:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0b0b0bb3}.e-centre{text-align:center;display:grid;justify-items:center;gap:var(--sp-5)}.e-centre h2{max-width:22ch;margin:0}.e-centre .actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}html.lenis.pdp-modal-open.lenis-stopped{overflow:visible}.pdp-dialog{color:var(--light-fg);background:var(--light-surface);--fg: var(--light-fg);--fg-dim: var(--light-fg-dim);--hairline: var(--light-hairline);--surface: var(--light-surface);border:0;border-radius:var(--radius-card);padding:clamp(24px,3vw,44px);width:min(960px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}.pdp-dialog{opacity:0;transition:opacity .3s ease,overlay .3s allow-discrete,display .3s allow-discrete}.pdp-dialog[open]{opacity:1}@starting-style{.pdp-dialog[open]{opacity:0}}.pdp-dialog.is-leaving{opacity:0;transition-duration:.26s}.pdp-dialog:not(.pdp-zoom){transform:translateY(14px) scale(.985);transition:opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1),overlay .5s allow-discrete,display .5s allow-discrete}.pdp-dialog:not(.pdp-zoom)[open]{transform:none}@starting-style{.pdp-dialog:not(.pdp-zoom)[open]{transform:translateY(14px) scale(.985)}}.pdp-dialog::backdrop{background:#0b0b0b00;transition:background-color .45s ease,overlay .45s allow-discrete,display .45s allow-discrete}.pdp-dialog[open]::backdrop{background:#0b0b0b8c}@starting-style{.pdp-dialog[open]::backdrop{background:#0b0b0b00}}.pdp-dialog.is-leaving::backdrop{background:#0b0b0b00;transition-duration:.3s}@media(prefers-reduced-motion:reduce){.pdp-dialog,.pdp-dialog::backdrop{transition:none;transform:none}}.b-guide__x{position:absolute;top:12px;right:12px;width:44px;height:44px;padding:0;display:grid;place-items:center;background:var(--surface);color:var(--fg);border:1px solid var(--hairline);border-radius:50%;cursor:pointer;font:400 24px/1 var(--font-body);z-index:2}.b-guide__in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--sp-6);padding-top:var(--sp-5)}.b-guide h2{font-size:clamp(28px,3vw,42px)}.b-size__draw{margin:0}.b-size__draw svg{width:100%;height:auto;display:block}.b-size__draw .cover{fill:none;stroke:var(--fg-dim);stroke-width:1;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.b-size__draw .rec{fill:none;stroke:var(--hairline)}.b-size__draw .dev{fill:var(--fg)}.b-size__draw .dev-plat{fill:#cfcfcf}.b-size__draw .dim{fill:none;stroke:var(--fg-dim);stroke-width:1;vector-effect:non-scaling-stroke}.b-size__draw text{font:500 10px "Barlow",var(--font-body);letter-spacing:.12em;fill:var(--fg-dim)}.b-size__figs{margin-top:var(--sp-5)}.b-size__note{margin-top:var(--sp-4);font-size:var(--fs-small);color:var(--fg-dim)}.b-guide__a4{margin-top:var(--sp-5);max-width:300px}.pdp-zoom{width:min(1440px,calc(100vw - 28px));padding:60px var(--sp-4) var(--sp-4)}.pdp-zoom__frame{position:relative;overflow:hidden;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.pdp-zoom__frame.is-zoomed{cursor:grab}.pdp-zoom__frame.is-zoomed:active{cursor:grabbing}.pdp-zoom__image{display:block;width:100%;height:min(70dvh,760px);object-fit:contain;transform-origin:0 0;will-change:transform;-webkit-user-drag:none}.pdp-zoom__image.is-ease{transition:transform .3s cubic-bezier(.22,1,.36,1)}.pdp-zoom__frame.is-loading .pdp-zoom__image{opacity:.3;transition:opacity .2s .12s}.pdp-zoom__frame.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:1.5px solid var(--hairline);border-top-color:var(--fg);opacity:0;animation:pdp-zoom-wait .8s linear infinite,pdp-zoom-show .2s .12s forwards}@keyframes pdp-zoom-wait{to{transform:rotate(360deg)}}@keyframes pdp-zoom-show{to{opacity:1}}@media(prefers-reduced-motion:reduce){.pdp-zoom__frame.is-loading:after{animation-duration:2.4s,.2s}}.pdp-zoom__z{position:absolute;top:12px;right:64px;z-index:2;width:44px;height:44px;padding:11px;display:grid;place-items:center;background:var(--surface);color:var(--fg);border:1px solid var(--hairline);border-radius:50%;cursor:pointer}.pdp-zoom__z svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.pdp-zoom__z[aria-pressed=true] .pdp-zoom__plus{display:none}.pdp-zoom__hint{margin:var(--sp-2) 0 0;max-width:none;text-align:center;font-size:var(--fs-small);color:var(--fg-dim)}@media(max-width:760px){.pdp-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:0;grid-template-rows:minmax(0,1fr) auto auto;align-items:center}.pdp-zoom[open]{display:grid}.pdp-zoom__frame{width:100%;aspect-ratio:4 / 3;overflow:hidden}.pdp-zoom__image{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%}.pdp-zoom__image[data-i="6"],.pdp-zoom__image[data-i="7"]{top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%}.pdp-zoom__image[data-tone=dark]{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pdp-zoom__controls{margin:0;padding:var(--sp-4) 0 0}.pdp-zoom__hint{padding:0 var(--gutter) calc(var(--sp-5) + env(safe-area-inset-bottom,0px))}}.pdp-zoom__controls{display:flex;justify-content:center;align-items:center;gap:var(--sp-5);margin-top:var(--sp-4)}.pdp-zoom__controls button{width:44px;height:44px;display:grid;place-items:center;padding:0;color:var(--fg);border:1px solid var(--hairline);border-radius:50%;background:none;cursor:pointer}.pdp-zoom__controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pdp-zoom__count{font:500 11px/1.5 "Barlow",var(--font-body);letter-spacing:.15em}.p-rail{position:fixed;z-index:28;right:14px;top:50%;translate:0 -50%;display:grid;justify-items:end;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.p-rail.is-on{opacity:1;visibility:visible}.p-rail a{display:flex;align-items:center;gap:9px;min-height:32px;text-decoration:none;color:var(--fg)}.p-rail i{width:13px;height:1px;background:currentColor;opacity:.3;transition:width .3s,opacity .3s}.p-rail span{font:500 9px/1.4 "Barlow",var(--font-body);letter-spacing:.18em;text-transform:uppercase;visibility:hidden}.p-rail a[aria-current] i{width:27px;opacity:1}.p-rail a[aria-current] span{animation:rail-in .5s cubic-bezier(.22,1,.36,1)}@keyframes rail-in{0%{opacity:0;translate:8px 0}}.p-rail:hover span,.p-rail:focus-within span,.p-rail a[aria-current] span{visibility:visible}@media(max-width:1699px){.p-rail:not(:hover,:focus-within) a[aria-current][href="#kaufen"] span{visibility:hidden}}.p-rail:not(:hover,:focus-within) a[aria-current][href="#buy"] span{visibility:hidden}@keyframes rail-out{to{opacity:0}}@media(max-width:1999px){.p-rail:not(:hover,:focus-within) a[aria-current] span{animation:rail-in .5s cubic-bezier(.22,1,.36,1),rail-out .5s 2.4s forwards}}.p-rail.on-dark a{color:var(--dark-fg)}.p-rail:hover,.p-rail:focus-within{background:var(--light-bg);border-radius:var(--radius-card);padding-inline:12px}.p-rail.on-dark:hover,.p-rail.on-dark:focus-within{background:var(--dark-bg)}:is(.pdp-dialog,.pdp-buy) button:focus-visible,.pdp-feature:focus-visible,.go__strip:focus-visible,.p-rail a:focus-visible,.t-more summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:1100px){.pdp-buy .pd__grid{grid-template-columns:minmax(0,1fr)}.pdp-buy .pd__media{position:static;grid-template-columns:var(--pd-thumb) minmax(0,1fr)}.pdp-buy .pd__media>.ct-thumbs{grid-area:1 / 1;grid-auto-flow:row;overflow:visible}.pdp-buy .pd__media>.pd__stage{grid-area:1 / 2}.pdp-sound{grid-template-columns:minmax(0,1fr)}.p-rail{right:8px}.p-rail span{display:none}}@media(max-width:760px){.mk__beats,.pd-steps,.f-grid,.sf__beats,.t-sheet,.b-guide__in{grid-template-columns:minmax(0,1fr)}.t-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-4)}.go__strip img{height:360px;max-height:55dvh}.b-guide__in{gap:var(--sp-5)}.b-size__draw{max-width:430px;margin-inline:auto}.p-rail a{min-height:36px;padding-left:8px}.p-rail a[aria-current] i{width:16px}.p-rail.in-buy{opacity:0;visibility:hidden}.p-rail i{width:8px}}@media(max-width:560px){.pdp-buy .pd__media{grid-template-columns:minmax(0,1fr)}.pdp-buy .pd__media>.pd__stage{grid-area:1 / 1}.pdp-buy .pd__media>.ct-thumbs{grid-area:2 / 1;grid-auto-flow:column;overflow:auto hidden}.pdp-buy .pd__media .pd__stage{aspect-ratio:4 / 3}.pdp-buy .pd__crumb{gap:var(--sp-3)}.pdp-case-add{margin-left:0;display:flex}.e-centre .actions{width:100%}.e-centre .btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.p-rail,.p-rail i{transition:none}.p-rail a[aria-current] span{animation:none}}@media print{.p-rail,.pdp-zoom-open,.b-howbig{display:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/css-pdp.css.map */