{"id":2306,"date":"2026-08-06T18:59:42","date_gmt":"2026-08-06T18:59:42","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2306"},"modified":"2026-08-21T20:27:23","modified_gmt":"2026-08-21T20:27:23","slug":"bildverarbeitungstechnologien","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/machine-vision-technologies\/","title":{"rendered":"Bildverarbeitungstechnologien"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2306\" class=\"elementor elementor-2306\" 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-259a5e6 e-con e-atomic-element e-flexbox-base e-0009266\" data-id=\"259a5e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"259a5e6\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"1ac7d31\" data-e-type=\"widget\" data-id=\"1ac7d31\" id=\"4163\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-18x4.jpeg 18w\" alt=\"Bildverarbeitung1\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-187cc57 e-con e-atomic-element e-flexbox-base e-e5bed00\" data-id=\"187cc57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"187cc57\">\n    \t\t<div class=\"elementor-element elementor-element-b2d7deb elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b2d7deb\" 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_b2d7deb {\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_b2d7deb .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb: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_b2d7deb\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">Industrielle Bildverarbeitungssysteme f\u00fcr Inspektion, Identifizierung und Automatisierung<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udc41\ufe0f<\/span><h3>Bildverarbeitungssysteme und industrielle Integration<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">GPLG entwickelt und integriert Bildverarbeitungssysteme, mit denen Industrieanlagen visuelle Informationen in Echtzeit erfassen, analysieren und entsprechend darauf reagieren k\u00f6nnen.<\/p><p><!-- Core Capabilities Grid --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Kernanwendungen von Vision<\/div><div class=\"iiot-use-grid\"><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span><div class=\"iiot-use-title\">Produktpr\u00fcfung<\/div><\/div><div class=\"iiot-use-desc\">Automatisierte Oberfl\u00e4chen-, Fehler- und Montagepr\u00fcfung zur Gew\u00e4hrleistung einer fehlerfreien Produktion.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span><div class=\"iiot-use-title\">Messtechnik und Metrologie<\/div><\/div><div class=\"iiot-use-desc\">Hochpr\u00e4zise Ma\u00dfkontrollen und geometrische Toleranzen direkt in der Fertigungslinie.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span><div class=\"iiot-use-title\">Objektidentifizierung<\/div><\/div><div class=\"iiot-use-desc\">Lesen von 1D-\/2D-Codes, OCR-Textextraktion und automatische Teileklassifizierung.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span><div class=\"iiot-use-title\">Roboterf\u00fchrung<\/div><\/div><div class=\"iiot-use-desc\">2D-\/3D-Raumkoordinaten zur Steuerung von Best\u00fcckungs- und flexiblen Montagerobotern.<\/div><\/div><\/div><\/div><p><!-- Integrated System Components Strip --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Integrierter L\u00f6sungs-Stack<\/div><div class=\"iiot-tech-strip\"><span class=\"iiot-tech-badge\">\ud83d\udcf7 Kameras<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udd0d Optik<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udca1 Beleuchtung<\/span><br \/><span class=\"iiot-tech-badge\">\ud83e\udde0 Bildverarbeitung<\/span><br \/><span class=\"iiot-tech-badge\">\u26a1 Industrieautomation<\/span><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    box-sizing: border-box;<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .iiot-section-box:last-child {<br \/>\n    margin-bottom: 0;<br \/>\n  }<\/p>\n<p>  .iiot-box-title {<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.2px;<br \/>\n    text-transform: uppercase;<br \/>\n    opacity: 0.7;<br \/>\n    margin-bottom: 16px;<br \/>\n    text-align: center;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Use Card Grid Layout *\/<br \/>\n  .iiot-use-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-use-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.04);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 14px 16px;<br \/>\n    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 6px;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-use-card:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n  }<\/p>\n<p>  .iiot-use-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-use-title {<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.92rem;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-pill-icon {<br \/>\n    font-style: normal;<br \/>\n    font-size: 1rem;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .iiot-use-desc {<br \/>\n    font-size: 0.84rem;<br \/>\n    line-height: 1.45;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Tech Strip Badges *\/<br \/>\n  .iiot-tech-strip {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge {<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 20px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.45);<br \/>\n    background-color: rgba(255, 255, 255, 0.15);<br \/>\n  }<\/p>\n<p>  \/* Responsive Adjustments *\/<br \/>\n  @media (max-width: 768px) {<br \/>\n    .iiot-use-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t        <div class=\"ue-btn-wrapper moveFromBottom\">\n           <a class=\"ue-btn\"  href=\"https:\/\/gplg.pt\/pt\/contact\/\" >\n\t\t\t\t<span class=\"uc-link\">Ein \u201eVision\u201c-Projekt besprechen<\/span>\n\t\t   <\/a>\n        <\/div>\n             <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cc2ccf8 e-con e-atomic-element e-flexbox-base e-9041832\" data-id=\"cc2ccf8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc2ccf8\">\n    \t\t<div class=\"elementor-element elementor-element-39a26d3 elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"39a26d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Transparent Split Hero -->\n\t\t<link id='uc_ac_assets_file_uc_photography_header_css_0-css' href='https:\/\/gplg.pt\/ia\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor_39a26d3\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Vision-GPLG.png);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_39a26d3 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:left;\n}\n\t\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor_39a26d3\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                                <div class=\"uc_text\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>MACHINE VISION ENGINEERING<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">OPTISCHE INTELLIGENZ<\/span>\n          <span class=\"iiot-card-title\">Industriesystemen die F\u00e4higkeit zum Sehen verleihen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Die industrielle Bildverarbeitung wandelt von Industriekameras aufgenommene Bilder in Informationen um, die von Maschinen, Software und Automatisierungssystemen genutzt werden k\u00f6nnen. Ein komplettes Bildverarbeitungssystem ist weit mehr als nur eine Kamera.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          Die Leistungsf\u00e4higkeit der Anwendung h\u00e4ngt von der richtigen Kombination aus optischen Elementen, Hardware-Erfassung und automatisierter Entscheidungsfindung ab.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container (Mobile Optimized Stack) -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 12px;\">\n          <div class=\"iiot-arch-tier-label\">VISION-PIPELINE-ARCHITEKTUR<\/div>\n          \n          <div class=\"vision-flow-grid\">\n            <div class=\"iiot-arch-node\">Kamera<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Objektiv<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Beleuchtung<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Bildaufnahme<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Verarbeitung<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Entscheidung<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automatisierung<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SYSTEMINTEGRATION<\/span>\n          <span class=\"iiot-card-title\">Ma\u00dfgeschneiderte Optikentwicklung<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG entwickelt das gesamte System unter Ber\u00fccksichtigung der Produkteigenschaften, der Produktionsumgebung und der Pr\u00fcfanforderungen. Jede Variable wird einbezogen, um absolute Wiederholbarkeit zu gew\u00e4hrleisten.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">EINSATZMODELL<\/div>\n          <div class=\"iiot-arch-node\">Standard-Einzelkameras<\/div>\n          <div class=\"vision-flow-arrow\" style=\"margin: 4px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Vollst\u00e4ndig integriertes Bildverarbeitungs- und Steuerungs\u00f6kosystem<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG-STANDARD<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Ein zuverl\u00e4ssiges Bildverarbeitungssystem beginnt mit der richtigen Technik \u2013 nicht nur mit einer hochaufl\u00f6senden Kamera.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vision Flow Grid: Native Vertical Stack for Mobile Reliability *\/\n  .vision-flow-grid {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 260px;\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: 7px 10px;\n    text-align: center;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Adjustments for Tablet and Mobile *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>            <\/div>\n  <\/div>\n<\/div>\n<!-- end Transparent Split Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2ac1ca4 e-con e-atomic-element e-flexbox-base e-177f57d\" data-id=\"2ac1ca4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ac1ca4\">\n    \t\t<div class=\"elementor-element elementor-element-d05cb22 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d05cb22\" 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_d05cb22 {\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_d05cb22 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22: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_d05cb22\">\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\">WAS IST MASCHINELLES SEHEN?<\/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      <span class=\"iiot-icon\">\ud83d\udd04<\/span>\n      <h3>Vom Bild zur betrieblichen Entscheidung<\/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        Ein Bildverarbeitungssystem erfasst visuelle Informationen, verarbeitet das Bild und liefert ein Echtzeitergebnis, das von der gesamten Infrastruktur der industriellen Automatisierung genutzt wird.\n      <\/p>\n\n      <!-- Architecture Flow Box -->\n      <div class=\"iiot-pipeline-box\">\n        <div class=\"iiot-box-title\">Pipeline der technischen Architektur<\/div>\n        \n        <div class=\"iiot-horizontal-pipeline\">\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83c\udfed<\/span> Prozess<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udce6<\/span> Produkt<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span> Kamera<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span> Erwerb<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span> Verarbeitung<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83e\udde0<\/span> Analyse<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <!-- Decision Branch Container -->\n          <div class=\"iiot-decision-branch\">\n            <div class=\"iiot-branch-label\">ENTSCHEIDUNG<\/div>\n            <div class=\"iiot-outcomes\">\n              <span class=\"iiot-outcome-badge iiot-pass\">\u2713 BESTANDEN \/ OK<\/span>\n              <span class=\"iiot-outcome-badge iiot-fail\">\u2717 DURCHGEFALLEN \/ NOK<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node iiot-node-highlight\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Automatisierung<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Output Results Grid -->\n      <div class=\"iiot-outputs-box\">\n        <div class=\"iiot-box-title\">Anwendungsergebnisse und -ertr\u00e4ge<\/div>\n        <div class=\"iiot-results-grid\">\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Messung<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span> Identifizierung<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span> Klassifizierung<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccd<\/span> Position<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\u2b50<\/span> Qualit\u00e4tsergebnis<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span> Entscheidung \u00fcber \u201eBestanden\u201c oder \u201eNicht bestanden\u201c<\/div>\n          <div class=\"iiot-result-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Roboterkoordinaten<\/div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Section Title *\/\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Pipeline Architecture Box *\/\n  .iiot-pipeline-box,\n  .iiot-outputs-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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-outputs-box {\n    margin-bottom: 0;\n  }\n\n  \/* Pipeline Layout *\/\n  .iiot-horizontal-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    overflow-x: auto;\n    padding-bottom: 8px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.82rem;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 0.9rem;\n    font-weight: 700;\n    padding: 0 1px;\n  }\n\n  \/* Decision Branch Component *\/\n  .iiot-decision-branch {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px dashed rgba(255, 255, 255, 0.25);\n    border-radius: 6px;\n    padding: 6px 10px;\n  }\n\n  .iiot-branch-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    opacity: 0.8;\n  }\n\n  .iiot-outcomes {\n    display: flex;\n    gap: 6px;\n  }\n\n  .iiot-outcome-badge {\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 3px 8px;\n    border-radius: 4px;\n    white-space: nowrap;\n  }\n\n  .iiot-pass {\n    background-color: rgba(46, 204, 113, 0.15);\n    border: 1px solid rgba(46, 204, 113, 0.4);\n    color: #2ecc71;\n  }\n\n  .iiot-fail {\n    background-color: rgba(231, 76, 60, 0.15);\n    border: 1px solid rgba(231, 76, 60, 0.4);\n    color: #e74c3c;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.9rem;\n    line-height: 1;\n  }\n\n  \/* Results Badges Grid *\/\n  .iiot-results-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-result-badge {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-result-badge:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-pipeline {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n\n    .iiot-results-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-results-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-9328cb9 e-con e-atomic-element e-flexbox-base e-9177042\" data-id=\"9328cb9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9328cb9\">\n    \t\t<div class=\"elementor-element elementor-element-b001814 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b001814\" 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_b001814 {\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_b001814 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814: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_b001814\">\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\">KOMPONENTEN F\u00dcR DIE BILDVERARBEITUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee0\ufe0f<\/span>\n      <h3>Entwicklung des kompletten Bildverarbeitungssystems<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <!-- 2x3 Grid Layout -->\n      <div class=\"iiot-2x3-grid\">\n        \n        <!-- Card 1 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <div class=\"iiot-card-title\">Industriekameras<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Auswahl geeigneter Kameras anhand von Aufl\u00f6sung, Geschwindigkeit, Sensoreigenschaften und Anwendungsanforderungen.\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-card-title\">Optik &amp; Linsen<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Die Wahl des Objektivs bestimmt, wie die Kamera das Objekt sieht. Ein korrektes Sichtfeld, der richtige Arbeitsabstand und die richtigen optischen Eigenschaften sind f\u00fcr eine zuverl\u00e4ssige Pr\u00fcfung unerl\u00e4sslich.\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <div class=\"iiot-card-title\">Industriebeleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Die Beleuchtung ist einer der wichtigsten Bestandteile eines Bildverarbeitungssystems. Wir w\u00e4hlen die Beleuchtung entsprechend der Geometrie, dem Material, der Oberfl\u00e4che und den Pr\u00fcfzielen aus.\n          <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Bildaufnahme<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Wir gestalten den Erfassungsprozess so, dass konsistente, qualitativ hochwertige Bilder zuverl\u00e4ssig bei der erforderlichen Produktionsgeschwindigkeit erfasst werden.\n          <\/div>\n        <\/div>\n\n        <!-- Card 5 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Bildverarbeitung<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Die Bilder werden mithilfe von Algorithmen verarbeitet und analysiert, um genau die Informationen zu extrahieren, die f\u00fcr die industrielle Anwendung ben\u00f6tigt werden.\n          <\/div>\n        <\/div>\n\n        <!-- Card 6 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <div class=\"iiot-card-title\">Industrielle Integration<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Die Ergebnisse der Bildverarbeitung werden bei Bedarf nahtlos in SPSen, Roboter, Maschinen oder \u00fcbergeordnete industrielle Software integriert.\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Strict 2x3 Grid (3 columns, 2 rows) Layout *\/\n  .iiot-2x3-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(2, auto);\n    gap: 16px;\n  }\n\n  .iiot-grid-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-grid-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-card-title-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-card-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Layout Adaptations *\/\n  @media (max-width: 900px) {\n    .iiot-2x3-grid {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: auto;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-2x3-grid {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\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-8ea8d3c e-con e-atomic-element e-flexbox-base e-ae9ad71\" data-id=\"8ea8d3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ea8d3c\">\n    \t\t<div class=\"elementor-element elementor-element-9c552cc elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9c552cc\" 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_9c552cc {\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_9c552cc .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc: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_9c552cc\">\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\">KAMERATEKNOLOGIE<\/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      <span class=\"iiot-icon\">\ud83d\udcf7<\/span>\n      <h3>Die richtige Industriekamera ausw\u00e4hlen<\/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        Es gibt keine Kamera, die f\u00fcr jeden Einsatzzweck ideal ist. GPLG bewertet die spezifischen Anforderungen jedes einzelnen Einsatzes, um die erforderliche Bildqualit\u00e4t zu erzielen \u2013 und nicht einfach nur die h\u00f6chstm\u00f6glichen technischen Spezifikationen.\n      <\/p>\n\n      <!-- Selection Criteria Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Kriterien f\u00fcr die Bewertung von Kameras<\/div>\n        <div class=\"iiot-criteria-grid\">\n          \n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span> Erforderliche Aufl\u00f6sung<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccf<\/span> Objektgr\u00f6\u00dfe<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u26a1<\/span> Pr\u00fcfgeschwindigkeit<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Sichtfeld<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span> Arbeitsabstand<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfa8<\/span> Anforderungen an die Farbe<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u2b1b<\/span> Anforderungen an die Monochromdarstellung<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u23f1\ufe0f<\/span> Belichtungszeit<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span> Bewegungsdynamik<\/div>\n          <div class=\"iiot-criteria-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/span> Umgebungsbedingungen<\/div>\n\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Criteria Grid Layout *\/\n  .iiot-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-criteria-badge {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.86rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-criteria-badge:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-criteria-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-criteria-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-a62a1c3 e-con e-atomic-element e-flexbox-base e-606ddf2\" data-id=\"a62a1c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a62a1c3\">\n    \t\t<div class=\"elementor-element elementor-element-195fc72 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"195fc72\" 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_195fc72 {\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_195fc72 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72: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_195fc72\">\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\">LINSEN &amp; OPTIK<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd0d<\/span>\n      <h3>Das Objektiv ist Teil des Messsystems<\/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 hochwertige Kamera kann ein ungeeignetes Objektiv nicht ausgleichen. Die optische Pr\u00e4zision bestimmt unmittelbar die Systemleistung.\n      <\/p>\n\n      <!-- Key Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Bewertete optische Schl\u00fcsselfaktoren<\/div>\n        <div class=\"iiot-factors-grid\">\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-factor-text\">Sichtfeld<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span>\n            <span class=\"iiot-factor-text\">Arbeitsabstand<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <span class=\"iiot-factor-text\">Vergr\u00f6\u00dferung<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <span class=\"iiot-factor-text\">Verzerrungskontrolle<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-factor-text\">Sch\u00e4rfentiefe<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-factor-text\">Abmessungen des Objekts<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <span class=\"iiot-factor-text\">Eigenschaften von Kamerasensoren<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Grundlegendes technisches Prinzip:<\/strong> Kamera und Optik m\u00fcssen als ein einziges, einheitliches System konzipiert werden.\n          <\/div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 16px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid for Optical Factors *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-5c3d564 e-con e-atomic-element e-flexbox-base e-7574c17\" data-id=\"5c3d564\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c3d564\">\n    \t\t<div class=\"elementor-element elementor-element-404fc78 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"404fc78\" 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_404fc78 {\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_404fc78 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78: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_404fc78\">\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\">INDUSTRIELLE BELEUCHTUNG<\/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      <span class=\"iiot-icon\">\ud83d\udca1<\/span>\n      <h3>Das Bild vor der Bearbeitung steuern<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die Beleuchtung bestimmt, was die Kamera tats\u00e4chlich sehen kann. Unterschiedliche Materialien, Oberfl\u00e4chenbeschaffenheiten und Bauteilgeometrien erfordern spezifische Beleuchtungstechniken, um wesentliche Merkmale hervorzuheben und unerw\u00fcnschte optische St\u00f6rungen zu beseitigen.\n      <\/p>\n\n      <!-- 6 Lighting Configurations Grid -->\n      <div class=\"iiot-lighting-grid\">\n        \n        <!-- Config 1 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd33<\/span>\n            <div class=\"iiot-light-title\">Hintergrundbeleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Eignet sich f\u00fcr kontrastreiche Silhouetten, pr\u00e4zise Ma\u00dfbestimmungen und Kantenprofile.<\/div>\n        <\/div>\n\n        <!-- Config 2 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <div class=\"iiot-light-title\">Ringbeleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Geeignet f\u00fcr die allgemeine Oberfl\u00e4chenpr\u00fcfung und die multidirektionale Ausleuchtung von Bauteilen.<\/div>\n        <\/div>\n\n        <!-- Config 3 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u25ac<\/span>\n            <div class=\"iiot-light-title\">Beleuchtung an der Bar<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Eignet sich f\u00fcr gr\u00f6\u00dfere Inspektionsbereiche und zur Erzeugung einer gezielten, gerichteten Ausleuchtung.<\/div>\n        <\/div>\n\n        <!-- Config 4 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <div class=\"iiot-light-title\">Kuppelbeleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Sorgt f\u00fcr eine diffuse Ausleuchtung, wodurch Reflexionen an gekr\u00fcmmten oder gl\u00e4nzenden Oberfl\u00e4chen drastisch reduziert werden.<\/div>\n        <\/div>\n\n        <!-- Config 5 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udc41\ufe0f<\/span>\n            <div class=\"iiot-light-title\">Koaxiale Beleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Leitet das Licht entlang der optischen Achse und ist daher besonders effektiv bei flachen, stark reflektierenden Oberfl\u00e4chen.<\/div>\n        <\/div>\n\n        <!-- Config 6 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udee0\ufe0f<\/span>\n            <div class=\"iiot-light-title\">Individuelle Beleuchtung<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Speziell entwickelte Beleuchtungskonzepte, die genau auf einzigartige oder komplexe Anwendungsanforderungen zugeschnitten sind.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Grundlegende Sichtbarkeitsregel:<\/strong> Gutes Sehen beginnt mit guter Beleuchtung.\n          <\/div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Lighting Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-lighting-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-light-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-light-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-light-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-light-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-light-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-lighting-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-lighting-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-33b870d e-con e-atomic-element e-flexbox-base e-9e0fdcc\" data-id=\"33b870d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33b870d\">\n    \t\t<div class=\"elementor-element elementor-element-da1812a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"da1812a\" 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_da1812a {\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_da1812a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a: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_da1812a\">\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\">BILDERFASSUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u23f1\ufe0f<\/span>\n      <h3>Konsistente Bilder bei Produktionsgeschwindigkeit aufnehmen<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die industrielle Inspektion erfordert eine Bildaufnahme mit hoher Wiederholgenauigkeit. Um Schwankungen zu vermeiden, wird die Bildaufnahme pr\u00e4zise auf die physikalischen Abl\u00e4ufe des jeweiligen Produktionszyklus abgestimmt.\n      <\/p>\n\n      <!-- Synchronization Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Bewertung von Zeit- und Bewegungsfaktoren<\/div>\n        <div class=\"iiot-factors-grid\">\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <span class=\"iiot-factor-text\">Ausl\u00f6sen<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf8<\/span>\n            <span class=\"iiot-factor-text\">Belichtung<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span>\n            <span class=\"iiot-factor-text\">Antrag<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd04<\/span>\n            <span class=\"iiot-factor-text\">Bildfrequenz<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd17<\/span>\n            <span class=\"iiot-factor-text\">Kamerasynchronisation<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udede<\/span>\n            <span class=\"iiot-factor-text\">F\u00f6rderbandgeschwindigkeit<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-factor-text\">Produktposition<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <span class=\"iiot-factor-text\">Beleuchtungszeitpunkt<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a0\ufe0f<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Das Wichtigste auf einen Blick:<\/strong> Ein System, das uneinheitliche Bilder liefert, f\u00fchrt zu uneinheitlichen Pr\u00fcfergebnissen.\n          <\/div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 16px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid Layout (4 columns on wide screens) *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-af6e61f e-con e-atomic-element e-flexbox-base e-18e065d\" data-id=\"af6e61f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af6e61f\">\n    \t\t<div class=\"elementor-element elementor-element-fc3095e elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"fc3095e\" 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_fc3095e {\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_fc3095e .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e: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_fc3095e\">\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\">BILDVERARBEITUNG<\/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      <span class=\"iiot-icon\">\u2699\ufe0f<\/span>\n      <h3>Informationen aus Bildern extrahieren<\/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        Sobald ein Bild aufgenommen wurde, extrahiert das System die entscheidenden Bilddaten. GPLG w\u00e4hlt die geeigneten algorithmischen Ans\u00e4tze aus und kombiniert diese speziell auf die Pr\u00fcfziele abgestimmt.\n      <\/p>\n\n      <!-- Processing Techniques Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Verfahren zur Bildverarbeitung und -analyse<\/div>\n        <div class=\"iiot-techniques-grid\">\n          \n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\uddf9<\/span>\n            <span class=\"iiot-tech-text\">Filtern<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf9a\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Schwellenwertbildung<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\udde9<\/span>\n            <span class=\"iiot-tech-text\">Segmentierung<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-tech-text\">Kantenerkennung<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-tech-text\">Formanalyse<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\u3030\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Konturanalyse<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-tech-text\">Musterabgleich<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-tech-text\">Messung<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <span class=\"iiot-tech-text\">Objekterkennung<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Klassifizierung<\/span>\n          <\/div>\n\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Techniques Grid Layout (3 Columns) *\/\n  .iiot-techniques-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-tech-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-tech-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-techniques-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-techniques-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\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-a67b237 e-con e-atomic-element e-flexbox-base e-2f6ddde\" data-id=\"a67b237\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a67b237\">\n    \t\t<div class=\"elementor-element elementor-element-d31611a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d31611a\" 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_d31611a {\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_d31611a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a: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_d31611a\">\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\">KI &amp; BILDVERARBEITUNG<\/div>\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>MACHINE VISION ENGINEERING<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">OPTISCHE INTELLIGENZ<\/span>\n          <span class=\"iiot-card-title\">Industriesystemen die F\u00e4higkeit zum Sehen verleihen<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Die industrielle Bildverarbeitung wandelt von Industriekameras aufgenommene Bilder in Informationen um, die von Maschinen, Software und Automatisierungssystemen genutzt werden k\u00f6nnen. Ein komplettes Bildverarbeitungssystem ist weit mehr als nur eine Kamera.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          Die Leistungsf\u00e4higkeit der Anwendung h\u00e4ngt von der richtigen Kombination aus optischen Elementen, Hardware-Erfassung und automatisierter Entscheidungsfindung ab.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">VISION-PIPELINE-ARCHITEKTUR<\/div>\n          \n          <div class=\"vision-flow-container\">\n            <div class=\"iiot-arch-node\">Kamera<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Objektiv<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Beleuchtung<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Erwerb<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Verarbeitung<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Entscheidung<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automatisierung<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SYSTEMINTEGRATION<\/span>\n          <span class=\"iiot-card-title\">Ma\u00dfgeschneiderte Optikentwicklung<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG entwickelt das gesamte System unter Ber\u00fccksichtigung der Produkteigenschaften, der Produktionsumgebung und der Pr\u00fcfanforderungen. Jede Variable wird einbezogen, um absolute Wiederholbarkeit zu gew\u00e4hrleisten.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">EINSATZMODELL<\/div>\n          <div style=\"display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; flex-wrap: wrap;\" class=\"deployment-model-flex\">\n            <div class=\"iiot-arch-node\" style=\"flex: 1; min-width: 140px;\">Standard-Einzelkameras<\/div>\n            <div class=\"vision-flow-arrow deployment-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"flex: 1; min-width: 140px;\">Vollst\u00e4ndig integriertes \u00d6kosystem<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG-STANDARD<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Ein zuverl\u00e4ssiges Bildverarbeitungssystem beginnt mit der richtigen Technik \u2013 nicht nur mit einer hochaufl\u00f6senden Kamera.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout for PC *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Default PC View: Horizontal Flow with Auto-Wrap *\/\n  .vision-flow-container {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n  }\n\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    text-align: center;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Media Query for Mobile\/Tablet *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .vision-flow-container {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    .vision-flow-arrow {\n      text-align: center;\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n    .iiot-arch-node {\n      width: 100%;\n    }\n    .deployment-model-flex {\n      flex-direction: column !important;\n    }\n    .deployment-arrow {\n      transform: rotate(90deg);\n      text-align: center;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e4644fe e-con e-atomic-element e-flexbox-base e-7120a40\" data-id=\"e4644fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e4644fe\">\n    \t\t<div class=\"elementor-element elementor-element-b9dde69 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b9dde69\" 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_b9dde69 {\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_b9dde69 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69: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_b9dde69\">\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\">QUALIT\u00c4TSKONTROLLE<\/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      <span class=\"iiot-icon\">\u2705<\/span>\n      <h3>Automatisierte visuelle Qualit\u00e4tskontrolle<\/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        Mithilfe der industriellen Bildverarbeitung lassen sich Pr\u00fcfvorg\u00e4nge automatisieren, die andernfalls eine manuelle Sichtpr\u00fcfung erfordern w\u00fcrden. Zu den Anwendungsbereichen z\u00e4hlen unter anderem:\n      <\/p>\n\n      <!-- 6 Applications Grid -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <div class=\"iiot-app-title\">Anwesenheit und Abwesenheit<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Stellen Sie fest, ob eine Komponente vorhanden ist.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Montagepr\u00fcfung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Vergewissern Sie sich, dass die Komponenten korrekt zusammengebaut wurden.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">Oberfl\u00e4chenpr\u00fcfung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Ermitteln Sie sichtbare M\u00e4ngel oder Unregelm\u00e4\u00dfigkeiten.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <div class=\"iiot-app-title\">Ma\u00dfpr\u00fcfung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Komponenten messen und mit den festgelegten Anforderungen vergleichen.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Etiketten- und Markierungspr\u00fcfung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">\u00dcberpr\u00fcfen Sie die aufgedruckten Angaben, Codes oder Kennzeichnungen.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Produktklassifizierung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Sortieren Sie die Produkte nach ihren \u00e4u\u00dferen Merkmalen.<\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 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  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-app-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-app-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-app-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\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-d883cf6 e-con e-atomic-element e-flexbox-base e-3bea5cf\" data-id=\"d883cf6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d883cf6\">\n    \t\t<div class=\"elementor-element elementor-element-f4b19a0 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f4b19a0\" 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_f4b19a0 {\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_f4b19a0 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0: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_f4b19a0\">\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\">MESSUNG UND MASSPR\u00dcFUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udcd0<\/span>\n      <h3>Bildverarbeitungsgest\u00fctzte Messung<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die industrielle Bildverarbeitung erm\u00f6glicht ber\u00fchrungslose Messungen, sofern die Anwendung und die optische Konfiguration entsprechend ausgelegt sind. Die Genauigkeit h\u00e4ngt vom gesamten optischen und Bildgebungssystem, einer pr\u00e4zisen Kalibrierung sowie kontrollierten Anwendungsbedingungen ab.\n      <\/p>\n\n      <!-- 8 Measurement Types Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">M\u00f6glichkeit ber\u00fchrungsloser Messungen<\/div>\n        <div class=\"iiot-measurements-grid\">\n          \n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-measure-text\">L\u00e4nge<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2194\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Breite<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <span class=\"iiot-measure-text\">Durchmesser<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-measure-text\">Position<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Entfernung<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-measure-text\">Winkel<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-measure-text\">Form<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-measure-text\">Ausrichtung<\/span>\n          <\/div>\n\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid Layout for Measurement Badges (4 Columns) *\/\n  .iiot-measurements-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-measure-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-measure-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-measurements-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-measurements-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-fd664c9 e-con e-atomic-element e-flexbox-base e-c7e55f4\" data-id=\"fd664c9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd664c9\">\n    \t\t<div class=\"elementor-element elementor-element-417b9c5 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"417b9c5\" 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_417b9c5 {\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_417b9c5 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5: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_417b9c5\">\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\">OBJEKTERKENNUNG UND -IDENTIFIZIERUNG<\/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      <span class=\"iiot-icon\">\ud83c\udfaf<\/span>\n      <h3>Objekte finden und identifizieren<\/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        Bildverarbeitungssysteme lokalisieren und identifizieren Objekte innerhalb eines definierten Pr\u00fcfbereichs zuverl\u00e4ssig. F\u00fcr Roboteranwendungen liefert das System pr\u00e4zise Raumkoordinaten, die f\u00fcr die automatisierte F\u00fchrung und die Pick-and-Place-Handhabung erforderlich sind.\n      <\/p>\n\n      <!-- 6 Applications Grid (2x3 Grid) -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">Erkennung von Bauteilen<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Erkennen Sie das Vorhandensein, das Fehlen oder bestimmte Merkmale von Komponenten im Sichtfeld.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Produktkennzeichnung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Bestimmen Sie bestimmte Produktvarianten, Kennzeichnungen oder visuelle Erkennungsmerkmale genau.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83e\udded<\/span>\n            <div class=\"iiot-app-title\">Orientierungserkennung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Bestimmen Sie die Winkelposition und die Drehausrichtung vor der Handhabung oder Montage.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <div class=\"iiot-app-title\">Teile-Lokalisierung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Bestimmen Sie pr\u00e4zise Koordinaten $(X, Y, \\theta)$ zur Steuerung von Robotersystemen und Best\u00fcckungswerkzeugen.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd22<\/span>\n            <div class=\"iiot-app-title\">Objektz\u00e4hlung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Z\u00e4hlen Sie Gegenst\u00e4nde schnell in Gro\u00dfmengen oder im Durchlaufbetrieb mit hoher Wiederholgenauigkeit.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Klassifizierung<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Teile automatisch anhand ihres optischen Profils und ihrer Geometrie sortieren und kategorisieren.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Robotics Note Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\ud83e\udd16<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Roboterf\u00fchrung:<\/strong> \u00dcber die Inspektion hinaus liefert das Bildverarbeitungssystem pr\u00e4zise r\u00e4umliche Positionsdaten, um automatisierte Bewegungssysteme und Industrieroboter zu steuern und zu f\u00fchren.\n          <\/div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-app-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-app-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-app-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle \/ Robotic Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-apps-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-f5fe019 e-con e-atomic-element e-flexbox-base e-9dd78d9\" data-id=\"f5fe019\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f5fe019\">\n    \t\t<div class=\"elementor-element elementor-element-b13f62c elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b13f62c\" 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_b13f62c {\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_b13f62c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c: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_b13f62c\">\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\">VISUELL GESTEUERTE ROBOTIK<\/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>Vision und Roboterautomatisierung miteinander verbinden<\/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        An dieser Stelle wird die Bildverarbeitung direkt mit Ihrem Robotik-Integrationsdienst verbunden. Dank bildgesteuerter Robotik k\u00f6nnen automatisierte Systeme dynamisch auf Objekte reagieren, deren Position oder Ausrichtung auf der Produktionslinie variieren kann.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Integrierte Steuerungs-Pipeline<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Kamera<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Bildverarbeitung<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Objekterkennung<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Position \/ Ausrichtung<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Robotersteuerung<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Roboter<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Kommissionieren \/ Einlegen \/ Sortieren<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Capability Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            GPLG verbindet das Bildverarbeitungssystem nahtlos mit der Robotersteuerung und der umgebenden Automatisierungsarchitektur und erm\u00f6glicht so eine flexible, dynamische Handhabung.\n          <\/div>\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  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 95px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-11c15cd e-con e-atomic-element e-flexbox-base e-66c23ab\" data-id=\"11c15cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11c15cd\">\n    \t\t<div class=\"elementor-element elementor-element-b86ea6a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b86ea6a\" 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_b86ea6a {\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_b86ea6a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a: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_b86ea6a\">\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\">VISION + SPS<\/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>Integration von Pr\u00fcfergebnissen in die Automatisierung<\/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        Ein Bildverarbeitungssystem muss seine Ergebnisse h\u00e4ufig direkt an die Maschinensteuerung \u00fcbermitteln. Die SPS ist weiterhin f\u00fcr die deterministische Maschinensteuerungslogik zust\u00e4ndig, w\u00e4hrend das Bildverarbeitungssystem die f\u00fcr die Anwendung erforderlichen visuellen Informationen liefert.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Integrationspipeline<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Kamera<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Bildverarbeitungssystem<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Pr\u00fcfergebnis<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">SPS<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Maschinelle Entscheidung<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Ablehnen \/ Akzeptieren \/ Beenden \/ Fortfahren<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Deterministische Steuerung und Hochgeschwindigkeits-Bildanalyse arbeiten in einer synchronisierten Umgebung zusammen, um automatisierte Vorg\u00e4nge auszuf\u00fchren, ohne die Liniengeschwindigkeit zu beeintr\u00e4chtigen.\n          <\/div>\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  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 100px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-438523e e-con e-atomic-element e-flexbox-base e-d9609d1\" data-id=\"438523e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"438523e\">\n    \t\t<div class=\"elementor-element elementor-element-06167d7 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"06167d7\" 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_06167d7 {\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_06167d7 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7: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_06167d7\">\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\">BILDVERARBEITUNG + INDUSTRIESOFTWARE<\/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>Einbindung von Bilddaten in Software<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die Ergebnisse der Bildverarbeitung k\u00f6nnen auch in umfassendere industrielle Anwendungen einflie\u00dfen. Durch die direkte Integration der Daten aus der visuellen Pr\u00fcfung in \u00fcbergeordnete Managementsysteme werden einzelne Bildaufnahmen zu unternehmensweit verwertbaren Erkenntnissen f\u00fcr die Produktion.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Software-Integrationspipeline<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Pr\u00fcfergebnis<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Industriesoftware<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Produktionsrekord<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Analyse \/ Berichterstattung<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Auf diese Weise werden die Pr\u00fcfergebnisse zu einem wesentlichen Bestandteil des \u00fcbergeordneten Fertigungsinformationssystems und tragen so zur R\u00fcckverfolgbarkeit, zur Qualit\u00e4tssicherung und zur langfristigen Prozessoptimierung bei.\n          <\/div>\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  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 120px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 14px 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-f9fba70 e-con e-atomic-element e-flexbox-base e-0557b95\" data-id=\"f9fba70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f9fba70\">\n    \t\t<div class=\"elementor-element elementor-element-4be6e6b elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"4be6e6b\" 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_4be6e6b {\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_4be6e6b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b: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_4be6e6b\">\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\">ANWENDUNGEN DER BILDVERARBEITUNG<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-grid-container\">\n  \n  <!-- Section Title -->\n  <div class=\"iiot-grid-header\">\n    <h3>Wo wir Bildverarbeitung einsetzen<\/h3>\n  <\/div>\n\n  <!-- 6 Large Application Cards Grid -->\n  <div class=\"iiot-cards-grid\">\n    \n    <!-- Card 1 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Qualit\u00e4tspr\u00fcfung<\/div>\n        <p class=\"iiot-card-desc\">\n          Automatisierte visuelle Pr\u00fcfung von Produkten und Bauteilen zur Erkennung von Oberfl\u00e4chenfehlern, Materialfehlern und Montagefehlern bei Produktionsgeschwindigkeit.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Produktkennzeichnung<\/div>\n        <p class=\"iiot-card-desc\">\n          Erkennung und Klassifizierung von Bauteilen und Produkten mithilfe von optischer Zeichenerkennung (OCR), 1D-\/2D-Barcodes und Merkmalsabgleich.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Messung<\/div>\n        <p class=\"iiot-card-desc\">\n          Ber\u00fchrungslose Ma\u00df- und Positionsmessung zur Gew\u00e4hrleistung exakter physikalischer Toleranzen und zur geometrischen \u00dcberpr\u00fcfung in Echtzeit ohne Kontakt mit dem Werkst\u00fcck.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 4 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Roboterf\u00fchrung<\/div>\n        <p class=\"iiot-card-desc\">\n          Bereitstellung von Koordinaten zur Position und Ausrichtung von Objekten in Echtzeit f\u00fcr Roboter, um pr\u00e4zises Aufnehmen und Ablegen, Montieren und Kurskorrekturen zu erm\u00f6glichen.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 5 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Sortieren<\/div>\n        <p class=\"iiot-card-desc\">\n          Visuelle Klassifizierung f\u00fcr die automatisierte Sortierung, bei der Objekte dynamisch anhand von Farbe, Form, Gr\u00f6\u00dfe oder bestimmten visuellen Kriterien kategorisiert werden.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 6 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Produktions\u00fcberpr\u00fcfung<\/div>\n        <p class=\"iiot-card-desc\">\n          \u00dcberpr\u00fcfung der Integrit\u00e4t der Baugruppe, des Vorhandenseins von Bauteilen, ihrer Ausrichtung, der Positionierung von Etiketten sowie der aktiven Prozessbedingungen in Echtzeit.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  \/* Main Container *\/\n  .iiot-grid-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    box-sizing: border-box;\n  }\n\n  \/* Header Section *\/\n  .iiot-grid-header {\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px 10px 0 0;\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-grid-header h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n    text-align: center;\n  }\n\n  \/* Grid Layout for 6 Cards *\/\n  .iiot-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    padding: 24px;\n    background-color: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-top: none;\n    border-radius: 0 0 10px 10px;\n  }\n\n  \/* Large Application Card Style *\/\n  .iiot-app-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: 24px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .iiot-card-title {\n    font-size: 1.05rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.92rem;\n    line-height: 1.6;\n    margin: 0;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Behavior for Smaller Screens *\/\n  @media (max-width: 768px) {\n    .iiot-cards-grid {\n      grid-template-columns: 1fr;\n      padding: 16px;\n    }\n\n    .iiot-app-card {\n      padding: 18px;\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-4a05c75 e-con e-atomic-element e-flexbox-base e-7c6af23\" data-id=\"4a05c75\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a05c75\">\n    \t\t<div class=\"elementor-element elementor-element-89f7380 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"89f7380\" 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_89f7380 {\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_89f7380 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380: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_89f7380\">\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\">UMSETZUNG DER BILDVERARBEITUNG<\/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>Von den Pr\u00fcfvorgaben zum Produktionssystem<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Die Bereitstellung einer zuverl\u00e4ssigen Bildverarbeitungsl\u00f6sung erfordert einen strukturierten Entwicklungsplan, der schrittweise von den Machbarkeitspr\u00fcfungen in der Fr\u00fchphase bis zur vollst\u00e4ndigen Inbetriebnahme im industriellen Ma\u00dfstab f\u00fchrt.\n      <\/p>\n\n      <!-- Horizontal Stepped Roadmap (45-degree angle progression) -->\n      <div class=\"iiot-stepped-roadmap\">\n        \n        <!-- Step 01 -->\n        <div class=\"iiot-step-node iiot-step-1\">\n          <div class=\"iiot-node-badge\">01<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Bewertung der Bewerbung<\/div>\n            <div class=\"iiot-node-desc\">Machen Sie sich mit dem Produkt, dem Herstellungsprozess und den Zielpr\u00fcfkriterien vertraut.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 02 -->\n        <div class=\"iiot-step-node iiot-step-2\">\n          <div class=\"iiot-node-badge\">02<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Machbarkeit<\/div>\n            <div class=\"iiot-node-desc\">Pr\u00fcfen Sie, ob maschinelles Sehen geeignet ist, und bewerten Sie realisierbare technische Strategien.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 03 -->\n        <div class=\"iiot-step-node iiot-step-3\">\n          <div class=\"iiot-node-badge\">03<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Optisches Design<\/div>\n            <div class=\"iiot-node-desc\">Entwerfen Sie die Kamera und w\u00e4hlen Sie die genaue Kamera, Optik und Beleuchtungsgeometrie aus.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 04 -->\n        <div class=\"iiot-step-node iiot-step-4\">\n          <div class=\"iiot-node-badge\">04<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Bildaufnahme<\/div>\n            <div class=\"iiot-node-desc\">Entwicklung deterministischer Hardware-\/Software-Trigger- und Hochgeschwindigkeits-Bildaufnahmesysteme.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 05 -->\n        <div class=\"iiot-step-node iiot-step-5\">\n          <div class=\"iiot-node-badge\">05<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Entwicklung des Sehverm\u00f6gens<\/div>\n            <div class=\"iiot-node-desc\">Entwickeln und optimieren Sie ma\u00dfgeschneiderte Bildverarbeitungs-Pipelines oder KI-Pr\u00fcfalgorithmen.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 06 -->\n        <div class=\"iiot-step-node iiot-step-6\">\n          <div class=\"iiot-node-badge\">06<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Industrielle Integration<\/div>\n            <div class=\"iiot-node-desc\">Das System l\u00e4sst sich direkt mit SPSen, Industrierobotern, Zellsteuerungen oder MES-Software verbinden.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 07 -->\n        <div class=\"iiot-step-node iiot-step-7\">\n          <div class=\"iiot-node-badge\">07<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Validierung<\/div>\n            <div class=\"iiot-node-desc\">\u00dcberpr\u00fcfen Sie die Genauigkeit, Wiederholbarkeit und Durchlaufzeiten unter realen Produktionsbedingungen.<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* 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: 28px 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: 32px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Stepped Diagonal (Left-to-Right) Layout *\/\n  .iiot-stepped-roadmap {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 10px 0;\n  }\n\n  .iiot-step-node {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    max-width: 600px;\n    position: relative;\n  }\n\n  \/* Left-to-right diagonal offsets for 45-degree angle progression *\/\n  .iiot-step-1 { margin-left: 0%; }\n  .iiot-step-2 { margin-left: 6%; }\n  .iiot-step-3 { margin-left: 12%; }\n  .iiot-step-4 { margin-left: 18%; }\n  .iiot-step-5 { margin-left: 24%; }\n  .iiot-step-6 { margin-left: 30%; }\n  .iiot-step-7 { margin-left: 36%; }\n\n  .iiot-node-badge {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background-color: rgba(13, 35, 58, 0.95);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #ffffff;\n    flex-shrink: 0;\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-node-card {\n    flex: 1;\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 18px;\n    box-sizing: border-box;\n  }\n\n  .iiot-node-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n    margin-bottom: 4px;\n  }\n\n  .iiot-node-desc {\n    font-size: 0.88rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Mobile Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-step-1,\n    .iiot-step-2,\n    .iiot-step-3,\n    .iiot-step-4,\n    .iiot-step-5,\n    .iiot-step-6,\n    .iiot-step-7 {\n      margin-left: 0;\n      max-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-acfe2e4 e-con e-atomic-element e-flexbox-base e-59aa96d\" data-id=\"acfe2e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acfe2e4\">\n    \t\t<div class=\"elementor-element elementor-element-eea9747 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"eea9747\" 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_eea9747 {\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_eea9747 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747: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_eea9747\">\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\">LEISTUNG DES BILDVERARBEITUNGSSYSTEMS<\/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>Entwickelt f\u00fcr reale Produktionsbedingungen<\/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        Ein Bildverarbeitungssystem muss stets zuverl\u00e4ssig funktionieren \u2013 nicht nur, wenn die Lichtverh\u00e4ltnisse und das Produkt optimal sind. GPLG entwickelt und validiert jedes System unter Ber\u00fccksichtigung der tats\u00e4chlichen Betriebsumgebung, um eine robuste und langfristige Leistungsf\u00e4higkeit zu gew\u00e4hrleisten.\n      <\/p>\n\n      <!-- 9 Environmental Variables Grid (3x3 Layout) -->\n      <div class=\"iiot-variables-grid\">\n        \n        <!-- Variable 1 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Produktvariante<\/div>\n          <div class=\"iiot-variable-desc\">Umgang mit nat\u00fcrlichen Schwankungen zwischen den einzelnen Chargen hinsichtlich Farbe, Gr\u00f6\u00dfe, Oberfl\u00e4chenstruktur und Formtoleranzen.<\/div>\n        <\/div>\n\n        <!-- Variable 2 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Produktionsgeschwindigkeit<\/div>\n          <div class=\"iiot-variable-desc\">Aufrechterhaltung einer auf die Mikrosekunde genauen Triggerung und einer schnellen Bildverarbeitung bei maximalem Zeilendurchsatz.<\/div>\n        <\/div>\n\n        <!-- Variable 3 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Umgebungsbeleuchtung<\/div>\n          <div class=\"iiot-variable-desc\">Beseitigung der Auswirkungen von Schwankungen des Tageslichts in der Fabrik, von Deckenleuchten und von Lichtst\u00f6rungen durch Au\u00dfenlicht.<\/div>\n        <\/div>\n\n        <!-- Variable 4 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Gedanken<\/div>\n          <div class=\"iiot-variable-desc\">Reduzierung von Blendeffekten und spiegelnden Lichtreflexen auf Oberfl\u00e4chen aus Metall, Glas oder Kunststofffolie mithilfe spezieller Optiken.<\/div>\n        <\/div>\n\n        <!-- Variable 5 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Vibration<\/div>\n          <div class=\"iiot-variable-desc\">Stabilisierung optischer Halterungen und Implementierung algorithmischer Filter zur Unterdr\u00fcckung von Ger\u00e4uschen aus industriellen F\u00f6rderb\u00e4ndern oder Maschinen.<\/div>\n        <\/div>\n\n        <!-- Variable 6 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Kameraposition<\/div>\n          <div class=\"iiot-variable-desc\">Optimierung des physikalischen Freiraums, des Arbeitsabstands, des Sichtfelds und der Befestigungssteifigkeit in beengten Maschinenr\u00e4umen.<\/div>\n        <\/div>\n\n        <!-- Variable 7 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Warenbewegung<\/div>\n          <div class=\"iiot-variable-desc\">Ber\u00fccksichtigung der kontinuierlichen Bandbewegung, der Neigung der Teile, des Flatterns oder unregelm\u00e4\u00dfiger Abst\u00e4nde bei hoher Laufgeschwindigkeit.<\/div>\n        <\/div>\n\n        <!-- Variable 8 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Umgebungsbedingungen<\/div>\n          <div class=\"iiot-variable-desc\">Schutz von Optiken und Sensoren vor Temperaturschwankungen in der Fertigung, Staub, \u00d6lnebel, Feuchtigkeit und Reinigungsvorg\u00e4ngen.<\/div>\n        <\/div>\n\n        <!-- Variable 9 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Erforderliche Pr\u00fcfgenauigkeit<\/div>\n          <div class=\"iiot-variable-desc\">Abw\u00e4gung zwischen den Anforderungen an die Messaufl\u00f6sung auf Subpixel-Ebene einerseits und den Einschr\u00e4nkungen hinsichtlich der Liniengeschwindigkeit und der Objektivverzerrung andererseits.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Summary Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Jedes optische Bauteil, jedes Beleuchtungskonzept und jeder Verarbeitungsprozess wurde in der Praxis erprobt und unter realen Betriebsbedingungen validiert, um Zuverl\u00e4ssigkeit auf industriellem Niveau zu gew\u00e4hrleisten.\n          <\/div>\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  \/* 3x3 Grid Layout for Environmental Variables *\/\n  .iiot-variables-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-variable-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: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-variable-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-variable-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-variables-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-variables-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-eb8de42 e-con e-atomic-element e-flexbox-base e-9ddd7f5\" data-id=\"eb8de42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb8de42\">\n    \t\t<div class=\"elementor-element elementor-element-59b1def elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"59b1def\" 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_59b1def {\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_59b1def .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def: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_59b1def\">\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\">VON UNS VERWENDETE TECHNOLOGIEN<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Technologie-Stack f\u00fcr die industrielle Bildverarbeitung<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      \n      <!-- Tech Stack Grid -->\n      <div class=\"iiot-stack-grid\">\n        \n        <!-- Category 1: Vision -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Vision<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">OpenCV<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 2: AI \/ Machine Learning -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">KI \/ Maschinelles Lernen<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">PyTorch<\/span>\n            <span class=\"iiot-tech-pill\">TensorFlow<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 3: Development -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Entwicklung<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Python<\/span>\n            <span class=\"iiot-tech-pill\">C# \/ .NET<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 4: Industrial Integration -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Industrielle Integration<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">SPS<\/span>\n            <span class=\"iiot-tech-pill\">OPC UA<\/span>\n            <span class=\"iiot-tech-pill\">MQTT<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 5: Infrastructure -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Infrastruktur<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Linux<\/span>\n            <span class=\"iiot-tech-pill\">Docker<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title 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  \/* Tech Stack Grid Layout *\/\n  .iiot-stack-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n  }\n\n  .iiot-stack-group {\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: 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    box-sizing: border-box;\n  }\n\n  .iiot-group-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    color: inherit;\n  }\n\n  .iiot-pill-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .iiot-tech-pill {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 8px 14px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-stack-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-d5bdaf4 e-con e-atomic-element e-flexbox-base e-0fd89e7\" data-id=\"d5bdaf4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5bdaf4\">\n    \t\t<div class=\"elementor-element elementor-element-76bd458 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"76bd458\" 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_76bd458 {\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_76bd458 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458: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_76bd458\">\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\">TECHNISCHER ANSATZ<\/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>Eine Kamera ist nur ein Teil der L\u00f6sung<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Der Erfolg eines industriellen Bildverarbeitungsprojekts h\u00e4ngt vom Gesamtsystem ab. GPLG integriert diese Komponenten miteinander, anstatt die Kamera als isoliertes Ger\u00e4t zu betrachten.\n      <\/p>\n\n      <!-- Horizontal System Flow Chain -->\n      <div class=\"iiot-flow-chain\">\n        \n        <!-- Node 1 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Produkt<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 2 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Beleuchtung<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 3 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Optik<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 4 (Highlighted Camera Centerpiece) -->\n        <div class=\"iiot-flow-node iiot-highlight-node\">\n          <div class=\"iiot-node-box\">Kamera<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 5 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Bildverarbeitung<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 6 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Entscheidung<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 7 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Automatisierung<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Strong Final Statement Footer -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          Wir installieren nicht einfach nur Kameras. Wir entwickeln komplette Bildverarbeitungssysteme.\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 Flow Chain *\/\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: 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: 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    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    box-sizing: border-box;\n  }\n\n  \/* Highlight Camera 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-flow-arrow {\n    font-size: 1rem;\n    opacity: 0.5;\n    color: inherit;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  \/* Final 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.05rem;\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-9ab81e1 e-con e-atomic-element e-flexbox-base e-7273dcb\" data-id=\"9ab81e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ab81e1\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-04e35db\" 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-04e35db 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=\"04e35db\" 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-f832bca e-con-full e-flex e-con e-child\" data-id=\"f832bca\" 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-0a9b19f elementor-widget elementor-widget-heading\" data-id=\"0a9b19f\" 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\">Verleihen Sie Ihrem industriellen System die F\u00e4higkeit zu sehen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9d18b elementor-widget elementor-widget-text-editor\" data-id=\"6c9d18b\" 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>Von der automatisierten Pr\u00fcfung und Messung bis hin zur Objekterkennung und Roboterf\u00fchrung \u2013 GPLG entwickelt Bildverarbeitungssysteme, die auf die tats\u00e4chlichen Anforderungen in der Produktion zugeschnitten sind.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Ein \u201eVision\u201c-Projekt besprechen<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bce166 e-con-full e-flex e-con e-child\" data-id=\"5bce166\" 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-cb514f6 elementor-widget elementor-widget-button\" data-id=\"cb514f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Kontaktieren Sie GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_sliding_content_box skip render: ucaddon_transparent_split_hero 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 skip render: ucaddon_sliding_content_box skip [&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-2306","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\/2306","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=2306"}],"version-history":[{"count":292,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2306\/revisions"}],"predecessor-version":[{"id":4969,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2306\/revisions\/4969"}],"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=2306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}