.eo24{--eo24-ink: #1a1f24;--eo24-steel: #66717b;--eo24-line: #d8dde2;--eo24-line-strong: #b9c1c8;--eo24-surface: #f4f6f8;--eo24-panel: #ffffff;--eo24-accent: #1f4f8f;--eo24-accent-ink: #163a69;--eo24-accent-soft: #e9f0f9;--eo24-warn: #a8621a;--eo24-warn-soft: #fbf1e4;--eo24-ok: #2b7a4b;--eo24-ok-soft: #e7f4ec;--eo24-radius: 6px;--eo24-font: var(--font-body-family, system-ui, -apple-system, "Segoe UI", sans-serif);--eo24-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--eo24-font);color:var(--eo24-ink);line-height:1.45;font-size:15px;max-width:1280px;margin:0 auto;padding:0 16px 96px;box-sizing:border-box}.eo24 *,.eo24 *:before,.eo24 *:after{box-sizing:border-box}.eo24--theme{--eo24-accent: rgb(var(--color-button, 31 79 143));--eo24-ink: rgb(var(--color-foreground, 26 31 36));--eo24-panel: rgb(var(--color-background, 255 255 255))}.eo24__loading{color:var(--eo24-steel);padding:40px 0;text-align:center}.eo24__head{padding:28px 0 20px}.eo24__head h1,.eo24__head h2{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0 0 8px;letter-spacing:-.01em}.eo24__intro{color:var(--eo24-steel);max-width:70ch;margin:0}.eo24__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media(min-width:960px){.eo24__grid{grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:28px;align-items:start}.eo24__side{position:sticky;top:16px}}.eo24__preview{background:var(--eo24-panel);border:1px solid var(--eo24-line);border-radius:var(--eo24-radius);overflow:hidden}.eo24__preview-tabs{display:flex;border-bottom:1px solid var(--eo24-line);background:var(--eo24-surface)}.eo24__tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--eo24-steel);padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.eo24__tab[aria-selected=true]{color:var(--eo24-ink);border-bottom-color:var(--eo24-accent);background:var(--eo24-panel)}.eo24__tab:focus-visible{outline:2px solid var(--eo24-accent);outline-offset:-2px}.eo24__stage{position:relative;height:320px;background:linear-gradient(#f7f8fa,#e9ecef)}@media(min-width:960px){.eo24__stage{height:420px}}.eo24__stage canvas{display:block;width:100%!important;height:100%!important;outline:none;touch-action:none}.eo24__stage-hint{position:absolute;left:12px;bottom:10px;font-size:12px;color:var(--eo24-steel);background:#fffc;padding:3px 8px;border-radius:3px;pointer-events:none}.eo24__grundriss{width:100%;height:100%;display:block}.eo24__grundriss text{font-family:var(--eo24-mono);font-size:11px;fill:var(--eo24-ink)}.eo24__grundriss .eo24-gr-dim{fill:var(--eo24-accent-ink);font-weight:600}.eo24__grundriss .eo24-gr-legend{font-family:var(--eo24-font);font-size:11px;fill:var(--eo24-steel)}.eo24__gr-legend{display:flex;flex-wrap:wrap;gap:14px;padding:8px 14px;font-size:12px;color:var(--eo24-steel);border-top:1px solid var(--eo24-line)}.eo24__gr-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px}.eo24__gr-legend .l-kante:before{background:var(--eo24-ink)}.eo24__gr-legend .l-gelaender:before{background:var(--eo24-accent)}.eo24__gr-legend .l-wand:before{background:repeating-linear-gradient(45deg,#9aa3ab 0 2px,transparent 2px 4px);height:8px}.eo24__gr-legend .l-pfosten:before{width:8px;height:8px;border-radius:50%;background:var(--eo24-accent)}.eo24__price{margin-top:16px;background:var(--eo24-panel);border:1px solid var(--eo24-line);border-radius:var(--eo24-radius);padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end}.eo24__price-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--eo24-steel)}.eo24__price-sum{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.eo24__price-sum small{font-size:12px;font-weight:400;color:var(--eo24-steel);letter-spacing:0;margin-left:6px}.eo24__price-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--eo24-steel);margin-top:6px}.eo24__price-meta b{color:var(--eo24-ink);font-weight:600;font-variant-numeric:tabular-nums}.eo24__price-note{grid-column:1 / -1;font-size:12px;color:var(--eo24-steel);margin-top:4px}.eo24__steps{display:flex;flex-direction:column;gap:10px}.eo24-step{background:var(--eo24-panel);border:1px solid var(--eo24-line);border-radius:var(--eo24-radius)}.eo24-step__head{width:100%;-webkit-appearance:none;appearance:none;background:transparent;border:0;font:inherit;color:inherit;text-align:left;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 16px;cursor:pointer}.eo24-step__head:focus-visible{outline:2px solid var(--eo24-accent);outline-offset:-2px;border-radius:var(--eo24-radius)}.eo24-step__head[disabled]{cursor:default;opacity:.55}.eo24-step__num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--eo24-mono);font-size:13px;font-weight:600;border:1.5px solid var(--eo24-line-strong);color:var(--eo24-steel)}.eo24-step--done .eo24-step__num{background:var(--eo24-accent);border-color:var(--eo24-accent);color:#fff}.eo24-step--open .eo24-step__num{border-color:var(--eo24-accent);color:var(--eo24-accent)}.eo24-step__title{font-weight:600;font-size:15px}.eo24-step__value{font-size:13px;color:var(--eo24-steel);display:block;margin-top:2px}.eo24-step__edit{font-size:13px;color:var(--eo24-accent);font-weight:600}.eo24-step__body{padding:4px 16px 18px;border-top:1px solid var(--eo24-line)}.eo24-step__help{color:var(--eo24-steel);font-size:14px;margin:12px 0 14px}.eo24-step__help a{color:var(--eo24-accent)}.eo24-step__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.eo24-opts{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.eo24-opts--wide{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.eo24-opt{-webkit-appearance:none;appearance:none;background:var(--eo24-panel);border:1.5px solid var(--eo24-line);border-radius:var(--eo24-radius);padding:12px;text-align:left;cursor:pointer;font:inherit;color:inherit;display:grid;gap:8px;transition:border-color .15s,background .15s}.eo24-opt:hover{border-color:var(--eo24-line-strong)}.eo24-opt:focus-visible{outline:2px solid var(--eo24-accent);outline-offset:2px}.eo24-opt[aria-pressed=true]{border-color:var(--eo24-accent);background:var(--eo24-accent-soft)}.eo24-opt__icon{height:44px;display:flex;align-items:center}.eo24-opt__icon svg{width:76px;height:44px}.eo24-opt__name{font-weight:600;font-size:14px;line-height:1.25}.eo24-opt__desc{font-size:12.5px;color:var(--eo24-steel);line-height:1.35}.eo24-opt__price{font-family:var(--eo24-mono);font-size:12px;color:var(--eo24-accent-ink)}.eo24-swatch{width:100%;height:34px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.eo24-seg{display:grid;grid-template-columns:34px 1fr 1fr 34px;gap:10px;align-items:end;padding:10px 0;border-bottom:1px dashed var(--eo24-line)}.eo24-seg__idx{font-family:var(--eo24-mono);font-size:13px;color:var(--eo24-steel);padding-bottom:10px}.eo24-field label{display:block;font-size:12px;color:var(--eo24-steel);margin-bottom:4px}.eo24-field .eo24-input{position:relative}.eo24-field input{width:100%;font:inherit;font-family:var(--eo24-mono);font-size:15px;padding:9px 40px 9px 10px;border:1.5px solid var(--eo24-line);border-radius:var(--eo24-radius);background:#fff;color:var(--eo24-ink)}.eo24-field input:focus{outline:2px solid var(--eo24-accent);outline-offset:0;border-color:transparent}.eo24-field input[aria-invalid=true]{border-color:#c0392b}.eo24-field .eo24-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--eo24-steel);pointer-events:none}.eo24-seg__del{-webkit-appearance:none;appearance:none;border:1px solid var(--eo24-line);background:#fff;border-radius:var(--eo24-radius);height:38px;cursor:pointer;color:var(--eo24-steel);font-size:18px;line-height:1}.eo24-seg__del:hover{color:#c0392b;border-color:#c0392b}.eo24-seg__del[disabled]{opacity:.35;cursor:default}.eo24-mass-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px}.eo24-mass-info div{background:var(--eo24-surface);border-radius:var(--eo24-radius);padding:10px 12px}.eo24-mass-info small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--eo24-steel)}.eo24-mass-info b{font-family:var(--eo24-mono);font-size:15px}.eo24-note{border-left:3px solid var(--eo24-warn);background:var(--eo24-warn-soft);padding:10px 12px;border-radius:0 var(--eo24-radius) var(--eo24-radius) 0;font-size:13.5px;margin:12px 0}.eo24-note--ok{border-color:var(--eo24-ok);background:var(--eo24-ok-soft)}.eo24-note--info{border-color:var(--eo24-accent);background:var(--eo24-accent-soft)}.eo24-confirm{border:1.5px solid var(--eo24-warn);border-radius:var(--eo24-radius);padding:14px 16px;margin-top:14px;background:#fff}.eo24-confirm p{margin:0 0 12px;font-size:14px}.eo24-confirm__actions{display:flex;flex-wrap:wrap;gap:10px}.eo24-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:12px}.eo24-table th,.eo24-table td{padding:8px 10px;border-bottom:1px solid var(--eo24-line);text-align:left;vertical-align:top}.eo24-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--eo24-steel);font-weight:600}.eo24-table td.c{text-align:center}.eo24-table td.num{text-align:right;font-family:var(--eo24-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.eo24-table tfoot td{font-weight:700;border-bottom:0}.eo24-table .muted{color:var(--eo24-steel);font-size:12.5px}.eo24-check{color:var(--eo24-ok);font-weight:700}.eo24-cross{color:var(--eo24-line-strong)}.eo24-summary dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:12px 0;font-size:14px}.eo24-summary dt{color:var(--eo24-steel)}.eo24-summary dd{margin:0;font-weight:500}.eo24-summary__id{font-family:var(--eo24-mono);background:var(--eo24-surface);padding:2px 8px;border-radius:4px}.eo24-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:14px 0;cursor:pointer}.eo24-checkbox input{margin-top:3px;width:18px;height:18px;accent-color:var(--eo24-accent)}.eo24-save{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.eo24-btn{-webkit-appearance:none;appearance:none;font:inherit;font-weight:600;font-size:14px;border-radius:var(--eo24-radius);padding:11px 18px;cursor:pointer;border:1.5px solid var(--eo24-accent);background:var(--eo24-accent);color:#fff;transition:background .15s,border-color .15s}.eo24-btn:hover{background:var(--eo24-accent-ink);border-color:var(--eo24-accent-ink)}.eo24-btn:focus-visible{outline:2px solid var(--eo24-accent);outline-offset:2px}.eo24-btn[disabled]{opacity:.45;cursor:not-allowed}.eo24-btn--ghost{background:#fff;color:var(--eo24-accent)}.eo24-btn--ghost:hover{background:var(--eo24-accent-soft);color:var(--eo24-accent-ink)}.eo24-btn--warn{background:#fff;color:var(--eo24-warn);border-color:var(--eo24-warn)}.eo24-btn--warn:hover{background:var(--eo24-warn-soft)}.eo24-btn--big{width:100%;padding:15px 20px;font-size:16px}.eo24-btn--sm{padding:7px 12px;font-size:13px}.eo24-link{color:var(--eo24-accent);text-decoration:underline;background:none;border:0;padding:0;font:inherit;cursor:pointer}.eo24__bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--eo24-panel);border-top:1px solid var(--eo24-line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;box-shadow:0 -6px 20px #0000000f}.eo24__bar b{font-size:20px;font-variant-numeric:tabular-nums}.eo24__bar small{display:block;font-size:11px;color:var(--eo24-steel)}@media(min-width:960px){.eo24__bar{display:none}.eo24{padding-bottom:40px}}.eo24-error{background:#fdecea;border-left:3px solid #c0392b;padding:10px 12px;font-size:13.5px;border-radius:0 var(--eo24-radius) var(--eo24-radius) 0;margin-top:10px}.eo24-error code{font-family:var(--eo24-mono);font-size:12px}@media(prefers-reduced-motion:reduce){.eo24 *{transition:none!important}}.eo24 .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/51/assets/eo24-konfigurator.css.map */