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

Die Scott All Season Bikewear Kollektion ist inspiriert von der Scott Sommerkollektion hinsichtlich Designlinien, Farben und Details. Sie besticht durch hoch funktionelle Stoffe und vielen besonderen Highlights. Die Scott All Season Bikewear Kollektion in besonders für Frühling, Herbst und Winter geeignet.Material: Einsatz: 100% PolyesterHauptmaterial: 84% Polyamid, 16% ElasthanEigenschaften:Mit den Scott AS 10 Kniewärmern gehören kalte Knie ab sofort der Vergangenheit an. Die wasserdichten Einsätze an den Knien schützen dich vor Kälte und Nässe und das gebürstete Innenmaterial wärmt und überzeugt durch hohen Tragekomfort. Ihre vorgeformte Passform und der rutschfeste Silikonstreifen am oberen Saum sorgen für ausgezeichneten, bequemen Halt. Mit diesen Kniewärmern wirst du dich für Touren an kälteren Tagen begeistern!Merkmale: Reflektierende DetailsWasserdichter Einsatz vorneSilikonstreifen am oberen SaumVorgeformter Schnitt für eine bessere PassformLasergeschnittene Kennzeichnung für links und rechtsGrößen:Dieser Artikel ist in folgenden Größen erhältlich. Die Verfügbarkeit entnehmen Sie bitte oben im Angebot.Größe: S - M - LHerstellerinformationenScott Sports AG Niederlassung DeutschlandGutenbergstrasse 27 85748, Garching-Hochbrück, [email protected]

### Dein Bike für Abenteuer ohne Grenzen Mit dem SCOTT Addict Gravel 20 entdeckst Du Wege, die andere nicht fahren. Egal ob Schotter, Waldweg oder abgelegener Trail – dieses Gravelbike ist Dein verlässlicher Begleiter für jede Herausforderung. Mehr Fortschritt, mehr Kontrolle und zahlreiche Halterungen für Gepäck machen es zu Deiner Eintrittskarte in die Natur. Find yourself, get lost. #### Leicht, stark und effizient Der ultraleichte Carbonrahmen bringt Dich mit nur 8,8 kg Gesamtgewicht mühelos voran. Jede Steigung wird leichter, jeder Kilometer effizienter. Du spürst pure Geschwindigkeit auf Asphalt und grenzenlose Freiheit abseits der Straße – immer mit dem guten Gefühl, das Maximum aus Deinem Bike herauszuholen. #### Moderne Technologie für maximale Performance Die elektronische SRAM Rival XPLR AXS 13-Gang-Schaltung sorgt für blitzschnelle, präzise Gangwechsel – ganz ohne Kabel, ganz ohne Kompromisse. Mehr Kontrolle bedeutet mehr Sicherheit und mehr Fahrspaß, egal auf welchem Untergrund. #### Dein perfekter Partner für grenzenlose Abenteuer Das SCOTT Addict Gravel 20 ist mehr als nur ein Fahrrad – es ist Dein Schlüssel zu neuen Abenteuern. Es motiviert Dich, Grenzen zu überschreiten, neue Routen auszuprobieren und Deine Freiheit auf zwei Rädern zu leben. Steig auf, spüre die Leichtigkeit und mach jede Fahrt zu Deinem persönlichen Abenteuer. Hinweis: Fahrradspezifikationen können ohne vorherige Ankündigung geändert werden.

Stylischer und multifunktionaler Bikerucksack - Farbe: Schwarz; Highlights: Trinksystem kompatibel, Rückenprotektor, Regenhülle, Helmhalterung; geeignet für Mountainbike; Material: Hauptmaterial: 100% Polyamid, Materialbehandlung: PU-beschichtet; Weitere Top-Angebote von Scott im Online-Shop von Bergfreunde.de bestellen!

Scott Trail Protect FR' 20 Fahrrad Rucksack schwarz/blau, Sport > Sporttaschen & Rucksäcke > Rucksäcke

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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