{"id":225,"date":"2026-03-10T15:27:35","date_gmt":"2026-03-10T15:27:35","guid":{"rendered":"https:\/\/keytopbarefootshoes.com\/"},"modified":"2026-08-24T13:37:39","modified_gmt":"2026-08-24T13:37:39","slug":"services","status":"publish","type":"page","link":"https:\/\/keytopbarefootshoes.com\/de\/services\/","title":{"rendered":"Dienstleistungen"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ============================================================\n     SECTION 1 \u2014 HERO\n     Page: \/services\/\n     Class prefix: kt-svc-hero\n     BG: #1A1A1A + video overlay\n     AIDA: Attention\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-hero-wrap),\n.et_pb_row:has(.kt-svc-hero-wrap),\n.et_pb_column:has(.kt-svc-hero-wrap),\n.et_pb_code:has(.kt-svc-hero-wrap),\n.et_pb_code_inner:has(.kt-svc-hero-wrap) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO SECTION \u2014 kt-svc-hero\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero {\n  position: relative;\n  width: 100%;\n  min-height: 84vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: #1A1A1A;\n}\n\n\/* \u2014 background video \/ poster fallback \u2014 *\/\n.kt-svc-hero__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  object-position: center 35%;\n  z-index: 0;\n}\n\n\/* \u2014 dark gradient overlay \u2014 *\/\n.kt-svc-hero__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(\n    135deg,\n    rgba(26,26,26,0.78) 0%,\n    rgba(26,26,26,0.52) 50%,\n    rgba(26,26,26,0.72) 100%\n  );\n}\n\n\/* \u2014 content wrapper \u2014 *\/\n.kt-svc-hero__inner {\n  position: relative;\n  z-index: 2;\n  flex: 1;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: clamp(56px,8vw,108px) clamp(20px,5vw,64px) clamp(64px,9vw,120px);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n\/* \u2500\u2500 eyebrow \u2500\u2500 *\/\n.kt-svc-hero__eyebrow {\n  display: inline-block;\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.55);\n  margin: 0 0 20px;\n}\n\n\/* \u2500\u2500 H1 \u2014 pure white only, no color highlights \u2500\u2500 *\/\n.kt-svc-hero__h1 {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: clamp(34px,5.4vw,62px);\n  font-weight: 800;\n  line-height: 1.07;\n  letter-spacing: -0.03em;\n  color: #ffffff;\n  margin: 0 0 20px;\n  max-width: 860px;\n}\n\n\/* \u2500\u2500 sub-line \u2500\u2500 *\/\n.kt-svc-hero__sub {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: clamp(15px,1.5vw,17.5px);\n  font-weight: 400;\n  line-height: 1.72;\n  color: rgba(255,255,255,0.82);\n  margin: 0 0 36px;\n  max-width: 580px;\n}\n.kt-svc-hero__sub strong {\n  color: #fff;\n  font-weight: 700;\n}\n\n\/* \u2500\u2500 CTA row \u2014 exactly 2 \u2500\u2500 *\/\n.kt-svc-hero__ctas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  align-items: center;\n  margin-bottom: 40px;\n}\n\n\/* Primary \u2014 forest green *\/\n.kt-svc-hero__cta-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  height: 50px;\n  padding: 0 28px;\n  background: #2D5016;\n  color: #fff;\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  border-radius: 8px;\n  border: 2px solid #2D5016;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n  white-space: nowrap;\n}\n.kt-svc-hero__cta-primary:hover {\n  background: #1F370F;\n  border-color: #1F370F;\n  transform: translateY(-2px);\n  color: #fff;\n  text-decoration: none;\n}\n\n\/* Secondary \u2014 ghost white *\/\n.kt-svc-hero__cta-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  height: 50px;\n  padding: 0 26px;\n  background: transparent;\n  color: #fff;\n  border: 2px solid rgba(255,255,255,0.52);\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  border-radius: 8px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;\n  white-space: nowrap;\n}\n.kt-svc-hero__cta-secondary:hover {\n  background: rgba(255,255,255,0.12);\n  border-color: rgba(255,255,255,0.88);\n  transform: translateY(-2px);\n  color: #fff;\n  text-decoration: none;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TRUST BAR\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero__trust {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.12);\n  padding-top: 28px;\n}\n\n.kt-svc-hero__trust-item {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  padding: 0 28px 0 0;\n  margin: 0 28px 16px 0;\n  border-right: 1px solid rgba(255,255,255,0.14);\n}\n.kt-svc-hero__trust-item:last-child {\n  border-right: none;\n  padding-right: 0;\n  margin-right: 0;\n}\n\n.kt-svc-hero__trust-label {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.45);\n}\n.kt-svc-hero__trust-value {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.92);\n  letter-spacing: -0.01em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BREADCRUMB\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.kt-svc-hero__breadcrumb {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  background: rgba(0,0,0,0.30);\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n.kt-svc-hero__breadcrumb-inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 12px clamp(20px,5vw,64px);\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.kt-svc-hero__breadcrumb a,\n.kt-svc-hero__breadcrumb span {\n  font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\n  font-size: 12px;\n  color: rgba(255,255,255,0.50);\n  text-decoration: none;\n}\n.kt-svc-hero__breadcrumb a:hover { color: rgba(255,255,255,0.85); }\n.kt-svc-hero__breadcrumb .sep { color: rgba(255,255,255,0.28); }\n.kt-svc-hero__breadcrumb .current { color: rgba(255,255,255,0.75); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 640px) {\n  .kt-svc-hero { min-height: 72vh; }\n  .kt-svc-hero__bg { object-position: center center; }\n  .kt-svc-hero__trust { gap: 0; }\n  .kt-svc-hero__trust-item {\n    flex: 0 0 calc(50% - 14px);\n    border-right: none !important;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n    padding: 12px 0;\n    margin: 0;\n  }\n  .kt-svc-hero__trust-item:nth-child(odd) {\n    padding-right: 16px;\n    border-right: 1px solid rgba(255,255,255,0.10) !important;\n  }\n}\n<\/style>\n\n<div class=\"kt-svc-hero-wrap\">\n\n  <section class=\"kt-svc-hero\" aria-label=\"Dienstleistungen Held\">\n\n    <!-- Background video \u2014 aria-hidden: purely decorative -->\n    <video\n      class=\"kt-svc-hero__bg\"\n      src=\"\/wp-content\/uploads\/2026\/03\/keytop-factory.webm\"\n      poster=\"\/wp-content\/uploads\/2026\/03\/hero-poster.jpg\"\n      autoplay\n muted\n loop\n playsinline\n preload=\"auto\"\n      aria-hidden=\"true\"\n    ><\/video>\n\n    <!-- Dark overlay -->\n    <div class=\"kt-svc-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n    <!-- Content -->\n    <div class=\"kt-svc-hero__inner\">\n\n      <!-- Eyebrow -->\n      <span class=\"kt-svc-hero__eyebrow\">\n        Barfu\u00dfschuh-Hersteller \u00b7 Jinjiang, China \u00b7 Gegr\u00fcndet 2006\n      <\/span>\n\n      <!-- H1: pure white, no color highlights -->\n      <h1 class=\"kt-svc-hero__h1\">\n        Barfu\u00dfschuhe OEM &amp; ODM Fertigung - ab 500 Paare\n      <\/h1>\n\n      <!-- Subline -->\n      <p class=\"kt-svc-hero__sub\">\n        Aufbau nach Ihrer Spezifikation oder Auswahl eines Basismodells. <strong>OEM- und ODM-Unterst\u00fctzung, ISO-9001-Produktion,<\/strong>\n        und einen namentlich genannten Ansprechpartner f\u00fcr das Projekt von der ersten Probe bis zur Massenlieferung.\n      <\/p>\n\n      <!-- CTAs \u2014 exactly 2: primary green + ghost secondary -->\n      <div class=\"kt-svc-hero__ctas\">\n        <a href=\"\/contact\/\" class=\"kt-svc-hero__cta-primary\">\n          Diskutieren Sie Ihr Projekt\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M2.5 7h9M7.5 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"\/barefoot-shoes\/\" class=\"kt-svc-hero__cta-secondary\">\n          Produktkatalog ansehen\n        <\/a>\n      <\/div>\n\n      <!-- Trust bar: 4 data points -->\n      <div class=\"kt-svc-hero__trust\" role=\"list\" aria-label=\"Wichtige Fakten zum Service\">\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Routen<\/span>\n          <span class=\"kt-svc-hero__trust-value\">OEM - ODM<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Zertifiziert<\/span>\n          <span class=\"kt-svc-hero__trust-value\">ISO 9001 - BSCI - Sedex - GRS<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">MOQ<\/span>\n          <span class=\"kt-svc-hero__trust-value\">500 Paare \/ Farbe \/ Stil<\/span>\n        <\/div>\n\n        <div class=\"kt-svc-hero__trust-item\" role=\"listitem\">\n          <span class=\"kt-svc-hero__trust-label\">Muster<\/span>\n          <span class=\"kt-svc-hero__trust-value\">7-14 Tage<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div><!-- \/.kt-svc-hero__inner -->\n\n    <!-- Breadcrumb -->\n    <nav class=\"kt-svc-hero__breadcrumb\" aria-label=\"Brotkr\u00fcmel\">\n      <div class=\"kt-svc-hero__breadcrumb-inner\">\n        <a href=\"\/\">Startseite<\/a>\n        <span class=\"sep\" aria-hidden=\"true\">\/<\/span>\n        <span class=\"current\" aria-current=\"page\">Fertigungsdienstleistungen<\/span>\n      <\/div>\n    <\/nav>\n\n  <\/section>\n\n<\/div><!-- \/.kt-svc-hero-wrap -->\n<!-- ============================================================\n     SECTION 2 \u2014 ROUTE SELECTOR\n     Page: \/services\/\n     Class prefix: kt-svc-route\n     BG: #F1F1F0\n     AIDA: Attention \u2192 Interest (buyer self-identifies OEM or ODM)\n     SERP EDGE: No competitor has this \u2014 DoingShoes = flat list,\n                Vivobarefoot wholesale = contact form only.\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-route),\n.et_pb_row:has(.kt-svc-route),\n.et_pb_column:has(.kt-svc-route),\n.et_pb_code:has(.kt-svc-route),\n.et_pb_code_inner:has(.kt-svc-route) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n\/* \u2500\u2500 Inner container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 2-col grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  margin-bottom: 32px;\n}\n\n@media (max-width: 767px) {\n  .kt-svc-route__grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2500\u2500 Route card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card {\n  background: #FFFFFF;\n  border: 1px solid #E5E5E3;\n  border-radius: 12px;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  transition: box-shadow 250ms ease, transform 250ms ease;\n}\n\n.kt-svc-route__card:hover {\n  box-shadow: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Route type tag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n  width: fit-content;\n}\n\n.kt-svc-route__tag--oem {\n  background: rgba(45, 80, 22, 0.10);\n  color: #2D5016;\n}\n\n.kt-svc-route__tag--odm {\n  background: rgba(74, 74, 69, 0.10);\n  color: #4A4A45;\n}\n\n\/* \u2500\u2500 Card headline \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card-headline {\n  font-size: 20px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 20px 0;\n  line-height: 1.3;\n}\n\n\/* \u2500\u2500 Best-for label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #9C9C95;\n  margin-bottom: 8px;\n}\n\n\/* \u2500\u2500 Bullet list \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.kt-svc-route__list li {\n  font-size: 14.5px;\n  line-height: 1.5;\n  color: #4A4A45;\n  padding-left: 18px;\n  position: relative;\n}\n\n.kt-svc-route__list li::before {\n  content: '\u2192';\n  position: absolute;\n  left: 0;\n  color: #2D5016;\n  font-size: 12px;\n  top: 2px;\n}\n\n.kt-svc-route__card--odm .kt-svc-route__list li::before {\n  color: #4A4A45;\n}\n\n\/* \u2500\u2500 Key facts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__facts {\n  background: #F1F1F0;\n  border-radius: 8px;\n  padding: 16px;\n  margin-bottom: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.kt-svc-route__fact {\n  font-size: 13.5px;\n  color: #4A4A45;\n  display: flex;\n  gap: 6px;\n}\n\n.kt-svc-route__fact strong {\n  color: #1A1A1A;\n  min-width: 130px;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Card CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__card-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 20px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n  width: fit-content;\n  margin-top: auto;\n  transition: background 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-route__card-cta--oem {\n  background: transparent;\n  border: 2px solid #2D5016;\n  color: #2D5016;\n}\n.kt-svc-route__card-cta--oem:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n.kt-svc-route__card-cta--odm {\n  background: transparent;\n  border: 2px solid #4A4A45;\n  color: #4A4A45;\n}\n.kt-svc-route__card-cta--odm:hover {\n  background: #4A4A45;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 Selector footer note \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-route__footer-note {\n  text-align: center;\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n}\n\n.kt-svc-route__footer-note a {\n  color: #2D5016;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n<\/style>\n\n<section class=\"kt-svc-route\" aria-label=\"W\u00e4hlen Sie Ihren Herstellungsweg\">\n  <div class=\"kt-svc-route__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-route__eyebrow\">Zwei Produktionswege<\/div>\n\n    <!-- H2 \u2014 speakable selector -->\n    <h2 class=\"kt-svc-route__h2\">\n      OEM oder ODM? Finden Sie Ihren Weg in 30 Sekunden.\n    <\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-route__sub\">\n      Beide Wege nutzen unser ISO-9001-Produktionssystem und starten ab einer MOQ von 500 Paar pro Farbe und Stil. Der praktische Unterschied liegt darin, wo das Produktdesign beginnt.\n    <\/p>\n\n    <!-- 2-col matcher -->\n    <div class=\"kt-svc-route__grid\">\n\n      <!-- Column A: OEM -->\n      <div class=\"kt-svc-route__card\">\n\n        <div class=\"kt-svc-route__tag kt-svc-route__tag--oem\">\n          OEM - Ihre Spezifikation\n        <\/div>\n\n        <h3 class=\"kt-svc-route__card-headline\">\n          Sie bringen das Design. Wir fertigen es.\n        <\/h3>\n\n        <div class=\"kt-svc-route__label\">Geeignet f\u00fcr<\/div>\n        <ul class=\"kt-svc-route__list\">\n          <li>Marken mit einem bestehenden Tech-Pack, einem Referenzschuh oder einer Konzeptskizze<\/li>\n          <li>K\u00e4ufer, die projektdefinierte Kontrolle \u00fcber Ma\u00dfe, Materialien und Konstruktion ben\u00f6tigen<\/li>\n          <li>Marken, die Designrechte und Werkzeugbedingungen im Projektvertrag festhalten m\u00f6chten<\/li>\n        <\/ul>\n\n        <div class=\"kt-svc-route__label\">Die wichtigsten Fakten<\/div>\n        <div class=\"kt-svc-route__facts\">\n          <div class=\"kt-svc-route__fact\">\n            <strong>Vorlaufzeit f\u00fcr Muster:<\/strong>\n            7\u201314 Tage f\u00fcr die Mustererstellung\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Werkzeugbau:<\/strong>\n            Wird angeboten, wenn neue Werkzeuge erforderlich sind\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Anpassungen:<\/strong>\n            Festgelegt durch Machbarkeitspr\u00fcfung und genehmigte Spezifikation\n          <\/div>\n        <\/div>\n\n        <a href=\"#oem\" class=\"kt-svc-route__card-cta kt-svc-route__card-cta--oem\">\n          Einzelheiten zum OEM-Service \u2192\n        <\/a>\n      <\/div>\n\n      <!-- Column B: ODM -->\n      <div class=\"kt-svc-route__card kt-svc-route__card--odm\">\n\n        <div class=\"kt-svc-route__tag kt-svc-route__tag--odm\">\n          ODM - Unser Basismodell\n        <\/div>\n\n        <h3 class=\"kt-svc-route__card-headline\">\n          W\u00e4hlen Sie unsere Basis. Machen Sie es zu Ihrem.\n        <\/h3>\n\n        <div class=\"kt-svc-route__label\">Geeignet f\u00fcr<\/div>\n        <ul class=\"kt-svc-route__list\">\n          <li>Neue Marken, Crowdfunding-Gr\u00fcnder oder Amazon-Verk\u00e4ufer, die eine erste SKU einf\u00fchren<\/li>\n          <li>K\u00e4ufer, die von einer bestehenden Basismodell-Konstruktion ausgehen m\u00f6chten<\/li>\n          <li>Projekte mit Fokus auf Material-, Farb-, Marken- und Verpackungs\u00e4nderungen<\/li>\n        <\/ul>\n\n        <div class=\"kt-svc-route__label\">Die wichtigsten Fakten<\/div>\n        <div class=\"kt-svc-route__facts\">\n          <div class=\"kt-svc-route__fact\">\n            <strong>Vorlaufzeit f\u00fcr Muster:<\/strong>\n            7-14 Tage (Basisschimmel vorhanden)\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Werkzeugbau:<\/strong>\n            Bestehende Werkzeuge werden verwendet, wo das gew\u00e4hlte Modell dies zul\u00e4sst\n          <\/div>\n          <div class=\"kt-svc-route__fact\">\n            <strong>Anpassungen:<\/strong>\n            Farbe, Material, Logo, Verpackung\n          <\/div>\n        <\/div>\n\n        <a href=\"#odm\" class=\"kt-svc-route__card-cta kt-svc-route__card-cta--odm\">\n          Details zur ODM-Dienstleistung \u2192\n        <\/a>\n      <\/div>\n\n    <\/div><!-- \/.kt-svc-route__grid -->\n\n    <!-- Footer note -->\n    <p class=\"kt-svc-route__footer-note\">\n      Noch unsicher, welcher Weg passt? Beschreiben Sie Ihr Projekt im Kontaktformular \u2014.\n      <a href=\"\/contact\/\">Kontakt Team<\/a>\n    <\/p>\n\n  <\/div><!-- \/.kt-svc-route__container -->\n<\/section>\n<!-- ============================================================\n     SECTION 3 \u2014 FACTORY SHOWCASE (NEW)\n     Page: \/services\/\n     Class prefix: kt-svc-factory\n     BG: #FFFFFF\n     Purpose: Build trust immediately by showing real production capability\n     ============================================================ -->\n\n<style>\n.et_pb_section:has(.kt-svc-factory),\n.et_pb_row:has(.kt-svc-factory),\n.et_pb_column:has(.kt-svc-factory),\n.et_pb_code:has(.kt-svc-factory),\n.et_pb_code_inner:has(.kt-svc-factory) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kt-svc-factory {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-factory__container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-factory__container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* \u2500\u2500 Left: Image Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__images {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 200px);\n  gap: 16px;\n}\n\n.kt-svc-factory__img-wrap {\n  width: 100%;\n  height: 100%;\n  border-radius: 12px;\n  overflow: hidden;\n  background: #F1F1F0;\n  position: relative;\n}\n\n.kt-svc-factory__img-wrap:first-child {\n  grid-row: span 2;\n  height: 100%;\n}\n\n.kt-svc-factory__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* \u2500\u2500 Right: Content & Stats \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n.kt-svc-factory__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 16px 0;\n}\n\n.kt-svc-factory__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  margin: 0 0 40px 0;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Stats Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-factory__stats {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n}\n\n.kt-svc-factory__stat {\n  border-top: 2px solid #E5E5E3;\n  padding-top: 16px;\n}\n\n.kt-svc-factory__stat-value {\n  font-size: 28px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin-bottom: 4px;\n  line-height: 1.1;\n}\n\n.kt-svc-factory__stat-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: #4A4A45;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n<\/style>\n\n<section id=\"factory\" class=\"kt-svc-factory\" aria-label=\"Keytop Barfu\u00dfschuhe Fabrikprofil\">\n  <div class=\"kt-svc-factory__container\">\n    \n    <!-- Left: Vision \/ Images -->\n    <div class=\"kt-svc-factory__images\">\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase.jpg\" alt=\"Keytop Barfu\u00dfschuh-N\u00e4hwerkstatt\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase-section.jpg\" alt=\"Presse zum Abformen von Laufsohlen\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n      <div class=\"kt-svc-factory__img-wrap\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/factory-showcase-section-1.jpg\" alt=\"Interne Qualit\u00e4tskontrolle und Inspektion f\u00fcr Barfu\u00dfschuhe\" class=\"kt-svc-factory__img\" loading=\"lazy\" title=\"\">\n      <\/div>\n    <\/div>\n\n    <!-- Right: Content -->\n    <div class=\"kt-svc-factory__content\">\n      <div class=\"kt-svc-factory__eyebrow\">Echte Fabrik, echte Kapazit\u00e4t<\/div>\n      <h2 class=\"kt-svc-factory__h2\">Werksgef\u00fchrte Barfu\u00dfschuh-Produktion<\/h2>\n      <p class=\"kt-svc-factory__sub\">\n        Keytop koordiniert Entwicklung und Produktion in seinem Fertigungsbetrieb in Jinjiang. Produktgeometrie, Materialien, Verarbeitung und Pr\u00fcfkriterien werden gegen die genehmigte Projektspezifikation gepr\u00fcft.\n      <\/p>\n\n      <div class=\"kt-svc-factory__stats\">\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">50,000<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Paare Monatliche Kapazit\u00e4t<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">Seit 2006<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Fertigungserfahrung<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">ISO 9001<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Zertifizierte Einrichtung<\/div>\n        <\/div>\n        <div class=\"kt-svc-factory__stat\">\n          <div class=\"kt-svc-factory__stat-value\">Definierte Qualit\u00e4tskontrolle (QC)<\/div>\n          <div class=\"kt-svc-factory__stat-label\">Projektabnahmekriterien<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- ============================================================\n     SECTION 4 \u2014 CUSTOMIZATION PREVIEW (NEW)\n     Page: \/services\/\n     Class prefix: kt-svc-custom-preview\n     BG: #F1F1F0\n     Purpose: Replaces heavy text with visual examples of customization\n     ============================================================ -->\n\n<style>\n.et_pb_section:has(.kt-svc-custom-preview),\n.et_pb_row:has(.kt-svc-custom-preview),\n.et_pb_column:has(.kt-svc-custom-preview),\n.et_pb_code:has(.kt-svc-custom-preview),\n.et_pb_code_inner:has(.kt-svc-custom-preview) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.kt-svc-custom-preview {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n  text-align: center;\n}\n\n.kt-svc-custom-preview__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.kt-svc-custom-preview__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.10);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n.kt-svc-custom-preview__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 auto 16px auto;\n  max-width: 720px;\n}\n\n.kt-svc-custom-preview__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  margin: 0 auto 48px auto;\n  max-width: 640px;\n}\n\n\/* \u2500\u2500 Cards Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-custom-preview__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 48px;\n  text-align: left;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-custom-preview__grid {\n    grid-template-columns: 1fr;\n    max-width: 480px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.kt-svc-custom-preview__card {\n  background: #FFFFFF;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n  transition: transform 300ms ease;\n}\n\n.kt-svc-custom-preview__card:hover {\n  transform: translateY(-4px);\n}\n\n.kt-svc-custom-preview__img-wrap {\n  width: 100%;\n  height: 220px;\n  background: #E5E5E3;\n  overflow: hidden;\n}\n\n.kt-svc-custom-preview__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.kt-svc-custom-preview__card-body {\n  padding: 24px;\n}\n\n.kt-svc-custom-preview__card-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 8px 0;\n}\n\n.kt-svc-custom-preview__card-desc {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Action \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-custom-preview__action {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 14px 32px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 15px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: all 200ms ease;\n}\n\n.kt-svc-custom-preview__action:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section id=\"customization\" class=\"kt-svc-custom-preview\" aria-label=\"Vorschau der Anpassungsoptionen\">\n  <div class=\"kt-svc-custom-preview__container\">\n    \n    <div class=\"kt-svc-custom-preview__eyebrow\">Flexibilit\u00e4t bei der Gestaltung<\/div>\n    <h2 class=\"kt-svc-custom-preview__h2\">Machen Sie es unverkennbar zu Ihrem<\/h2>\n    <p class=\"kt-svc-custom-preview__sub\">\n      Ganz gleich, ob Sie sich f\u00fcr ODM oder OEM entscheiden, unsere Materialbibliothek und unsere Branding-M\u00f6glichkeiten sorgen daf\u00fcr, dass Ihr Endprodukt auf dem Markt f\u00fcr Barfu\u00dfschuhe hervorsticht.\n    <\/p>\n\n    <!-- Visual Grid -->\n    <div class=\"kt-svc-custom-preview__grid\">\n      <!-- Card 1 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customizarion-sole.png\" alt=\"Detailliertes, individuelles Barfu\u00df-Laufsohlen-Profil\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">Individuelle Laufsohlenentwicklung<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Pr\u00fcfung neuer Werkzeuge auf projektspezifische Profilmuster, Konstruktionsziele und Flexibilit\u00e4tsanforderungen.<\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- Card 2 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customization-fabric.png\" alt=\"Nachhaltige Obermaterialien wie Hanf und recyceltes Mesh\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">Nachhaltige Obermaterialien<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Steigen Sie um von Standard-Synthetik auf GRS-zertifiziertes, recyceltes Gewebe, Naturhanf, Bio-Baumwolle oder hochwertiges veganes Leder.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"kt-svc-custom-preview__card\">\n        <div class=\"kt-svc-custom-preview__img-wrap\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/customization-logo.png\" alt=\"Individuell gestaltete Schuhkartons und Anh\u00e4nger\" class=\"kt-svc-custom-preview__img\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"kt-svc-custom-preview__card-body\">\n          <h3 class=\"kt-svc-custom-preview__card-title\">Vollst\u00e4ndiges Branding<\/h3>\n          <p class=\"kt-svc-custom-preview__card-desc\">Von gepr\u00e4gten Logos und individuellen Webetiketten bis hin zu einzelhandelsgerechten, umweltfreundlichen Verpackungen und individuellen Beilagen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <a href=\"\/customization\/\" class=\"kt-svc-custom-preview__action\">\n      Vollst\u00e4ndiges Anpassungsmen\u00fc erkunden \u2192\n    <\/a>\n\n  <\/div>\n<\/section>\n<!-- ============================================================\n     SECTION 6 \u2014 TWO-LANE ACCOUNTABILITY TIMELINE\n     Page: \/services\/\n     Class prefix: kt-svc-timeline\n     BG: #F1F1F0\n     AIDA: Desire \u2014 no competitor shows both Buyer + Factory lanes\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-timeline),\n.et_pb_row:has(.kt-svc-timeline),\n.et_pb_column:has(.kt-svc-timeline),\n.et_pb_code:has(.kt-svc-timeline),\n.et_pb_code_inner:has(.kt-svc-timeline) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-timeline__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 Lane labels (thead inside table) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__table th.step-head {\n  width: 64px;\n  min-width: 56px;\n  background: #1A1A1A;\n}\n\n.kt-svc-timeline__table th.buyer-head,\n.kt-svc-timeline__table th.factory-head {\n  font-size: 11.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  padding: 12px 18px;\n  background: #FFFFFF;\n  text-align: left;\n  vertical-align: bottom;\n}\n\n.kt-svc-timeline__table th.buyer-head {\n  color: #4A4A45;\n  border-left: 3px solid #4A4A45;\n  border-bottom: 2px solid #4A4A45;\n}\n\n.kt-svc-timeline__table th.factory-head {\n  color: #2D5016;\n  border-left: 3px solid #2D5016;\n  border-bottom: 2px solid #2D5016;\n}\n\n\/* \u2500\u2500 Table wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__table-wrap {\n  overflow-x: auto;\n  border-radius: 12px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.07);\n  margin-bottom: 40px;\n}\n\n.kt-svc-timeline__table {\n  width: 100%;\n  border-collapse: collapse;\n  background: #FFFFFF;\n  font-size: 14px;\n}\n\n\/* Step header column *\/\n.kt-svc-timeline__table td.step {\n  width: 64px;\n  min-width: 56px;\n  background: #1A1A1A;\n  color: #FFFFFF;\n  font-size: 11px;\n  font-weight: 700;\n  text-align: center;\n  letter-spacing: 0.06em;\n  padding: 16px 10px;\n  border-bottom: 1px solid rgba(255,255,255,0.10);\n  vertical-align: top;\n}\n\n.kt-svc-timeline__table tr:last-child td.step {\n  border-bottom: none;\n}\n\n\/* Buyer lane \u2014 dark gray accent *\/\n.kt-svc-timeline__table td.buyer {\n  border-left: 3px solid #4A4A45;\n  padding: 16px 18px;\n  vertical-align: top;\n  border-bottom: 1px solid #E5E5E3;\n  color: #4A4A45;\n  line-height: 1.5;\n  width: 50%;\n}\n\n\/* Factory lane \u2014 green accent *\/\n.kt-svc-timeline__table td.factory {\n  border-left: 3px solid #2D5016;\n  padding: 16px 18px;\n  vertical-align: top;\n  border-bottom: 1px solid #E5E5E3;\n  color: #4A4A45;\n  line-height: 1.5;\n}\n\n.kt-svc-timeline__table tr:last-child td.buyer,\n.kt-svc-timeline__table tr:last-child td.factory {\n  border-bottom: none;\n}\n\n.kt-svc-timeline__table .action-title {\n  display: block;\n  font-weight: 600;\n  color: #1A1A1A;\n  font-size: 13.5px;\n  margin-bottom: 3px;\n}\n\n.kt-svc-timeline__table .action-time {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  padding: 2px 7px;\n  border-radius: 9999px;\n  margin-bottom: 5px;\n}\n\n.buyer .action-time {\n  background: rgba(74, 74, 69, 0.10);\n  color: #4A4A45;\n}\n\n.factory .action-time {\n  background: rgba(45, 80, 22, 0.10);\n  color: #2D5016;\n}\n\n.kt-svc-timeline__table .action-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  display: block;\n}\n\n\/* \u2500\u2500 Mobile accordion (hidden on desktop) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__accordion { display: none; }\n\n@media (max-width: 767px) {\n  .kt-svc-timeline__table-wrap { display: none; }\n  .kt-svc-timeline__lane-labels { display: none; }\n  .kt-svc-timeline__accordion { display: block; margin-bottom: 40px; }\n\n  .kt-svc-timeline__acc-item {\n    background: #FFFFFF;\n    border-radius: 8px;\n    margin-bottom: 8px;\n    overflow: hidden;\n    border: 1px solid #E5E5E3;\n  }\n\n  .kt-svc-timeline__acc-header {\n    width: 100%;\n    background: none;\n    border: none;\n    padding: 14px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    text-align: left;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1A1A1A;\n  }\n\n  .kt-svc-timeline__acc-step {\n    font-size: 10px;\n    font-weight: 700;\n    background: #1A1A1A;\n    color: #FFFFFF;\n    padding: 2px 8px;\n    border-radius: 4px;\n    margin-right: 10px;\n    letter-spacing: 0.06em;\n    flex-shrink: 0;\n  }\n\n  .kt-svc-timeline__acc-icon {\n    font-size: 20px;\n    color: #9C9C95;\n    margin-left: 8px;\n    flex-shrink: 0;\n    transition: transform 200ms ease;\n  }\n\n  .kt-svc-timeline__acc-item.open .kt-svc-timeline__acc-icon {\n    transform: rotate(45deg);\n  }\n\n  .kt-svc-timeline__acc-body {\n    display: none;\n    padding: 0 16px 16px;\n    border-top: 1px solid #F1F1F0;\n  }\n\n  .kt-svc-timeline__acc-item.open .kt-svc-timeline__acc-body {\n    display: block;\n  }\n\n  .kt-svc-timeline__acc-lane {\n    margin-top: 12px;\n    padding: 10px 12px;\n    border-radius: 6px;\n    font-size: 13.5px;\n    line-height: 1.5;\n    color: #4A4A45;\n  }\n\n  .kt-svc-timeline__acc-lane--buyer {\n    border-left: 3px solid #4A4A45;\n    background: rgba(74, 74, 69, 0.04);\n    margin-bottom: 8px;\n  }\n\n  .kt-svc-timeline__acc-lane--factory {\n    border-left: 3px solid #2D5016;\n    background: rgba(45, 80, 22, 0.04);\n  }\n\n  .kt-svc-timeline__acc-lane .lane-label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 4px;\n  }\n\n  .kt-svc-timeline__acc-lane--buyer .lane-label { color: #4A4A45; }\n  .kt-svc-timeline__acc-lane--factory .lane-label { color: #2D5016; }\n}\n\n\/* \u2500\u2500 Rush note \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__rush {\n  background: rgba(45, 80, 22, 0.07);\n  border-left: 3px solid #2D5016;\n  border-radius: 0 8px 8px 0;\n  padding: 14px 18px;\n  font-size: 13.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n  margin-bottom: 36px;\n}\n\n.kt-svc-timeline__rush strong { color: #1A1A1A; }\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-timeline__footer-cta {\n  display: flex;\n  justify-content: center;\n}\n\n.kt-svc-timeline__footer-cta a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-timeline__footer-cta a:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section id=\"process\" class=\"kt-svc-timeline\" aria-label=\"Zeitplan f\u00fcr die Produktion - K\u00e4ufer- und Fabrikspuren\">\n  <div class=\"kt-svc-timeline__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-timeline__eyebrow\">Produktionsprozess<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-timeline__h2\">Ein klarer Weg vom Briefing bis zum Versand<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-timeline__sub\">\n      Jede Phase benennt die Entscheidung des K\u00e4ufers und die entsprechende Ma\u00dfnahme der Fabrik.\n    <\/p>\n\n    <!-- Desktop table -->\n    <div class=\"kt-svc-timeline__table-wrap\">\n      <table class=\"kt-svc-timeline__table\">\n        <thead>\n          <tr>\n            <th class=\"step-head\"><\/th>\n            <th class=\"buyer-head\">Deine Aktion<\/th>\n            <th class=\"factory-head\">Keytop Aktion<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n\n          <tr>\n            <td class=\"step\">01<br>ANFRAGE<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Teilen Sie Ihren Auftrag<\/span>\n              <span class=\"action-time buyer\">Projekt-Briefing<\/span>\n              <span class=\"action-desc\">Produkttyp, Zielmarkt, Menge, Zeitplan, etwaige Designreferenzen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">\u00dcberpr\u00fcfung und Best\u00e4tigung der Passform<\/span>\n              <span class=\"action-time factory\">Umfangspr\u00fcfung<\/span>\n              <span class=\"action-desc\">Vertriebsmitarbeiter best\u00e4tigt Umfang, stellt kl\u00e4rende Fragen, schickt Fabrik\u00fcbersicht<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">02<br>ANGEBOT<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Zitat aus der Rezension<\/span>\n              <span class=\"action-time buyer\">Nach der Pr\u00fcfung<\/span>\n              <span class=\"action-desc\">Best\u00e4tigen Sie die Materialoptionen, das Volumen und die Wahl der Verpackung<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Detailliertes Preisblatt<\/span>\n              <span class=\"action-time factory\">Projektspezifisch<\/span>\n              <span class=\"action-desc\">Preis, Menge, gesch\u00e4tzte Lieferzeit und Handelsbedingungen f\u00fcr den vereinbarten Umfang<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">03<br>PROBEN<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Muster-Spezifikation best\u00e4tigen<\/span>\n              <span class=\"action-time buyer\">Nach dem Angebot<\/span>\n              <span class=\"action-desc\">Materialien, Abmessungen, Branding-Details und etwaige Musterbedingungen freigeben<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Muster produzieren und versenden<\/span>\n              <span class=\"action-time factory\">7-14 Tage<\/span>\n              <span class=\"action-desc\">Muster gem\u00e4\u00df dem vereinbarten Briefing erstellt; Versandart wird f\u00fcr das Projekt best\u00e4tigt<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">04<br>ZULASSUNG<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Genehmigen oder \u00dcberarbeitung beantragen<\/span>\n              <span class=\"action-time buyer\">Nach dem Muster<\/span>\n              <span class=\"action-desc\">Freigabe oder erforderliche \u00c4nderungen gegen die Spezifikation dokumentieren<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Produktionsauftrag sperren<\/span>\n              <span class=\"action-time factory\">Nach der Freigabe<\/span>\n              <span class=\"action-desc\">Produktionsauftrag best\u00e4tigt, Materialbeschaffung beginnt<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">05<br>DEPOSIT<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Auftragsbedingungen best\u00e4tigen<\/span>\n              <span class=\"action-time buyer\">Vor der Produktion<\/span>\n              <span class=\"action-desc\">Die im akzeptierten Angebot genannten kommerziellen Schritte abschlie\u00dfen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Materialbeschaffung<\/span>\n              <span class=\"action-time factory\">Auftragsvorbereitung<\/span>\n              <span class=\"action-desc\">Zugelassene Materialien beschaffen und die vereinbarten Eingangskontrollen anwenden<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">06<br>PRODUKTION<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Verf\u00fcgbar f\u00fcr Inline-QC-Fragen<\/span>\n              <span class=\"action-time buyer\">W\u00e4hrend der Produktion<\/span>\n              <span class=\"action-desc\">Sie k\u00f6nnen Inline-QC-Fotos zur Best\u00e4tigung der Farb- oder Logoplatzierung erhalten.<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Schneiden, n\u00e4hen, halten, veredeln<\/span>\n              <span class=\"action-time factory\">Vereinbarter Zeitplan<\/span>\n              <span class=\"action-desc\">Schneiden, N\u00e4hen, Ziehen und Endbearbeitung mit projektspezifischen Prozesskontrollen<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">07<br>QC<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">QC-Bericht \u00fcberpr\u00fcfen<\/span>\n              <span class=\"action-time buyer\">Vor dem Versand<\/span>\n              <span class=\"action-desc\">Pr\u00fcfung der im Einkaufsspezifikation geforderten Inspektionsunterlagen<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Inspektion vor dem Versand<\/span>\n              <span class=\"action-time factory\">Inspektionsphase<\/span>\n              <span class=\"action-desc\">Pr\u00fcfung der Bestellung gem\u00e4\u00df vereinbartem Stichprobenplan und Annahmekriterien<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">08<br>BALANCE<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Abschluss der vereinbarten Auftragsbedingungen<\/span>\n              <span class=\"action-time buyer\">Vor der Freigabe<\/span>\n              <span class=\"action-desc\">Durchf\u00fchrung der im Kaufvertrag festgelegten Rest- und Freigabeschritte<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">Fracht verpacken und buchen<\/span>\n              <span class=\"action-time factory\">Nach der Freigabe<\/span>\n              <span class=\"action-desc\">Verpackung gem\u00e4\u00df den genehmigten Anforderungen und Koordination der \u00dcbergabe an den ausgew\u00e4hlten Frachtf\u00fchrer<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td class=\"step\">09<br>VERSAND<\/td>\n            <td class=\"buyer\">\n              <span class=\"action-title\">Nachverfolgung und Dokumente erhalten<\/span>\n              <span class=\"action-time buyer\">Beim Versand<\/span>\n              <span class=\"action-desc\">Erhalten Sie die Dokumente, die in der best\u00e4tigten Versandvereinbarung enthalten sind<\/span>\n            <\/td>\n            <td class=\"factory\">\n              <span class=\"action-title\">\u00dcbergabe der Waren an den Spediteur<\/span>\n              <span class=\"action-time factory\">\u00dcbergabe an den Frachtf\u00fchrer<\/span>\n              <span class=\"action-desc\">\u00dcbergabe der Ware gem\u00e4\u00df der f\u00fcr die Bestellung vereinbarten Incoterm und Route<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <!-- Mobile accordion -->\n    <div class=\"kt-svc-timeline__accordion\">\n      <!-- Step 01 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">01<\/span>\n            Anfrage\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 Projektkurzbeschreibung<\/span>\n            Nennen Sie Produkttyp, Markt, Menge, Zeitplan und etwaige Designreferenzen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Ma\u00dfnahme \u2014 Umfangspr\u00fcfung<\/span>\n            Der Vertriebsmitarbeiter best\u00e4tigt den Umfang und schickt eine \u00dcbersicht \u00fcber das Werk.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 02 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">02<\/span>\n            Angebot\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 Nach der Pr\u00fcfung<\/span>\n            Pr\u00fcfen Sie das Angebot und best\u00e4tigen Sie die Auswahl von Material, Verpackung und Volumen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Ma\u00dfnahme \u2014 Projektspezifisch<\/span>\n            Nennen Sie den vereinbarten Umfang, die Menge, die gesch\u00e4tzte Lieferzeit und die Handelbedingungen.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 03 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">03<\/span>\n            Muster\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 Nach dem Angebot<\/span>\n            Best\u00e4tigen Sie die Musterspezifikation und die genannten Musterkonditionen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop Action - 7-14 Tage<\/span>\n            Erstellen Sie das Muster innerhalb von 7\u201314 Tagen und best\u00e4tigen Sie die Versandart.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 04 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">04<\/span>\n            Zulassung\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 Nach dem Muster<\/span>\n            Genehmigen Sie das Muster oder dokumentieren Sie erforderliche \u00c4nderungen an der Spezifikation.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Ma\u00dfnahme \u2014 Nach der Genehmigung<\/span>\n            Der Produktionsauftrag ist abgeschlossen und die Materialbeschaffung beginnt.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 05 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">05<\/span>\n            Einzahlung\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 Vor der Produktion<\/span>\n            Schlie\u00dfen Sie die im akzeptierten Angebot genannten kommerziellen Schritte ab.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Ma\u00dfnahme \u2014 Auftragsvorbereitung<\/span>\n            Beschaffen Sie zugelassene Materialien und wenden Sie die vereinbarten Wareneingangskontrollen an.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 06 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">06<\/span>\n            Produktion\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Ma\u00dfnahme \u2014 W\u00e4hrend der Produktion<\/span>\n            Erh\u00e4ltlich f\u00fcr Inline-QC-Fragen - Farbe, Best\u00e4tigung der Logoplatzierung.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Aktion \u2014 Vereinbarter Zeitplan<\/span>\n            Zuschnitt, N\u00e4hen, Ausleisten und Endfertigung mit projektspezifisch definierten Kontrollen.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 07 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">07<\/span>\n            QC\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Aufgabe \u2014 Vor dem Versand<\/span>\n            Pr\u00fcfen Sie die in der Kaufspezifikation geforderten Inspektionsunterlagen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Aktion \u2014 Inspektionsphase<\/span>\n            Pr\u00fcfen Sie gem\u00e4\u00df dem vereinbarten Stichprobenplan und den Annahmekriterien.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 08 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">08<\/span>\n            Bilanz\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Aufgabe \u2014 Vor der Freigabe<\/span>\n            F\u00fchren Sie die im Kaufvertrag festgelegten Abschluss- und Freigabeschritte vollst\u00e4ndig durch.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Aktion \u2014 Nach der Freigabe<\/span>\n            Verpacken Sie gem\u00e4\u00df den genehmigten Anforderungen und koordinieren Sie die Fracht\u00fcbergabe.\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Step 09 -->\n      <div class=\"kt-svc-timeline__acc-item\">\n        <button class=\"kt-svc-timeline__acc-header\" aria-expanded=\"false\">\n          <div style=\"display:flex;align-items:center;gap:8px;\">\n            <span class=\"kt-svc-timeline__acc-step\">09<\/span>\n            Sendung\n          <\/div>\n          <span class=\"kt-svc-timeline__acc-icon\">+<\/span>\n        <\/button>\n        <div class=\"kt-svc-timeline__acc-body\">\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--buyer\">\n            <span class=\"lane-label\">Ihre Aufgabe \u2014 Beim Versand<\/span>\n            Nehmen Sie die in der best\u00e4tigten Versandvereinbarung enthaltenen Dokumente entgegen.\n          <\/div>\n          <div class=\"kt-svc-timeline__acc-lane kt-svc-timeline__acc-lane--factory\">\n            <span class=\"lane-label\">Keytop-Aktion \u2014 \u00dcbergabe an den Frachtf\u00fchrer<\/span>\n            \u00dcbergeben Sie die Ware gem\u00e4\u00df der f\u00fcr den Auftrag vereinbarten Incoterm und Route.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/.kt-svc-timeline__accordion -->\n\n    <!-- Rush note -->\n    <div class=\"kt-svc-timeline__rush\">\n      <strong>Planungshinweis:<\/strong> Serienproduktion und Transitzeiten h\u00e4ngen von Materialien, Menge,.\n    <\/div>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-timeline__footer-cta\">\n      <a href=\"#process\">Vollst\u00e4ndige Prozessdetails anzeigen \u2192<\/a>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-timeline__container -->\n<\/section>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('.kt-svc-timeline__acc-item');\n  items.forEach(function (item) {\n    var btn = item.querySelector('.kt-svc-timeline__acc-header');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      var isOpen = item.classList.contains('open');\n      items.forEach(function (i) { i.classList.remove('open'); i.querySelector('.kt-svc-timeline__acc-header').setAttribute('aria-expanded', 'false'); });\n      if (!isOpen) {\n        item.classList.add('open');\n        btn.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n})();\n<\/script>\n<!-- ============================================================\n     SECTION 7 \u2014 QC & CERTIFICATIONS\n     Page: \/services\/\n     Class prefix: kt-svc-quality\n     BG: #FFFFFF\n     AIDA: Desire \u2014 trust builder, certs mapped to buyer markets\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-quality),\n.et_pb_row:has(.kt-svc-quality),\n.et_pb_column:has(.kt-svc-quality),\n.et_pb_code:has(.kt-svc-quality),\n.et_pb_code_inner:has(.kt-svc-quality) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality {\n  background: #F1F1F0;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-quality__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 52px 0;\n}\n\n\/* \u2500\u2500 Two-col layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  align-items: start;\n  margin-bottom: 48px;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-quality__cols {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n\/* \u2500\u2500 Column headings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__col-heading {\n  font-size: 13.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #9C9C95;\n  margin: 0 0 20px 0;\n}\n\n\/* \u2500\u2500 QC stage cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__stages {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.kt-svc-quality__stage {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 18px;\n  background: #FAFAFA;\n  border: 1px solid #E5E5E3;\n  border-radius: 10px;\n  transition: box-shadow 200ms ease;\n}\n\n.kt-svc-quality__stage:hover {\n  box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n}\n\n.kt-svc-quality__stage-num {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #2D5016;\n  color: #FFFFFF;\n  font-size: 12px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.kt-svc-quality__stage-body {}\n\n.kt-svc-quality__stage-name {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0 0 4px 0;\n}\n\n.kt-svc-quality__stage-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Cert tiles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__certs {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.kt-svc-quality__cert {\n  padding: 18px 20px;\n  background: #FAFAFA;\n  border: 1px solid #E5E5E3;\n  border-radius: 10px;\n  transition: box-shadow 200ms ease;\n}\n\n.kt-svc-quality__cert:hover {\n  box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n}\n\n.kt-svc-quality__cert-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 6px;\n}\n\n.kt-svc-quality__cert-name {\n  font-size: 14.5px;\n  font-weight: 700;\n  color: #1A1A1A;\n  margin: 0;\n}\n\n.kt-svc-quality__cert-market {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 9px;\n  border-radius: 9999px;\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n  background: rgba(45, 80, 22, 0.09);\n  color: #2D5016;\n  border: 1px solid rgba(45, 80, 22, 0.20);\n}\n\n.kt-svc-quality__cert-desc {\n  font-size: 13px;\n  color: #6B6B66;\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Competitive callout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__callout {\n  background: #F1F1F0;\n  border-left: 3px solid #2D5016;\n  border-radius: 0 10px 10px 0;\n  padding: 20px 24px;\n  margin-bottom: 40px;\n}\n\n.kt-svc-quality__callout p {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.kt-svc-quality__callout strong {\n  color: #1A1A1A;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-quality__footer-cta {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.kt-svc-quality__footer-cta a.primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-quality__footer-cta a.primary:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n\n.kt-svc-quality__footer-cta .note {\n  font-size: 13px;\n  color: #9C9C95;\n  line-height: 1.5;\n}\n<\/style>\n\n<section class=\"kt-svc-quality\" aria-label=\"Qualit\u00e4tskontrolle und Zertifizierungen\">\n  <div class=\"kt-svc-quality__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-quality__eyebrow\">Qualit\u00e4t und Einhaltung der Vorschriften<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-quality__h2\">Qualit\u00e4tskontrollen, definiert rund um Ihre Spezifikation<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-quality__sub\">\n      Pr\u00fcfpunkte, Stichprobenverfahren, Dokumentation und Annahmekriterien werden f\u00fcr den Auftrag best\u00e4tigt.\n    <\/p>\n\n    <!-- Two-col layout -->\n    <div class=\"kt-svc-quality__cols\">\n\n      <!-- Left: QC stages -->\n      <div>\n        <p class=\"kt-svc-quality__col-heading\">Reihenfolge der QC-Stufen<\/p>\n        <div class=\"kt-svc-quality__stages\">\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">1<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Eingehendes Material<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Eingehende Stoffe, Gummiteile und Beschl\u00e4ge k\u00f6nnen vor dem Zuschnitt gegen die genehmigte Materialspezifikation gepr\u00fcft werden.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">2<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Inline Produktion QC<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Prozesskontrollen k\u00f6nnen Ma\u00dfe, N\u00e4hte, Ausleisten, Logo-Platzierung und Farbe gegen das genehmigte Muster abdecken.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">3<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Veredelung &amp; Erscheinungsbild<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Endkontrolle kann Klebelinien, N\u00e4hte, Sohlenhaftung, Optik und vereinbarte Konstruktionsma\u00dfe umfassen.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kt-svc-quality__stage\">\n            <div class=\"kt-svc-quality__stage-num\">4<\/div>\n            <div class=\"kt-svc-quality__stage-body\">\n              <p class=\"kt-svc-quality__stage-name\">Vorversandkontrolle<\/p>\n              <p class=\"kt-svc-quality__stage-desc\">\n                Stichprobenverfahren, Fehlerkategorien, Nachweise und Annahmegrenzen entsprechen den f\u00fcr den Auftrag vereinbarten Anforderungen.\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Right: Cert tiles -->\n      <div>\n        <p class=\"kt-svc-quality__col-heading\">Zertifizierungen - abgestimmt auf Ihren Markt<\/p>\n        <div class=\"kt-svc-quality__certs\">\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">ISO 9001<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Qualit\u00e4tsmanagement<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Zertifizierung des Qualit\u00e4tsmanagementsystems. Aktuelle Dokumente und Geltungsbereich k\u00f6nnen f\u00fcr die Lieferantenqualifizierung gepr\u00fcft werden.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">BSCI<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Einhaltung der EU-Sozialvorschriften<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Informationen zur sozialen Compliance f\u00fcr die Due-Diligence-Pr\u00fcfung des K\u00e4ufers. Die Anwendbarkeit h\u00e4ngt von der Beschaffungsrichtlinie des K\u00e4ufers ab.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">Sedex<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Verantwortungsvolle Beschaffung<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Informationen zur verantwortungsvollen Beschaffung zur Pr\u00fcfung durch den K\u00e4ufer. Dokumenttyp, G\u00fcltigkeit und Geltungsbereich sollten f\u00fcr das vorgesehene Programm gepr\u00fcft werden.\n            <\/p>\n          <\/div>\n\n          <div class=\"kt-svc-quality__cert\">\n            <div class=\"kt-svc-quality__cert-top\">\n              <h3 class=\"kt-svc-quality__cert-name\">GRS<\/h3>\n              <span class=\"kt-svc-quality__cert-market\">Geltungsbereich recycelter Materialien<\/span>\n            <\/div>\n            <p class=\"kt-svc-quality__cert-desc\">\n              Dokumentation zum Global Recycled Standard. Produkt-, Material- und Transaktionsumfang m\u00fcssen best\u00e4tigt werden, bevor Angaben zum Recyclinganteil gemacht werden.\n            <\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/.kt-svc-quality__cols -->\n\n    <!-- Competitive callout -->\n    <div class=\"kt-svc-quality__callout\">\n      <p>\n        <strong>Die Inspektion sollte vor Produktionsbeginn vereinbart werden.<\/strong>\n        Keytop kann interne Inspektionspunkte mit der genehmigten Spezifikation und dem vom K\u00e4ufer geforderten Stichprobenplan abgleichen.\n      <\/p>\n    <\/div>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-quality__footer-cta\">\n      <a href=\"\/contact\/\" class=\"primary\">Muster &amp; QC-Bericht anfordern \u2192<\/a>\n      <span class=\"note\">Muster in 7\u201314 Tagen \u2022 Pr\u00fcfungsumfang pro Projekt festgelegt<\/span>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-quality__container -->\n<\/section>\n<!-- ============================================================\n     SECTION 8 \u2014 FAQ (2-COLUMN ACCORDION)\n     Page: \/services\/\n     Class prefix: kt-svc-faq\n     BG: #F1F1F0\n     AIDA: Desire \/ Action \u2014 AEO + PAA + speakable CSS selector\n     Schema CSS selector: .kt-svc-faq__question\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-faq),\n.et_pb_row:has(.kt-svc-faq),\n.et_pb_column:has(.kt-svc-faq),\n.et_pb_code:has(.kt-svc-faq),\n.et_pb_code_inner:has(.kt-svc-faq) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq {\n  background: #FFFFFF;\n  padding: 80px clamp(20px, 5vw, 64px);\n}\n\n.kt-svc-faq__container {\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  background: rgba(45, 80, 22, 0.08);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #2D5016;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__h2 {\n  font-size: clamp(26px, 3.2vw, 40px);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: #1A1A1A;\n  margin: 0 0 12px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__sub {\n  font-size: 16px;\n  line-height: 1.6;\n  color: #4A4A45;\n  max-width: 640px;\n  margin: 0 0 48px 0;\n}\n\n\/* \u2500\u2500 Two-column accordion grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0 40px;\n  margin-bottom: 48px;\n}\n\n@media (max-width: 900px) {\n  .kt-svc-faq__cols {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* \u2500\u2500 Accordion column \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__col {\n  display: flex;\n  flex-direction: column;\n}\n\n\/* \u2500\u2500 Single accordion item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__item {\n  border-bottom: 1px solid #E5E5E3;\n}\n\n.kt-svc-faq__item:first-child {\n  border-top: 1px solid #E5E5E3;\n}\n\n\/* \u2500\u2500 Trigger button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__trigger {\n  width: 100%;\n  background: none;\n  border: none;\n  padding: 18px 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  cursor: pointer;\n  text-align: left;\n}\n\n.kt-svc-faq__trigger:focus-visible {\n  outline: 2px solid #2D5016;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n\/* \u2500\u2500 Question text \u2014 speakable CSS selector \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* Schema speakable cssSelector: \".kt-svc-faq__question\" *\/\n.kt-svc-faq__question {\n  font-size: 15px;\n  font-weight: 600;\n  color: #1A1A1A;\n  line-height: 1.4;\n  flex: 1;\n}\n\n\/* \u2500\u2500 Toggle icon \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #FFFFFF;\n  border: 1px solid #E5E5E3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #4A4A45;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-faq__item.open .kt-svc-faq__icon {\n  background: #2D5016;\n  border-color: #2D5016;\n  color: #FFFFFF;\n  transform: rotate(45deg);\n}\n\n\/* \u2500\u2500 Answer panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__answer {\n  display: none;\n  padding: 0 0 18px 0;\n}\n\n.kt-svc-faq__item.open .kt-svc-faq__answer {\n  display: block;\n}\n\n.kt-svc-faq__answer p {\n  font-size: 14.5px;\n  color: #4A4A45;\n  line-height: 1.65;\n  margin: 0;\n}\n\n.kt-svc-faq__answer a {\n  color: #2D5016;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-faq__footer-note {\n  font-size: 14px;\n  color: #9C9C95;\n  text-align: center;\n  margin-bottom: 8px;\n}\n\n.kt-svc-faq__footer-cta {\n  display: flex;\n  justify-content: center;\n}\n\n.kt-svc-faq__footer-cta a {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 12px 28px;\n  background: transparent;\n  border: 2px solid #2D5016;\n  border-radius: 8px;\n  color: #2D5016;\n  font-size: 14.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-faq__footer-cta a:hover {\n  background: #2D5016;\n  color: #FFFFFF;\n  transform: translateY(-1px);\n}\n<\/style>\n\n<section class=\"kt-svc-faq\" aria-label=\"H\u00e4ufig gestellte Fragen\">\n  <div class=\"kt-svc-faq__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-faq__eyebrow\">FAQ<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-faq__h2\">Fragen, die K\u00e4ufer stellen, bevor sie eine Bestellung aufgeben<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-faq__sub\">\n      Antworten auf die 10 Fragen, die unser Vertriebsteam am h\u00e4ufigsten erh\u00e4lt -\n      zu den Themen Mindestbestellmenge, Muster, Zertifikate, Fristen und wie man beginnt.\n    <\/p>\n\n    <!-- Two-column accordion -->\n    <div class=\"kt-svc-faq__cols\">\n\n      <!-- Column 1 (Q1\u2013Q5) -->\n      <div class=\"kt-svc-faq__col\">\n\n        <!-- Q1 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Was ist in den OEM-Herstellungsdienstleistungen f\u00fcr Barfu\u00dfschuhe enthalten?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              OEM kann Spezifikationspr\u00fcfung, Materialbeschaffung, Leisten- und Werkzeugentwicklung, Musterfertigung,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q2 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Was ist der Unterschied zwischen OEM und ODM f\u00fcr Barfu\u00dfschuhe?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              OEM beginnt mit Ihren Designanforderungen und kann individuelle Leisten-Geometrie, Sohlenwerkzeuge und Obermaterial-Konstruktion umfassen.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q3 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Wie hoch ist die Mindestbestellmenge f\u00fcr die Herstellung individueller Barfu\u00dfschuhe?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              MOQ betr\u00e4gt 500 Paar pro Farbe und Stil. Dies gilt sowohl f\u00fcr OEM- als auch f\u00fcr ODM-Wege.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q4 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Wie lange dauert die Herstellung von Barfu\u00dfschuhen vom Start bis zur Auslieferung?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Muster dauern normalerweise 7\u201314 Tage. Produktions- und Versandzeiten werden nach Best\u00e4tigung von Materialien,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q5 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Kann ich ein Muster erhalten, bevor ich mich f\u00fcr eine Massenproduktion entscheide?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Ja. Musterkosten, Lieferung, Messprotokolle und \u00c4nderungsbedingungen werden f\u00fcr das Projekt angeboten.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/.kt-svc-faq__col col-1 -->\n\n      <!-- Column 2 (Q6\u2013Q10) -->\n      <div class=\"kt-svc-faq__col\">\n\n        <!-- Q6 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Welche Zertifizierungen ben\u00f6tigt eine Barfu\u00dfschuhfabrik f\u00fcr den US- und EU-Markt?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Keytop listet ISO 9001, BSCI, Sedex und GRS unter seinen Werkszertifikaten auf.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q7 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Wie funktioniert die Qualit\u00e4tskontrolle bei der Herstellung von Barfu\u00dfschuhen?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Die Bestellung kann Eingangs-, Inline-, End- und Vorversandkontrollen definieren.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q8 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Welche Anpassungsm\u00f6glichkeiten gibt es f\u00fcr Barfu\u00dfschuhe der Eigenmarke?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Optionen k\u00f6nnen Logos, Farbreferenzen, Verpackung, H\u00e4ngeetiketten, Obermaterialien, Sohlenmischungen,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q9 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Bietet Keytop Versand- und Logistiksupport f\u00fcr internationale Bestellungen an?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Versandunterst\u00fctzung wird w\u00e4hrend der Angebotsphase besprochen. Der vereinbarte Incoterm, das Ziel, die Fracht\u00fcbergabe,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q10 -->\n        <div class=\"kt-svc-faq__item\">\n          <button class=\"kt-svc-faq__trigger\" aria-expanded=\"false\">\n            <span class=\"kt-svc-faq__question\">Wie gr\u00fcnde ich eine Eigenmarke f\u00fcr Barfu\u00dfschuhe von Grund auf?<\/span>\n            <span class=\"kt-svc-faq__icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n          <div class=\"kt-svc-faq__answer\" role=\"region\">\n            <p>\n              Beginnen Sie mit <a href=\"\/contact\/\">einer Anfrage<\/a> mit Produkttyp, Zielmarkt, Menge, Gr\u00f6\u00dfenspektrum,.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/.kt-svc-faq__col col-2 -->\n\n    <\/div><!-- \/.kt-svc-faq__cols -->\n\n    <!-- Footer note -->\n    <p class=\"kt-svc-faq__footer-note\">Haben Sie noch eine Frage, die oben nicht aufgef\u00fchrt ist?<\/p>\n\n    <!-- Footer CTA -->\n    <div class=\"kt-svc-faq__footer-cta\">\n      <a href=\"\/contact\/\">Fragen Sie das Verkaufsteam \u2192<\/a>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-faq__container -->\n<\/section>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('.kt-svc-faq__item');\n  items.forEach(function (item) {\n    var trigger = item.querySelector('.kt-svc-faq__trigger');\n    if (!trigger) return;\n    trigger.addEventListener('click', function () {\n      var isOpen = item.classList.contains('open');\n      item.classList.toggle('open', !isOpen);\n      trigger.setAttribute('aria-expanded', String(!isOpen));\n    });\n  });\n})();\n<\/script>\n<!-- ============================================================\n     SECTION 9 \u2014 FINAL CTA\n     Page: \/services\/\n     Class prefix: kt-svc-cta\n     BG: #2D5016 (forest green)\n     AIDA: Action \u2014 conversion close, low friction\n     ============================================================ -->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DIVI ESCAPE \u2014 reset all wrapper padding\/margin\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.et_pb_section:has(.kt-svc-cta),\n.et_pb_row:has(.kt-svc-cta),\n.et_pb_column:has(.kt-svc-cta),\n.et_pb_code:has(.kt-svc-cta),\n.et_pb_code_inner:has(.kt-svc-cta) {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n\/* \u2500\u2500 Section wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta {\n  background: #2D5016;\n  padding: 96px clamp(20px, 5vw, 64px);\n  text-align: center;\n}\n\n.kt-svc-cta__container {\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 14px;\n  background: rgba(255, 255, 255, 0.12);\n  border: 1px solid rgba(255, 255, 255, 0.22);\n  border-radius: 9999px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.10em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.80);\n  margin-bottom: 20px;\n}\n\n\/* \u2500\u2500 H2 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__h2 {\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 800;\n  letter-spacing: -0.025em;\n  line-height: 1.15;\n  color: #FFFFFF;\n  margin: 0 0 18px 0;\n}\n\n\/* \u2500\u2500 Sub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__sub {\n  font-size: clamp(15px, 1.5vw, 17px);\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.80);\n  max-width: 540px;\n  margin: 0 auto 40px auto;\n}\n\n\/* \u2500\u2500 CTA buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__buttons {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: 36px;\n}\n\n\/* Primary \u2014 white solid with dark text *\/\n.kt-svc-cta__btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 14px 32px;\n  background: #FFFFFF;\n  border: 2px solid #FFFFFF;\n  border-radius: 8px;\n  color: #1A1A1A;\n  font-size: 15.5px;\n  font-weight: 700;\n  text-decoration: none;\n  transition: background 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;\n}\n\n.kt-svc-cta__btn-primary:hover {\n  background: #F5F5F0;\n  border-color: #F5F5F0;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);\n}\n\n\/* Secondary \u2014 white ghost *\/\n.kt-svc-cta__btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n  padding: 14px 28px;\n  background: transparent;\n  border: 2px solid rgba(255, 255, 255, 0.52);\n  border-radius: 8px;\n  color: #FFFFFF;\n  font-size: 15.5px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;\n}\n\n.kt-svc-cta__btn-ghost:hover {\n  background: rgba(255, 255, 255, 0.10);\n  border-color: rgba(255, 255, 255, 0.75);\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Assurance chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__chips {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.kt-svc-cta__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 13px;\n  border-radius: 9999px;\n  background: rgba(255, 255, 255, 0.10);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  font-size: 12.5px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.82);\n}\n\n.kt-svc-cta__chip::before {\n  content: '\u2713';\n  font-size: 11px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.65);\n}\n\n\/* \u2500\u2500 Divider between chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.kt-svc-cta__chip-sep {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.30);\n  display: none; \/* shown via ::before on middle chips on desktop *\/\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 540px) {\n  .kt-svc-cta__buttons {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .kt-svc-cta__btn-primary,\n  .kt-svc-cta__btn-ghost {\n    width: 100%;\n    padding: 15px 24px;\n  }\n\n  .kt-svc-cta__chips {\n    flex-direction: column;\n    gap: 8px;\n  }\n}\n<\/style>\n\n<section class=\"kt-svc-cta\" aria-label=\"Starten Sie Ihr Barfu\u00dfschuh-Projekt\">\n  <div class=\"kt-svc-cta__container\">\n\n    <!-- Eyebrow -->\n    <div class=\"kt-svc-cta__eyebrow\">Bereit zum Start<\/div>\n\n    <!-- H2 -->\n    <h2 class=\"kt-svc-cta__h2\">Starten Sie Ihr Barfu\u00df-Schuh-Projekt<\/h2>\n\n    <!-- Sub -->\n    <p class=\"kt-svc-cta__sub\">\n      Mindestens 500 Paar. Muster in 7\u201314 Tagen. Teilen Sie uns Ihren Produkttyp.\n    <\/p>\n\n    <!-- CTA buttons -->\n    <div class=\"kt-svc-cta__buttons\">\n      <a href=\"\/contact\/\" class=\"kt-svc-cta__btn-primary\">Diskutieren Sie Ihr Projekt \u2192<\/a>\n      <a href=\"\/contact\/#samples\" class=\"kt-svc-cta__btn-ghost\">Muster anfordern<\/a>\n    <\/div>\n\n    <!-- Assurance chips -->\n    <div class=\"kt-svc-cta__chips\">\n      <span class=\"kt-svc-cta__chip\">MOQ 500 \/ Farbe \/ Stil<\/span>\n      <span class=\"kt-svc-cta__chip\">ISO 9001 \u00b7 BSCI \u00b7 Sedex \u00b7 GRS<\/span>\n      <span class=\"kt-svc-cta__chip\">50.000 Paare \/ Monat<\/span>\n    <\/div>\n\n  <\/div><!-- \/.kt-svc-cta__container -->\n<\/section>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Entdecken Sie unsere umfassenden OEM- und ODM-Barfu\u00dffertigungsdienste. Von der Materialbeschaffung bis zur kundenspezifischen Verpackung liefern wir schnelle Durchlaufzeiten bei einer Mindestbestellmenge von 500 Paaren.","protected":false},"author":1,"featured_media":3730,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-225","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/pages\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":5,"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":4622,"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/pages\/225\/revisions\/4622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/media\/3730"}],"wp:attachment":[{"href":"https:\/\/keytopbarefootshoes.com\/de\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}