{"id":48144,"date":"2026-05-26T02:14:40","date_gmt":"2026-05-26T02:14:40","guid":{"rendered":"https:\/\/www.cnshining.com\/?page_id=48144"},"modified":"2026-06-02T02:02:13","modified_gmt":"2026-06-02T02:02:13","slug":"gewichtseinheitenumrechner","status":"publish","type":"page","link":"https:\/\/www.cnshining.com\/de\/verpackungswerkzeugzentrum\/gewichtseinheitenumrechner","title":{"rendered":"Gewichtseinheitenumrechner"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"48144\" class=\"elementor elementor-48144\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e4ac71a e-flex e-con-boxed e-con e-parent\" data-id=\"1e4ac71a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-295382b elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"295382b\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cnshining.com\/de\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewbox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Heim \/<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.cnshining.com\/de\/verpackungswerkzeugzentrum\/\" target=\"_blank\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Verpackungswerkzeugzentrum<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b4f7e93 e-flex e-con-boxed e-con e-parent\" data-id=\"2b4f7e93\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c6722f3 e-con-full e-flex e-con e-child\" data-id=\"c6722f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35015ca elementor-widget elementor-widget-html\" data-id=\"35015ca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  WordPress \/ Elementor HTML Widget: Weight Unit Converter\r\n  Units: kg, g, lb, oz\r\n-->\r\n<section class=\"sp-weight-converter\" data-sp-weight-converter>\r\n  <style>\r\n    .sp-weight-converter {\r\n      --sp-bg: #f5f7fb;\r\n      --sp-panel: #ffffff;\r\n      --sp-ink: #0b2f6b;\r\n      --sp-text: #152033;\r\n      --sp-muted: #5f708c;\r\n      --sp-line: #d8e2ef;\r\n      --sp-blue: #1363df;\r\n      --sp-blue-dark: #082a5e;\r\n      --sp-soft-blue: #edf4ff;\r\n      --sp-silver: #eef3fa;\r\n      --sp-shadow: 0 20px 48px rgba(8, 42, 94, .08);\r\n      --sp-radius: 28px;\r\n\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n      color: var(--sp-text);\r\n      margin: 28px auto;\r\n      max-width: 1180px;\r\n      box-sizing: border-box;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .sp-weight-converter *,\r\n    .sp-weight-converter *::before,\r\n    .sp-weight-converter *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .sp-wc-wrap {\r\n      padding: 0;\r\n    }\r\n\r\n    .sp-wc-shell {\r\n      background: linear-gradient(180deg, #fbfcfe 0%, var(--sp-bg) 100%);\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 30px;\r\n      padding: clamp(24px, 5vw, 56px);\r\n      box-shadow: 0 12px 30px rgba(15, 36, 74, .04);\r\n    }\r\n\r\n    .sp-wc-hero {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) minmax(360px, .98fr);\r\n      gap: clamp(28px, 5vw, 56px);\r\n      align-items: center;\r\n    }\r\n\r\n    .sp-wc-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 8px 14px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid #bcd0f1;\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: var(--sp-blue);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: .02em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .sp-wc-eyebrow::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: var(--sp-blue);\r\n      box-shadow: 0 0 0 5px rgba(19, 99, 223, .12);\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .sp-wc-title {\r\n      margin: 0 0 18px;\r\n      color: var(--sp-blue-dark);\r\n      font-size: clamp(42px, 5vw, 60px);\r\n      line-height: .98;\r\n      letter-spacing: -.05em;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .sp-wc-copy {\r\n      margin: 0 0 28px;\r\n      max-width: 620px;\r\n      color: var(--sp-muted);\r\n      font-size: clamp(16px, 2vw, 18px);\r\n    }\r\n\r\n    .sp-wc-feature-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 14px;\r\n    }\r\n\r\n    .sp-wc-feature {\r\n      background: #fff;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 18px;\r\n      padding: 16px;\r\n      min-height: 112px;\r\n    }\r\n\r\n    .sp-wc-feature strong {\r\n      display: block;\r\n      color: var(--sp-blue-dark);\r\n      font-size: 18px;\r\n      line-height: 1.25;\r\n      letter-spacing: -.02em;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .sp-wc-feature span {\r\n      display: block;\r\n      color: var(--sp-muted);\r\n      font-size: 13px;\r\n    }\r\n\r\n    .sp-wc-card {\r\n      position: relative;\r\n      width: 100%;\r\n      background: var(--sp-panel);\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 24px;\r\n      box-shadow: var(--sp-shadow);\r\n      padding: clamp(22px, 3vw, 30px);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sp-wc-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0 0 auto;\r\n      height: 5px;\r\n      background: linear-gradient(90deg, var(--sp-blue), var(--sp-blue-dark));\r\n    }\r\n\r\n    .sp-wc-card-head {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 18px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .sp-wc-card-title {\r\n      margin: 0;\r\n      color: var(--sp-blue-dark);\r\n      font-size: 25px;\r\n      line-height: 1.1;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n    .sp-wc-card-subtitle {\r\n      margin: 8px 0 0;\r\n      color: var(--sp-muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .sp-wc-precision {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px;\r\n      background: var(--sp-silver);\r\n      border: 1px solid #c9d8f1;\r\n      border-radius: 999px;\r\n      white-space: nowrap;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .sp-wc-precision button {\r\n      width: 32px;\r\n      height: 32px;\r\n      min-width: 32px;\r\n      min-height: 32px;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      border: 1px solid #bcd0f1;\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: var(--sp-blue-dark);\r\n      font-size: 18px;\r\n      font-weight: 900;\r\n      line-height: 1 !important;\r\n      text-align: center;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      vertical-align: middle !important;\r\n      cursor: pointer;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      transition: transform .16s ease, border-color .16s ease, background .16s ease;\r\n    }\r\n\r\n    .sp-wc-precision button:hover,\r\n    .sp-wc-precision button:focus-visible {\r\n      transform: translateY(-1px);\r\n      border-color: var(--sp-blue);\r\n      background: var(--sp-soft-blue);\r\n      color: var(--sp-blue-dark);\r\n      outline: none;\r\n    }\r\n\r\n    .sp-wc-precision output {\r\n      min-width: 24px;\r\n      text-align: center;\r\n      color: var(--sp-blue-dark);\r\n      font-weight: 900;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .sp-wc-field-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .sp-wc-field {\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 18px;\r\n      background: #fff;\r\n      padding: 14px;\r\n      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;\r\n    }\r\n\r\n    .sp-wc-field:focus-within {\r\n      border-color: rgba(19, 99, 223, .58);\r\n      box-shadow: 0 12px 28px rgba(19, 99, 223, .10);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .sp-wc-field label {\r\n      display: block;\r\n      margin-bottom: 8px;\r\n      color: var(--sp-muted);\r\n      font-size: 12px;\r\n      font-weight: 850;\r\n      text-transform: uppercase;\r\n      letter-spacing: .055em;\r\n    }\r\n\r\n    .sp-wc-input-row {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 12px;\r\n      align-items: center;\r\n    }\r\n\r\n    .sp-wc-field input {\r\n      width: 100%;\r\n      min-width: 0;\r\n      border: 0 !important;\r\n      outline: 0 !important;\r\n      box-shadow: none !important;\r\n      background: transparent !important;\r\n      color: var(--sp-blue-dark);\r\n      font-size: clamp(26px, 4vw, 40px);\r\n      font-weight: 900;\r\n      letter-spacing: -.04em;\r\n      line-height: 1.1;\r\n      padding: 2px 0 !important;\r\n      appearance: textfield;\r\n    }\r\n\r\n    .sp-wc-field input::-webkit-outer-spin-button,\r\n    .sp-wc-field input::-webkit-inner-spin-button {\r\n      -webkit-appearance: none;\r\n      margin: 0;\r\n    }\r\n\r\n    .sp-wc-unit {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-width: 58px;\r\n      padding: 9px 12px;\r\n      border-radius: 999px;\r\n      background: var(--sp-silver);\r\n      color: var(--sp-blue);\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-actions {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr 1fr;\r\n      gap: 10px;\r\n      margin: 18px 0 0;\r\n    }\r\n\r\n    .sp-wc-btn {\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 13px;\r\n      background: #fff;\r\n      color: var(--sp-blue-dark);\r\n      padding: 12px 14px;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      cursor: pointer;\r\n      transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;\r\n    }\r\n\r\n    .sp-wc-btn:hover,\r\n    .sp-wc-btn:focus-visible {\r\n      transform: translateY(-1px);\r\n      border-color: rgba(19, 99, 223, .4);\r\n      background: #f7fbff;\r\n      box-shadow: 0 10px 24px rgba(22, 32, 51, .05);\r\n      outline: none;\r\n    }\r\n\r\n    .sp-wc-btn-primary {\r\n      border-color: transparent;\r\n      background: linear-gradient(135deg, var(--sp-blue), var(--sp-blue-dark));\r\n      color: #fff;\r\n      box-shadow: 0 12px 28px rgba(19, 99, 223, .18);\r\n    }\r\n\r\n    .sp-wc-btn-primary:hover,\r\n    .sp-wc-btn-primary:focus-visible {\r\n      background: linear-gradient(135deg, var(--sp-blue-dark), var(--sp-blue));\r\n      color: #fff;\r\n    }\r\n\r\n    .sp-wc-summary {\r\n      margin-top: 16px;\r\n      padding: 15px;\r\n      border: 1px dashed rgba(19, 99, 223, .32);\r\n      border-radius: 16px;\r\n      background: linear-gradient(180deg, #fbfdff, #f5f9ff);\r\n      color: var(--sp-muted);\r\n      font-size: 14px;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-summary strong {\r\n      color: var(--sp-blue-dark);\r\n    }\r\n\r\n    .sp-wc-formula {\r\n      margin-top: 14px;\r\n      border-radius: 18px;\r\n      padding: 17px;\r\n      background: linear-gradient(135deg, #082a5e, #1363df);\r\n      color: #fff;\r\n    }\r\n\r\n    .sp-wc-formula strong {\r\n      display: block;\r\n      margin-bottom: 6px;\r\n      font-size: 15px;\r\n      letter-spacing: .01em;\r\n    }\r\n\r\n    .sp-wc-formula code {\r\n      color: #fff;\r\n      white-space: normal;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-section {\r\n      margin-top: 38px;\r\n    }\r\n\r\n    .sp-wc-section h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--sp-blue-dark);\r\n      font-size: clamp(24px, 3vw, 34px);\r\n      line-height: 1.15;\r\n      letter-spacing: -.04em;\r\n    }\r\n\r\n    .sp-wc-section p {\r\n      max-width: 860px;\r\n      margin: 0 0 18px;\r\n      color: var(--sp-muted);\r\n      font-size: 16px;\r\n    }\r\n\r\n    .sp-wc-quick-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    .sp-wc-chip {\r\n      width: 100%;\r\n      min-height: 88px;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 18px;\r\n      background: #fff;\r\n      padding: 14px 16px;\r\n      text-align: left;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 24px rgba(22, 32, 51, .04);\r\n      transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-chip:hover,\r\n    .sp-wc-chip:focus-visible {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(19, 99, 223, .42);\r\n      box-shadow: 0 14px 34px rgba(19, 99, 223, .10);\r\n      outline: none;\r\n    }\r\n\r\n    .sp-wc-chip.is-active {\r\n      border-color: transparent;\r\n      background: linear-gradient(135deg, var(--sp-blue), var(--sp-blue-dark));\r\n      box-shadow: 0 14px 34px rgba(19, 99, 223, .20);\r\n    }\r\n\r\n    .sp-wc-chip strong {\r\n      display: block;\r\n      color: var(--sp-blue-dark);\r\n      font-size: 18px;\r\n      line-height: 1.2;\r\n      letter-spacing: -.02em;\r\n      word-break: break-word;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-chip span {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: var(--sp-muted);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      white-space: normal;\r\n      word-break: break-word;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    \/* Fix Elementor button focus \/ active override *\/\r\n    .sp-weight-converter button.sp-wc-chip,\r\n    .sp-weight-converter button.sp-wc-chip strong,\r\n    .sp-weight-converter button.sp-wc-chip span {\r\n      -webkit-text-fill-color: currentColor !important;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active),\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):active,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus-visible {\r\n      background: #ffffff !important;\r\n      color: var(--sp-blue-dark) !important;\r\n    }\r\n\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active) strong,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus strong,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):active strong,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus-visible strong {\r\n      color: var(--sp-blue-dark) !important;\r\n      -webkit-text-fill-color: var(--sp-blue-dark) !important;\r\n    }\r\n\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active) span,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus span,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):active span,\r\n    .sp-weight-converter button.sp-wc-chip:not(.is-active):focus-visible span {\r\n      color: var(--sp-muted) !important;\r\n      -webkit-text-fill-color: var(--sp-muted) !important;\r\n    }\r\n\r\n    .sp-weight-converter button.sp-wc-chip.is-active,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:hover,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:active,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus-visible {\r\n      background: linear-gradient(135deg, var(--sp-blue), var(--sp-blue-dark)) !important;\r\n      border-color: transparent !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    .sp-weight-converter button.sp-wc-chip.is-active strong,\r\n    .sp-weight-converter button.sp-wc-chip.is-active span,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:hover strong,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:hover span,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus strong,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus span,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:active strong,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:active span,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus-visible strong,\r\n    .sp-weight-converter button.sp-wc-chip.is-active:focus-visible span {\r\n      color: #ffffff !important;\r\n      -webkit-text-fill-color: #ffffff !important;\r\n    }\r\n\r\n    .sp-wc-panel {\r\n      background: #fff;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 28px;\r\n      padding: clamp(18px, 2.6vw, 28px);\r\n      box-shadow: 0 14px 34px rgba(22, 32, 51, .05);\r\n    }\r\n\r\n    .sp-wc-table-wrap {\r\n      overflow-x: auto;\r\n      border: 1px solid var(--sp-line);\r\n      border-radius: 18px;\r\n      background: #fff;\r\n    }\r\n\r\n    .sp-wc-table {\r\n      width: 100%;\r\n      min-width: 620px;\r\n      border-collapse: collapse;\r\n    }\r\n\r\n    .sp-wc-table th,\r\n    .sp-wc-table td {\r\n      padding: 13px 15px;\r\n      border-bottom: 1px solid var(--sp-line);\r\n      text-align: left;\r\n      font-size: 14px;\r\n      white-space: nowrap;\r\n      text-transform: none !important;\r\n    }\r\n\r\n    .sp-wc-table th {\r\n      background: #f1f5fb;\r\n      color: var(--sp-muted);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      text-transform: none !important;\r\n      letter-spacing: .05em;\r\n    }\r\n\r\n    .sp-wc-table tr:last-child td {\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .sp-wc-toast {\r\n      position: fixed;\r\n      right: 20px;\r\n      bottom: 20px;\r\n      z-index: 99999;\r\n      transform: translateY(18px);\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      background: #082a5e;\r\n      color: #fff;\r\n      padding: 12px 14px;\r\n      border-radius: 14px;\r\n      box-shadow: 0 18px 50px rgba(8, 42, 94, .22);\r\n      transition: opacity .18s ease, transform .18s ease;\r\n      font-weight: 800;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .sp-wc-toast.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 920px) {\r\n      .sp-wc-hero {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .sp-wc-feature-row,\r\n      .sp-wc-quick-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 720px) {\r\n      .sp-wc-actions {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .sp-wc-shell {\r\n        padding: 22px 16px;\r\n      }\r\n\r\n      .sp-wc-card-head {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .sp-wc-feature-row,\r\n      .sp-wc-quick-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .sp-wc-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"sp-wc-wrap\">\r\n    <div class=\"sp-wc-shell\">\r\n      <div class=\"sp-wc-hero\">\r\n        <div class=\"sp-wc-intro\">\r\n          <span class=\"sp-wc-eyebrow\">Shining Packaging Werkzeugeinheit<\/span>\r\n          <h2 class=\"sp-wc-title\">Gewichtseinheit<br>Konverter<\/h2>\r\n          <p class=\"sp-wc-copy\">\r\n            Konvertieren Sie Kilogramm, Gramm, Pfund und Unzen sofort f\u00fcr Verpackungsgewicht, Produktabf\u00fcllung, Versandreferenz, Musterpr\u00fcfung und kundenspezifische Verpackungsspezifikationen.\r\n          <\/p>\r\n\r\n          <div class=\"sp-wc-feature-row\" aria-label=\"Konverter-Highlights\">\r\n            <div class=\"sp-wc-feature\">\r\n              <strong>1 kg = 1000 g<\/strong>\r\n              <span>Metrische Gewichtsreferenz<\/span>\r\n            <\/div>\r\n            <div class=\"sp-wc-feature\">\r\n              <strong>1 Pfund = 16 Unzen<\/strong>\r\n              <span>Imperiale Gewichtsreferenz<\/span>\r\n            <\/div>\r\n            <div class=\"sp-wc-feature\">\r\n              <strong>4 Kerneinheiten<\/strong>\r\n              <span>kg, g, lb und oz in einem Werkzeug<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sp-wc-card\" aria-labelledby=\"sp-wc-title\">\r\n          <div class=\"sp-wc-card-head\">\r\n            <div>\r\n              <h3 id=\"sp-wc-title\" class=\"sp-wc-card-title\">Verpackungsgewichts-Umrechner<\/h3>\r\n              <p class=\"sp-wc-card-subtitle\">Geben Sie etwas in ein beliebiges Feld ein \u2013 alle anderen Einheiten werden in Echtzeit aktualisiert.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sp-wc-precision\" aria-label=\"Dezimale Pr\u00e4zisionssteuerung\">\r\n              <button type=\"button\" data-dec-down aria-label=\"Dezimalstellen verringern\">\u2212<\/button>\r\n              <output data-decimals aria-label=\"Aktuelle Dezimalzahlen\">4<\/output>\r\n              <button type=\"button\" data-dec-up aria-label=\"Dezimalzahlen erh\u00f6hen\">+<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sp-wc-field-grid\">\r\n            <div class=\"sp-wc-field\">\r\n              <label>Kilogramm<\/label>\r\n              <div class=\"sp-wc-input-row\">\r\n                <input data-unit=\"kg\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"1\" aria-label=\"Kilogramm\">\r\n                <span class=\"sp-wc-unit\">kg<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sp-wc-field\">\r\n              <label>Gramm<\/label>\r\n              <div class=\"sp-wc-input-row\">\r\n                <input data-unit=\"g\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"1000\" aria-label=\"Gramm\">\r\n                <span class=\"sp-wc-unit\">g<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sp-wc-field\">\r\n              <label>Pfund<\/label>\r\n              <div class=\"sp-wc-input-row\">\r\n                <input data-unit=\"lb\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"2.2046\" aria-label=\"Pfund\">\r\n                <span class=\"sp-wc-unit\">Pfund<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"sp-wc-field\">\r\n              <label>Unzen<\/label>\r\n              <div class=\"sp-wc-input-row\">\r\n                <input data-unit=\"oz\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"35.274\" aria-label=\"Unzen\">\r\n                <span class=\"sp-wc-unit\">oz<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sp-wc-actions\">\r\n            <button class=\"sp-wc-btn sp-wc-btn-primary\" type=\"button\" data-copy-all>Alle Ergebnisse kopieren<\/button>\r\n            <button class=\"sp-wc-btn\" type=\"button\" data-reset>Auf 1 kg zur\u00fccksetzen<\/button>\r\n            <button class=\"sp-wc-btn\" type=\"button\" data-clear>Klar<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"sp-wc-summary\" data-summary aria-live=\"polite\">\r\n            Geben Sie hier einen Wert ein, um die Umrechnungs\u00fcbersicht anzuzeigen.\r\n          <\/div>\r\n\r\n          <div class=\"sp-wc-formula\">\r\n            <strong>Umrechnungsformeln<\/strong>\r\n            <code>1 kg = 1000 g = 2,20462262 lb = 35,27396195 oz<\/code>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sp-wc-section\">\r\n      <h3>Schnelle Gewichtsumrechnungen<\/h3>\r\n      <p>Klicken Sie auf einen g\u00e4ngigen Wert, um ihn in den Umrechner zu laden. Zur besseren \u00dcbersicht werden nur die Kernwerte und Einheiten angezeigt.<\/p>\r\n      <div class=\"sp-wc-quick-grid\" data-quick-grid><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sp-wc-section\">\r\n      <div class=\"sp-wc-panel\">\r\n        <h3>Gewichtsumrechnungstabelle<\/h3>\r\n        <p>Kurz\u00fcbersichtstabelle f\u00fcr g\u00e4ngige Kilogramm-, Gramm-, Pfund- und Unzenwerte.<\/p>\r\n        <div class=\"sp-wc-table-wrap\">\r\n          <table class=\"sp-wc-table\">\r\n            <thead>\r\n              <tr>\r\n                <th>kg<\/th>\r\n                <th>g<\/th>\r\n                <th>Pfund<\/th>\r\n                <th>oz<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody data-chart-body><\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sp-wc-toast\" data-toast role=\"status\" aria-live=\"polite\">Kopiert<\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('[data-sp-weight-converter]');\r\n      if (!root || root.dataset.spWeightReady === 'true') return;\r\n      root.dataset.spWeightReady = 'true';\r\n\r\n      const factorsToGram = {\r\n        kg: 1000,\r\n        g: 1,\r\n        lb: 453.59237,\r\n        oz: 28.349523125\r\n      };\r\n\r\n      const unitNames = {\r\n        kg: 'kg',\r\n        g: 'g',\r\n        lb: 'lb',\r\n        oz: 'oz'\r\n      };\r\n\r\n      const displayOrder = ['kg', 'g', 'lb', 'oz'];\r\n\r\n      const inputs = Array.from(root.querySelectorAll('[data-unit]'));\r\n      const decOutput = root.querySelector('[data-decimals]');\r\n      const summary = root.querySelector('[data-summary]');\r\n      const toast = root.querySelector('[data-toast]');\r\n      const quickGrid = root.querySelector('[data-quick-grid]');\r\n      const chartBody = root.querySelector('[data-chart-body]');\r\n\r\n      let decimals = 4;\r\n      let lastUnit = 'kg';\r\n      let toastTimer = null;\r\n      let activeChip = null;\r\n\r\n      const quickValues = [\r\n        { unit: 'kg', value: 1 },\r\n        { unit: 'g', value: 1 },\r\n        { unit: 'lb', value: 1 },\r\n        { unit: 'oz', value: 1 }\r\n      ];\r\n\r\n      const chartValues = [\r\n        { unit: 'kg', value: 1 },\r\n        { unit: 'g', value: 1 },\r\n        { unit: 'lb', value: 1 },\r\n        { unit: 'oz', value: 1 },\r\n        { unit: 'g', value: 10 },\r\n        { unit: 'g', value: 100 },\r\n        { unit: 'kg', value: 0.5 },\r\n        { unit: 'kg', value: 2 }\r\n      ];\r\n\r\n      function parseUserNumber(value) {\r\n        const cleaned = String(value || '').replace(\/,\/g, '').trim();\r\n        if (cleaned === '' || cleaned === '-' || cleaned === '.' || cleaned === '-.') return NaN;\r\n        return Number(cleaned);\r\n      }\r\n\r\n      function formatNumber(value) {\r\n        if (!Number.isFinite(value)) return '';\r\n        const fixed = value.toFixed(decimals);\r\n        return fixed.replace(\/\\.?0+$\/, '') || '0';\r\n      }\r\n\r\n      function getInput(unit) {\r\n        return root.querySelector('[data-unit=\"' + unit + '\"]');\r\n      }\r\n\r\n      function valuesFromGram(gram) {\r\n        return {\r\n          kg: gram \/ factorsToGram.kg,\r\n          g: gram,\r\n          lb: gram \/ factorsToGram.lb,\r\n          oz: gram \/ factorsToGram.oz\r\n        };\r\n      }\r\n\r\n      function setSummary(values, sourceUnit, sourceValue) {\r\n        if (!Number.isFinite(sourceValue)) {\r\n          summary.innerHTML = 'Enter a value to see the conversion summary here.';\r\n          return;\r\n        }\r\n\r\n        summary.innerHTML =\r\n          '<strong>' + formatNumber(sourceValue) + ' ' + unitNames[sourceUnit] + '<\/strong> = ' +\r\n          displayOrder.map(function (unit) {\r\n            return '<strong>' + formatNumber(values[unit]) + ' ' + unitNames[unit] + '<\/strong>';\r\n          }).join(' \u00b7 ');\r\n      }\r\n\r\n      function convertFrom(unit, preserveSource) {\r\n        const sourceInput = getInput(unit);\r\n        const sourceValue = parseUserNumber(sourceInput.value);\r\n        lastUnit = unit;\r\n\r\n        if (!Number.isFinite(sourceValue)) {\r\n          inputs.forEach(function (input) {\r\n            if (input !== sourceInput) input.value = '';\r\n          });\r\n          setSummary(null, unit, NaN);\r\n          return;\r\n        }\r\n\r\n        const gram = sourceValue * factorsToGram[unit];\r\n        const values = valuesFromGram(gram);\r\n\r\n        inputs.forEach(function (input) {\r\n          const inputUnit = input.dataset.unit;\r\n          if (preserveSource && inputUnit === unit) return;\r\n          input.value = formatNumber(values[inputUnit]);\r\n        });\r\n\r\n        setSummary(values, unit, sourceValue);\r\n      }\r\n\r\n      function refreshPrecision() {\r\n        decOutput.value = decimals;\r\n        convertFrom(lastUnit, true);\r\n        renderQuickValues();\r\n        renderChart();\r\n      }\r\n\r\n      function showToast(message) {\r\n        if (!toast) return;\r\n        toast.textContent = message;\r\n        toast.classList.add('is-visible');\r\n        clearTimeout(toastTimer);\r\n        toastTimer = setTimeout(function () {\r\n          toast.classList.remove('is-visible');\r\n        }, 1400);\r\n      }\r\n\r\n      function setActiveChip(button) {\r\n        if (activeChip) activeChip.classList.remove('is-active');\r\n        activeChip = button || null;\r\n        if (activeChip) activeChip.classList.add('is-active');\r\n      }\r\n\r\n      async function copyAllResults() {\r\n        const values = {};\r\n        inputs.forEach(function (input) {\r\n          values[input.dataset.unit] = input.value;\r\n        });\r\n\r\n        const hasValue = displayOrder.some(function (unit) {\r\n          return values[unit];\r\n        });\r\n\r\n        if (!hasValue) {\r\n          showToast('Nothing to copy');\r\n          return;\r\n        }\r\n\r\n        const text = displayOrder.map(function (unit) {\r\n          return unitNames[unit] + ': ' + values[unit];\r\n        }).join('\\n');\r\n\r\n        try {\r\n          await navigator.clipboard.writeText(text);\r\n          showToast('Results copied');\r\n        } catch (error) {\r\n          showToast('Copy failed');\r\n        }\r\n      }\r\n\r\n      function clearInputs() {\r\n        inputs.forEach(function (input) {\r\n          input.value = '';\r\n        });\r\n        setActiveChip(null);\r\n        summary.innerHTML = 'Enter a value to see the conversion summary here.';\r\n        getInput('kg').focus();\r\n      }\r\n\r\n      function resetToDefault() {\r\n        getInput('kg').value = '1';\r\n        convertFrom('kg', true);\r\n        const firstChip = quickGrid ? quickGrid.querySelector('.sp-wc-chip') : null;\r\n        setActiveChip(firstChip);\r\n      }\r\n\r\n      function renderQuickValues() {\r\n        if (!quickGrid) return;\r\n        quickGrid.innerHTML = '';\r\n\r\n        quickValues.forEach(function (item) {\r\n          const gram = item.value * factorsToGram[item.unit];\r\n          const values = valuesFromGram(gram);\r\n          const button = document.createElement('button');\r\n\r\n          button.type = 'button';\r\n          button.className = 'sp-wc-chip';\r\n          button.innerHTML =\r\n            '<strong>' + formatNumber(item.value) + ' ' + unitNames[item.unit] + '<\/strong>' +\r\n            '<span>' + formatNumber(values.kg) + ' kg \u00b7 ' + formatNumber(values.g) + ' g \u00b7 ' + formatNumber(values.lb) + ' lb \u00b7 ' + formatNumber(values.oz) + ' oz<\/span>';\r\n\r\n          button.addEventListener('click', function () {\r\n            getInput(item.unit).value = formatNumber(item.value);\r\n            convertFrom(item.unit, true);\r\n            setActiveChip(button);\r\n\r\n            const card = root.querySelector('.sp-wc-card');\r\n            if (card) {\r\n              card.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n            }\r\n          });\r\n\r\n          quickGrid.appendChild(button);\r\n        });\r\n      }\r\n\r\n      function renderChart() {\r\n        if (!chartBody) return;\r\n        chartBody.innerHTML = '';\r\n\r\n        chartValues.forEach(function (item) {\r\n          const gram = item.value * factorsToGram[item.unit];\r\n          const values = valuesFromGram(gram);\r\n          const row = document.createElement('tr');\r\n\r\n          row.innerHTML = displayOrder.map(function (unit) {\r\n            return '<td>' + formatNumber(values[unit]) + ' ' + unitNames[unit] + '<\/td>';\r\n          }).join('');\r\n\r\n          chartBody.appendChild(row);\r\n        });\r\n      }\r\n\r\n      inputs.forEach(function (input) {\r\n        input.addEventListener('input', function () {\r\n          convertFrom(input.dataset.unit, true);\r\n          setActiveChip(null);\r\n        });\r\n      });\r\n\r\n      root.querySelector('[data-dec-down]').addEventListener('click', function () {\r\n        decimals = Math.max(0, decimals - 1);\r\n        refreshPrecision();\r\n      });\r\n\r\n      root.querySelector('[data-dec-up]').addEventListener('click', function () {\r\n        decimals = Math.min(8, decimals + 1);\r\n        refreshPrecision();\r\n      });\r\n\r\n      root.querySelector('[data-copy-all]').addEventListener('click', copyAllResults);\r\n      root.querySelector('[data-reset]').addEventListener('click', resetToDefault);\r\n      root.querySelector('[data-clear]').addEventListener('click', clearInputs);\r\n\r\n      renderQuickValues();\r\n      renderChart();\r\n      resetToDefault();\r\n    })();\r\n  <\/script>\r\n\r\n  <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"WebApplication\",\n    \"name\": \"Weight Unit Converter\",\n    \"applicationCategory\": \"CalculatorApplication\",\n    \"operatingSystem\": \"Any\",\n    \"description\": \"Convert kg, g, lb, and oz values instantly with a four-unit weight conversion tool.\",\n    \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"0\",\n        \"priceCurrency\": \"USD\"\n    }\n}<\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Startseite \/ Verpackungswerkzeugzentrum Shining Packaging Einheiten-Tool Gewichtseinheitenumrechner Konvertieren Sie Kilogramm, Gramm, Pfund und Unzen sofort f\u00fcr Verpackungsgewicht, Produktabf\u00fcllung, Versandreferenz, Musterpr\u00fcfung und kundenspezifische Verpackungsspezifikationen. 1 kg = 1000 g Metrische Gewichtsreferenz 1 lb = 16 oz Imperiale Gewichtsreferenz 4 Kerneinheiten kg, g, lb und oz [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":48526,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-48144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/pages\/48144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/comments?post=48144"}],"version-history":[{"count":4,"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/pages\/48144\/revisions"}],"predecessor-version":[{"id":48554,"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/pages\/48144\/revisions\/48554"}],"up":[{"embeddable":true,"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/pages\/48526"}],"wp:attachment":[{"href":"https:\/\/www.cnshining.com\/de\/wp-json\/wp\/v2\/media?parent=48144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}