.mixmatch{--mixmatch-accent: var(--button-background-primary);--mixmatch-accent-text: var(--button-text-primary);--mixmatch-card-background: var(--product-card-background);--mixmatch-panel-background: var(--dialog-background);--mixmatch-action-height: 2.75rem;--mixmatch-step-size: var(--spacing-7-5);--mixmatch-steps-first: 15%;--mixmatch-steps-last: 92%;--mixmatch-track-height: var(--spacing-1);--mixmatch-panel-width: 380px;--mixmatch-panel-top-shadow: 0 10px 8px rgb(var(--text-color) / .05);--mixmatch-panel-bottom-shadow: 0 -10px 16px rgb(var(--text-color) / .1);--mixmatch-scrollbar-width: 6px;--mixmatch-scrollbar-track: #fff;--mixmatch-slot-height: 4.375rem;--mixmatch-visible-slots: 5;--mixmatch-slot-remove-size: 1.375rem;--mixmatch-slot-remove-icon-size: 1.4375rem;--mixmatch-slot-empty-gap: 1.3125rem;--mixmatch-chip-height: var(--spacing-8);--mixmatch-sheet-underlay: 10rem}.mixmatch [hidden]{display:none!important}.mixmatch__notice{padding:var(--spacing-4);border:1px dashed rgb(var(--text-color) / .4);border-radius:var(--rounded-sm)}.mixmatch-builder{display:grid;gap:var(--spacing-8);align-items:start}.mixmatch-builder__main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-5);min-width:0}@media screen and (min-width:1000px){.mixmatch-builder{grid-template-columns:minmax(0,1fr) var(--mixmatch-panel-width);gap:var(--spacing-10)}}.mixmatch-filters{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-3)}.mixmatch-chips{display:flex;flex:1 1 auto;gap:var(--spacing-2);min-width:0;padding:var(--spacing-0-5);overflow-x:auto;scrollbar-width:none}@media screen and (max-width:999px){.mixmatch-chips{padding-inline-end:var(--spacing-8);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--spacing-8)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--spacing-8)),transparent)}}.mixmatch-chips::-webkit-scrollbar{display:none}.mixmatch-chip,.mixmatch-search-toggle{flex:none;box-sizing:border-box;height:var(--mixmatch-chip-height);min-height:var(--mixmatch-chip-height);border:1px solid rgb(var(--text-color) / .7);border-radius:var(--rounded-full);background:none;transition:background-color .2s,border-color .2s,color .2s}.mixmatch-search-toggle{margin-block-start:var(--spacing-0-5)}@media(hover:hover){.mixmatch-search-toggle:hover{border-color:rgb(var(--mixmatch-accent))}}.mixmatch-search-toggle__close,.mixmatch-search-toggle[aria-expanded=true] .mixmatch-search-toggle__open{display:none}.mixmatch-search-toggle[aria-expanded=true] .mixmatch-search-toggle__close{display:block}.mixmatch-chip{padding-inline:var(--spacing-4);line-height:1.2;white-space:nowrap}@media(hover:hover){.mixmatch-chip:hover{border-color:rgb(var(--mixmatch-accent))}}.mixmatch-chip[aria-pressed=true],.mixmatch-search-toggle[aria-expanded=true]{border-color:rgb(var(--mixmatch-accent));background:rgb(var(--mixmatch-accent));color:rgb(var(--mixmatch-accent-text))}.mixmatch-search-toggle{display:grid;place-items:center;width:var(--mixmatch-chip-height)}.mixmatch-search{position:absolute;inset-block:0;inset-inline-start:0;padding-block-start:var(--spacing-0-5);inset-inline-end:calc(var(--mixmatch-chip-height) + var(--spacing-3));z-index:1;background:rgb(var(--background))}.mixmatch-search__input{box-sizing:border-box;height:var(--mixmatch-chip-height);min-height:0;padding-block:0;border:1px solid rgb(var(--text-color) / .7)}.mixmatch-search__input:focus{border-color:rgb(var(--text-color));box-shadow:none}@media screen and (min-width:1000px){.mixmatch-chips{flex-wrap:wrap;overflow-x:visible}}.mixmatch-search__input{width:100%;padding-inline-end:calc(var(--spacing-4) + var(--mixmatch-chip-height));border-radius:var(--rounded-full)}.mixmatch-search__input::-webkit-search-cancel-button,.mixmatch-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.mixmatch-search__clear{position:absolute;inset-block-start:var(--spacing-0-5);inset-inline-end:var(--spacing-2);display:grid;place-items:center;width:var(--mixmatch-chip-height);height:var(--mixmatch-chip-height);border-radius:var(--rounded-full)}.mixmatch-grid__empty{padding-block:var(--spacing-6);text-align:center}.mixmatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}@media screen and (min-width:700px){.mixmatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5)}}@media screen and (min-width:1000px)and (max-width:1199px){.mixmatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mixmatch-pagination{width:fit-content;margin:var(--spacing-8) auto 0}.mixmatch-pagination[hidden]{display:none}.mixmatch-pagination .pagination__item{border:0;background:none;color:inherit;cursor:pointer}.mixmatch-pagination .pagination__item:disabled{cursor:default}.mixmatch-tile{--text-color: var(--product-card-text);display:flex;flex-direction:column;background:rgb(var(--mixmatch-card-background));color:rgb(var(--text-color));border:1px solid rgb(var(--sold-out-badge-background));border-radius:var(--rounded-sm);text-align:center;touch-action:manipulation;transition:border-color .2s,box-shadow .2s}.mixmatch-tile.is-addable{cursor:pointer}.mixmatch-tile.is-selected{border-color:rgb(var(--mixmatch-accent));box-shadow:inset 0 0 0 1px rgb(var(--mixmatch-accent))}.mixmatch-tile__media{position:relative;margin:var(--spacing-3) var(--spacing-3) 0}.mixmatch-tile__image{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--rounded-sm)}.mixmatch-tile.is-sold-out .mixmatch-tile__image{opacity:.5}.mixmatch-tile__badge{position:absolute;inset-block-start:10px;inset-inline-start:10px}@media screen and (max-width:699px){.mixmatch-tile__badge{inset-block-start:2px;inset-inline-start:4px}}.mixmatch-tile__product-badge{position:absolute;inset-block-start:0;inset-inline-start:0;max-width:100%}.mixmatch-tile__check{position:absolute;inset-block-end:var(--spacing-1);inset-inline-end:var(--spacing-1);display:none;place-items:center;width:2rem;height:2rem;border-radius:var(--rounded-full);background:rgb(var(--mixmatch-accent));color:rgb(var(--mixmatch-accent-text))}.mixmatch-tile.is-selected .mixmatch-tile__check{display:grid}@media screen and (max-width:450px){.mixmatch-tile.is-selected .mixmatch-tile__check{display:none}}.mixmatch-tile__info{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-3) var(--spacing-4)}@media screen and (max-width:599px){.mixmatch-tile__excerpt{display:none}}.mixmatch-tile__rating{flex-wrap:wrap}@media screen and (max-width:338px){.mixmatch-tile .rating__count{display:none}}.mixmatch-tile__title{max-width:100%;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance}@media screen and (max-width:699px){.mixmatch-tile__title{font-size:1rem}}.mixmatch-tile__variant{display:block;overflow-wrap:normal;font-family:var(--text-font-family);font-size:calc(1em - 2px);font-weight:400;letter-spacing:var(--text-letter-spacing);text-transform:none}@media screen and (min-width:700px){.mixmatch-tile__variant{font-size:calc(1em - 4px)}}.mixmatch-tile__variant:before,.mixmatch-slot__variant:before{content:"("}.mixmatch-tile__variant:after,.mixmatch-slot__variant:after{content:")"}.mixmatch-tile__price{flex-wrap:wrap;justify-content:center;align-items:baseline;margin-block-start:auto}.mixmatch-tile__price-current{color:var(--bt-preis);font-size:var(--bt-price-m);font-weight:500}.mixmatch-tile__price-compare{color:var(--bt-streichpreis);font-size:var(--bt-compare-m);font-weight:400;text-decoration:line-through}.mixmatch-tile__actions{width:100%;margin-block-start:calc(var(--spacing-3) - var(--spacing-1))}.mixmatch-tile__add,.mixmatch-stepper,.mixmatch-tile__sold-out{box-sizing:border-box;height:var(--mixmatch-action-height);min-height:0;margin:0}.mixmatch-tile__add{width:100%;padding-block:0;padding-inline:var(--spacing-2);overflow-wrap:anywhere}.mixmatch-tile__add:disabled{opacity:.4;cursor:not-allowed}.mixmatch-tile__sold-out{display:grid;place-items:center}.mixmatch-stepper{display:none;align-items:center;justify-content:space-between;width:100%;border:2px solid rgb(var(--mixmatch-accent));border-radius:var(--rounded-full);color:rgb(var(--mixmatch-accent))}.mixmatch-tile.is-selected .mixmatch-tile__add{display:none}.mixmatch-tile.is-selected .mixmatch-stepper{display:flex}.mixmatch-stepper__button{display:grid;place-items:center;align-self:stretch;width:3rem}.mixmatch-stepper__button:disabled{opacity:.3;cursor:not-allowed}.mixmatch-stepper__quantity{min-width:2ch;font-weight:500}.mixmatch-panel{display:flex;flex-direction:column;gap:var(--spacing-4);background:rgb(var(--mixmatch-panel-background))}.mixmatch-panel__head{position:relative;display:flex;align-items:baseline;gap:var(--spacing-3)}.mixmatch-panel__title{flex:1 1 auto;font-size:var(--text-h4);line-height:1.2}.mixmatch-panel__counter{color:rgb(var(--mixmatch-accent));font-weight:700;white-space:nowrap}.mixmatch-panel__toggle{display:none}.mixmatch-steps{position:relative;padding-block-end:var(--spacing-6)}.mixmatch-steps__track{position:relative;height:var(--mixmatch-track-height);margin-block:calc((var(--mixmatch-step-size) - var(--mixmatch-track-height)) / 2);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .2)}.mixmatch-steps__fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--mixmatch-steps-first) * var(--mixmatch-fill-lead, 0) + (var(--mixmatch-steps-last) - var(--mixmatch-steps-first)) * var(--mixmatch-fill-tiers, 0) + (100% - var(--mixmatch-steps-last)) * var(--mixmatch-fill-tail, 0));border-radius:inherit;background:rgb(var(--mixmatch-accent));transition:width .3s ease}.mixmatch-steps__markers{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0}.mixmatch-step{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--mixmatch-steps-first) + (var(--mixmatch-steps-last) - var(--mixmatch-steps-first)) * var(--mixmatch-step-progress, 1));display:grid;justify-items:center;gap:var(--spacing-1);transform:translate(calc(-50% * var(--transform-logical-flip, 1)))}.mixmatch-step__circle{display:grid;place-items:center;width:var(--mixmatch-step-size);height:var(--mixmatch-step-size);border:2px solid rgb(var(--text-color) / .2);border-radius:var(--rounded-full);background:rgb(var(--mixmatch-panel-background));font-size:var(--text-xs);font-weight:600;line-height:1.6;white-space:nowrap;transition:background-color .3s,border-color .3s,color .3s}.mixmatch-step.is-reached .mixmatch-step__circle{border-color:rgb(var(--mixmatch-accent));background:rgb(var(--mixmatch-accent));color:rgb(var(--mixmatch-accent-text))}.mixmatch-step__label{font-weight:600;line-height:1.7;white-space:nowrap}.mixmatch-panel__preselect{margin-block-start:calc(-1 * var(--spacing-2));line-height:1.4}.mixmatch-panel__hint{align-self:start;max-width:100%;color:rgb(var(--mixmatch-accent));font-size:var(--text-sm);font-weight:500;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixmatch-panel__slots{display:flex;flex-direction:column}.mixmatch-panel__slots::-webkit-scrollbar{width:var(--mixmatch-scrollbar-width)}.mixmatch-panel__slots::-webkit-scrollbar-track{background:var(--mixmatch-scrollbar-track)}.mixmatch-panel__slots::-webkit-scrollbar-thumb{border-radius:var(--rounded-full);background:rgb(var(--text-color) / .2)}@supports not selector(::-webkit-scrollbar){.mixmatch-panel__slots{scrollbar-width:thin;scrollbar-color:rgb(var(--text-color) / .2) var(--mixmatch-scrollbar-track)}}.mixmatch-slot{display:grid;flex:none;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:var(--spacing-3);min-height:var(--mixmatch-slot-height);padding:var(--spacing-2-5) var(--spacing-3) var(--spacing-2-5) var(--spacing-1-5);border-block-end:1px solid rgb(var(--border-color))}.mixmatch-slot--empty{grid-template-columns:2.5rem minmax(0,1fr);gap:var(--mixmatch-slot-empty-gap)}.mixmatch-slot__image{width:3rem;height:3rem;border-radius:var(--rounded-xs);object-fit:cover}.mixmatch-slot__placeholder{width:2.5rem;height:2.5rem;border:1.2px dashed rgb(var(--text-color) / .2);border-radius:var(--rounded-xs)}.mixmatch-slot__title{font-size:var(--text-h6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;line-height:1.2;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;text-wrap:balance}.mixmatch-slot__variant{font-size:calc(1em - 2px);font-weight:400;white-space:nowrap}.mixmatch-slot--empty .mixmatch-slot__title{display:block;overflow:hidden;color:rgb(var(--text-color) / .65);font-weight:400;line-height:1.6;white-space:nowrap;text-overflow:ellipsis}.mixmatch-slot__price{align-items:baseline;gap:var(--spacing-1-5);margin-block-start:var(--spacing-1-5)}.mixmatch-slot__price-current{color:var(--bt-preis);font-size:var(--bt-price-m);font-weight:500}.mixmatch-slot__price-compare{color:var(--bt-streichpreis);font-size:var(--bt-compare-m);font-weight:400;opacity:1}@media screen and (min-width:550px){.mixmatch-slot__title{font-size:var(--text-base)}}@media screen and (min-width:700px){.mixmatch-slot__price-current,.mixmatch-slot__price-compare{line-height:1.2}}@media screen and (min-width:1000px){.mixmatch-slot__title{font-size:var(--text-sm)}.mixmatch-slot__price{margin-block-start:var(--spacing-1)}.mixmatch-slot__price-current{font-size:var(--text-sm)}.mixmatch-slot__price-compare{font-size:max(calc(var(--text-sm) - 2px),var(--bt-compare-min))}}.mixmatch-slot__remove{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--rounded-full)}@media(hover:hover){.mixmatch-slot__remove:hover{background:rgb(var(--text-color) / .08)}}.mixmatch-panel__subtotal,.mixmatch-panel__savings{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.mixmatch-panel__subtotal-prices{align-items:baseline}.mixmatch-panel__savings [data-savings-text]{font-size:calc(var(--bt-badge-size) + 1px)}.mixmatch-panel__subtotal-prices{column-gap:var(--spacing-2)}.mixmatch-panel__subtotal-prices [data-subtotal-compare]{color:var(--bt-streichpreis);font-size:var(--bt-compare-m);font-weight:400}.mixmatch-panel__subtotal-total.mixmatch-panel__subtotal-total{color:var(--bt-preis);font-size:var(--bt-price-m);font-weight:500}.mixmatch-panel__submit{box-sizing:border-box;height:var(--mixmatch-action-height);padding-block:0;padding-inline:var(--spacing-5)}@media screen and (min-width:700px){.mixmatch-panel__submit{padding-inline:var(--spacing-8)}}.mixmatch-panel__submit-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.mixmatch-panel__submit-price{display:none;align-items:baseline;gap:var(--spacing-2)}.mixmatch-panel__submit-price s{font-weight:400;opacity:.7}.mixmatch-panel__submit:disabled{opacity:.4;cursor:not-allowed}.mixmatch-panel__min-hint{overflow:hidden;font-size:var(--text-sm);line-height:1.6;white-space:nowrap;text-overflow:ellipsis}.mixmatch-panel__error{color:rgb(var(--error-text));font-size:var(--text-sm)}@media screen and (min-width:1000px){.mixmatch-backdrop{display:none}.mixmatch-panel{position:sticky;inset-block-start:calc(var(--sticky-area-height, 0px) + var(--spacing-6));max-height:calc(100vh - var(--sticky-area-height, 0px) - var(--spacing-12));gap:0;padding:0;border-radius:var(--rounded-sm);box-shadow:var(--shadow-block);overflow:hidden}.mixmatch-panel__top,.mixmatch-panel__bottom{position:relative;z-index:1;display:flex;flex:none;flex-direction:column;gap:var(--spacing-4)}.mixmatch-panel__top{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);box-shadow:var(--mixmatch-panel-top-shadow)}.mixmatch-panel__bottom{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);box-shadow:var(--mixmatch-panel-bottom-shadow)}.mixmatch-panel__head{gap:var(--spacing-2)}.mixmatch-panel__title{font-size:var(--text-h5);line-height:1.25}.mixmatch-panel__counter{font-size:var(--text-base);font-weight:600}.mixmatch-panel__slots{flex:0 1 auto;height:calc(var(--mixmatch-visible-slots) * var(--mixmatch-slot-height));min-height:0;padding-inline-start:var(--spacing-6);overflow-y:auto}.mixmatch-slot__remove{width:var(--mixmatch-slot-remove-size);height:var(--mixmatch-slot-remove-size)}.mixmatch-slot__remove svg{flex:none;width:var(--mixmatch-slot-remove-icon-size);height:var(--mixmatch-slot-remove-icon-size);stroke-width:1.5}.mixmatch-panel__totals{display:grid;gap:var(--spacing-1)}.mixmatch-panel__subtotal{font-size:var(--text-base);line-height:1.4}.mixmatch-panel__subtotal-prices{gap:var(--spacing-2)}.mixmatch-panel__subtotal-total{font-size:var(--bt-price-m);font-weight:500}.mixmatch-panel__savings{font-size:var(--text-sm)}}@media screen and (max-width:999px){.mixmatch-builder{grid-template-columns:minmax(0,1fr)}body{padding-block-end:var(--mixmatch-sheet-height, 0px)}.mixmatch-panel__top,.mixmatch-panel__bottom,.mixmatch-panel__totals{display:contents}.mixmatch-panel{position:fixed;inset-inline:0;inset-block-end:0;z-index:8;gap:var(--spacing-3);max-height:85vh;padding:var(--spacing-4) var(--container-gutter) calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;box-shadow:0 -6px 24px #0000001f,0 var(--mixmatch-sheet-underlay) 0 0 rgb(var(--mixmatch-panel-background));overflow-y:auto;translate:0 var(--mixmatch-viewport-gap, 0px)}.mixmatch-panel__subtotal,.mixmatch-panel:not(.is-expanded) .mixmatch-panel__slots{display:none}.mixmatch-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:#0000004d;cursor:pointer;-webkit-tap-highlight-color:transparent}.mixmatch-panel__slots{max-height:33vh;overflow-y:auto;overscroll-behavior:contain}.mixmatch-steps{order:1}.mixmatch-panel.is-expanded .mixmatch-panel__head,.mixmatch-panel.is-expanded .mixmatch-steps{z-index:1}.mixmatch-panel.is-expanded .mixmatch-panel__head:before,.mixmatch-panel.is-expanded .mixmatch-steps:before{content:"";position:absolute;z-index:-1;inset-inline:calc(-1 * var(--container-gutter));background:rgb(var(--mixmatch-panel-background))}.mixmatch-panel.is-expanded .mixmatch-panel__head:before{inset-block:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-1-5));box-shadow:var(--mixmatch-panel-top-shadow)}.mixmatch-panel.is-expanded .mixmatch-steps:before{inset-block:calc(-1 * var(--spacing-3)) 0;box-shadow:var(--mixmatch-panel-bottom-shadow)}.mixmatch-panel__savings{order:2}.mixmatch-panel__hint{display:none}.mixmatch-panel__preselect{order:3;margin-block-start:calc(-1 * var(--spacing-2))}.mixmatch-panel__min-hint{order:4}.mixmatch-panel__hint,.mixmatch-panel__min-hint{font-size:var(--text-base)}.mixmatch-panel__submit{order:5;height:var(--spacing-12);font-size:var(--text-base)}.mixmatch-panel__submit-price s{font-size:var(--text-sm)}.mixmatch-panel__error{order:6}.mixmatch-panel__toggle{display:grid;place-items:center;align-self:center;width:2rem;height:2rem}.mixmatch-panel__toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.mixmatch-panel__toggle svg{transform:rotate(180deg);transition:transform .2s}.mixmatch-panel.is-expanded .mixmatch-panel__toggle svg{transform:none}.mixmatch-panel__submit-price{display:flex;margin-inline-start:auto}}@media(prefers-reduced-motion:reduce){.mixmatch-tile,.mixmatch-steps__fill,.mixmatch-step__circle,.mixmatch-panel__toggle svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/bk-media-mixmatch.css.map */