we cycle.de - we cycle Zweirad GmbH & Co. KG

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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; padding: 0.7em 1em;

HerstellerinformationenPending System GmbH & Co. KGLudwig-Hüttner-Str. 5-7 95679, Waldershof, DE(+49) 9231 97 007 [email protected]

HerstellerinformationenPending System GmbH & Co. KGLudwig-Hüttner-Str. 5-7 95679, Waldershof, DE(+49) 9231 97 007 [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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; padding: 0.7em 1em;

Die Marke Cube ist ein deutscher Hersteller, der Räder herstellt und das mit voller Hingabe. Ihr Ziel ist es Optik, Design, Ausstattung und Leistung zu einem attraktiven Preis anzubieten, was Sie in den letzten Jahren auch bewiesen haben.Eigenschaften: Der Aim Rahmen besticht mit seinem supercleanen Look - verantwortlich dafür: die im Smooth Welding Verfahren hergestellten Verbindungen an Steuerrohr und Sattelrohr. Außerdem hat Cube ihm ein geschraubtes Tretlager gegeben und die Züge ins Innere verlegt, damit sie ihren Job lange machen und einfach gewartet werden können. Es gibt sogar eine Aufnahme für eine Flat Mount Scheibenbremse, die nahtlos in die Seitenständeraufnahme integriert ist. Montagepunkte für ACID Schutzbleche und Gepäckträger sind auch mit dabei. Die spezielle Geometrie hat ein niedrigeres Oberrohr für superzuverlässiges Handling und lässt viel Platz für breite, griffige, komfortabel rollende 2.25 Zoll Reifen. Dazu ist das Size Split System breit aufgestellt - so findest du mit Sicherheit das für dich perfekt passende Aim. Merkmale: RAHMEN: Aluminium Lite, AMF, Double Butted, Internal Cable Routing, Tapered Head Tube, Flat Mount Brake, SIC Mount, FM Kickstand Mount GABEL: SR Suntour XCM Disc, 100mm, Remote Lockout STEUERSATZ: CUBE FPH868, Semi-Integrated VORBAU: CUBE Performance Stem, 31.8mm LENKER: CUBE Rise Trail Bar, 680mm GRIFFE: ACID Icon SCHALTWERK: Shimano Cues RD-U6000-GS, 11-Speed SCHALTHEBEL: Shimano Cues SL-U6000, Rapidfire Plus BREMSE: Shimano BR-MT200/UR300, Hydr, Disc Brake, PM/FM (160/160) INNENLAGER: Thun Paso-ML, 73mm BSA KURBELGARNITUR: Prowheel CC10Y-NW, 32T, 170mm KASSETTE: Shimano Cues CS-LG400, 11-50T KETTE: KMC xGlide FELGEN: CUBE EX25, 32H, Disc, Tubeless Ready NABE VORN: Shimano HB-QC300, QR, Centerlock NABE HINTEN: Shimano FH-QC300-HM, QR, Centerlock REIFEN: Schwalbe Smart Sam, ActivL,2,25 PEDALE: CUBE PP MTB SATTEL: ACID Venec Lite SATTELSTÜTZE: CUBE Performance Post, 27.2mm SATTELKLEMME: CUBE Varioclose, 31.8mm GEWICHT: 14,9 kg MAX. SYSTEMGEWICHT: 140 kgGrößen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: 27.5'': XS - S // 29'': M - L - XL - XXLHerstellerinformationenPending System GmbH & Co. KGLudwig-Hüttner-Str. 5-7 95679, Waldershof, DE(+49) 9231 97 007 [email protected]

Die Marke Cube ist ein deutscher Hersteller, der Räder herstellt und das mit voller Hingabe. Ihr Ziel ist es Optik, Design, Ausstattung und Leistung zu einem attraktiven Preis anzubieten, was Sie in den letzten Jahren auch bewiesen haben.Eigenschaften: Der Aim Rahmen besticht mit seinem supercleanen Look - verantwortlich dafür: die im Smooth Welding Verfahren hergestellten Verbindungen an Steuerrohr und Sattelrohr. Außerdem hat Cube ihm ein geschraubtes Tretlager gegeben und die Züge ins Innere verlegt, damit sie ihren Job lange machen und einfach gewartet werden können. Es gibt sogar eine Aufnahme für eine Flat Mount Scheibenbremse, die nahtlos in die Seitenständeraufnahme integriert ist. Montagepunkte für ACID Schutzbleche und Gepäckträger sind auch mit dabei. Die spezielle Geometrie hat ein niedrigeres Oberrohr für superzuverlässiges Handling und lässt viel Platz für breite, griffige, komfortabel rollende 2.25 Zoll Reifen. Dazu ist das Size Split System breit aufgestellt - so findest du mit Sicherheit das für dich perfekt passende Aim. Merkmale: RAHMEN: Aluminium Lite, AMF, Double Butted, Internal Cable Routing, Tapered Head Tube, Flat Mount Brake, SIC Mount, FM Kickstand Mount GABEL: SR Suntour XCM Disc, 100mm, Remote Lockout STEUERSATZ: CUBE FPH868, Semi-Integrated VORBAU: CUBE Performance Stem, 31.8mm LENKER: CUBE Rise Trail Bar, 680mm GRIFFE: ACID Icon SCHALTWERK: Shimano Cues RD-U6000-GS, 11-Speed SCHALTHEBEL: Shimano Cues SL-U6000, Rapidfire Plus BREMSE: Shimano BR-MT200/UR300, Hydr, Disc Brake, PM/FM (160/160) INNENLAGER: Thun Paso-ML, 73mm BSA KURBELGARNITUR: Prowheel CC10Y-NW, 32T, 170mm KASSETTE: Shimano Cues CS-LG400, 11-50T KETTE: KMC xGlide FELGEN: CUBE EX25, 32H, Disc, Tubeless Ready NABE VORN: Shimano HB-QC300, QR, Centerlock NABE HINTEN: Shimano FH-QC300-HM, QR, Centerlock REIFEN: Schwalbe Smart Sam, ActivL,2,25 PEDALE: CUBE PP MTB SATTEL: ACID Venec Lite SATTELSTÜTZE: CUBE Performance Post, 27.2mm SATTELKLEMME: CUBE Varioclose, 31.8mm GEWICHT: 14,9 kg MAX. SYSTEMGEWICHT: 140 kgGrößen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: 27.5'': XS - S // 29'': M - L - XL - XXLHerstellerinformationenPending System GmbH & Co. KGLudwig-Hüttner-Str. 5-7 95679, Waldershof, DE(+49) 9231 97 007 [email protected]

Die Marke Cube ist ein deutscher Hersteller, der Räder herstellt und das mit voller Hingabe. Ihr Ziel ist es Optik, Design, Ausstattung und Leistung zu einem attraktiven Preis anzubieten, was Sie in den letzten Jahren auch bewiesen haben.Eigenschaften: Der Aim Rahmen besticht mit seinem supercleanen Look - verantwortlich dafür: die im Smooth Welding Verfahren hergestellten Verbindungen an Steuerrohr und Sattelrohr. Außerdem hat Cube ihm ein geschraubtes Tretlager gegeben und die Züge ins Innere verlegt, damit sie ihren Job lange machen und einfach gewartet werden können. Es gibt sogar eine Aufnahme für eine Flat Mount Scheibenbremse, die nahtlos in die Seitenständeraufnahme integriert ist. Montagepunkte für ACID Schutzbleche und Gepäckträger sind auch mit dabei. Die spezielle Geometrie hat ein niedrigeres Oberrohr für superzuverlässiges Handling und lässt viel Platz für breite, griffige, komfortabel rollende 2.25 Zoll Reifen. Dazu ist das Size Split System breit aufgestellt - so findest du mit Sicherheit das für dich perfekt passende Aim. Merkmale: RAHMEN: Aluminium Lite, AMF, Double Butted, Internal Cable Routing, Tapered Head Tube, Flat Mount Brake, SIC Mount, FM Kickstand Mount GABEL: SR Suntour XCM Disc, 100mm, Remote Lockout STEUERSATZ: CUBE FPH868, Semi-Integrated VORBAU: CUBE Performance Stem, 31.8mm LENKER: CUBE Rise Trail Bar, 680mm GRIFFE: ACID Icon SCHALTWERK: Shimano Cues RD-U6000-GS, 11-Speed SCHALTHEBEL: Shimano Cues SL-U6000, Rapidfire Plus BREMSE: Shimano BR-MT200/UR300, Hydr, Disc Brake, PM/FM (160/160) INNENLAGER: Thun Paso-ML, 73mm BSA KURBELGARNITUR: Prowheel CC10Y-NW, 32T, 170mm KASSETTE: Shimano Cues CS-LG400, 11-50T KETTE: KMC xGlide FELGEN: CUBE EX25, 32H, Disc, Tubeless Ready NABE VORN: Shimano HB-QC300, QR, Centerlock NABE HINTEN: Shimano FH-QC300-HM, QR, Centerlock REIFEN: Schwalbe Smart Sam, ActivL,2,25 PEDALE: CUBE PP MTB SATTEL: ACID Venec Lite SATTELSTÜTZE: CUBE Performance Post, 27.2mm SATTELKLEMME: CUBE Varioclose, 31.8mm GEWICHT: 14,9 kg MAX. SYSTEMGEWICHT: 140 kgGrößen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: 27.5'': XS - S // 29'': M - L - XL - XXLHerstellerinformationenPending System GmbH & Co. KGLudwig-Hüttner-Str. 5-7 95679, Waldershof, DE(+49) 9231 97 007 [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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; 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: #203164; font-size: 1.04em; background: #f3f6fa; padding: 0.7em 1em;