{"id":83,"date":"2026-05-19T09:58:38","date_gmt":"2026-05-19T09:58:38","guid":{"rendered":"http:\/\/localhost\/eks-website-english\/use-cases\/"},"modified":"2026-08-11T11:41:41","modified_gmt":"2026-08-11T11:41:41","slug":"use-cases","status":"publish","type":"page","link":"https:\/\/eks-intec.com\/de\/use-cases\/","title":{"rendered":"use-cases"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"83\" class=\"elementor elementor-83\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd7068 e-flex e-con-boxed e-con e-parent\" data-id=\"0dd7068\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee06d73 elementor-widget elementor-widget-html\" data-id=\"ee06d73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eks-usecase-hero\">\r\n\r\n  <div class=\"eks-usecase-hero__background\" aria-hidden=\"true\">\r\n    <span class=\"eks-usecase-hero__line eks-usecase-hero__line--one\"><\/span>\r\n    <span class=\"eks-usecase-hero__line eks-usecase-hero__line--two\"><\/span>\r\n    <span class=\"eks-usecase-hero__line eks-usecase-hero__line--three\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"eks-usecase-hero__content\">\r\n\r\n    <div class=\"eks-usecase-hero__copy\">\r\n\r\n      <span class=\"eks-usecase-hero__eyebrow\">\r\n        Industrial Use Cases\r\n      <\/span>\r\n\r\n      <h1>\r\n        Solve production challenges\r\n        <span>before they become problems.<\/span>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Discover how simulation, automation and production data help you\r\n        validate systems earlier, optimize processes and operate more reliably.\r\n      <\/p>\r\n\r\n      <div class=\"eks-usecase-hero__actions\">\r\n\r\n        <a class=\"eks-usecase-hero__button eks-usecase-hero__button--primary\"\r\n           href=\"#use-cases\">\r\n          Explore use cases\r\n          <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n            <path d=\"M4 10H16M11 5L16 10L11 15\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"eks-usecase-hero__button eks-usecase-hero__button--secondary\"\r\n           href=\"\/contact\/\">\r\n          Discuss your challenge\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"eks-usecase-hero__navigation\" aria-label=\"Use case categories\">\r\n\r\n      <a href=\"#validate-commission\">\r\n        <span class=\"eks-usecase-hero__number\">01<\/span>\r\n\r\n        <span class=\"eks-usecase-hero__category\">\r\n          <small>Test systems earlier<\/small>\r\n          <strong>Validate &amp; Commission<\/strong>\r\n        <\/span>\r\n\r\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n          <path d=\"M4 10H16M11 5L16 10L11 15\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"#simulate-optimize\">\r\n        <span class=\"eks-usecase-hero__number\">02<\/span>\r\n\r\n        <span class=\"eks-usecase-hero__category\">\r\n          <small>Improve performance<\/small>\r\n          <strong>Simulate &amp; Optimize<\/strong>\r\n        <\/span>\r\n\r\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n          <path d=\"M4 10H16M11 5L16 10L11 15\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"#train-experience\">\r\n        <span class=\"eks-usecase-hero__number\">03<\/span>\r\n\r\n        <span class=\"eks-usecase-hero__category\">\r\n          <small>Prepare people safely<\/small>\r\n          <strong>Train &amp; Experience<\/strong>\r\n        <\/span>\r\n\r\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n          <path d=\"M4 10H16M11 5L16 10L11 15\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"#analyze-predict\">\r\n        <span class=\"eks-usecase-hero__number\">04<\/span>\r\n\r\n        <span class=\"eks-usecase-hero__category\">\r\n          <small>Use production data<\/small>\r\n          <strong>Analyze &amp; Predict<\/strong>\r\n        <\/span>\r\n\r\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n          <path d=\"M4 10H16M11 5L16 10L11 15\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"eks-usecase-hero__footer\">\r\n\r\n    <span>\r\n      From engineering to operation\r\n    <\/span>\r\n\r\n    <a href=\"#use-cases\">\r\n      Find your use case\r\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n        <path d=\"M10 3V16M5 11L10 16L15 11\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.eks-usecase-hero,\r\n.eks-usecase-hero * {\r\n  box-sizing: border-box !important;\r\n  font-family: Poppins, Arial, sans-serif !important;\r\n}\r\n\r\n.eks-usecase-hero {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  min-height: 630px !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: space-between !important;\r\n  overflow: hidden !important;\r\n  padding: clamp(34px, 5vw, 72px) !important;\r\n  border-radius: 32px !important;\r\n  color: #ffffff !important;\r\n  background:\r\n    radial-gradient(\r\n      circle at 87% 15%,\r\n      rgba(56, 168, 224, 0.28) 0,\r\n      rgba(56, 168, 224, 0) 30%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #000b27 0%,\r\n      #00316b 58%,\r\n      #0956a0 100%\r\n    ) !important;\r\n}\r\n\r\n.eks-usecase-hero__background {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  overflow: hidden !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.eks-usecase-hero__background::before {\r\n  position: absolute !important;\r\n  top: -260px !important;\r\n  right: -170px !important;\r\n  width: 630px !important;\r\n  height: 630px !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.11) !important;\r\n  border-radius: 50% !important;\r\n  box-shadow:\r\n    0 0 0 70px rgba(255, 255, 255, 0.025),\r\n    0 0 0 140px rgba(255, 255, 255, 0.02) !important;\r\n  content: \"\" !important;\r\n}\r\n\r\n.eks-usecase-hero__background::after {\r\n  position: absolute !important;\r\n  right: 31% !important;\r\n  bottom: -190px !important;\r\n  width: 420px !important;\r\n  height: 420px !important;\r\n  border: 1px solid rgba(69, 174, 225, 0.13) !important;\r\n  border-radius: 50% !important;\r\n  content: \"\" !important;\r\n}\r\n\r\n.eks-usecase-hero__line {\r\n  position: absolute !important;\r\n  display: block !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(69, 174, 225, 0.35),\r\n    transparent\r\n  ) !important;\r\n  transform: rotate(-28deg) !important;\r\n}\r\n\r\n.eks-usecase-hero__line--one {\r\n  top: 18% !important;\r\n  right: -8% !important;\r\n  width: 55% !important;\r\n}\r\n\r\n.eks-usecase-hero__line--two {\r\n  top: 42% !important;\r\n  right: -5% !important;\r\n  width: 45% !important;\r\n}\r\n\r\n.eks-usecase-hero__line--three {\r\n  right: 11% !important;\r\n  bottom: 20% !important;\r\n  width: 31% !important;\r\n}\r\n\r\n.eks-usecase-hero__content {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: grid !important;\r\n  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr) !important;\r\n  gap: clamp(48px, 7vw, 110px) !important;\r\n  align-items: center !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.eks-usecase-hero__copy {\r\n  max-width: 850px !important;\r\n}\r\n\r\n.eks-usecase-hero__eyebrow {\r\n  display: inline-flex !important;\r\n  gap: 10px !important;\r\n  align-items: center !important;\r\n  margin: 0 0 20px !important;\r\n  color: #8dd4f3 !important;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: 0.16em !important;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n.eks-usecase-hero__eyebrow::before {\r\n  width: 7px !important;\r\n  height: 7px !important;\r\n  flex: 0 0 7px !important;\r\n  border-radius: 50% !important;\r\n  background: #45aee1 !important;\r\n  box-shadow: 0 0 0 5px rgba(69, 174, 225, 0.13) !important;\r\n  content: \"\" !important;\r\n}\r\n\r\n.eks-usecase-hero h1 {\r\n  max-width: 850px !important;\r\n  margin: 0 0 24px !important;\r\n  color: #ffffff !important;\r\n  font-size: clamp(46px, 5.4vw, 78px) !important;\r\n  font-weight: 700 !important;\r\n  line-height: 0.98 !important;\r\n  letter-spacing: -0.055em !important;\r\n}\r\n\r\n.eks-usecase-hero h1 span {\r\n  display: block !important;\r\n  color: #71c6ec !important;\r\n}\r\n\r\n.eks-usecase-hero__copy > p {\r\n  max-width: 710px !important;\r\n  margin: 0 !important;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n  font-size: 15px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n.eks-usecase-hero__actions {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 11px !important;\r\n  margin-top: 31px !important;\r\n}\r\n\r\n.eks-usecase-hero__button {\r\n  display: inline-flex !important;\r\n  min-height: 50px !important;\r\n  gap: 11px !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  padding: 0 22px !important;\r\n  border-radius: 999px !important;\r\n  font-size: 12.5px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1 !important;\r\n  text-decoration: none !important;\r\n  transition:\r\n    background-color 0.22s ease,\r\n    border-color 0.22s ease,\r\n    color 0.22s ease,\r\n    transform 0.22s ease !important;\r\n}\r\n\r\n.eks-usecase-hero__button svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  fill: none !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.7 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  transition: transform 0.22s ease !important;\r\n}\r\n\r\n.eks-usecase-hero__button--primary {\r\n  color: #00316b !important;\r\n  background: #ffffff !important;\r\n}\r\n\r\n.eks-usecase-hero__button--secondary {\r\n  border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n  color: #ffffff !important;\r\n  background: rgba(255, 255, 255, 0.07) !important;\r\n  backdrop-filter: blur(8px) !important;\r\n}\r\n\r\n.eks-usecase-hero__button:hover,\r\n.eks-usecase-hero__button:focus-visible {\r\n  outline: none !important;\r\n  transform: translateY(-2px) !important;\r\n}\r\n\r\n.eks-usecase-hero__button--primary:hover,\r\n.eks-usecase-hero__button--primary:focus-visible {\r\n  color: #00316b !important;\r\n  background: #dff4fd !important;\r\n}\r\n\r\n.eks-usecase-hero__button--secondary:hover,\r\n.eks-usecase-hero__button--secondary:focus-visible {\r\n  border-color: rgba(255, 255, 255, 0.45) !important;\r\n  color: #ffffff !important;\r\n  background: rgba(255, 255, 255, 0.13) !important;\r\n}\r\n\r\n.eks-usecase-hero__button:hover svg {\r\n  transform: translateX(3px) !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.14) !important;\r\n  border-radius: 23px !important;\r\n  background: rgba(1, 10, 26, 0.34) !important;\r\n  box-shadow: 0 28px 70px rgba(0, 11, 39, 0.23) !important;\r\n  backdrop-filter: blur(18px) !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation > a {\r\n  display: grid !important;\r\n  grid-template-columns: 38px minmax(0, 1fr) 19px !important;\r\n  gap: 15px !important;\r\n  align-items: center !important;\r\n  min-height: 84px !important;\r\n  padding: 15px 18px !important;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n  transition:\r\n    background-color 0.22s ease,\r\n    padding-left 0.22s ease !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation > a:last-child {\r\n  border-bottom: 0 !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation > a:hover,\r\n.eks-usecase-hero__navigation > a:focus-visible {\r\n  padding-left: 23px !important;\r\n  color: #ffffff !important;\r\n  background: rgba(69, 174, 225, 0.14) !important;\r\n  outline: none !important;\r\n}\r\n\r\n.eks-usecase-hero__number {\r\n  display: flex !important;\r\n  width: 38px !important;\r\n  height: 38px !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  border: 1px solid rgba(69, 174, 225, 0.28) !important;\r\n  border-radius: 11px !important;\r\n  color: #78cdf0 !important;\r\n  background: rgba(69, 174, 225, 0.09) !important;\r\n  font-size: 10px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n.eks-usecase-hero__category {\r\n  display: flex !important;\r\n  min-width: 0 !important;\r\n  flex-direction: column !important;\r\n  gap: 4px !important;\r\n}\r\n\r\n.eks-usecase-hero__category small {\r\n  color: rgba(255, 255, 255, 0.48) !important;\r\n  font-size: 9.5px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n.eks-usecase-hero__category strong {\r\n  color: #ffffff !important;\r\n  font-size: 14px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation > a > svg {\r\n  width: 19px !important;\r\n  height: 19px !important;\r\n  color: #69c2e9 !important;\r\n  fill: none !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.7 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  transition: transform 0.22s ease !important;\r\n}\r\n\r\n.eks-usecase-hero__navigation > a:hover > svg {\r\n  transform: translateX(3px) !important;\r\n}\r\n\r\n.eks-usecase-hero__footer {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 20px !important;\r\n  width: 100% !important;\r\n  margin-top: 46px !important;\r\n  padding-top: 22px !important;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.13) !important;\r\n}\r\n\r\n.eks-usecase-hero__footer > span {\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: 0.14em !important;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n.eks-usecase-hero__footer > a {\r\n  display: inline-flex !important;\r\n  gap: 9px !important;\r\n  align-items: center !important;\r\n  color: rgba(255, 255, 255, 0.74) !important;\r\n  font-size: 11.5px !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.eks-usecase-hero__footer > a:hover,\r\n.eks-usecase-hero__footer > a:focus-visible {\r\n  color: #ffffff !important;\r\n  outline: none !important;\r\n}\r\n\r\n.eks-usecase-hero__footer svg {\r\n  width: 17px !important;\r\n  height: 17px !important;\r\n  fill: none !important;\r\n  stroke: currentColor !important;\r\n  stroke-width: 1.7 !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n  transition: transform 0.22s ease !important;\r\n}\r\n\r\n.eks-usecase-hero__footer > a:hover svg {\r\n  transform: translateY(3px) !important;\r\n}\r\n\r\n@media (max-width: 1050px) {\r\n  .eks-usecase-hero {\r\n    min-height: 0 !important;\r\n  }\r\n\r\n  .eks-usecase-hero__content {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 46px !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation > a:nth-child(odd) {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation > a:nth-child(3) {\r\n    border-bottom: 0 !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .eks-usecase-hero {\r\n    padding: 32px 20px 24px !important;\r\n    border-radius: 22px !important;\r\n  }\r\n\r\n  .eks-usecase-hero h1 {\r\n    font-size: clamp(40px, 11vw, 54px) !important;\r\n  }\r\n\r\n  .eks-usecase-hero__copy > p {\r\n    font-size: 13.5px !important;\r\n  }\r\n\r\n  .eks-usecase-hero__actions {\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .eks-usecase-hero__button {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation {\r\n    display: block !important;\r\n    border-radius: 18px !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation > a {\r\n    min-height: 76px !important;\r\n    border-right: 0 !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation > a:nth-child(3) {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n  }\r\n\r\n  .eks-usecase-hero__navigation > a:last-child {\r\n    border-bottom: 0 !important;\r\n  }\r\n\r\n  .eks-usecase-hero__footer {\r\n    align-items: flex-start !important;\r\n    flex-direction: column !important;\r\n    margin-top: 34px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .eks-usecase-hero__button,\r\n  .eks-usecase-hero__button svg,\r\n  .eks-usecase-hero__navigation > a,\r\n  .eks-usecase-hero__navigation > a > svg,\r\n  .eks-usecase-hero__footer svg {\r\n    transition: none !important;\r\n  }\r\n\r\n  .eks-usecase-hero__button:hover {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53e51f2 e-flex e-con-boxed e-con e-parent\" data-id=\"53e51f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f08ae2 elementor-widget elementor-widget-spacer\" data-id=\"0f08ae2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69f8512 e-flex e-con-boxed e-con e-parent\" data-id=\"69f8512\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a272b5 elementor-widget elementor-widget-html\" data-id=\"6a272b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eks-usecases\" id=\"use-cases\">\r\n  <div class=\"eks-usecases__header\">\r\n    <div class=\"eks-usecases__intro\">\r\n      <span class=\"eks-usecases__eyebrow\">Explore our solutions<\/span>\r\n\r\n      <h2>\r\n        Use cases built around\r\n        <span>real production challenges.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Explore how simulation, automation and production data can help you\r\n        validate systems earlier, optimize processes and improve production\r\n        performance.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"eks-usecases__count\" aria-live=\"polite\">\r\n      <strong data-usecase-count>\u2013<\/strong>\r\n      <span>Use Cases<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"eks-usecases__filters\"\r\n    data-usecase-filters\r\n    aria-label=\"Filter use cases\"\r\n  >\r\n    <button\r\n      class=\"eks-usecases__filter is-active\"\r\n      type=\"button\"\r\n      data-filter=\"all\"\r\n      aria-pressed=\"true\"\r\n    >\r\n      All use cases\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"eks-usecases__status\"\r\n    data-usecase-status\r\n    role=\"status\"\r\n  >\r\n    <span class=\"eks-usecases__loader\" aria-hidden=\"true\"><\/span>\r\n    <span>Loading use cases...<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"eks-usecases__grid\" data-usecase-grid><\/div>\r\n\r\n  <noscript>\r\n    <p class=\"eks-usecases__message\">\r\n      JavaScript must be enabled to display the use cases.\r\n    <\/p>\r\n  <\/noscript>\r\n<\/section>\r\n\r\n<style>\r\n  .eks-usecases,\r\n  .eks-usecases * {\r\n    box-sizing: border-box !important;\r\n    font-family: Poppins, Arial, sans-serif !important;\r\n  }\r\n\r\n  .eks-usecases {\r\n    --eks-blue: #0956a0;\r\n    --eks-blue-dark: #00316b;\r\n    --eks-navy: #12304f;\r\n    --eks-cyan: #38a8e0;\r\n    --eks-light-blue: #eaf3fb;\r\n    --eks-background: #f4f8fc;\r\n    --eks-text: #667b90;\r\n    --eks-border: rgba(9, 86, 160, 0.13);\r\n\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    padding: 0 !important;\r\n    overflow: visible !important;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .eks-usecases__header {\r\n    position: relative !important;\r\n    display: grid !important;\r\n    grid-template-columns: minmax(0, 1fr) auto !important;\r\n    gap: 40px !important;\r\n    align-items: end !important;\r\n    margin-bottom: 36px !important;\r\n  }\r\n\r\n  .eks-usecases__intro {\r\n    max-width: 830px !important;\r\n  }\r\n\r\n  .eks-usecases__eyebrow {\r\n    display: inline-flex !important;\r\n    gap: 9px !important;\r\n    align-items: center !important;\r\n    margin: 0 0 15px !important;\r\n    color: var(--eks-blue) !important;\r\n    font-size: 10px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.15em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .eks-usecases__eyebrow::before {\r\n    width: 7px !important;\r\n    height: 7px !important;\r\n    flex: 0 0 7px !important;\r\n    border-radius: 50% !important;\r\n    background: var(--eks-cyan) !important;\r\n    box-shadow: 0 0 0 5px rgba(56, 168, 224, 0.11) !important;\r\n    content: \"\" !important;\r\n  }\r\n\r\n  .eks-usecases__intro h2 {\r\n    max-width: 800px !important;\r\n    margin: 0 0 18px !important;\r\n    color: var(--eks-navy) !important;\r\n    font-size: clamp(38px, 4.6vw, 64px) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.02 !important;\r\n    letter-spacing: -0.052em !important;\r\n  }\r\n\r\n  .eks-usecases__intro h2 span {\r\n    display: block !important;\r\n    color: var(--eks-blue) !important;\r\n  }\r\n\r\n  .eks-usecases__intro p {\r\n    max-width: 700px !important;\r\n    margin: 0 !important;\r\n    color: var(--eks-text) !important;\r\n    font-size: 14px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.65 !important;\r\n  }\r\n\r\n  .eks-usecases__count {\r\n    display: flex !important;\r\n    min-width: 126px !important;\r\n    min-height: 108px !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border: 1px solid var var(--eks-border) !important;\r\n    border-radius: 20px !important;\r\n    background: var(--eks-background) !important;\r\n  }\r\n\r\n  .eks-usecases__count strong {\r\n    color: var(--eks-blue) !important;\r\n    font-size: 36px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: -0.05em !important;\r\n  }\r\n\r\n  .eks-usecases__count span {\r\n    margin-top: 7px !important;\r\n    color: #748699 !important;\r\n    font-size: 9px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.12em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .eks-usecases__filters {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 8px !important;\r\n    margin-bottom: 26px !important;\r\n    padding-bottom: 22px !important;\r\n    border-bottom: 1px solid var(--eks-border) !important;\r\n  }\r\n\r\n  .eks-usecases__filter {\r\n    min-height: 42px !important;\r\n    padding: 0 17px !important;\r\n    border: 1px solid var(--eks-border) !important;\r\n    border-radius: 999px !important;\r\n    color: #5e748a !important;\r\n    background: #ffffff !important;\r\n    box-shadow: none !important;\r\n    font-size: 11px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    cursor: pointer !important;\r\n    transition:\r\n      color 0.2s ease,\r\n      border-color 0.2s ease,\r\n      background-color 0.2s ease,\r\n      transform 0.2s ease !important;\r\n  }\r\n\r\n  .eks-usecases__filter:hover,\r\n  .eks-usecases__filter:focus-visible {\r\n    border-color: rgba(9, 86, 160, 0.32) !important;\r\n    color: var(--eks-blue) !important;\r\n    outline: none !important;\r\n    transform: translateY(-1px) !important;\r\n  }\r\n\r\n  .eks-usecases__filter.is-active {\r\n    border-color: var(--eks-blue) !important;\r\n    color: #ffffff !important;\r\n    background: var(--eks-blue) !important;\r\n  }\r\n\r\n  .eks-usecases__grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n  }\r\n\r\n  .eks-usecase-card {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    min-width: 0 !important;\r\n    min-height: 330px !important;\r\n    flex-direction: column !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid var(--eks-border) !important;\r\n    border-radius: 21px !important;\r\n    color: var(--eks-navy) !important;\r\n    background: #ffffff !important;\r\n    text-decoration: none !important;\r\n    transition:\r\n      border-color 0.24s ease,\r\n      transform 0.24s ease,\r\n      box-shadow 0.24s ease !important;\r\n  }\r\n\r\n  .eks-usecase-card:hover,\r\n  .eks-usecase-card:focus-visible {\r\n    border-color: rgba(9, 86, 160, 0.34) !important;\r\n    color: var(--eks-navy) !important;\r\n    outline: none !important;\r\n    transform: translateY(-5px) !important;\r\n    box-shadow: 0 20px 42px rgba(18, 48, 79, 0.11) !important;\r\n  }\r\n\r\n  .eks-usecase-card[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .eks-usecase-card__visual {\r\n    position: relative !important;\r\n    height: 145px !important;\r\n    overflow: hidden !important;\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(0, 49, 107, 0.97),\r\n        rgba(9, 86, 160, 0.94)\r\n      ) !important;\r\n  }\r\n\r\n  .eks-usecase-card__visual::before,\r\n  .eks-usecase-card__visual::after {\r\n    position: absolute !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.13) !important;\r\n    border-radius: 50% !important;\r\n    content: \"\" !important;\r\n  }\r\n\r\n  .eks-usecase-card__visual::before {\r\n    top: -95px !important;\r\n    right: -55px !important;\r\n    width: 210px !important;\r\n    height: 210px !important;\r\n    box-shadow:\r\n      0 0 0 28px rgba(255, 255, 255, 0.025),\r\n      0 0 0 56px rgba(255, 255, 255, 0.018) !important;\r\n  }\r\n\r\n  .eks-usecase-card__visual::after {\r\n    bottom: -75px !important;\r\n    left: 28% !important;\r\n    width: 135px !important;\r\n    height: 135px !important;\r\n  }\r\n\r\n  .eks-usecase-card__image {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.45s ease !important;\r\n  }\r\n\r\n  .eks-usecase-card__visual:has(.eks-usecase-card__image)::after {\r\n    inset: 0 !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(0, 49, 107, 0.02),\r\n        rgba(0, 49, 107, 0.4)\r\n      ) !important;\r\n  }\r\n\r\n  .eks-usecase-card:hover .eks-usecase-card__image {\r\n    transform: scale(1.04) !important;\r\n  }\r\n\r\n  .eks-usecase-card__index {\r\n    position: absolute !important;\r\n    top: 17px !important;\r\n    left: 17px !important;\r\n    z-index: 2 !important;\r\n    display: flex !important;\r\n    width: 36px !important;\r\n    height: 36px !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.19) !important;\r\n    border-radius: 11px !important;\r\n    color: rgba(255, 255, 255, 0.86) !important;\r\n    background: rgba(0, 18, 46, 0.25) !important;\r\n    backdrop-filter: blur(9px) !important;\r\n    font-size: 9px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .eks-usecase-card__body {\r\n    display: flex !important;\r\n    min-height: 185px !important;\r\n    flex: 1 !important;\r\n    flex-direction: column !important;\r\n    padding: 21px !important;\r\n  }\r\n\r\n  .eks-usecase-card__category {\r\n    display: block !important;\r\n    margin: 0 0 9px !important;\r\n    color: var(--eks-blue) !important;\r\n    font-size: 9px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.3 !important;\r\n    letter-spacing: 0.1em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .eks-usecase-card__title {\r\n    margin: 0 0 10px !important;\r\n    color: var(--eks-navy) !important;\r\n    font-size: 20px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.16 !important;\r\n    letter-spacing: -0.03em !important;\r\n  }\r\n\r\n  .eks-usecase-card__description {\r\n    display: -webkit-box !important;\r\n    margin: 0 !important;\r\n    overflow: hidden !important;\r\n    color: #6d7f92 !important;\r\n    font-size: 11.5px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    -webkit-box-orient: vertical !important;\r\n    -webkit-line-clamp: 3 !important;\r\n  }\r\n\r\n  .eks-usecase-card__footer {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 15px !important;\r\n    margin-top: auto !important;\r\n    padding-top: 18px !important;\r\n  }\r\n\r\n  .eks-usecase-card__link {\r\n    color: var(--eks-blue) !important;\r\n    font-size: 10.5px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  .eks-usecase-card__arrow {\r\n    display: flex !important;\r\n    width: 31px !important;\r\n    height: 31px !important;\r\n    flex: 0 0 31px !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    border-radius: 50% !important;\r\n    color: var(--eks-blue) !important;\r\n    background: var(--eks-light-blue) !important;\r\n    transition:\r\n      color 0.22s ease,\r\n      background-color 0.22s ease,\r\n      transform 0.22s ease !important;\r\n  }\r\n\r\n  .eks-usecase-card__arrow svg {\r\n    width: 15px !important;\r\n    height: 15px !important;\r\n    fill: none !important;\r\n    stroke: currentColor !important;\r\n    stroke-width: 1.8 !important;\r\n    stroke-linecap: round !important;\r\n    stroke-linejoin: round !important;\r\n  }\r\n\r\n  .eks-usecase-card:hover .eks-usecase-card__arrow {\r\n    color: #ffffff !important;\r\n    background: var(--eks-blue) !important;\r\n    transform: translateX(3px) !important;\r\n  }\r\n\r\n  .eks-usecases__status {\r\n    display: flex !important;\r\n    min-height: 160px !important;\r\n    gap: 12px !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    color: var(--eks-text) !important;\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n  }\r\n\r\n  .eks-usecases__status[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .eks-usecases__loader {\r\n    width: 19px !important;\r\n    height: 19px !important;\r\n    border: 2px solid rgba(9, 86, 160, 0.15) !important;\r\n    border-top-color: var(--eks-blue) !important;\r\n    border-radius: 50% !important;\r\n    animation: eks-usecases-spin 0.7s linear infinite !important;\r\n  }\r\n\r\n  .eks-usecases__message {\r\n    grid-column: 1 \/ -1 !important;\r\n    margin: 0 !important;\r\n    padding: 30px !important;\r\n    border-radius: 16px !important;\r\n    color: var(--eks-text) !important;\r\n    background: var(--eks-background) !important;\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  @keyframes eks-usecases-spin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .eks-usecases__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .eks-usecases {\r\n      padding: 0 !important;\r\n      border-radius: 0 !important;\r\n    }\r\n\r\n    .eks-usecases__header {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 22px !important;\r\n    }\r\n\r\n    .eks-usecases__intro h2 {\r\n      font-size: clamp(36px, 10vw, 48px) !important;\r\n    }\r\n\r\n    .eks-usecases__count {\r\n      min-width: 0 !important;\r\n      min-height: 74px !important;\r\n      flex-direction: row !important;\r\n      gap: 9px !important;\r\n    }\r\n\r\n    .eks-usecases__count strong {\r\n      font-size: 27px !important;\r\n    }\r\n\r\n    .eks-usecases__count span {\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .eks-usecases__filters {\r\n      flex-wrap: nowrap !important;\r\n      padding-right: 19px !important;\r\n      overflow-x: auto !important;\r\n      scrollbar-width: none !important;\r\n    }\r\n\r\n    .eks-usecases__filters::-webkit-scrollbar {\r\n      display: none !important;\r\n    }\r\n\r\n    .eks-usecases__filter {\r\n      flex: 0 0 auto !important;\r\n    }\r\n\r\n    .eks-usecases__grid {\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n\r\n    .eks-usecase-card {\r\n      min-height: 0 !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eks-usecase-card,\r\n    .eks-usecase-card__image,\r\n    .eks-usecase-card__arrow,\r\n    .eks-usecases__filter {\r\n      transition: none !important;\r\n    }\r\n\r\n    .eks-usecase-card:hover,\r\n    .eks-usecases__filter:hover {\r\n      transform: none !important;\r\n    }\r\n\r\n    .eks-usecases__loader {\r\n      animation-duration: 1.5s !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const sections = document.querySelectorAll(\".eks-usecases\");\r\n\r\n    sections.forEach((section) => {\r\n      if (section.dataset.initialized === \"true\") {\r\n        return;\r\n      }\r\n\r\n      section.dataset.initialized = \"true\";\r\n\r\n      const grid = section.querySelector(\"[data-usecase-grid]\");\r\n      const filters = section.querySelector(\"[data-usecase-filters]\");\r\n      const status = section.querySelector(\"[data-usecase-status]\");\r\n      const count = section.querySelector(\"[data-usecase-count]\");\r\n\r\n      const apiBase = `${window.location.origin}\/wp-json\/wp\/v2`;\r\n      const taxonomyRestBase = \"use_case_category\";\r\n\r\n      const decodeText = (value = \"\") => {\r\n        let decodedValue = String(value);\r\n\r\n        for (let index = 0; index < 10; index += 1) {\r\n          const decoder = document.createElement(\"textarea\");\r\n          decoder.innerHTML = decodedValue;\r\n\r\n          const nextValue = decoder.value;\r\n\r\n          if (nextValue === decodedValue) {\r\n            break;\r\n          }\r\n\r\n          decodedValue = nextValue;\r\n        }\r\n\r\n        const temporaryElement = document.createElement(\"div\");\r\n        temporaryElement.innerHTML = decodedValue;\r\n\r\n        return (\r\n          temporaryElement.textContent ||\r\n          temporaryElement.innerText ||\r\n          \"\"\r\n        ).trim();\r\n      };\r\n\r\n      const escapeHtml = (value = \"\") => {\r\n        return String(value)\r\n          .replaceAll(\"&\", \"&amp;\")\r\n          .replaceAll(\"<\", \"&lt;\")\r\n          .replaceAll(\">\", \"&gt;\")\r\n          .replaceAll('\"', \"&quot;\")\r\n          .replaceAll(\"'\", \"&#039;\");\r\n      };\r\n\r\n      const getFeaturedImage = (page) => {\r\n        const media = page?._embedded?.[\"wp:featuredmedia\"]?.[0];\r\n\r\n        if (!media) {\r\n          return \"\";\r\n        }\r\n\r\n        return (\r\n          media.media_details?.sizes?.large?.source_url ||\r\n          media.media_details?.sizes?.medium_large?.source_url ||\r\n          media.source_url ||\r\n          \"\"\r\n        );\r\n      };\r\n\r\n      const getPageTermIds = (page) => {\r\n        const termIds = page[taxonomyRestBase];\r\n\r\n        return Array.isArray(termIds)\r\n          ? termIds.map(Number)\r\n          : [];\r\n      };\r\n\r\n      const createFilter = (term) => {\r\n        const button = document.createElement(\"button\");\r\n\r\n        button.className = \"eks-usecases__filter\";\r\n        button.type = \"button\";\r\n        button.dataset.filter = String(term.id);\r\n        button.setAttribute(\"aria-pressed\", \"false\");\r\n\r\n        \/*\r\n         * textContent gibt den bereits decodierten Namen sicher aus.\r\n         * Dadurch wird beispielsweise \"&amp;\" sichtbar zu \"&\".\r\n         *\/\r\n        button.textContent = decodeText(term.name);\r\n\r\n        return button;\r\n      };\r\n\r\n      const createCard = (page, index, termsById) => {\r\n        const termIds = getPageTermIds(page);\r\n\r\n        \/*\r\n         * Auch Kategorienamen aus der REST-API m\u00fcssen decodiert werden.\r\n         *\/\r\n        const termNames = termIds\r\n          .map((termId) => termsById.get(termId)?.name)\r\n          .filter(Boolean)\r\n          .map((termName) => decodeText(termName));\r\n\r\n        const title = decodeText(\r\n          page.title?.rendered || \"Use Case\"\r\n        );\r\n\r\n        const excerpt =\r\n          decodeText(page.excerpt?.rendered || \"\") ||\r\n          \"Discover how this use case supports more efficient and reliable production processes.\";\r\n\r\n        const imageUrl = getFeaturedImage(page);\r\n        const card = document.createElement(\"a\");\r\n\r\n        card.className = \"eks-usecase-card\";\r\n        card.href = page.link;\r\n        card.dataset.categories = termIds.join(\" \");\r\n        card.setAttribute(\"aria-label\", `Explore ${title}`);\r\n\r\n        const imageMarkup = imageUrl\r\n          ? `\r\n            <img decoding=\"async\"\r\n              class=\"eks-usecase-card__image\"\r\n              src=\"${escapeHtml(imageUrl)}\"\r\n              alt=\"\"\r\n              loading=\"lazy\"\r\n            >\r\n          `\r\n          : \"\";\r\n\r\n        card.innerHTML = `\r\n          <div class=\"eks-usecase-card__visual\">\r\n            ${imageMarkup}\r\n\r\n            <span class=\"eks-usecase-card__index\">\r\n              ${String(index + 1).padStart(2, \"0\")}\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"eks-usecase-card__body\">\r\n            <span class=\"eks-usecase-card__category\">\r\n              ${escapeHtml(\r\n                termNames.join(\" \u00b7 \") || \"Industrial Use Case\"\r\n              )}\r\n            <\/span>\r\n\r\n            <h3 class=\"eks-usecase-card__title\">\r\n              ${escapeHtml(title)}\r\n            <\/h3>\r\n\r\n            <p class=\"eks-usecase-card__description\">\r\n              ${escapeHtml(excerpt)}\r\n            <\/p>\r\n\r\n            <div class=\"eks-usecase-card__footer\">\r\n              <span class=\"eks-usecase-card__link\">\r\n                Explore use case\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"eks-usecase-card__arrow\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <svg viewBox=\"0 0 20 20\">\r\n                  <path d=\"M4 10H16M11 5L16 10L11 15\"><\/path>\r\n                <\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n\r\n        return card;\r\n      };\r\n\r\n      const updateVisibleCount = () => {\r\n        const visibleCards = Array.from(\r\n          grid.querySelectorAll(\".eks-usecase-card\")\r\n        ).filter((card) => !card.hidden);\r\n\r\n        count.textContent = String(visibleCards.length);\r\n      };\r\n\r\n      const applyFilter = (filterValue) => {\r\n        const cards = grid.querySelectorAll(\".eks-usecase-card\");\r\n\r\n        cards.forEach((card) => {\r\n          const categories = card.dataset.categories\r\n            .split(\" \")\r\n            .filter(Boolean);\r\n\r\n          card.hidden =\r\n            filterValue !== \"all\" &&\r\n            !categories.includes(filterValue);\r\n        });\r\n\r\n        filters\r\n          .querySelectorAll(\".eks-usecases__filter\")\r\n          .forEach((button) => {\r\n            const isActive =\r\n              button.dataset.filter === filterValue;\r\n\r\n            button.classList.toggle(\"is-active\", isActive);\r\n            button.setAttribute(\r\n              \"aria-pressed\",\r\n              String(isActive)\r\n            );\r\n          });\r\n\r\n        updateVisibleCount();\r\n      };\r\n\r\n      filters.addEventListener(\"click\", (event) => {\r\n        const button = event.target.closest(\r\n          \".eks-usecases__filter\"\r\n        );\r\n\r\n        if (!button) {\r\n          return;\r\n        }\r\n\r\n        applyFilter(button.dataset.filter);\r\n      });\r\n\r\n      const loadUseCases = async () => {\r\n        try {\r\n          const parentResponse = await fetch(\r\n            `${apiBase}\/pages?slug=use-cases&status=publish&per_page=1`\r\n          );\r\n\r\n          if (!parentResponse.ok) {\r\n            throw new Error(\r\n              \"Use Case parent page could not be loaded.\"\r\n            );\r\n          }\r\n\r\n          const parentPages = await parentResponse.json();\r\n          const parentPage = parentPages[0];\r\n\r\n          if (!parentPage) {\r\n            throw new Error(\r\n              'No published page with the slug \"use-cases\" was found.'\r\n            );\r\n          }\r\n\r\n          const [pagesResponse, termsResponse] =\r\n            await Promise.all([\r\n              fetch(\r\n                `${apiBase}\/pages?parent=${parentPage.id}&status=publish&per_page=100&orderby=menu_order&order=asc&_embed=1`\r\n              ),\r\n              fetch(\r\n                `${apiBase}\/${taxonomyRestBase}?hide_empty=true&per_page=100&orderby=name&order=asc`\r\n              )\r\n            ]);\r\n\r\n          if (!pagesResponse.ok) {\r\n            throw new Error(\r\n              \"Use Case pages could not be loaded.\"\r\n            );\r\n          }\r\n\r\n          if (!termsResponse.ok) {\r\n            throw new Error(\r\n              \"Use Case categories could not be loaded.\"\r\n            );\r\n          }\r\n\r\n          const pages = await pagesResponse.json();\r\n          const terms = await termsResponse.json();\r\n\r\n          const relevantTermIds = new Set(\r\n            pages.flatMap((page) => getPageTermIds(page))\r\n          );\r\n\r\n          const relevantTerms = terms.filter((term) =>\r\n            relevantTermIds.has(Number(term.id))\r\n          );\r\n\r\n          const termsById = new Map(\r\n            relevantTerms.map((term) => [\r\n              Number(term.id),\r\n              term\r\n            ])\r\n          );\r\n\r\n          relevantTerms.forEach((term) => {\r\n            filters.appendChild(createFilter(term));\r\n          });\r\n\r\n          if (!pages.length) {\r\n            status.hidden = true;\r\n            count.textContent = \"0\";\r\n\r\n            grid.innerHTML = `\r\n              <p class=\"eks-usecases__message\">\r\n                No published use cases were found.\r\n              <\/p>\r\n            `;\r\n\r\n            return;\r\n          }\r\n\r\n          const fragment = document.createDocumentFragment();\r\n\r\n          pages.forEach((page, index) => {\r\n            fragment.appendChild(\r\n              createCard(page, index, termsById)\r\n            );\r\n          });\r\n\r\n          grid.appendChild(fragment);\r\n          status.hidden = true;\r\n          updateVisibleCount();\r\n        } catch (error) {\r\n          console.error(\"EKS Use Cases:\", error);\r\n\r\n          status.hidden = true;\r\n          count.textContent = \"\u2013\";\r\n\r\n          grid.innerHTML = `\r\n            <p class=\"eks-usecases__message\">\r\n              The use cases could not be loaded. Please check the page\r\n              hierarchy, taxonomy REST slug and WordPress REST API.\r\n            <\/p>\r\n          `;\r\n        }\r\n      };\r\n\r\n      loadUseCases();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df587b1 e-flex e-con-boxed e-con e-parent\" data-id=\"df587b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa9a7e elementor-widget elementor-widget-spacer\" data-id=\"1aa9a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad98e09 e-flex e-con-boxed e-con e-parent\" data-id=\"ad98e09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef998 elementor-widget elementor-widget-html\" data-id=\"b0ef998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eks-uc-content\" aria-labelledby=\"eks-uc-content-title\">\r\n  <div class=\"eks-uc-content__intro\">\r\n    <div class=\"eks-uc-content__copy\">\r\n      <span class=\"eks-uc-content__eyebrow\">From challenge to solution<\/span>\r\n      <h2 id=\"eks-uc-content-title\">\r\n        One production lifecycle.<br>\r\n        <span>Connected end to end.<\/span>\r\n      <\/h2>\r\n      <p>\r\n        EKS InTec combines engineering expertise, digital twins and production\r\n        data to solve challenges across the entire production lifecycle. Start\r\n        with your use case and connect the methods, software and systems needed\r\n        to validate earlier, commission faster and optimize continuously.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <a class=\"eks-uc-content__primary-link\" href=\"\/lifecycle\/\">\r\n      <span>Explore the lifecycle<\/span>\r\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n        <path d=\"M4 10H16M11 5L16 10L11 15\"><\/path>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"eks-uc-paths\" aria-label=\"Solution areas\">\r\n    <a class=\"eks-uc-path eks-uc-path--engineering\" href=\"\/lifecycle\/\">\r\n      <span class=\"eks-uc-path__number\">01<\/span>\r\n      <span class=\"eks-uc-path__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <path d=\"M6 23.5 16 6l10 17.5H6Z\"><\/path>\r\n          <path d=\"M11.5 20 16 12l4.5 8h-9Z\"><\/path>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__content\">\r\n        <strong>Engineering &amp; Simulation<\/strong>\r\n        <span>Plan systems, model processes and evaluate concepts before physical implementation.<\/span>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n    <\/a>\r\n\r\n    <a class=\"eks-uc-path eks-uc-path--commissioning\" href=\"\/lifecycle\/\">\r\n      <span class=\"eks-uc-path__number\">02<\/span>\r\n      <span class=\"eks-uc-path__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <rect x=\"5\" y=\"7\" width=\"22\" height=\"18\" rx=\"3\"><\/rect>\r\n          <path d=\"m11 16 3 3 7-7\"><\/path>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__content\">\r\n        <strong>Virtual Commissioning &amp; Testing<\/strong>\r\n        <span>Validate PLC code, robot behavior and system interaction against a digital twin.<\/span>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n    <\/a>\r\n\r\n    <a class=\"eks-uc-path eks-uc-path--optimization\" href=\"\/lifecycle\/\">\r\n      <span class=\"eks-uc-path__number\">03<\/span>\r\n      <span class=\"eks-uc-path__icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 32 32\">\r\n          <path d=\"M6 24V14M13 24V9M20 24v-6M27 24V5\"><\/path>\r\n          <path d=\"m6 11 7-5 7 8 7-7\"><\/path>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__content\">\r\n        <strong>Monitoring &amp; Optimization<\/strong>\r\n        <span>Connect real production data, identify bottlenecks and improve system performance.<\/span>\r\n      <\/span>\r\n      <span class=\"eks-uc-path__arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"eks-uc-flow\">\r\n    <div class=\"eks-uc-flow__heading\">\r\n      <span class=\"eks-uc-content__eyebrow\">A connected approach<\/span>\r\n      <h3>From the first model to the running line.<\/h3>\r\n    <\/div>\r\n\r\n    <ol class=\"eks-uc-flow__steps\">\r\n      <li>\r\n        <span class=\"eks-uc-flow__marker\">01<\/span>\r\n        <strong>Model<\/strong>\r\n        <span>Create the virtual representation of the system and its behavior.<\/span>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"eks-uc-flow__marker\">02<\/span>\r\n        <strong>Connect<\/strong>\r\n        <span>Link controls, robots, simulation models and production data.<\/span>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"eks-uc-flow__marker\">03<\/span>\r\n        <strong>Validate<\/strong>\r\n        <span>Test logic, sequences and interactions before commissioning.<\/span>\r\n      <\/li>\r\n      <li>\r\n        <span class=\"eks-uc-flow__marker\">04<\/span>\r\n        <strong>Improve<\/strong>\r\n        <span>Use insights from simulation and operation for continuous optimization.<\/span>\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n\r\n  <div class=\"eks-uc-bottom\">\r\n    <div class=\"eks-uc-faq\">\r\n      <span class=\"eks-uc-content__eyebrow\">Common questions<\/span>\r\n      <h3>What companies want to know before they start.<\/h3>\r\n\r\n      <div class=\"eks-uc-faq__list\">\r\n        <details>\r\n          <summary>\r\n            <span>What is virtual commissioning?<\/span>\r\n            <span class=\"eks-uc-faq__plus\" aria-hidden=\"true\"><\/span>\r\n          <\/summary>\r\n          <div class=\"eks-uc-faq__answer\">\r\n            <p>Virtual commissioning uses a digital twin of a production system to test automation software before the physical line is available. PLC programs, robot behavior and system sequences can be validated in a controlled virtual environment.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            <span>Can existing PLC and robot programs be tested?<\/span>\r\n            <span class=\"eks-uc-faq__plus\" aria-hidden=\"true\"><\/span>\r\n          <\/summary>\r\n          <div class=\"eks-uc-faq__answer\">\r\n            <p>Yes. Depending on the setup, real automation programs can be connected to a simulation through suitable interfaces. This enables realistic software tests without requiring the complete physical production system.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            <span>Which systems can be connected?<\/span>\r\n            <span class=\"eks-uc-faq__plus\" aria-hidden=\"true\"><\/span>\r\n          <\/summary>\r\n          <div class=\"eks-uc-faq__answer\">\r\n            <p>The RF::SUITE ecosystem supports connections to common PLC environments, robot controllers, simulation systems, databases and industrial communication standards. The exact setup depends on the use case and existing system landscape.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            <span>Is a digital twin useful after commissioning?<\/span>\r\n            <span class=\"eks-uc-faq__plus\" aria-hidden=\"true\"><\/span>\r\n          <\/summary>\r\n          <div class=\"eks-uc-faq__answer\">\r\n            <p>Yes. The same models and connected data can support training, diagnosis, scenario analysis and production optimization. This extends their value beyond the initial engineering and commissioning phases.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            <span>How do we find the right solution for our project?<\/span>\r\n            <span class=\"eks-uc-faq__plus\" aria-hidden=\"true\"><\/span>\r\n          <\/summary>\r\n          <div class=\"eks-uc-faq__answer\">\r\n            <p>Start with the production challenge rather than a specific tool. EKS InTec can map the required engineering steps, interfaces and RF::SUITE components to the existing process and system environment.<\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"eks-uc-cta\">\r\n      <span class=\"eks-uc-cta__glow\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eks-uc-cta__label\">Your challenge is the starting point<\/span>\r\n      <h3>Not sure which use case fits?<\/h3>\r\n      <p>Tell us where your production process loses time, quality or transparency. We will identify a practical path forward.<\/p>\r\n      <a href=\"\/contact\/\">\r\n        <span>Discuss your project<\/span>\r\n        <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\r\n          <path d=\"M4 10H16M11 5L16 10L11 15\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n      <span class=\"eks-uc-cta__meta\">Engineering \u00b7 Software \u00b7 Integration<\/span>\r\n    <\/aside>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .eks-uc-content,\r\n  .eks-uc-content * { box-sizing: border-box !important; font-family: Poppins, Arial, sans-serif !important; }\r\n  .eks-uc-content { --blue:#0956a0; --dark-blue:#00316b; --navy:#000b27; --cyan:#38a8e0; --pale:#eef6fc; --line:rgba(9,86,160,.14); --text:#667b90; width:100% !important; color:var(--navy) !important; }\r\n  .eks-uc-content__intro { display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:40px !important; margin-bottom:34px !important; }\r\n  .eks-uc-content__copy { max-width:850px !important; }\r\n  .eks-uc-content__eyebrow { display:inline-flex !important; align-items:center !important; gap:9px !important; margin:0 0 15px !important; color:var(--blue) !important; font-size:10px !important; font-weight:800 !important; line-height:1.2 !important; letter-spacing:.15em !important; text-transform:uppercase !important; }\r\n  .eks-uc-content__eyebrow::before { width:7px !important; height:7px !important; flex:0 0 7px !important; border-radius:50% !important; background:var(--cyan) !important; box-shadow:0 0 0 5px rgba(56,168,224,.11) !important; content:\"\" !important; }\r\n  .eks-uc-content__intro h2 { margin:0 0 18px !important; color:var(--navy) !important; font-size:clamp(38px,4.6vw,64px) !important; font-weight:700 !important; line-height:1.02 !important; letter-spacing:-.052em !important; }\r\n  .eks-uc-content__intro h2 span { color:var(--blue) !important; }\r\n  .eks-uc-content__intro p { max-width:740px !important; margin:0 !important; color:var(--text) !important; font-size:14px !important; font-weight:500 !important; line-height:1.7 !important; }\r\n  .eks-uc-content__primary-link { display:inline-flex !important; min-height:48px !important; flex:0 0 auto !important; align-items:center !important; gap:14px !important; padding:0 20px !important; border:1px solid var(--line) !important; border-radius:999px !important; color:var(--blue) !important; background:#fff !important; font-size:11px !important; font-weight:700 !important; text-decoration:none !important; transition:.22s ease !important; }\r\n  .eks-uc-content__primary-link svg,.eks-uc-cta a svg { width:17px !important; height:17px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }\r\n  .eks-uc-content__primary-link:hover { color:#fff !important; background:var(--blue) !important; transform:translateY(-2px) !important; }\r\n  .eks-uc-paths { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin-bottom:68px !important; }\r\n  .eks-uc-path { position:relative !important; display:flex !important; min-height:290px !important; flex-direction:column !important; overflow:hidden !important; padding:25px !important; border:1px solid var(--line) !important; border-radius:22px !important; color:var(--navy) !important; background:#fff !important; text-decoration:none !important; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important; }\r\n  .eks-uc-path::before { position:absolute !important; right:-70px !important; bottom:-90px !important; width:210px !important; height:210px !important; border:1px solid currentColor !important; border-radius:50% !important; opacity:.09 !important; content:\"\" !important; box-shadow:0 0 0 30px currentColor,0 0 0 60px currentColor !important; }\r\n  .eks-uc-path:hover { border-color:rgba(9,86,160,.32) !important; transform:translateY(-6px) !important; box-shadow:0 22px 50px rgba(0,49,107,.11) !important; }\r\n  .eks-uc-path__number { color:#8395a7 !important; font-size:9px !important; font-weight:800 !important; letter-spacing:.13em !important; }\r\n  .eks-uc-path__icon { display:flex !important; width:54px !important; height:54px !important; align-items:center !important; justify-content:center !important; margin:25px 0 29px !important; border-radius:17px !important; color:var(--blue) !important; background:var(--pale) !important; }\r\n  .eks-uc-path__icon svg { width:30px !important; height:30px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.7 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }\r\n  .eks-uc-path__content { position:relative !important; z-index:1 !important; display:flex !important; max-width:310px !important; flex-direction:column !important; gap:10px !important; }\r\n  .eks-uc-path__content strong { font-size:20px !important; font-weight:700 !important; line-height:1.18 !important; letter-spacing:-.03em !important; }\r\n  .eks-uc-path__content>span { color:var(--text) !important; font-size:11.5px !important; font-weight:500 !important; line-height:1.6 !important; }\r\n  .eks-uc-path__arrow { position:absolute !important; top:23px !important; right:23px !important; font-size:20px !important; font-weight:400 !important; transition:transform .22s ease !important; }\r\n  .eks-uc-path:hover .eks-uc-path__arrow { transform:translate(3px,-3px) !important; }\r\n  .eks-uc-path--commissioning .eks-uc-path__icon { color:#fff !important; background:var(--blue) !important; }\r\n  .eks-uc-path--optimization .eks-uc-path__icon { color:#fff !important; background:var(--dark-blue) !important; }\r\n  .eks-uc-flow { display:grid !important; grid-template-columns:minmax(260px,.72fr) minmax(0,1.6fr) !important; gap:60px !important; margin-bottom:68px !important; padding:42px !important; border-radius:24px !important; color:#fff !important; background:linear-gradient(125deg,var(--navy),var(--dark-blue)) !important; }\r\n  .eks-uc-flow .eks-uc-content__eyebrow { color:#8dd8fa !important; }\r\n  .eks-uc-flow__heading h3 { max-width:390px !important; margin:0 !important; color:#fff !important; font-size:clamp(27px,3vw,39px) !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.04em !important; }\r\n  .eks-uc-flow__steps { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; margin:0 !important; padding:0 !important; list-style:none !important; }\r\n  .eks-uc-flow__steps li { position:relative !important; display:flex !important; min-width:0 !important; flex-direction:column !important; padding:0 18px !important; border-left:1px solid rgba(255,255,255,.14) !important; }\r\n  .eks-uc-flow__marker { display:flex !important; width:34px !important; height:34px !important; align-items:center !important; justify-content:center !important; margin-bottom:28px !important; border:1px solid rgba(255,255,255,.2) !important; border-radius:50% !important; color:#8dd8fa !important; font-size:8px !important; font-weight:800 !important; }\r\n  .eks-uc-flow__steps strong { margin-bottom:8px !important; color:#fff !important; font-size:15px !important; font-weight:700 !important; }\r\n  .eks-uc-flow__steps li>span:last-child { color:rgba(255,255,255,.67) !important; font-size:10.5px !important; font-weight:500 !important; line-height:1.55 !important; }\r\n  .eks-uc-bottom { display:grid !important; grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr) !important; gap:18px !important; align-items:stretch !important; }\r\n  .eks-uc-faq { padding:38px !important; border:1px solid var(--line) !important; border-radius:24px !important; background:#fff !important; }\r\n  .eks-uc-faq>h3 { max-width:650px !important; margin:0 0 29px !important; color:var(--navy) !important; font-size:clamp(27px,3vw,40px) !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.04em !important; }\r\n  .eks-uc-faq__list { border-top:1px solid var(--line) !important; }\r\n  .eks-uc-faq details { border-bottom:1px solid var(--line) !important; }\r\n  .eks-uc-faq summary { display:flex !important; min-height:67px !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; color:var(--navy) !important; font-size:13px !important; font-weight:700 !important; line-height:1.4 !important; cursor:pointer !important; list-style:none !important; }\r\n  .eks-uc-faq summary::-webkit-details-marker { display:none !important; }\r\n  .eks-uc-faq__plus { position:relative !important; width:27px !important; height:27px !important; flex:0 0 27px !important; border-radius:50% !important; background:var(--pale) !important; }\r\n  .eks-uc-faq__plus::before,.eks-uc-faq__plus::after { position:absolute !important; top:13px !important; left:8px !important; width:11px !important; height:1px !important; background:var(--blue) !important; content:\"\" !important; transition:transform .2s ease !important; }\r\n  .eks-uc-faq__plus::after { transform:rotate(90deg) !important; }\r\n  .eks-uc-faq details[open] .eks-uc-faq__plus::after { transform:rotate(0) !important; }\r\n  .eks-uc-faq__answer { overflow:hidden !important; }\r\n  .eks-uc-faq__answer p { max-width:740px !important; margin:-4px 44px 22px 0 !important; color:var(--text) !important; font-size:11.5px !important; font-weight:500 !important; line-height:1.7 !important; }\r\n  .eks-uc-cta { position:relative !important; display:flex !important; min-height:100% !important; flex-direction:column !important; overflow:hidden !important; padding:38px !important; border-radius:24px !important; color:#fff !important; background:var(--blue) !important; }\r\n  .eks-uc-cta::before,.eks-uc-cta::after { position:absolute !important; border:1px solid rgba(255,255,255,.11) !important; border-radius:50% !important; content:\"\" !important; }\r\n  .eks-uc-cta::before { right:-105px !important; bottom:-80px !important; width:270px !important; height:270px !important; box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018) !important; }\r\n  .eks-uc-cta::after { top:-80px !important; left:-80px !important; width:190px !important; height:190px !important; }\r\n  .eks-uc-cta__label { position:relative !important; z-index:1 !important; margin-bottom:32px !important; color:#9cddfa !important; font-size:9px !important; font-weight:800 !important; line-height:1.4 !important; letter-spacing:.13em !important; text-transform:uppercase !important; }\r\n  .eks-uc-cta h3 { position:relative !important; z-index:1 !important; margin:0 0 17px !important; color:#fff !important; font-size:31px !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.04em !important; }\r\n  .eks-uc-cta p { position:relative !important; z-index:1 !important; margin:0 0 28px !important; color:rgba(255,255,255,.72) !important; font-size:11.5px !important; font-weight:500 !important; line-height:1.7 !important; }\r\n  .eks-uc-cta a { position:relative !important; z-index:1 !important; display:flex !important; min-height:49px !important; align-items:center !important; justify-content:space-between !important; gap:15px !important; padding:0 18px !important; border-radius:999px !important; color:var(--blue) !important; background:#fff !important; font-size:11px !important; font-weight:700 !important; text-decoration:none !important; transition:transform .22s ease !important; }\r\n  .eks-uc-cta a:hover { transform:translateY(-2px) !important; }\r\n  .eks-uc-cta__meta { position:relative !important; z-index:1 !important; margin-top:auto !important; padding-top:32px !important; color:rgba(255,255,255,.48) !important; font-size:8px !important; font-weight:700 !important; letter-spacing:.09em !important; text-transform:uppercase !important; }\r\n  @media(max-width:1050px){.eks-uc-paths{grid-template-columns:1fr !important}.eks-uc-path{min-height:230px !important}.eks-uc-flow{grid-template-columns:1fr !important;gap:34px !important}.eks-uc-bottom{grid-template-columns:1fr !important}.eks-uc-cta{min-height:390px !important}}\r\n  @media(max-width:720px){.eks-uc-content__intro{align-items:flex-start !important;flex-direction:column !important}.eks-uc-content__primary-link{width:100% !important;justify-content:space-between !important}.eks-uc-paths{margin-bottom:48px !important}.eks-uc-flow{margin-bottom:48px !important;padding:29px 23px !important}.eks-uc-flow__steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:30px 0 !important}.eks-uc-faq,.eks-uc-cta{padding:29px 23px !important}.eks-uc-faq summary{font-size:12px !important}.eks-uc-faq__answer p{margin-right:0 !important}}\r\n  @media(max-width:430px){.eks-uc-flow__steps{grid-template-columns:1fr !important}.eks-uc-flow__steps li{padding:0 0 0 18px !important}.eks-uc-flow__marker{margin-bottom:15px !important}}\r\n  @media(prefers-reduced-motion:reduce){.eks-uc-content__primary-link,.eks-uc-path,.eks-uc-path__arrow,.eks-uc-cta a{transition:none !important}.eks-uc-content__primary-link:hover,.eks-uc-path:hover,.eks-uc-cta a:hover{transform:none !important}}\r\n<\/style>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\"@type\":\"Question\",\"name\":\"What is virtual commissioning?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Virtual commissioning uses a digital twin of a production system to test automation software before the physical line is available. PLC programs, robot behavior and system sequences can be validated in a controlled virtual environment.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Can existing PLC and robot programs be tested?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Depending on the setup, real automation programs can be connected to a simulation through suitable interfaces. This enables realistic software tests without requiring the complete physical production system.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Which systems can be connected?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The RF::SUITE ecosystem supports connections to common PLC environments, robot controllers, simulation systems, databases and industrial communication standards. The exact setup depends on the use case and existing system landscape.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"Is a digital twin useful after commissioning?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The same models and connected data can support training, diagnosis, scenario analysis and production optimization. This extends their value beyond the initial engineering and commissioning phases.\"}},\r\n    {\"@type\":\"Question\",\"name\":\"How do we find the right solution for our project?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Start with the production challenge rather than a specific tool. EKS InTec can map the required engineering steps, interfaces and RF::SUITE components to the existing process and system environment.\"}}\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industrial Use Cases Solve production challenges before they become problems. Discover how simulation, automation and production data help you validate systems earlier, optimize processes and operate more reliably. Explore use cases Discuss your challenge 01 Test systems earlier Validate &amp; Commission 02 Improve performance Simulate &amp; Optimize 03 Prepare people safely Train &amp; Experience 04 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"use_case_category":[],"class_list":["post-83","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>use-cases - EKS InTec GmbH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eks-intec.com\/de\/use-cases\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"use-cases\" \/>\n<meta property=\"og:description\" content=\"Industrial Use Cases Solve production challenges before they become problems. Discover how simulation, automation and production data help you validate systems earlier, optimize processes and operate more reliably. Explore use cases Discuss your challenge 01 Test systems earlier Validate &amp; Commission 02 Improve performance Simulate &amp; Optimize 03 Prepare people safely Train &amp; Experience 04 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eks-intec.com\/de\/use-cases\/\" \/>\n<meta property=\"og:site_name\" content=\"EKS InTec GmbH\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-11T11:41:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/eks-intec.com\\\/use-cases\\\/\",\"url\":\"https:\\\/\\\/eks-intec.com\\\/use-cases\\\/\",\"name\":\"use-cases - EKS InTec GmbH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#website\"},\"datePublished\":\"2026-05-19T09:58:38+00:00\",\"dateModified\":\"2026-08-11T11:41:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/eks-intec.com\\\/use-cases\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/eks-intec.com\\\/use-cases\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/eks-intec.com\\\/use-cases\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/eks-intec.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"use-cases\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#website\",\"url\":\"https:\\\/\\\/eks-intec.com\\\/\",\"name\":\"EKS Intec GmbH\",\"description\":\"Industrial automation systems, manufacturing automation solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#organization\"},\"alternateName\":\"EKS Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/eks-intec.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#organization\",\"name\":\"EKS Website\",\"url\":\"https:\\\/\\\/eks-intec.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/eks-intec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/EKS_Icon_white.png\",\"contentUrl\":\"https:\\\/\\\/eks-intec.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/EKS_Icon_white.png\",\"width\":1250,\"height\":617,\"caption\":\"EKS Website\"},\"image\":{\"@id\":\"https:\\\/\\\/eks-intec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"use-cases - EKS InTec GmbH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eks-intec.com\/de\/use-cases\/","og_locale":"de_DE","og_type":"article","og_title":"use-cases","og_description":"Industrial Use Cases Solve production challenges before they become problems. Discover how simulation, automation and production data help you validate systems earlier, optimize processes and operate more reliably. Explore use cases Discuss your challenge 01 Test systems earlier Validate &amp; Commission 02 Improve performance Simulate &amp; Optimize 03 Prepare people safely Train &amp; Experience 04 [&hellip;]","og_url":"https:\/\/eks-intec.com\/de\/use-cases\/","og_site_name":"EKS InTec GmbH","article_modified_time":"2026-08-11T11:41:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eks-intec.com\/use-cases\/","url":"https:\/\/eks-intec.com\/use-cases\/","name":"use-cases - EKS InTec GmbH","isPartOf":{"@id":"https:\/\/eks-intec.com\/#website"},"datePublished":"2026-05-19T09:58:38+00:00","dateModified":"2026-08-11T11:41:41+00:00","breadcrumb":{"@id":"https:\/\/eks-intec.com\/use-cases\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eks-intec.com\/use-cases\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eks-intec.com\/use-cases\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eks-intec.com\/"},{"@type":"ListItem","position":2,"name":"use-cases"}]},{"@type":"WebSite","@id":"https:\/\/eks-intec.com\/#website","url":"https:\/\/eks-intec.com\/","name":"EKS Intec GmbH","description":"Industrial automation systems, manufacturing automation solutions","publisher":{"@id":"https:\/\/eks-intec.com\/#organization"},"alternateName":"EKS Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eks-intec.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/eks-intec.com\/#organization","name":"EKS Website","url":"https:\/\/eks-intec.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/eks-intec.com\/#\/schema\/logo\/image\/","url":"https:\/\/eks-intec.com\/wp-content\/uploads\/2026\/05\/EKS_Icon_white.png","contentUrl":"https:\/\/eks-intec.com\/wp-content\/uploads\/2026\/05\/EKS_Icon_white.png","width":1250,"height":617,"caption":"EKS Website"},"image":{"@id":"https:\/\/eks-intec.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":43,"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/pages\/83\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"use_case_category","embeddable":true,"href":"https:\/\/eks-intec.com\/de\/wp-json\/wp\/v2\/use_case_category?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}