{"id":2308,"date":"2026-08-06T19:00:14","date_gmt":"2026-08-06T19:00:14","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2308"},"modified":"2026-08-22T08:23:18","modified_gmt":"2026-08-22T08:23:18","slug":"datenbanklosungen","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/database-solutions\/","title":{"rendered":"Datenbankl\u00f6sungen"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2308\" class=\"elementor elementor-2308\" 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-aaf9f3c e-con e-atomic-element e-flexbox-base e-0e6b84d\" data-id=\"aaf9f3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aaf9f3c\">\n    \t\t<div class=\"elementor-element elementor-element-3d9ab44 elementor-widget elementor-widget-ucaddon_box_hero\" data-id=\"3d9ab44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_box_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Box Hero -->\n\t\t<link id='font-awesome-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Box Hero *\/\n\n#uc_box_hero_elementor_3d9ab44 *{\n\tbox-sizing: border-box;\n}\n#uc_box_hero_elementor_3d9ab44{\n\tdisplay:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n#uc_box_hero_elementor_3d9ab44 .uc_container_holder{\n\ttext-align:center;\n}\n\n\n.ue_big_title\n{\n  font-size:32px;\n}\n\n#uc_box_hero_elementor_3d9ab44 .uc_btn\n{\n  display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n\n#uc_box_hero_elementor_3d9ab44 .uc_main_content_box .uc_social a{\n    display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n<\/style>\n\n<div class=\"uc_blogger_header ue_box_hero\" id=\"uc_box_hero_elementor_3d9ab44\">\n    \n    <div class=\"uc_container_holder\">\n    \t<div class=\"uc_main_content_box\" >\n                        \n            <div class=\"uc_content_box\" >\n                                                            <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n<!-- end Box Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-96f4ade e-con e-atomic-element e-flexbox-base e-c1baff6\" data-id=\"96f4ade\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"96f4ade\">\n    \t\t<div class=\"elementor-element elementor-element-22dc2e2 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"22dc2e2\" 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_22dc2e2 {\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_22dc2e2 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_22dc2e2 .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_22dc2e2 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_22dc2e2 .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_22dc2e2:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_22dc2e2:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_22dc2e2:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_22dc2e2: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_22dc2e2\">\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\">Datenbankl\u00f6sungen f\u00fcr die Industrie<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>Strukturierte Daten f\u00fcr industrielle Systeme und Anwendungen<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">GPLG entwickelt und implementiert Datenbankl\u00f6sungen f\u00fcr industrielle Umgebungen und verbindet dabei Produktionssysteme, Automatisierungssoftware und Betriebsdaten \u00fcber zuverl\u00e4ssige und strukturierte Datenarchitekturen.<\/p><p><!-- 3 Key Data Architecture Pillars Grid --><\/p><div class=\"iiot-pillars-grid\"><p><!-- Pillar 1: Production Records --><\/p><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-badge\">01<\/div><div class=\"iiot-pillar-body\"><div class=\"iiot-pillar-title\">Produktionsaufzeichnungen und R\u00fcckverfolgbarkeit<\/div><p class=\"iiot-pillar-desc\">Strukturierte Nachverfolgung von Arbeitsauftr\u00e4gen, Chargenverl\u00e4ufen, Seriennummern, der Herkunft von Bauteilen und Qualit\u00e4tspr\u00fcfungskennzahlen in der gesamten Fertigung.<\/p><\/div><\/div><p><!-- Pillar 2: Machine Information --><\/p><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-badge\">02<\/div><div class=\"iiot-pillar-body\"><div class=\"iiot-pillar-title\">Maschinen- und Betriebsdaten<\/div><p class=\"iiot-pillar-desc\">Zentrale Speicherung von Echtzeit-Ger\u00e4tedaten, SPS-Statusregistern, OEE-Parametern, Wartungsprotokollen und aktiven Alarmereignissen.<\/p><\/div><\/div><p><!-- Pillar 3: Historical Process Data --><\/p><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-badge\">03<\/div><div class=\"iiot-pillar-body\"><div class=\"iiot-pillar-title\">Historische Prozessdaten und Historien-Systeme<\/div><p class=\"iiot-pillar-desc\">Hochdurchsatz-Zeitreihenprotokollierung f\u00fcr Sensortendenzen, Zykluszeiten, Umgebungsbedingungen und langfristige Analyseberichte.<\/p><\/div><\/div><\/div><p><!-- Footer Statement Box --><\/p><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-text\">Von Edge-Datenbanken bis hin zu Unternehmensanwendungsarchitekturen \u2013 wir entwickeln Datensysteme, die genau auf die Anforderungen Ihres Industriebetriebs zugeschnitten sind.<\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title 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>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 28px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Pillars Grid Layout *\/<br \/>\n  .iiot-pillars-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 16px;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-card {<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    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-badge {<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.6;<br \/>\n    color: inherit;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-body {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-title {<br \/>\n    font-size: 1rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    line-height: 1.3;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-desc {<br \/>\n    font-size: 0.88rem;<br \/>\n    line-height: 1.5;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Footer 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  }<\/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>  \/* Responsive Behavior *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-pillars-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-0f5ad59 e-con e-atomic-element e-flexbox-base e-fffc17b\" data-id=\"0f5ad59\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f5ad59\">\n    \t\t<div class=\"elementor-element elementor-element-d3b0824 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d3b0824\" 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_d3b0824 {\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_d3b0824 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d3b0824 .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_d3b0824 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d3b0824 .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_d3b0824:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d3b0824:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d3b0824:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d3b0824: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_d3b0824\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">Industriedaten brauchen Struktur<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Strukturierte Grundlage f\u00fcr Industriedaten<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Moderne industrielle Systeme generieren kontinuierlich Informationen. Maschinen, SPSen, SCADA-Systeme, Sensoren und Softwareanwendungen produzieren gro\u00dfe Mengen an Betriebsdaten. Ohne eine sorgf\u00e4ltig konzipierte Datenarchitektur lassen sich diese Informationen nur schwer verwalten, analysieren und nutzen. GPLG entwickelt Datenbankl\u00f6sungen, die eine strukturierte Grundlage f\u00fcr industrielle Anwendungen bieten.\n      <\/p>\n\n      <!-- Horizontal Data Flow Pipeline -->\n      <div class=\"iiot-flow-chain\">\n        \n        <!-- Step 1 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\n            <span class=\"iiot-node-step\">01<\/span>\n            Maschinen und Sensoren\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 2 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\n            <span class=\"iiot-node-step\">02<\/span>\n            SPS \/ SCADA\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 3 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\n            <span class=\"iiot-node-step\">03<\/span>\n            Industriesoftware\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 4 (Database Centerpiece) -->\n        <div class=\"iiot-flow-node iiot-highlight-node\">\n          <div class=\"iiot-node-box\">\n            <span class=\"iiot-node-step\">04<\/span>\n            DATENBANK\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Step 5 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\n            <span class=\"iiot-node-step\">05<\/span>\n            Berichte \/ Analysen \/ Apps\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Strong Statement Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          Industriedaten werden erst dann wertvoll, wenn sie strukturiert, zug\u00e4nglich und bei Bedarf verf\u00fcgbar sind.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 28px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Data Flow Pipeline Structure *\/\n  .iiot-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 28px;\n    overflow-x: auto;\n    padding: 10px 4px;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 120px;\n  }\n\n  .iiot-node-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: 14px 10px;\n    text-align: center;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.3;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 56px;\n    box-sizing: border-box;\n  }\n\n  .iiot-node-step {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.5;\n    margin-bottom: 4px;\n    letter-spacing: 0.5px;\n  }\n\n  \/* Highlighted Database Core Node *\/\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n    box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-highlight-node .iiot-node-step {\n    opacity: 0.85;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 1rem;\n    opacity: 0.5;\n    color: inherit;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  \/* Strong Statement 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: 18px 24px;\n    text-align: center;\n  }\n\n  .iiot-statement-text {\n    font-size: 1.02rem;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n  }\n\n  \/* Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 320px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-55092b1 e-con e-atomic-element e-flexbox-base e-bbf00c4\" data-id=\"55092b1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"55092b1\">\n    \t\t<div class=\"elementor-element elementor-element-0faedf6 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0faedf6\" 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_0faedf6 {\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_0faedf6 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0faedf6 .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_0faedf6 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0faedf6 .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_0faedf6:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0faedf6:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0faedf6:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0faedf6: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_0faedf6\">\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\">WAS WIR SPEICHERN<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Brancheninformationen aus verschiedenen Quellen<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Umfassende industrielle Datenarchitekturen b\u00fcndeln unterschiedliche Datenstr\u00f6me aus der gesamten Fertigung und wandeln rohe Maschinentelemetriedaten und Betriebsereignisse in strukturierte, verwertbare Informationen um.\n      <\/p>\n\n      <!-- 6-Card Grid Layout -->\n      <div class=\"iiot-data-grid\">\n        \n        <!-- Card 1: Production Data -->\n        <div class=\"iiot-data-card\">\n          <div class=\"iiot-card-badge\">01<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Produktionsdaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Produktionsmengen, Chargen, Arbeitsauftr\u00e4ge, Schichtleistungen und Produktionsereignisse in Echtzeit.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2: Machine Data -->\n        <div class=\"iiot-card-badge-container iiot-data-card\">\n          <div class=\"iiot-card-badge\">02<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Maschinendaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Maschinenstatus, Betriebsparameter, SPS-Register, Betriebszustand und Betriebsinformationen.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 3: Process Data -->\n        <div class=\"iiot-data-card\">\n          <div class=\"iiot-card-badge\">03<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Prozessdaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Temperaturen, Dr\u00fccke, Durchflussmengen, Ma\u00dfangaben und andere kritische Prozessvariablen.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 4: Quality Data -->\n        <div class=\"iiot-data-card\">\n          <div class=\"iiot-card-badge\">04<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Qualit\u00e4tsdaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Ergebnisse automatisierter Pr\u00fcfungen, Toleranzmessungen, Fehlerklassifizierungen und Qualit\u00e4tsaufzeichnungen.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 5: Maintenance Data -->\n        <div class=\"iiot-data-card\">\n          <div class=\"iiot-card-badge\">05<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Wartungsdaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Alarmereignisse der Anlagen, Betriebsprotokolle, Wartungsaufzeichnungen und relevante Maschinenhistorie.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 6: System Data -->\n        <div class=\"iiot-data-card\">\n          <div class=\"iiot-card-badge\">06<\/div>\n          <div class=\"iiot-card-body\">\n            <div class=\"iiot-card-title\">Systemdaten<\/div>\n            <p class=\"iiot-card-desc\">\n              Informationen, die von vernetzten industriellen Softwareanwendungen, MES und Edge-Gateways generiert werden.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* 6-Card Grid Layout (3x2 Desktop, 2x3 Tablet, 1x6 Mobile) *\/\n  .iiot-data-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-data-card {\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    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.85rem;\n    font-weight: 700;\n    opacity: 0.6;\n    color: inherit;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-card-body {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n    margin: 0;\n  }\n\n  \/* Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-data-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-data-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-01951d2 e-con e-atomic-element e-flexbox-base e-29ef835\" data-id=\"01951d2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01951d2\">\n    \t\t<div class=\"elementor-element elementor-element-999c199 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"999c199\" 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_999c199 {\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_999c199 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_999c199 .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_999c199 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_999c199 .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_999c199:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_999c199:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_999c199:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_999c199: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_999c199\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">DATENBANKARCHITEKTUR<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Entwurf der Datenschicht<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Eine Datenbank sollte nicht als isolierte Komponente betrachtet werden \u2013 sie muss sich nahtlos in die gesamte industrielle Architektur einf\u00fcgen. GPLG konzipiert die Datenbankebene entsprechend den spezifischen Systemen, die die Betriebsdaten erzeugen und nutzen.\n      <\/p>\n\n      <!-- Architecture Level Diagram -->\n      <div class=\"iiot-arch-diagram\">\n        \n        <!-- Level 1: Data Generators -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">DATENGENERATOREN<\/div>\n          <div class=\"iiot-level-nodes\">\n            <div class=\"iiot-arch-node\">Maschinen<\/div>\n            <div class=\"iiot-arch-node\">SPS<\/div>\n            <div class=\"iiot-arch-node\">SCADA<\/div>\n            <div class=\"iiot-arch-node\">Vision<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-arch-connector\">\u2193<\/div>\n\n        <!-- Level 2: Software & Services Layer -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">INTEGRATION &amp; DIENSTLEISTUNGEN<\/div>\n          <div class=\"iiot-level-nodes\">\n            <div class=\"iiot-arch-node iiot-subnode\">Industriesoftware<\/div>\n            <div class=\"iiot-arch-node iiot-subnode\">Datendienste<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-arch-connector\">\u2193<\/div>\n\n        <!-- Level 3: Database Core -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">KERNSPEICHER<\/div>\n          <div class=\"iiot-level-nodes\">\n            <div class=\"iiot-arch-node iiot-highlight-db\">DATENBANK<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-arch-connector\">\u2193<\/div>\n\n        <!-- Level 4: Data Consumers -->\n        <div class=\"iiot-arch-level\">\n          <div class=\"iiot-level-label\">DATENVERBRAUCHER<\/div>\n          <div class=\"iiot-level-nodes\">\n            <div class=\"iiot-arch-node\">Berichte<\/div>\n            <div class=\"iiot-arch-node\">Analytik<\/div>\n            <div class=\"iiot-arch-node\">KI &amp; ML<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Footer Statement Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          Wir konzipieren Datenbanksysteme auf der Grundlage der Datenherkunft \u2013 und gew\u00e4hrleisten so eine zuverl\u00e4ssige Erfassung, eine Speicherung mit hohem Durchsatz sowie einen reibungslosen Zugriff f\u00fcr Edge- und Unternehmensanwendungen.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 28px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Architectural Flow Layout *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n\n  .iiot-arch-level {\n    width: 100%;\n    max-width: 720px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 8px;\n    padding: 14px 18px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-level-label {\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    opacity: 0.55;\n    text-transform: uppercase;\n    color: inherit;\n  }\n\n  .iiot-level-nodes {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n  }\n\n  .iiot-arch-node {\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 18px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: inherit;\n    text-align: center;\n    flex: 1;\n    min-width: 120px;\n    max-width: 180px;\n    box-sizing: border-box;\n  }\n\n  .iiot-subnode {\n    max-width: 220px;\n  }\n\n  \/* Database Core Highlight Node *\/\n  .iiot-highlight-db {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.45);\n    font-weight: 700;\n    font-size: 1rem;\n    letter-spacing: 0.5px;\n    max-width: 280px;\n    box-shadow: 0 0 12px rgba(255, 255, 255, 0.06);\n  }\n\n  .iiot-arch-connector {\n    font-size: 1.1rem;\n    opacity: 0.45;\n    color: inherit;\n    user-select: none;\n    line-height: 1;\n  }\n\n  \/* Statement 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: 18px 24px;\n    text-align: center;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.98rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n\n  \/* Mobile Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-arch-node {\n      min-width: 100%;\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-8272e6e e-con e-atomic-element e-flexbox-base e-86d04d2\" data-id=\"8272e6e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8272e6e\">\n    \t\t<div class=\"elementor-element elementor-element-245b20d elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"245b20d\" 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_245b20d {\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_245b20d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_245b20d .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_245b20d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_245b20d .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_245b20d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_245b20d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_245b20d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_245b20d: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_245b20d\">\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\">DATENBANKENTWURF<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\">\n<h3>Die richtige Datenstruktur erstellen<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">Eine zuverl\u00e4ssige Datenbank beginnt mit einer robusten Architektur. GPLG entwickelt Datenstrukturen, die darauf ausgelegt sind, Stabilit\u00e4t, Abfragegeschwindigkeit und strukturelle Integrit\u00e4t auch bei wachsendem Umfang Ihres industriellen Betriebs zu gew\u00e4hrleisten.<\/p>\n<!-- Architectural Pillars Grid -->\n<div class=\"iiot-arch-grid\">\n\n<!-- Column 1: Core Schema & Modeling -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">01<\/span>\n<span class=\"iiot-column-title\">Schema und relationales Design<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n \t<li><strong>Datenbeziehungen<\/strong>\nNormalisierte Entit\u00e4ten, die physische und logische Verbindungen in der realen Welt abbilden.<\/li>\n \t<li><strong>Tabellen und Entit\u00e4ten<\/strong>\nKlare Trennung der Dom\u00e4nen f\u00fcr Anlagen, Arbeitsauftr\u00e4ge, Chargen und Benutzer.<\/li>\n \t<li><strong>Datentypen<\/strong>\nStrenge Typenzuweisung f\u00fcr hohe Genauigkeit und minimalen Speicherbedarf.<\/li>\n<\/ul>\n<\/div>\n<!-- Column 2: Data Lifecycle & Retention -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">02<\/span>\n<span class=\"iiot-column-title\">Lebenszyklus- und Historian-Strategie<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n \t<li><strong>Historische Aufzeichnungen<\/strong>\nOptimierte Zeitreihenpartitionen f\u00fcr Langzeit-Telemetriedaten und Ereignisprotokolle.<\/li>\n \t<li><strong>Datenaufbewahrung<\/strong>\nAutomatisierte Archivierungs- und L\u00f6schrichtlinien zur Steuerung des Speicherwachstums.<\/li>\n \t<li><strong>Indizierung<\/strong>\nMa\u00dfgeschneiderte Indexstrategien f\u00fcr sofortige Abfragen in industriellen Datenstr\u00f6men mit hohem Schreibaufkommen.<\/li>\n<\/ul>\n<\/div>\n<!-- Column 3: Performance & Scalability -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">03<\/span>\n<span class=\"iiot-column-title\">Leistung und Umsetzung<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n \t<li><strong>Anforderungen an die Abfrage<\/strong>\nVorab berechnete Ansichten und optimierte Ausf\u00fchrungspl\u00e4ne f\u00fcr den Abruf mit geringer Latenz.<\/li>\n \t<li><strong>Bewerbungsvoraussetzungen<\/strong>\nDirekte Abstimmung auf die Anforderungen von SCADA, MES, Web-API und Edge-Middleware.<\/li>\n \t<li><strong>Leistung und Skalierbarkeit<\/strong>\nStrukturen f\u00fcr hohe Parallelit\u00e4t, die darauf ausgelegt sind, wachsende industrielle Lasten zu bew\u00e4ltigen.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<!-- Footer Statement Banner -->\n<div class=\"iiot-statement-banner\">\n<div class=\"iiot-statement-text\">Das Ziel besteht darin, eine Struktur zu schaffen, die auch bei zunehmendem Wachstum des industriellen Systems weiterhin nutzbar, anpassungsf\u00e4hig und wartbar bleibt.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title 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>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 28px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* 3-Column Grid for Architecture Aspects *\/<br \/>\n  .iiot-arch-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 16px;<br \/>\n    margin-bottom: 28px;<br \/>\n  }<\/p>\n<p>  .iiot-grid-column {<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    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-column-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 10px;<br \/>\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    padding-bottom: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-column-badge {<br \/>\n    font-size: 0.78rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.6;<br \/>\n    color: inherit;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-column-title {<br \/>\n    font-size: 0.95rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    line-height: 1.3;<br \/>\n  }<\/p>\n<p>  \/* Pillar Bullet Item Styling *\/<br \/>\n  .iiot-pillar-list {<br \/>\n    list-style: none;<br \/>\n    padding: 0;<br \/>\n    margin: 0;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-list li {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    font-size: 0.88rem;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-list strong {<br \/>\n    color: inherit;<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.9rem;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-list span {<br \/>\n    opacity: 0.8;<br \/>\n    line-height: 1.4;<br \/>\n    font-size: 0.84rem;<br \/>\n  }<\/p>\n<p>  \/* Footer 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: 18px 24px;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 1.02rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff;<br \/>\n    letter-spacing: 0.3px;<br \/>\n    line-height: 1.4;<br \/>\n  }<\/p>\n<p>  \/* Responsive Behavior *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-arch-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-21a835b e-con e-atomic-element e-flexbox-base e-b3a0556\" data-id=\"21a835b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"21a835b\">\n    \t\t<div class=\"elementor-element elementor-element-6df57be elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"6df57be\" 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_6df57be {\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_6df57be .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_6df57be .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_6df57be .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_6df57be .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_6df57be:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_6df57be:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_6df57be:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_6df57be: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_6df57be\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">SQL-Datenbanken<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SQL-basierte L\u00f6sungen f\u00fcr Industriedaten<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        GPLG nutzt bew\u00e4hrte Technologien f\u00fcr relationale Datenbanken, um strukturierte, zuverl\u00e4ssige und leistungsstarke Datenarchitekturen f\u00fcr industrielle Umgebungen zu entwickeln.\n      <\/p>\n\n      <!-- 3 Tech Stack Cards Grid -->\n      <div class=\"iiot-tech-grid\">\n        \n        <!-- Microsoft SQL Server -->\n        <div class=\"iiot-tech-card\">\n          <div class=\"iiot-tech-header\">\n            <span class=\"iiot-tech-name\">Microsoft SQL Server<\/span>\n          <\/div>\n          <p class=\"iiot-tech-desc\">\n            Ideal f\u00fcr Unternehmens- und Industriesoftwareumgebungen, die eine strukturierte Verwaltung relationaler Daten und eine umfassende Integration in das Windows-\u00d6kosystem erfordern.\n          <\/p>\n        <\/div>\n\n        <!-- MySQL -->\n        <div class=\"iiot-tech-card\">\n          <div class=\"iiot-tech-header\">\n            <span class=\"iiot-tech-name\">MySQL<\/span>\n          <\/div>\n          <p class=\"iiot-tech-desc\">\n            Eine weit verbreitete Technologie f\u00fcr relationale Datenbanken, die sich f\u00fcr schlanke Edge-Implementierungen, Webportale und industrielle Anwendungsumgebungen eignet.\n          <\/p>\n        <\/div>\n\n        <!-- PostgreSQL -->\n        <div class=\"iiot-tech-card\">\n          <div class=\"iiot-tech-header\">\n            <span class=\"iiot-tech-name\">PostgreSQL<\/span>\n          <\/div>\n          <p class=\"iiot-tech-desc\">\n            Eine leistungsstarke Open-Source-Engine f\u00fcr komplexe Architekturen, die anspruchsvolle Abfragen, hohe Parallelit\u00e4t und erweiterbare Datentypen erfordern.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Container Base *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header *\/\n  .iiot-card-header {\n    padding: 16px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content *\/\n  .iiot-content-inner {\n    padding: 20px 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    opacity: 0.9;\n    line-height: 1.5;\n    margin-bottom: 20px;\n    font-size: 0.95rem;\n    text-align: center;\n  }\n\n  \/* 3-Column Grid *\/\n  .iiot-tech-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n\n  .iiot-tech-card {\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: 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-tech-header {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 8px;\n  }\n\n  .iiot-tech-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-tech-desc {\n    font-size: 0.85rem;\n    line-height: 1.4;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Responsive Layout *\/\n  @media (max-width: 800px) {\n    .iiot-tech-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-34a27b5 e-con e-atomic-element e-flexbox-base e-b0232c5\" data-id=\"34a27b5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"34a27b5\">\n    \t\t<div class=\"elementor-element elementor-element-8be4cc1 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"8be4cc1\" 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_8be4cc1 {\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_8be4cc1 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_8be4cc1 .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_8be4cc1 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8be4cc1 .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_8be4cc1:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_8be4cc1:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8be4cc1:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8be4cc1: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_8be4cc1\">\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\">PRODUKTIONS- UND MASCHINENDATEN<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Erstellung einer historischen Produktions\u00fcbersicht<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Industriedatenbanken bieten eine strukturierte historische Aufzeichnung der Produktionsaktivit\u00e4ten. Durch die Erfassung kontinuierlicher Maschinendaten und einzelner Auftragsereignisse gew\u00e4hrleistet die Datenbankarchitektur eine l\u00fcckenlose R\u00fcckverfolgbarkeit der Betriebsabl\u00e4ufe, die auf das erforderliche Datenvolumen und die Protokollierungsh\u00e4ufigkeit zugeschnitten ist.\n      <\/p>\n\n      <!-- 2-Column Split: Production Order vs Continuous Machine Data -->\n      <div class=\"iiot-split-grid\">\n        \n        <!-- Card 1: Production Order History -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">AUFTRAGSEBENE<\/span>\n            <span class=\"iiot-card-title\">R\u00fcckverfolgbarkeit von Fertigungsauftr\u00e4gen<\/span>\n          <\/div>\n          <p class=\"iiot-card-intro\">\n            Strukturierte relationale Zuordnung, die einzelne Chargenl\u00e4ufe und Auftragsparameter miteinander verkn\u00fcpft:\n          <\/p>\n          <div class=\"iiot-tree-structure\">\n            <div class=\"iiot-tree-root\">Fertigungsauftrag<\/div>\n            <div class=\"iiot-tree-branches\">\n              <div class=\"iiot-tree-node\">Produktkennzeichnung<\/div>\n              <div class=\"iiot-tree-node\">Chargen-\/Losnummer<\/div>\n              <div class=\"iiot-tree-node\">Maschinen- und Anlagen-ID<\/div>\n              <div class=\"iiot-tree-node\">Anmeldedaten des Betreibers<\/div>\n              <div class=\"iiot-tree-node\">Start- und Endzeitstempel<\/div>\n              <div class=\"iiot-tree-node\">Produzierte &amp; zur\u00fcckgewiesene Menge<\/div>\n              <div class=\"iiot-tree-node\">Ergebnisse der Qualit\u00e4tspr\u00fcfung<\/div>\n              <div class=\"iiot-tree-node\">Gespeicherte Produktionsparameter<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2: Continuous Machine Telemetry -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">TELEMETRIE-STUFE<\/span>\n            <span class=\"iiot-card-title\">Kontinuierliche Betriebsdaten<\/span>\n          <\/div>\n          <p class=\"iiot-card-intro\">\n            Hochfrequente Zeitreihen-Protokollierung, die direkt von Anlagen in der Fertigung generiert wird:\n          <\/p>\n          <div class=\"iiot-metrics-grid\">\n            <div class=\"iiot-metric-tag\">Maschinenstatus<\/div>\n            <div class=\"iiot-metric-tag\">Betriebszyklen<\/div>\n            <div class=\"iiot-metric-tag\">Produktionszahlen<\/div>\n            <div class=\"iiot-metric-tag\">Alarme und St\u00f6rungen<\/div>\n            <div class=\"iiot-metric-tag\">Prozesswerte<\/div>\n            <div class=\"iiot-metric-tag\">\u00d6ffnungszeiten<\/div>\n            <div class=\"iiot-metric-tag\">Ausfallzeiten<\/div>\n            <div class=\"iiot-metric-tag\">Wartungsprotokolle<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Horizontal Data Acquisition Pipeline -->\n      <div class=\"iiot-pipeline-section\">\n        <div class=\"iiot-pipeline-label\">TELEMETRIE-PIPELINE<\/div>\n        <div class=\"iiot-flow-chain\">\n          <div class=\"iiot-flow-node\">\n            <div class=\"iiot-node-box\">Maschine<\/div>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\">\n            <div class=\"iiot-node-box\">SPS \/ Steuerung<\/div>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\">\n            <div class=\"iiot-node-box\">Datenerfassung<\/div>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node iiot-highlight-node\">\n            <div class=\"iiot-node-box\">Datenbank<\/div>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\">\n            <div class=\"iiot-node-box\">Historischer \u00dcberblick<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Statement Banner Footer -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          Die Datenbankarchitektur ist speziell auf das erforderliche Datenvolumen, die Aufbewahrungsrichtlinien und die Protokollierungsh\u00e4ufigkeit ausgelegt.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* 2-Column Split Grid *\/\n  .iiot-split-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n  }\n\n  .iiot-split-card {\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    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\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-intro {\n    font-size: 0.85rem;\n    opacity: 0.8;\n    margin: 0;\n    line-height: 1.4;\n  }\n\n  \/* Tree Structure Display *\/\n  .iiot-tree-structure {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 4px;\n  }\n\n  .iiot-tree-root {\n    font-size: 0.9rem;\n    font-weight: 700;\n    padding: 8px 12px;\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    color: inherit;\n  }\n\n  .iiot-tree-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding-left: 16px;\n    border-left: 2px solid rgba(255, 255, 255, 0.15);\n    margin-left: 12px;\n  }\n\n  .iiot-tree-node {\n    font-size: 0.84rem;\n    opacity: 0.85;\n    position: relative;\n    padding: 2px 0;\n  }\n\n  .iiot-tree-node::before {\n    content: \"\u2014\";\n    position: absolute;\n    left: -14px;\n    opacity: 0.4;\n  }\n\n  \/* Telemetry Grid Tags *\/\n  .iiot-metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    margin-top: 4px;\n  }\n\n  .iiot-metric-tag {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 10px;\n    font-size: 0.84rem;\n    font-weight: 500;\n    opacity: 0.85;\n    text-align: center;\n  }\n\n  \/* Horizontal Pipeline Section *\/\n  .iiot-pipeline-section {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 8px;\n    padding: 16px 20px;\n    margin-bottom: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .iiot-pipeline-label {\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    opacity: 0.5;\n    text-align: center;\n    color: inherit;\n  }\n\n  .iiot-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding: 4px;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 110px;\n  }\n\n  .iiot-node-box {\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: 10px 8px;\n    text-align: center;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: inherit;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 44px;\n  }\n\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.45;\n    color: inherit;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  \/* Statement Banner Footer *\/\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  }\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  \/* Responsive Behavior *\/\n  @media (max-width: 850px) {\n    .iiot-split-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 280px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a306369 e-con e-atomic-element e-flexbox-base e-0692650\" data-id=\"a306369\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a306369\">\n    \t\t<div class=\"elementor-element elementor-element-8b49525 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"8b49525\" 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_8b49525 {\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_8b49525 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_8b49525 .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_8b49525 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8b49525 .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_8b49525:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_8b49525:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8b49525:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8b49525: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_8b49525\">\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  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Aufbau einer zuverl\u00e4ssigen Industriegeschichte<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Historische Daten liefern eine l\u00fcckenlose Aufzeichnung des Industriebetriebs und bilden damit eine zuverl\u00e4ssige Grundlage f\u00fcr die Berichterstattung, die Ursachenanalyse und die langfristige Prozessoptimierung.\n      <\/p>\n\n      <!-- Section 1: Historical Data Pillars -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-section-title\">Wichtige historische Aufzeichnungen<\/div>\n        <div class=\"iiot-tags-grid\">\n          <div class=\"iiot-tag-item\">Produktionsaufzeichnungen<\/div>\n          <div class=\"iiot-tag-item\">Maschinenereignisse<\/div>\n          <div class=\"iiot-tag-item\">Prozessparameter<\/div>\n          <div class=\"iiot-tag-item\">Qualit\u00e4tsergebnisse<\/div>\n          <div class=\"iiot-tag-item\">Alarme und St\u00f6rungen<\/div>\n          <div class=\"iiot-tag-item\">Wartungsprotokolle<\/div>\n          <div class=\"iiot-tag-item\">Ausfallzeitanalyse<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: SCADA & Industrial Software Integration (2-Column Grid) -->\n      <div class=\"iiot-split-grid\">\n        \n        <!-- SCADA Integration (Short & Concise) -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">AUFSICHT<\/span>\n            <span class=\"iiot-card-title\">Datenbank + SCADA<\/span>\n          <\/div>\n          <p class=\"iiot-card-text\">\n            SCADA-Systeme erzeugen kontinuierlich \u00dcberwachungsdaten, die f\u00fcr Trendanalysen und die Erstellung von Compliance-Berichten langfristig gespeichert werden m\u00fcssen.\n          <\/p>\n          <div class=\"iiot-mini-chain\">\n            <span>SPS<\/span> \u2192 <span>SCADA<\/span> \u2192 <span>Datenbank<\/span> \u2192 <span>Berichte \/ Analysen<\/span>\n          <\/div>\n          <a href=\"#\" class=\"iiot-link-btn\">SCADA-Systeme entdecken \u2192<\/a>\n        <\/div>\n\n        <!-- Custom Industrial Software Integration -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">ANWENDUNGEN<\/span>\n            <span class=\"iiot-card-title\">Datenbanken + Industriesoftware<\/span>\n          <\/div>\n          <p class=\"iiot-card-text\">\n            Ma\u00dfgeschneiderte Industriesoftware st\u00fctzt sich auf strukturierte Datenmodelle, um betriebliche Arbeitsabl\u00e4ufe, Stammdaten und Ausf\u00fchrungsprotokolle zu verwalten.\n          <\/p>\n          <div class=\"iiot-app-capabilities\">\n            <div class=\"iiot-cap-chip\">Bestellungen &amp; Produkte<\/div>\n            <div class=\"iiot-cap-chip\">Maschinengeschichte<\/div>\n            <div class=\"iiot-cap-chip\">Lagerbestand und Qualit\u00e4t<\/div>\n            <div class=\"iiot-cap-chip\">Benutzer und Wartung<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Section 3: Machine Vision Data Integration -->\n      <div class=\"iiot-vision-section\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">QUALIT\u00c4T &amp; PR\u00dcFUNG<\/span>\n          <span class=\"iiot-card-title\">Integration von Datenbanken und Bildverarbeitung<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\" style=\"text-align: center; margin-bottom: 16px;\">\n          Umwandlung visueller Gut\/Schlecht-Pr\u00fcfungen in dauerhafte, abrufbare Pr\u00fcfprotokolle \u00fcber den gesamten Produktlebenszyklus hinweg.\n        <\/p>\n\n        <!-- Vision Flow Pipeline -->\n        <div class=\"iiot-flow-chain\">\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Kamera<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Bildverarbeitungssystem<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Pr\u00fcfergebnis<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Industriesoftware<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node iiot-highlight-node\"><div class=\"iiot-node-box\">Datenbank<\/div><\/div>\n        <\/div>\n\n        <!-- Vision Stored Parameters -->\n        <div class=\"iiot-vision-fields\">\n          <span>Gespeicherte Felder:<\/span>\n          <div class=\"iiot-fields-list\">\n            <code>Ergebnisstatus<\/code>\n            <code>Produkt-ID<\/code>\n            <code>Zeitstempel<\/code>\n            <code>Maschinen-ID<\/code>\n            <code>Parameter<\/code>\n            <code>Ma\u00dfe<\/code>\n            <code>Fehlerklasse<\/code>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Footer Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          GPLG entwickelt sowohl ma\u00dfgeschneiderte Softwareanwendungen als auch die zugrunde liegenden Datenbankarchitekturen und sorgt so f\u00fcr eine nahtlose Abstimmung zwischen Datenerfassung und Gesch\u00e4ftslogik.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Base Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header *\/\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  \/* Content Inner *\/\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: 24px;\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin: 0;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Section Box: Historical Data Tags *\/\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 8px;\n    padding: 16px 20px;\n  }\n\n  .iiot-section-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    opacity: 0.6;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    text-align: center;\n  }\n\n  .iiot-tags-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n  }\n\n  .iiot-tag-item {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    opacity: 0.85;\n  }\n\n  \/* Split Grid *\/\n  .iiot-split-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-split-card {\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    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\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  .iiot-mini-chain {\n    font-size: 0.82rem;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    padding: 8px 12px;\n    border-radius: 6px;\n    text-align: center;\n    opacity: 0.9;\n  }\n\n  .iiot-mini-chain span {\n    font-weight: 600;\n  }\n\n  .iiot-link-btn {\n    display: inline-block;\n    font-size: 0.84rem;\n    font-weight: 600;\n    color: inherit;\n    text-decoration: none;\n    opacity: 0.8;\n    transition: opacity 0.2s;\n    margin-top: auto;\n  }\n\n  .iiot-link-btn:hover {\n    opacity: 1;\n    text-decoration: underline;\n  }\n\n  .iiot-app-capabilities {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 6px;\n  }\n\n  .iiot-cap-chip {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px;\n    padding: 6px 8px;\n    font-size: 0.8rem;\n    text-align: center;\n    opacity: 0.85;\n  }\n\n  \/* Vision Section *\/\n  .iiot-vision-section {\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-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding: 4px 0;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 100px;\n  }\n\n  .iiot-node-box {\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: 8px 6px;\n    text-align: center;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40px;\n    box-sizing: border-box;\n  }\n\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.9rem;\n    opacity: 0.45;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  .iiot-vision-fields {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    border-top: 1px dashed rgba(255, 255, 255, 0.15);\n    padding-top: 14px;\n    font-size: 0.82rem;\n  }\n\n  .iiot-vision-fields span {\n    opacity: 0.6;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n\n  .iiot-fields-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n\n  .iiot-fields-list code {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px;\n    padding: 3px 6px;\n    font-family: inherit;\n    font-size: 0.78rem;\n    opacity: 0.9;\n  }\n\n  \/* Banner Footer *\/\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  }\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  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-split-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 280px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n\n    .iiot-vision-fields {\n      flex-direction: column;\n      align-items: flex-start;\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-bdb8e63 e-con e-atomic-element e-flexbox-base e-1f98789\" data-id=\"bdb8e63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bdb8e63\">\n    \t\t<div class=\"elementor-element elementor-element-3be9507 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"3be9507\" 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_3be9507 {\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_3be9507 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_3be9507 .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_3be9507 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_3be9507 .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_3be9507:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_3be9507:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3be9507:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3be9507: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_3be9507\">\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  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Industrielles IoT und KI-Architektur<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <div class=\"iiot-split-grid\">\n        \n        <!-- IoT Data Pipeline -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">VERNETZTE GER\u00c4TE<\/span>\n            <span class=\"iiot-card-title\">Datenbank + Industrielles IoT<\/span>\n          <\/div>\n          <p class=\"iiot-card-text\">\n            Industrielle IoT-Systeme erfassen hochfrequente Datenstr\u00f6me von dezentralen Maschinen und wandeln die Rohdaten der Ger\u00e4te in strukturierte, abfragbare Datenmodelle um.\n          <\/p>\n          <div class=\"iiot-mini-chain\">\n            <span>Maschinen<\/span> \u2192 <span>IoT<\/span> \u2192 <span>Verarbeitung<\/span> \u2192 <span>Datenbank<\/span> \u2192 <span>Apps<\/span>\n          <\/div>\n          <div class=\"iiot-note-chip\">\n            Die Architektur l\u00e4sst sich entsprechend dem Datenvolumen, der Abtastfrequenz und den Anforderungen an die Betriebslatenz skalieren.\n          <\/div>\n          <a href=\"#\" class=\"iiot-link-btn\">Entdecken Sie das industrielle IoT \u2192<\/a>\n        <\/div>\n\n        <!-- AI Infrastructure -->\n        <div class=\"iiot-split-card\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">INTELLIGENZ<\/span>\n            <span class=\"iiot-card-title\">Datenbank + industrielle KI<\/span>\n          <\/div>\n          <p class=\"iiot-card-text\">\n            Historische Datenbankdatens\u00e4tze dienen als unverzichtbare Datenbasis f\u00fcr das Training von Vorhersagemodellen, die Erkennung von Anomalien und die Optimierung der betrieblichen Effizienz.\n          <\/p>\n          <div class=\"iiot-mini-chain\">\n            <span>Daten<\/span> \u2192 <span>Datenbank<\/span> \u2192 <span>Vorbereitung<\/span> \u2192 <span>KI\/ML<\/span> \u2192 <span>Prognose<\/span>\n          <\/div>\n          <div class=\"iiot-note-chip\">\n            Der Datenbankspeicher bildet die zentrale Dateninfrastruktur, w\u00e4hrend KI-Ebenen Analysealgorithmen ausf\u00fchren.\n          <\/div>\n          <a href=\"#\" class=\"iiot-link-btn\">Entdecken Sie PLG AI \u2192<\/a>\n        <\/div>\n\n      <\/div>\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-split-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-split-card {\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    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\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  .iiot-mini-chain {\n    font-size: 0.8rem;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    padding: 8px 10px;\n    border-radius: 6px;\n    text-align: center;\n    opacity: 0.9;\n  }\n\n  .iiot-mini-chain span {\n    font-weight: 600;\n  }\n\n  .iiot-note-chip {\n    font-size: 0.78rem;\n    opacity: 0.65;\n    line-height: 1.4;\n    font-style: italic;\n  }\n\n  .iiot-link-btn {\n    display: inline-block;\n    font-size: 0.84rem;\n    font-weight: 600;\n    color: inherit;\n    text-decoration: none;\n    opacity: 0.8;\n    transition: opacity 0.2s;\n    margin-top: auto;\n  }\n\n  .iiot-link-btn:hover {\n    opacity: 1;\n    text-decoration: underline;\n  }\n\n  @media (max-width: 850px) {\n    .iiot-split-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-7827afb e-con e-atomic-element e-flexbox-base e-4f0f49e\" data-id=\"7827afb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7827afb\">\n    \t\t<div class=\"elementor-element elementor-element-b8fe9bf elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b8fe9bf\" 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_b8fe9bf {\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_b8fe9bf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b8fe9bf .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_b8fe9bf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b8fe9bf .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_b8fe9bf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b8fe9bf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b8fe9bf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b8fe9bf: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_b8fe9bf\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">Super<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Datenzugriff und API-Integration<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Section 3: Data Access Topology -->\n      <div class=\"iiot-vision-section\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTEGRATION<\/span>\n          <span class=\"iiot-card-title\">Bereitstellung von Brancheninformationen<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\" style=\"text-align: center; margin-bottom: 12px;\">\n          Die Datenbank dient als zentrale Drehscheibe und macht Betriebsdaten \u00fcber Software-, SCADA-, Analyse- und Intelligence-Ebenen hinweg zug\u00e4nglich.\n        <\/p>\n\n        <div class=\"iiot-topology-container\">\n          <div class=\"iiot-central-db\">DATENBANK<\/div>\n          <div class=\"iiot-topology-branches\">\n            <div class=\"iiot-branch\">\n              <div class=\"iiot-branch-line\">\u2193<\/div>\n              <div class=\"iiot-branch-node\">Industriesoftware<\/div>\n            <\/div>\n            <div class=\"iiot-branch\">\n              <div class=\"iiot-branch-line\">\u2193<\/div>\n              <div class=\"iiot-branch-node\">SCADA-Systeme<\/div>\n            <\/div>\n            <div class=\"iiot-branch\">\n              <div class=\"iiot-branch-line\">\u2193<\/div>\n              <div class=\"iiot-branch-node\">Analyseplattform<\/div>\n              <div class=\"iiot-sub-arrow\">\u2193<\/div>\n              <div class=\"iiot-branch-node iiot-ai-node\">KI \/ ML<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 4: REST APIs & Secure Access -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\" style=\"border-bottom: none; padding-bottom: 0;\">\n          <span class=\"iiot-card-badge\">SCHNITTSTELLEN<\/span>\n          <span class=\"iiot-card-title\">APIs und Datenbankzugriff<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\" style=\"margin-top: 8px; margin-bottom: 14px;\">\n          Durch den kontrollierten Anwendungszugriff werden benutzerseitige Anwendungen \u00fcber API-Schichten von den zugrunde liegenden Datenbankschemata getrennt.\n        <\/p>\n\n        <div class=\"iiot-flow-chain\">\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Anwendung<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node iiot-highlight-node\"><div class=\"iiot-node-box\">REST-API<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Anwendungsschicht<\/div><\/div>\n          <div class=\"iiot-flow-arrow\">\u2192<\/div>\n          <div class=\"iiot-flow-node\"><div class=\"iiot-node-box\">Datenbank<\/div><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Footer Statement Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          GPLG entwirft Datenarchitekturen, die auf die jeweiligen Anwendungen zugeschnitten sind, die Zugriff ben\u00f6tigen \u2013 und gew\u00e4hrleistet so einen skalierbaren, sicheren und zuverl\u00e4ssigen Datenfluss \u00fcber Ihre gesamte industrielle Infrastruktur hinweg.\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    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  }\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  .iiot-vision-section {\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-topology-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n  }\n\n  .iiot-central-db {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n    font-size: 0.9rem;\n    padding: 10px 24px;\n    border-radius: 6px;\n    letter-spacing: 1px;\n    text-align: center;\n  }\n\n  .iiot-topology-branches {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    width: 100%;\n  }\n\n  .iiot-branch {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .iiot-branch-line {\n    font-size: 0.9rem;\n    opacity: 0.5;\n  }\n\n  .iiot-branch-node {\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: 8px 10px;\n    font-size: 0.82rem;\n    font-weight: 500;\n    text-align: center;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-sub-arrow {\n    font-size: 0.85rem;\n    opacity: 0.5;\n    margin: -2px 0;\n  }\n\n  .iiot-ai-node {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    font-weight: 600;\n  }\n\n  .iiot-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    overflow-x: auto;\n    padding: 4px 0;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 100px;\n  }\n\n  .iiot-node-box {\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: 8px 6px;\n    text-align: center;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40px;\n    box-sizing: border-box;\n  }\n\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.9rem;\n    opacity: 0.45;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\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  }\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: 850px) {\n    .iiot-topology-branches {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 280px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c420a35 e-con e-atomic-element e-flexbox-base e-b7883c9\" data-id=\"c420a35\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c420a35\">\n    \t\t<div class=\"elementor-element elementor-element-b392ccf elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b392ccf\" 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_b392ccf {\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_b392ccf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b392ccf .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_b392ccf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b392ccf .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_b392ccf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b392ccf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b392ccf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b392ccf: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_b392ccf\">\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>Datenbankleistung und Architektur zur Datenaufbewahrung<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Section 1: Database Performance -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SKALIERBARKEIT &amp; ARBEITSLAUF<\/span>\n          <span class=\"iiot-card-title\">Entwickelt f\u00fcr industrielle Datenmengen<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\">\n          Industrielle Anwendungen erzeugen riesige Datenmengen. Die Leistungsoptimierung basiert auf der Auswertung wichtiger Betriebsparameter:\n        <\/p>\n\n        <!-- Factor Tags Grid -->\n        <div class=\"iiot-grid-tags\">\n          <span class=\"iiot-tag\">Datenstruktur<\/span>\n          <span class=\"iiot-tag\">Indizierung<\/span>\n          <span class=\"iiot-tag\">Abfrageentwurf<\/span>\n          <span class=\"iiot-tag\">Datenvolumen<\/span>\n          <span class=\"iiot-tag\">Schreibh\u00e4ufigkeit<\/span>\n          <span class=\"iiot-tag\">Leseh\u00e4ufigkeit<\/span>\n          <span class=\"iiot-tag\">Historische Aufbewahrungsfristen<\/span>\n          <span class=\"iiot-tag\">Hardware<\/span>\n          <span class=\"iiot-tag\">Anwendungsarchitektur<\/span>\n        <\/div>\n\n        <!-- Performance Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-text\">\n            GPLG entwickelt Datenbankl\u00f6sungen entsprechend der zu erwartenden Auslastung, anstatt davon auszugehen, dass jede Anwendung dieselbe Architektur ben\u00f6tigt.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: Data Retention & Management -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">HISTORISCHE DATEN<\/span>\n          <span class=\"iiot-card-title\">Umgang mit der Industriegeschichte<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\">\n          Industrielle Systeme sammeln \u00fcber Monate oder Jahre hinweg Daten. Eine robuste Datenbankarchitektur erf\u00fcllt wichtige strukturelle Kriterien:\n        <\/p>\n\n        <!-- Criteria Cards Grid -->\n        <div class=\"iiot-criteria-grid\">\n          \n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Was sollte gelagert werden?<\/div>\n            <p class=\"iiot-criteria-desc\">Nicht jedes Signal muss unbedingt dauerhaft gespeichert werden.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Wie lange sollte es gelagert werden?<\/div>\n            <p class=\"iiot-criteria-desc\">Die Aufbewahrungsfristen h\u00e4ngen von den jeweiligen Anwendungsanforderungen ab.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Wie sollte man sich mit Geschichte auseinandersetzen?<\/div>\n            <p class=\"iiot-criteria-desc\">H\u00e4ufig abgerufene Daten erfordern eine andere Optimierung als archivierte Datens\u00e4tze.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Wie sollten Daten wachsen?<\/div>\n            <p class=\"iiot-criteria-desc\">Die Architektur muss k\u00fcnftige Datenmengen systematisch ber\u00fccksichtigen.<\/p>\n          <\/div>\n\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    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  \/* Factor Tags Grid *\/\n  .iiot-grid-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 4px 0;\n  }\n\n  .iiot-tag {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 8px 14px;\n    border-radius: 6px;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n  }\n\n  \/* Performance Statement 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  }\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  \/* Retention Criteria Grid *\/\n  .iiot-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-criteria-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;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-criteria-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-criteria-desc {\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Responsive Rules *\/\n  @media (max-width: 850px) {\n    .iiot-criteria-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-a2a7a4e e-con e-atomic-element e-flexbox-base e-b41ff9a\" data-id=\"a2a7a4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a2a7a4e\">\n    \t\t<div class=\"elementor-element elementor-element-624af34 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"624af34\" 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_624af34 {\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_624af34 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_624af34 .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_624af34 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_624af34 .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_624af34:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_624af34:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_624af34:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_624af34: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_624af34\">\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>Architektur f\u00fcr Datenbanksicherheit, Datensicherung und Wiederherstellung<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Section 1: Database Security -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SCHUTZ &amp; ZUGANG<\/span>\n          <span class=\"iiot-card-title\">Schutz von Betriebsgeheimnissen<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\">\n          Industriedatenbanken enthalten sensible betriebliche Informationen. Die Sicherheit wird als integraler Bestandteil der gesamten Industriearchitektur anhand wichtiger Schutzebenen bewertet:\n        <\/p>\n\n        <!-- Security Factor Tags Grid -->\n        <div class=\"iiot-grid-tags\">\n          <span class=\"iiot-tag\">Benutzerauthentifizierung<\/span>\n          <span class=\"iiot-tag\">Zugriffsberechtigungen<\/span>\n          <span class=\"iiot-tag\">Zugriff auf Anwendungen<\/span>\n          <span class=\"iiot-tag\">Datenbankberechtigungen<\/span>\n          <span class=\"iiot-tag\">Netzwerkarchitektur<\/span>\n          <span class=\"iiot-tag\">Sicherungsstrategie<\/span>\n          <span class=\"iiot-tag\">Datenschutz<\/span>\n          <span class=\"iiot-tag\">Systemsegmentierung<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: Backup & Recovery -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">GESCH\u00c4FTSKONTINUIT\u00c4T<\/span>\n          <span class=\"iiot-card-title\">Schutz kritischer Industriedaten<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\">\n          Eine Datenbank kann die Produktionshistorie aus vielen Jahren sowie wichtige Betriebsdaten enthalten. Umfassende Strategien zur Ausfallsicherheit umfassen wesentliche Wiederherstellungsma\u00dfnahmen:\n        <\/p>\n\n        <!-- Backup & Recovery Options Grid -->\n        <div class=\"iiot-criteria-grid\">\n          \n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Geplante Sicherungen<\/div>\n            <p class=\"iiot-criteria-desc\">Automatisierte, regelm\u00e4\u00dfige Snapshots, die auf die Betriebsgeschwindigkeit und die H\u00e4ufigkeit von \u00c4nderungen zugeschnitten sind.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">\u00dcberpr\u00fcfung der Datensicherung<\/div>\n            <p class=\"iiot-criteria-desc\">Regelm\u00e4\u00dfige \u00dcberpr\u00fcfung, um sicherzustellen, dass die Sicherungen vollst\u00e4ndig und fehlerfrei sind.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Wiederherstellungsma\u00dfnahmen<\/div>\n            <p class=\"iiot-criteria-desc\">Klare, dokumentierte Standardarbeitsanweisungen zur Minimierung von Ausfallzeiten w\u00e4hrend der Wiederherstellung.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Datenredundanz<\/div>\n            <p class=\"iiot-criteria-desc\">Replikation \u00fcber mehrere Knoten oder Standorte hinweg zum Schutz vor Hardwareausf\u00e4llen.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Notfallwiederherstellungsplanung<\/div>\n            <p class=\"iiot-criteria-desc\">Strategischer Rahmen f\u00fcr die Wiederherstellung kompletter Systeme nach Katastrophen.<\/p>\n          <\/div>\n\n          <div class=\"iiot-criteria-card\">\n            <div class=\"iiot-criteria-title\">Aufbewahrungsrichtlinien<\/div>\n            <p class=\"iiot-criteria-desc\">Strukturierte Lebenszyklen, die die Aufbewahrungsdauer von Snapshots und Archivierungsregeln festlegen.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Strong Statement Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-text\">\n            Eine Datenbank ist nur dann von Wert, wenn die Informationen bei Bedarf auch noch abgerufen werden k\u00f6nnen.\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    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  \/* Security Factor Tags Grid *\/\n  .iiot-grid-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 4px 0;\n  }\n\n  .iiot-tag {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 8px 14px;\n    border-radius: 6px;\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n  }\n\n  \/* Backup & Recovery Grid *\/\n  .iiot-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-criteria-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;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-criteria-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-criteria-desc {\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Statement 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  }\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  \/* Responsive Rules *\/\n  @media (max-width: 850px) {\n    .iiot-criteria-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-94d462c e-con e-atomic-element e-flexbox-base e-b890e07\" data-id=\"94d462c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94d462c\">\n    \t\t<div class=\"elementor-element elementor-element-671cd36 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"671cd36\" 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_671cd36 {\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_671cd36 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_671cd36 .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_671cd36 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_671cd36 .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_671cd36:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_671cd36:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_671cd36:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_671cd36: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_671cd36\">\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  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Ablauf der Datenbankimplementierung<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">TECHNISCHER ARBEITSABLAUF<\/span>\n          <span class=\"iiot-card-title\">Von den Anforderungen bis zur Produktion<\/span>\n        <\/div>\n        <p class=\"iiot-card-text\">\n          Ein strukturierter 7-stufiger Entwicklungsprozess zur Gew\u00e4hrleistung einer zuverl\u00e4ssigen, skalierbaren und sicheren Bereitstellung industrieller Datenbanken:\n        <\/p>\n\n        <div class=\"iiot-process-grid\">\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">01<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Anforderungen<\/div>\n              <p class=\"iiot-step-desc\">Verstehen Sie, welche Informationen gespeichert werden m\u00fcssen und warum.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">02<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Datenarchitektur<\/div>\n              <p class=\"iiot-step-desc\">Entwerfen Sie die Datenbankstruktur und die Beziehungen.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">03<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Technologieauswahl<\/div>\n              <p class=\"iiot-step-desc\">W\u00e4hlen Sie die geeignete Datenbanktechnologie aus.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">04<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Entwicklung<\/div>\n              <p class=\"iiot-step-desc\">Implementieren Sie Tabellen, Beziehungen, Abfragen und die erforderlichen Datenbankkomponenten.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">05<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Integration<\/div>\n              <p class=\"iiot-step-desc\">Verbinden Sie die Datenbank mit Industriesoftware, SCADA, IoT oder anderen Systemen.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step\">\n            <div class=\"iiot-step-number\">06<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Testen<\/div>\n              <p class=\"iiot-step-desc\">\u00dcberpr\u00fcfen Sie die Leistung, die Datenintegrit\u00e4t und das Anwendungsverhalten.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-process-step iiot-step-full\">\n            <div class=\"iiot-step-number\">07<\/div>\n            <div class=\"iiot-step-body\">\n              <div class=\"iiot-step-title\">Bereitstellung<\/div>\n              <p class=\"iiot-step-desc\">Stellen Sie die Datenbank in der Produktionsumgebung bereit und richten Sie die erforderlichen Wartungs- und Sicherungsverfahren ein.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    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: 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  .iiot-process-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-process-step {\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;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n  }\n\n  .iiot-step-full {\n    grid-column: span 2;\n  }\n\n  .iiot-step-number {\n    font-size: 1.1rem;\n    font-weight: 800;\n    opacity: 0.4;\n    letter-spacing: -0.5px;\n    line-height: 1;\n    padding-top: 2px;\n  }\n\n  .iiot-step-body {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iiot-step-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-step-desc {\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  @media (max-width: 850px) {\n    .iiot-process-grid {\n      grid-template-columns: 1fr;\n    }\n    .iiot-step-full {\n      grid-column: span 1;\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-54cfe0e e-con e-atomic-element e-flexbox-base e-d984cb7\" data-id=\"54cfe0e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54cfe0e\">\n    \t\t<div class=\"elementor-element elementor-element-a236921 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"a236921\" 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_a236921 {\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_a236921 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_a236921 .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_a236921 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_a236921 .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_a236921:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_a236921:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_a236921:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_a236921: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_a236921\">\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-combined-wrapper\">\n  \n  <!-- Left Side: Applications Box -->\n  <div class=\"iiot-card-container\">\n    <div class=\"iiot-card-header\">\n      <div class=\"iiot-header-title\">\n        <h3>Anwendungen<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"iiot-card-content\">\n      <div class=\"iiot-content-inner\">\n        <div class=\"iiot-section-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">ANWENDUNGSBEISPIELE<\/span>\n            <span class=\"iiot-card-title\">Anwendungsbereiche f\u00fcr Datenbankl\u00f6sungen<\/span>\n          <\/div>\n\n          <div class=\"iiot-apps-grid\">\n            \n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Produktionsmanagement<\/div>\n              <p class=\"iiot-app-desc\">Strukturierte Produktionsdaten und -historie.<\/p>\n            <\/div>\n\n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Maschinen\u00fcberwachung<\/div>\n              <p class=\"iiot-app-desc\">Speicherung von Maschinenereignissen und Betriebsdaten.<\/p>\n            <\/div>\n\n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Qualit\u00e4tsmanagement<\/div>\n              <p class=\"iiot-app-desc\">Pr\u00fcfergebnisse und Qualit\u00e4tsaufzeichnungen.<\/p>\n            <\/div>\n\n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Wartungssysteme<\/div>\n              <p class=\"iiot-app-desc\">Informationen zur Betriebsgeschichte und Wartung der Anlagen.<\/p>\n            <\/div>\n\n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Industrielle Anwendungen<\/div>\n              <p class=\"iiot-app-desc\">Dateninfrastruktur f\u00fcr kundenspezifische Industriesoftware.<\/p>\n            <\/div>\n\n            <div class=\"iiot-app-card\">\n              <div class=\"iiot-app-title\">Industrielle Analytik<\/div>\n              <p class=\"iiot-app-desc\">Historische Daten f\u00fcr Berichterstellung, Analyse und Optimierung.<\/p>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Right Side: Technology Stack Box -->\n  <div class=\"iiot-card-container\">\n    <div class=\"iiot-card-header\">\n      <div class=\"iiot-header-title\">\n        <h3>Technologie-Stack<\/h3>\n      <\/div>\n    <\/div>\n\n    <div class=\"iiot-card-content\">\n      <div class=\"iiot-content-inner\">\n        <div class=\"iiot-section-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">TECHNISCHE PLATTFORM<\/span>\n            <span class=\"iiot-card-title\">Datenbanktechnologien, mit denen wir arbeiten<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-stack-container\">\n            \n            <div class=\"iiot-tech-group\">\n              <div class=\"iiot-tech-group-title\">Datenbanken<\/div>\n              <div class=\"iiot-tech-chips\">\n                <span class=\"iiot-tech-chip\">Microsoft SQL Server<\/span>\n                <span class=\"iiot-tech-chip\">MySQL<\/span>\n                <span class=\"iiot-tech-chip\">PostgreSQL<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"iiot-tech-group\">\n              <div class=\"iiot-tech-group-title\">Entwicklung<\/div>\n              <div class=\"iiot-tech-chips\">\n                <span class=\"iiot-tech-chip\">C#<\/span>\n                <span class=\"iiot-tech-chip\">Python<\/span>\n                <span class=\"iiot-tech-chip\">.NET<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"iiot-tech-group\">\n              <div class=\"iiot-tech-group-title\">Integration<\/div>\n              <div class=\"iiot-tech-chips\">\n                <span class=\"iiot-tech-chip\">REST-APIs<\/span>\n                <span class=\"iiot-tech-chip\">OPC UA<\/span>\n                <span class=\"iiot-tech-chip\">MQTT<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"iiot-tech-group\">\n              <div class=\"iiot-tech-group-title\">Infrastruktur<\/div>\n              <div class=\"iiot-tech-chips\">\n                <span class=\"iiot-tech-chip\">Docker<\/span>\n                <span class=\"iiot-tech-chip\">Linux<\/span>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n  .iiot-combined-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    width: 100%;\n    margin: 20px 0;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-container {\n    width: 100%;\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    display: flex;\n    flex-direction: column;\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-card-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    flex: 1;\n    display: flex;\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    width: 100%;\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  \/* Applications Grid (2 Columns inside left box) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-app-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;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-app-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-app-desc {\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Technology Stack Styles *\/\n  .iiot-tech-stack-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-top: 4px;\n  }\n\n  .iiot-tech-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-tech-group-title {\n    font-size: 0.78rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    opacity: 0.5;\n  }\n\n  .iiot-tech-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .iiot-tech-chip {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    padding: 8px 16px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Responsive Behavior for Tablets \/ Mobile *\/\n  @media (max-width: 900px) {\n    .iiot-combined-wrapper {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 550px) {\n    .iiot-apps-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-a3438a1 e-con e-atomic-element e-flexbox-base e-315a0e9\" data-id=\"a3438a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a3438a1\">\n    \t\t<div class=\"elementor-element elementor-element-bc8e99d elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"bc8e99d\" 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_bc8e99d {\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_bc8e99d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_bc8e99d .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_bc8e99d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bc8e99d .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_bc8e99d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_bc8e99d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bc8e99d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bc8e99d: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_bc8e99d\">\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<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\">\n<h3>Die richtige Datenstruktur erstellen<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">Eine zuverl\u00e4ssige Datenbank beginnt mit einer robusten Architektur. GPLG entwickelt Datenstrukturen, die darauf ausgelegt sind, Stabilit\u00e4t, Abfragegeschwindigkeit und strukturelle Integrit\u00e4t auch bei wachsendem Umfang Ihres industriellen Betriebs zu gew\u00e4hrleisten.<\/p>\n<!-- Architectural Pillars Grid -->\n<div class=\"iiot-arch-grid\">\n\n<!-- Column 1: Core Schema & Modeling -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">01<\/span>\n<span class=\"iiot-column-title\">Schema und relationales Design<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n     <li><strong>Datenbeziehungen<\/strong>\nNormalisierte Entit\u00e4ten, die physische und logische Verbindungen in der realen Welt abbilden.<\/li>\n     <li><strong>Tabellen und Entit\u00e4ten<\/strong>\nKlare Trennung der Dom\u00e4nen f\u00fcr Anlagen, Arbeitsauftr\u00e4ge, Chargen und Benutzer.<\/li>\n     <li><strong>Datentypen<\/strong>\nStrenge Typenzuweisung f\u00fcr hohe Genauigkeit und minimalen Speicherbedarf.<\/li>\n<\/ul>\n<\/div>\n<!-- Column 2: Data Lifecycle & Retention -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">02<\/span>\n<span class=\"iiot-column-title\">Lebenszyklus- und Historian-Strategie<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n     <li><strong>Historische Aufzeichnungen<\/strong>\nOptimierte Zeitreihenpartitionen f\u00fcr Langzeit-Telemetriedaten und Ereignisprotokolle.<\/li>\n     <li><strong>Datenaufbewahrung<\/strong>\nAutomatisierte Archivierungs- und L\u00f6schrichtlinien zur Steuerung des Speicherwachstums.<\/li>\n     <li><strong>Indizierung<\/strong>\nMa\u00dfgeschneiderte Indexstrategien f\u00fcr sofortige Abfragen in industriellen Datenstr\u00f6men mit hohem Schreibaufkommen.<\/li>\n<\/ul>\n<\/div>\n<!-- Column 3: Performance & Scalability -->\n<div class=\"iiot-grid-column\">\n<div class=\"iiot-column-header\"><span class=\"iiot-column-badge\">03<\/span>\n<span class=\"iiot-column-title\">Leistung und Umsetzung<\/span><\/div>\n<ul class=\"iiot-pillar-list\">\n     <li><strong>Anforderungen an die Abfrage<\/strong>\nVorab berechnete Ansichten und optimierte Ausf\u00fchrungspl\u00e4ne f\u00fcr den Abruf mit geringer Latenz.<\/li>\n     <li><strong>Bewerbungsvoraussetzungen<\/strong>\nDirekte Abstimmung auf die Anforderungen von SCADA, MES, Web-API und Edge-Middleware.<\/li>\n     <li><strong>Leistung und Skalierbarkeit<\/strong>\nStrukturen f\u00fcr hohe Parallelit\u00e4t, die darauf ausgelegt sind, wachsende industrielle Lasten zu bew\u00e4ltigen.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<!-- Footer Statement Banner -->\n<div class=\"iiot-statement-banner\">\n<div class=\"iiot-statement-text\">Das Ziel besteht darin, eine Struktur zu schaffen, die auch bei zunehmendem Wachstum des industriellen Systems weiterhin nutzbar, anpassungsf\u00e4hig und wartbar bleibt.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 28px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* 3-Column Grid for Architecture Aspects *\/\n  .iiot-arch-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 28px;\n  }\n\n  .iiot-grid-column {\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    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .iiot-column-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 12px;\n  }\n\n  .iiot-column-badge {\n    font-size: 0.78rem;\n    font-weight: 700;\n    opacity: 0.6;\n    color: inherit;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-column-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  \/* Pillar Bullet Item Styling *\/\n  .iiot-pillar-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .iiot-pillar-list li {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 0.88rem;\n  }\n\n  .iiot-pillar-list strong {\n    color: inherit;\n    font-weight: 600;\n    font-size: 0.9rem;\n  }\n\n  .iiot-pillar-list span {\n    opacity: 0.8;\n    line-height: 1.4;\n    font-size: 0.84rem;\n  }\n\n  \/* Footer Statement 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: 18px 24px;\n    text-align: center;\n  }\n\n  .iiot-statement-text {\n    font-size: 1.02rem;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n  }\n\n  \/* Responsive Behavior for Tablet and Mobile *\/\n  @media (max-width: 1024px) {\n    .iiot-arch-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .iiot-content-inner {\n      padding: 16px;\n    }\n    .iiot-card-header {\n      padding: 14px 16px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .iiot-description {\n      font-size: 0.9rem;\n      margin-bottom: 20px;\n    }\n    .iiot-grid-column {\n      padding: 14px;\n      gap: 12px;\n    }\n    .iiot-statement-banner {\n      padding: 14px 16px;\n    }\n    .iiot-statement-text {\n      font-size: 0.92rem;\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-ee6b522 e-con e-atomic-element e-flexbox-base e-f2feb4b\" data-id=\"ee6b522\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee6b522\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-e0cddf4\" 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-e0cddf4 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=\"e0cddf4\" 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-dc103af e-con-full e-flex e-con e-child\" data-id=\"dc103af\" 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-d302fa6 elementor-widget elementor-widget-heading\" data-id=\"d302fa6\" 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\">Schaffen Sie eine solidere Datenbasis<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-767cd95 elementor-widget elementor-widget-text-editor\" data-id=\"767cd95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ganz gleich, ob Sie eine Produktionsdatenbank, eine Maschinendatenhistorie, eine Anwendungsdatenbank oder eine komplette industrielle Datenarchitektur ben\u00f6tigen \u2013 GPLG kann die L\u00f6sung ganz nach Ihren Anforderungen konzipieren und umsetzen.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Ein Datenbankprojekt besprechen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daed8e6 e-con-full e-flex e-con e-child\" data-id=\"daed8e6\" 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-d01e3f3 elementor-widget elementor-widget-button\" data-id=\"d01e3f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontaktieren Sie GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_box_hero skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box Build a Stronger Data Foundation Whether you [&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-2308","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\/2308","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=2308"}],"version-history":[{"count":217,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2308\/revisions"}],"predecessor-version":[{"id":5132,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2308\/revisions\/5132"}],"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=2308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}