.fk-cta-wrapper,.fk-modal{--fk-primary: #42434d;--fk-primary-hover: #2f3039;--fk-border: #e0e0e0;--fk-bg: #fff;--fk-bg-light: #f7f7f7;--fk-text: #42434d;--fk-text-muted: #717171;--fk-success: #2e7d32;--fk-error: #ba4444;--fk-radius: 4px;--fk-radius-sm: 4px;--fk-transition: .2s ease;font-family:inherit}.fk-cta-wrapper{margin:0;display:contents}.fk-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:8px 12.8px;background:var(--fk-bg);color:var(--fk-text);border:1px solid #000;border-radius:14px;font-size:14px;font-weight:400;line-height:22.4px;cursor:pointer;transition:all var(--fk-transition);white-space:nowrap}@media(hover:hover){.fk-cta:hover{background:var(--fk-primary);color:#fff}}.fk-cta__icon,.fk-cta__hint{display:none}.fk-modal-overlay{--fk-header-offset: 0px;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);align-items:center;justify-content:center;padding:calc(var(--fk-header-offset) + 1rem) 1rem 1rem}.fk-modal-overlay--open{display:flex}body.fk-modal-open{overflow:hidden}.fk-modal{position:relative;width:100%;max-width:720px;max-height:min(calc(100vh - var(--fk-header-offset, 0px) - 2rem),700px);background:var(--fk-bg);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;outline:none}.fk-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--fk-border);flex-shrink:0}.fk-modal__title{font-size:1.15rem;font-weight:700;margin:0}.fk-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--fk-border);border-radius:50%;cursor:pointer;color:var(--fk-text-muted);transition:all var(--fk-transition);flex-shrink:0}@media(hover:hover){.fk-modal__close:hover{color:var(--fk-text);border-color:var(--fk-text)}}.fk-modal__body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.fk-steps{display:flex;align-items:center;gap:0;margin-bottom:1.25rem;padding:0 .25rem}.fk-step{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:opacity var(--fk-transition)}.fk-step--active{opacity:1}.fk-step--done{opacity:.7}.fk-step__number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--fk-primary);color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0}.fk-step--done .fk-step__number{background:var(--fk-success)}.fk-step__label{font-size:.85rem;font-weight:500;white-space:nowrap}.fk-step__divider{flex:1;height:1px;background:var(--fk-border);margin:0 .75rem;min-width:20px}.fk-panel{display:none}.fk-panel--active{display:block;animation:fk-fadeIn .25s ease}@keyframes fk-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fk-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.fk-panel__title{font-size:1.05rem;font-weight:600;margin:0 0 1rem}.fk-panel__header .fk-panel__title{margin-bottom:0}.fk-back{display:inline-flex;align-items:center;gap:.25rem;background:none;border:1px solid var(--fk-border);border-radius:var(--fk-radius);padding:.4rem .75rem;font-size:.85rem;color:var(--fk-text-muted);cursor:pointer;transition:all var(--fk-transition)}@media(hover:hover){.fk-back:hover{color:var(--fk-text);border-color:var(--fk-text)}}.fk-sizes{display:flex;flex-wrap:wrap;gap:.5rem}.fk-size-btn{background:var(--fk-bg);border:2px solid var(--fk-border);border-radius:var(--fk-radius);padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--fk-transition);color:var(--fk-text)}@media(hover:hover){.fk-size-btn:hover{border-color:var(--fk-primary)}}.fk-size-btn--active{border-color:var(--fk-primary);background:var(--fk-primary);color:#fff}.fk-search{position:relative;margin-bottom:1rem}.fk-search__input{width:100%;padding:.65rem 1rem;border:1px solid var(--fk-border);border-radius:24px;font-size:.9rem;outline:none;transition:border-color var(--fk-transition);box-sizing:border-box}.fk-search__input:focus{border-color:var(--fk-primary)}.fk-search__results{position:absolute;top:100%;left:0;right:0;background:var(--fk-bg);border:1px solid var(--fk-border);border-top:none;border-radius:0 0 var(--fk-radius) var(--fk-radius);max-height:240px;overflow-y:auto;z-index:10;display:none;box-shadow:0 4px 12px #0000001a}.fk-search__results--open{display:block}.fk-search__result{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;cursor:pointer;transition:background var(--fk-transition);border-bottom:1px solid var(--fk-bg-light)}.fk-search__result:last-child{border-bottom:none}@media(hover:hover){.fk-search__result:hover{background:var(--fk-bg-light)}}.fk-search__result-swatch{width:28px;height:28px;border-radius:var(--fk-radius-sm);flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.fk-search__result-info{display:flex;flex-direction:column;gap:.1rem}.fk-search__result-id{font-size:.85rem;font-weight:600}.fk-search__result-meta{font-size:.75rem;color:var(--fk-text-muted)}.fk-families{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.fk-family-btn{display:flex;align-items:center;gap:.6rem;background:var(--fk-bg);border:2px solid var(--fk-border);border-radius:var(--fk-radius);padding:.6rem .75rem;cursor:pointer;transition:all var(--fk-transition);text-align:left}@media(hover:hover){.fk-family-btn:hover{border-color:var(--fk-primary)}}.fk-family-btn__swatch{width:32px;height:32px;border-radius:var(--fk-radius-sm);flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.fk-family-btn__name{font-size:.8rem;font-weight:500;line-height:1.2}.fk-family-btn__count{font-size:.7rem;color:var(--fk-text-muted)}.fk-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.fk-color-swatch{position:relative;aspect-ratio:1;border-radius:var(--fk-radius-sm);cursor:pointer;border:2px solid transparent;transition:all var(--fk-transition);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px;overflow:hidden}@media(hover:hover){.fk-color-swatch:hover{transform:scale(1.08);z-index:2;box-shadow:0 2px 8px #0003}}.fk-color-swatch--active{border-color:var(--fk-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fk-primary);transform:scale(1.08);z-index:2}.fk-color-swatch__id{font-size:.55rem;font-weight:600;line-height:1;text-align:center;opacity:.9;pointer-events:none}.fk-color-swatch__ral{font-size:.5rem;line-height:1;text-align:center;opacity:.75;pointer-events:none}.fk-color-swatch--light .fk-color-swatch__id,.fk-color-swatch--light .fk-color-swatch__ral{color:#1a1a1a}.fk-color-swatch--dark .fk-color-swatch__id,.fk-color-swatch--dark .fk-color-swatch__ral{color:#fff}.fk-summary{display:none;padding:1rem 1.25rem;background:var(--fk-bg-light);border-top:1px solid var(--fk-border);border-radius:0 0 var(--fk-radius) var(--fk-radius);flex-shrink:0}.fk-summary--visible{display:block;animation:fk-fadeIn .25s ease}.fk-summary__selection{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.fk-summary__swatch{width:48px;height:48px;border-radius:var(--fk-radius);flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.fk-summary__details{display:flex;flex-direction:column;gap:.15rem;flex:1}.fk-summary__color-id{font-size:.95rem;font-weight:700}.fk-summary__color-name{font-size:.8rem;color:var(--fk-text-muted)}.fk-summary__size{font-size:.75rem;color:var(--fk-text-muted)}.fk-summary__price-wrap{text-align:right;white-space:nowrap}.fk-summary__price{font-size:1.3rem;font-weight:700}.fk-summary__unit-price{display:block;font-size:.75rem;color:var(--fk-text-muted);font-weight:400}.fk-add-to-cart{width:100%;padding:.85rem;background:var(--fk-primary);color:#fff;border:none;border-radius:var(--fk-radius);font-size:1rem;font-weight:400;cursor:pointer;transition:background var(--fk-transition)}.fk-add-to-cart:hover:not(:disabled){background:var(--fk-primary-hover)}.fk-add-to-cart:disabled{opacity:.5;cursor:not-allowed}.fk-add-to-cart--loading{pointer-events:none;opacity:.7}.fk-summary__feedback{margin-top:.5rem;font-size:.85rem;text-align:center;min-height:1.2em}.fk-summary__feedback--success{color:var(--fk-success)}.fk-summary__feedback--error{color:var(--fk-error)}@media(max-width:600px){.fk-modal-overlay{padding:0}.fk-modal-overlay--open{align-items:flex-end}.fk-modal{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;animation:fk-slideUp .3s ease}@keyframes fk-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fk-step__label{display:none}.fk-sizes{display:grid;grid-template-columns:repeat(2,1fr)}.fk-size-btn{width:100%;text-align:center;box-sizing:border-box}.fk-families{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fk-colors{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.fk-search__input{font-size:16px}.fk-back{padding:.6rem 1rem}.fk-summary{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.fk-summary__selection{flex-wrap:wrap}.fk-summary__price-wrap{width:100%;text-align:left}}@media(max-width:400px){.fk-families{grid-template-columns:1fr 1fr}.fk-colors{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/farbkonfigurator.css.map */