{"id":2662,"date":"2021-11-05T12:10:52","date_gmt":"2021-11-05T12:10:52","guid":{"rendered":"http:\/\/test.cyraco.com\/?page_id=2662"},"modified":"2026-06-08T12:04:52","modified_gmt":"2026-06-08T12:04:52","slug":"unsere-losung","status":"publish","type":"page","link":"https:\/\/cyraco.com\/en\/unsere-losung\/","title":{"rendered":"Our Solution"},"content":{"rendered":"<div data-colibri-id=\"2662-c1\" class=\"style-190 style-local-2662-c1 position-relative\">\n  \n               \n\n<!-- CYRACO Platform \u2013 eigenst\u00e4ndiger Block -->\n<!-- CYRACO: Platform + Workflow + AI + AR (NO Tailwind, Full Width, Hover, FontAwesome Icons) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<section class=\"cyraco-fw\">\n\n<style>\n\/* ================= BASE ================= *\/\n.cyraco-fw{\n  --dark1:#081A33;\n  --dark2:#06152B;\n  --light:#f4f7fb;\n\n  --primary:#56a8ff;\n  --secondary:#22d3ee;\n  --accent:#ff7a00;\n  --purple:#a78bfa;\n\n  --glass:rgba(255,255,255,.10);\n  --glass2:rgba(255,255,255,.16);\n  --border:rgba(255,255,255,.20);\n\n  font:inherit;\n}\n\n\/* Full width breakout *\/\n.cyraco-fw .fw-section{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  padding:90px 0;\n}\n\n\/* Inner container *\/\n.cyraco-fw .wrap{\n  width:100%;\n  max-width:1400px;\n  margin:0 auto;\n  padding:0 48px;\n}\n@media(max-width:768px){\n  .cyraco-fw .wrap{padding:0 18px;}\n}\n\n\/* Typography *\/\n.cyraco-fw h2{\n  font-size:clamp(32px,3vw,48px);\n  font-weight:900;\n  line-height:1.1;\n  margin:0 0 16px;\n}\n.cyraco-fw h3{\n  font-size:18px;\n  font-weight:800;\n  margin:0 0 10px;\n}\n.cyraco-fw h4{\n  font-size:16px;\n  font-weight:900;\n  margin:0;\n}\n.cyraco-fw p{margin:0;line-height:1.6;}\n\n\/* Backgrounds *\/\n.cyraco-fw .bg-dark{\n  background:\n    radial-gradient(1200px 600px at 50% 30%, rgba(255,255,255,.06), transparent 60%),\n    linear-gradient(135deg,var(--dark1),var(--dark2));\n}\n.cyraco-fw .bg-light{background:var(--light);}\n\n\/* Auto colors per bg *\/\n.cyraco-fw .bg-dark h2,\n.cyraco-fw .bg-dark h3,\n.cyraco-fw .bg-dark h4{color:#fff;}\n.cyraco-fw .bg-dark p{color:rgba(255,255,255,.78);}\n\n.cyraco-fw .bg-light h2,\n.cyraco-fw .bg-light h3,\n.cyraco-fw .bg-light h4{color:#0b1220;}\n.cyraco-fw .bg-light p{color:rgba(11,18,32,.70);}\n\n\/* Center header *\/\n.cyraco-fw .center{ text-align:center; margin-bottom:60px; }\n.cyraco-fw .center .title-ico{\n  font-size:40px;\n  color:var(--secondary);\n  margin-bottom:12px;\n  display:inline-block;\n}\n\n\/* Hover lift *\/\n.cyraco-fw .lift{\n  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;\n  will-change:transform;\n}\n.cyraco-fw .lift:hover{\n  transform:translateY(-6px);\n  box-shadow:0 22px 70px rgba(0,0,0,.30);\n  filter:brightness(1.02);\n}\n\n\/* Parallax \/ mitbewegendes Background-Image *\/\n.cyraco-fw .bg-parallax{\n  position:relative;\n  overflow:hidden;\n\n  \/* dein Bild + Overlay in EINEM background *\/\n  background:\n    linear-gradient(180deg, rgba(6,21,43,.82), rgba(6,21,43,.50)),\n    url(\"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-8.-Jan.-2026-16_11_57.png\");\n\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n\n  \/* der \u201cmitbewegende\u201d Effekt *\/\n  background-attachment:fixed;\n}\n\n\/* iOS \/ Touch Ger\u00e4te: fixed ist oft buggy => fallback *\/\n@media (hover:none) and (pointer:coarse){\n  .cyraco-fw .bg-parallax{\n    background-attachment:scroll;\n    background-position:center top;\n  }\n}\n\n\/* ================= VIDEO BACKGROUND ================= *\/\n.cyraco-fw .bg-video{\n  position:relative;\n  overflow:hidden;\n}\n\n\/* Video f\u00fcllt Section *\/\n.cyraco-fw .bg-video video{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  z-index:0;\n}\n\n\/* Overlay *\/\n.cyraco-fw .bg-video::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:linear-gradient(\n    180deg,\n    rgba(6,21,43,.82),\n    rgba(6,21,43,.50)\n  );\n}\n\n\/* Content \u00fcber Video *\/\n.cyraco-fw .bg-video > .wrap{\n  position:relative;\n  z-index:2;\n}\n\/* Robust Video Section *\/\n.cyraco-fw .bg-video{\n  position:relative;\n  overflow:hidden;\n  min-height:560px;              \/* wichtig: damit cover sauber greifen kann *\/\n}\n\n\/* Video absolut \u00fcber die ganze Section *\/\n.cyraco-fw .bg-video .bgvid{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  z-index:0;\n  transform:scale(1.02);         \/* leichter Zoom -> keine R\u00e4nder\/Blitzer *\/\n}\n\n\/* Overlay Layer 1: Dunkel \/ Lesbarkeit *\/\n.cyraco-fw .bg-video .overlay{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  background:linear-gradient(\n    180deg,\n    rgba(6,21,43,.92),\n    rgba(6,21,43,.72)\n  );\n}\n\n\/* Overlay Layer 2: Optional \"Texture\" \/ Glas, macht Video ruhiger *\/\n.cyraco-fw .bg-video .overlay2{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  background:\n    radial-gradient(900px 420px at 20% 10%, rgba(86,168,255,.10), transparent 55%),\n    radial-gradient(700px 380px at 80% 20%, rgba(34,211,238,.08), transparent 55%),\n    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\n  mix-blend-mode:normal;         \/* safe default *\/\n}\n\n\/* Content \u00fcber allem *\/\n.cyraco-fw .bg-video > .wrap{\n  position:relative;\n  z-index:3;\n}\n\n\/* Optional: Video zus\u00e4tzlich beruhigen *\/\n.cyraco-fw .bg-video .bgvid{\n  filter:brightness(.85) saturate(.85) contrast(.95);\n}\n\n\/* Mobile fallback (optional) *\/\n@media(max-width:768px){\n  .cyraco-fw .bg-video .bgvid{ display:none; }\n  .cyraco-fw .bg-video{\n    background:\n      linear-gradient(180deg, rgba(6,21,43,.92), rgba(6,21,43,.72));\n  }\n}\n\n\n\n\/* ================= PLATFORM GRID ================= *\/\n.cyraco-fw .platform-grid{\n  display:grid;\n  grid-template-columns:repeat(4, minmax(0,1fr));\n  gap:24px;\n}\n@media(max-width:1100px){ .cyraco-fw .platform-grid{grid-template-columns:repeat(2,1fr);} }\n@media(max-width:650px){ .cyraco-fw .platform-grid{grid-template-columns:1fr;} }\n\n.cyraco-fw .platform-card{\n  background:var(--glass);\n  border:1px solid var(--border);\n  border-radius:18px;\n  padding:28px;\n}\n.cyraco-fw .platform-card:hover{\n  background:var(--glass2);\n  border-color:rgba(86,168,255,.40);\n}\n\n.cyraco-fw .iconbox{\n  width:56px;height:56px;\n  border-radius:14px;\n  display:flex;align-items:center;justify-content:center;\n  margin:24px 0 16px;\n  background:rgba(86,168,255,.18);\n  border:1px solid rgba(86,168,255,.30);\n  transition:transform .18s ease, background .18s ease, border-color .18s ease;\n}\n.cyraco-fw .platform-card:hover .iconbox{\n  transform:translateY(-2px) scale(1.03);\n  background:rgba(86,168,255,.22);\n  border-color:rgba(86,168,255,.40);\n}\n.cyraco-fw .iconbox i{font-size:26px;color:#fff;}\n\/* make icon colors per card *\/\n.cyraco-fw .icon-primary{background:rgba(86,168,255,.18);border-color:rgba(86,168,255,.30);}\n.cyraco-fw .icon-secondary{background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.30);}\n.cyraco-fw .icon-accent{background:rgba(255,122,0,.18);border-color:rgba(255,122,0,.30);}\n.cyraco-fw .icon-purple{background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.30);}\n\n\/* ================= WORKFLOW ================= *\/\n.cyraco-fw .workflow-shell{\n  border-radius:24px;\n  padding:36px;\n  background:linear-gradient(135deg,var(--dark1),var(--dark2));\n  border:1px solid rgba(255,255,255,.14);\n}\n.cyraco-fw .workflow-row{\n  display:flex;\n  flex-wrap:wrap;\n  gap:20px;\n  justify-content:center;\n  align-items:center;\n}\n.cyraco-fw .flow-step{text-align:center;}\n.cyraco-fw .flow-icon{\n  width:88px;height:88px;\n  border-radius:20px;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(86,168,255,.18);\n  border:1px solid rgba(86,168,255,.35);\n  margin-bottom:10px;\n}\n.cyraco-fw .flow-icon i{font-size:32px;color:#fff;}\n.cyraco-fw .flow-label{color:#fff;font-weight:900;font-size:13px;line-height:1.15;}\n.cyraco-fw .flow-step:hover .flow-icon{\n  transform:translateY(-4px);\n  background:rgba(86,168,255,.24);\n  border-color:rgba(86,168,255,.48);\n  box-shadow:0 22px 70px rgba(0,0,0,.26);\n}\n.cyraco-fw .chev{\n  color:var(--accent);\n  font-size:26px;\n  display:none;\n}\n@media(min-width:950px){ .cyraco-fw .chev{display:block;} }\n\n\/* ================= TWO COLUMN (AI\/AR) ================= *\/\n.cyraco-fw .cols-2{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:60px;\n  align-items:flex-start;\n}\n@media(max-width:950px){\n  .cyraco-fw .cols-2{grid-template-columns:1fr; gap:34px;}\n}\n\n.cyraco-fw .pill{\n  display:inline-block;\n  padding:8px 16px;\n  border-radius:999px;\n  font-size:13px;\n  font-weight:900;\n  margin-bottom:14px;\n}\n.cyraco-fw .pill.primary{background:rgba(86,168,255,.15);color:#1d4ed8;}\n.cyraco-fw .pill.secondary{background:rgba(34,211,238,.15);color:#0e7490;}\n\n.cyraco-fw .checkgrid{\n  display:grid;\n  grid-template-columns:repeat(2, minmax(0,1fr));\n  gap:10px 18px;\n  margin-top:12px;\n}\n@media(max-width:650px){ .cyraco-fw .checkgrid{grid-template-columns:1fr;} }\n\n.cyraco-fw .checkitem{display:flex;gap:10px;align-items:flex-start;}\n.cyraco-fw .checkitem i{margin-top:2px;color:var(--primary);}\n.cyraco-fw .checkitem span{color:rgba(11,18,32,.80);font-size:14px;line-height:1.35;}\n\n.cyraco-fw .usecase{\n  background:#fff;\n  border:1px solid rgba(11,18,32,.08);\n  border-radius:16px;\n  padding:16px;\n  margin-top:14px;\n}\n.cyraco-fw .badge{\n  display:inline-block;\n  font-size:11px;\n  font-weight:900;\n  padding:6px 10px;\n  border-radius:999px;\n  margin-top:10px;\n}\n.cyraco-fw .badge.primary{background:rgba(86,168,255,.12);color:#1d4ed8;}\n.cyraco-fw .badge.secondary{background:rgba(34,211,238,.12);color:#0e7490;}\n\n.cyraco-fw .imgbox{\n  background:linear-gradient(135deg,rgba(86,168,255,.12),rgba(34,211,238,.12));\n  padding:24px;\n  border-radius:24px;\n}\n.cyraco-fw .imgbox img{\n  width:100%;\n  height:auto;\n  border-radius:16px;\n  display:block;\n  box-shadow:0 18px 60px rgba(0,0,0,.22);\n}\n\n\/* ================= AR FEATURE LIST ================= *\/\n.cyraco-fw .feat{\n  display:flex;\n  gap:14px;\n  margin-top:18px;\n  align-items:flex-start;\n}\n.cyraco-fw .featbox{\n  width:48px;height:48px;\n  border-radius:12px;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(34,211,238,.15);\n  border:1px solid rgba(34,211,238,.22);\n  flex:0 0 auto;\n}\n.cyraco-fw .featbox i{font-size:20px;color:#0e7490;}\n.cyraco-fw .feat:hover .featbox{transform:translateY(-2px) scale(1.03);}\n.cyraco-fw .feat p{color:rgba(11,18,32,.70);font-size:14px;}\n\n\/* ================= MODULAR (BETWEEN PLATFORM & WORKFLOW) ================= *\/\n.cyraco-fw .mod-shell{\n  border-radius:28px;\n  padding:42px;\n  background:\n    radial-gradient(900px 420px at 20% 10%, rgba(86,168,255,.18), transparent 55%),\n    radial-gradient(700px 380px at 80% 20%, rgba(34,211,238,.14), transparent 55%),\n    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.06));\n  border:1px solid rgba(255,255,255,.14);\n  position:relative;\n  overflow:hidden;\n}\n\n.cyraco-fw .mod-shell::before{\n  content:\"\";\n  position:absolute;\n  inset:-2px;\n  background:linear-gradient(135deg, rgba(86,168,255,.28), rgba(34,211,238,.18), rgba(167,139,250,.14));\n  opacity:.22;\n  filter:blur(16px);\n  z-index:0;\n}\n\n.cyraco-fw .mod-shell > *{ position:relative; z-index:1; }\n\n.cyraco-fw .mod-top{\n  text-align:center;\n  margin-bottom:26px;\n}\n\n.cyraco-fw .chip{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 14px;\n  border-radius:999px;\n  font-weight:900;\n  font-size:12px;\n  letter-spacing:.2px;\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.08);\n  color:#fff;\n}\n.cyraco-fw .chip i{ color:var(--secondary); }\n\n.cyraco-fw .mod-title{\n  font-size:clamp(26px,2.4vw,40px);\n  font-weight:950;\n  line-height:1.1;\n  margin:14px 0 10px;\n  color:#fff;\n}\n\n.cyraco-fw .mod-sub{\n  color:rgba(255,255,255,.78);\n  max-width:920px;\n  margin:0 auto;\n}\n\n.cyraco-fw .mod-core{\n  margin-top:30px;\n  display:grid;\n  grid-template-columns:1.1fr .9fr;\n  gap:22px;\n  align-items:stretch;\n}\n@media(max-width:950px){\n  .cyraco-fw .mod-core{ grid-template-columns:1fr; }\n}\n\n.cyraco-fw .mod-core-left{\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.16);\n  border-radius:22px;\n  padding:24px;\n}\n\n.cyraco-fw .mod-core-head{\n  display:flex;\n  gap:14px;\n  align-items:center;\n  margin-bottom:14px;\n}\n.cyraco-fw .mod-core-ico{\n  width:54px;height:54px;\n  border-radius:16px;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.20);\n}\n.cyraco-fw .mod-core-ico i{ font-size:22px; color:#fff; }\n\n.cyraco-fw .mod-core-left h3{ margin:0; color:#fff; font-size:18px; font-weight:950; }\n.cyraco-fw .mod-core-left p{ color:rgba(255,255,255,.78); }\n\n.cyraco-fw .mod-core-feats{\n  margin-top:16px;\n  display:grid;\n  grid-template-columns:repeat(2, minmax(0,1fr));\n  gap:12px;\n}\n@media(max-width:650px){\n  .cyraco-fw .mod-core-feats{ grid-template-columns:1fr; }\n}\n\n.cyraco-fw .mod-pill{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:12px 12px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.16);\n  background:rgba(255,255,255,.06);\n  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;\n}\n.cyraco-fw .mod-pill i{ color:#fff; opacity:.95; }\n.cyraco-fw .mod-pill strong{ color:#fff; font-size:13px; }\n.cyraco-fw .mod-pill:hover{\n  transform:translateY(-4px);\n  background:rgba(255,255,255,.10);\n  border-color:rgba(86,168,255,.40);\n  box-shadow:0 18px 60px rgba(0,0,0,.28);\n}\n\n.cyraco-fw .mod-core-right{\n  border-radius:22px;\n  padding:22px;\n  border:1px solid rgba(255,255,255,.16);\n  background:linear-gradient(135deg, rgba(86,168,255,.16), rgba(34,211,238,.10));\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  gap:12px;\n}\n\n.cyraco-fw .mod-core-right .kpi{\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  padding:14px;\n  border-radius:18px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n.cyraco-fw .mod-core-right .kpi:hover{\n  transform:translateY(-4px);\n  border-color:rgba(34,211,238,.45);\n  box-shadow:0 18px 60px rgba(0,0,0,.25);\n}\n.cyraco-fw .kpi i{ color:var(--secondary); margin-top:2px; }\n.cyraco-fw .kpi h4{ color:#fff; font-size:14px; margin:0 0 4px; }\n.cyraco-fw .kpi p{ color:rgba(255,255,255,.75); font-size:13px; margin:0; }\n\n.cyraco-fw .mod-divider{\n  margin:28px auto 14px;\n  width:min(620px, 100%);\n  height:1px;\n  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);\n}\n\n.cyraco-fw .mod-addons-head{\n  text-align:center;\n  margin:10px 0 18px;\n}\n.cyraco-fw .mod-addons-head h3{ color:#fff; margin:0 0 6px; font-size:18px; font-weight:950; }\n.cyraco-fw .mod-addons-head p{ color:rgba(255,255,255,.75); }\n\n.cyraco-fw .mod-grid{\n  display:grid;\n  grid-template-columns:repeat(4, minmax(0,1fr));\n  gap:16px;\n}\n@media(max-width:1100px){ .cyraco-fw .mod-grid{ grid-template-columns:repeat(2,1fr);} }\n@media(max-width:650px){ .cyraco-fw .mod-grid{ grid-template-columns:1fr;} }\n\n.cyraco-fw .mod-card{\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:20px;\n  padding:18px;\n  position:relative;\n  overflow:hidden;\n}\n.cyraco-fw .mod-card::after{\n  content:\"\";\n  position:absolute;\n  inset:auto -40% -60% -40%;\n  height:160px;\n  background:radial-gradient(circle at 50% 0%, rgba(86,168,255,.28), transparent 65%);\n  opacity:0;\n  transform:translateY(10px);\n  transition:opacity .22s ease, transform .22s ease;\n}\n.cyraco-fw .mod-card:hover::after{ opacity:1; transform:translateY(0); }\n\n.cyraco-fw .mod-card:hover{\n  background:rgba(255,255,255,.11);\n  border-color:rgba(86,168,255,.38);\n  box-shadow:0 22px 70px rgba(0,0,0,.28);\n  transform:translateY(-6px);\n}\n\n.cyraco-fw .mod-card .top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  margin-bottom:12px;\n}\n.cyraco-fw .mod-ico{\n  width:48px;height:48px;\n  border-radius:14px;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(255,255,255,.10);\n  border:1px solid rgba(255,255,255,.16);\n  transition:transform .18s ease, background .18s ease, border-color .18s ease;\n}\n.cyraco-fw .mod-card:hover .mod-ico{\n  transform:translateY(-2px) scale(1.03);\n  background:rgba(86,168,255,.14);\n  border-color:rgba(86,168,255,.30);\n}\n.cyraco-fw .mod-ico i{ font-size:20px; color:#fff; }\n\n.cyraco-fw .tag{\n  font-size:11px;\n  font-weight:950;\n  padding:6px 10px;\n  border-radius:999px;\n  background:rgba(86,168,255,.14);\n  border:1px solid rgba(86,168,255,.22);\n  color:#fff;\n}\n\n.cyraco-fw .mod-card h4{ color:#fff; margin:0 0 8px; font-size:15px; font-weight:950; }\n.cyraco-fw .mod-card p{ color:rgba(255,255,255,.75); font-size:13px; margin:0 0 12px; }\n.cyraco-fw .mini{\n  display:flex; flex-wrap:wrap; gap:8px;\n  color:rgba(255,255,255,.78);\n  font-size:11px;\n}\n.cyraco-fw .mini span{\n  display:inline-flex; align-items:center; gap:6px;\n  padding:6px 10px;\n  border-radius:999px;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.12);\n}\n.cyraco-fw .mini i{ color:var(--secondary); }\n\n\/* clickable module cards *\/\n.cyraco-fw .mod-card{\n  text-decoration:none;\n  color:inherit;\n  display:block;\n  cursor:pointer;\n}\n.cyraco-fw .mod-card:focus{\n  outline:2px solid rgba(86,168,255,.55);\n  outline-offset:3px;\n}\n.cyraco-fw .mod-card .go{\n  margin-top:12px;\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:12px;\n  font-weight:950;\n  color:rgba(255,255,255,.86);\n}\n.cyraco-fw .mod-card .go i{\n  color:var(--secondary);\n  transition:transform .18s ease;\n}\n.cyraco-fw .mod-card:hover .go i{ transform:translateX(3px); }\n\n\/* ================= MOD GRID COLORS (WORKS FOR a + div) ================= *\/\n\/* Wichtig: nutzt > *:nth-child() statt > a:nth-child() *\/\n\n\/* Icon-Farben pro Karte (wie Workflow) *\/\n.cyraco-fw .mod-grid > *:nth-child(1) .mod-ico{ \/* AI *\/\n  background:rgba(86,168,255,.26);\n  border-color:rgba(86,168,255,.55);\n}\n.cyraco-fw .mod-grid > *:nth-child(2) .mod-ico{ \/* AR *\/\n  background:rgba(34,211,238,.26);\n  border-color:rgba(34,211,238,.55);\n}\n.cyraco-fw .mod-grid > *:nth-child(3) .mod-ico{ \/* IoT *\/\n  background:rgba(255,122,0,.26);\n  border-color:rgba(255,122,0,.55);\n}\n.cyraco-fw .mod-grid > *:nth-child(4) .mod-ico{ \/* Analytics *\/\n  background:rgba(167,139,250,.26);\n  border-color:rgba(167,139,250,.55);\n}\n.cyraco-fw .mod-grid > *:nth-child(5) .mod-ico{ \/* Blockchain *\/\n  background:rgba(86,168,255,.22);\n  border-color:rgba(86,168,255,.45);\n}\n.cyraco-fw .mod-grid > *:nth-child(6) .mod-ico{ \/* ERP\/MES *\/\n  background:rgba(34,211,238,.22);\n  border-color:rgba(34,211,238,.45);\n}\n.cyraco-fw .mod-grid > *:nth-child(7) .mod-ico{ \/* Docs *\/\n  background:rgba(255,122,0,.22);\n  border-color:rgba(255,122,0,.45);\n}\n.cyraco-fw .mod-grid > *:nth-child(8) .mod-ico{ \/* Workflows *\/\n  background:rgba(167,139,250,.22);\n  border-color:rgba(167,139,250,.45);\n}\n\n\/* Card-Hintergr\u00fcnde pro Karte (dezenter Farbverlauf) *\/\n.cyraco-fw .mod-grid > *:nth-child(1){ \/* AI *\/\n  background:linear-gradient(180deg, rgba(86,168,255,.14), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(2){ \/* AR *\/\n  background:linear-gradient(180deg, rgba(34,211,238,.14), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(3){ \/* IoT *\/\n  background:linear-gradient(180deg, rgba(255,122,0,.14), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(4){ \/* Analytics *\/\n  background:linear-gradient(180deg, rgba(167,139,250,.14), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(5){\n  background:linear-gradient(180deg, rgba(86,168,255,.10), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(6){\n  background:linear-gradient(180deg, rgba(34,211,238,.10), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(7){\n  background:linear-gradient(180deg, rgba(255,122,0,.10), rgba(255,255,255,.02));\n}\n.cyraco-fw .mod-grid > *:nth-child(8){\n  background:linear-gradient(180deg, rgba(167,139,250,.10), rgba(255,255,255,.02));\n}\n\n\/* Hover: Farbe leicht verst\u00e4rken (gilt f\u00fcr alle Cards) *\/\n.cyraco-fw .mod-grid > *:hover{\n  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04));\n}\n\n\n\/* ================= USE CASE EXAMPLES ================= *\/\n.cyraco-fw .examples-shell{\n  margin-top:28px;\n  border-radius:26px;\n  padding:34px;\n  background:\n    radial-gradient(700px 380px at 15% 20%, rgba(255,122,0,.10), transparent 55%),\n    radial-gradient(900px 420px at 80% 10%, rgba(34,211,238,.10), transparent 55%),\n    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.06));\n  border:1px solid rgba(255,255,255,.14);\n}\n@media(max-width:768px){ .cyraco-fw .examples-shell{padding:22px;} }\n\n.cyraco-fw .examples-title{\n  text-align:center;\n  margin-bottom:18px;\n}\n.cyraco-fw .examples-title h3{\n  color:#fff;\n  font-size:20px;\n  font-weight:950;\n  margin:0 0 8px;\n}\n.cyraco-fw .examples-title p{ color:rgba(255,255,255,.75); }\n\n.cyraco-fw .examples-grid{\n  display:grid;\n  grid-template-columns:repeat(3, minmax(0,1fr));\n  gap:16px;\n}\n@media(max-width:950px){ .cyraco-fw .examples-grid{grid-template-columns:1fr;} }\n\n.cyraco-fw .ex-card{\n  border-radius:20px;\n  padding:18px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n.cyraco-fw .ex-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 28px 70px rgba(0,0,0,.30);\n  border-color:rgba(255,255,255,.20);\n}\n.cyraco-fw .ex-head{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:12px;\n}\n.cyraco-fw .ex-head i{font-size:22px; color:var(--secondary);}\n.cyraco-fw .ex-head h4{\n  margin:0;\n  color:#fff;\n  font-size:15px;\n  font-weight:950;\n}\n\n.cyraco-fw .ex-list{ display:grid; gap:8px; }\n.cyraco-fw .ex-row{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:rgba(255,255,255,.80);\n  font-size:13px;\n}\n.cyraco-fw .ex-row .core{font-weight:950;color:#fff;}\n.cyraco-fw .ex-row i{color:var(--secondary);}\n\n.cyraco-fw .examples-cta{\n  margin-top:18px;\n  text-align:center;\n}\n.cyraco-fw .examples-cta p{\n  color:rgba(255,255,255,.78);\n  margin:0 0 12px;\n}\n.cyraco-fw .btn-primary{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  padding:12px 18px;\n  border-radius:14px;\n  font-weight:950;\n  color:#081A33;\n  background:linear-gradient(135deg, var(--secondary), var(--primary));\n  border:0;\n  text-decoration:none;\n  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;\n}\n.cyraco-fw .btn-primary:hover{\n  transform:translateY(-3px);\n  filter:brightness(1.05);\n  box-shadow:0 20px 60px rgba(0,0,0,.30);\n}\n\n\/* Footer Logo \u2013 Gr\u00f6\u00dfe begrenzen *\/\n.h-section footer img,\n.style-local-2662-c67-image{\n  max-width:220px;   \/* \ud83d\udd27 Wunschgr\u00f6\u00dfe *\/\n  width:100%;\n  height:auto;\n}\n\n\n\n\n\/* ================= INTERAKTIVE OVERVIEW GRAFIK ================= *\/\n.cyraco-fw .cyraco-overview{\n  position:relative;\n  overflow:hidden;\n  background:\n    radial-gradient(900px 520px at 50% 16%, rgba(34,211,238,.18), transparent 60%),\n    radial-gradient(800px 480px at 18% 40%, rgba(86,168,255,.14), transparent 62%),\n    radial-gradient(800px 480px at 82% 42%, rgba(167,139,250,.10), transparent 62%),\n    linear-gradient(135deg,#020817,#06152B 48%,#020817);\n}\n.cyraco-fw .cyraco-overview::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  opacity:.38;\n  background:\n    linear-gradient(rgba(86,168,255,.10) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(86,168,255,.10) 1px, transparent 1px);\n  background-size:64px 64px;\n  mask-image:radial-gradient(circle at 50% 42%, #000 0 58%, transparent 78%);\n}\n.cyraco-fw .cyraco-overview::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:\n    radial-gradient(circle at 50% 38%, rgba(34,211,238,.20), transparent 12%),\n    linear-gradient(180deg, rgba(2,8,23,.05), rgba(2,8,23,.64));\n}\n.cyraco-fw .overview-wrap{\n  position:relative;\n  z-index:2;\n}\n.cyraco-fw .overview-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 14px;\n  border-radius:999px;\n  color:#bff5ff;\n  background:rgba(34,211,238,.10);\n  border:1px solid rgba(34,211,238,.22);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.24em;\n  text-transform:uppercase;\n}\n.cyraco-fw .overview-kicker i{color:var(--secondary);}\n.cyraco-fw .overview-title{\n  margin-top:18px;\n  text-shadow:0 0 28px rgba(86,168,255,.24);\n}\n.cyraco-fw .overview-sub{\n  max-width:760px;\n  margin:0 auto;\n}\n\n.cyraco-fw .overview-layout{\n  display:grid;\n  grid-template-columns:minmax(280px,1fr) minmax(420px,1.25fr) minmax(280px,1fr);\n  gap:28px;\n  align-items:center;\n}\n@media(max-width:1180px){\n  .cyraco-fw .overview-layout{grid-template-columns:1fr; gap:22px;}\n  .cyraco-fw .overview-side{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}\n}\n@media(max-width:700px){\n  .cyraco-fw .overview-side{grid-template-columns:1fr;}\n}\n\n.cyraco-fw .overview-side{\n  display:grid;\n  gap:16px;\n}\n.cyraco-fw .ov-feature{\n  appearance:none;\n  width:100%;\n  border:1px solid rgba(86,168,255,.30);\n  background:linear-gradient(135deg, rgba(8,26,51,.82), rgba(2,8,23,.82));\n  border-radius:26px;\n  padding:18px;\n  text-align:left;\n  color:#fff;\n  cursor:pointer;\n  position:relative;\n  overflow:hidden;\n  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n.cyraco-fw .ov-feature::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  opacity:0;\n  background:radial-gradient(420px 140px at 0% 0%, rgba(34,211,238,.18), transparent 72%);\n  transition:opacity .2s ease;\n}\n.cyraco-fw .ov-feature:hover,\n.cyraco-fw .ov-feature:focus,\n.cyraco-fw .ov-feature.is-active{\n  transform:translateY(-5px);\n  border-color:rgba(34,211,238,.72);\n  box-shadow:0 24px 70px rgba(0,0,0,.35), 0 0 32px rgba(34,211,238,.12);\n  outline:none;\n}\n.cyraco-fw .ov-feature:hover::before,\n.cyraco-fw .ov-feature:focus::before,\n.cyraco-fw .ov-feature.is-active::before{opacity:1;}\n.cyraco-fw .ov-card-inner{\n  position:relative;\n  z-index:1;\n  display:flex;\n  gap:16px;\n  align-items:flex-start;\n}\n.cyraco-fw .ov-icon{\n  width:60px;\n  height:60px;\n  flex:0 0 auto;\n  border-radius:20px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#dffbff;\n  background:linear-gradient(135deg, rgba(86,168,255,.22), rgba(34,211,238,.10));\n  border:1px solid rgba(86,168,255,.36);\n  box-shadow:inset 0 0 22px rgba(34,211,238,.08), 0 0 24px rgba(86,168,255,.14);\n}\n.cyraco-fw .ov-icon i{font-size:25px;}\n.cyraco-fw .ov-feature h3{\n  margin:2px 0 8px;\n  font-size:19px;\n  line-height:1.15;\n}\n.cyraco-fw .ov-feature p{\n  font-size:14px;\n  line-height:1.45;\n  color:rgba(255,255,255,.75);\n}\n.cyraco-fw .ov-detail{\n  max-height:0;\n  overflow:hidden;\n  opacity:0;\n  margin-top:0;\n  font-size:13px;\n  line-height:1.5;\n  color:rgba(191,245,255,.92);\n  transition:max-height .24s ease, opacity .24s ease, margin-top .24s ease;\n}\n.cyraco-fw .ov-feature:hover .ov-detail,\n.cyraco-fw .ov-feature:focus .ov-detail,\n.cyraco-fw .ov-feature.is-active .ov-detail{\n  max-height:150px;\n  opacity:1;\n  margin-top:10px;\n}\n\n.cyraco-fw .overview-center{\n  min-height:610px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n}\n@media(max-width:1180px){\n  .cyraco-fw .overview-center{min-height:560px; order:-1;}\n}\n@media(max-width:650px){\n  .cyraco-fw .overview-center{min-height:470px;}\n}\n\n.cyraco-fw .ov-orbit{\n  position:absolute;\n  width:min(580px,92vw);\n  height:min(580px,92vw);\n  border-radius:50%;\n  border:1px solid rgba(34,211,238,.18);\n  box-shadow:0 0 80px rgba(34,211,238,.12), inset 0 0 70px rgba(86,168,255,.06);\n  animation:cyracoPulse 4.4s ease-in-out infinite;\n}\n.cyraco-fw .ov-orbit.two{\n  width:min(420px,76vw);\n  height:min(420px,76vw);\n  animation-delay:-1.2s;\n}\n@keyframes cyracoPulse{\n  0%,100%{transform:scale(.98); opacity:.48;}\n  50%{transform:scale(1.04); opacity:.88;}\n}\n\n.cyraco-fw .ov-platform{\n  position:absolute;\n  top:0;\n  text-align:center;\n}\n.cyraco-fw .ov-cube{\n  width:92px;\n  height:92px;\n  margin:0 auto 14px;\n  border-radius:28px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(34,211,238,.35);\n  background:rgba(2,8,23,.72);\n  box-shadow:0 0 42px rgba(34,211,238,.24);\n  animation:cyracoFloat 3.2s ease-in-out infinite;\n}\n.cyraco-fw .ov-cube i{\n  color:#55dfff;\n  font-size:44px;\n}\n.cyraco-fw .ov-brand{\n  font-size:clamp(40px,4vw,64px);\n  font-weight:950;\n  letter-spacing:.06em;\n  line-height:1;\n  color:#fff;\n}\n.cyraco-fw .ov-brand-sub{\n  margin-top:4px;\n  color:#5ee7ff;\n  font-size:clamp(16px,1.4vw,24px);\n  letter-spacing:.22em;\n}\n\n.cyraco-fw .ov-device{\n  position:relative;\n  z-index:3;\n  width:min(560px,88vw);\n  margin-top:120px;\n}\n.cyraco-fw .ov-laptop{\n  width:100%;\n  border-radius:24px;\n  border:2px solid rgba(255,255,255,.34);\n  background:#020817;\n  padding:12px;\n  box-shadow:0 40px 90px rgba(0,0,0,.50), 0 0 48px rgba(34,211,238,.14);\n}\n.cyraco-fw .ov-screen{\n  min-height:250px;\n  border-radius:16px;\n  background:\n    radial-gradient(240px 120px at 74% 20%, rgba(34,211,238,.14), transparent 60%),\n    linear-gradient(135deg,#06152B,#0b1f3d);\n  border:1px solid rgba(86,168,255,.18);\n  padding:18px;\n}\n.cyraco-fw .ov-screen-top{\n  display:flex;\n  justify-content:space-between;\n  gap:12px;\n  align-items:center;\n  margin-bottom:15px;\n  padding-bottom:12px;\n  border-bottom:1px solid rgba(255,255,255,.12);\n}\n.cyraco-fw .ov-screen-top strong{\n  color:#fff;\n  font-size:14px;\n}\n.cyraco-fw .ov-live{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  color:#7df9c4;\n  font-size:12px;\n  font-weight:900;\n}\n.cyraco-fw .ov-live::before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:999px;\n  background:#7df9c4;\n  box-shadow:0 0 14px #7df9c4;\n}\n.cyraco-fw .ov-screen-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n.cyraco-fw .ov-metric{\n  border-radius:16px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.10);\n  padding:14px;\n}\n.cyraco-fw .ov-metric span{\n  display:block;\n  color:rgba(255,255,255,.55);\n  font-size:12px;\n}\n.cyraco-fw .ov-metric strong{\n  display:block;\n  color:#fff;\n  font-size:26px;\n  margin-top:7px;\n}\n.cyraco-fw .ov-bar{\n  height:7px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  overflow:hidden;\n  margin-top:11px;\n}\n.cyraco-fw .ov-bar i{\n  display:block;\n  height:100%;\n  border-radius:999px;\n  background:linear-gradient(90deg,var(--secondary),var(--primary));\n}\n.cyraco-fw .ov-chart{\n  grid-column:span 2;\n  border-radius:16px;\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.10);\n  padding:14px;\n}\n.cyraco-fw .ov-chart svg{\n  width:100%;\n  height:76px;\n  display:block;\n  color:var(--secondary);\n}\n.cyraco-fw .ov-phone{\n  position:absolute;\n  right:-34px;\n  bottom:28px;\n  width:118px;\n  height:222px;\n  border-radius:30px;\n  border:2px solid rgba(255,255,255,.34);\n  background:#020817;\n  padding:8px;\n  box-shadow:0 24px 60px rgba(0,0,0,.45);\n  animation:cyracoFloat 3.5s ease-in-out infinite;\n}\n.cyraco-fw .ov-phone-screen{\n  height:100%;\n  border-radius:23px;\n  background:linear-gradient(160deg,#06152B,#0d274a);\n  border:1px solid rgba(86,168,255,.18);\n  padding:10px;\n}\n.cyraco-fw .ov-phone-img{\n  height:86px;\n  border-radius:14px;\n  background:\n    radial-gradient(circle at 65% 45%, rgba(255,122,0,.9), transparent 14%),\n    radial-gradient(circle at 65% 45%, rgba(255,122,0,.22), transparent 32%),\n    linear-gradient(135deg, rgba(34,211,238,.18), rgba(255,255,255,.05));\n}\n.cyraco-fw .ov-phone-screen strong{\n  display:block;\n  margin-top:9px;\n  color:#fff;\n  font-size:11px;\n}\n.cyraco-fw .ov-phone-screen span{\n  display:block;\n  margin-top:3px;\n  color:rgba(255,255,255,.56);\n  font-size:10px;\n}\n.cyraco-fw .ov-glasses{\n  position:absolute;\n  left:-52px;\n  bottom:0;\n  width:230px;\n  height:76px;\n  border-radius:42px;\n  border:1px solid rgba(86,168,255,.30);\n  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(2,8,23,.82));\n  box-shadow:0 24px 60px rgba(0,0,0,.40), 0 0 30px rgba(34,211,238,.14);\n}\n.cyraco-fw .ov-glasses::before,\n.cyraco-fw .ov-glasses::after{\n  content:\"\";\n  position:absolute;\n  top:24px;\n  width:62px;\n  height:30px;\n  border-radius:14px;\n  border:1px solid rgba(34,211,238,.34);\n  background:rgba(2,8,23,.65);\n}\n.cyraco-fw .ov-glasses::before{left:38px;}\n.cyraco-fw .ov-glasses::after{right:38px;}\n.cyraco-fw .ov-engine{\n  text-align:center;\n  margin-top:18px;\n  color:#fff;\n  font-weight:900;\n  text-shadow:0 0 22px rgba(34,211,238,.25);\n}\n\n.cyraco-fw .ov-info{\n  position:absolute;\n  left:50%;\n  bottom:30px;\n  width:min(440px,88vw);\n  transform:translateX(-50%);\n  border:1px solid rgba(34,211,238,.24);\n  background:rgba(2,8,23,.78);\n  backdrop-filter:blur(10px);\n  border-radius:22px;\n  padding:16px 18px;\n  box-shadow:0 22px 70px rgba(0,0,0,.28);\n}\n.cyraco-fw .ov-info strong{\n  display:block;\n  color:#fff;\n  font-size:15px;\n  margin-bottom:5px;\n}\n.cyraco-fw .ov-info p{\n  font-size:13px;\n  line-height:1.45;\n  color:rgba(191,245,255,.84);\n}\n@keyframes cyracoFloat{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-9px);}\n}\n\n.cyraco-fw .overview-flow{\n  margin-top:34px;\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:16px;\n  border:1px solid rgba(86,168,255,.24);\n  background:rgba(2,8,23,.54);\n  border-radius:30px;\n  padding:18px;\n  backdrop-filter:blur(8px);\n}\n@media(max-width:1000px){\n  .cyraco-fw .overview-flow{grid-template-columns:repeat(2,1fr);}\n}\n@media(max-width:650px){\n  .cyraco-fw .overview-flow{grid-template-columns:1fr;}\n}\n.cyraco-fw .ov-step{\n  position:relative;\n  min-height:154px;\n  border-radius:24px;\n  padding:18px;\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.10);\n  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;\n}\n.cyraco-fw .ov-step:hover{\n  transform:translateY(-5px);\n  border-color:rgba(34,211,238,.44);\n  background:rgba(255,255,255,.09);\n  box-shadow:0 24px 70px rgba(0,0,0,.30);\n}\n.cyraco-fw .ov-step-head{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin-bottom:10px;\n}\n.cyraco-fw .ov-step-icon{\n  width:54px;\n  height:54px;\n  border-radius:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:rgba(86,168,255,.18);\n  border:1px solid rgba(86,168,255,.32);\n}\n.cyraco-fw .ov-step-icon i{\n  color:#dffbff;\n  font-size:22px;\n}\n.cyraco-fw .ov-step h3{\n  font-size:18px;\n  margin:0;\n}\n.cyraco-fw .ov-step p{\n  font-size:13px;\n  line-height:1.55;\n  color:rgba(255,255,255,.72);\n}\n@media(max-width:650px){\n  .cyraco-fw .ov-phone,\n  .cyraco-fw .ov-glasses{display:none;}\n  .cyraco-fw .ov-device{margin-top:130px;}\n  .cyraco-fw .ov-screen{min-height:230px;}\n  .cyraco-fw .ov-screen-grid{grid-template-columns:1fr;}\n  .cyraco-fw .ov-chart{grid-column:auto;}\n  .cyraco-fw .ov-info{position:relative; left:auto; bottom:auto; transform:none; margin:18px auto 0;}\n}\n\n\n\n\/* ================= OVERVIEW FORMAT-FIX V2 =================\n   Kompakter, n\u00e4her an der urspr\u00fcnglichen Grafik und besser f\u00fcr den Website-Hero.\n   Kann gefahrlos am Ende des bestehenden <style>-Blocks stehen. *\/\n.cyraco-fw .cyraco-overview.fw-section{\n  padding:64px 0 56px;\n  min-height:auto;\n}\n.cyraco-fw .cyraco-overview{\n  background:\n    radial-gradient(900px 460px at 50% 30%, rgba(34,211,238,.18), transparent 58%),\n    radial-gradient(760px 420px at 15% 45%, rgba(86,168,255,.12), transparent 64%),\n    radial-gradient(760px 420px at 85% 45%, rgba(86,168,255,.10), transparent 64%),\n    linear-gradient(135deg,#050b17,#0a1930 46%,#050b17);\n}\n.cyraco-fw .cyraco-overview .center{\n  margin-bottom:36px;\n}\n.cyraco-fw .overview-kicker{\n  display:none;\n}\n.cyraco-fw .overview-title{\n  margin-top:0;\n  margin-bottom:14px;\n  font-size:clamp(34px,3.2vw,54px);\n  line-height:1.03;\n  letter-spacing:.01em;\n}\n.cyraco-fw .overview-sub{\n  max-width:780px;\n  font-size:16px;\n  line-height:1.55;\n  color:rgba(255,255,255,.82) !important;\n}\n.cyraco-fw .overview-layout{\n  grid-template-columns:minmax(300px,.92fr) minmax(500px,1.2fr) minmax(300px,.92fr);\n  gap:26px;\n  align-items:center;\n}\n.cyraco-fw .overview-side{\n  gap:14px;\n}\n.cyraco-fw .ov-feature{\n  min-height:120px;\n  border-radius:22px;\n  padding:16px 18px;\n  background:linear-gradient(135deg, rgba(8,26,51,.78), rgba(2,8,23,.86));\n}\n.cyraco-fw .ov-feature:hover,\n.cyraco-fw .ov-feature:focus,\n.cyraco-fw .ov-feature.is-active{\n  transform:translateY(-3px);\n}\n.cyraco-fw .ov-card-inner{\n  gap:14px;\n}\n.cyraco-fw .ov-icon{\n  width:58px;\n  height:58px;\n  border-radius:18px;\n}\n.cyraco-fw .ov-icon i{\n  font-size:24px;\n}\n.cyraco-fw .ov-feature h3{\n  font-size:18px;\n  line-height:1.18;\n  margin:0 0 7px;\n}\n.cyraco-fw .ov-feature p{\n  font-size:13.5px;\n  line-height:1.4;\n}\n.cyraco-fw .ov-detail{\n  font-size:12.5px;\n  line-height:1.42;\n}\n.cyraco-fw .overview-center{\n  min-height:470px;\n}\n.cyraco-fw .ov-orbit{\n  width:min(520px,88vw);\n  height:min(520px,88vw);\n  opacity:.8;\n}\n.cyraco-fw .ov-orbit.two{\n  width:min(390px,72vw);\n  height:min(390px,72vw);\n}\n.cyraco-fw .ov-platform{\n  top:4px;\n  z-index:1;\n}\n.cyraco-fw .ov-cube{\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  margin-bottom:12px;\n}\n.cyraco-fw .ov-cube i{\n  font-size:36px;\n}\n.cyraco-fw .ov-brand{\n  font-size:clamp(38px,3.5vw,56px);\n  opacity:.95;\n}\n.cyraco-fw .ov-brand-sub{\n  font-size:clamp(14px,1.1vw,20px);\n}\n.cyraco-fw .ov-device{\n  width:min(500px,88vw);\n  margin-top:150px;\n}\n.cyraco-fw .ov-laptop{\n  border-radius:22px;\n  padding:10px;\n}\n.cyraco-fw .ov-screen{\n  min-height:220px;\n  padding:16px;\n}\n.cyraco-fw .ov-screen-top{\n  margin-bottom:12px;\n  padding-bottom:10px;\n}\n.cyraco-fw .ov-metric{\n  padding:12px;\n}\n.cyraco-fw .ov-metric strong{\n  font-size:24px;\n}\n.cyraco-fw .ov-chart svg{\n  height:64px;\n}\n.cyraco-fw .ov-phone{\n  right:-22px;\n  bottom:32px;\n  width:104px;\n  height:198px;\n  border-radius:28px;\n}\n.cyraco-fw .ov-phone-img{\n  height:76px;\n}\n.cyraco-fw .ov-glasses{\n  left:-42px;\n  bottom:6px;\n  width:205px;\n  height:68px;\n}\n.cyraco-fw .ov-glasses::before,\n.cyraco-fw .ov-glasses::after{\n  top:21px;\n  width:56px;\n  height:26px;\n}\n.cyraco-fw .ov-engine{\n  margin-top:14px;\n  font-size:15px;\n}\n\/* Das Detail-Panel hat die Grafik im Screenshot \u00fcberlagert. Details bleiben in den Karten. *\/\n.cyraco-fw .ov-info{\n  display:none;\n}\n.cyraco-fw .overview-flow{\n  margin-top:30px;\n  border-radius:26px;\n  padding:16px;\n  gap:14px;\n}\n.cyraco-fw .ov-step{\n  min-height:132px;\n  border-radius:22px;\n  padding:16px;\n}\n.cyraco-fw .ov-step-icon{\n  width:50px;\n  height:50px;\n  border-radius:16px;\n}\n.cyraco-fw .ov-step h3{\n  font-size:16px;\n}\n.cyraco-fw .ov-step p{\n  font-size:12.5px;\n  line-height:1.45;\n}\n@media(max-width:1180px){\n  .cyraco-fw .cyraco-overview.fw-section{padding:58px 0 52px;}\n  .cyraco-fw .overview-layout{grid-template-columns:1fr; gap:20px;}\n  .cyraco-fw .overview-center{min-height:500px; order:-1;}\n  .cyraco-fw .overview-side{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .cyraco-fw .ov-device{margin-top:140px;}\n}\n@media(max-width:700px){\n  .cyraco-fw .cyraco-overview.fw-section{padding:46px 0 42px;}\n  .cyraco-fw .cyraco-overview .center{margin-bottom:24px;}\n  .cyraco-fw .overview-title{font-size:34px;}\n  .cyraco-fw .overview-sub{font-size:14.5px;}\n  .cyraco-fw .overview-side{grid-template-columns:1fr;}\n  .cyraco-fw .overview-center{min-height:430px;}\n  .cyraco-fw .ov-platform{top:0;}\n  .cyraco-fw .ov-cube{width:64px;height:64px;border-radius:20px;}\n  .cyraco-fw .ov-cube i{font-size:30px;}\n  .cyraco-fw .ov-device{width:94vw;margin-top:122px;}\n  .cyraco-fw .ov-screen{min-height:210px;}\n  .cyraco-fw .ov-phone,\n  .cyraco-fw .ov-glasses{display:none;}\n  .cyraco-fw .overview-flow{margin-top:22px;}\n}\n\n\/* ================= OVERVIEW CENTER IMAGE (statt CSS-Mockup) ================= *\/\n.cyraco-fw .overview-center{\n  min-height:auto;\n  display:block;\n}\n.cyraco-fw .ov-hero-media{\n  position:relative;\n  width:100%;\n  max-width:640px;\n  margin:0 auto;\n  border-radius:28px;\n  overflow:hidden;\n}\n.cyraco-fw .ov-hero-media::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:28px;\n  border:1px solid rgba(86,168,255,.22);\n  pointer-events:none;\n  z-index:3;\n}\n\n.cyraco-fw .ov-hero-media::before{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:74%;\n  height:74%;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(34,211,238,.26) 0%, rgba(86,168,255,.10) 42%, rgba(0,0,0,0) 72%);\n  filter:blur(16px);\n  z-index:1;\n  pointer-events:none;\n}\n.cyraco-fw .ov-hero-media img{\n  position:relative;\n  z-index:2;\n  display:block;\n  width:100%;\n  height:auto;\n  border-radius:28px;\n  filter:drop-shadow(0 26px 70px rgba(0,0,0,.40));\n}\n.cyraco-fw .ov-engine{\n  margin-top:12px;\n  font-size:clamp(18px,1.5vw,24px);\n  line-height:1.25;\n}\n@media(max-width:1180px){\n  .cyraco-fw .overview-center{order:-1;}\n  .cyraco-fw .ov-hero-media{max-width:560px;}\n}\n@media(max-width:650px){\n  .cyraco-fw .ov-hero-media{max-width:100%;}\n  .cyraco-fw .ov-engine{font-size:18px;}\n}\n\n\n\/* ================= DUNKELBLAU EINHEITLICH V5 =================\n   Baut auf dem NEUEN Overview-Code mit Mittelbild auf.\n   Kein alter Plattform-Grid-Block wird eingef\u00fcgt. *\/\n.cyraco-fw{\n  --dark1:#081A33;\n  --dark2:#06152B;\n  --dark3:#020817;\n  --light:#081A33;\n  --primary:#56a8ff;\n  --secondary:#22d3ee;\n  --accent:#ff7a00;\n  --purple:#8b7cf6;\n  --glass:rgba(255,255,255,.085);\n  --glass2:rgba(255,255,255,.135);\n  --border:rgba(255,255,255,.16);\n  --section-bg:\n    radial-gradient(1150px 560px at 50% 18%, rgba(86,168,255,.105), transparent 62%),\n    radial-gradient(820px 440px at 15% 28%, rgba(34,211,238,.075), transparent 58%),\n    radial-gradient(820px 440px at 85% 32%, rgba(86,168,255,.07), transparent 60%),\n    linear-gradient(135deg,#081A33 0%,#06152B 52%,#020817 100%);\n  color:#fff;\n}\n\n.cyraco-fw .fw-section,\n.cyraco-fw .bg-dark,\n.cyraco-fw .bg-light,\n.cyraco-fw .bg-parallax,\n.cyraco-fw .cyraco-overview{\n  background:var(--section-bg) !important;\n  position:relative;\n  overflow:hidden;\n}\n\n.cyraco-fw .fw-section::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  opacity:.22;\n  background:\n    linear-gradient(rgba(86,168,255,.10) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(86,168,255,.10) 1px, transparent 1px);\n  background-size:72px 72px;\n  mask-image:radial-gradient(circle at 50% 28%, #000 0 46%, transparent 78%);\n  z-index:0;\n}\n\n.cyraco-fw .fw-section > .wrap,\n.cyraco-fw .cyraco-overview > .wrap{\n  position:relative;\n  z-index:2;\n}\n\n.cyraco-fw .fw-section + .fw-section{\n  border-top:1px solid rgba(255,255,255,.07);\n}\n\n\/* Parallax-Bild vereinheitlichen: kein Fremdbild, nur CYRACO-Dunkelblau *\/\n.cyraco-fw .bg-parallax{\n  background-attachment:scroll !important;\n  background-position:center !important;\n  background-size:cover !important;\n}\n\n\/* Einheitliche Typografie auf dunklem Hintergrund *\/\n.cyraco-fw h2,\n.cyraco-fw h3,\n.cyraco-fw h4,\n.cyraco-fw .bg-dark h2,\n.cyraco-fw .bg-dark h3,\n.cyraco-fw .bg-dark h4,\n.cyraco-fw .bg-light h2,\n.cyraco-fw .bg-light h3,\n.cyraco-fw .bg-light h4{\n  color:#fff !important;\n}\n.cyraco-fw p,\n.cyraco-fw .bg-dark p,\n.cyraco-fw .bg-light p,\n.cyraco-fw .checkitem span,\n.cyraco-fw .feat p,\n.cyraco-fw .usecase p,\n.cyraco-fw .mod-sub,\n.cyraco-fw .examples-title p{\n  color:rgba(255,255,255,.76) !important;\n}\n\n\/* Einheitliche Glas-Karten *\/\n.cyraco-fw .platform-card,\n.cyraco-fw .mod-shell,\n.cyraco-fw .mod-core-left,\n.cyraco-fw .mod-core-right,\n.cyraco-fw .mod-card,\n.cyraco-fw .examples-shell,\n.cyraco-fw .ex-card,\n.cyraco-fw .workflow-shell,\n.cyraco-fw .usecase,\n.cyraco-fw .feat,\n.cyraco-fw .imgbox,\n.cyraco-fw .ov-feature,\n.cyraco-fw .ov-step,\n.cyraco-fw .overview-flow{\n  background:linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.045)) !important;\n  border:1px solid rgba(255,255,255,.15) !important;\n  box-shadow:0 20px 60px rgba(0,0,0,.22);\n  backdrop-filter:blur(10px);\n}\n\n.cyraco-fw .platform-card:hover,\n.cyraco-fw .mod-card:hover,\n.cyraco-fw .ex-card:hover,\n.cyraco-fw .usecase:hover,\n.cyraco-fw .feat:hover,\n.cyraco-fw .ov-feature:hover,\n.cyraco-fw .ov-feature:focus,\n.cyraco-fw .ov-feature.is-active,\n.cyraco-fw .ov-step:hover{\n  background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.065)) !important;\n  border-color:rgba(34,211,238,.42) !important;\n  box-shadow:0 24px 70px rgba(0,0,0,.28), 0 0 34px rgba(34,211,238,.12);\n}\n\n.cyraco-fw .lift:hover,\n.cyraco-fw .mod-card:hover,\n.cyraco-fw .ex-card:hover,\n.cyraco-fw .ov-step:hover{\n  transform:translateY(-4px) !important;\n}\n\n\/* Pills, Badges und kleine Elemente auf dunklem Hintergrund *\/\n.cyraco-fw .pill,\n.cyraco-fw .badge,\n.cyraco-fw .tag,\n.cyraco-fw .mini span,\n.cyraco-fw .chip{\n  color:#eafcff !important;\n  background:rgba(34,211,238,.105) !important;\n  border:1px solid rgba(34,211,238,.22) !important;\n}\n\n.cyraco-fw .checkitem i,\n.cyraco-fw .featbox i,\n.cyraco-fw .ex-row i,\n.cyraco-fw .ex-head i,\n.cyraco-fw .kpi i,\n.cyraco-fw .mini i{\n  color:var(--secondary) !important;\n}\n\n.cyraco-fw .iconbox,\n.cyraco-fw .mod-ico,\n.cyraco-fw .mod-core-ico,\n.cyraco-fw .featbox,\n.cyraco-fw .flow-icon,\n.cyraco-fw .ov-icon,\n.cyraco-fw .ov-step-icon{\n  background:linear-gradient(135deg, rgba(86,168,255,.22), rgba(34,211,238,.10)) !important;\n  border:1px solid rgba(86,168,255,.32) !important;\n  box-shadow:inset 0 0 20px rgba(34,211,238,.08), 0 0 22px rgba(86,168,255,.10);\n}\n\n\/* Bilder im gleichen dunklen Rahmen *\/\n.cyraco-fw .imgbox{\n  padding:18px !important;\n  border-radius:28px !important;\n}\n.cyraco-fw .imgbox img,\n.cyraco-fw .ov-hero-media img{\n  border-radius:24px !important;\n  box-shadow:0 24px 70px rgba(0,0,0,.34);\n}\n.cyraco-fw .ov-hero-media{\n  border-radius:28px !important;\n  background:rgba(255,255,255,.04);\n}\n\n\/* Overview als neuer Hero beibehalten *\/\n.cyraco-fw .cyraco-overview.fw-section{\n  padding:68px 0 60px !important;\n}\n.cyraco-fw .overview-title{\n  color:#fff !important;\n  text-shadow:0 0 30px rgba(86,168,255,.25);\n}\n.cyraco-fw .overview-sub{\n  color:rgba(255,255,255,.80) !important;\n}\n\n\/* KI\/AR Textspalten als dunkle Content-Cards *\/\n.cyraco-fw #ai .cols-2 > div:first-child,\n.cyraco-fw #ar .col-text{\n  background:linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.04));\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:28px;\n  padding:28px;\n  box-shadow:0 20px 60px rgba(0,0,0,.22);\n  backdrop-filter:blur(10px);\n}\n\n@media(max-width:768px){\n  .cyraco-fw .fw-section{padding:58px 0 !important;}\n  .cyraco-fw #ai .cols-2 > div:first-child,\n  .cyraco-fw #ar .col-text{padding:22px;}\n}\n\n\n\/* ================= KORREKTUREN V6 =================\n   - Add-on Modul-Icons wieder farbig\n   - Add-on Badges ausgeblendet\n   - AR Textfelder als abgerundete Cards\n   - Footer nicht \u00fcberschreiben: alter Footer bleibt unver\u00e4ndert\n*\/\n\n\/* Add-on Badges oben rechts entfernen, damit die Modul-Cards ruhiger wirken *\/\n.cyraco-fw .mod-grid .tag{\n  display:none !important;\n}\n.cyraco-fw .mod-grid .mod-card .top{\n  justify-content:flex-start !important;\n}\n\n\/* Add-on Modul-Icons wieder bunt wie zuvor *\/\n.cyraco-fw .mod-grid > *:nth-child(1) .mod-ico{\n  background:rgba(86,168,255,.26) !important;\n  border-color:rgba(86,168,255,.55) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(2) .mod-ico{\n  background:rgba(34,211,238,.26) !important;\n  border-color:rgba(34,211,238,.55) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(3) .mod-ico{\n  background:rgba(255,122,0,.26) !important;\n  border-color:rgba(255,122,0,.55) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(4) .mod-ico{\n  background:rgba(167,139,250,.26) !important;\n  border-color:rgba(167,139,250,.55) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(5) .mod-ico{\n  background:rgba(86,168,255,.22) !important;\n  border-color:rgba(86,168,255,.45) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(6) .mod-ico{\n  background:rgba(34,211,238,.22) !important;\n  border-color:rgba(34,211,238,.45) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(7) .mod-ico{\n  background:rgba(255,122,0,.22) !important;\n  border-color:rgba(255,122,0,.45) !important;\n}\n.cyraco-fw .mod-grid > *:nth-child(8) .mod-ico{\n  background:rgba(167,139,250,.22) !important;\n  border-color:rgba(167,139,250,.45) !important;\n}\n\n\/* AR-Technologie: einzelne Textfelder genauso abgerundet und ruhig wie die anderen Cards *\/\n.cyraco-fw #ar .feat{\n  margin-top:14px !important;\n  padding:16px !important;\n  border-radius:24px !important;\n  background:linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.04)) !important;\n  border:1px solid rgba(255,255,255,.14) !important;\n  box-shadow:0 18px 54px rgba(0,0,0,.18) !important;\n  backdrop-filter:blur(10px);\n}\n.cyraco-fw #ar .feat:hover{\n  transform:translateY(-4px) !important;\n  border-color:rgba(34,211,238,.36) !important;\n  box-shadow:0 22px 70px rgba(0,0,0,.26), 0 0 28px rgba(34,211,238,.10) !important;\n}\n.cyraco-fw #ar .feat h3{\n  margin:0 0 6px !important;\n}\n.cyraco-fw #ar .feat p{\n  color:rgba(255,255,255,.76) !important;\n}\n\n\n\n\n\/* ================= REVEAL ANIMATIONEN V7 =================\n   Elemente fliegen beim Scrollen von links, rechts oder unten ein.\n   Struktur und Design bleiben unver\u00e4ndert. *\/\n.cyraco-fw .cyraco-reveal{\n  opacity:0;\n  transform:translate3d(0, 44px, 0);\n  transition:\n    opacity .95s cubic-bezier(.22,1,.36,1),\n    transform .95s cubic-bezier(.22,1,.36,1);\n  transition-delay:var(--reveal-delay, 0ms);\n  will-change:opacity, transform;\n}\n.cyraco-fw .cyraco-reveal.from-left{\n  transform:translate3d(-72px, 0, 0);\n}\n.cyraco-fw .cyraco-reveal.from-right{\n  transform:translate3d(72px, 0, 0);\n}\n.cyraco-fw .cyraco-reveal.from-top{\n  transform:translate3d(0, -52px, 0);\n}\n.cyraco-fw .cyraco-reveal.from-bottom{\n  transform:translate3d(0, 52px, 0);\n}\n.cyraco-fw .cyraco-reveal.is-visible{\n  opacity:1;\n  transform:translate3d(0, 0, 0);\n}\n\n\/* sorgt daf\u00fcr, dass die Einflugbewegung nicht abgeschnitten wird *\/\n.cyraco-fw .wrap,\n.cyraco-fw .mod-shell,\n.cyraco-fw .examples-shell,\n.cyraco-fw .workflow-shell,\n.cyraco-fw .overview-flow,\n.cyraco-fw .overview-layout{\n  overflow:visible;\n}\n\n\/* Mobile: etwas dezenter, damit es nicht zu stark springt *\/\n@media(max-width:768px){\n  .cyraco-fw .cyraco-reveal.from-left{\n    transform:translate3d(-34px, 0, 0);\n  }\n  .cyraco-fw .cyraco-reveal.from-right{\n    transform:translate3d(34px, 0, 0);\n  }\n  .cyraco-fw .cyraco-reveal.from-bottom{\n    transform:translate3d(0, 34px, 0);\n  }\n  .cyraco-fw .cyraco-reveal{\n    transition-duration:.78s;\n  }\n}\n\n\/* Barrierefreiheit: bei reduzierter Bewegung alles direkt anzeigen *\/\n@media (prefers-reduced-motion: reduce){\n  .cyraco-fw .cyraco-reveal{\n    opacity:1 !important;\n    transform:none !important;\n    transition:none !important;\n  }\n}\n\n\n\n\/* ================= FIX USE CASE INLINE BLOCK =================\n   Der Use-Case-Bereich liegt innerhalb der mod-shell und darf keine eigene Full-Width-Section sein. *\/\n.cyraco-fw .usecase-examples-section{\n  width:100% !important;\n  margin:0 !important;\n  padding:28px 0 0 !important;\n  background:transparent !important;\n  position:relative !important;\n  overflow:visible !important;\n  border:0 !important;\n  box-shadow:none !important;\n}\n.cyraco-fw .usecase-examples-section::before,\n.cyraco-fw .usecase-examples-section::after{\n  display:none !important;\n  content:none !important;\n}\n.cyraco-fw .usecase-examples-section .usecase-inner{\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\n<\/style>\n\n\n<!-- ================= INTERAKTIVE OVERVIEW GRAFIK ================= -->\n<section id=\"overview\" class=\"fw-section cyraco-overview bg-dark\">\n  <div class=\"wrap overview-wrap\">\n    <div class=\"center\">\n      <span class=\"overview-kicker\"><i class=\"fas fa-cube\"><\/i> Interactive Overview<\/span>\n      <h2 class=\"overview-title\">Die CYRACO Plattform im \u00dcberblick<\/h2>\n      <p class=\"overview-sub\">Zentrale Webanwendung, KI + AR Engine, Audit-Trails, Reporting und Enterprise-Integrationen in einem interaktiven Workflow.<\/p>\n    <\/div>\n\n    <div class=\"overview-layout\">\n      <div class=\"overview-side overview-left\">\n        <button class=\"ov-feature is-active\" type=\"button\" data-title=\"KI + XR Automatisierung\" data-detail=\"Computer Vision erkennt Zust\u00e4nde, Abweichungen und Risiken direkt im Arbeitskontext. XR f\u00fchrt Mitarbeitende Schritt f\u00fcr Schritt durch den Prozess.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\n            <div>\n              <h3>KI + XR Automatisierung<\/h3>\n              <p>Visuelle Prozessautomatisierung mit K\u00fcnstlicher Intelligenz und Extended Reality.<\/p>\n              <div class=\"ov-detail\">Automatisierte Erkennung, AR-Anleitungen und sichere Ausf\u00fchrung direkt am Asset.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"AR-gest\u00fctzte Workflows\" data-detail=\"Standardisierte, handfreie Abl\u00e4ufe f\u00fchren Mitarbeitende sicher durch Inspektion, Wartung und Compliance-Dokumentation.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-list-check\"><\/i><\/div>\n            <div>\n              <h3>AR-gest\u00fctzte Workflows<\/h3>\n              <p>Standardisierte, handfreie Abl\u00e4ufe f\u00fcr maximale Compliance und Effizienz.<\/p>\n              <div class=\"ov-detail\">Schritt-f\u00fcr-Schritt-Ausf\u00fchrung mit digitalem Nachweis und weniger Fehlern.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"Remote Expert Support\" data-detail=\"Expertinnen und Experten k\u00f6nnen live unterst\u00fctzen, AR-Hinweise platzieren und komplexe Situationen remote begleiten.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n            <div>\n              <h3>Remote Expert Support<\/h3>\n              <p>Echtzeit-Unterst\u00fctzung mit pr\u00e4zisen 3D-AR-Anmerkungen.<\/p>\n              <div class=\"ov-detail\">Wissen verf\u00fcgbar machen \u2013 unabh\u00e4ngig von Standort, Schicht oder Einsatzort.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"Multi-Device Support\" data-detail=\"CYRACO passt sich an den Einsatzort an \u2013 von Smart Glasses bis Smartphone, Tablet und Web-Dashboard.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-mobile-screen\"><\/i><\/div>\n            <div>\n              <h3>Multi-Device Support<\/h3>\n              <p>Flexibler Einsatz auf Smart Glasses, Tablets und Smartphones.<\/p>\n              <div class=\"ov-detail\">Ein System f\u00fcr mobile Teams, Field Service und zentrale Leitst\u00e4nde.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n      <\/div>\n\n      <div class=\"overview-center\">\n        <div class=\"ov-hero-media\">\n          <!-- Bild zuerst in die WordPress-Mediathek hochladen und dann die URL unten einsetzen -->\n          <img decoding=\"async\" src=\"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png\"\n               alt=\"CYRACO Platform \u2013 Zentrale Webanwendung und KI + AR Engine\"\n               loading=\"lazy\">\n        <\/div>\n        <div class=\"ov-engine\">Zentrale Webanwendung &amp; KI + AR Engine<\/div>\n      <\/div>\n\n      <div class=\"overview-side overview-right\">\n        <button class=\"ov-feature\" type=\"button\" data-title=\"Nahtlose Integrationen\" data-detail=\"Auftr\u00e4ge, Assets und Pr\u00fcfberichte k\u00f6nnen mit bestehenden Enterprise-Systemen synchronisiert werden \u2013 API-first und skalierbar.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-network-wired\"><\/i><\/div>\n            <div>\n              <h3>Nahtlose Integrationen<\/h3>\n              <p>API-first Anbindung an SAP PM, IBM Maximo und f\u00fchrende EAM-Systeme.<\/p>\n              <div class=\"ov-detail\">Bidirektionale Synchronisierung mit ERP, CMMS, BIM und Custom APIs.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"Sofortige Berichte\" data-detail=\"Berichte entstehen automatisch aus Prozessdaten, Bildern, Signaturen und Zeitstempeln \u2013 als PDF oder JSON.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-file-pdf\"><\/i><\/div>\n            <div>\n              <h3>Sofortige Berichte<\/h3>\n              <p>Zero-Admin PDF\/JSON-Generierung f\u00fcr vollst\u00e4ndige digitale Audit-Trails.<\/p>\n              <div class=\"ov-detail\">Revisionssichere Dokumentation ohne manuelle Nacharbeit.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"Echtzeit-Analysen\" data-detail=\"Live-Daten machen Trends, Engp\u00e4sse und Risiken sichtbar, bevor sie zum Problem werden.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n            <div>\n              <h3>Echtzeit-Analysen<\/h3>\n              <p>Zentrale Dashboards mit KPIs und Predictive Maintenance Insights.<\/p>\n              <div class=\"ov-detail\">Entscheidungen auf Basis verwertbarer Betriebs- und Compliance-Daten.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n\n        <button class=\"ov-feature\" type=\"button\" data-title=\"DSGVO-konform &#038; sicher\" data-detail=\"Sichere Architektur, rollenbasierte Zugriffe und Datenschutz by Design f\u00fcr sensible Betriebsdaten.\">\n          <div class=\"ov-card-inner\">\n            <div class=\"ov-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\n            <div>\n              <h3>DSGVO-konform &amp; sicher<\/h3>\n              <p>DSGVO-konformes Design, Offline-Sync und Enterprise-Grade Security.<\/p>\n              <div class=\"ov-detail\">F\u00fcr Audit-, Compliance- und QHSE-Prozesse auf Enterprise-Niveau.<\/div>\n            <\/div>\n          <\/div>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"overview-flow\">\n      <div class=\"ov-step\">\n        <div class=\"ov-step-head\">\n          <div class=\"ov-step-icon\"><i class=\"fas fa-qrcode\"><\/i><\/div>\n          <h3>1. Asset Scan<\/h3>\n        <\/div>\n        <p>Kontext sofort laden \u00fcber QR-Code oder NFC-Tag am Point of Interest.<\/p>\n      <\/div>\n\n      <div class=\"ov-step\">\n        <div class=\"ov-step-head\">\n          <div class=\"ov-step-icon\"><i class=\"fas fa-vr-cardboard\"><\/i><\/div>\n          <h3>2. Gef\u00fchrte Ausf\u00fchrung<\/h3>\n        <\/div>\n        <p>Schritt-f\u00fcr-Schritt-AR-Anleitungen sichern korrekte Ausf\u00fchrung und Compliance.<\/p>\n      <\/div>\n\n      <div class=\"ov-step\">\n        <div class=\"ov-step-head\">\n          <div class=\"ov-step-icon\"><i class=\"fas fa-microchip\"><\/i><\/div>\n          <h3>3. KI-Erkennung<\/h3>\n        <\/div>\n        <p>Echtzeit-Computer-Vision erkennt automatisch Anomalien und Sicherheitsrisiken.<\/p>\n      <\/div>\n\n      <div class=\"ov-step\">\n        <div class=\"ov-step-head\">\n          <div class=\"ov-step-icon\"><i class=\"fas fa-file-lines\"><\/i><\/div>\n          <h3>4. Sofortiger Bericht<\/h3>\n        <\/div>\n        <p>PDF\/JSON mit Daten, Bildern und Zeitstempeln \u2013 pr\u00fcfbar und revisionssicher.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = document.querySelector('.cyraco-fw .cyraco-overview');\n  if(!root) return;\n\n  var cards = root.querySelectorAll('.ov-feature');\n  var title = root.querySelector('.ov-current-title');\n  var text = root.querySelector('.ov-current-text');\n\n  function activate(card){\n    cards.forEach(function(item){ item.classList.remove('is-active'); });\n    card.classList.add('is-active');\n    if(title) title.textContent = card.getAttribute('data-title') || '';\n    if(text) text.textContent = card.getAttribute('data-detail') || '';\n  }\n\n  cards.forEach(function(card){\n    card.addEventListener('mouseenter', function(){ activate(card); });\n    card.addEventListener('focus', function(){ activate(card); });\n    card.addEventListener('click', function(){ activate(card); });\n  });\n})();\n<\/script>\n\n\n\n\n<!-- ================= MODULARES BAUKASTEN-SYSTEM ================= -->\n<section id=\"modules\" class=\"fw-section bg-parallax bg-dark\">\n  <div class=\"wrap\">\n\n    <div class=\"mod-shell lift\">\n      <div class=\"mod-top\">\n        <span class=\"chip\"><i class=\"fas fa-cubes\"><\/i> Modulares Baukasten-System<\/span>\n        <div class=\"mod-title\">Modulares System: Flexibel &amp; Erweiterbar<\/div>\n        <p class=\"mod-sub\">\n          Starten Sie mit der Core-Plattform und f\u00fcgen Sie genau die Module hinzu,\n          die Sie f\u00fcr Ihren Use Case ben\u00f6tigen.\n        <\/p>\n      <\/div>\n\n      <!-- Core -->\n      <div class=\"mod-core\">\n        <div class=\"mod-core-left lift\">\n          <div class=\"mod-core-head\">\n            <div class=\"mod-core-ico\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n            <div>\n              <h3>Core Platform (Basis)<\/h3>\n              <p>Mobile &amp; Web Apps, Cloud-Infrastruktur, Datensicherheit, User Management<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mod-core-feats\">\n            <div class=\"mod-pill\">\n              <i class=\"fas fa-mobile-alt\"><\/i><strong>Mobile App<\/strong>\n            <\/div>\n            <div class=\"mod-pill\">\n              <i class=\"fas fa-desktop\"><\/i><strong>Web Dashboard<\/strong>\n            <\/div>\n            <div class=\"mod-pill\">\n              <i class=\"fas fa-cloud\"><\/i><strong>Cloud Backend<\/strong>\n            <\/div>\n            <div class=\"mod-pill\">\n              <i class=\"fas fa-users\"><\/i><strong>User Management<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right: value \/ explanation -->\n        <div class=\"mod-core-right lift\">\n          <div class=\"kpi\">\n            <i class=\"fas fa-plug\"><\/i>\n            <div>\n              <h4>Nur die Module, die Sie wirklich brauchen<\/h4>\n              <p>Individuell kombinierbar \u2013 je nach Standort, Projekt und Prozess.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"kpi\">\n            <i class=\"fas fa-bolt\"><\/i>\n            <div>\n              <h4>Schnell aktivieren<\/h4>\n              <p>Module lassen sich stufenweise ausrollen \u2013 ohne Big-Bang-Einf\u00fchrung.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"kpi\">\n            <i class=\"fas fa-shield-alt\"><\/i>\n            <div>\n              <h4>Skalierbar &amp; sicher<\/h4>\n              <p>Eine Plattform \u2013 konsistente Governance, Rollen, Rechte und Datenmodelle.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mod-divider\"><\/div>\n\n      <div class=\"mod-addons-head\">\n        <h3>W\u00e4hlbare Add-on Module<\/h3>\n        <p>F\u00fcgen Sie beliebige Module hinzu \u2013 individuell nach Bedarf<\/p>\n      <\/div>\n\n<div class=\"mod-grid\">\n\n  <!-- 1) AI Computer Vision (klickbar) -->\n  <a class=\"mod-card lift\" href=\"#ai\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-brain\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>AI Computer Vision<\/h4>\n    <p>Automatische Defekterkennung, PPE-Compliance, Objekterkennung<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>PPE Detection<\/span>\n      <span><i class=\"fas fa-check\"><\/i>Defect Recognition<\/span>\n    <\/div>\n    <div class=\"go\">Mehr zu KI <i class=\"fas fa-arrow-right\"><\/i><\/div>\n  <\/a>\n\n  <!-- 2) AR\/XR Technology (klickbar) -->\n  <a class=\"mod-card lift\" href=\"#ar\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-vr-cardboard\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>AR\/XR Technology<\/h4>\n    <p>AR-Navigation, Remote Expert Support, 3D-Overlays<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>Smart Glasses<\/span>\n      <span><i class=\"fas fa-check\"><\/i>AR Annotations<\/span>\n    <\/div>\n    <div class=\"go\">Mehr zu AR <i class=\"fas fa-arrow-right\"><\/i><\/div>\n  <\/a>\n\n  <!-- 3) IoT Integration -->\n  <div class=\"mod-card lift\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-wifi\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>IoT Integration<\/h4>\n    <p>Sensor-Anbindung, Live-Datenstreams, Predictive Analytics<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>Real-time Data<\/span>\n      <span><i class=\"fas fa-check\"><\/i>Sensors<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- 4) Advanced Analytics -->\n  <div class=\"mod-card lift\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>Advanced Analytics<\/h4>\n    <p>KI-Dashboards, Predictive Maintenance, Custom Reports<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>AI Insights<\/span>\n      <span><i class=\"fas fa-check\"><\/i>Forecasting<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- 5) Custom AI Models -->\n<div class=\"mod-card lift\">\n  <div class=\"top\">\n    <div class=\"mod-ico\"><i class=\"fas fa-microchip\"><\/i><\/div>\n    <span class=\"tag\">Add-on<\/span>\n  <\/div>\n  <h4>Custom AI Models<\/h4>\n  <p>\n    Trainieren Sie eigene KI-Modelle f\u00fcr spezifische Defekte, Assets und Szenarien \u2013\n    ohne technisches Fachwissen.\n  <\/p>\n  <div class=\"mini\">\n    <span><i class=\"fas fa-check\"><\/i>No-Code Training<\/span>\n    <span><i class=\"fas fa-check\"><\/i>Eigene Daten<\/span>\n    <span><i class=\"fas fa-check\"><\/i>Individuelle Modelle<\/span>\n  <\/div>\n<\/div>\n\n\n  <!-- 6) ERP \/ MES Integration -->\n  <div class=\"mod-card lift\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-database\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>ERP\/MES Integration<\/h4>\n    <p>SAP, Oracle, Microsoft Dynamics, Custom APIs<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>Bi-directional<\/span>\n      <span><i class=\"fas fa-check\"><\/i>Real-time<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- 7) Document Management -->\n  <div class=\"mod-card lift\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-folder-open\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>Document Management<\/h4>\n    <p>Digitale Ablage, Versionierung, Compliance-Archiv<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>GxP Ready<\/span>\n      <span><i class=\"fas fa-check\"><\/i>FDA 21 CFR<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- 8) Custom Workflows -->\n  <div class=\"mod-card lift\">\n    <div class=\"top\">\n      <div class=\"mod-ico\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\n      <span class=\"tag\">Add-on<\/span>\n    <\/div>\n    <h4>Custom Workflows<\/h4>\n    <p>Branchenspezifische Prozesse, individuelle Checklisten<\/p>\n    <div class=\"mini\">\n      <span><i class=\"fas fa-check\"><\/i>No-Code<\/span>\n      <span><i class=\"fas fa-check\"><\/i>Flexible<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n<!-- ================= USE CASE BEISPIELE ================= -->\n<div class=\"usecase-examples-section\">\n  <div class=\"usecase-inner\">\n\n    <div class=\"examples-shell lift\">\n      <div class=\"examples-title\">\n        <h3>Beispiel-Konfigurationen f\u00fcr verschiedene Use Cases<\/h3>\n        <p>So kann eine typische Modul-Kombination je nach Szenario aussehen<\/p>\n      <\/div>\n\n      <div class=\"examples-grid\">\n        <!-- Logistik -->\n        <div class=\"ex-card lift\">\n          <div class=\"ex-head\">\n            <i class=\"fas fa-truck\"><\/i>\n            <h4>Logistik<\/h4>\n          <\/div>\n          <div class=\"ex-list\">\n            <div class=\"ex-row\"><i class=\"fas fa-layer-group\"><\/i><span class=\"core\">Core Platform<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AI Computer Vision<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AR\/XR Technology<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>ERP\/MES Integration<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Railways \/ Bahn -->\n        <div class=\"ex-card lift\">\n          <div class=\"ex-head\">\n            <i class=\"fas fa-train\"><\/i>\n            <h4>Railways<\/h4>\n          <\/div>\n          <div class=\"ex-list\">\n            <div class=\"ex-row\"><i class=\"fas fa-layer-group\"><\/i><span class=\"core\">Core Platform<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AR\/XR Technology<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AI Computer Vision<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>Advanced Analytics<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>Document Management<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Energie \/ Kraftwerksinspektionen -->\n        <div class=\"ex-card lift\">\n          <div class=\"ex-head\">\n            <i class=\"fas fa-bolt\"><\/i>\n            <h4>Energie<\/h4>\n          <\/div>\n          <div class=\"ex-list\">\n            <div class=\"ex-row\"><i class=\"fas fa-layer-group\"><\/i><span class=\"core\">Core Platform<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AR\/XR Technology<\/span><\/div>            \n<div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>AI Computer Vision<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>IoT Integration<\/span><\/div>\n            <div class=\"ex-row\"><i class=\"fas fa-plus\"><\/i><span>Custom Workflows<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"examples-cta\">\n        <p>\n          <i class=\"fas fa-lightbulb\" style=\"color:var(--accent); margin-right:8px;\"><\/i>\n          <strong>Ihr Use Case ist einzigartig?<\/strong> Kein Problem \u2013 wir konfigurieren die perfekte Kombination f\u00fcr Sie.\n        <\/p>\n        <a class=\"btn-primary\" href=\"https:\/\/cyraco.com\/kontakt\/\">\n          Beratungsgespr\u00e4ch vereinbaren <i class=\"fas fa-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ================= WORKFLOW ================= -->\n<section id=\"workflow\" class=\"fw-section bg-parallax bg-dark\">\n  <div class=\"wrap\">\n    <div class=\"center\">\n      <h2>End-to-End Digitalisierung von QHSE-Prozessen<\/h2>\n      <p>Typischer Inspektions-Workflow<\/p>\n    <\/div>\n\n    <div class=\"workflow-shell lift\">\n      <div class=\"workflow-row\">\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\"><i class=\"fas fa-route\"><\/i><\/div>\n          <div class=\"flow-label\">Routen<br>planen<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\" style=\"background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.40);\">\n            <i class=\"fas fa-mobile-alt\"><\/i>\n          <\/div>\n          <div class=\"flow-label\">Vor Ort<br>erfassen<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\" style=\"background:rgba(255,122,0,.18);border-color:rgba(255,122,0,.40);\">\n            <i class=\"fas fa-clipboard-list\"><\/i>\n          <\/div>\n          <div class=\"flow-label\">AR<br>Checklisten<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\" style=\"background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.40);\">\n            <i class=\"fas fa-headset\"><\/i>\n          <\/div>\n          <div class=\"flow-label\">Remote<br>Experte<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\n          <div class=\"flow-label\">KI<br>Validierung<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\" style=\"background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.40);\">\n            <i class=\"fas fa-file-alt\"><\/i>\n          <\/div>\n          <div class=\"flow-label\">Auto<br>Reports<\/div>\n        <\/div>\n\n        <div class=\"chev\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n\n        <div class=\"flow-step lift\">\n          <div class=\"flow-icon\" style=\"background:rgba(255,122,0,.18);border-color:rgba(255,122,0,.40);\">\n            <i class=\"fas fa-database\"><\/i>\n          <\/div>\n          <div class=\"flow-label\">ERP<br>Integration<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= KI (AI) ================= -->\n<section id=\"ai\" class=\"fw-section bg-dark\">\n  <div class=\"wrap\">\n    <div class=\"cols-2\">\n\n      <div>\n        <span class=\"pill primary\">KI-Technologie<\/span>\n        <h2>KI Computer Vision Technologie<\/h2>\n        <p style=\"margin-bottom:18px;\">Automatisierte Erkennung und Analyse f\u00fcr industrielle und andere Umgebungen<\/p>\n\n        <h3 style=\"margin-top:10px;\">Zentrale KI-F\u00e4higkeiten<\/h3>\n\n        <div class=\"checkgrid\">\n          <div class=\"checkitem\"><i class=\"fas fa-check-circle\"><\/i><span>Vortrainierte Modelle<\/span><\/div>\n          <div class=\"checkitem\"><i class=\"fas fa-check-circle\"><\/i><span>Individuelles Training<\/span><\/div>\n          <div class=\"checkitem\"><i class=\"fas fa-check-circle\"><\/i><span>Echtzeit-Inferenz<\/span><\/div>\n          <div class=\"checkitem\"><i class=\"fas fa-check-circle\"><\/i><span>Multi-Objekt-Erkennung<\/span><\/div>\n          <div class=\"checkitem\"><i class=\"fas fa-check-circle\"><\/i><span>Kontinuierliches Lernen<\/span><\/div>\n        <\/div>\n\n        <div class=\"usecase lift\">\n          <h4>PPE-Erkennung<\/h4>\n          <p>Automatische Erkennung von PSA-Compliance<\/p>\n          <span class=\"badge primary\">YOLO \u2022 Detectron2 \u2022 MobileNetV<\/span>\n        <\/div>\n\n        <div class=\"usecase lift\">\n          <h4>Defekt-Erkennung<\/h4>\n          <p>Intelligente Erkennung von Korrosion, Rissen und strukturellen Sch\u00e4den<\/p>\n          <span class=\"badge secondary\">CNN<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- AI Bild rechts (sauber, nicht doppelt verschachtelt) -->\n      <div class=\"imgbox lift col-img\">\n        <img decoding=\"async\" \n          src=\"https:\/\/cyraco.com\/wp-content\/uploads\/Screenshot-2025-12-15-125024.png\"\n          alt=\"KI Computer Vision Technologie\"\n          loading=\"lazy\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= AR ================= -->\n<section id=\"ar\" class=\"fw-section bg-dark\">\n  <div class=\"wrap\">\n    <div class=\"cols-2\">\n\n      <!-- Bild links -->\n      <div class=\"imgbox lift col-img\" style=\"background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(255,122,0,.12));\">\n        <img decoding=\"async\" \n          src=\"https:\/\/cyraco.com\/wp-content\/uploads\/DSC_5043-scaled-1.jpg\"\n          alt=\"AR Technologie\"\n          loading=\"lazy\">\n      <\/div>\n\n      <!-- Text rechts -->\n      <div class=\"col-text\">\n        <span class=\"pill secondary\">AR-Technologie<\/span>\n        <h2>AR Technologie-Details<\/h2>\n        <p style=\"margin-bottom:8px;\">Spatial Computing Funktionen f\u00fcr Au\u00dfeneins\u00e4tze<\/p>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\"><i class=\"fas fa-compass\"><\/i><\/div>\n          <div>\n            <h3>Indoor\/Outdoor Navigation<\/h3>\n            <p>Persistente 3D-Anker f\u00fchren Mitarbeitende sicher durch komplexe Bereiche<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\" style=\"background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.22);\">\n            <i class=\"fas fa-tasks\" style=\"color:var(--accent);\"><\/i>\n          <\/div>\n          <div>\n            <h3>Schritt-f\u00fcr-Schritt AR Checklisten<\/h3>\n            <p>Kontextbasierte Formulare als Overlay direkt am physischen Asset<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\" style=\"background:rgba(86,168,255,.14);border-color:rgba(86,168,255,.22);\">\n            <i class=\"fas fa-headset\" style=\"color:var(--primary);\"><\/i>\n          <\/div>\n          <div>\n            <h3>Remote Experten-Unterst\u00fctzung<\/h3>\n            <p>Live Video mit AR-Anmerkungen f\u00fcr Fernunterst\u00fctzung in Echtzeit<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\" style=\"background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.22);\">\n            <i class=\"fas fa-wifi\" style=\"color:#7c3aed;\"><\/i>\n          <\/div>\n          <div>\n            <h3>Online \/ Offline Betrieb<\/h3>\n            <p>Volle Funktionalit\u00e4t mit automatischer Synchronisierung bei Verbindung<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\"><i class=\"fas fa-microphone\"><\/i><\/div>\n          <div>\n            <h3>Sprachsteuerung<\/h3>\n            <p>Hands-free Bedienung f\u00fcr Dateneingabe und Navigation im Feld<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"feat lift\">\n          <div class=\"featbox\" style=\"background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.22);\">\n            <i class=\"fas fa-mobile-alt\" style=\"color:var(--accent);\"><\/i>\n          <\/div>\n          <div>\n            <h3>Multi-Device Unterst\u00fctzung<\/h3>\n            <p>Smart Glasses, Tablets und Smartphones \u2013 je nach Einsatz optimal<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/section>\n\n\n\n\n\n\n\n\n\n\n\n\n      \n  <div data-colibri-component=\"section\" data-colibri-id=\"2662-c59\" id=\"custom-4\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-636 style-local-2662-c59 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"2662-c60\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-1625 style-local-2662-c60 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-1626-outer style-local-2662-c61-outer\">\n            <div data-colibri-id=\"2662-c61\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-1626 style-local-2662-c61 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c62\" class=\"h-x-container style-649 style-local-2662-c62 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c62-group style-649-spacing style-local-2662-c62-spacing\"><span class=\"h-button__outer style-1291-outer style-local-2662-c63-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/kontakt\/\"  data-colibri-id=\"2662-c63\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-1291 style-local-2662-c63 position-relative\"><!----><!----> <span>Sie m\u00f6chten unser System testen?<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"2662-c64\" id=\"reusable-sections\" class=\"h-section h-section-global-spacing d-flex align-items-lg-start align-items-md-start align-items-start style-3576 style-local-2662-c64 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"2662-c65\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-3577 style-local-2662-c65 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3578-outer style-local-2662-c66-outer\">\n            <div data-colibri-id=\"2662-c66\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-3578 style-local-2662-c66 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c67\" class=\"d-block style-3579 style-local-2662-c67 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <a href=\"https:\/\/www.cyraco.de\" h-use-smooth-scroll=\"true\" class=\"image-link\">\n                      <div class=\"h-image__frame-container\">\n                        <!---->\n                        <!---->\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"426\" src=\"https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1.png\" class=\"wp-image-320 style-3579-image style-local-2662-c67-image\" alt=\"cyraco logo white\" srcset=\"https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1.png 1920w, https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1-300x67.png 300w, https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1-1024x227.png 1024w, https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1-768x170.png 768w, https:\/\/cyraco.com\/wp-content\/uploads\/Cyraco_Logo_neu-1-1536x341.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n                        <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-3579-frameImage style-local-2662-c67-frameImage\"><\/div>\n                      <\/div>\n                    <\/a>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3580-outer style-local-2662-c68-outer h-hide-md h-hide-sm\">\n            <div data-colibri-id=\"2662-c68\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-3580 style-local-2662-c68 h-hide-md h-hide-sm position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c69\" class=\"h-text h-text-component style-3581 style-local-2662-c69 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Gereonstra\u00dfe 43-65&nbsp;D-50670 K\u00f6ln&nbsp;&nbsp;&nbsp;info@cyraco.com<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3582-outer style-local-2662-c70-outer\">\n            <div data-colibri-id=\"2662-c70\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-3582 style-local-2662-c70 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"2662-c71\" class=\"style-3583 style-local-2662-c71 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.linkedin.com\/company\/cyraco-gmbh\/about\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Socicon (http:\/\/www.socicon.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                              <path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.instagram.com\/cyraco_gmbh\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Socicon (http:\/\/www.socicon.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                              <path d=\"M750 134.766c202.148 0 222.656 2.93 301.758 5.859 76.172 2.93 114.258 14.648 140.625 23.438 35.156 14.648 61.523 32.227 84.961 55.664 26.367 26.367 43.945 52.734 55.664 84.961 11.719 29.297 23.438 67.383 26.367 140.625 2.93 82.031 5.859 102.539 5.859 304.688s-2.93 222.656-5.859 301.758c-2.93 76.172-14.648 114.258-23.438 140.625-14.648 35.156-32.227 61.523-55.664 84.961-26.367 26.367-52.734 43.945-84.961 55.664-29.297 11.719-67.383 23.438-140.625 26.367-82.031 2.93-102.539 5.859-304.688 5.859s-222.656-2.93-301.758-5.859c-76.172-2.93-114.258-14.648-140.625-23.438-35.156-14.648-61.523-32.227-84.961-55.664-26.367-26.367-43.945-52.734-55.664-84.961-11.719-29.297-23.438-67.383-26.367-140.625-2.93-82.031-5.859-102.539-5.859-304.688s2.93-222.656 5.859-301.758c2.93-76.172 14.648-114.258 23.438-140.625 14.648-35.156 32.227-61.523 55.664-84.961 26.367-26.367 52.734-43.945 84.961-55.664 29.297-11.719 67.383-23.438 140.625-26.367 82.031-2.93 102.539-5.859 304.688-5.859M750 0c-205.078 0-228.516 2.93-307.617 5.859-82.031 2.93-137.695 14.648-181.641 32.227-49.805 20.508-93.75 46.875-134.766 87.891s-67.383 84.961-87.891 134.766c-17.578 46.875-29.297 99.609-32.227 181.641-2.93 79.102-5.859 102.539-5.859 307.617s2.93 228.516 5.859 307.617c2.93 82.031 14.648 137.695 32.227 181.641 20.508 49.805 46.875 93.75 87.891 134.766s84.961 67.383 134.766 87.891c46.875 17.578 99.609 29.297 181.641 32.227 79.102 2.93 102.539 5.859 307.617 5.859s228.516-2.93 307.617-5.859c82.031-2.93 137.695-14.648 181.641-32.227 49.805-20.508 93.75-46.875 134.766-87.891s67.383-84.961 87.891-134.766c17.578-46.875 29.297-99.609 32.227-181.641 2.93-79.102 5.859-102.539 5.859-307.617s-2.93-228.516-5.859-307.617c-2.93-82.031-14.648-137.695-32.227-181.641-20.508-49.805-46.875-93.75-87.891-134.766s-84.961-67.383-134.766-87.891c-46.875-17.578-99.609-29.297-181.641-32.227-79.102-2.93-102.539-5.859-307.617-5.859zM750 363.281c-213.867 0-386.719 172.852-386.719 386.719s172.852 386.719 386.719 386.719c213.867 0 386.719-172.852 386.719-386.719s-172.852-386.719-386.719-386.719zM750 1001.953c-137.695 0-251.953-114.258-251.953-251.953s114.258-251.953 251.953-251.953c137.695 0 251.953 114.258 251.953 251.953s-114.258 251.953-251.953 251.953zM1239.258 348.633c0 49.805-38.086 90.82-87.891 90.82s-90.82-41.016-90.82-90.82c0-49.805 41.016-87.891 90.82-87.891s87.891 38.086 87.891 87.891z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"2662-c72\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-3577 style-local-2662-c72 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3584-outer style-local-2662-c73-outer\">\n            <div data-colibri-id=\"2662-c73\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-3584 style-local-2662-c73 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c74\" class=\"h-text h-text-component style-3585 style-local-2662-c74 h-hide-lg position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 300; font-size: 16px; font-family: Ubuntu; color: rgb(255, 255, 255);\">Gereonstra\u00dfe 43-65&nbsp;D-50670 K\u00f6ln&nbsp;&nbsp;&nbsp;info@cyraco.com<\/span><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"2662-c75\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-3586 style-local-2662-c75 h-hide-sm position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3587-outer style-local-2662-c76-outer\">\n            <div data-colibri-id=\"2662-c76\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3587 style-local-2662-c76 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c77\" class=\"h-x-container style-3588 style-local-2662-c77 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c77-group style-3588-spacing style-local-2662-c77-spacing\"><span class=\"h-link__outer style-3589-outer style-local-2662-c78-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/impressum\/\"  data-colibri-id=\"2662-c78\" class=\"d-flex w-100 align-items-center h-link style-3589 style-local-2662-c78 position-relative\"><!----><!----> <span> Impressum<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3590-outer style-local-2662-c79-outer\">\n            <div data-colibri-id=\"2662-c79\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3590 style-local-2662-c79 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c80\" class=\"h-text h-text-component style-3591 style-local-2662-c80 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>&nbsp;\/&nbsp;<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3592-outer style-local-2662-c81-outer\">\n            <div data-colibri-id=\"2662-c81\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3592 style-local-2662-c81 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c82\" class=\"h-x-container style-3593 style-local-2662-c82 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c82-group style-3593-spacing style-local-2662-c82-spacing\"><span class=\"h-link__outer style-3594-outer style-local-2662-c83-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/datenschutz\/\"  data-colibri-id=\"2662-c83\" class=\"d-flex w-100 align-items-center h-link style-3594 style-local-2662-c83 position-relative\"><!----><!----> <span>Datenschutz<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3595-outer style-local-2662-c84-outer\">\n            <div data-colibri-id=\"2662-c84\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3595 style-local-2662-c84 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c85\" class=\"h-text h-text-component style-3596 style-local-2662-c85 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>&nbsp;\/&nbsp;<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3597-outer style-local-2662-c86-outer\">\n            <div data-colibri-id=\"2662-c86\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3597 style-local-2662-c86 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c87\" class=\"h-x-container style-3598 style-local-2662-c87 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c87-group style-3598-spacing style-local-2662-c87-spacing\"><span class=\"h-link__outer style-3599-outer style-local-2662-c88-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/leistungen\/\"  data-colibri-id=\"2662-c88\" class=\"d-flex w-100 align-items-center h-link style-3599 style-local-2662-c88 position-relative\"><!----><!----> <span>Einsatzfelder<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3600-outer style-local-2662-c89-outer\">\n            <div data-colibri-id=\"2662-c89\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3600 style-local-2662-c89 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c90\" class=\"h-text h-text-component style-3601 style-local-2662-c90 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>&nbsp;\/&nbsp;<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3602-outer style-local-2662-c91-outer\">\n            <div data-colibri-id=\"2662-c91\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3602 style-local-2662-c91 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c92\" class=\"h-x-container style-3603 style-local-2662-c92 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c92-group style-3603-spacing style-local-2662-c92-spacing\"><span class=\"h-link__outer style-3604-outer style-local-2662-c93-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/vorteile\/\"  data-colibri-id=\"2662-c93\" class=\"d-flex w-100 align-items-center h-link style-3604 style-local-2662-c93 position-relative\"><!----><!----> <span>Vorteile<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3605-outer style-local-2662-c94-outer\">\n            <div data-colibri-id=\"2662-c94\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3605 style-local-2662-c94 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c95\" class=\"h-text h-text-component style-3606 style-local-2662-c95 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>&nbsp;\/&nbsp;<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3607-outer style-local-2662-c96-outer\">\n            <div data-colibri-id=\"2662-c96\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3607 style-local-2662-c96 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c97\" class=\"h-x-container style-3608 style-local-2662-c97 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c97-group style-3608-spacing style-local-2662-c97-spacing\"><span class=\"h-link__outer style-3609-outer style-local-2662-c98-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/unsere-losung\/\"  data-colibri-id=\"2662-c98\" class=\"d-flex w-100 align-items-center h-link style-3609 style-local-2662-c98 position-relative\"><!----><!----> <span>Unsere L\u00f6sung<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3610-outer style-local-2662-c99-outer\">\n            <div data-colibri-id=\"2662-c99\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3610 style-local-2662-c99 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c100\" class=\"h-text h-text-component style-3611 style-local-2662-c100 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>&nbsp;\/&nbsp;<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3612-outer style-local-2662-c101-outer\">\n            <div data-colibri-id=\"2662-c101\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3612 style-local-2662-c101 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c102\" class=\"h-x-container style-3613 style-local-2662-c102 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c102-group style-3613-spacing style-local-2662-c102-spacing\"><span class=\"h-link__outer style-3614-outer style-local-2662-c103-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/cyraco.com\/team\/\"  data-colibri-id=\"2662-c103\" class=\"d-flex w-100 align-items-center h-link style-3614 style-local-2662-c103 position-relative\"><!----><!----> <span>Team<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"2662-c104\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 style-3615 style-local-2662-c104 h-hide-lg h-hide-md position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3587-outer style-local-2662-c105-outer\">\n            <div data-colibri-id=\"2662-c105\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3587 style-local-2662-c105 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c106\" class=\"h-x-container style-3588 style-local-2662-c106 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c106-group style-3588-spacing style-local-2662-c106-spacing\"><span class=\"h-link__outer style-3589-outer style-local-2662-c107-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/impressum\/\"  data-colibri-id=\"2662-c107\" class=\"d-flex w-100 align-items-center h-link style-3589 style-local-2662-c107 position-relative\"><!----><!----> <span>Impressum<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3590-outer style-local-2662-c108-outer\">\n            <div data-colibri-id=\"2662-c108\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3590 style-local-2662-c108 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3592-outer style-local-2662-c109-outer\">\n            <div data-colibri-id=\"2662-c109\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3592 style-local-2662-c109 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c110\" class=\"h-x-container style-3593 style-local-2662-c110 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c110-group style-3593-spacing style-local-2662-c110-spacing\"><span class=\"h-link__outer style-3594-outer style-local-2662-c111-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/datenschutz\/\"  data-colibri-id=\"2662-c111\" class=\"d-flex w-100 align-items-center h-link style-3594 style-local-2662-c111 position-relative\"><!----><!----> <span>Datenschutz<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3595-outer style-local-2662-c112-outer\">\n            <div data-colibri-id=\"2662-c112\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3595 style-local-2662-c112 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3597-outer style-local-2662-c113-outer\">\n            <div data-colibri-id=\"2662-c113\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3597 style-local-2662-c113 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c114\" class=\"h-x-container style-3598 style-local-2662-c114 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c114-group style-3598-spacing style-local-2662-c114-spacing\"><span class=\"h-link__outer style-3599-outer style-local-2662-c115-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/leistungen\/\"  data-colibri-id=\"2662-c115\" class=\"d-flex w-100 align-items-center h-link style-3599 style-local-2662-c115 position-relative\"><!----><!----> <span>Leistungen<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3600-outer style-local-2662-c116-outer\">\n            <div data-colibri-id=\"2662-c116\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3600 style-local-2662-c116 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3602-outer style-local-2662-c117-outer\">\n            <div data-colibri-id=\"2662-c117\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3602 style-local-2662-c117 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c118\" class=\"h-x-container style-3603 style-local-2662-c118 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c118-group style-3603-spacing style-local-2662-c118-spacing\"><span class=\"h-link__outer style-3604-outer style-local-2662-c119-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/vorteile\/\"  data-colibri-id=\"2662-c119\" class=\"d-flex w-100 align-items-center h-link style-3604 style-local-2662-c119 position-relative\"><!----><!----> <span>Vorteile<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3605-outer style-local-2662-c120-outer\">\n            <div data-colibri-id=\"2662-c120\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3605 style-local-2662-c120 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3607-outer style-local-2662-c121-outer\">\n            <div data-colibri-id=\"2662-c121\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3607 style-local-2662-c121 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c122\" class=\"h-x-container style-3608 style-local-2662-c122 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c122-group style-3608-spacing style-local-2662-c122-spacing\"><span class=\"h-link__outer style-3609-outer style-local-2662-c123-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/unsere-losung\/\"  data-colibri-id=\"2662-c123\" class=\"d-flex w-100 align-items-center h-link style-3609 style-local-2662-c123 position-relative\"><!----><!----> <span>Unsere Losungen<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3610-outer style-local-2662-c124-outer\">\n            <div data-colibri-id=\"2662-c124\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3610 style-local-2662-c124 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3612-outer style-local-2662-c125-outer\">\n            <div data-colibri-id=\"2662-c125\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3612 style-local-2662-c125 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"2662-c126\" class=\"h-x-container style-3613 style-local-2662-c126 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-2662-c126-group style-3613-spacing style-local-2662-c126-spacing\"><span class=\"h-link__outer style-3614-outer style-local-2662-c127-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"http:\/\/test.cyraco.com\/team\/\"  data-colibri-id=\"2662-c127\" class=\"d-flex w-100 align-items-center h-link style-3614 style-local-2662-c127 position-relative\"><!----><!----> <span>Team<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3616-outer style-local-2662-c128-outer\">\n            <div data-colibri-id=\"2662-c128\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3616 style-local-2662-c128 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3617-outer style-local-2662-c129-outer\">\n            <div data-colibri-id=\"2662-c129\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-3617 style-local-2662-c129 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"2662-c130\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-3618 style-local-2662-c130 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-3619-outer style-local-2662-c131-outer\">\n            <div data-colibri-id=\"2662-c131\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-3619 style-local-2662-c131 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-end align-self-md-end align-self-end\">\n                <!---->\n                <div data-colibri-id=\"2662-c132\" class=\"d-block style-3620 style-local-2662-c132 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"78\" src=\"https:\/\/cyraco.com\/wp-content\/uploads\/cropped-EU.png\" class=\"wp-image-6028 style-3620-image style-local-2662-c132-image\" alt=\"eu fiancing\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-3620-frameImage style-local-2662-c132-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<script>\n(function(){\n  function initCyracoReveal(){\n    var root = document.querySelector('.cyraco-fw');\n    if(!root) return;\n\n    var selectors = [\n      '.center',\n      '.mod-top',\n      '.mod-shell',\n      '.mod-core-left',\n      '.mod-core-right',\n      '.mod-pill',\n      '.mod-card',\n      '.examples-shell',\n      '.ex-card',\n      '.workflow-shell',\n      '.flow-step',\n      '#ai .cols-2 > div',\n      '#ai .usecase',\n      '#ar .cols-2 > div',\n      '#ar .feat',\n      '.ov-feature',\n      '.overview-center',\n      '.ov-step',\n      '.btn-primary'\n    ];\n\n    var items = Array.prototype.slice.call(root.querySelectorAll(selectors.join(',')));\n\n    items.forEach(function(el, index){\n      if(el.classList.contains('cyraco-reveal')) return;\n\n      var direction = 'from-bottom';\n\n      if(el.closest('.overview-left') || el.classList.contains('mod-core-left')){\n        direction = 'from-left';\n      } else if(el.closest('.overview-right') || el.classList.contains('mod-core-right')){\n        direction = 'from-right';\n      } else if(el.matches('#ai .cols-2 > div:first-child, #ar .cols-2 > div:first-child')){\n        direction = 'from-left';\n      } else if(el.matches('#ai .cols-2 > div:nth-child(2), #ar .cols-2 > div:nth-child(2)')){\n        direction = 'from-right';\n      } else if(el.classList.contains('flow-step')){\n        direction = 'from-left';\n      } else if(el.matches('.mod-grid .mod-card')){\n        var addonParent = el.parentElement;\n        var addonSiblings = Array.prototype.filter.call(addonParent ? addonParent.children : [], function(child){\n          return child.matches && child.matches('.mod-card');\n        });\n        var addonPos = addonSiblings.indexOf(el);\n        direction = (addonPos % 2 === 0) ? 'from-bottom' : 'from-top';\n      } else if(el.classList.contains('ex-card') || el.classList.contains('ov-step')){\n        var parent = el.parentElement;\n        var siblings = Array.prototype.filter.call(parent ? parent.children : [], function(child){\n          return child.matches && child.matches('.ex-card, .ov-step');\n        });\n        var pos = siblings.indexOf(el);\n        direction = (pos % 2 === 0) ? 'from-left' : 'from-right';\n      }\n\n      var parentChildren = el.parentElement ? Array.prototype.indexOf.call(el.parentElement.children, el) : index;\n      var delay = Math.min((parentChildren % 6) * 90, 450);\n\n      if(el.classList.contains('flow-step')){\n        var flowParent = el.parentElement;\n        var flowSiblings = Array.prototype.filter.call(flowParent ? flowParent.children : [], function(child){\n          return child.matches && child.matches('.flow-step');\n        });\n        var flowPos = flowSiblings.indexOf(el);\n        delay = Math.min(flowPos * 120, 720);\n      }\n\n      el.classList.add('cyraco-reveal', direction);\n      el.style.setProperty('--reveal-delay', delay + 'ms');\n    });\n\n    if(!('IntersectionObserver' in window)){\n      items.forEach(function(el){ el.classList.add('is-visible'); });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold:0.16,\n      rootMargin:'0px 0px -8% 0px'\n    });\n\n    items.forEach(function(el){ observer.observe(el); });\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initCyracoReveal);\n  } else {\n    initCyracoReveal();\n  }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Interactive Overview Die CYRACO Plattform im \u00dcberblick Zentrale Webanwendung, KI + AR Engine, Audit-Trails, Reporting und Enterprise-Integrationen in einem interaktiven Workflow. KI + XR Automatisierung Visuelle Prozessautomatisierung mit K\u00fcnstlicher Intelligenz und Extended Reality. Automatisierte Erkennung, AR-Anleitungen und sichere Ausf\u00fchrung direkt am Asset. AR-gest\u00fctzte Workflows Standardisierte, handfreie Abl\u00e4ufe f\u00fcr maximale Compliance und Effizienz. Schritt-f\u00fcr-Schritt-Ausf\u00fchrung mit digitalem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-2662","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cyraco - Inspect Remotely, Inspect Efficiently<\/title>\n<meta name=\"description\" content=\"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily &amp; remotely using modern technologies.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cyraco.com\/en\/unsere-losung\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cyraco - Inspect Remotely, Inspect Efficiently\" \/>\n<meta property=\"og:description\" content=\"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily &amp; remotely using modern technologies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cyraco.com\/en\/unsere-losung\/\" \/>\n<meta property=\"og:site_name\" content=\"Cyraco\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T12:04:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/\",\"url\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/\",\"name\":\"Cyraco - Inspect Remotely, Inspect Efficiently\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cyraco.com\\\/wp-content\\\/uploads\\\/ChatGPT-Image-1.-Juni-2026-17_27_53.png\",\"datePublished\":\"2021-11-05T12:10:52+00:00\",\"dateModified\":\"2026-06-08T12:04:52+00:00\",\"description\":\"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily & remotely using modern technologies.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cyraco.com\\\/wp-content\\\/uploads\\\/ChatGPT-Image-1.-Juni-2026-17_27_53.png\",\"contentUrl\":\"https:\\\/\\\/cyraco.com\\\/wp-content\\\/uploads\\\/ChatGPT-Image-1.-Juni-2026-17_27_53.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/unsere-losung\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cyraco.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unsere L\u00f6sung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/#website\",\"url\":\"https:\\\/\\\/cyraco.com\\\/\",\"name\":\"Cyraco\",\"description\":\"Inspect Remotely, Inspect Efficiently\",\"publisher\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cyraco.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/#organization\",\"name\":\"CYRACO GmbH\",\"url\":\"https:\\\/\\\/cyraco.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/cyraco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cyraco.com\\\/wp-content\\\/uploads\\\/Zeichenflache-1.png\",\"contentUrl\":\"https:\\\/\\\/cyraco.com\\\/wp-content\\\/uploads\\\/Zeichenflache-1.png\",\"width\":1704,\"height\":541,\"caption\":\"CYRACO GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/cyraco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cyraco - Inspect Remotely, Inspect Efficiently","description":"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily & remotely using modern technologies.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cyraco.com\/en\/unsere-losung\/","og_locale":"en_US","og_type":"article","og_title":"Cyraco - Inspect Remotely, Inspect Efficiently","og_description":"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily & remotely using modern technologies.","og_url":"https:\/\/cyraco.com\/en\/unsere-losung\/","og_site_name":"Cyraco","article_modified_time":"2026-06-08T12:04:52+00:00","og_image":[{"url":"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cyraco.com\/unsere-losung\/","url":"https:\/\/cyraco.com\/unsere-losung\/","name":"Cyraco - Inspect Remotely, Inspect Efficiently","isPartOf":{"@id":"https:\/\/cyraco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cyraco.com\/unsere-losung\/#primaryimage"},"image":{"@id":"https:\/\/cyraco.com\/unsere-losung\/#primaryimage"},"thumbnailUrl":"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png","datePublished":"2021-11-05T12:10:52+00:00","dateModified":"2026-06-08T12:04:52+00:00","description":"CYRACO helps companies in the TIC industry to inspect and audit their respective facilities easily & remotely using modern technologies.","breadcrumb":{"@id":"https:\/\/cyraco.com\/unsere-losung\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cyraco.com\/unsere-losung\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cyraco.com\/unsere-losung\/#primaryimage","url":"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png","contentUrl":"https:\/\/cyraco.com\/wp-content\/uploads\/ChatGPT-Image-1.-Juni-2026-17_27_53.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cyraco.com\/unsere-losung\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cyraco.com\/"},{"@type":"ListItem","position":2,"name":"Unsere L\u00f6sung"}]},{"@type":"WebSite","@id":"https:\/\/cyraco.com\/#website","url":"https:\/\/cyraco.com\/","name":"Cyraco","description":"Inspect Remotely, Inspect Efficiently","publisher":{"@id":"https:\/\/cyraco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cyraco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cyraco.com\/#organization","name":"CYRACO GmbH","url":"https:\/\/cyraco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cyraco.com\/#\/schema\/logo\/image\/","url":"https:\/\/cyraco.com\/wp-content\/uploads\/Zeichenflache-1.png","contentUrl":"https:\/\/cyraco.com\/wp-content\/uploads\/Zeichenflache-1.png","width":1704,"height":541,"caption":"CYRACO GmbH"},"image":{"@id":"https:\/\/cyraco.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/pages\/2662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/comments?post=2662"}],"version-history":[{"count":19,"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions"}],"predecessor-version":[{"id":10002,"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/pages\/2662\/revisions\/10002"}],"wp:attachment":[{"href":"https:\/\/cyraco.com\/en\/wp-json\/wp\/v2\/media?parent=2662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}