{"id":2229,"date":"2026-08-06T10:23:32","date_gmt":"2026-08-06T10:23:32","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2229"},"modified":"2026-08-21T12:17:01","modified_gmt":"2026-08-21T12:17:01","slug":"industrielles-iot","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/industrial-iot\/","title":{"rendered":"Industrielles Internet der Dinge"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2229\" class=\"elementor elementor-2229\" 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-f1707f7 e-con e-atomic-element e-flexbox-base e-49ae8f1\" data-id=\"f1707f7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1707f7\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-66204b8-dfe44f7\" data-interaction-id=\"66204b8\" data-e-type=\"widget\" data-id=\"66204b8\" id=\"4088\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT.png\" width=\"1860\" height=\"845\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT.png 1860w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-300x136.png 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-1024x465.png 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-768x349.png 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-1536x698.png 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-18x8.png 18w\" alt=\"IoT\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7ef141c e-con e-atomic-element e-flexbox-base e-e930d2c\" data-id=\"7ef141c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ef141c\">\n    \t\t<div class=\"elementor-element elementor-element-d7736e9 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d7736e9\" 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_d7736e9 {\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_d7736e9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .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_d7736e9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .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_d7736e9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d7736e9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d7736e9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d7736e9: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_d7736e9\">\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 moveFromBottom\">Maschinen, Daten und industrielle Abl\u00e4ufe miteinander vernetzen<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"643\" data-end=\"849\">GPLG entwickelt industrielle IoT-L\u00f6sungen, die Maschinen, Sensoren und Industrieanlagen mit Softwaresystemen vernetzen und es Unternehmen so erm\u00f6glichen, Betriebsdaten effektiver zu erfassen, zu \u00fcberwachen und zu nutzen.<\/p><p data-start=\"851\" data-end=\"992\">Von einzelnen Maschinen bis hin zu vernetzten Produktionsumgebungen \u2013 wir entwickeln IoT-Architekturen, die auf die Anforderungen des industriellen Prozesses zugeschnitten sind.<\/p><p data-start=\"851\" data-end=\"992\">Ein IoT-Projekt besprechen<\/p><\/div>       \n       \t        <div class=\"ue-btn-wrapper moveFromBottom\">\n           <a class=\"ue-btn\"  href=\"https:\/\/gplg.pt\/contact\/\" >\n\t\t\t\t<span class=\"uc-link\">Entdecken Sie unsere Technologien<\/span>\n\t\t   <\/a>\n        <\/div>\n             <\/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-d9b159e e-con e-atomic-element e-flexbox-base e-dcde375\" data-id=\"d9b159e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d9b159e\">\n    \t\t<div class=\"elementor-element elementor-element-7775fbc elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"7775fbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Transparent Split Hero -->\n\t\t<link id='uc_ac_assets_file_uc_photography_header_css_0-css' href='https:\/\/gplg.pt\/ia\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor_7775fbc\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Ind-IoT.jpeg);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_7775fbc > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:center;\n}\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\t\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor_7775fbc\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                        <div class=\"uc_subtitle\">Die physische Fabrik mit der digitalen Umgebung verbinden<\/div>        <div class=\"uc_text\"><div style=\"line-height: 1.4;\">\n\n    <p style=\"margin: 0 0 14px 0;\">\n        Moderne Industrieanlagen erzeugen erhebliche Mengen an Informationen.\n    <\/p>\n\n    <p style=\"margin: 0 0 14px 0;\">\n        Maschinenstatus, Temperaturen, Produktionszahlen, Energieverbrauch, Zykluszeiten, Alarme und andere Betriebsparameter k\u00f6nnen wertvolle Einblicke in den Produktionsprozess liefern.\n    <\/p>\n\n    <p style=\"margin: 0 0 14px 0;\">\n        Das industrielle Internet der Dinge (IIoT) schafft die erforderliche Infrastruktur, um diese Informationen aus der physischen Umgebung zu erfassen und sie den Softwaresystemen zur Verf\u00fcgung zu stellen, die sie ben\u00f6tigen.\n    <\/p>\n\n    <p style=\"margin: 0 0 8px 0;\">\n        GPLG entwickelt IoT-L\u00f6sungen, die folgende Bereiche miteinander verbinden:\n    <\/p>\n\n    <div style=\"        display: flex;        align-items: center;        justify-content: center;        gap: 8px;        width: 100%;        overflow-x: auto;        padding: 8px 0 14px 0;        white-space: nowrap;    \">\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Maschinen\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Sensoren\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Industrielle Netzwerke\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Daten\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Software\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Betrieb\n        <\/div>\n\n    <\/div>\n\n    <p style=\"margin: 0 0 8px 0;\">\n        Das Ziel besteht nicht einfach darin, mehr Informationen zu sammeln.\n    <\/p>\n\n    <p style=\"margin: 0;\">\n        <strong>Damit sollen industrielle Informationen nutzbar gemacht werden.<\/strong>\n    <\/p>\n\n<\/div><\/div>            <\/div>\n  <\/div>\n<\/div>\n<!-- end Transparent Split Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5cb85b4 e-con e-atomic-element e-flexbox-base e-70e6ca3\" data-id=\"5cb85b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5cb85b4\">\n    \t\t<div class=\"elementor-element elementor-element-44ab2e4 ha-has-bg-overlay elementor-widget elementor-widget-html\" data-id=\"44ab2e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u2699\ufe0f<\/span>\n      <h3>Von Industrieanlagen bis hin zu vernetzten Systemen<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Eine Industrial-IoT-Architektur bietet einen strukturierten Ansatz, um Informationen von industriellen Anlagen zu erfassen und diese Informationen \u00fcbergeordneten Systemen zur Verf\u00fcgung zu stellen.<br> Die Architektur kann klein sein und sich auf einen einzelnen Rechner beschr\u00e4nken oder sich \u00fcber eine gesamte Produktionsumgebung erstrecken.\n      <\/p>\n\n      <!-- IIoT Architecture Flow Chart -->\n      <div class=\"iiot-architecture-flow\">\n        \n        <!-- Top Level -->\n        <div class=\"iiot-node iiot-node-main\">INDUSTRIELLES IoT<\/div>\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        \n        <div class=\"iiot-label\">DATENERFASSUNG<\/div>\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n\n        <!-- Input Layer -->\n        <div class=\"iiot-node-group\">\n          <div class=\"iiot-node\">Maschinen<\/div>\n          <div class=\"iiot-node\">Sensoren<\/div>\n          <div class=\"iiot-node\">SPS<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">Industrienetzwerk<\/div>\n        \n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">IoT \/ Edge-Ebene<\/div>\n        \n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">Daten &amp; Anwendungen<\/div>\n\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n\n        <!-- Output Layer -->\n        <div class=\"iiot-node-group\">\n          <div class=\"iiot-node iiot-node-accent\">SCADA<\/div>\n          <div class=\"iiot-node iiot-node-accent\">Software<\/div>\n          <div class=\"iiot-node iiot-node-accent\">Analytik<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    justify-content: space-between;\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Flowchart Styling *\/\n  .iiot-architecture-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 24px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.9rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  .iiot-node-main {\n    background-color: rgba(49, 130, 206, 0.85);\n    color: #ffffff;\n    border-color: #3182ce;\n    font-size: 1rem;\n    letter-spacing: 0.5px;\n    min-width: 220px;\n  }\n\n  .iiot-node-accent {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  .iiot-node-group {\n    display: flex;\n    gap: 16px;\n    width: 100%;\n    max-width: 900px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node-group .iiot-node {\n    flex: 1;\n    min-width: 140px;\n  }\n\n  .iiot-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: inherit;\n    opacity: 0.7;\n    letter-spacing: 1px;\n    margin: 4px 0;\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-node-group {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    \n    .iiot-node-group .iiot-node {\n      width: 100%;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-535342b e-con e-atomic-element e-flexbox-base e-6fea80e\" data-id=\"535342b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"535342b\">\n    \t\t\t<h2 data-interaction-id=\"a3b4df0\" class=\"e-a3b4df0-8048142 e-heading-base\" data-e-type=\"widget\" data-id=\"a3b4df0\">WAS WIR VERBINDEN<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-b146785 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b146785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b0b0c5b e-grid e-con-boxed e-con e-parent\" data-id=\"b0b0c5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece6d19 elementor-widget elementor-widget-icon-box\" data-id=\"ece6d19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMaschinen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVerbinden Sie bestehende und neue Industriemaschinen, um relevante Betriebsdaten zu erfassen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4df3f14 elementor-widget elementor-widget-icon-box\" data-id=\"4df3f14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSPS-Systeme\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tErfassen Sie ausgew\u00e4hlte Prozessdaten aus industriellen Steuerungssystemen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0d87df elementor-widget elementor-widget-icon-box\" data-id=\"f0d87df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSensoren\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTemperatur, Druck, Schwingungen, Belastung, Energie und andere industrielle Messgr\u00f6\u00dfen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1034e6 elementor-widget elementor-widget-icon-box\" data-id=\"f1034e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCNC-Anlagen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVernetzen Sie Bearbeitungsumgebungen, um relevante Produktions- und Betriebsdaten zu erfassen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9f2f4 elementor-widget elementor-widget-icon-box\" data-id=\"1a9f2f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tRobotik\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tErfassen Sie Daten aus Robotersystemen und automatisierten Zellen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0217e70 elementor-widget elementor-widget-icon-box\" data-id=\"0217e70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFertigungslinien\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVerbinden Sie mehrere Maschinen und Systeme miteinander, um einen umfassenderen \u00dcberblick \u00fcber den Produktionsprozess zu erhalten.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1194ca1 e-con e-atomic-element e-flexbox-base e-62cf6a5\" data-id=\"1194ca1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1194ca1\">\n    \t\t<div class=\"elementor-element elementor-element-2953370 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2953370\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9754f23 e-con e-atomic-element e-flexbox-base e-81dd6e6\" data-id=\"9754f23\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9754f23\">\n    \t\t<div class=\"elementor-element elementor-element-eaf8075 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"eaf8075\" 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_eaf8075 {\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_eaf8075 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .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_eaf8075 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .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_eaf8075:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_eaf8075:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eaf8075:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eaf8075: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_eaf8075\">\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 moveFromBottom\">INDUSTRIELLE DATENERFASSUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udcca<\/span>\n      <h3>INDUSTRIELLE DATENERFASSUNG: Die richtigen Informationen erfassen<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Beim IoT geht es zun\u00e4chst darum, zu verstehen, welche Informationen tats\u00e4chlich ben\u00f6tigt werden. Je nach Anwendungsfall kann GPLG die Datenerfassung anhand folgender Parameter konzipieren:\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Maschinenstatus<\/div>\n        <div class=\"iiot-node\">Produktionsmengen<\/div>\n        <div class=\"iiot-node\">Zykluszeiten<\/div>\n        <div class=\"iiot-node\">Temperaturen<\/div>\n        <div class=\"iiot-node\">Dr\u00fccke<\/div>\n        <div class=\"iiot-node\">Vibration<\/div>\n        <div class=\"iiot-node\">Energieverbrauch<\/div>\n        <div class=\"iiot-node\">Maschinenalarme<\/div>\n        <div class=\"iiot-node\">Betriebsbedingungen<\/div>\n        <div class=\"iiot-node\">Prozessparameter<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        Wir erheben keine Daten, nur weil sie verf\u00fcgbar sind. Wir ermitteln, welche Informationen f\u00fcr die Anwendung von Nutzen sind.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile Screens *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\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-772cd26 e-con e-atomic-element e-flexbox-base e-a2504ff\" data-id=\"772cd26\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"772cd26\">\n    \t\t<div class=\"elementor-element elementor-element-c396cdf elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c396cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a6393a e-con e-atomic-element e-flexbox-base e-c436fa4\" data-id=\"9a6393a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a6393a\">\n    \t\t<div class=\"elementor-element elementor-element-db891e3 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"db891e3\" 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_db891e3 {\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_db891e3 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .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_db891e3 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .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_db891e3:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_db891e3:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_db891e3:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_db891e3: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_db891e3\">\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 moveFromBottom\">BESTEHENDE MASCHINEN ANSCHLIESSEN<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udd04<\/span>\n<h3>Modernisierung der Ausr\u00fcstung, ohne alles zu ersetzen<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">In vielen Fabriken sind Maschinen verschiedener Generationen im Einsatz. Es ist nicht immer sinnvoll, eine gesamte Produktionslinie auszutauschen, nur um eine moderne Vernetzung zu erreichen.<br> Das industrielle Internet der Dinge (IIoT) bietet eine M\u00f6glichkeit, bestehende Anlagen an neuere digitale Systeme anzubinden.<\/p>\n\n<div class=\"iiot-footer-text\">GPLG kann bestehende Maschinen bewerten und ermitteln, wie relevante Informationen erfasst und in eine moderne Architektur integriert werden k\u00f6nnen.<\/div>\n<!-- Section Label -->\n<div class=\"iiot-label-container\"><span class=\"iiot-label\">TYPISCHE UMGEBUNG<\/span><\/div>\n<!-- Horizontal Diagram Flow -->\n<div class=\"iiot-horizontal-flow\">\n<div class=\"iiot-node\">\u00c4lteres Ger\u00e4t<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">SPS \/ Steuerung<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Kommunikationsschicht<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">IoT-Gateway<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Industrienetzwerk<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node iiot-node-accent\">Digitale Systeme<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 16px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Highlighted Text Box *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.95;<br \/>\n    padding: 12px 18px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n    border: 1px solid rgba(49, 130, 206, 0.4);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto 24px auto;<br \/>\n  }<\/p>\n<p>  \/* Label Styling *\/<br \/>\n  .iiot-label-container {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-label {<br \/>\n    font-size: 0.8rem;<br \/>\n    font-weight: 700;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.7;<br \/>\n    letter-spacing: 1.5px;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 16px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: #3182ce;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n  }<\/p>\n<p>  .iiot-node-main {<br \/>\n    background-color: rgba(49, 130, 206, 0.85);<br \/>\n    color: #ffffff;<br \/>\n    border-color: #3182ce;<br \/>\n    font-size: 0.92rem;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-node-accent {<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n    border-color: rgba(255, 255, 255, 0.3);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\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-49e58c7 e-con e-atomic-element e-flexbox-base e-eecdf2e\" data-id=\"49e58c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49e58c7\">\n    \t\t<div class=\"elementor-element elementor-element-5b97b52 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5b97b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1d0b620 e-con e-atomic-element e-flexbox-base e-757eb30\" data-id=\"1d0b620\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d0b620\">\n    \t\t<div class=\"elementor-element elementor-element-405f995 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"405f995\" 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_405f995 {\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_405f995 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_405f995 .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_405f995 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_405f995 .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_405f995:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_405f995:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_405f995:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_405f995: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_405f995\">\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 moveFromBottom\">EDGE INDUSTRIAL IoT<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u26a1<\/span>\n      <h3>Verarbeitung von Informationen in Maschinenn\u00e4he<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Nicht bei jeder Anwendung m\u00fcssen alle Informationen an ein zentrales System \u00fcbertragen werden. Dank Edge-Computing k\u00f6nnen bestimmte Verarbeitungsaufgaben in unmittelbarer N\u00e4he der Industrieanlagen durchgef\u00fchrt werden.\n      <\/p>\n\n      <!-- Section Label -->\n      <div class=\"iiot-label-container\">\n        <span class=\"iiot-label\">EDGE-COMPUTING-ARCHITEKTUR<\/span>\n      <\/div>\n\n      <!-- Horizontal Flowchart -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Maschine<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Sensoren \/ SPS<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Edge-Ger\u00e4t<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Lokale Verarbeitung<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Relevante Daten<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node iiot-node-accent\">Industriesoftware<\/div>\n      <\/div>\n\n      <!-- Section Label -->\n      <div class=\"iiot-label-container\" style=\"margin-top: 24px;\">\n        <span class=\"iiot-label\">WICHTIGSTE VORTEILE UND ANWENDUNGSBEREICHE<\/span>\n      <\/div>\n\n      <!-- Benefits Pills -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Schnelle Reaktion<\/div>\n        <div class=\"iiot-node\">Lokale Verarbeitung<\/div>\n        <div class=\"iiot-node\">Geringerer Netzwerkverkehr<\/div>\n        <div class=\"iiot-node\">Lokale Datenfilterung<\/div>\n        <div class=\"iiot-node\">Dauerbetrieb<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        Die geeignete Architektur h\u00e4ngt von den Anforderungen der Anwendung ab.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Label Styling *\/\n  .iiot-label-container {\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  .iiot-label {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: inherit;\n    opacity: 0.7;\n    letter-spacing: 1.5px;\n  }\n\n  \/* Horizontal Flowchart & Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 16px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  .iiot-node-main {\n    background-color: rgba(49, 130, 206, 0.85);\n    color: #ffffff;\n    border-color: #3182ce;\n    font-size: 0.92rem;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-node-accent {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  .iiot-arrow-right {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.2rem;\n    line-height: 1;\n    padding: 0 2px;\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 24px auto 0 auto;\n  }\n\n  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 280px;\n      white-space: normal;\n    }\n\n    .iiot-arrow-right {\n      transform: rotate(90deg);\n      margin: 2px 0;\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-1d1d03d e-con e-atomic-element e-flexbox-base e-63a8435\" data-id=\"1d1d03d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d1d03d\">\n    \t\t<div class=\"elementor-element elementor-element-93d196d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"93d196d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1db0acf e-con e-atomic-element e-flexbox-base e-f4b3b23\" data-id=\"1db0acf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1db0acf\">\n    \t\t<div class=\"elementor-element elementor-element-df7de13 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"df7de13\" 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_df7de13 {\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_df7de13 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .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_df7de13 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .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_df7de13:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_df7de13:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_df7de13:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_df7de13: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_df7de13\">\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 moveFromBottom\">INDUSTRIELLE IoT-ARCHITEKTUR<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfd7\ufe0f<\/span>\n<h3>Auf das bestehende Automatisierungssystem abgestimmt<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">GPLG konzipiert die IoT-Ebene als Teil der \u00fcbergeordneten Automatisierungsarchitektur.<br> Das Ziel besteht darin, sicherzustellen, dass Maschinen, Steuerungssysteme und digitale Anwendungen zusammenarbeiten, anstatt eine weitere isolierte Technologieebene zu schaffen.<\/p>\n<!-- Section Label -->\n<div class=\"iiot-label-container\"><span class=\"iiot-label\">INTEGRIERTE AUTOMATISIERUNGSARCHITEKTUR<\/span><\/div>\n<!-- Horizontal Flowchart -->\n<div class=\"iiot-horizontal-flow\"><!-- Input Layer Group -->\n<div class=\"iiot-node-group\">\n<div class=\"iiot-node\">Maschinen<\/div>\n<div class=\"iiot-node\">SPS<\/div>\n<div class=\"iiot-node\">Roboter<\/div>\n<div class=\"iiot-node\">CNC<\/div>\n<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Industrienetzwerk<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">IoT \/ Edge-Ebene<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Datenverarbeitungsschicht<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<!-- System Layer Group -->\n<div class=\"iiot-node-group\">\n<div class=\"iiot-node iiot-node-accent\">SCADA<\/div>\n<div class=\"iiot-node iiot-node-accent\">Software<\/div>\n<div class=\"iiot-node iiot-node-accent\">Analytik<\/div>\n<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node iiot-node-accent\">Gesch\u00e4ftsf\u00fchrung<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Label Styling *\/<br \/>\n  .iiot-label-container {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-label {<br \/>\n    font-size: 0.8rem;<br \/>\n    font-weight: 700;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.7;<br \/>\n    letter-spacing: 1.5px;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n  }<\/p>\n<p>  .iiot-node-group {<br \/>\n    display: flex;<br \/>\n    gap: 6px;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 16px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: #3182ce;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n  }<\/p>\n<p>  .iiot-node-main {<br \/>\n    background-color: rgba(49, 130, 206, 0.85);<br \/>\n    color: #ffffff;<br \/>\n    border-color: #3182ce;<br \/>\n    font-size: 0.92rem;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-node-accent {<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n    border-color: rgba(255, 255, 255, 0.3);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow,<br \/>\n    .iiot-node-group {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\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-d5cd2ef e-con e-atomic-element e-flexbox-base e-ec0ec83\" data-id=\"d5cd2ef\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5cd2ef\">\n    \t\t<div class=\"elementor-element elementor-element-fe9a1b6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fe9a1b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7177f78 e-con e-atomic-element e-flexbox-base e-4a4833f\" data-id=\"7177f78\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7177f78\">\n    \t\t<div class=\"elementor-element elementor-element-9497a96 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9497a96\" 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_9497a96 {\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_9497a96 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .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_9497a96 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .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_9497a96:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9497a96:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9497a96:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9497a96: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_9497a96\">\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\">INDUSTRIELLES IoT + SCADA<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><p><span class=\"iiot-icon\">\ud83d\udda5\ufe0f<\/span><\/p><h3>IoT und industrielle \u00dcberwachung<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Das industrielle Internet der Dinge (IIoT) kann \u00dcberwachungs- und Kontrollsystemen zus\u00e4tzliche Daten liefern und so die Menge an Betriebsinformationen erweitern, die den Bedienern und den Ingenieurteams zur Verf\u00fcgung steht.<\/p><p><!-- Section Label --><\/p><div class=\"iiot-label-container\"><span class=\"iiot-label\">DATENINTEGRATIONSABLAUF<\/span><\/div><p><!-- Horizontal Integration Flow --><\/p><div class=\"iiot-horizontal-flow\" style=\"margin-bottom: 28px;\"><div class=\"iiot-node\">Maschinen<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">IoT-Ebene<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node iiot-node-accent\">SCADA \/ \u00dcberwachung<\/div><\/div><p><!-- Comparison Section --><\/p><div class=\"iiot-label-container\"><span class=\"iiot-label\">UNTERSCHIEDLICHE ROLLEN UND ZWECKE<\/span><\/div><div class=\"iiot-comparison-grid\"><div class=\"iiot-role-card\"><div class=\"iiot-role-title\">SCADA<\/div><div class=\"iiot-role-desc\">Der Schwerpunkt liegt in erster Linie auf der Echtzeit-\u00dcberwachung, -Kontrolle und -Steuerung.<\/div><\/div><div class=\"iiot-role-card iiot-role-card-main\"><div class=\"iiot-role-title\">Industrielles Internet der Dinge<\/div><div class=\"iiot-role-desc\">Der Schwerpunkt liegt auf der Vernetzung industrieller Anlagen und der Bereitstellung von Informationen f\u00fcr umfassendere digitale Systeme und Anwendungen.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>  .iiot-card-container {<br \/>    width: 100%;<br \/>    max-width: 100%;<br \/>    margin: 20px 0;<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 10px;<br \/>    background-color: transparent;<br \/>    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>    overflow: hidden;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  \/* Header Bar *\/<br \/>  .iiot-card-header {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    padding: 18px 24px;<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    backdrop-filter: blur(5px);<br \/>    color: #ffffff;<br \/>  }<\/p>\n<p>  .iiot-header-title {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    gap: 12px;<br \/>  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>    margin: 0;<br \/>    font-size: 1.15rem;<br \/>    font-weight: 600;<br \/>    color: #ffffff !important;<br \/>  }<\/p>\n<p>  .iiot-icon {<br \/>    font-size: 1.2rem;<br \/>  }<\/p>\n<p>  \/* Content Area *\/<br \/>  .iiot-card-content {<br \/>    background-color: transparent;<br \/>  }<\/p>\n<p>  .iiot-content-inner {<br \/>    padding: 24px;<br \/>    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-description {<br \/>    color: inherit;<br \/>    opacity: 0.9;<br \/>    line-height: 1.6;<br \/>    margin-bottom: 20px;<br \/>    font-size: 0.98rem;<br \/>    text-align: center;<br \/>  }<\/p>\n<p>  \/* Label Styling *\/<br \/>  .iiot-label-container {<br \/>    text-align: center;<br \/>    margin-bottom: 16px;<br \/>  }<\/p>\n<p>  .iiot-label {<br \/>    font-size: 0.8rem;<br \/>    font-weight: 700;<br \/>    color: inherit;<br \/>    opacity: 0.7;<br \/>    letter-spacing: 1.5px;<br \/>  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>  .iiot-horizontal-flow {<br \/>    display: flex;<br \/>    flex-direction: row;<br \/>    align-items: center;<br \/>    justify-content: center;<br \/>    gap: 8px;<br \/>    padding: 10px 0;<br \/>    width: 100%;<br \/>    flex-wrap: wrap;<br \/>  }<\/p>\n<p>  .iiot-node {<br \/>    background-color: rgba(255, 255, 255, 0.05);<br \/>    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>    backdrop-filter: blur(4px);<br \/>    border-radius: 6px;<br \/>    padding: 12px 20px;<br \/>    font-weight: 600;<br \/>    color: inherit;<br \/>    font-size: 0.88rem;<br \/>    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>    text-align: center;<br \/>    box-sizing: border-box;<br \/>    white-space: nowrap;<br \/>  }<\/p>\n<p>  .iiot-node:hover {<br \/>    transform: translateY(-2px);<br \/>    border-color: #3182ce;<br \/>    background-color: rgba(49, 130, 206, 0.15);<br \/>  }<\/p>\n<p>  .iiot-node-main {<br \/>    background-color: rgba(49, 130, 206, 0.85);<br \/>    color: #ffffff;<br \/>    border-color: #3182ce;<br \/>    font-size: 0.92rem;<br \/>    letter-spacing: 0.5px;<br \/>  }<\/p>\n<p>  .iiot-node-accent {<br \/>    background-color: rgba(255, 255, 255, 0.1);<br \/>    border-color: rgba(255, 255, 255, 0.3);<br \/>  }<\/p>\n<p>  .iiot-arrow-right {<br \/>    color: inherit;<br \/>    opacity: 0.5;<br \/>    font-size: 1.2rem;<br \/>    line-height: 1;<br \/>    padding: 0 4px;<br \/>  }<\/p>\n<p>  \/* Comparison Grid Styling *\/<br \/>  .iiot-comparison-grid {<br \/>    display: flex;<br \/>    flex-direction: row;<br \/>    gap: 16px;<br \/>    justify-content: center;<br \/>    width: 100%;<br \/>    max-width: 850px;<br \/>    margin: 0 auto;<br \/>  }<\/p>\n<p>  .iiot-role-card {<br \/>    flex: 1;<br \/>    background-color: rgba(255, 255, 255, 0.03);<br \/>    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>    border-radius: 8px;<br \/>    padding: 16px;<br \/>    text-align: center;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .iiot-role-card-main {<br \/>    background-color: rgba(49, 130, 206, 0.1);<br \/>    border-color: rgba(49, 130, 206, 0.35);<br \/>  }<\/p>\n<p>  .iiot-role-title {<br \/>    font-weight: 700;<br \/>    font-size: 0.95rem;<br \/>    margin-bottom: 8px;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  .iiot-role-desc {<br \/>    font-size: 0.88rem;<br \/>    line-height: 1.5;<br \/>    opacity: 0.85;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>  @media (max-width: 768px) {<br \/>    .iiot-horizontal-flow,<br \/>    .iiot-comparison-grid {<br \/>      flex-direction: column;<br \/>    }<\/p>\n<p>    .iiot-node,<br \/>    .iiot-role-card {<br \/>      width: 100%;<br \/>      max-width: 320px;<br \/>      white-space: normal;<br \/>    }<\/p>\n<p>    .iiot-arrow-right {<br \/>      transform: rotate(90deg);<br \/>      margin: 2px 0;<br \/>    }<br \/>  }<br \/><\/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-6c0863c e-con e-atomic-element e-flexbox-base e-92b285e\" data-id=\"6c0863c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6c0863c\">\n    \t\t<div class=\"elementor-element elementor-element-097862c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"097862c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e5d2d88 e-con e-atomic-element e-flexbox-base e-44e1753\" data-id=\"e5d2d88\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e5d2d88\">\n    \t\t<div class=\"elementor-element elementor-element-40f9d90 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"40f9d90\" 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_40f9d90 {\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_40f9d90 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .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_40f9d90 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .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_40f9d90:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_40f9d90:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_40f9d90:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_40f9d90: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_40f9d90\">\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 moveFromRight\">INDUSTRIELLES IoT + DATEN<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udca1<\/span>\n      <h3>Informationen in verwertbare Daten umwandeln<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        IoT-Systeme k\u00f6nnen von Industrieanlagen erzeugte Informationen in strukturierte Daten umwandeln, die von anderen Anwendungen genutzt werden k\u00f6nnen. Dies kann folgende Bereiche unterst\u00fctzen:\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Produktionsanalyse<\/div>\n        <div class=\"iiot-node\">Leistungs\u00fcberwachung<\/div>\n        <div class=\"iiot-node\">Historische Analyse<\/div>\n        <div class=\"iiot-node\">Instandhaltungsanalyse<\/div>\n        <div class=\"iiot-node\">Energie\u00fcberwachung<\/div>\n        <div class=\"iiot-node\">Operatives Berichtswesen<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        Die konkrete Datenarchitektur h\u00e4ngt von den Anforderungen des Projekts ab.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile Screens *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\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\t\t<div class=\"elementor-element elementor-element-2fc9b09 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"2fc9b09\" 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_2fc9b09 {\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_2fc9b09 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .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_2fc9b09 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .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_2fc9b09:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09: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_2fc9b09\">\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\">INDUSTRIELLES IoT + KI<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83e\udd16<\/span><h3>Vernetzte Daten er\u00f6ffnen neue M\u00f6glichkeiten f\u00fcr die Informationsgewinnung<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Sobald industrielle Informationen in strukturierter Form vorliegen, k\u00f6nnen sie als Grundlage f\u00fcr anspruchsvollere Anwendungen dienen.<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">Industriedaten<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Datenverarbeitung<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">PLG AI<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Analyse \/ Vorhersage \/ Erkennung<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">Das IoT stellt die Konnektivit\u00e4t und die Dateninfrastruktur bereit. Die KI sorgt f\u00fcr die intelligente Auswertung dieser Informationen.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Accent Colors\/Highlighting) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<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-b2e4ab0 e-con e-atomic-element e-flexbox-base e-172476b\" data-id=\"b2e4ab0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b2e4ab0\">\n    \t\t<div class=\"elementor-element elementor-element-c9580e6 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c9580e6\" 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_c9580e6 {\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_c9580e6 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .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_c9580e6 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .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_c9580e6:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c9580e6:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c9580e6:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c9580e6: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_c9580e6\">\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\">INDUSTRIELLES IoT + MASCHINENVISION<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udcf7<\/span><h3>Vernetzung visueller Informationen mit industriellen Systemen<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Auch Industriekameras k\u00f6nnen Teil einer vernetzten Industrieumgebung werden.<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">Kamera<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Bildverarbeitung<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Pr\u00fcfergebnis<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Industrielles Internet der Dinge \/ Software<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Informationen zur Produktion<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">Dadurch k\u00f6nnen die Ergebnisse der Sichtpr\u00fcfung in die \u00fcbergeordnete Produktionsinformationsarchitektur integriert werden.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Highlights) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<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-b9af203 e-con e-atomic-element e-flexbox-base e-ac4a193\" data-id=\"b9af203\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9af203\">\n    \t\t\t<h4 data-interaction-id=\"5b3e243\" class=\"e-5b3e243-c6af1f3 e-heading-base\" data-e-type=\"widget\" data-id=\"5b3e243\">INDUSTRIELLE \u00dcBERWACHUNG<br><\/h4>\n\t\t\t\t\t<p class=\"e-d9fd1b0-9420f65 e-paragraph-base\" data-interaction-id=\"d9fd1b0\" data-e-type=\"widget\" data-id=\"d9fd1b0\">Immer auf dem Laufenden sein, was in der gesamten Fabrik vor sich geht<\/p>\n\t\t\t\t\t<p class=\"e-742771a-1fb1e32 e-paragraph-base\" data-interaction-id=\"742771a\" data-e-type=\"widget\" data-id=\"742771a\">Das industrielle Internet der Dinge (IIoT) kann einen umfassenderen \u00dcberblick \u00fcber Anlagen und Prozesse bieten. Je nach Systemarchitektur k\u00f6nnen Unternehmen Folgendes \u00fcberwachen:<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0270f0f e-grid e-con-boxed e-con e-parent\" data-id=\"0270f0f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60d211b elementor-widget elementor-widget-icon-box\" data-id=\"60d211b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProduktion\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWas wird hergestellt?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c52f91 elementor-widget elementor-widget-icon-box\" data-id=\"8c52f91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAusstattung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWelche Maschinen sind in Betrieb?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3abb26 elementor-widget elementor-widget-icon-box\" data-id=\"e3abb26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLeistung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWie effizient arbeiten die Maschinen?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef763b1 elementor-widget elementor-widget-icon-box\" data-id=\"ef763b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBedingungen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLiegen die Betriebsparameter innerhalb der erwarteten Bereiche?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-463bc64 elementor-widget elementor-widget-icon-box\" data-id=\"463bc64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEnergie\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWie viel Energie wird verbraucht?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6889d elementor-widget elementor-widget-icon-box\" data-id=\"7f6889d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tVeranstaltungen\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWelche Alarme, St\u00f6rungen oder au\u00dfergew\u00f6hnlichen Zust\u00e4nde sind aufgetreten?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f96d36 e-con e-atomic-element e-flexbox-base e-d028865\" data-id=\"7f96d36\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f96d36\">\n    \t\t<div class=\"elementor-element elementor-element-e1f1ebd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e1f1ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1a4a99c e-con e-atomic-element e-flexbox-base e-fe4ee52\" data-id=\"1a4a99c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1a4a99c\">\n    \t\t\t<h4 data-interaction-id=\"3524961\" class=\"e-3524961-430edfc e-heading-base\" data-e-type=\"widget\" data-id=\"3524961\">INDUSTRIELLE IoT-ANWENDUNGEN<\/h4>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3eb0f40 e-grid e-con-boxed e-con e-parent\" data-id=\"3eb0f40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbec53d elementor-widget elementor-widget-icon-box\" data-id=\"fbec53d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProduktions\u00fcberwachung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMaschinen und Produktionsanlagen miteinander vernetzen, um Betriebsdaten zu \u00fcberwachen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d46334 elementor-widget elementor-widget-icon-box\" data-id=\"0d46334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMaschinen\u00fcberwachung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u00dcberwachen Sie die Betriebsbedingungen der Strecke und den Maschinenstatus.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501f3d5 elementor-widget elementor-widget-icon-box\" data-id=\"501f3d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEnergie\u00fcberwachung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tEnergiebezogene Informationen erfassen und auswerten.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aeb8805 elementor-widget elementor-widget-icon-box\" data-id=\"aeb8805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tVorausschauende Instandhaltung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBereitstellung der f\u00fcr Anwendungen zur vorausschauenden Instandhaltung erforderlichen Dateninfrastruktur.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4209a elementor-widget elementor-widget-icon-box\" data-id=\"4b4209a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFern\u00fcberwachung\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tStellen Sie ausgew\u00e4hlte Betriebsdaten gegebenenfalls aus der Ferne zur Verf\u00fcgung.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-002f71b elementor-widget elementor-widget-icon-box\" data-id=\"002f71b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tKonnektivit\u00e4t in der Fabrik\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tVerbinden Sie mehrere Maschinen und Systeme zu einer einheitlichen industriellen Informationsarchitektur.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01af10a e-con e-atomic-element e-flexbox-base e-141588b\" data-id=\"01af10a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01af10a\">\n    \t\t<div class=\"elementor-element elementor-element-8780c30 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8780c30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cee590c e-con e-atomic-element e-flexbox-base e-6e57a84\" data-id=\"cee590c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cee590c\">\n    \t\t<div class=\"elementor-element elementor-element-1991f89 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"1991f89\" 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_1991f89 {\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_1991f89 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .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_1991f89 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .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_1991f89:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_1991f89:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1991f89:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1991f89: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_1991f89\">\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 moveFromBottom\">IoT F\u00dcR INTELLIGENTE FERTIGUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfed<\/span><h3>Aufbau einer st\u00e4rker vernetzten Fabrik<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Das industrielle Internet der Dinge (Industrial IoT) ist eine der Grundlagen der modernen intelligenten Fertigung. Eine vernetzte Produktionsumgebung kann einen klareren Zusammenhang zwischen folgenden Aspekten herstellen:<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">Ausstattung<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Produktion<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Daten<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Analyse<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Entscheidung<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Verbesserung<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">GPLG kann IoT-Funktionen in umfassendere Automatisierungs- und Digitalisierungsprojekte integrieren, anstatt das IoT als isolierte Installation zu betrachten.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Highlights) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<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-91555b8 e-con e-atomic-element e-flexbox-base e-76820b7\" data-id=\"91555b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"91555b8\">\n    \t\t<div class=\"elementor-element elementor-element-bca4bb8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bca4bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f0ec213 e-con e-atomic-element e-flexbox-base e-4f8aa37\" data-id=\"f0ec213\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f0ec213\">\n    \t\t<div class=\"elementor-element elementor-element-8026f54 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"8026f54\" 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_8026f54 {\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_8026f54 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .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_8026f54 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .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_8026f54:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_8026f54:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8026f54:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8026f54: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_8026f54\">\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 moveFromBottom\">IMPLEMENTIERUNG DES INDUSTRIELLEN IoT<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd04<\/span>\n      <h3>Von der bestehenden Anlage zur vernetzten Fabrik<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Der \u00dcbergang zu einer vernetzten Umgebung erfordert eine strukturierte Vorgehensweise. GPLG nutzt einen professionellen 7-Stufen-Prozess, um IoT-Funktionen zuverl\u00e4ssig zu integrieren.\n      <\/p>\n\n      <!-- Horizontal Process Flow -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">01<\/div>\n          <div class=\"iiot-step-title\">Bewertung<\/div>\n          <div class=\"iiot-step-desc\">Analysieren Sie die vorhandenen Maschinen, Systeme und Vernetzungsm\u00f6glichkeiten.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">02<\/div>\n          <div class=\"iiot-step-title\">Ziele<\/div>\n          <div class=\"iiot-step-desc\">Legen Sie fest, welche Informationen tats\u00e4chlich erforderlich sind und warum.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">03<\/div>\n          <div class=\"iiot-step-title\">Architektur<\/div>\n          <div class=\"iiot-step-desc\">Entwerfen Sie die Kommunikations- und IoT-Architektur.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">04<\/div>\n          <div class=\"iiot-step-title\">Datenerfassung<\/div>\n          <div class=\"iiot-step-desc\">Stellen Sie die erforderlichen Verbindungen zu Maschinen, SPSen und Sensoren her.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">05<\/div>\n          <div class=\"iiot-step-title\">Edge \/ Verarbeitung<\/div>\n          <div class=\"iiot-step-desc\">Konfigurieren Sie bei Bedarf die lokale Verarbeitung und den Umgang mit Daten.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">06<\/div>\n          <div class=\"iiot-step-title\">Integration<\/div>\n          <div class=\"iiot-step-desc\">Verbinden Sie die IoT-Ebene mit der entsprechenden Software und den industriellen Systemen.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">07<\/div>\n          <div class=\"iiot-step-title\">Validierung<\/div>\n          <div class=\"iiot-step-desc\">Testen Sie das gesamte System und stellen Sie sicher, dass die erforderlichen Informationen verf\u00fcgbar und zuverl\u00e4ssig sind.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flowchart Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .iiot-step-card {\n    flex: 1;\n    min-width: 130px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 14px 12px;\n    text-align: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-step-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-step-number {\n    font-size: 0.8rem;\n    font-weight: 700;\n    opacity: 0.6;\n    margin-bottom: 4px;\n    letter-spacing: 1px;\n  }\n\n  .iiot-step-title {\n    font-weight: 600;\n    font-size: 0.88rem;\n    color: inherit;\n    margin-bottom: 8px;\n  }\n\n  .iiot-step-desc {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.8;\n    color: inherit;\n  }\n\n  .iiot-arrow-right {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.2rem;\n    display: flex;\n    align-items: center;\n    padding: 0 2px;\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 1024px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .iiot-step-card {\n      width: 100%;\n      max-width: 320px;\n    }\n\n    .iiot-arrow-right {\n      transform: rotate(90deg);\n      margin: 4px 0;\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-856ad73 e-con e-atomic-element e-flexbox-base e-d5b5459\" data-id=\"856ad73\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"856ad73\">\n    \t\t<div class=\"elementor-element elementor-element-6e69ab5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6e69ab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fcd98ba e-con e-atomic-element e-flexbox-base e-0f47885\" data-id=\"fcd98ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fcd98ba\">\n    \t\t<div class=\"elementor-element elementor-element-53989b1 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"53989b1\" 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_53989b1 {\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_53989b1 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .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_53989b1 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .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_53989b1:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_53989b1:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_53989b1:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_53989b1: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_53989b1\">\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\">INDUSTRIELLE IoT-TECHNOLOGIEN<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee0\ufe0f<\/span>\n      <h3>In unserer IoT-Architektur verwendete Technologien<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Compact Technology Strip -->\n      <div class=\"iiot-tech-strip\">\n        \n        <!-- Category: Communication -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Kommunikation<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> OPC UA<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\u26a1<\/i> MQTT<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd0c<\/i> REST-APIs<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Software -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Software<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc0d<\/i> Python<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd37<\/i> C# \/ .NET<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Infrastructure -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Infrastruktur<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc27<\/i> Linux<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc33<\/i> Docker<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Industrial Systems -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Industriesysteme<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> SPS<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udda5\ufe0f<\/i> SCADA<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 20px 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Technology Strip Container *\/\n  .iiot-tech-strip {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-around;\n    gap: 16px;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  \/* Tech Group Column *\/\n  .iiot-tech-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-group-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.6;\n    color: inherit;\n  }\n\n  \/* Tech Pill Row *\/\n  .iiot-pill-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  \/* Compact Visual Pills *\/\n  .iiot-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 20px;\n    padding: 6px 14px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.82rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    white-space: nowrap;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-pill:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Vertical Dividers between groups *\/\n  .iiot-strip-divider {\n    width: 1px;\n    height: 40px;\n    background-color: rgba(255, 255, 255, 0.15);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 900px) {\n    .iiot-tech-strip {\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .iiot-strip-divider {\n      width: 60%;\n      height: 1px;\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-24de941 e-con e-atomic-element e-flexbox-base e-9b8849b\" data-id=\"24de941\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"24de941\">\n    \t\t<div class=\"elementor-element elementor-element-d05f327 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d05f327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-704f154 e-con e-atomic-element e-flexbox-base e-65a0f12\" data-id=\"704f154\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"704f154\">\n    \t\t<div class=\"elementor-element elementor-element-473219b ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"473219b\" 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_473219b {\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_473219b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_473219b .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_473219b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_473219b .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_473219b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_473219b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_473219b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_473219b: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_473219b\">\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 moveFromBottom\">SICHERHEIT &amp; ZUVERL\u00c4SSIGKEIT<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd12<\/span>\n      <h3>Industrielle Vernetzung erfordert eine kontrollierte Architektur<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die Anbindung von Industrieanlagen an digitale Netzwerke muss sorgf\u00e4ltig erfolgen. GPLG ber\u00fccksichtigt wichtige architektonische Faktoren, um eine nahtlose Integration zu gew\u00e4hrleisten:\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Netzwerkarchitektur<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd11<\/i> Zugriffskontrolle<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd00<\/i> Datenfluss<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83e\uddf1<\/i> Systemsegmentierung<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/i> Ger\u00e4tesicherheit<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> Zuverl\u00e4ssigkeit der Kommunikation<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Lokale vs. Remote-Verarbeitung<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd04<\/i> Gesch\u00e4ftskontinuit\u00e4t<\/div>\n      <\/div>\n\n      <!-- Key Principle Note Box -->\n      <div class=\"iiot-principle-text\">\n        Die IoT-Architektur sollte so konzipiert sein, dass die Zuverl\u00e4ssigkeits- und Sicherheitsanforderungen der industriellen Steuerungsumgebung nicht beeintr\u00e4chtigt werden.\n      <\/div>\n\n      <!-- Plain Footer Text Box (No Highlights) -->\n      <div class=\"iiot-footer-text\">\n        Die Vernetzung sollte die Fabrik verbessern, ohne dabei unn\u00f6tige Risiken oder Komplexit\u00e4t zu verursachen.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\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  \/* Header Bar *\/\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\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-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Key Principle Box *\/\n  .iiot-principle-text {\n    text-align: center;\n    font-size: 0.92rem;\n    line-height: 1.5;\n    color: inherit;\n    opacity: 0.85;\n    margin-bottom: 16px;\n    padding: 0 10px;\n  }\n\n  \/* Plain Footer Text Box (No Highlights) *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\n      justify-content: 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-90b2a93 e-con e-atomic-element e-flexbox-base e-d23c637\" data-id=\"90b2a93\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90b2a93\">\n    \t\t<div class=\"elementor-element elementor-element-30a6d88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"30a6d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b289c40 e-con e-atomic-element e-flexbox-base e-9938d31\" data-id=\"b289c40\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b289c40\">\n    \t\t<div class=\"elementor-element elementor-element-1badf42 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"1badf42\" 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_1badf42 {\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_1badf42 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .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_1badf42 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .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_1badf42:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_1badf42:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1badf42:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1badf42: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_1badf42\">\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 moveFromBottom\">TECHNISCHE GRUNDS\u00c4TZE<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfaf<\/span><h3>Unser Ansatz f\u00fcr das industrielle Internet der Dinge<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p><!-- 6-Grid Core Pillars --><\/p><div class=\"iiot-pillar-grid\"><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span><div class=\"iiot-pillar-title\">Zielorientiert<\/div><\/div><div class=\"iiot-pillar-desc\">Wir verbinden Ger\u00e4te miteinander, weil daf\u00fcr ein konkreter betrieblicher oder technischer Grund vorliegt.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udd17<\/span><div class=\"iiot-pillar-title\">Integration an erster Stelle<\/div><\/div><div class=\"iiot-pillar-desc\">Das IoT ist als Teil der bestehenden Automatisierungsarchitektur konzipiert.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udcc8<\/span><div class=\"iiot-pillar-title\">Skalierbar<\/div><\/div><div class=\"iiot-pillar-desc\">Das System l\u00e4sst sich erweitern, sobald weitere Maschinen und Anwendungen hinzukommen.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span><div class=\"iiot-pillar-title\">Zuverl\u00e4ssig<\/div><\/div><div class=\"iiot-pillar-desc\">In industriellen Umgebungen ist eine stabile und verl\u00e4ssliche Kommunikation erforderlich.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/span><div class=\"iiot-pillar-title\">Sicher<\/div><\/div><div class=\"iiot-pillar-desc\">Konnektivit\u00e4t und Datenzugriff m\u00fcssen verantwortungsbewusst gestaltet werden.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udca1<\/span><div class=\"iiot-pillar-title\">Praktisch<\/div><\/div><div class=\"iiot-pillar-desc\">Wir w\u00e4hlen Technologien entsprechend den tats\u00e4chlichen Anforderungen der jeweiligen Anwendung aus.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\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>  \/* Header Bar *\/<br \/>\n  .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 {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<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-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<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>  \/* Grid Layout for Approach Pillars *\/<br \/>\n  .iiot-pillar-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 16px;<br \/>\n    width: 100%;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 18px;<br \/>\n    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 8px;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-card:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-pillar-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-title {<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-pill-icon {<br \/>\n    font-style: normal;<br \/>\n    font-size: 1rem;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-desc {<br \/>\n    font-size: 0.85rem;<br \/>\n    line-height: 1.45;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Responsive Adjustments for Mobile and Tablet Screens *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-pillar-grid {<br \/>\n      grid-template-columns: repeat(2, 1fr);<br \/>\n    }<br \/>\n  }<\/p>\n<p>  @media (max-width: 600px) {<br \/>\n    .iiot-pillar-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<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-3bd7f21 e-con e-atomic-element e-flexbox-base e-afa7f3d\" data-id=\"3bd7f21\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3bd7f21\">\n    \t\t<div class=\"elementor-element elementor-element-0dc06c1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0dc06c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-39a57a3 e-con e-atomic-element e-flexbox-base e-3f6716a\" data-id=\"39a57a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"39a57a3\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-b0416ca\" 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-b0416ca 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=\"b0416ca\" 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-b9fa94b e-con-full e-flex e-con e-child\" data-id=\"b9fa94b\" 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-a050b99 elementor-widget elementor-widget-heading\" data-id=\"a050b99\" 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\">Vernetzen Sie Ihre Industrieumgebung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4881446 elementor-widget elementor-widget-text-editor\" data-id=\"4881446\" 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>Ganz gleich, ob Sie eine einzelne Maschine anbinden, bestehende Anlagen modernisieren oder eine vernetzte Produktionsumgebung aufbauen m\u00f6chten \u2013 GPLG kann die passende Industrial-IoT-Architektur konzipieren und umsetzen.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Ein IoT-Projekt besprechen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70b8b16 e-con-full e-flex e-con e-child\" data-id=\"70b8b16\" 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-50c08b4 elementor-widget elementor-widget-button\" data-id=\"50c08b4\" 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_sliding_content_box skip render: ucaddon_transparent_split_hero \u2699\ufe0f From Industrial Equipment to Connected Systems An Industrial IoT architecture provides a structured way to collect information from industrial assets and make that information available to higher-level systems. The architecture can be small and focused on a single machine or expanded across an entire production environment. INDUSTRIAL IoT [&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-2229","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\/2229","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=2229"}],"version-history":[{"count":166,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2229\/revisions"}],"predecessor-version":[{"id":4749,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2229\/revisions\/4749"}],"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=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}