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: Das Spezialgebiet hier bei CUBE? Eindeutig die eleganten, hochwertigen Rahmen. Ein Paradebeispiel dafür ist der schlanke, glatte Reaction Hybrid mit all seinen cleveren Features. Sein starker PowerTube Akku und der Bosch CX Motor sind so formschön, sauber und sicher ins Design integriert, dass sie kaum auffallen. Außerdem ist das Chassis PowerMore-ready, das heißt, es können bei Bedarf weitere 250 Wh mitfahren. Dazu betonen die integrierte Sattelklemmung und die interne Zugverlegung die cleane Optik. Was noch? Ein UDH für einfache Ersatzteilverfügbarkeit, eine Aufnahme für die Kettenführung und die Möglichkeit, ACID Schutzbleche nachzurüsten. Last, but not least hat Cube Dank dem Size Split System für so gut wie jeden Fahrer die perfekte Passform im Angebot. Fazit: Alles da, was wichtig ist - für maximalen Fahrspaß! Merkmale: RAHMEN: Aluminum Superlite, Gravity Casting Technology, Agile Ride Geometry, Boost 148, UDH, Full Integrated Battery, Advanced Internal Cable Routing, Kickstand/Fender/Carrier Mounting Points, Integrated Seatclamp GABEL: Fox 34 Float AWL, 2-Position Sweep-Adjust RAIL Damper, Tapered, 15x110mm, E-Bike Optimized, 120mm (27,5: 100mm) STEUERSATZ: ACROS AZF-1034, ICR (Integrated Cable Routing), Top Zero-Stack 1 1/2" (ZS 56mm), Bottom Zero-Stack 1 1/2" (ZS 56mm), X-Connect Interface VORBAU: CUBE Performance Stem E-MTB 35, FPI-Link LENKER: CUBE Rise Trail Bar 35 GRIFFE: ACID React Pro SCHALTWERK: Shimano XT RD-M8100-SGS, ShadowPlus, 12-Speed KETTENFÜHRUNG: Reverse Flip-Guide E-Chain Guide, Direct Mount, I-Plate SCHALTHEBEL: Shimano XT SL-M8100-IR, 12-Speed BREMSE: Shimano XT BR-M8120, Hydr. Disc Brake (203/203) KURBELGARNITUR: ACID MTB Hybrid Pro, 38T KASSETTE: Shimano Deore CS-M6100, 10-51T LAUFRADSATZ: Newmen Performance 30, 28/28 Spokes (Light/Base), 15x110mm / 12x148mm, Tubeless Ready REIFEN: Schwalbe Smart Sam, Performance, Kevlar, 2.6 PEDALE: ACID PP MTB SATTEL: ACID Sequence Pro 160 SATTELSTÜTZE: CUBE Dropper Post, Handlebar Lever, Internal Cable Routing, 31.6mm Bosch Drive Unit Performance Line CX 85Nm (BDU38), Smart System AKKU: Bosch PowerTube 800 LADEGERÄT: Bosch 4A REMOTE: Bosch LED Remote DISPLAY: Bosch Kiox 300 GEWICHT: 23,8 kg MAX. SYSTEMGEWICHT: 150 kg MAX. FAHRERGEWICHT: 120 kgGrößen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: 27.5'': 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;

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;

🚴‍♂️【Anwendbares Modell】Schutzblech fahrrad für Cube AMS Hybrid one44 SLT 2025. Geeignet für Vorder- und Hinterräder von 24-29 Zoll. Fahrradkotflügel eignen sich für eine Vielzahl von Mountainbikes, Rennrädern, Tourenrädern, Rennrädern und mehr 🚴‍♂️【Langlebiges Material 】Schutzblech fahrrad bestehen aus hochwertigem Material, das nicht leicht bricht oder sich verformt. Es verfügt über eine hohe Schlagfestigkeit, kann flexibel gebogen werden und behält dennoch seine ursprüngliche Form bei. Es hält den Einflüssen unterschiedlicher Straßenbedingungen wirksam stand und bietet auch bei häufiger Nutzung einen guten Schutz 🚴‍♂️【Verbreitert & Verdicken】Fahrradkotflügel mit breitem Halbkreis-Kotflügel, für einen verbesserten Schutz vor Spritzwasser und Schmutz, die Stabilität des spritzschutz fahrrad zu verbessern,das beliebige Schwingen des Kotflügels während des Fahrens zu vermeiden. Noch trägt besser zur Verringerung des Windwiderstands bei, bietet dir einen effektiven Schutz vor Spritzwasser und Schmutz 🚴‍♂️【Einstellung mehrerer Winkel】Die Neigung des Schutzblechs kann manuell angepasst werden, um zusätzlichen Komfort zu bieten. Sie können den Winkel und die Höhe des spritzschutz fahrrad flexibel an die tatsächlichen Fahrbedingungen anpassen, den Abstand zum Reifen auf schlammigen Straßen verringern und Schlamm und Wasser effektiver blockieren. Egal ob auf langen Fahrradtouren oder beim Pendeln in der Stadt, es bietet Ihnen rundum zuverlässigen Schutz. 🚴‍♂️【Einfache Installation】Die Installation dieses kotflügel fahrrad ist sehr einfach, nur ein paar Schritte, um den Fahrradkotflügel an Ihrem Fahrrad zu montieren. Der robuste Fahrrad Spritzschutz lässt sich schnell und unkompliziert vorne und hinten am Mountainbike befestigen. Sie sind einfach zu installieren und zu entfernen und Sie können die Höhe der Fahrradkotflügel nach Ihren Wünschen anpassen

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;

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;