body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

Das Scott-Mantra - Innovation, Technologie und Design - bringt exakt auf den Punkt, was du von Scott Produkten erwarten darfst. Stolz präsentiert Scott seine Produktlinie.Eigenschaften: Das neue Addict RC wurde entwickelt, um der Schwerkraft zu trotzen und deine Leistung zu steigern. Es ist Scotts leichtestes Serien-Rennrad aller Zeiten. Egal, ob du steile Anstiege angreifst oder zur Ziellinie sprintest, jeder Aspekt dieses Bikes wurde sorgfältig mit einem einzigen Gedanken gefertigt - alle anderen im Staub verschwinden lassen. Hinweis: Fahrradspezifikationen können ohne vorherige Ankündigung geändert werden.Merkmale:RAHMEN: Addict RC HMX Road Race geometry / Replaceable Derailleur Hanger Internal cable routing GABEL: Addict RC HMX Flatmount Disc 27.2mm Eccentric Carbon steerer SCHALTWERK: Shimano Ultegra Di2 RD-R8150 24 Speed Electronic Shift System UMWERFER: Shimano Ultegra Di2 FD-R8150 Electronic Shift System SCHALTHEBEL: Shimano Ultegra Di2 ST-R8170 Electronic Shift System KURBELSATZ: Shimano Ultegra FC-R8100 Hollowtech II 52x36 INNENLAGER: Shimano SM-BB71-41B KETTE: Shimano CN-M8100-12 KASSETTE: Shimano Ultegra CS-R8101-12 12724 BREMSEN: Shimano BR-R8170 Hyd.Disc BREMSSCHEIBE: Shimano RT-CL800 rotor 160/F and 140/R LENKER: Syncros HB-R100-CF VORBAU: Syncros ST-R100-AL SATTELSTÜTZE: Syncros SP-R101-CF SATTEL: Syncros Belcarra Regular 2.0 STEUERSATZ: Acros AIF-1317 LAUFRADSATZ: Syncros Capital 1.0 40mm 24 Front / 24 Rear Syncros SL Axle VORDERREIFEN: Schwalbe ONE TLE Race-Guard Fold 700x30C HINTERREIFEN: Schwalbe ONE TLE Race-Guard Fold 700x30C ZUBEHÖR: Syncros iS Drop Bar Tool 2 GEWICHT IN KG (CA.): 7.3MAX. SYSTEMGEWICHT: 120kg Das Gesamtgewicht umfasst das Bike, den Fahrer, die Ausrüstung und eventuelles weiteres Gepäck Größen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: XXS - XS - S - M - L - XL - XXLHerstellerinformationenScott Sports AG Niederlassung DeutschlandGutenbergstrasse 27 85748, Garching-Hochbrück, [email protected]

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

