{"id":2310,"date":"2026-08-06T19:00:39","date_gmt":"2026-08-06T19:00:39","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2310"},"modified":"2026-08-22T08:39:35","modified_gmt":"2026-08-22T08:39:35","slug":"cloud-integration","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/cloud-integration\/","title":{"rendered":"Cloud-Integration"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2310\" class=\"elementor elementor-2310\" 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-d35c622 e-con e-atomic-element e-flexbox-base e-0b3d2a1\" data-id=\"d35c622\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d35c622\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"2a0a74a\" data-e-type=\"widget\" data-id=\"2a0a74a\" id=\"4306\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-18x4.jpeg 18w\" alt=\"Cloud-Integration\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b713e8d e-con e-atomic-element e-flexbox-base e-5c6dc2b\" data-id=\"b713e8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b713e8d\">\n    \t\t<div class=\"elementor-element elementor-element-3bda3e9 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"3bda3e9\" 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_3bda3e9 {\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_3bda3e9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9 .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_3bda3e9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9 .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_3bda3e9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_3bda3e9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9: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_3bda3e9\">\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\">Cloud-Integration f\u00fcr industrielle Umgebungen<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>Anbindung von Betriebsabl\u00e4ufen in der Fertigung an sichere Cloud-Architekturen<\/h3><\/div><\/div><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">HYBRIDE INFRASTRUKTUR<\/span><br \/><span class=\"iiot-card-title\">Nahtlose Integration von OT in die Cloud<\/span><\/div><p class=\"iiot-card-text\">GPLG entwickelt und implementiert Cloud-Integrationsstrategien f\u00fcr industrielle Anwendungen und verbindet OT-Umgebungen nahtlos mit der Cloud-Infrastruktur, ohne dabei die Betriebssicherheit oder die Latenz zu beeintr\u00e4chtigen.<\/p><p><!-- Feature Capabilities Grid --><\/p><div class=\"iiot-cloud-grid\"><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\">\u00a0<\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Fernmessung<\/div><p class=\"iiot-cloud-desc\">Echtzeit-Anlagen\u00fcberwachung und Daten\u00fcbertragung vom Edge zur Cloud f\u00fcr verteilte Betriebsabl\u00e4ufe.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\"><br \/><br \/><br \/><br \/><br \/><\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Konsolidierung mehrerer Standorte<\/div><p class=\"iiot-cloud-desc\">Eine einheitliche Unternehmensdatenebene, die Kennzahlen aus mehreren Produktionsst\u00e4tten zusammenf\u00fchrt.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\"><br \/><br \/><\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Zentralisierte Data Lakes<\/div><p class=\"iiot-cloud-desc\">Skalierbare, strukturierte Speicherpipelines, die speziell f\u00fcr gro\u00dfe Mengen industrieller Zeitreihendaten entwickelt wurden.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\">\u00a0<\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Cloud-Analytik<\/div><p class=\"iiot-cloud-desc\">Erweiterte Berichterstellung, pr\u00e4diktive Modellierung und Business-Intelligence-Dashboards.<\/p><\/div><\/div><\/div><p><!-- Strong Summary Banner --><\/p><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-text\">Wir entwickeln Cloud-Architekturen, die genau auf die Anforderungen der modernen Fertigung zugeschnitten sind.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 20px;<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-card-header-inner {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    padding-bottom: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-card-badge {<br \/>\n    font-size: 0.72rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-title {<br \/>\n    font-size: 1rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-text {<br \/>\n    font-size: 0.88rem;<br \/>\n    line-height: 1.5;<br \/>\n    opacity: 0.85;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Cloud Capabilities Grid *\/<br \/>\n  .iiot-cloud-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 12px;<br \/>\n    margin-top: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 16px;<br \/>\n    display: flex;<br \/>\n    align-items: flex-start;<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-icon {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    padding: 8px;<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 6px;<br \/>\n    color: #ffffff;<br \/>\n    flex-shrink: 0;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-body {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-title {<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-desc {<br \/>\n    font-size: 0.82rem;<br \/>\n    line-height: 1.4;<br \/>\n    opacity: 0.75;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Statement Banner *\/<br \/>\n  .iiot-statement-banner {<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 16px 20px;<br \/>\n    text-align: center;<br \/>\n    margin-top: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 0.95rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.5;<br \/>\n  }<\/p>\n<p>  @media (max-width: 768px) {<br \/>\n    .iiot-cloud-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-de973b4 e-con e-atomic-element e-flexbox-base e-c2abfb2\" data-id=\"de973b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de973b4\">\n    \t\t<div class=\"elementor-element elementor-element-47be1da ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"47be1da\" 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_47be1da {\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_47be1da .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_47be1da .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_47be1da .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_47be1da .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_47be1da:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_47be1da:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_47be1da:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_47be1da: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_47be1da\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Industriesysteme gehen \u00fcber die Fabrikhalle hinaus<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">HYBRIDE OT\/IT-ARCHITEKTUR<\/span>\n          <span class=\"iiot-card-title\">Verbindung von Betriebstechnik und Cloud-Infrastruktur<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Moderne Industriebetriebe profitieren zunehmend von zentralisiertem Zugriff, Fernsteuerung und skalierbarer Rechenleistung. SPSen, Edge-Gateways, SCADA-Plattformen und Anlagendatenbanken liefern hochwertige Daten, die standort\u00fcbergreifend aggregiert oder an unternehmensweite Plattformen au\u00dferhalb des Standorts \u00fcbermittelt werden m\u00fcssen.\n        <\/p>\n\n        <p class=\"iiot-card-text\">\n          Ohne eine strukturierte Hybridarchitektur f\u00fchrt die Verbindung von OT- (Operational Technology) und IT-Cloud-Systemen zu schwerwiegenden Sicherheitsl\u00fccken, Daten\u00fcberlastung und Zuverl\u00e4ssigkeitsproblemen. Die Ingenieure von GPLG entwickeln sichere Cloud-Integrationsl\u00f6sungen, die eine robuste Br\u00fccke zwischen physischer Hardware und Cloud-Plattformen schlagen.\n        <\/p>\n\n        <!-- Data Flow Steps (Offset Cascade) -->\n        <div class=\"iiot-stair-container\">\n          \n          <div class=\"iiot-stair-item step-1\">\n            <div class=\"iiot-stair-box\">Industrial Edge \/ Sensoren<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-1\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-2\">\n            <div class=\"iiot-stair-box\">OT-Netzwerk \/ Sicherheitsgateway<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-2\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-3\">\n            <div class=\"iiot-stair-box\">Sicherer Datenverkehr (MQTT \/ TLS \/ REST)<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-3\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-4\">\n            <div class=\"iiot-stair-box\">Cloud-Erfassungsdienste<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-4\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-5\">\n            <div class=\"iiot-stair-box iiot-flow-highlight\">Zentrale Datenbank \/ Data Lake<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-5\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-6\">\n            <div class=\"iiot-stair-box\">Cloud-Anwendungen und Analysen f\u00fcr Unternehmen<\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Key Principle Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">GRUNDPRINZIP<\/div>\n          <div class=\"iiot-statement-text\">\n            Die Cloud-Integration muss den industriellen Prozess unterst\u00fctzen \u2013 und dabei eine Skalierbarkeit aus der Ferne gew\u00e4hrleisten, ohne die Autonomie oder Sicherheit in der Fertigung zu beeintr\u00e4chtigen.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Data Flow Cascade *\/\n  .iiot-stair-container {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    padding: 10px 0;\n    margin: 10px 0;\n  }\n\n  .iiot-stair-item {\n    display: flex;\n  }\n\n  .iiot-stair-box {\n    width: 280px;\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 16px;\n    text-align: center;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);\n  }\n\n  \/* Progressive Offsets *\/\n  .step-1 { margin-left: 0px; }\n  .step-2 { margin-left: 30px; }\n  .step-3 { margin-left: 60px; }\n  .step-4 { margin-left: 90px; }\n  .step-5 { margin-left: 120px; }\n  .step-6 { margin-left: 150px; }\n\n  \/* Connector Arrows *\/\n  .iiot-stair-arrow {\n    font-size: 1rem;\n    opacity: 0.65;\n    line-height: 1;\n    margin: 4px 0;\n  }\n\n  .arrow-1 { margin-left: 135px; }\n  .arrow-2 { margin-left: 165px; }\n  .arrow-3 { margin-left: 195px; }\n  .arrow-4 { margin-left: 225px; }\n  .arrow-5 { margin-left: 255px; }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.4);\n    color: #ffffff;\n  }\n\n  \/* Key Principle Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 16px 20px;\n    text-align: center;\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 768px) {\n    .iiot-stair-container {\n      overflow-x: auto;\n      padding-bottom: 15px;\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-71721a9 e-con e-atomic-element e-flexbox-base e-b36084a\" data-id=\"71721a9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71721a9\">\n    \t\t<div class=\"elementor-element elementor-element-0323959 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0323959\" 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_0323959 {\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_0323959 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0323959 .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_0323959 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0323959 .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_0323959:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0323959:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0323959:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0323959: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_0323959\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>WAS WIR IN DIE CLOUD INTEGRIEREN<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">UMFANG DER CLOUD-INTEGRATION<\/span>\n          <span class=\"iiot-card-title\">Industrieanlagen und Betriebsebenen<\/span>\n        <\/div>\n\n        <!-- 6-Card Grid -->\n        <div class=\"iiot-integrate-grid\">\n          \n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M3 21h18\"><\/path>\n                  <path d=\"M5 21V7l8-4v18\"><\/path>\n                  <path d=\"M19 21V11l-6-3\"><\/path>\n                  <path d=\"M9 9h2\"><\/path>\n                  <path d=\"M9 13h2\"><\/path>\n                  <path d=\"M9 17h2\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Fabrikdaten f\u00fcr mehrere Standorte<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Zusammenf\u00fchrung von Betriebskennzahlen, Produktionszahlen und KPI-Daten aus geografisch verstreuten Standorten.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Maschinentelemetrie<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Kontinuierliche \u00dcbertragung von Maschinenzustandsparametern, Betriebsstunden und Sensordaten zur Fern\u00fcberwachung.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                  <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                  <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                  <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                  <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Zentralisierte Produktionsaufzeichnungen<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Unternehmensweite Konsolidierung historischer Chargenprotokolle, Qualit\u00e4tsprotokolle und Fertigungsauftr\u00e4ge.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n                  <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Peripherieger\u00e4te<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Verwaltung der Bereitstellung, Telemetrie und Konfiguration verteilter IoT- und Edge-Computing-Knoten.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                  <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                  <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Anwendungsdatenschichten<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Verbindung von hybriden Datenbankarchitekturen zwischen On-Prem-Cloud-Replikaten und lokalen Produktionsservern.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                  <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                  <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Industrielle Analytik und KI-Inputs<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Streaming strukturierter Betriebsdatens\u00e4tze in cloudnative Analyse-Engines und Machine-Learning-Pipelines.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* 6-Card Grid Layout *\/\n  .iiot-integrate-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-integrate-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-card-top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-integrate-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-integrate-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-integrate-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 992px) {\n    .iiot-integrate-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-integrate-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8e90a87 e-con e-atomic-element e-flexbox-base e-d402afb\" data-id=\"8e90a87\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e90a87\">\n    \t\t<div class=\"elementor-element elementor-element-cf33591 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"cf33591\" 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_cf33591 {\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_cf33591 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_cf33591 .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_cf33591 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_cf33591 .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_cf33591:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_cf33591:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_cf33591:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_cf33591: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_cf33591\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>HYBRIDARCHITEKTUR<\/h3><\/div><\/div><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">NETZWERK-SEGMENTIERUNG UND EDGE-BUFFERING<\/span><br \/><span class=\"iiot-card-title\">Verbindung zwischen OT- und Cloud-Umgebungen<\/span><\/div><p class=\"iiot-card-text\">Bei der Cloud-Integration sollten kritische Systeme niemals direkt dem \u00f6ffentlichen Internet ausgesetzt werden. Wir setzen strenge Netzwerksegmentierung und Edge-Pufferung ein.<\/p><p><!-- Dynamic Visual Architecture Diagram --><\/p><div class=\"iiot-arch-diagram\"><p><!-- Layer 1: OT Environment --><\/p><div class=\"iiot-arch-layer layer-ot\"><div class=\"iiot-layer-label\">INDUSTRIELLES UMFELD (OT)<\/div><div class=\"iiot-nodes-row\"><div class=\"iiot-node-pill\"><br \/>Maschinen \/ SPSen<\/div><div class=\"iiot-node-pill\"><br \/>Sensoren<\/div><div class=\"iiot-node-pill\"><br \/>SCADA<\/div><div class=\"iiot-node-pill\"><br \/>Lokale Datenbank<\/div><\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><div class=\"iiot-gateway-box\"><br \/>Industrial Edge \/ Gateway<\/div><\/div><p><!-- Layer 2: Secure Transport Layer --><\/p><div class=\"iiot-arch-layer layer-transport\"><div class=\"iiot-layer-label\">SECURE TRANSPORT LAYER<\/div><div class=\"iiot-transport-badge\"><br \/>MQTT-SN \/ TLS 1.3 \/ Ausgehendes VPN<\/div><\/div><p><!-- Layer 3: IT Cloud Environment --><\/p><div class=\"iiot-arch-layer layer-cloud\"><div class=\"iiot-layer-label\">CLOUD-UMGEBUNG (IT)<\/div><div class=\"iiot-cloud-step\"><br \/>Cloud-Erfassungsschicht<\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><div class=\"iiot-cloud-step iiot-flow-highlight\"><br \/>Datenbank \/ Data Lake \/ Speicher<\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><p><!-- Fan-out Outputs --><\/p><div class=\"iiot-outputs-row\"><div class=\"iiot-output-pill\"><br \/>Webanwendungen f\u00fcr Unternehmen<\/div><div class=\"iiot-output-pill\"><br \/>Dashboards<\/div><div class=\"iiot-output-pill\"><br \/>KI-\/ML-Pipelines<\/div><\/div><\/div><\/div><p><!-- Key Summary Footer Banner --><\/p><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-badge\">LOKALE AUTONOMIE<\/div><div class=\"iiot-statement-text\">GPLG entwirft die gesamte Pipeline und legt dabei den Schwerpunkt auf lokale Edge-Autonomie, damit die Produktion auch bei einem Ausfall der Cloud-Verbindung unterbrechungsfrei weiterl\u00e4uft.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 20px;<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 18px;<br \/>\n  }<\/p>\n<p>  .iiot-card-header-inner {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    padding-bottom: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-card-badge {<br \/>\n    font-size: 0.72rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-title {<br \/>\n    font-size: 1rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-text {<br \/>\n    font-size: 0.88rem;<br \/>\n    line-height: 1.5;<br \/>\n    opacity: 0.85;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Architecture Diagram Container *\/<br \/>\n  .iiot-arch-diagram {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 12px;<br \/>\n    margin: 6px 0;<br \/>\n  }<\/p>\n<p>  .iiot-arch-layer {<br \/>\n    background-color: rgba(255, 255, 255, 0.02);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 16px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .iiot-layer-label {<br \/>\n    font-size: 0.7rem;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1px;<br \/>\n    opacity: 0.6;<br \/>\n    align-self: flex-start;<br \/>\n  }<\/p>\n<p>  \/* Nodes & Pills *\/<br \/>\n  .iiot-nodes-row, .iiot-outputs-row {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    gap: 10px;<br \/>\n    width: 100%;<br \/>\n  }<\/p>\n<p>  .iiot-node-pill, .iiot-output-pill {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 20px;<br \/>\n    padding: 6px 14px;<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 500;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-gateway-box {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 10px;<br \/>\n    background-color: rgba(255, 255, 255, 0.07);<br \/>\n    border: 1px dashed rgba(255, 255, 255, 0.3);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 10px 20px;<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Transport Layer *\/<br \/>\n  .layer-transport {<br \/>\n    background-color: rgba(13, 35, 58, 0.4);<br \/>\n    border-color: rgba(255, 255, 255, 0.2);<br \/>\n    padding: 12px 16px;<br \/>\n  }<\/p>\n<p>  .iiot-transport-badge {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background-color: rgba(13, 35, 58, 0.9);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  \/* Cloud Steps *\/<br \/>\n  .iiot-cloud-step {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 10px;<br \/>\n    width: 100%;<br \/>\n    max-width: 320px;<br \/>\n    justify-content: center;<br \/>\n    background-color: rgba(255, 255, 255, 0.04);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 500;<br \/>\n  }<\/p>\n<p>  .iiot-flow-highlight {<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    border-color: rgba(255, 255, 255, 0.35);<br \/>\n    color: #ffffff;<br \/>\n    font-weight: 600;<br \/>\n  }<\/p>\n<p>  .iiot-connector-arrow {<br \/>\n    font-size: 0.9rem;<br \/>\n    opacity: 0.5;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  \/* Key Principle \/ Footer Banner *\/<br \/>\n  .iiot-statement-banner {<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 16px 20px;<br \/>\n    text-align: center;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 6px;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-statement-badge {<br \/>\n    font-size: 0.72rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 0.92rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.5;<br \/>\n  }<\/p>\n<p>  @media (max-width: 600px) {<br \/>\n    .iiot-nodes-row, .iiot-outputs-row {<br \/>\n      flex-direction: column;<br \/>\n      align-items: stretch;<br \/>\n    }<br \/>\n    .iiot-node-pill, .iiot-output-pill {<br \/>\n      justify-content: center;<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-dbeafb8 e-con e-atomic-element e-flexbox-base e-e351c25\" data-id=\"dbeafb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dbeafb8\">\n    \t\t<div class=\"elementor-element elementor-element-7bab564 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"7bab564\" 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_7bab564 {\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_7bab564 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_7bab564 .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_7bab564 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7bab564 .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_7bab564:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_7bab564:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7bab564:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7bab564: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_7bab564\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CLOUD-INTEGRATIONSARCHITEKTUR<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">GRUNDLAGEN DER KONSTRUKTION<\/span>\n          <span class=\"iiot-card-title\">Entwicklung mit Blick auf Sicherheit, Bandbreite und Zuverl\u00e4ssigkeit<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Die Anbindung von OT-Systemen an die Cloud erfordert eine explizite Kontrolle \u00fcber Dateninhalte und Netzwerkprotokolle. Unsere hybride Architektur gew\u00e4hrleistet einen hohen Durchsatz, eine ausfallsichere \u00dcbertragung und keine Abstriche bei der Perimeter-Sicherheit.\n        <\/p>\n\n        <!-- 10 Pillars Grid -->\n        <div class=\"iiot-pillars-grid\">\n          \n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                  <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Netzwerksegmentierung<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Durchsetzung einer industriellen DMZ und verschl\u00fcsselte Tunnel, die ausschlie\u00dflich f\u00fcr den ausgehenden Datenverkehr bestimmt sind, um Angriffsvektoren aus dem eingehenden Datenverkehr zu beseitigen.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Optimierung von Bandbreite und Nutzdaten<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Leichte Serialisierungsprotokolle (MQTT, Protobuf, JSON), die darauf optimiert sind, den Overhead bei Mobilfunk- und WAN-Verbindungen zu minimieren.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                  <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n                  <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Kantenpufferung<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">\u201eStore-and-Forward\u201c-Edge-Persistenz, die sicherstellt, dass bei Netzwerkausf\u00e4llen oder instabilen Verbindungen keinerlei Datenverlust auftritt.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"><\/polygon>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Filterung und Aggregation<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Vorverarbeitung der Edge-Telemetriedaten zur Aggregation von Wert\u00e4nderungen (Report-by-Exception) vor der \u00dcbertragung in die Cloud.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                  <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Latenz und Echtzeitanforderungen<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Deterministische Priorisierung kritischer Alarm-Frames gegen\u00fcber dem Massenverkehr historischer Protokollierungsdaten.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">End-to-End-Verschl\u00fcsselung<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Obligatorische Verschl\u00fcsselung nach dem TLS 1.3-Protokoll f\u00fcr alle Daten w\u00e4hrend der \u00dcbertragung und AES-256 f\u00fcr gespeicherte Daten.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Authentifizierung und Token-Verwaltung<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">X.509-Zertifikat-basierte Ger\u00e4teidentit\u00e4tspr\u00fcfung mit automatischer Schl\u00fcsselrotation und Token-Lebenszyklusmanagement.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Skalierbare Erfassungspipelines<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Event-Streaming-Broker mit hohem Durchsatz, die sich bei Hinzuf\u00fcgung weiterer Standorte dynamisch skalieren lassen.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                  <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                  <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Cloud-Speicher-Tiering<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Automatisierte Lebenszyklusrichtlinien, die h\u00e4ufig genutzte Zeitreihenmetriken an schnelle Speicher und selten genutzte Protokolle an kosteng\u00fcnstige Archive weiterleiten.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1\"><\/path>\n                  <path d=\"M18 8l4 4-4 4\"><\/path>\n                  <path d=\"M22 12H9\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Ausfallsicherung und Redundanz<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Redundante Pfade mit zwei Gateways, automatischer Heartbeat-Erkennung und automatischer Verbindungsumschaltung.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Key Principle Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">SYSTEMINTEGRIT\u00c4T<\/div>\n          <div class=\"iiot-statement-text\">\n            GPLG entwickelt Integrationspipelines, bei denen Sicherheit, Netzwerkeffizienz und Betriebsstabilit\u00e4t in jede Interaktion zwischen Hardware und Cloud integriert sind.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* 10-Pillars Grid *\/\n  .iiot-pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-top: 4px;\n  }\n\n  .iiot-pillar-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 14px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-pillar-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-pillar-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-pillar-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-pillar-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Key Principle Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 16px 20px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.92rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 768px) {\n    .iiot-pillars-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-520bab0 e-con e-atomic-element e-flexbox-base e-9a97f36\" data-id=\"520bab0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"520bab0\">\n    \t\t<div class=\"elementor-element elementor-element-63c98fe ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"63c98fe\" 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_63c98fe {\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_63c98fe .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_63c98fe .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_63c98fe .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_63c98fe .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_63c98fe:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_63c98fe:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_63c98fe:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_63c98fe: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_63c98fe\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CLOUD-PLATTFORMEN<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">UMSETZUNGSM\u00d6GLICHKEITEN<\/span>\n          <span class=\"iiot-card-title\">Unternehmensl\u00f6sungen und skalierbare Cloud-L\u00f6sungen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG arbeitet mit f\u00fchrenden Cloud-Anbietern und hybriden Infrastrukturen zusammen, die speziell f\u00fcr anspruchsvolle industrielle Architekturen entwickelt wurden.\n        <\/p>\n\n        <!-- 3-Column Platforms Grid -->\n        <div class=\"iiot-platforms-grid\">\n          \n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Microsoft Azure<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Eine branchen\u00fcbliche Plattform f\u00fcr Fertigungsumgebungen in Unternehmen, die Azure IoT Hub, SQL Managed Instances und eine native Integration mit industriellen Software-Stacks bietet.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n                  <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Amazon Web Services (AWS)<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Skalierbare Cloud-Plattform, die AWS IoT Core, verwaltete Datenbanken und Cloud-Rechenkapazit\u00e4ten f\u00fcr Betriebsdaten mit hohem Durchsatz nutzt.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                  <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                  <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Hybrid- und Private Cloud<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Ma\u00dfgeschneiderte Architekturen, die lokale Cloud-Server vor Ort (Docker\/Kubernetes) mit \u00f6ffentlichen Cloud-Diensten kombinieren, um strenge Vorschriften zur Datenlokalisierung einzuhalten.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Footnote \/ Note Box -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">HINWEIS ZUR UMSETZUNG<\/div>\n          <div class=\"iiot-statement-text\">\n            Die Dokumentation zu speziellen Cloud-Anbietern wird separat behandelt; hier legen wir unsere zentralen Implementierungsm\u00f6glichkeiten f\u00fcr \u00f6ffentliche, private und containerisierte Bereitstellungen dar.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* 3-Column Platforms Grid *\/\n  .iiot-platforms-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-platform-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-platform-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-platform-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-platform-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-platform-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 14px 18px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-platforms-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-bef30af e-con e-atomic-element e-flexbox-base e-7098969\" data-id=\"bef30af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bef30af\">\n    \t\t<div class=\"elementor-element elementor-element-5bd00f9 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"5bd00f9\" 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_5bd00f9 {\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_5bd00f9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9 .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_5bd00f9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9 .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_5bd00f9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_5bd00f9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9: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_5bd00f9\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>DATENPIPELINES VOM EDGE ZUR CLOUD<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">HYBRIDE INTELLIGENZ<\/span>\n          <span class=\"iiot-card-title\">Lokale Intelligenz mit Cloud-Skala<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Edge-Ger\u00e4te \u00fcbernehmen die sofortige Verarbeitung, die Protokollumwandlung und die lokale Pufferung und senden saubere, strukturierte Nutzdaten an die Cloud-Plattform.\n        <\/p>\n\n        <!-- Pipeline Diagram (Horizontal Flow with Interspersed Boxes) -->\n        <div class=\"iiot-pipeline-container\">\n          \n          <!-- Step 1: Field Equipment -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                <path d=\"M12 12h.01\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Feldausr\u00fcstung<\/span>\n              <span class=\"iiot-box-desc\">SPS, Sensoren und Industriemaschinen<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 2: Protocol Conversion -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"16 3 21 3 21 8\"><\/polyline>\n                <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\n                <polyline points=\"8 21 3 21 3 16\"><\/polyline>\n                <line x1=\"14\" y1=\"10\" x2=\"3\" y2=\"21\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Protokollkonvertierung<\/span>\n              <span class=\"iiot-box-desc\">Modbus \/ OPC UA \u2192 MQTT<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 3: Local Edge Data Filtering -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"><\/polygon>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Datenfilterung<\/span>\n              <span class=\"iiot-box-desc\">Rauschunterdr\u00fcckung und Vorabpr\u00fcfung auf Anomalien<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 4: On-Device Security & Encryption -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Sicherheit auf dem Ger\u00e4t<\/span>\n              <span class=\"iiot-box-desc\">Absicherung der Nutzdaten auf Hardware-Ebene<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 5: Store-and-Forward -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n                <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Store-and-Forward<\/span>\n              <span class=\"iiot-box-desc\">Persistenz des lokalen Offline-Puffers<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 6: Outbound Transport -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\n                <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Ausgehender Transport<\/span>\n              <span class=\"iiot-box-desc\">Verschl\u00fcsselte HTTPS-\/MQTT-Nutzdaten<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 7: Cloud Storage Engine -->\n          <div class=\"iiot-pipeline-box iiot-flow-highlight\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Cloud-Speicher-Engine<\/span>\n              <span class=\"iiot-box-desc\">Datenerfassung und -analyse in Unternehmen<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Footnote \/ Guarantee Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">BETRIEBSGARANTIE<\/div>\n          <div class=\"iiot-statement-text\">\n            Diese Architektur gew\u00e4hrleistet, dass bei Unterbrechungen der Cloud-Verbindung keinerlei Datenverlust auftritt, und reduziert unn\u00f6tige Kosten f\u00fcr die Dateneingabe in die Cloud erheblich.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Pipeline Diagram (Horizontal Row Layout) *\/\n  .iiot-pipeline-container {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    gap: 8px;\n    padding: 10px 0;\n    margin: 6px 0;\n    scroll-behavior: smooth;\n  }\n\n  .iiot-pipeline-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 12px 14px;\n    flex-shrink: 0;\n    min-width: 200px;\n    max-width: 220px;\n  }\n\n  .iiot-box-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-box-content {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-box-desc {\n    font-size: 0.72rem;\n    opacity: 0.7;\n    line-height: 1.3;\n  }\n\n  .iiot-connector-arrow {\n    font-size: 1.1rem;\n    opacity: 0.5;\n    flex-shrink: 0;\n    padding: 0 2px;\n  }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n    color: #ffffff;\n  }\n\n  \/* Guarantee Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 14px 18px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\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-7c5052d e-con e-atomic-element e-flexbox-base e-231fdb3\" data-id=\"7c5052d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c5052d\">\n    \t\t<div class=\"elementor-element elementor-element-77854e3 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"77854e3\" 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_77854e3 {\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_77854e3 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_77854e3 .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_77854e3 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_77854e3 .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_77854e3:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_77854e3:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_77854e3:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_77854e3: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_77854e3\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SICHERER INDUSTRIETRANSPORT<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">OT CLOUD COMMUNICATION<\/span>\n          <span class=\"iiot-card-title\">Auf die industrielle Integration zugeschnittene Protokolle<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Die Wahl des richtigen Kommunikationsprotokolls ist unerl\u00e4sslich, um Netzwerk-Overhead zu vermeiden und die strukturelle Integrit\u00e4t \u00fcber alle Betriebsumgebungen hinweg zu gew\u00e4hrleisten.\n        <\/p>\n\n        <!-- 3-Card Grid for Protocols -->\n        <div class=\"iiot-platforms-grid\">\n          \n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">MQTT \/ MQTTS<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Ein leichtgewichtiges Publish\/Subscribe-Protokoll, das sich ideal f\u00fcr bandbreiteneffiziente Maschinentelemetrie und instabile Verbindungen eignet.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                  <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                  <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">REST-APIs \/ HTTPS<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Sichere Request-Response-Integrationen, die f\u00fcr Transaktionsdaten zwischen Anwendungen und der Cloud sowie f\u00fcr die Abfrage von Konfigurationsdaten optimiert sind.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                  <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">OPC UA PubSub<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Standardisiertes industrielles Kommunikationsprofil, das f\u00fcr skalierbares Cloud-Telemetrie-Streaming mit hohem Durchsatz entwickelt wurde.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Horizontal Sequential Flow Diagram -->\n        <div class=\"iiot-pipeline-container\">\n          \n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">SPS \/ SCADA<\/span>\n              <span class=\"iiot-box-desc\">Quellsysteme<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Edge-Gateway<\/span>\n              <span class=\"iiot-box-desc\">Puffer &amp; \u00dcbersetzung<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">TLS-Tunnel<\/span>\n              <span class=\"iiot-box-desc\">Verschl\u00fcsselter Datenverkehr<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box iiot-flow-highlight\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Cloud-Ingest-API<\/span>\n              <span class=\"iiot-box-desc\">Unternehmensspeicher<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Note Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">GRUNDSATZ F\u00dcR DIE PROTOKOLLWAHL<\/div>\n          <div class=\"iiot-statement-text\">\n            Die Wahl des Protokolls h\u00e4ngt direkt vom Datenvolumen, der Netzwerkverf\u00fcgbarkeit und den F\u00e4higkeiten des Zielsystems ab.\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Platforms Grid *\/\n  .iiot-platforms-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-platform-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-platform-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-platform-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-platform-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-platform-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Horizontal Pipeline Container *\/\n  .iiot-pipeline-container {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    gap: 8px;\n    padding: 10px 0;\n    margin: 6px 0;\n    scroll-behavior: smooth;\n  }\n\n  .iiot-pipeline-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 12px 14px;\n    flex-shrink: 0;\n    min-width: 190px;\n    max-width: 210px;\n  }\n\n  .iiot-box-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-box-content {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-box-desc {\n    font-size: 0.72rem;\n    opacity: 0.7;\n    line-height: 1.3;\n  }\n\n  .iiot-connector-arrow {\n    font-size: 1.1rem;\n    opacity: 0.5;\n    flex-shrink: 0;\n    padding: 0 2px;\n  }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n    color: #ffffff;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 14px 18px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-platforms-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b117959 e-con e-atomic-element e-flexbox-base e-bcaabd0\" data-id=\"b117959\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b117959\">\n    \t\t<div class=\"elementor-element elementor-element-01e638d ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"01e638d\" 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_01e638d {\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_01e638d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_01e638d .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_01e638d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_01e638d .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_01e638d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_01e638d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_01e638d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_01e638d: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_01e638d\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>HYBRIDARCHITEKTUR &amp; SCADA<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Hybrid Data Management -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">DATENSTRATEGIE<\/span>\n            <span class=\"iiot-card-title\">Hybrides Datenmanagement<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Nicht alle Daten geh\u00f6ren in die Cloud. GPLG entwickelt hybride Datenstrategien, bei denen kritische Echtzeit-Datenbanken direkt in der Produktion verbleiben, w\u00e4hrend historische Datens\u00e4tze auf Cloud-Plattformen repliziert werden.\n          <\/p>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Kritische Maschinensteuerungen und das Fast-Loop-SCADA-System bleiben weiterhin vor Ort unter der Bezeichnung 100%.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Produktionsprotokolle, historische Trends und Zusammenfassungsberichte werden automatisch in die Cloud synchronisiert.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Erm\u00f6glicht eine zentralisierte Transparenz im gesamten Unternehmen, ohne dass die Verf\u00fcgbarkeit der Anlagen von Internetverbindungen abh\u00e4ngig ist.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">ZUVERL\u00c4SSIGKEIT VOR ORT<\/div>\n            <div class=\"iiot-statement-text\">\n              Resilienz vor Ort gepaart mit der Flexibilit\u00e4t der Cloud.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud + SCADA -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">09 \u2014 CLOUD + SCADA<\/span>\n            <span class=\"iiot-card-title\">Zentrale \u00dcberwachung und Fernzugriff auf Dashboards<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Erweiterung der SCADA-Funktionalit\u00e4t auf standort\u00fcbergreifende Betriebsabl\u00e4ufe oder die Fern\u00fcberwachung durch F\u00fchrungskr\u00e4fte mithilfe von Cloud-Web-Technologien.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Anlagen-SPSen<\/span>\n              <span class=\"iiot-flow-sub\">Industriesteuerungen<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Lokales SCADA-System<\/span>\n              <span class=\"iiot-flow-sub\">Anlagen\u00fcberwachung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Edge-Gateway<\/span>\n              <span class=\"iiot-flow-sub\">Puffer &amp; \u00dcbersetzung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Gateway<\/span>\n              <span class=\"iiot-flow-sub\">Sicherer Transport<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Zentrales Web-Dashboard \/ Mobile Apps<\/span>\n              <span class=\"iiot-flow-sub\">Aufsicht durch die Gesch\u00e4ftsleitung<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">SICHERHEITSISOLIERUNG<\/div>\n            <div class=\"iiot-statement-text\">\n              GPLG stellt sicher, dass der Fernzugriff auf das SCADA-System auf sicheren, schreibgesch\u00fctzten Cloud-Feeds basiert, wobei die Steuerungsmechanismen streng auf das lokale Werksnetzwerk beschr\u00e4nkt bleiben.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side-by-Side Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-split-box {\n    justify-content: space-between;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 4px 0;\n  }\n\n  .iiot-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px 12px;\n    font-size: 0.84rem;\n    line-height: 1.45;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 6px;\n    flex-shrink: 0;\n  }\n\n  \/* Vertical Flow for SCADA *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-side-by-side-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ac2c948 e-con e-atomic-element e-flexbox-base e-78fe110\" data-id=\"ac2c948\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ac2c948\">\n    \t\t<div class=\"elementor-element elementor-element-afb33fe ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"afb33fe\" 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_afb33fe {\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_afb33fe .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_afb33fe .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_afb33fe .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_afb33fe .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_afb33fe:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_afb33fe:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_afb33fe:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_afb33fe: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_afb33fe\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CLOUD + INDUSTRIESOFTWARE &amp; IoT<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Cloud + Industrial Software -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">SAAS &amp; WEB-INFRASTRUKTUR<\/span>\n            <span class=\"iiot-card-title\">Cloud + Industrielle Software<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Ma\u00dfgeschneiderte Webportale, Kunden-Dashboards und Betriebssoftware, die sicher in skalierbaren Cloud-Umgebungen gehostet werden.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Industrielle Anwendung<\/span>\n              <span class=\"iiot-flow-sub\">Benutzerinteraktion<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-API-Gateway<\/span>\n              <span class=\"iiot-flow-sub\">Sicherer Einstiegspunkt<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Anwendungsserver<\/span>\n              <span class=\"iiot-flow-sub\">Verarbeitung der Gesch\u00e4ftslogik<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Verwaltete Cloud-Datenbank<\/span>\n              <span class=\"iiot-flow-sub\">Dauerhafter Speicher<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">SKALIERBARKEIT &amp; ZUGRIFF<\/div>\n            <div class=\"iiot-statement-text\">\n              Cloud-Hosting erm\u00f6glicht es, Anwendungen dynamisch zu skalieren, Mitarbeitern Fernzugriff zu gew\u00e4hren und eine hohe Verf\u00fcgbarkeit ohne lokale Server zu gew\u00e4hrleisten.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud + Industrial IoT -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">VERWALTUNG DES GER\u00c4TEPARKS<\/span>\n            <span class=\"iiot-card-title\">Cloud + industrielles Internet der Dinge<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Skalierung von Industrial-IoT-Implementierungen \u00fcber mehrere Produktionslinien, Standorte oder Kundenstandorte hinweg mittels zentralisiertem Cloud-Management.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">IoT-Sensoren \/ Edge-Knoten<\/span>\n              <span class=\"iiot-flow-sub\">Datengenerierung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Edge-Gateways<\/span>\n              <span class=\"iiot-flow-sub\">Aggregation und Pufferung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Ger\u00e4teregister<\/span>\n              <span class=\"iiot-flow-sub\">Authentifizierung und Status<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Zentralisierte IoT-Plattform<\/span>\n              <span class=\"iiot-flow-sub\">Weltweite Telemetrie\u00fcberwachung<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">FLOTTENMANAGEMENT<\/div>\n            <div class=\"iiot-statement-text\">\n              Cloud-IoT-Plattformen erm\u00f6glichen nahtlose OTA-Updates, Fern\u00fcberpr\u00fcfungen des Ger\u00e4tezustands und eine optimierte Bereitstellung globaler Ger\u00e4teflotten.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side-by-Side Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-split-box {\n    justify-content: space-between;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-side-by-side-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fd1371e e-con e-atomic-element e-flexbox-base e-d8f82c7\" data-id=\"fd1371e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd1371e\">\n    \t\t<div class=\"elementor-element elementor-element-2abdf4c ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"2abdf4c\" 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_2abdf4c {\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_2abdf4c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c .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_2abdf4c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c .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_2abdf4c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_2abdf4c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c: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_2abdf4c\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CLOUD + KI &amp; DATENLAGERUNG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Cloud + AI & Machine Learning -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">HIGH-PERFORMANCE-COMPUTING<\/span>\n            <span class=\"iiot-card-title\">Cloud + KI &amp; maschinelles Lernen<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Die Cloud-Infrastruktur stellt die enorme Rechenleistung bereit, die f\u00fcr das Training von KI-Modellen anhand umfangreicher historischer Betriebsdatens\u00e4tze erforderlich ist.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Historische Industriedaten<\/span>\n              <span class=\"iiot-flow-sub\">Unverarbeitete Betriebsprotokolle<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Data-Lake<\/span>\n              <span class=\"iiot-flow-sub\">Zentrale Speicherung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-GPU \/ Modelltraining<\/span>\n              <span class=\"iiot-flow-sub\">Skalierung bei hoher Rechenlast<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Optimierte Modellbereitstellung<\/span>\n              <span class=\"iiot-flow-sub\">Modellverpackung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Edge-Inferenz \/ Analytik<\/span>\n              <span class=\"iiot-flow-sub\">Echtzeitausf\u00fchrung<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">EINF\u00dcHRUNG VON KI<\/div>\n            <div class=\"iiot-statement-text\">\n              Trainieren Sie komplexe Algorithmen in der Cloud und stellen Sie optimierte Inferenzergebnisse wieder in der lokalen Edge-Software der Fabrik oder in Cloud-Dashboards bereit.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Data Lakes & Warehousing -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">UNTERNEHMENS-REPOSITORY<\/span>\n            <span class=\"iiot-card-title\">Data Lakes und Data Warehousing<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Konsolidierung unternehmensweiter Rohdaten aus der Fertigung zur langfristigen Speicherung, f\u00fcr detaillierte Auswertungen und zur Erf\u00fcllung gesetzlicher Pr\u00fcfungsanforderungen.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Datenquellen aus mehreren Werken<\/span>\n              <span class=\"iiot-flow-sub\">MySQL, SQL Server, Sensoren<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Sicheres Unternehmens-Gateway<\/span>\n              <span class=\"iiot-flow-sub\">Verschl\u00fcsselte Eingabestr\u00f6me<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Data-Lake \/ Speicher<\/span>\n              <span class=\"iiot-flow-sub\">Langzeitlagerung im K\u00fchlhaus<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Unternehmensberichterstattung \/ PowerBI<\/span>\n              <span class=\"iiot-flow-sub\">Analysen f\u00fcr F\u00fchrungskr\u00e4fte<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">LANGFRISTIGE EINHALTUNG DER VORSCHRIFTEN<\/div>\n            <div class=\"iiot-statement-text\">\n              Strukturierte und unstrukturierte Betriebsdaten werden \u00fcber Jahre hinweg sicher gespeichert \u2013 dank kosteneffizienter Aufbewahrungs- und Langzeitarchivierungsrichtlinien.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side-by-Side Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-split-box {\n    justify-content: space-between;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-side-by-side-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3902e6d e-con e-atomic-element e-flexbox-base e-0839de5\" data-id=\"3902e6d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3902e6d\">\n    \t\t<div class=\"elementor-element elementor-element-f1c19ef ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f1c19ef\" 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_f1c19ef {\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_f1c19ef .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef .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_f1c19ef .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef .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_f1c19ef:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f1c19ef:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef: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_f1c19ef\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SICHERHEIT UND KONTAINERISIERTE INFRASTRUKTUR<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Security & Industrial DMZ -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">ZERO-TRUST-OT-ARCHITEKTUR<\/span>\n            <span class=\"iiot-card-title\">Sicherheit &amp; industrielle DMZ<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Die Sicherung der Verbindung zwischen Fabriknetzwerken und Cloud-Umgebungen ist f\u00fcr einen sicheren Industriebetrieb unverzichtbar.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">OT-Netzwerk<\/span>\n              <span class=\"iiot-flow-sub\">SPS und Maschinen<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Industrielles DMZ-Gateway<\/span>\n              <span class=\"iiot-flow-sub\">Firewall-Isolierung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Verschl\u00fcsselter ausgehender Tunnel<\/span>\n              <span class=\"iiot-flow-sub\">TLS-\/VPN-Transit<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Cloud-Dienste<\/span>\n              <span class=\"iiot-flow-sub\">Sichere Erfassung<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Keine offenen Eingangsports:<\/strong> Verbindungen, die ausschlie\u00dflich vom lokalen Werksnetzwerk aus initiiert wurden.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Netzwerksegmentierung:<\/strong> Physische und logische Trennung zwischen industriellen Steuerungsnetzwerken und dem Unternehmens-WAN.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">ZERO-TRUST-PRINZIP<\/div>\n            <div class=\"iiot-statement-text\">\n              Token-Authentifizierung, Zertifikate und strenge Zugriffsrechteverwaltung f\u00fcr jedes angeschlossene Ger\u00e4t.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud Infrastructure & Containerization -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">MODERNE DEPLOYMENT-STACKS<\/span>\n            <span class=\"iiot-card-title\">Cloud-Infrastruktur und Containerisierung<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Der Einsatz moderner Deployment-Stacks gew\u00e4hrleistet reibungslose und zuverl\u00e4ssige \u00dcberg\u00e4nge zwischen lokalen Edge-Servern und \u00f6ffentlichen Cloud-Umgebungen.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Anwendungscode<\/span>\n              <span class=\"iiot-flow-sub\">Quellcode<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Docker-Container-Pakete<\/span>\n              <span class=\"iiot-flow-sub\">Isolierte Laufzeit<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Cloud-Server \/ Kubernetes<\/span>\n              <span class=\"iiot-flow-sub\">Orchestrierung und Skalierung<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">Skalierbare Betriebsdienstleistungen<\/span>\n              <span class=\"iiot-flow-sub\">Unternehmensproduktion<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Dank der Containerisierung lassen sich identische Anwendungsumgebungen nahtlos auf einem lokalen Edge-Server vor Ort oder in Microsoft Azure bzw. AWS ausf\u00fchren.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">FLEXIBLE EINSATZM\u00d6GLICHKEITEN<\/div>\n            <div class=\"iiot-statement-text\">\n              Beseitigen Sie Abweichungen zwischen den lokalen Testumgebungen und den Cloud-Produktionsarchitekturen.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side-by-Side Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-split-box {\n    justify-content: space-between;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 2px 0;\n  }\n\n  .iiot-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-side-by-side-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2227c36 e-con e-atomic-element e-flexbox-base e-5d8f003\" data-id=\"2227c36\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2227c36\">\n    \t\t<div class=\"elementor-element elementor-element-ecc770c ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"ecc770c\" 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_ecc770c {\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_ecc770c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_ecc770c .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_ecc770c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ecc770c .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_ecc770c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_ecc770c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ecc770c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ecc770c: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_ecc770c\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ZUVERL\u00c4SSIGKEIT, NOTFALLWIEDERHERSTELLUNG UND IMPLEMENTIERUNG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Reliability & Disaster Recovery -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">KONTINUIT\u00c4T UND HOHE VERF\u00dcGBARKEIT<\/span>\n            <span class=\"iiot-card-title\">Zuverl\u00e4ssigkeit und Notfallwiederherstellung<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Die Cloud-Integration muss die Ausfallsicherheit der Systeme erh\u00f6hen, anstatt Schwachstellen in den industriellen Betriebsabl\u00e4ufen zu schaffen.\n          <\/p>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Store-and-Forward:<\/strong> Die lokale Edge-Festplattenpufferung speichert Betriebsprotokolle, falls die Internetverbindung ausf\u00e4llt, und f\u00fchrt bei Wiederherstellung eine automatische Synchronisierung durch.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Automatisierte Cloud-Backups:<\/strong> Snapshot-Strategien und georedundante Datenbank-Backups \u00fcber Cloud-Zonen hinweg.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Schnelle Serverwiederherstellung:<\/strong> \u201eInfrastructure-as-Code\u201c erm\u00f6glicht es, Cloud-Umgebungen in Notfallszenarien innerhalb weniger Minuten neu bereitzustellen.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">GRUNDPRINZIP<\/div>\n            <div class=\"iiot-statement-text\">\n              Eine zeitweise unterbrochene Verbindung darf niemals zu einem Produktionsstillstand f\u00fchren oder den Verlust auch nur eines einzigen Bytes an wichtigen Betriebsdaten zur Folge haben.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud Integration Implementation -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">TECHNISCHE ROADMAP<\/span>\n            <span class=\"iiot-card-title\">Implementierung der Cloud-Integration<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Ein strukturierter 7-stufiger Entwicklungsprozess, der Projekte von der Netzwerkanalyse bis zur aktiven, \u00fcberwachten Cloud-Bereitstellung begleitet.\n          <\/p>\n\n          <!-- Compact Vertical Flow \/ Steps -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">01 \u2014 Netzwerk- und Anlagenpr\u00fcfung<\/span>\n              <span class=\"iiot-flow-sub\">Infrastruktur und Ziele<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">02 \u2013 Architektur und Sicherheit<\/span>\n              <span class=\"iiot-flow-sub\">DMZ und Verschl\u00fcsselungskonzeption<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">03 \u2014 Auswahl der Plattform<\/span>\n              <span class=\"iiot-flow-sub\">Cloud-Hosts und Datenbanktypen<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">04 \u2013 Edge &amp; Ingestion<\/span>\n              <span class=\"iiot-flow-sub\">Gateways und MQTT-Pipelines<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">05 \u2013 Cloud-Datenbank und API<\/span>\n              <span class=\"iiot-flow-sub\">Schemas und Dienste<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">06 \u2013 Sicherheit und Tests<\/span>\n              <span class=\"iiot-flow-sub\">Failover- und Penetrationstests<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n              <span class=\"iiot-flow-title\">07 \u2013 Bereitstellung und \u00dcberwachung<\/span>\n              <span class=\"iiot-flow-sub\">Live-Pipelines und Statuswarnungen<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">STRUKTURIERTE AUSF\u00dcHRUNG<\/div>\n            <div class=\"iiot-statement-text\">\n              Gew\u00e4hrleistung vollst\u00e4ndiger Transparenz, Sicherheits\u00fcberpr\u00fcfung und Betriebsstabilit\u00e4t in jeder Phase.\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side-by-Side Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-split-box {\n    justify-content: space-between;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 2px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.7rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 2px 0;\n  }\n\n  .iiot-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-side-by-side-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-064d375 e-con e-atomic-element e-flexbox-base e-c46744f\" data-id=\"064d375\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"064d375\">\n    \t\t<div class=\"elementor-element elementor-element-ae957ba ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"ae957ba\" 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_ae957ba {\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_ae957ba .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_ae957ba .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_ae957ba .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ae957ba .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_ae957ba:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_ae957ba:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ae957ba:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ae957ba: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_ae957ba\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>TECHNOLOGIEN UND INDUSTRIELLE ANWENDUNGEN<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <div class=\"iiot-stack-container\">\n\n      <!-- Section 1: Cloud & Integration Technologies -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">TECHNOLOGIE-STACK<\/span>\n          <span class=\"iiot-card-title\">Cloud- und Integrationstechnologien, mit denen wir arbeiten<\/span>\n        <\/div>\n\n        <div class=\"iiot-tech-categories\">\n          <!-- Cloud Platforms -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Cloud-Plattformen<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">Microsoft Azure<\/span>\n              <span class=\"iiot-badge\">AWS<\/span>\n              <span class=\"iiot-badge\">Docker \/ Linux<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Development & Services -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Entwicklung<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">C#<\/span>\n              <span class=\"iiot-badge\">Python<\/span>\n              <span class=\"iiot-badge\">.NET<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Protocols & Integration -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Protokolle<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">REST-APIs<\/span>\n              <span class=\"iiot-badge\">MQTT<\/span>\n              <span class=\"iiot-badge\">OPC UA<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Data & Analytics -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Daten &amp; Analytik<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">SQL Server<\/span>\n              <span class=\"iiot-badge\">MySQL<\/span>\n              <span class=\"iiot-badge\">PostgreSQL<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: Where Cloud Integration Adds Value (Six-Card Layout) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">WERTVERSCHLAG<\/span>\n          <span class=\"iiot-card-title\">Wo Cloud-Integration einen Mehrwert schafft<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Standort\u00fcbergreifende \u00dcberwachung<\/span>\n            <span class=\"iiot-mini-text\">Zentralisierte Betriebs-Dashboards f\u00fcr geografisch getrennte Produktionsst\u00e4tten.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Fernverwaltung von Fahrzeugflotten<\/span>\n            <span class=\"iiot-mini-text\">OEM-Management und Fern\u00fcberwachung f\u00fcr dezentrale Anlagen.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Unternehmensberichterstattung und ERP<\/span>\n            <span class=\"iiot-mini-text\">Anbindung von Werksdatenbanken an Cloud-ERP- und Unternehmensmanagement-Software.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Vorausschauende Instandhaltung in der Cloud<\/span>\n            <span class=\"iiot-mini-text\">Telemetriedaten aus verschiedenen Anlagentypen b\u00fcndeln und an KI-Modelle in der Cloud \u00fcbermitteln, um den Zustand der Anlagen vorherzusagen.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Software-Updates per Fernzugriff<\/span>\n            <span class=\"iiot-mini-text\">Zentralisierte Bereitstellung und Aktualisierung von industriellen Container-Anwendungen in Edge-Flotten.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Langfristige Unternehmensarchivierung<\/span>\n            <span class=\"iiot-mini-text\">Skalierbare, langfristig angelegte Data Lakes f\u00fcr Compliance, Qualit\u00e4tsr\u00fcckverfolgung und historische Aufzeichnungen.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-stack-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* Technology Strip Styling *\/\n  .iiot-tech-categories {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-tech-group {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-tech-group-label {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.6;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .iiot-tech-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n\n  .iiot-badge {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    padding: 4px 8px;\n    font-size: 0.76rem;\n    font-weight: 500;\n    color: #ffffff;\n  }\n\n  \/* Six-Card Grid Layout *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-tech-categories {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .iiot-tech-categories,\n    .iiot-six-card-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-750561d e-con e-atomic-element e-flexbox-base e-bdfe98a\" data-id=\"750561d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"750561d\">\n    \t\t<div class=\"elementor-element elementor-element-55a075d ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"55a075d\" 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_55a075d {\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_55a075d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_55a075d .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_55a075d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_55a075d .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_55a075d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_55a075d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_55a075d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_55a075d: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_55a075d\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>DER TECHNISCHE ANSATZ VON GPLG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Single-Column Structured Layout for Engineering Approach -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">BETRIEBLICHE REALIT\u00c4T &amp; CLOUD-LEISTUNG<\/span>\n          <span class=\"iiot-card-title\">Auf der betrieblichen Realit\u00e4t aufbauend, skalierbar dank Cloud-Leistung<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG betrachtet die Cloud-Integration aus der Perspektive des Wirtschaftsingenieurwesens. Wir legen gr\u00f6\u00dften Wert auf die Betriebsverf\u00fcgbarkeit der OT-Systeme, die Netzwerksicherheit und die Prozessintegrit\u00e4t.\n        <\/p>\n\n        <!-- Vertical Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Ausstattung<\/span>\n            <span class=\"iiot-flow-sub\">Anlagenmaschinen und SPSen<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Automatisierung \/ SCADA<\/span>\n            <span class=\"iiot-flow-sub\">Lokale Pflanzenschutzma\u00dfnahmen<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Sicheres Edge-Gateway<\/span>\n            <span class=\"iiot-flow-sub\">Pufferung und \u00dcbersetzung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Verschl\u00fcsselte \u00dcbertragung<\/span>\n            <span class=\"iiot-flow-sub\">TLS \/ Ausgehende Tunnel<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Cloud-Plattform<\/span>\n            <span class=\"iiot-flow-sub\">Speicher &amp; Rechenleistung<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">Unternehmensanwendungen<\/span>\n            <span class=\"iiot-flow-sub\">Dashboards und Analysen<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">GRUNDPRINZIP<\/div>\n          <div class=\"iiot-statement-text\">\n            Wir verbinden nicht einfach nur Ger\u00e4te mit der Cloud. Wir entwickeln sichere, hochverf\u00fcgbare Datenkan\u00e4le, die genau auf die Gegebenheiten des Fabrikbetriebs zugeschnitten sind.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n<\/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-3ce2d10 e-con e-atomic-element e-flexbox-base e-5a80df9\" data-id=\"3ce2d10\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3ce2d10\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-6ac1d84\" 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-6ac1d84 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=\"6ac1d84\" 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-b891226 e-con-full e-flex e-con e-child\" data-id=\"b891226\" 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-777cd58 elementor-widget elementor-widget-heading\" data-id=\"777cd58\" 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\">Erweitern Sie Ihre industriellen Abl\u00e4ufe auf die Cloud<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7795f19 elementor-widget elementor-widget-text-editor\" data-id=\"7795f19\" 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 Produktionsdaten aus mehreren Standorten zusammenf\u00fchren, eine Fern\u00fcberwachung f\u00fcr Ihren Fuhrpark einrichten oder eine sichere Hybrid-Cloud-Architektur aufbauen m\u00f6chten \u2013 GPLG entwirft und implementiert L\u00f6sungen, die genau auf Ihre betrieblichen Anforderungen zugeschnitten sind.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Ein Cloud-Projekt besprechen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d52e2e e-con-full e-flex e-con e-child\" data-id=\"4d52e2e\" 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-8782350 elementor-widget elementor-widget-button\" data-id=\"8782350\" 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_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box Extend Your Industrial Operations to the Cloud Whether you need [&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-2310","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\/2310","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=2310"}],"version-history":[{"count":145,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2310\/revisions"}],"predecessor-version":[{"id":5222,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2310\/revisions\/5222"}],"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=2310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}