{"id":2231,"date":"2026-08-06T10:24:40","date_gmt":"2026-08-06T10:24:40","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2231"},"modified":"2026-08-22T09:02:15","modified_gmt":"2026-08-22T09:02:15","slug":"digitaler-zwilling","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/digital-twin\/","title":{"rendered":"Digitaler Zwilling"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2231\" class=\"elementor elementor-2231\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b53340 e-con e-atomic-element e-flexbox-base e-80abc0e\" data-id=\"0b53340\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0b53340\">\n    \t\t<div class=\"elementor-element elementor-element-4771ab9 elementor-widget elementor-widget-ucaddon_box_hero\" data-id=\"4771ab9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_box_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Box Hero -->\n\t\t<link id='font-awesome-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Box Hero *\/\n\n#uc_box_hero_elementor_4771ab9 *{\n\tbox-sizing: border-box;\n}\n#uc_box_hero_elementor_4771ab9{\n\tdisplay:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n#uc_box_hero_elementor_4771ab9 .uc_container_holder{\n\ttext-align:center;\n}\n\n\n.ue_big_title\n{\n  font-size:32px;\n}\n\n#uc_box_hero_elementor_4771ab9 .uc_btn\n{\n  display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n\n#uc_box_hero_elementor_4771ab9 .uc_main_content_box .uc_social a{\n    display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n<\/style>\n\n<div class=\"uc_blogger_header ue_box_hero\" id=\"uc_box_hero_elementor_4771ab9\">\n    \n    <div class=\"uc_container_holder\">\n    \t<div class=\"uc_main_content_box\" >\n                        \n            <div class=\"uc_content_box\" >\n                                                            <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n<!-- end Box Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8c9fb49 e-con e-atomic-element e-flexbox-base e-27c8b6e\" data-id=\"8c9fb49\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8c9fb49\">\n    \t\t<div class=\"elementor-element elementor-element-bf15be6 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"bf15be6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_bf15be6 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_bf15be6:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_bf15be6:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bf15be6:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bf15be6:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_bf15be6\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">L\u00f6sungen f\u00fcr industrielle digitale Zwillinge<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>DARSTELLUNG VON PHYSISCHEN OBJEKTEN IN DIGITALER FORM<\/h3><\/div><\/div><div class=\"iiot-content-inner\"><p><!-- Section Box --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">SYSTEMABBILDUNG<\/span><br \/><span class=\"iiot-card-title\">Vom physikalischen System zu seiner digitalen Darstellung<\/span><\/div><p class=\"iiot-card-text\">Industrielle Systeme k\u00f6nnen komplex sein. Maschinen, Fertigungslinien, Roboterzellen und Anlagen enthalten gro\u00dfe Mengen an technischen und betrieblichen Informationen. Ein digitaler Zwilling erstellt eine digitale Nachbildung einer physischen Anlage oder eines physischen Prozesses und verkn\u00fcpft diese Nachbildung mit den vom realen System generierten Informationen.<\/p><p><!-- Vertical Flow --><\/p><div class=\"iiot-vertical-flow\"><div class=\"iiot-flow-step iiot-flow-highlight-step\"><span class=\"iiot-flow-title\">PHYSIKALISCHES SYSTEM<\/span><br \/><span class=\"iiot-flow-sub\">Quellumgebung<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Maschinen \/ Sensoren \/ SPSen<\/span><br \/><span class=\"iiot-flow-sub\">Hardware-Endpunkte<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Industriedaten<\/span><br \/><span class=\"iiot-flow-sub\">Telemetrie- und Statusprotokolle<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step iiot-flow-highlight-step\"><span class=\"iiot-flow-title\">DIGITALER ZWILLING<\/span><br \/><span class=\"iiot-flow-sub\">Virtuelle Kern-Engine<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Visualisierung \/ Analyse \/ Simulation<\/span><br \/><span class=\"iiot-flow-sub\">Praktisch umsetzbare Erkenntnisse<\/span><\/div><\/div><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-badge\">INDIVIDUELLE SKALIERUNG<\/div><div class=\"iiot-statement-text\">Der Detaillierungsgrad und der Funktionsumfang h\u00e4ngen direkt von den betrieblichen Anforderungen der Anwendung ab.<\/div><\/div><\/div><\/div><\/div><p><style>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 18px;<br \/>\n  }<\/p>\n<p>  .iiot-card-header-inner {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    padding-bottom: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-card-badge {<br \/>\n    font-size: 0.72rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-title {<br \/>\n    font-size: 1rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-text {<br \/>\n    font-size: 0.88rem;<br \/>\n    line-height: 1.5;<br \/>\n    opacity: 0.85;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Vertical Flow *\/<br \/>\n  .iiot-vertical-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    align-items: center;<br \/>\n    gap: 4px;<br \/>\n    margin: 4px 0;<br \/>\n  }<\/p>\n<p>  .iiot-flow-step {<br \/>\n    width: 100%;<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 12px;<br \/>\n    display: flex;<br \/>\n    justify-content: space-between;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-flow-highlight-step {<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    border-color: rgba(255, 255, 255, 0.35);<br \/>\n  }<\/p>\n<p>  .iiot-flow-title {<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-flow-sub {<br \/>\n    font-size: 0.72rem;<br \/>\n    opacity: 0.65;<br \/>\n  }<\/p>\n<p>  .iiot-flow-arrow {<br \/>\n    font-size: 0.85rem;<br \/>\n    opacity: 0.4;<br \/>\n    line-height: 1;<br \/>\n    margin: 2px 0;<br \/>\n  }<\/p>\n<p>  \/* Note Banner *\/<br \/>\n  .iiot-statement-banner {<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 12px 16px;<br \/>\n    text-align: center;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-statement-badge {<br \/>\n    font-size: 0.7rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 0.84rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.4;<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bbd1ba5 e-con e-atomic-element e-flexbox-base e-14e1120\" data-id=\"bbd1ba5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bbd1ba5\">\n    \t\t<div class=\"elementor-element elementor-element-c248cbf ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c248cbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_c248cbf {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_c248cbf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c248cbf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c248cbf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c248cbf:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_c248cbf\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>MEHR ALS EIN 3D-MODELL<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n\n    <!-- Section Box -->\n    <div class=\"iiot-section-box\">\n      <div class=\"iiot-card-header-inner\">\n        <span class=\"iiot-card-badge\">DIGITALE ENTWICKLUNG<\/span>\n        <span class=\"iiot-card-title\">Jenseits der Geometrie hin zur dynamischen Intelligenz<\/span>\n      <\/div>\n      \n      <p class=\"iiot-card-text\">\n        Ein 3D-Modell stellt lediglich das \u00e4u\u00dfere Erscheinungsbild bzw. die Geometrie eines Objekts dar. Ein Digital Twin geht weit dar\u00fcber hinaus, indem er diese digitale Darstellung mit aktuellen, kontextbezogenen Informationen \u00fcber das reale System verkn\u00fcpft.\n      <\/p>\n\n      <!-- Four-Card Grid for Components -->\n      <div class=\"iiot-four-card-grid\">\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">3D-Modell<\/span>\n          <span class=\"iiot-mini-text\">\u00c4u\u00dferes Erscheinungsbild und strukturelle Geometrie.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Technische Daten<\/span>\n          <span class=\"iiot-mini-text\">Technische Daten, Schaltpl\u00e4ne und Auslegungsparameter.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Betriebsdaten<\/span>\n          <span class=\"iiot-mini-text\">Echtzeit-Telemetrie, Sensordaten und Produktionskennzahlen.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Systemverhalten<\/span>\n          <span class=\"iiot-mini-text\">Kinematik, Logik und Modelle f\u00fcr automatisierte Reaktionen.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Result Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-badge\">GLEICHUNG = DIGITALER ZWILLING<\/div>\n        <div class=\"iiot-statement-text\">\n          Erm\u00f6glicht Ingenieuren und Bedienern die Interaktion mit einer vollst\u00e4ndigen, intelligenten digitalen Darstellung einer industriellen Anlage oder eines industriellen Prozesses.\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Four-Card Grid Layout *\/\n  .iiot-four-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 600px) {\n    .iiot-four-card-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-52498cc e-con e-atomic-element e-flexbox-base e-ee0037e\" data-id=\"52498cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52498cc\">\n    \t\t<div class=\"elementor-element elementor-element-f704422 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f704422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_f704422 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f704422 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f704422 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_f704422 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f704422 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_f704422:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f704422:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f704422:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f704422:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_f704422\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>WAS EIN DIGITALER ZWILLING UMFASST<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n\n    <!-- Section Box -->\n    <div class=\"iiot-section-box\">\n      <div class=\"iiot-card-header-inner\">\n        <span class=\"iiot-card-badge\">MEHRSCHICHTIGE SIMULATION<\/span>\n        <span class=\"iiot-card-title\">Umfassende industrielle Simulationsschichten<\/span>\n      <\/div>\n      \n      <p class=\"iiot-card-text\">\n        GPLG entwickelt vielschichtige digitale Zwillinge, die mechanische Abl\u00e4ufe, Betriebsabl\u00e4ufe, Automatisierungslogik und Bedienerschulungen umfassen, um industrielle Umgebungen zu optimieren.\n      <\/p>\n\n      <!-- Six-Card Grid Layout -->\n      <div class=\"iiot-six-card-grid\">\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Kinematische und mechanische Zwillinge<\/span>\n          <span class=\"iiot-mini-text\">Virtuelle Simulation von physikalischen Bewegungen, Achsenbewegungen, Roboterbahnen und mechanischem Verschlei\u00df.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Prozess- und Ablauf-Zwillinge<\/span>\n          <span class=\"iiot-mini-text\">Modellierung von Materialfluss, Produktionsdurchsatz, Engp\u00e4ssen und Linienausgleich.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Automatisierung &amp; SPS-Code-Twins<\/span>\n          <span class=\"iiot-mini-text\">Virtuelle Inbetriebnahmeumgebungen zum sicheren Offline-Testen und Debuggen von SPS- und CNC-Code.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Energie- und Thermik-Zwillinge<\/span>\n          <span class=\"iiot-mini-text\">Simulation des Stromverbrauchs, des thermischen Verhaltens und der Umgebungsfaktoren bei Maschinen.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Historische und pr\u00e4diktive Zwillinge<\/span>\n          <span class=\"iiot-mini-text\">Wiedergabe historischer Betriebsabl\u00e4ufe zur Analyse vergangener Fehler oder zur Vorhersage k\u00fcnftiger Anomalien.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Schulung f\u00fcr Bediener \u2013 Zwillinge<\/span>\n          <span class=\"iiot-mini-text\">Interaktive virtuelle Umgebungen zur Schulung von Bedienern und Wartungspersonal an komplexen Anlagen.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-badge\">GANZHEITLICHE SIMULATION<\/div>\n        <div class=\"iiot-statement-text\">\n          Verkn\u00fcpfung physischer Anlagen mit mehrschichtigen virtuellen Nachbildungen zur umfassenden Anlagenoptimierung.\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Six-Card Grid Layout *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-six-card-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-six-card-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c74e0d6 e-con e-atomic-element e-flexbox-base e-58140d4\" data-id=\"c74e0d6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c74e0d6\">\n    \t\t<div class=\"elementor-element elementor-element-c33f93b ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c33f93b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_c33f93b {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_c33f93b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c33f93b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c33f93b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c33f93b:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_c33f93b\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>INDUSTRIE-REPR\u00c4SENTATION &amp; ARCHITEKTUR<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: What Can Be Represented (Six-Card Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIGITALE MODELLE<\/span>\n          <span class=\"iiot-card-title\">Was l\u00e4sst sich darstellen?<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Maschinen<\/span>\n            <span class=\"iiot-mini-text\">Digitale Darstellungen einzelner Industriemaschinen.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Fertigungslinien<\/span>\n            <span class=\"iiot-mini-text\">Beziehungen und Abl\u00e4ufe zwischen mehreren Maschinen.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Roboterzellen<\/span>\n            <span class=\"iiot-mini-text\">Robotersysteme, Anlagen und Verfahren.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Lagerh\u00e4user<\/span>\n            <span class=\"iiot-mini-text\">Lagersysteme, Materialfl\u00fcsse und Materialumschlag.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Ausstattung<\/span>\n            <span class=\"iiot-mini-text\">Industrieumgebungen und Infrastruktur.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Prozesse<\/span>\n            <span class=\"iiot-mini-text\">Produktionsprozesse und Betriebsverhalten.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin Architecture (Technical Flow Diagram) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ARCHITEKTUR DES DIGITALEN ZWILLINGS<\/span>\n          <span class=\"iiot-card-title\">Die Verbindung von physischer und digitaler Welt<\/span>\n        <\/div>\n\n        <div class=\"iiot-arch-diagram\">\n          <div class=\"iiot-arch-tier-label\">DIE PHYSISCHE WELT<\/div>\n          <div class=\"iiot-arch-row\">\n            <span class=\"iiot-arch-badge\">Maschine<\/span>\n            <span class=\"iiot-arch-badge\">Roboter<\/span>\n            <span class=\"iiot-arch-badge\">SPS<\/span>\n            <span class=\"iiot-arch-badge\">Sensoren<\/span>\n            <span class=\"iiot-arch-badge\">CNC<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node\">Industrielle Datenerfassung<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Digital Twin Core Engine<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-row\">\n            <span class=\"iiot-arch-subnode\">Visualisierung<\/span>\n            <span class=\"iiot-arch-subnode\">Simulation<\/span>\n            <span class=\"iiot-arch-subnode\">Analyse<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node\">Technik und Softwareanwendungen<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">INTEGRATIONS-EBENE<\/div>\n          <div class=\"iiot-statement-text\">\n            Verbindung von Produktionsdaten mit Konstruktionsanwendungen.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* Six-Card Grid Layout (2x3 inside the left column) *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.75rem;\n    line-height: 1.35;\n    opacity: 0.75;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n  }\n\n  .iiot-arch-badge {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    padding: 4px 8px;\n    font-size: 0.74rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 280px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-arch-subnode {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 4px;\n    padding: 4px 10px;\n    font-size: 0.74rem;\n    font-weight: 500;\n    opacity: 0.85;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d98a60d e-con e-atomic-element e-flexbox-base e-ae459ff\" data-id=\"d98a60d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d98a60d\">\n    \t\t<div class=\"elementor-element elementor-element-b6ad3bf ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b6ad3bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_b6ad3bf {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_b6ad3bf\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>DATENVERBINDUNG UND VISUALISIERUNG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Data Connection Sources -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DATENVERBINDUNG<\/span>\n          <span class=\"iiot-card-title\">Reale industrielle Bedingungen widerspiegeln<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Je nach Projekt k\u00f6nnen Informationen aus verschiedenen Pflanzenendpunkten abgerufen werden, um die digitale Darstellung zu aktualisieren und mit ihr zu interagieren.\n        <\/p>\n\n        <!-- Sources Grid -->\n        <div class=\"iiot-sources-grid\">\n          <div class=\"iiot-source-item\">SPS-Systeme<\/div>\n          <div class=\"iiot-source-item\">Sensoren<\/div>\n          <div class=\"iiot-source-item\">Maschinen<\/div>\n          <div class=\"iiot-source-item\">CNC-Anlagen<\/div>\n          <div class=\"iiot-source-item\">Roboter<\/div>\n          <div class=\"iiot-source-item\">SCADA<\/div>\n          <div class=\"iiot-source-item\">Industriesoftware<\/div>\n          <div class=\"iiot-source-item\">Datenbanken<\/div>\n          <div class=\"iiot-source-item\">IoT-Systeme<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">ARCHITEKTURELLE FLEXIBILIT\u00c4T<\/div>\n          <div class=\"iiot-statement-text\">\n            Nicht jeder Digital Twin ben\u00f6tigt Echtzeitdaten. Die Architektur h\u00e4ngt vollst\u00e4ndig von der vorgesehenen Anwendung ab.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Visualisation (Large Visual Section) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">VISUALISIERUNG<\/span>\n          <span class=\"iiot-card-title\">Komplexe Systeme verstehen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Bereitstellung einer umfassenden visuellen Darstellung von Anlagen und Prozessen, um den Teams einen klaren \u00dcberblick \u00fcber den Betriebsablauf zu verschaffen.\n        <\/p>\n\n        <!-- Large Visual Display Box -->\n        <div class=\"iiot-visual-display-box\">\n          <div class=\"iiot-visual-core-title\">MATRIX ZUR BETRIEBLICHEN KLARHEIT<\/div>\n          <div class=\"iiot-visual-metrics-grid\">\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Anordnung der Ger\u00e4te<\/span>\n              <span class=\"iiot-vm-sub\">R\u00e4umliche und strukturelle Kartierung<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Maschinenbeziehungen<\/span>\n              <span class=\"iiot-vm-sub\">Miteinander verkn\u00fcpfte Verhaltensweisen<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Produktionsablauf<\/span>\n              <span class=\"iiot-vm-sub\">Durchsatz und Routing<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Verm\u00f6gensstatus<\/span>\n              <span class=\"iiot-vm-sub\">Live-Gesundheitsdaten und Telemetrie<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Prozessverhalten<\/span>\n              <span class=\"iiot-vm-sub\">Kinematische Simulation<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Systemkonfiguration<\/span>\n              <span class=\"iiot-vm-sub\">Parameter\u00fcberwachung<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">EINBLICK IN DIE TECHNIK<\/div>\n          <div class=\"iiot-statement-text\">\n            Umwandlung komplexer Daten mit mehreren Variablen in intuitive visuelle Benutzeroberfl\u00e4chen f\u00fcr Ingenieure und Bediener.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Sources Grid (3x3) *\/\n  .iiot-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n\n  .iiot-source-item {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px 8px;\n    text-align: center;\n    font-size: 0.76rem;\n    font-weight: 500;\n    color: #ffffff;\n    opacity: 0.9;\n  }\n\n  \/* Large Visual Display Box (Column 2) *\/\n  .iiot-visual-display-box {\n    background-color: rgba(13, 35, 58, 0.4);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-visual-core-title {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    opacity: 0.6;\n    text-align: center;\n  }\n\n  .iiot-visual-metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .iiot-visual-metric-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 4px;\n    padding: 8px 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-vm-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-vm-sub {\n    font-size: 0.7rem;\n    opacity: 0.6;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-sources-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .iiot-visual-metrics-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d602565 e-con e-atomic-element e-flexbox-base e-dfa417b\" data-id=\"d602565\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d602565\">\n    \t\t<div class=\"elementor-element elementor-element-c26e433 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c26e433\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_c26e433 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_c26e433:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c26e433:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c26e433:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c26e433:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_c26e433\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SIMULATION UND AUTOMATISIERUNGSINTEGRATION<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Simulation (Applications Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SIMULATION<\/span>\n          <span class=\"iiot-card-title\">Ideen in einer digitalen Umgebung testen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Digitale Modelle bilden die Grundlage f\u00fcr Konstruktions- und Simulationsaktivit\u00e4ten und erm\u00f6glichen es den Teams, Konzepte sicher offline zu validieren.\n        <\/p>\n\n        <!-- Five-Item Grid \/ List -->\n        <div class=\"iiot-features-list\">\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Prozesssimulation:<\/strong> Bewerten Sie, wie sich ein Prozess unter unterschiedlichen Betriebsbedingungen verh\u00e4lt.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Bewertung des Layouts:<\/strong> Die Anordnung der Anlagen und die Effizienz des Produktionsablaufs untersuchen.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Robotersimulation:<\/strong> Testen Sie die Bewegungen des Roboters, seine Reichweite und m\u00f6gliche Kollisionen im Arbeitsbereich.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Produktionsszenarien:<\/strong> Simulieren Sie Anpassungen an der Produktionslinie, bevor Sie die \u00c4nderungen physisch umsetzen.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Technische Validierung:<\/strong> \u00dcberpr\u00fcfen Sie vor der physischen Bereitstellung die mechanischen und logischen Aspekte.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">VIRTUELLE PROTOTYPENERSTELLUNG<\/div>\n          <div class=\"iiot-statement-text\">\n            Machen Sie Schluss mit dem R\u00e4tselraten, indem Sie komplexe industrielle Anpassungen in einer risikofreien digitalen Umgebung validieren.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin + Automation (Vertical Flow & Advanced Note) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIGITALER ZWILLING + AUTOMATISIERUNG<\/span>\n          <span class=\"iiot-card-title\">Modelle mit Automatisierung verkn\u00fcpfen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Ein Digital Twin wird direkt an Automatisierungssysteme angebunden, um physische Prozesse in Echtzeit abzubilden.\n        <\/p>\n\n        <!-- Vertical Automation Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">SPS<\/span>\n            <span class=\"iiot-flow-sub\">Steuerlogik<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Industriedaten<\/span>\n            <span class=\"iiot-flow-sub\">Echtzeit-Telemetrie<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">Digitaler Zwilling<\/span>\n            <span class=\"iiot-flow-sub\">Virtueller Kern<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Visualisierung<\/span>\n            <span class=\"iiot-flow-sub\">Bedienerschnittstelle<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">ERWEITERTER EINSATZ<\/div>\n          <div class=\"iiot-statement-text\">\n            F\u00fcr anspruchsvolle Anwendungen l\u00e4sst sich die digitale Umgebung nahtlos in die Simulations- und Konstruktionswerkzeuge des Unternehmens integrieren.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 2px 0;\n  }\n\n  .iiot-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 10px;\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 5px;\n    height: 5px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.68rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-832c899 e-con e-atomic-element e-flexbox-base e-a537ce5\" data-id=\"832c899\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"832c899\">\n    \t\t<div class=\"elementor-element elementor-element-0de3654 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0de3654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_0de3654 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_0de3654:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0de3654:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0de3654:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0de3654:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_0de3654\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>DIGITALER ZWILLING + IoT &amp; KI<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Digital Twin + IoT -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIGITALER ZWILLING + IoT<\/span>\n          <span class=\"iiot-card-title\">Anbindung an industrielle Daten<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Das industrielle Internet der Dinge (IIoT) bietet die entscheidende Verbindungsebene, die erforderlich ist, um Informationen von verteilten Anlagen in der Fertigung zu erfassen und zu \u00fcbertragen.\n        <\/p>\n\n        <!-- Vertical IoT Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Maschinen<\/span>\n            <span class=\"iiot-flow-sub\">Anlagenausstattung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Sensoren \/ SPS<\/span>\n            <span class=\"iiot-flow-sub\">Signalerfassung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Industrielles Internet der Dinge<\/span>\n            <span class=\"iiot-flow-sub\">Rand\u00fcbertragung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Daten<\/span>\n            <span class=\"iiot-flow-sub\">Normalisierte Datenstr\u00f6me<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">Digitaler Zwilling<\/span>\n            <span class=\"iiot-flow-sub\">Virtuelle Synchronisation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">LIVE-INTEGRATION<\/div>\n          <div class=\"iiot-statement-text\">\n            Erm\u00f6glicht es, Live-Informationen aus der physischen Umgebung kontinuierlich in die digitale Darstellung einzubinden.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin + AI (Short Form) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIGITALER ZWILLING + KI<\/span>\n          <span class=\"iiot-card-title\">Intelligenz hinzuf\u00fcgen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Die Digital-Twin-Technologie und KI erg\u00e4nzen sich perfekt: Der Digital Twin liefert eine strukturierte Darstellung, w\u00e4hrend die KI Informationen analysiert, um Muster, Abweichungen und Optimierungsm\u00f6glichkeiten zu erkennen.\n        <\/p>\n\n        <!-- Compact Vertical AI Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Physikalisches System<\/span>\n            <span class=\"iiot-flow-sub\">Quelle<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Digitaler Zwilling<\/span>\n            <span class=\"iiot-flow-sub\">Aufbau<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">KI \/ Analytik<\/span>\n            <span class=\"iiot-flow-sub\">Mustererkennung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Umsetzbare Erkenntnisse<\/span>\n            <span class=\"iiot-flow-sub\">Optimierung<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PLG-KI-\u00d6KOSYSTEM<\/div>\n          <div class=\"iiot-statement-text\">\n            Entdecken Sie unsere spezielle Seite zu PLG-KI-L\u00f6sungen f\u00fcr fortschrittliche Frameworks im Bereich maschinelles Lernen und industrielle Intelligenz.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.68rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c7e1ebb e-con e-atomic-element e-flexbox-base e-3eaa468\" data-id=\"c7e1ebb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c7e1ebb\">\n    \t\t<div class=\"elementor-element elementor-element-738496f ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"738496f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_738496f {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_738496f .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_738496f .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_738496f .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_738496f .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_738496f:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_738496f:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_738496f:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_738496f:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_738496f\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ANWENDUNGEN &amp; UMSETZUNG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Applications (Six-Card Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ANWENDUNGEN<\/span>\n          <span class=\"iiot-card-title\">Wo digitale Zwillinge eingesetzt werden k\u00f6nnen<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Ingenieurwesen<\/span>\n            <span class=\"iiot-mini-text\">Industrielle Systemkonzepte und -konfigurationen bewerten.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Produktion<\/span>\n            <span class=\"iiot-mini-text\">Die Zusammenh\u00e4nge zwischen Produktionsprozessen und Anlagen verstehen.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Wartung<\/span>\n            <span class=\"iiot-mini-text\">Geben Sie die Ger\u00e4temodelle und Betriebsdaten an.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Robotik<\/span>\n            <span class=\"iiot-mini-text\">Stellen Sie Roboterzellen und ihre Umgebung dar.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Lagerhaltung<\/span>\n            <span class=\"iiot-mini-text\">Modellierung automatisierter Lager- und Materialflusssysteme.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Optimierung<\/span>\n            <span class=\"iiot-mini-text\">M\u00f6gliche Prozess- und Systemverbesserungen analysieren.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">BRANCHEN\u00dcBERGREIFENDER MEHRWERT<\/div>\n          <div class=\"iiot-statement-text\">\n            Skalierbare digitale L\u00f6sungen zur Unterst\u00fctzung der Lebenszyklen in den Bereichen Entwicklung, Produktion und Instandhaltung.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Implementation (6-Step Timeline) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">UMSETZUNG<\/span>\n          <span class=\"iiot-card-title\">Vom physischen System zum digitalen Zwilling<\/span>\n        <\/div>\n\n        <!-- 6-Step Timeline Grid\/List -->\n        <div class=\"iiot-timeline-list\">\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">01<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Bewertung<\/span>\n              <span class=\"iiot-timeline-text\">Machen Sie sich mit dem physikalischen System und den Projektzielen vertraut.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">02<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Daten und Anforderungen<\/span>\n              <span class=\"iiot-timeline-text\">Ermitteln Sie die verf\u00fcgbaren technischen und betrieblichen Informationen.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">03<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Digitales Modell<\/span>\n              <span class=\"iiot-timeline-text\">Entwickeln Sie die entsprechende digitale Darstellung.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">04<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Integration<\/span>\n              <span class=\"iiot-timeline-text\">Verbinden Sie relevante industrielle Systeme und Datenquellen.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">05<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Validierung<\/span>\n              <span class=\"iiot-timeline-text\">Vergleichen Sie die digitale Umgebung mit dem physikalischen System.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">06<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Bereitstellung<\/span>\n              <span class=\"iiot-timeline-text\">Implementieren Sie den Digital Twin in der vorgesehenen Umgebung.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">STRUKTURIERTE EINF\u00dcHRUNG<\/div>\n          <div class=\"iiot-statement-text\">\n            Ein systematischer Entwicklungsfahrplan, der eine l\u00fcckenlose Abstimmung zwischen der physischen Realit\u00e4t und der virtuellen Umsetzung gew\u00e4hrleistet.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* Six-Card Grid Layout (2x3 inside the left column) *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.75rem;\n    line-height: 1.35;\n    opacity: 0.75;\n  }\n\n  \/* Timeline List Layout (Column 2) *\/\n  .iiot-timeline-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-timeline-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 10px;\n  }\n\n  .iiot-timeline-num {\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: #ffffff;\n    background-color: rgba(13, 35, 58, 0.85);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    padding: 2px 6px;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n\n  .iiot-timeline-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n  }\n\n  .iiot-timeline-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-timeline-text {\n    font-size: 0.72rem;\n    line-height: 1.3;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3a63c88 e-con e-atomic-element e-flexbox-base e-7357f8b\" data-id=\"3a63c88\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a63c88\">\n    \t\t<div class=\"elementor-element elementor-element-98e7e10 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"98e7e10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_98e7e10 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_98e7e10:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_98e7e10:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_98e7e10:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_98e7e10:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_98e7e10\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>TECHNOLOGIEN &amp; DER GPLG-ANSATZ<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Digital Twin Technologies (Visual Strip) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIGITAL-TWIN-TECHNOLOGIEN<\/span>\n          <span class=\"iiot-card-title\">Technologien im digitalen Umfeld<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Unsere L\u00f6sungen basieren auf robusten, branchen\u00fcblichen Technologie-Stacks, um nahtlose Interoperabilit\u00e4t und hohe Leistung zu gew\u00e4hrleisten.\n        <\/p>\n\n        <!-- Visual Technology Strip Grid -->\n        <div class=\"iiot-tech-strip-grid\">\n          <div class=\"iiot-tech-badge\">3D \/ CAD<\/div>\n          <div class=\"iiot-tech-badge\">C#<\/div>\n          <div class=\"iiot-tech-badge\">Python<\/div>\n          <div class=\"iiot-tech-badge\">.NET<\/div>\n          <div class=\"iiot-tech-badge\">OPC UA<\/div>\n          <div class=\"iiot-tech-badge\">MQTT<\/div>\n          <div class=\"iiot-tech-badge\">Industrielles Internet der Dinge<\/div>\n          <div class=\"iiot-tech-badge\">SQL<\/div>\n          <div class=\"iiot-tech-badge\">KI \/ Maschinelles Lernen<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">INTEROPERABLER STACK<\/div>\n          <div class=\"iiot-statement-text\">\n            Entwickelt mit modernen, skalierbaren Engineering-Tools, die speziell auf Ihr betriebliches \u00d6kosystem zugeschnitten sind.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: GPLG Approach & Strong Statement -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DER GPLG-ANSATZ<\/span>\n          <span class=\"iiot-card-title\">Auf der Grundlage echter Industriesysteme entwickelt<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Ein Digital Twin sollte das System so genau abbilden, dass er f\u00fcr den vorgesehenen Zweck von Nutzen ist. GPLG geht Digital-Twin-Projekte aus einer streng ingenieurwissenschaftlichen Perspektive an:\n        <\/p>\n\n        <!-- Horizontal\/Vertical Flow Line -->\n        <div class=\"iiot-approach-flow\">\n          <div class=\"iiot-approach-step\">Physikalisches System<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Technisches Modell<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Industriedaten<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Digitale Darstellung<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step iiot-approach-highlight\">Anwendung<\/div>\n        <\/div>\n\n        <p class=\"iiot-card-text\" style=\"font-size: 0.8rem; opacity: 0.75;\">\n          Die Technologie und der Detaillierungsgrad werden entsprechend dem jeweiligen Projektziel ausgew\u00e4hlt.\n        <\/p>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\">\n          <div class=\"iiot-statement-badge\">TECHNISCHER ZWECK<\/div>\n          <div class=\"iiot-statement-text\">\n            \"Wir erstellen digitale Modelle nicht nur, um einen beeindruckenden Eindruck zu hinterlassen. Wir erstellen digitale Darstellungen, die einen praktischen technischen Zweck erf\u00fcllen.\"\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Technology Strip Grid *\/\n  .iiot-tech-strip-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin: 4px 0;\n  }\n\n  .iiot-tech-badge {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 6px;\n    padding: 10px 8px;\n    text-align: center;\n    font-size: 0.76rem;\n    font-weight: 600;\n    color: #ffffff;\n    opacity: 0.9;\n  }\n\n  \/* Approach Flow Diagram *\/\n  .iiot-approach-flow {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n  }\n\n  .iiot-approach-step {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px;\n    padding: 5px 8px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: #ffffff;\n    text-align: center;\n    flex-grow: 1;\n  }\n\n  .iiot-approach-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-approach-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    font-weight: 700;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-tech-strip-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .iiot-approach-flow {\n      flex-direction: column;\n      align-stretch;\n    }\n    .iiot-approach-arrow {\n      text-align: center;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3a396c3 e-con e-atomic-element e-flexbox-base e-53fd4bc\" data-id=\"3a396c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a396c3\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-4bdf56b\" style=\"visibility:hidden; position: absolute; opacity:0;\">\n\t\t\t\t\t<svg preserveaspectratio='none' xmlns='http:\/\/www.w3.org\/2000\/svg' aria-hidden='true' viewbox='0 0 1000 100'><g fill='%23000000'><path opacity='.5' d='M0 51v15l724-43L0 51z'><\/path><path opacity='.3' d='M0 0v51l600-23L0 0z'><\/path><path d='M0 65v38l1000-3V0L0 65z'><\/path><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t<div data-ha-partstyle=\"default\" data-ha-partcolor=\"\" data-ha-partopacity=\"\" data-ha-partdirection=\"bottom\" class=\"elementor-element elementor-element-4bdf56b ha-particle-yes premium-shape-divider-yes premium-shape48 e-flex e-con-boxed ha-particle-adv-no premium-shape-divider__default premium-shape-divider-anime-yes premium-sh-no-stretch-yes e-con e-child\" data-id=\"4bdf56b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6482f5d e-con-full e-flex e-con e-child\" data-id=\"6482f5d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79a39a4 elementor-widget elementor-widget-heading\" data-id=\"79a39a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Erstellen Sie ein digitales Modell Ihres industriellen Systems<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fccb294 elementor-widget elementor-widget-text-editor\" data-id=\"fccb294\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Erfahren Sie, wie ein Digital Twin Sie bei Ihren Zielen in den Bereichen Engineering, Automatisierung, Produktion oder Optimierung unterst\u00fctzen kann.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Ein Digital-Twin-Projekt besprechen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a95eed6 e-con-full e-flex e-con e-child\" data-id=\"a95eed6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-550eb2b elementor-widget elementor-widget-button\" data-id=\"550eb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontaktieren Sie GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_box_hero skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box Build a Digital Representation of Your Industrial System Explore how a Digital Twin could support your engineering, automation, production or optimisation objectives. Discuss a Digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2231","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/comments?post=2231"}],"version-history":[{"count":94,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2231\/revisions"}],"predecessor-version":[{"id":5276,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2231\/revisions\/5276"}],"up":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2199"}],"wp:attachment":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/media?parent=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}