body { font-family: "Open Sans", sans-serif; background: #f4f5f7; color: #222; } .wrapper { max-width: 1040px; margin: 2.5rem auto; background: #fff; border-radius: 14px; box-shadow: 0 4px 18px rgba(0,0,0,0.07); padding: 2.5rem; } h1 { color: #1e294f; } h2 { color: #1e294f; font-size: 1.33rem; margin-top: 2.1rem; } .flex-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; } .editor { width: 100%; min-height: 80px; padding: 0.7rem 0.9rem; border-radius: 8px; border: 1px solid #ececec; background: #fafafa; font-size: 1.08em; margin-bottom: 1.1rem; } .table-edit { border-collapse: collapse; width: 100%; margin: 1rem 0 2rem; } .table-edit th, .table-edit td { border: 1px solid #eee; padding: 0.38rem 0.6rem; } .table-edit th { background: #f4f5f7; } .table-edit input { width: 100%; font-size: 1em; } .drag-btn { cursor: grab; font-size: 1.15em; background: none; border: none; color: #1e294f; } .btn, .copy-btn { background: #1e294f; color: #fff; border: none; border-radius: 7px; padding: 0.6rem 1.0rem; cursor: pointer; font-weight: 600; font-size: 0.98em; } .btn:hover, .copy-btn:hover { background: #16203a; } .copy-row { display: flex; gap: 1.2rem; margin-bottom: 1.1rem; align-items: center; flex-wrap: wrap; } .controls { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.4rem 0 1rem; } .controls label { display:flex; gap:.45rem; align-items:center; background:#eef2ff; color:#1e294f; padding:.4rem .6rem; border-radius:8px; } .output-area { margin-top: 2.4rem; border: 1px solid #eee; border-radius: 8px; background: #fafafa; padding: 1.5rem; } pre { margin: 0; white-space: pre-wrap; word-break: break-word; } .footer { margin-top: 2.4rem; text-align: center; color: #6b6e72; font-size: 1em; padding-top: 1.2rem; border-top: 1px solid #eee; } .del-btn { color: #fff; background: #394054; border: none; padding: 0.2em 0.8em; border-radius: 6px; font-size: 1.15em; cursor: pointer; } .del-btn:hover { background: #1e294f; } .add-row-btn { background: #333; color: #fff; border: none; border-radius: 5px; padding: 0.25em 0.85em; margin-left: 0.7em; } .import-mapping { margin: 0.8em 0 0.4em 0; display: flex; gap: 1.1em; flex-wrap: wrap; } .import-mapping label { font-weight: 600; color: #1e294f; margin-right: 0.4em; } .import-mapping select { padding: 0.22em 0.9em; font-size: 1em; border-radius: 6px; border: 1px solid #c2c5ce; } @media (max-width: 700px) { .wrapper {padding: 0.7rem;} .import-mapping {gap:1em;} } .product-section { font-family: 'Open Sans',sans-serif; background: #fff; border-radius: 16px; box-shadow: 0 8px 28px rgba(0,0,0,0.07); padding: 2.2rem 2.5rem; max-width: 980px; margin: 2rem auto; } .brand-info { margin-bottom: 1.7rem; font-size: 1.16em; color: #38404b; font-weight: 500; letter-spacing: 0.01em; } .prod-section-title { font-size: 1.26rem; color: #1e294f; border-bottom: 2.5px solid #1e294f; padding-bottom: .33rem; margin: 1.7rem 0 .9rem 0; font-weight: 700; letter-spacing: 0.02em; } .prod-desc { margin-bottom: 1.8rem; color: #353d45; line-height: 1.6; font-size: 1.09em; } .spec-table { margin-bottom: 1.8rem; border-radius: 14px; overflow: hidden; background: #fcfcfd; border: 1px solid #e3e7ef; box-shadow: 0 2px 14px rgba(30,41,79,0.06); padding: 0.6rem 0; } .spec-row { display: flex; align-items: center; padding: 1.0rem 1.5rem 1.0rem 1.1rem; font-size: 1.07em; border-bottom: 1px dashed #e3e7ef; gap: 1.6em; background: #fcfcfd; transition: background 0.12s; } .spec-row:last-child { border-bottom: none; } .spec-label { flex: 0 0 260px; color: #2d3854; font-weight: 600; letter-spacing: 0.01em; outline: none; } .spec-value { flex: 1 1 auto; color: #555; word-break: break-word; white-space: pre-wrap; outline: none; } .spec-label[contenteditable]:hover, .spec-value[contenteditable]:hover, .gro-edit[contenteditable]:hover { background: #f9f3db; cursor: text; } .size-hinweis { margin: 1.2em 0 0.3em 0; color: #30343a; font-size: 1.04em; background: #f7f7f7; padding: 0.7em 1em;

Ob schnelle Feierabendrunde oder ambitionierte Tour - mit diesem Bike spürst du bei jedem Tritt den sportlichen Charakter und die ausgewogene Performance., Bestelle dein Scott Scale Gravel 20 ganz bequem online und lass es dir nach Hause liefern - oder hol es fertig montiert per Click & Collect in einer von über 40 Lucky Bike Filialen ab., Das Scott Scale Gravel 20 ist das perfekte Bike für sportliche Fahrerinnen und Fahrer, die Wert auf Dynamik und Zuverlässigkeit legen., Mit dem SRAM Eagle 70 Transmission 12 Speed Schaltwerk genießt du präzise und schnelle Gangwechsel, sodass du jede Steigung spielend meisterst., Vorsichtshalber legen wir dir als Service einfache Test-Pedale bei., Das Scott Scale Gravel 20 verbindet ausgewogene Technik mit sportlichem Fahrspaß - dein idealer Begleiter für jede Tour., Die hydraulischen Shimano MT401 Scheibenbremsen bieten dir auch bei Nässe und auf steilen Abfahrten eine verlässliche Bremsleistung -

Ob schnelle Feierabendrunde oder ambitionierte Tour - mit diesem Bike spürst du bei jedem Tritt den sportlichen Charakter und die ausgewogene Performance., Bestelle dein Scott Scale Gravel 20 ganz bequem online und lass es dir nach Hause liefern - oder hol es fertig montiert per Click & Collect in einer von über 40 Lucky Bike Filialen ab., Das Scott Scale Gravel 20 ist das perfekte Bike für sportliche Fahrerinnen und Fahrer, die Wert auf Dynamik und Zuverlässigkeit legen., Mit dem SRAM Eagle 70 Transmission 12 Speed Schaltwerk genießt du präzise und schnelle Gangwechsel, sodass du jede Steigung spielend meisterst., Vorsichtshalber legen wir dir als Service einfache Test-Pedale bei., Das Scott Scale Gravel 20 verbindet ausgewogene Technik mit sportlichem Fahrspaß - dein idealer Begleiter für jede Tour., Die hydraulischen Shimano MT401 Scheibenbremsen bieten dir auch bei Nässe und auf steilen Abfahrten eine verlässliche Bremsleistung -