.mass-section{background-color:var(--color-background);padding:60px var(--page-margin-mobile) 100px;min-height:80vh}@media(min-width:750px){.mass-section{padding:80px var(--page-margin-tablet) 120px}}@media(min-width:990px){.mass-section{padding:100px var(--page-margin-desktop) 140px}}.mass-inner{max-width:760px;margin:0 auto}.mass-nav{margin-bottom:80px}.mass-nav__steps{display:flex;align-items:flex-start;max-width:100%}.mass-nav__step{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;min-width:100px}.mass-nav__dot{width:44px;height:44px;border-radius:50%;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),calc(var(--inputs-border-opacity, .55) * .4));background:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:var(--font-body-base-size-mobile);font-family:var(--font-body-family);color:rgba(var(--color-foreground-rgb),.5);transition:all .25s}.mass-nav__label{font-size:calc(var(--font-body-base-size-mobile) - 3px);font-family:var(--font-body-family);color:rgba(var(--color-foreground-rgb),.5);text-align:center;letter-spacing:var(--body-letter-spacing);text-transform:var(--buttons-text-case, uppercase);transition:color .25s;white-space:nowrap}.mass-nav__line{flex:1;height:1px;background:rgba(var(--color-foreground-rgb),.12);margin:22px 12px 0}.mass-nav__step.is-active .mass-nav__dot{background:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.mass-nav__step.is-active .mass-nav__label{color:var(--color-foreground);font-weight:var(--font-body-weight)}.mass-nav__step.is-done .mass-nav__dot{background:rgba(var(--color-foreground-rgb),.12);border-color:rgba(var(--color-foreground-rgb),.25);color:var(--color-foreground)}.mass-nav__step.is-done .mass-nav__label{color:rgba(var(--color-foreground-rgb),.65)}.mass-pane{display:none}.mass-pane.is-active{display:block;animation:massIn .3s ease}@keyframes massIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mass-step-header{margin-bottom:56px}.mass-step-header h2{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-h2-size-mobile);color:var(--color-foreground);line-height:1.15;margin:0 0 16px}@media(min-width:750px){.mass-step-header h2{font-size:var(--font-h2-size-tablet)}}@media(min-width:990px){.mass-step-header h2{font-size:var(--font-h2-size-desktop)}}.mass-step-header p{font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);color:rgba(var(--color-foreground-rgb),.5);margin:0;line-height:1.6;letter-spacing:var(--body-letter-spacing)}.mass-field-group{margin-bottom:32px}.mass-field-label{display:block;font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 3px);font-weight:var(--font-body-weight);letter-spacing:var(--body-letter-spacing);text-transform:var(--buttons-text-case, uppercase);color:rgba(var(--color-foreground-rgb),.65);margin-bottom:14px}.mass-required{color:var(--color-foreground);margin-left:2px}.mass-field-label--opt{font-size:calc(var(--font-body-base-size-mobile) - 4px);color:rgba(var(--color-foreground-rgb),.35);text-transform:none;letter-spacing:0;font-weight:var(--font-body-weight)}.mass-thickness-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}@media(max-width:749px){.mass-thickness-grid{grid-template-columns:repeat(4,1fr);gap:10px}}.mass-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mass-option-grid:has(+.mass-info){margin-bottom:0}.mass-option-grid .mass-thickness-chip{min-height:44px}@media(max-width:749px){.mass-option-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.mass-thickness-chip{appearance:none;-webkit-appearance:none;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);padding:9px 12px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,color .18s;border-radius:var(--inputs-radius, 0)}.mass-thickness-chip:hover{border-color:var(--color-foreground)}.mass-thickness-chip.is-selected{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.mass-info-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 2px);color:rgba(var(--color-foreground-rgb),.5);border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),.12);padding:7px 14px;margin-bottom:32px;letter-spacing:var(--body-letter-spacing);border-radius:var(--inputs-radius, 0)}.mass-info-badge svg{flex-shrink:0;opacity:.5}.mass-info{background-color:rgba(var(--color-foreground-rgb),.03);border-left:2px solid rgba(var(--color-foreground-rgb),.2);padding:12px 16px;margin-top:16px;margin-bottom:32px}.mass-info p{font-size:calc(var(--font-body-base-size-mobile) - 1px);color:rgba(var(--color-foreground-rgb),.65);letter-spacing:var(--body-letter-spacing);line-height:1.6;margin:0;font-family:var(--font-body-family)}.mass-info:last-child{margin-bottom:0}.mass-widerruf{margin-top:24px;margin-bottom:12px;padding:16px 18px;background-color:rgba(var(--color-foreground-rgb),.03);border-left:2px solid rgba(var(--color-foreground-rgb),.2)}.mass-widerruf__label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.mass-widerruf__input{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;flex-shrink:0;margin:3px 0 0;cursor:pointer;border:var(--inputs-border-width, 1.5px) solid rgba(var(--color-foreground-rgb),.4);background:var(--color-background);position:relative;transition:background-color .15s,border-color .15s;border-radius:var(--inputs-radius, 0)}.mass-widerruf__input:checked{background-color:var(--color-foreground);border-color:var(--color-foreground)}.mass-widerruf__input:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:2px solid var(--color-background);border-top:0;border-left:0;transform:translate(-50%,-60%) rotate(45deg)}.mass-widerruf__text{font-size:calc(var(--font-body-base-size-mobile) - 1px);color:rgba(var(--color-foreground-rgb),.65);line-height:1.55;letter-spacing:var(--body-letter-spacing)}.mass-widerruf__text a{color:var(--color-foreground);text-decoration:underline}.mass-widerruf__text p{margin:0}.mass-widerruf__text p+p{margin-top:6px}.mass-input{width:100%;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);padding:11px 14px;transition:border-color .18s;border-radius:var(--inputs-radius, 0);-webkit-appearance:none;appearance:none;box-sizing:border-box}.mass-input:focus{outline:0;box-shadow:none;border-color:rgba(var(--color-foreground-rgb),.45)}.mass-input::placeholder{color:rgba(var(--color-foreground-rgb),.35)}.mass-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mass-input[type=number]::-webkit-outer-spin-button,.mass-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.mass-textarea{resize:vertical;min-height:90px;-webkit-appearance:none;appearance:none}.mass-textarea:focus,.mass-textarea:focus-visible{outline:0!important;box-shadow:0 0 0 0 transparent!important}.mass-field-hint{font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 3px);color:rgba(var(--color-foreground-rgb),.5);margin-top:6px;letter-spacing:var(--body-letter-spacing)}.mass-dimensions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:32px}.mass-dimensions-grid:has(+.mass-info){margin-bottom:0}.mass-field-group:has(+.mass-info){margin-bottom:0}.mass-thickness-grid:has(+.mass-info){margin-bottom:0}@media(max-width:600px){.mass-dimensions-grid{grid-template-columns:1fr 1fr}.mass-dimensions-grid .mass-field:last-child{grid-column:1 / -1}}.mass-field{display:flex;flex-direction:column;gap:0}.mass-qty-wrap{display:flex;align-items:stretch;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));border-radius:var(--inputs-radius, 0);overflow:hidden}.mass-qty-btn{appearance:none;-webkit-appearance:none;border:0;background:none;width:40px;flex-shrink:0;font-size:18px;line-height:1;color:var(--color-foreground);cursor:pointer;transition:background .15s;font-family:var(--font-body-family)}.mass-qty-btn:hover{background:rgba(var(--color-foreground-rgb),.05)}.mass-input--qty{border:0;border-left:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));border-right:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));text-align:center;width:100%;padding:11px 6px;border-radius:0}.mass-input--qty:focus{outline:none;border-color:rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2))}.mass-farbton-grid{display:flex;flex-wrap:wrap;gap:8px}.mass-farbton-chip{appearance:none;-webkit-appearance:none;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);padding:9px 18px;cursor:pointer;transition:border-color .18s,background .18s,color .18s;border-radius:var(--inputs-radius, 0)}.mass-farbton-chip:hover{border-color:var(--color-foreground)}.mass-farbton-chip.is-selected{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.mass-farbton-chip--disabled,.mass-farbton-chip:disabled{opacity:.35;cursor:not-allowed}.mass-contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:40px;margin-bottom:16px}@media(max-width:650px){.mass-contact-grid{grid-template-columns:1fr}}.mass-summary-box{border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .1));border-radius:var(--inputs-radius, 0);padding:24px;margin-bottom:20px}.mass-summary-label{font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 3px);letter-spacing:var(--body-letter-spacing);text-transform:var(--buttons-text-case, uppercase);color:rgba(var(--color-foreground-rgb),.35);margin:0 0 16px}.mass-summary{display:flex;flex-direction:column;gap:20px}.mass-summary__item{font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);color:var(--color-foreground);line-height:1.4}.mass-summary__item--header{font-size:calc(var(--font-body-base-size-mobile) - 2px);color:rgba(var(--color-foreground-rgb),.5);text-transform:var(--buttons-text-case, uppercase);letter-spacing:var(--buttons-letter-spacing);margin-top:40px;margin-bottom:8px}.mass-summary__item--header:first-child{margin-top:0}.mass-actions{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:32px;border-top:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),.1)}.mass-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;border:var(--buttons-border-width, 1px) solid rgb(var(--color-button-background, var(--color-foreground-rgb)));background:rgb(var(--color-button-background, var(--color-foreground-rgb)));color:rgb(var(--color-button-foreground, var(--color-background-rgb, 255 255 255)));font-family:var(--font-body-family);font-size:var(--buttons-font-size-mobile);font-weight:var(--buttons-font-weight, var(--font-body-weight));letter-spacing:var(--buttons-letter-spacing);text-transform:var(--buttons-text-case, uppercase);padding:0 var(--buttons-horizontal-padding, 3.2rem);height:62px;cursor:pointer;border-radius:var(--buttons-radius, 0);transition:opacity .18s}.mass-btn:hover:not(:disabled){opacity:.85}.mass-btn:disabled{opacity:.5;cursor:not-allowed}.mass-btn--back{background:none;color:rgba(var(--color-foreground-rgb),.5);border-color:rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2))}.mass-btn--back:hover:not(:disabled){opacity:1;color:var(--color-foreground);border-color:var(--color-foreground)}.mass-error{font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 2px);letter-spacing:var(--body-letter-spacing);color:#8b4040;background-color:#f9f3f3;border-left:2px solid #8b4040;padding:10px 14px;margin-top:14px;margin-bottom:24px;display:none}.mass-error.is-visible{display:block}.mass-design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}@media(min-width:600px){.mass-design-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(min-width:990px){.mass-design-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.mass-design-card{cursor:pointer;display:flex;flex-direction:column;position:relative}.mass-design-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mass-design-card__img{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:var(--inputs-border-width, 1px) solid transparent;transition:border-color .22s;background:transparent;border-radius:var(--media-radius, 0)}.mass-design-card__img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.mass-design-card__img-placeholder{width:100%;height:100%;background:rgba(var(--color-foreground-rgb),.06)}.mass-design-card__check-overlay{position:absolute;top:7px;right:7px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;color:var(--color-foreground);filter:drop-shadow(0 1px 3px rgba(0,0,0,.25));z-index:2;pointer-events:none}.mass-design-card__zoom-btn{position:absolute;bottom:7px;right:7px;width:30px;height:30px;border-radius:50%;border:0;background:#ffffffd1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .15s;z-index:3;color:#111;padding:0}.mass-design-card:hover .mass-design-card__zoom-btn{opacity:1}.mass-design-card__zoom-btn:hover{background:#fff}.mass-design-card__zoom-btn svg{width:14px;height:14px;flex-shrink:0}.mass-design-card:has(input:checked) .mass-design-card__img{border-color:var(--color-foreground)}.mass-design-card:has(input:checked) .mass-design-card__check-overlay{opacity:1}.mass-design-card__label{margin-top:8px;font-size:calc(var(--font-body-base-size-mobile) - 2px);text-align:center;line-height:1.3;font-family:var(--font-body-family);letter-spacing:var(--body-letter-spacing);color:var(--color-foreground)}.mass-design-card--unavailable{opacity:.38;pointer-events:none}.mass-design-card__unavail{font-size:calc(var(--font-body-base-size-mobile) - 4px);color:rgba(var(--color-foreground-rgb),.5)}.mass-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;overflow:hidden;z-index:99999}.mass-lightbox[open]{display:flex}.mass-lightbox::backdrop{background-color:transparent}.mass-lightbox__bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:zoom-out;z-index:0}.mass-lightbox__inner{position:relative;z-index:1;max-width:min(90vw,680px);max-height:90vh;display:flex;flex-direction:column;align-items:center}.mass-lightbox__img{display:block;max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 8px 40px #0000001f;border-radius:var(--media-radius, 0)}.mass-lightbox__caption{margin-top:14px;color:rgba(var(--color-foreground-rgb),.65);font-size:var(--font-body-base-size-mobile);font-family:var(--font-body-family);letter-spacing:var(--body-letter-spacing);text-align:center}.mass-lightbox__close{position:absolute;top:-14px;right:-14px;width:26px;height:26px;border-radius:50%;border:0;background:var(--color-foreground);color:var(--color-background);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;transition:opacity .15s;opacity:.9}.mass-lightbox__close:hover{opacity:1}.mass-btn-add-position{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:8px;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),var(--inputs-border-opacity, .2));background:var(--color-background);color:var(--color-foreground);font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);padding:10px 20px;cursor:pointer;border-radius:var(--inputs-radius, 0);margin-top:32px;transition:border-color .18s,background .18s,color .18s}.mass-btn-add-position:hover{border-color:var(--color-foreground)}.mass-btn-add-position svg{flex-shrink:0}.mass-positions{margin-top:28px;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),.12);border-radius:var(--inputs-radius, 0);overflow:hidden}.mass-positions-list{display:flex;flex-direction:column}.mass-position-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground-rgb),.07)}.mass-position-item:last-child{border-bottom:0}.mass-position-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(var(--color-foreground-rgb),.08);font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 3px);color:var(--color-foreground);flex-shrink:0;font-weight:var(--font-body-weight)}.mass-position-details{flex:1;font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 1px);letter-spacing:var(--body-letter-spacing);color:var(--color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-position-remove{appearance:none;-webkit-appearance:none;border:0;background:none;font-size:var(--font-body-base-size-mobile);line-height:1;color:rgba(var(--color-foreground-rgb),.35);cursor:pointer;padding:4px 6px;flex-shrink:0;transition:color .15s}.mass-position-remove:hover{color:var(--color-foreground)}.mass-summary__position{margin:0}.mass-config-note{background-color:rgba(var(--color-foreground-rgb),.03);border-left:2px solid rgba(var(--color-foreground-rgb),.2);padding:12px 16px;margin-top:0;margin-bottom:0}.mass-config-note p{font-family:var(--font-body-family);font-size:calc(var(--font-body-base-size-mobile) - 1px);color:rgba(var(--color-foreground-rgb),.65);line-height:1.6;letter-spacing:var(--body-letter-spacing);margin:0}.mass-contact-heading{font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);font-weight:var(--font-body-weight-bold);letter-spacing:var(--buttons-letter-spacing);text-transform:var(--buttons-text-case, uppercase);color:rgba(var(--color-foreground-rgb),.5);margin-top:44px;margin-bottom:18px}[data-pane="2"] .mass-input{height:52px;padding:0 18px}[data-pane="2"] .mass-input:focus{border-color:rgba(var(--color-foreground-rgb),.4)}[data-pane="2"] .mass-input::placeholder{color:rgba(var(--color-foreground-rgb),.35)}[data-pane="2"] .mass-textarea{height:auto;min-height:140px;padding-top:16px;padding-bottom:16px}@media(max-width:749px){.mass-section{padding-top:40px;padding-bottom:60px}.mass-nav{margin-bottom:40px}.mass-input{font-size:max(16px,var(--font-body-base-size-mobile))}.mass-btn-add-position{width:100%;justify-content:center}.mass-design-card__label{font-size:calc(var(--font-body-base-size-mobile) - 1px);margin-top:6px}.mass-design-card__zoom-btn{width:34px;height:34px}}@media(max-width:480px){.mass-actions{flex-direction:column-reverse;gap:10px}.mass-actions .mass-btn{width:100%}.mass-step-header{margin-bottom:28px}}@media(hover:none){.mass-design-card__zoom-btn{opacity:1}}.mass-confirmation{text-align:center;padding:60px 0}.mass-confirmation__icon{width:52px;height:52px;border-radius:50%;background:rgba(var(--color-foreground-rgb),.08);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 28px;color:var(--color-foreground)}.mass-confirmation h2{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-h3-size-mobile);color:var(--color-foreground);margin:0 0 14px}@media(min-width:750px){.mass-confirmation h2{font-size:var(--font-h3-size-tablet)}}@media(min-width:990px){.mass-confirmation h2{font-size:var(--font-h3-size-desktop)}}.mass-confirmation p{font-family:var(--font-body-family);font-size:var(--font-body-base-size-mobile);letter-spacing:var(--body-letter-spacing);color:rgba(var(--color-foreground-rgb),.65);max-width:420px;margin:0 auto;line-height:1.65}
/*# sourceMappingURL=/cdn/shop/t/16/assets/massanfertigung-konfigurator.css.map */