{"id":4032,"date":"2020-02-13T13:24:15","date_gmt":"2020-02-13T12:24:15","guid":{"rendered":"https:\/\/intact-systems.com\/?page_id=4032"},"modified":"2026-08-12T12:39:14","modified_gmt":"2026-08-12T10:39:14","slug":"intact-mobile-audit-app","status":"publish","type":"page","link":"https:\/\/intact-systems.com\/de\/intact-platform\/intact-mobile-audit-app\/","title":{"rendered":"Intact Mobile Audit App"},"content":{"rendered":"\n<!-- MOBILE HERO -->\n\n<style>\n  #ics-mobile-hero * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  #ics-mobile-hero {\n    background: #f7f8f9;\n    padding: 80px 48px;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 56px;\n    align-items: center;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    margin-bottom: 16px;\n  }\n\n  #ics-mobile-hero h1 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(30px, 2.8vw, 44px);\n    line-height: 1.22;\n    color: #2D2C2E;\n    margin-bottom: 20px;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-intro {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 17px;\n    line-height: 1.75;\n    color: #444444;\n    margin-bottom: 28px;\n    max-width: 560px;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-bullets {\n    list-style: none;\n    margin-bottom: 32px;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-bullets li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    color: #444444;\n    margin-bottom: 12px;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-bullet-icon {\n    flex: 0 0 auto;\n    width: 15px;\n    height: 15px;\n    margin-top: 4px;\n    stroke: #3EC16F;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    fill: none;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-ctas {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    align-items: center;\n  }\n\n  #ics-mobile-hero .ics-mobile-btn-primary {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #ffffff;\n    background: #3EC16F;\n    padding: 15px 32px;\n    border-radius: 6px;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s ease;\n  }\n\n  #ics-mobile-hero .ics-mobile-btn-primary:hover {\n    background: #33a860;\n  }\n\n  #ics-mobile-hero .ics-mobile-btn-secondary {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #2D2C2E;\n    padding: 15px 8px;\n    text-decoration: none;\n    border-bottom: 2px solid #2D2C2E;\n    display: inline-block;\n    transition: color 0.2s ease, border-color 0.2s ease;\n  }\n\n  #ics-mobile-hero .ics-mobile-btn-secondary:hover {\n    color: #3EC16F;\n    border-color: #3EC16F;\n  }\n\n  #ics-mobile-hero .ics-mobile-hero-media {\n    width: 100%;\n    display: block;\n  }\n\n  \/* \u2500\u2500 Split-screen sync animation \u2500\u2500 *\/\n  #ics-mobile-hero .ics-hv-caption {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 10.5px;\n    letter-spacing: 0.1em;\n  }\n\n  #ics-mobile-hero .ics-hv-status-text {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 9.5px;\n  }\n\n  #ics-mobile-hero .ics-hv-label {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 15px;\n    fill: #2D2C2E;\n  }\n\n  #ics-mobile-hero .ics-hv-check {\n    stroke: #3EC16F;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    fill: none;\n    opacity: 0;\n  }\n\n  #ics-mobile-hero .ics-hv-line {\n    fill: none;\n    stroke: #3EC16F;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    opacity: 0.3;\n  }\n\n  #ics-mobile-hero .ics-hv-flow-dot {\n    fill: #3EC16F;\n    opacity: 0;\n  }\n\n  #ics-mobile-hero .ics-hv-capturing { opacity: 1; }\n  #ics-mobile-hero .ics-hv-synced { opacity: 0; }\n\n  #ics-mobile-hero .ics-hv-box-1 { animation: ics-hv-p1-box 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-check-1 { animation: ics-hv-p1-check 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-box-2 { animation: ics-hv-p2-box 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-check-2 { animation: ics-hv-p2-check 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-box-3 { animation: ics-hv-p3-box 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-check-3 { animation: ics-hv-p3-check 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-box-4 { animation: ics-hv-p4-box 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-check-4 { animation: ics-hv-p4-check 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-box-5 { animation: ics-hv-p5-box 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-check-5 { animation: ics-hv-p5-check 10s ease-in-out infinite; }\n\n  #ics-mobile-hero .ics-hv-accent-1 { animation: ics-hv-d1-accent 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-dtext-1 { animation: ics-hv-d1-text 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-accent-2 { animation: ics-hv-d2-accent 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-dtext-2 { animation: ics-hv-d2-text 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-accent-3 { animation: ics-hv-d3-accent 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-dtext-3 { animation: ics-hv-d3-text 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-accent-4 { animation: ics-hv-d4-accent 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-dtext-4 { animation: ics-hv-d4-text 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-accent-5 { animation: ics-hv-d5-accent 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-dtext-5 { animation: ics-hv-d5-text 10s ease-in-out infinite; }\n\n  #ics-mobile-hero .ics-hv-capturing { animation: ics-hv-capturing-fade 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-synced { animation: ics-hv-synced-fade 10s ease-in-out infinite; }\n  #ics-mobile-hero .ics-hv-flow-dot { animation: ics-hv-flow 3.2s linear infinite; }\n\n  #ics-mobile-hero .ics-hv-box-1, #ics-mobile-hero .ics-hv-box-2, #ics-mobile-hero .ics-hv-box-3,\n  #ics-mobile-hero .ics-hv-box-4, #ics-mobile-hero .ics-hv-box-5 { fill: #ffffff; stroke: #d9dcdf; stroke-width: 1.5; }\n  #ics-mobile-hero .ics-hv-bar-bg { fill: #f7f8f9; }\n  #ics-mobile-hero .ics-hv-accent-1, #ics-mobile-hero .ics-hv-accent-2, #ics-mobile-hero .ics-hv-accent-3,\n  #ics-mobile-hero .ics-hv-accent-4, #ics-mobile-hero .ics-hv-accent-5 { fill: #3EC16F; opacity: 0; }\n  #ics-mobile-hero .ics-hv-dtext-1, #ics-mobile-hero .ics-hv-dtext-2, #ics-mobile-hero .ics-hv-dtext-3,\n  #ics-mobile-hero .ics-hv-dtext-4, #ics-mobile-hero .ics-hv-dtext-5 { fill: #9aa0a6; }\n\n  @keyframes ics-hv-p1-box {\n    0%, 3% { stroke: #d9dcdf; }\n    6%, 92% { stroke: #3EC16F; }\n    96%, 100% { stroke: #d9dcdf; }\n  }\n  @keyframes ics-hv-p1-check {\n    0%, 3% { opacity: 0; }\n    6%, 92% { opacity: 1; }\n    96%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-p2-box {\n    0%, 15% { stroke: #d9dcdf; }\n    18%, 92% { stroke: #3EC16F; }\n    96%, 100% { stroke: #d9dcdf; }\n  }\n  @keyframes ics-hv-p2-check {\n    0%, 15% { opacity: 0; }\n    18%, 92% { opacity: 1; }\n    96%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-p3-box {\n    0%, 27% { stroke: #d9dcdf; }\n    30%, 92% { stroke: #3EC16F; }\n    96%, 100% { stroke: #d9dcdf; }\n  }\n  @keyframes ics-hv-p3-check {\n    0%, 27% { opacity: 0; }\n    30%, 92% { opacity: 1; }\n    96%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-p4-box {\n    0%, 39% { stroke: #d9dcdf; }\n    42%, 92% { stroke: #3EC16F; }\n    96%, 100% { stroke: #d9dcdf; }\n  }\n  @keyframes ics-hv-p4-check {\n    0%, 39% { opacity: 0; }\n    42%, 92% { opacity: 1; }\n    96%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-p5-box {\n    0%, 51% { stroke: #d9dcdf; }\n    54%, 92% { stroke: #3EC16F; }\n    96%, 100% { stroke: #d9dcdf; }\n  }\n  @keyframes ics-hv-p5-check {\n    0%, 51% { opacity: 0; }\n    54%, 92% { opacity: 1; }\n    96%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d1-accent {\n    0%, 58% { opacity: 0; }\n    61%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d1-text {\n    0%, 58% { fill: #9aa0a6; }\n    61%, 94% { fill: #2D2C2E; }\n    97%, 100% { fill: #9aa0a6; }\n  }\n  @keyframes ics-hv-d2-accent {\n    0%, 65% { opacity: 0; }\n    68%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d2-text {\n    0%, 65% { fill: #9aa0a6; }\n    68%, 94% { fill: #2D2C2E; }\n    97%, 100% { fill: #9aa0a6; }\n  }\n  @keyframes ics-hv-d3-accent {\n    0%, 72% { opacity: 0; }\n    75%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d3-text {\n    0%, 72% { fill: #9aa0a6; }\n    75%, 94% { fill: #2D2C2E; }\n    97%, 100% { fill: #9aa0a6; }\n  }\n  @keyframes ics-hv-d4-accent {\n    0%, 79% { opacity: 0; }\n    82%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d4-text {\n    0%, 79% { fill: #9aa0a6; }\n    82%, 94% { fill: #2D2C2E; }\n    97%, 100% { fill: #9aa0a6; }\n  }\n  @keyframes ics-hv-d5-accent {\n    0%, 86% { opacity: 0; }\n    89%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-d5-text {\n    0%, 86% { fill: #9aa0a6; }\n    89%, 94% { fill: #2D2C2E; }\n    97%, 100% { fill: #9aa0a6; }\n  }\n  @keyframes ics-hv-capturing-fade {\n    0%, 55% { opacity: 1; }\n    57%, 97% { opacity: 0; }\n    100% { opacity: 1; }\n  }\n  @keyframes ics-hv-synced-fade {\n    0%, 55% { opacity: 0; }\n    57%, 94% { opacity: 1; }\n    97%, 100% { opacity: 0; }\n  }\n  @keyframes ics-hv-flow {\n    0% { offset-distance: 0%; opacity: 0; }\n    12% { opacity: 0.8; }\n    88% { opacity: 0.8; }\n    100% { offset-distance: 100%; opacity: 0; }\n  }\n\n  #ics-mobile-hero .ics-hv-path { offset-path: path('M240,265 C290,265 290,265 350,265'); }\n\n  @media (prefers-reduced-motion: reduce) {\n    #ics-mobile-hero .ics-hv-box-1, #ics-mobile-hero .ics-hv-box-2, #ics-mobile-hero .ics-hv-box-3,\n    #ics-mobile-hero .ics-hv-box-4, #ics-mobile-hero .ics-hv-box-5,\n    #ics-mobile-hero .ics-hv-check-1, #ics-mobile-hero .ics-hv-check-2, #ics-mobile-hero .ics-hv-check-3,\n    #ics-mobile-hero .ics-hv-check-4, #ics-mobile-hero .ics-hv-check-5,\n    #ics-mobile-hero .ics-hv-accent-1, #ics-mobile-hero .ics-hv-accent-2, #ics-mobile-hero .ics-hv-accent-3,\n    #ics-mobile-hero .ics-hv-accent-4, #ics-mobile-hero .ics-hv-accent-5,\n    #ics-mobile-hero .ics-hv-dtext-1, #ics-mobile-hero .ics-hv-dtext-2, #ics-mobile-hero .ics-hv-dtext-3,\n    #ics-mobile-hero .ics-hv-dtext-4, #ics-mobile-hero .ics-hv-dtext-5,\n    #ics-mobile-hero .ics-hv-capturing, #ics-mobile-hero .ics-hv-synced,\n    #ics-mobile-hero .ics-hv-flow-dot {\n      animation: none;\n    }\n    #ics-mobile-hero .ics-hv-box-1, #ics-mobile-hero .ics-hv-box-2, #ics-mobile-hero .ics-hv-box-3,\n    #ics-mobile-hero .ics-hv-box-4, #ics-mobile-hero .ics-hv-box-5 { stroke: #3EC16F; }\n    #ics-mobile-hero .ics-hv-check-1, #ics-mobile-hero .ics-hv-check-2, #ics-mobile-hero .ics-hv-check-3,\n    #ics-mobile-hero .ics-hv-check-4, #ics-mobile-hero .ics-hv-check-5 { opacity: 1; }\n    #ics-mobile-hero .ics-hv-accent-1, #ics-mobile-hero .ics-hv-accent-2, #ics-mobile-hero .ics-hv-accent-3,\n    #ics-mobile-hero .ics-hv-accent-4, #ics-mobile-hero .ics-hv-accent-5 { opacity: 1; }\n    #ics-mobile-hero .ics-hv-dtext-1, #ics-mobile-hero .ics-hv-dtext-2, #ics-mobile-hero .ics-hv-dtext-3,\n    #ics-mobile-hero .ics-hv-dtext-4, #ics-mobile-hero .ics-hv-dtext-5 { fill: #2D2C2E; }\n    #ics-mobile-hero .ics-hv-capturing { opacity: 0; }\n    #ics-mobile-hero .ics-hv-synced { opacity: 1; }\n    #ics-mobile-hero .ics-hv-flow-dot { display: none; }\n  }\n\n  @media (max-width: 768px) {\n    #ics-mobile-hero { padding: 48px 24px; }\n    #ics-mobile-hero .ics-mobile-hero-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    #ics-mobile-hero .ics-mobile-hero-media { order: -1; max-width: 460px; margin: 0 auto; }\n    #ics-mobile-hero .ics-mobile-hero-ctas { flex-wrap: wrap; }\n  }\n\n  @media (max-width: 480px) {\n    #ics-mobile-hero h1 { font-size: clamp(28px, 8vw, 34px); }\n    #ics-mobile-hero .ics-mobile-hero-intro { font-size: 16px; }\n    #ics-mobile-hero .ics-mobile-btn-primary,\n    #ics-mobile-hero .ics-mobile-btn-secondary { width: 100%; text-align: center; }\n    #ics-mobile-hero .ics-mobile-hero-ctas { flex-direction: column; align-items: stretch; }\n  }\n<\/style>\n\n<section id=\"ics-mobile-hero\">\n  <div class=\"ics-mobile-hero-inner\">\n    <div class=\"ics-mobile-hero-copy\">\n      <div class=\"ics-mobile-hero-eyebrow\">Intact Mobile<\/div>\n      <h1>Intact Mobile Audit-App<\/h1>\n      <p class=\"ics-mobile-hero-intro\">Das Audit findet vor Ort statt \u2013 in einer Fabrikhalle, auf einer Offshore-Plattform, auf weitl\u00e4ufigem Ackerland \u2013 und manchmal bedeutet das: keine Verbindung. Intact Mobile bringt das gesamte Audit auf Laptop, Smartphone oder Tablet: Checklisten, Feststellungen, Fotos, Berichte und Unterschriften. Online oder offline \u2013 Sie schlie\u00dfen das Audit ab, bevor Sie den Standort verlassen.<\/p>\n      <ul class=\"ics-mobile-hero-bullets\">\n        <li><svg class=\"ics-mobile-hero-bullet-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 12L9.5 17.5L20 6\"\/><\/svg><span>Online oder offline \u2013 auf Smartphone, Tablet oder Laptop.<\/span><\/li>\n        <li><svg class=\"ics-mobile-hero-bullet-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 12L9.5 17.5L20 6\"\/><\/svg><span>Sie decken das gesamte Audit ab: Vorbereitung, Checklisten, Feststellungen, Berichte und Unterschriften.<\/span><\/li>\n        <li><svg class=\"ics-mobile-hero-bullet-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 12L9.5 17.5L20 6\"\/><\/svg><span>Sie Erfassen Nachweise mit integrierter Kamera, Kartenfunktion und Sprache-zu-Text.<\/span><\/li>\n        <li><svg class=\"ics-mobile-hero-bullet-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 12L9.5 17.5L20 6\"\/><\/svg><span>Sie synchronisieren alles direkt mit der Intact Platform \u2013 kein erneutes Abtippen im B\u00fcro.<\/span><\/li>\n      <\/ul>\n      <div class=\"ics-mobile-hero-ctas\">\n        <a href=\"https:\/\/intact-systems.com\/de\/demo\/\" class=\"ics-mobile-btn-primary\">Jetzt starten<\/a>\n        <a href=\"#ics-mobile-trial\" class=\"ics-mobile-btn-secondary\">Video zur Testversion ansehen<\/a>\n      <\/div>\n    <\/div>\n    <svg class=\"ics-mobile-hero-media\" viewBox=\"0 0 600 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Animation, die zeigt, wie eine vollst\u00e4ndige Vor-Ort-Checkliste in Echtzeit mit der Intact Platform synchronisiert wird\">\n\n      <!-- Connector -->\n      <path class=\"ics-hv-line\" d=\"M240,265 C290,265 290,265 350,265\" \/>\n      <circle class=\"ics-hv-flow-dot ics-hv-path\" r=\"3\" \/>\n\n      <!-- Phone panel -->\n      <text x=\"30\" y=\"46\" class=\"ics-hv-caption\" fill=\"#8a8d91\">VOR ORT<\/text>\n      <rect x=\"20\" y=\"58\" width=\"220\" height=\"415\" rx=\"30\" fill=\"#2D2C2E\" \/>\n      <circle cx=\"130\" cy=\"74\" r=\"2.5\" fill=\"#111111\" \/>\n      <rect x=\"28\" y=\"90\" width=\"204\" height=\"351\" rx=\"18\" fill=\"#ffffff\" \/>\n      <rect x=\"108\" y=\"455\" width=\"44\" height=\"4\" rx=\"2\" fill=\"#6b6b6d\" \/>\n\n      <rect x=\"36\" y=\"110\" width=\"188\" height=\"28\" rx=\"14\" fill=\"#f7f8f9\" \/>\n      <circle cx=\"50\" cy=\"124\" r=\"4\" fill=\"#9aa0a6\" \/>\n      <text x=\"61\" y=\"127\" class=\"ics-hv-status-text ics-hv-capturing\" fill=\"#6b6f73\">Wird offline erfasst<\/text>\n      <circle cx=\"50\" cy=\"124\" r=\"4\" fill=\"#3EC16F\" class=\"ics-hv-synced\" \/>\n      <text x=\"61\" y=\"127\" class=\"ics-hv-status-text ics-hv-synced\" fill=\"#2D2C2E\">Mit Plattform synchronisiert<\/text>\n\n      <rect class=\"ics-hv-box-1\" x=\"36\" y=\"156\" width=\"20\" height=\"20\" rx=\"5\" \/>\n      <path class=\"ics-hv-check ics-hv-check-1\" d=\"M40 166 L45 171 L52 161\" \/>\n      <text x=\"68\" y=\"171\" class=\"ics-hv-label\">Checkliste<\/text>\n\n      <rect class=\"ics-hv-box-2\" x=\"36\" y=\"198\" width=\"20\" height=\"20\" rx=\"5\" \/>\n      <path class=\"ics-hv-check ics-hv-check-2\" d=\"M40 208 L45 213 L52 203\" \/>\n      <text x=\"68\" y=\"213\" class=\"ics-hv-label\">Fotos<\/text>\n\n      <rect class=\"ics-hv-box-3\" x=\"36\" y=\"240\" width=\"20\" height=\"20\" rx=\"5\" \/>\n      <path class=\"ics-hv-check ics-hv-check-3\" d=\"M40 250 L45 255 L52 245\" \/>\n      <text x=\"68\" y=\"255\" class=\"ics-hv-label\">Feststellungen<\/text>\n\n      <rect class=\"ics-hv-box-4\" x=\"36\" y=\"282\" width=\"20\" height=\"20\" rx=\"5\" \/>\n      <path class=\"ics-hv-check ics-hv-check-4\" d=\"M40 292 L45 297 L52 287\" \/>\n      <text x=\"68\" y=\"297\" class=\"ics-hv-label\">Validierung<\/text>\n\n      <rect class=\"ics-hv-box-5\" x=\"36\" y=\"324\" width=\"20\" height=\"20\" rx=\"5\" \/>\n      <path class=\"ics-hv-check ics-hv-check-5\" d=\"M40 334 L45 339 L52 329\" \/>\n      <text x=\"68\" y=\"339\" class=\"ics-hv-label\">Unterschriebener Bericht<\/text>\n\n      <!-- Dashboard panel -->\n      <rect x=\"350\" y=\"123\" width=\"230\" height=\"285\" rx=\"18\" fill=\"#ffffff\" stroke=\"#e9ebee\" stroke-width=\"1.5\" \/>\n      <image href=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/05\/CD-2.03.19-Intact-Platform-Logo-4c.png\" x=\"410\" y=\"141\" width=\"110\" height=\"26\" preserveAspectRatio=\"xMidYMid meet\" \/>\n\n      <rect class=\"ics-hv-bar-bg\" x=\"368\" y=\"189\" width=\"194\" height=\"28\" rx=\"7\" \/>\n      <rect class=\"ics-hv-accent-1\" x=\"368\" y=\"189\" width=\"4\" height=\"28\" rx=\"2\" \/>\n      <text x=\"382\" y=\"208\" class=\"ics-hv-label ics-hv-dtext-1\">Checkliste<\/text>\n\n      <rect class=\"ics-hv-bar-bg\" x=\"368\" y=\"231\" width=\"194\" height=\"28\" rx=\"7\" \/>\n      <rect class=\"ics-hv-accent-2\" x=\"368\" y=\"231\" width=\"4\" height=\"28\" rx=\"2\" \/>\n      <text x=\"382\" y=\"250\" class=\"ics-hv-label ics-hv-dtext-2\">Fotos<\/text>\n\n      <rect class=\"ics-hv-bar-bg\" x=\"368\" y=\"273\" width=\"194\" height=\"28\" rx=\"7\" \/>\n      <rect class=\"ics-hv-accent-3\" x=\"368\" y=\"273\" width=\"4\" height=\"28\" rx=\"2\" \/>\n      <text x=\"382\" y=\"292\" class=\"ics-hv-label ics-hv-dtext-3\">Feststellungen<\/text>\n\n      <rect class=\"ics-hv-bar-bg\" x=\"368\" y=\"315\" width=\"194\" height=\"28\" rx=\"7\" \/>\n      <rect class=\"ics-hv-accent-4\" x=\"368\" y=\"315\" width=\"4\" height=\"28\" rx=\"2\" \/>\n      <text x=\"382\" y=\"334\" class=\"ics-hv-label ics-hv-dtext-4\">Validierung<\/text>\n\n      <rect class=\"ics-hv-bar-bg\" x=\"368\" y=\"357\" width=\"194\" height=\"28\" rx=\"7\" \/>\n      <rect class=\"ics-hv-accent-5\" x=\"368\" y=\"357\" width=\"4\" height=\"28\" rx=\"2\" \/>\n      <text x=\"382\" y=\"376\" class=\"ics-hv-label ics-hv-dtext-5\">Unterschriebener Bericht<\/text>\n\n    <\/svg>\n  <\/div>\n<\/section>\n\n\n\n<!-- MOBILE FEATURES -->\n\n<style>\n  #ics-mobile-features * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  #ics-mobile-features {\n    background: #ffffff;\n    padding: 80px 48px;\n  }\n\n  #ics-mobile-features .ics-mobile-features-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  #ics-mobile-features .ics-mobile-features-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    text-align: left;\n    margin-bottom: 16px;\n  }\n\n  #ics-mobile-features h2 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 40px);\n    line-height: 1.2;\n    color: #2D2C2E;\n    text-align: left;\n    max-width: 780px;\n    margin: 0 0 56px;\n  }\n\n  #ics-mobile-features .ics-mobile-card-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 32px;\n  }\n\n  #ics-mobile-features .ics-mobile-card {\n    background: #f7f8f9;\n    border-radius: 10px;\n    padding: 32px 24px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  #ics-mobile-features .ics-mobile-card-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 20px;\n    flex-shrink: 0;\n  }\n\n  #ics-mobile-features .ics-mobile-card-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1.3;\n    color: #2D2C2E;\n    margin-bottom: 12px;\n  }\n\n  #ics-mobile-features .ics-mobile-card-body {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 15px;\n    line-height: 1.65;\n    color: #555555;\n  }\n\n  @media (max-width: 768px) {\n    #ics-mobile-features { padding: 48px 24px; }\n    #ics-mobile-features .ics-mobile-card-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    #ics-mobile-features .ics-mobile-card { width: 100%; }\n  }\n\n  @media (max-width: 480px) {\n    #ics-mobile-features .ics-mobile-card { padding: 24px 20px; }\n    #ics-mobile-features .ics-mobile-card-title { font-size: 16px; }\n    #ics-mobile-features .ics-mobile-card-body { font-size: 14px; }\n  }\n<\/style>\n\n<section id=\"ics-mobile-features\">\n  <div class=\"ics-mobile-features-inner\">\n    <div class=\"ics-mobile-features-eyebrow\">Wichtige Funktionen &amp; Vorteile<\/div>\n    <h2>Das gesamte Audit \u2013 von der Vorbereitung bis zum unterschriebenen Bericht.<\/h2>\n\n    <div class=\"ics-mobile-card-grid\">\n\n      <!-- Card 1: Offline Capability \u2014 device with sync\/refresh arrows -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <rect x=\"15\" y=\"8\" width=\"18\" height=\"32\" rx=\"3\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <rect x=\"15\" y=\"8\" width=\"18\" height=\"32\" rx=\"3\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <rect x=\"20\" y=\"12\" width=\"8\" height=\"1.8\" rx=\"0.9\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <circle cx=\"24\" cy=\"35\" r=\"2\" fill=\"#3EC16F\" fill-opacity=\"0.5\"\/>\n          <circle cx=\"35\" cy=\"15\" r=\"8\" fill=\"#3EC16F\"\/>\n          <path d=\"M31.5 15C31.5 12.5 33.5 10.5 36 10.5C37.7 10.5 39.2 11.4 40 12.8M40 12.8V10M40 12.8H37.3\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <path d=\"M38.5 15C38.5 17.5 36.5 19.5 34 19.5C32.3 19.5 30.8 18.6 30 17.2M30 17.2V20M30 17.2H32.7\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Offline-F\u00e4higkeit<\/p>\n        <p class=\"ics-mobile-card-body\">Kein Empfang in der Fabrikhalle? F\u00fchren Sie das gesamte Audit offline durch. Die Daten werden synchronisiert sobald wieder eine Verbindung besteht \u2013 bis dahin bleibt der Auftrag f\u00fcr andere gesperrt, damit nichts \u00fcberschrieben wird.<\/p>\n      <\/div>\n\n      <!-- Card 2: Audit Preparation \u2014 clipboard with clock -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <rect x=\"10\" y=\"9\" width=\"22\" height=\"28\" rx=\"3\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <rect x=\"10\" y=\"9\" width=\"22\" height=\"28\" rx=\"3\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <rect x=\"17\" y=\"6\" width=\"8\" height=\"6\" rx=\"2\" fill=\"#3EC16F\"\/>\n          <rect x=\"14\" y=\"17\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <rect x=\"14\" y=\"22\" width=\"9\" height=\"2\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.4\"\/>\n          <circle cx=\"34\" cy=\"32\" r=\"8\" fill=\"#3EC16F\"\/>\n          <path d=\"M34 27.5V32L37 34\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Audit-Vorbereitung<\/p>\n        <p class=\"ics-mobile-card-body\">Rufen Sie den Auftrag auf Ihrem Smartphone oder Tablet auf, noch bevor Sie das Gel\u00e4nde betreten haben. Status, Kunde, Dienstleistung, F\u00e4lligkeitsdatum und Priorit\u00e4t \u2013 alles auf einen Blick, online oder offline.<\/p>\n      <\/div>\n\n      <!-- Card 3: Audit Checklists \u2014 checklist with checkmarks -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <rect x=\"9\" y=\"8\" width=\"30\" height=\"32\" rx=\"3\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <rect x=\"9\" y=\"8\" width=\"30\" height=\"32\" rx=\"3\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <rect x=\"15\" y=\"16\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#3EC16F\"\/>\n          <path d=\"M16 18L16.7 18.7L18 17\" stroke=\"white\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <rect x=\"22\" y=\"16.5\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <rect x=\"15\" y=\"24\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#3EC16F\"\/>\n          <path d=\"M16 26L16.7 26.7L18 25\" stroke=\"white\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <rect x=\"22\" y=\"24.5\" width=\"12\" height=\"2\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <rect x=\"15\" y=\"32\" width=\"4\" height=\"4\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.35\"\/>\n          <rect x=\"22\" y=\"32.5\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#3EC16F\" fill-opacity=\"0.4\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Audit-Checklisten<\/p>\n        <p class=\"ics-mobile-card-body\">F\u00fcllen Sie jede Checkliste direkt auf Ihrem Ger\u00e4t aus \u2013 angepasst an Ihren Standard, in jeder Sprache, inklusive Fragenlogik und individuellen Feldern, mit oder ohne Verbindung.<\/p>\n      <\/div>\n\n      <!-- Card 4: Findings & Corrective Actions \u2014 flag with alert -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <rect x=\"13\" y=\"8\" width=\"3\" height=\"32\" rx=\"1.5\" fill=\"#3EC16F\" fill-opacity=\"0.5\"\/>\n          <path d=\"M16 9H33L29 16L33 23H16V9Z\" fill=\"#3EC16F\" fill-opacity=\"0.3\"\/>\n          <path d=\"M16 9H33L29 16L33 23H16V9Z\" stroke=\"#3EC16F\" stroke-width=\"1.5\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <circle cx=\"34\" cy=\"33\" r=\"7.5\" fill=\"#3EC16F\"\/>\n          <path d=\"M34 29.5V33.5\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n          <circle cx=\"34\" cy=\"36.5\" r=\"1\" fill=\"white\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Feststellungen &amp; Korrekturma\u00dfnahmen<\/p>\n        <p class=\"ics-mobile-card-body\">Erfassen Sie eine Feststellung genau in dem Moment, in dem Sie sie entdecken. Definieren Sie Korrekturma\u00dfnahmen und legen Sie Fristen direkt vor Ort fest \u2013 nichts muss bis ins B\u00fcro warten.<\/p>\n      <\/div>\n\n      <!-- Card 5: Document & Photo Upload \u2014 camera with upload arrow -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <rect x=\"8\" y=\"16\" width=\"26\" height=\"20\" rx=\"3\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <rect x=\"8\" y=\"16\" width=\"26\" height=\"20\" rx=\"3\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <rect x=\"16\" y=\"12\" width=\"10\" height=\"5\" rx=\"1.5\" fill=\"#3EC16F\" fill-opacity=\"0.5\"\/>\n          <circle cx=\"21\" cy=\"26\" r=\"5.5\" fill=\"#3EC16F\" fill-opacity=\"0.35\"\/>\n          <circle cx=\"21\" cy=\"26\" r=\"5.5\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <circle cx=\"35\" cy=\"33\" r=\"8\" fill=\"#3EC16F\"\/>\n          <path d=\"M35 37V29M35 29L31.5 32.5M35 29L38.5 32.5\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Dokument- &amp; Foto-Upload<\/p>\n        <p class=\"ics-mobile-card-body\">Machen Sie ein Foto, und es landet automatisch genau dort, wo es hingeh\u00f6rt. Bei Dokumenten funktioniert es genauso: Nachweise bleiben bei der jeweiligen Feststellung, nicht irgendwo in der Fotogalerie.<\/p>\n      <\/div>\n\n      <!-- Card 6: Validation \u2014 shield with checkmark -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <path d=\"M24 7L11 13V23C11 31.8 16.84 39.78 24 42C31.16 39.78 37 31.8 37 23V13L24 7Z\" fill=\"#3EC16F\" fill-opacity=\"0.3\"\/>\n          <path d=\"M24 7L11 13V23C11 31.8 16.84 39.78 24 42C31.16 39.78 37 31.8 37 23V13L24 7Z\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <path d=\"M18 23L22 27L30 18\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Validierung<\/p>\n        <p class=\"ics-mobile-card-body\">Die App pr\u00fcft jede Eingabe auf Vollst\u00e4ndigkeit und zeigt fehlende Angaben an \u2013 solange Sie noch vor Ort sind, nicht erst wieder am Schreibtisch.<\/p>\n      <\/div>\n\n      <!-- Card 7: Create & Sign Audit Reports \u2014 document with signature line -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <path d=\"M12 8H26L34 16V40H12V8Z\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <path d=\"M12 8H26L34 16V40H12V8Z\" stroke=\"#3EC16F\" stroke-width=\"1.5\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <path d=\"M26 8V16H34\" stroke=\"#3EC16F\" stroke-width=\"1.5\" stroke-linejoin=\"round\" fill=\"none\"\/>\n          <rect x=\"16\" y=\"21\" width=\"14\" height=\"1.8\" rx=\"0.9\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <rect x=\"16\" y=\"26\" width=\"14\" height=\"1.8\" rx=\"0.9\" fill=\"#3EC16F\" fill-opacity=\"0.6\"\/>\n          <path d=\"M16 33.5C17.5 31.5 18.5 31.5 19.5 33C20.5 34.5 21.5 34.5 23 33C24.5 31.5 25.5 31.5 27 33\" stroke=\"#3EC16F\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Auditberichte erstellen &amp; unterschreiben<\/p>\n        <p class=\"ics-mobile-card-body\">Erstellen Sie den Auditbericht und holen Sie digitale Unterschriften direkt per Touchscreen auf dem Ger\u00e4t ein. Das Audit wird vor Ort abgeschlossen \u2013 nicht erst Tage sp\u00e4ter im Posteingang.<\/p>\n      <\/div>\n\n      <!-- Card 8: Multi-Language Support \u2014 globe with translation lines -->\n      <div class=\"ics-mobile-card\">\n        <svg class=\"ics-mobile-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect width=\"48\" height=\"48\" rx=\"8\" fill=\"#3EC16F\" fill-opacity=\"0.12\"\/>\n          <circle cx=\"24\" cy=\"24\" r=\"15\" fill=\"#3EC16F\" fill-opacity=\"0.25\"\/>\n          <circle cx=\"24\" cy=\"24\" r=\"15\" stroke=\"#3EC16F\" stroke-width=\"1.5\" fill=\"none\"\/>\n          <ellipse cx=\"24\" cy=\"24\" rx=\"6.5\" ry=\"15\" stroke=\"#3EC16F\" stroke-width=\"1.3\" fill=\"none\"\/>\n          <path d=\"M9 24H39\" stroke=\"#3EC16F\" stroke-width=\"1.3\"\/>\n          <path d=\"M11 16H37\" stroke=\"#3EC16F\" stroke-width=\"1.3\" stroke-opacity=\"0.6\"\/>\n          <path d=\"M11 32H37\" stroke=\"#3EC16F\" stroke-width=\"1.3\" stroke-opacity=\"0.6\"\/>\n        <\/svg>\n        <p class=\"ics-mobile-card-title\">Mehrsprachige Unterst\u00fctzung<\/p>\n        <p class=\"ics-mobile-card-body\">Wechseln Sie die Sprache mit einem Klick. Intact Mobile unterst\u00fctzt jede Sprache, in der Ihre Programme laufen, und ist auf Englisch und Deutsch verf\u00fcgbar.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- MOBILE TRIAL & DOWNLOAD -->\n\n<style>\n  #ics-mobile-trial * { box-sizing: border-box; margin: 0; padding: 0; }\n  #ics-mobile-trial {\n    background: #2D2C2E;\n    padding: 80px 48px;\n  }\n  #ics-mobile-trial .ics-mobile-trial-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 56px;\n    align-items: center;\n  }\n  #ics-mobile-trial .ics-mobile-trial-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    margin-bottom: 16px;\n  }\n  #ics-mobile-trial h2 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 34px);\n    line-height: 1.25;\n    color: #ffffff;\n    margin-bottom: 16px;\n  }\n  #ics-mobile-trial .ics-mobile-trial-copy {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n    color: #d9dadb;\n    margin-bottom: 32px;\n    max-width: 480px;\n  }\n  #ics-mobile-trial .ics-mobile-trial-video {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    border-radius: 10px;\n    background: #444444;\n    overflow: hidden;\n  }\n  #ics-mobile-trial .ics-mobile-trial-video iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    display: block;\n  }\n  #ics-mobile-trial .ics-mobile-download-heading {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #ffffff;\n    margin-bottom: 16px;\n  }\n  #ics-mobile-trial .ics-mobile-store-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    align-items: center;\n  }\n  #ics-mobile-trial .ics-mobile-store-badges img {\n    display: block;\n    height: auto;\n  }\n  #ics-mobile-trial .ics-mobile-store-badge-google { width: 163px; }\n  #ics-mobile-trial .ics-mobile-store-badge-apple { width: 163px; }\n  #ics-mobile-trial .ics-mobile-store-badge-ms { width: 142px; }\n  @media (max-width: 768px) {\n    #ics-mobile-trial { padding: 48px 24px; }\n    #ics-mobile-trial .ics-mobile-trial-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n  }\n  @media (max-width: 480px) {\n    #ics-mobile-trial .ics-mobile-store-badges { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }\n    #ics-mobile-trial .ics-mobile-store-badge-google { width: 110px; }\n    #ics-mobile-trial .ics-mobile-store-badge-apple { width: 110px; }\n    #ics-mobile-trial .ics-mobile-store-badge-ms { width: 96px; }\n  }\n<\/style>\n<section id=\"ics-mobile-trial\">\n  <div class=\"ics-mobile-trial-inner\">\n    <div class=\"ics-mobile-trial-copy-block\">\n      <div class=\"ics-mobile-trial-eyebrow\">Kostenlose Testversion<\/div>\n      <h2>Starten Sie Ihre kostenlose Intact Mobile Testversion<\/h2>\n      <p class=\"ics-mobile-trial-copy\">Erst ansehen, dann ausprobieren. Schauen Sie sich die kurze Anleitung an, laden Sie anschlie\u00dfend Intact Mobile herunter und f\u00fchren Sie Ihr erstes Audit auf Ihrem eigenen Ger\u00e4t durch \u2013 kostenlos.<\/p>\n      <div class=\"ics-mobile-download-heading\">Intact Mobile herunterladen<\/div>\n      <div class=\"ics-mobile-store-badges\">\n        <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.intactsystems.mobile\"><img decoding=\"async\" class=\"ics-mobile-store-badge-google\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2020\/05\/official-google-play-button.png\" alt=\"Jetzt bei Google Play\" \/><\/a>\n        <a href=\"https:\/\/apps.apple.com\/us\/app\/intact-mobile\/id1494092452\"><img decoding=\"async\" class=\"ics-mobile-store-badge-apple\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/08\/App-Store-Logo-PNG-Free-Image-e1785828776164.png\" alt=\"Laden im App Store\" \/><\/a>\n        <a href=\"https:\/\/www.microsoft.com\/store\/apps\/9mt7vlhpslh6\"><img decoding=\"async\" class=\"ics-mobile-store-badge-ms\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2020\/05\/Microsoft-Store-Button.png\" alt=\"Bei Microsoft laden\" \/><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"ics-mobile-trial-video\">\n       <div class=\"brlbs-cmpnt-container brlbs-cmpnt-content-blocker\" data-borlabs-cookie-content-blocker-id=\"vimeo-content-blocker\" data-borlabs-cookie-content=\"PGlmcmFtZSBzcmM9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby81Nzg0MjM4MTAiIHRpdGxlPSJJbnRhY3QgTW9iaWxlIFRlc3R2ZXJzaW9uIOKAkyBBbmxlaXR1bmciIGFsbG93PSJhdXRvcGxheTsgZnVsbHNjcmVlbjsgcGljdHVyZS1pbi1waWN0dXJlIiBhbGxvd2Z1bGxzY3JlZW4gbG9hZGluZz0ibGF6eSI+PC9pZnJhbWU+\"><div class=\"brlbs-cmpnt-cb-preset-c brlbs-cmpnt-cb-vimeo\"> <div class=\"brlbs-cmpnt-cb-thumbnail\" style=\"background-image: url('https:\/\/intact-systems.com\/wp-content\/uploads\/borlabs-cookie\/1\/vimeo_578423810.jpg')\"><\/div> <div class=\"brlbs-cmpnt-cb-main\"> <div class=\"brlbs-cmpnt-cb-play-button\"><\/div> <div class=\"brlbs-cmpnt-cb-content\"> <p class=\"brlbs-cmpnt-cb-description\">Sie sehen gerade einen Platzhalterinhalt von <strong>Vimeo<\/strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfl\u00e4che unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.<\/p> <a class=\"brlbs-cmpnt-cb-provider-toggle\" href=\"#\" data-borlabs-cookie-show-provider-information role=\"button\">Mehr Informationen<\/a> <\/div> <div class=\"brlbs-cmpnt-cb-buttons\"> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-unblock role=\"button\">Inhalt entsperren<\/a> <a class=\"brlbs-cmpnt-cb-btn\" href=\"#\" data-borlabs-cookie-accept-service role=\"button\" style=\"display: inherit\">Erforderlichen Service akzeptieren und Inhalte entsperren<\/a> <\/div> <\/div> <\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- MOBILE PLATFORM INTEGRATION -->\n\n<style>\n  #ics-mobile-integration * { box-sizing: border-box; margin: 0; padding: 0; }\n  #ics-mobile-integration {\n    background: #f7f8f9;\n    padding: 80px 48px;\n  }\n  #ics-mobile-integration .ics-mobile-integration-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 0.7fr;\n    gap: 56px;\n    align-items: center;\n  }\n  #ics-mobile-integration .ics-mobile-integration-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    margin-bottom: 16px;\n  }\n  #ics-mobile-integration h2 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 34px);\n    line-height: 1.25;\n    color: #2D2C2E;\n    margin-bottom: 16px;\n  }\n  #ics-mobile-integration .ics-mobile-integration-copy {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n    color: #444444;\n    margin-bottom: 24px;\n    max-width: 560px;\n  }\n  #ics-mobile-integration .ics-mobile-integration-link {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 15px;\n    color: #3EC16F;\n    text-decoration: none;\n    display: inline-block;\n    border-bottom: 2px solid #3EC16F;\n    padding-bottom: 2px;\n    transition: color 0.2s ease, border-color 0.2s ease;\n  }\n  #ics-mobile-integration .ics-mobile-integration-link:hover {\n    color: #2D2C2E;\n    border-color: #2D2C2E;\n  }\n  #ics-mobile-integration .ics-mobile-integration-visual {\n    width: 100%;\n  }\n  @media (max-width: 768px) {\n    #ics-mobile-integration { padding: 48px 24px; }\n    #ics-mobile-integration .ics-mobile-integration-inner {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    #ics-mobile-integration .ics-mobile-integration-visual { order: -1; max-width: 320px; margin: 0 auto; }\n  }\n\n  \/* \u2500\u2500 Diagram \u2500\u2500 *\/\n  #ics-mobile-integration .ics-mpi-diagram {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 480 \/ 320;\n  }\n\n  #ics-mobile-integration .ics-mpi-connectors {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  #ics-mobile-integration .ics-mpi-line {\n    fill: none;\n    stroke: #3EC16F;\n    stroke-width: 1.5;\n    stroke-linecap: round;\n    opacity: 0.3;\n  }\n\n  #ics-mobile-integration .ics-mpi-plug {\n    fill: #ffffff;\n    stroke: #3EC16F;\n    stroke-width: 2;\n  }\n\n  #ics-mobile-integration .ics-mpi-dot {\n    fill: #3EC16F;\n  }\n\n  #ics-mobile-integration .ics-mpi-node {\n    position: absolute;\n    left: 0;\n    width: 44%;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: #FFFFFF;\n    border-radius: 10px;\n    padding: 12px 16px;\n    box-shadow: 0 2px 10px rgba(45, 44, 46, 0.09);\n  }\n\n  #ics-mobile-integration .ics-mpi-node-1 { top: 10%; }\n  #ics-mobile-integration .ics-mpi-node-2 { top: 32%; }\n  #ics-mobile-integration .ics-mpi-node-3 { top: 54%; }\n  #ics-mobile-integration .ics-mpi-node-4 { top: 76%; }\n\n  #ics-mobile-integration .ics-mpi-icon {\n    flex: 0 0 auto;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: rgba(62, 193, 111, 0.12);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #ics-mobile-integration .ics-mpi-icon svg {\n    width: 17px;\n    height: 17px;\n    stroke: #3EC16F;\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #ics-mobile-integration .ics-mpi-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    color: #2D2C2E;\n    white-space: nowrap;\n  }\n\n  #ics-mobile-integration .ics-mpi-hub {\n    position: absolute;\n    left: 58%;\n    top: 30%;\n    width: 42%;\n    height: 40%;\n    background: #FFFFFF;\n    border: 1.5px solid #e9ebee;\n    border-radius: 16px;\n    box-shadow: 0 4px 16px rgba(45, 44, 46, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px;\n  }\n\n  #ics-mobile-integration .ics-mpi-hub img {\n    max-width: 100%;\n    max-height: 100%;\n    height: auto;\n    display: block;\n  }\n\n  #ics-mobile-integration .ics-mpi-arrow {\n    display: none;\n  }\n\n  \/* Mobile fallback: static diagram positioning becomes unreliable at narrow widths,\n     so this switches to a simple CSS-only vertical stack. No JS measurement involved\n     either way, so nothing breaks by relying on this breakpoint. *\/\n  @media (max-width: 768px) {\n    #ics-mobile-integration .ics-mpi-diagram {\n      aspect-ratio: auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    #ics-mobile-integration .ics-mpi-connectors {\n      display: none;\n    }\n\n    #ics-mobile-integration .ics-mpi-node {\n      position: static;\n      width: 100%;\n      max-width: 280px;\n    }\n\n    #ics-mobile-integration .ics-mpi-arrow {\n      display: flex;\n      justify-content: center;\n      color: #3EC16F;\n      font-size: 16px;\n      line-height: 1;\n    }\n\n    #ics-mobile-integration .ics-mpi-hub {\n      position: static;\n      width: 100%;\n      max-width: 200px;\n      height: auto;\n      padding: 16px;\n      margin-top: 2px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    #ics-mobile-integration .ics-mpi-path-1 { animation: ics-mpi-flow-1 8s ease-in-out infinite; }\n    #ics-mobile-integration .ics-mpi-path-2 { animation: ics-mpi-flow-2 8s ease-in-out infinite; }\n    #ics-mobile-integration .ics-mpi-path-3 { animation: ics-mpi-flow-3 8s ease-in-out infinite; }\n    #ics-mobile-integration .ics-mpi-path-4 { animation: ics-mpi-flow-4 8s ease-in-out infinite; }\n  }\n\n  @keyframes ics-mpi-flow-1 {\n    0% { offset-distance: 0%; opacity: 0; }\n    2% { opacity: 0.85; }\n    20% { offset-distance: 100%; opacity: 0.85; }\n    23%, 100% { opacity: 0; }\n  }\n  @keyframes ics-mpi-flow-2 {\n    0%, 23% { offset-distance: 0%; opacity: 0; }\n    25% { opacity: 0.85; }\n    43% { offset-distance: 100%; opacity: 0.85; }\n    46%, 100% { opacity: 0; }\n  }\n  @keyframes ics-mpi-flow-3 {\n    0%, 46% { offset-distance: 0%; opacity: 0; }\n    48% { opacity: 0.85; }\n    66% { offset-distance: 100%; opacity: 0.85; }\n    69%, 100% { opacity: 0; }\n  }\n  @keyframes ics-mpi-flow-4 {\n    0%, 69% { offset-distance: 0%; opacity: 0; }\n    71% { opacity: 0.85; }\n    89% { offset-distance: 100%; opacity: 0.85; }\n    92%, 100% { opacity: 0; }\n  }\n\n  #ics-mobile-integration .ics-mpi-path-1 { offset-path: path('M211,60 C245,60 245,160 278,160'); }\n  #ics-mobile-integration .ics-mpi-path-2 { offset-path: path('M211,130 C245,130 245,160 278,160'); }\n  #ics-mobile-integration .ics-mpi-path-3 { offset-path: path('M211,200 C245,200 245,160 278,160'); }\n  #ics-mobile-integration .ics-mpi-path-4 { offset-path: path('M211,270 C245,270 245,160 278,160'); }\n<\/style>\n\n<section id=\"ics-mobile-integration\">\n  <div class=\"ics-mobile-integration-inner\">\n    <div class=\"ics-mobile-integration-copy-block\">\n      <div class=\"ics-mobile-integration-eyebrow\">Intact Platform-Integration<\/div>\n      <h2>Vollst\u00e4ndige Integration in die Intact Platform<\/h2>\n      <p class=\"ics-mobile-integration-copy\">Intact Mobile ist Teil der Intact Platform. Alles, was vor Ort erfasst wird \u2013 Feststellungen, Fotos, Unterschriften \u2013 flie\u00dft direkt in Ihren Zertifizierungsprozess ein. Kein erneutes Abtippen im B\u00fcro, keine \u00dcbertragungsfehler, und der Reviewer sieht genau das, was der Auditor vor Ort gesehen hat.<\/p>\n      <a href=\"https:\/\/intact-systems.com\/de\/intact-platform\/\" class=\"ics-mobile-integration-link\">Mehr \u00fcber die Intact Platform erfahren<\/a>\n    <\/div>\n\n    <div class=\"ics-mobile-integration-visual\">\n      <div class=\"ics-mpi-diagram\">\n\n        <svg class=\"ics-mpi-connectors\" viewBox=\"0 0 480 320\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          <path class=\"ics-mpi-line\" d=\"M211,60 C245,60 245,160 278,160\" \/>\n          <path class=\"ics-mpi-line\" d=\"M211,130 C245,130 245,160 278,160\" \/>\n          <path class=\"ics-mpi-line\" d=\"M211,200 C245,200 245,160 278,160\" \/>\n          <path class=\"ics-mpi-line\" d=\"M211,270 C245,270 245,160 278,160\" \/>\n          <circle class=\"ics-mpi-plug\" cx=\"211\" cy=\"60\" r=\"3.5\" \/>\n          <circle class=\"ics-mpi-plug\" cx=\"211\" cy=\"130\" r=\"3.5\" \/>\n          <circle class=\"ics-mpi-plug\" cx=\"211\" cy=\"200\" r=\"3.5\" \/>\n          <circle class=\"ics-mpi-plug\" cx=\"211\" cy=\"270\" r=\"3.5\" \/>\n          <circle class=\"ics-mpi-plug\" cx=\"278\" cy=\"160\" r=\"3.5\" \/>\n        <\/svg>\n\n        <svg class=\"ics-mpi-connectors\" viewBox=\"0 0 480 320\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          <circle class=\"ics-mpi-dot ics-mpi-path-1\" r=\"3\" \/>\n          <circle class=\"ics-mpi-dot ics-mpi-path-2\" r=\"3\" \/>\n          <circle class=\"ics-mpi-dot ics-mpi-path-3\" r=\"3\" \/>\n          <circle class=\"ics-mpi-dot ics-mpi-path-4\" r=\"3\" \/>\n        <\/svg>\n\n        <div class=\"ics-mpi-node ics-mpi-node-1\">\n          <span class=\"ics-mpi-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"\/><path d=\"M9 12h6M9 16h4\"\/><\/svg>\n          <\/span>\n          <span class=\"ics-mpi-label\">Feststellungen<\/span>\n        <\/div>\n        <div class=\"ics-mpi-arrow\">&#8595;<\/div>\n\n        <div class=\"ics-mpi-node ics-mpi-node-2\">\n          <span class=\"ics-mpi-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n          <\/span>\n          <span class=\"ics-mpi-label\">Fotos<\/span>\n        <\/div>\n        <div class=\"ics-mpi-arrow\">&#8595;<\/div>\n\n        <div class=\"ics-mpi-node ics-mpi-node-3\">\n          <span class=\"ics-mpi-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5z\"\/><\/svg>\n          <\/span>\n          <span class=\"ics-mpi-label\">Unterschriften<\/span>\n        <\/div>\n        <div class=\"ics-mpi-arrow\">&#8595;<\/div>\n\n        <div class=\"ics-mpi-node ics-mpi-node-4\">\n          <span class=\"ics-mpi-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n          <\/span>\n          <span class=\"ics-mpi-label\">Mehr<\/span>\n        <\/div>\n        <div class=\"ics-mpi-arrow\">&#8595;<\/div>\n\n        <div class=\"ics-mpi-hub\">\n          <img decoding=\"async\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/05\/CD-2.03.19-Intact-Platform-Logo-4c.png\" alt=\"Intact Platform\" \/>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- MOBILE RESOURCES -->\n\n<style>\n  #ics-mobile-resources * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  #ics-mobile-resources {\n    background: #ffffff;\n    padding: 80px 48px;\n  }\n\n  #ics-mobile-resources .ics-mobile-resources-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  #ics-mobile-resources .ics-mobile-resources-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    text-align: left;\n    margin-bottom: 16px;\n  }\n\n  #ics-mobile-resources h2 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 40px);\n    line-height: 1.2;\n    color: #2D2C2E;\n    text-align: left;\n    margin-bottom: 48px;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-card {\n    background: #f7f8f9;\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-thumb {\n    width: 100%;\n    height: 180px;\n    display: block;\n    overflow: hidden;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-body {\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #3EC16F;\n    margin-bottom: 10px;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 1.3;\n    color: #2D2C2E;\n    margin-bottom: 10px;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-copy {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 15px;\n    line-height: 1.65;\n    color: #555555;\n    margin-bottom: 20px;\n    flex-grow: 1;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-link {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    color: #3EC16F;\n    text-decoration: none;\n    border-bottom: 2px solid #3EC16F;\n    padding-bottom: 2px;\n    align-self: flex-start;\n    transition: color 0.2s ease, border-color 0.2s ease;\n  }\n\n  #ics-mobile-resources .ics-mobile-resource-link:hover {\n    color: #2D2C2E;\n    border-color: #2D2C2E;\n  }\n\n  @media (max-width: 768px) {\n    #ics-mobile-resources { padding: 48px 24px; }\n    #ics-mobile-resources .ics-mobile-resource-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  }\n<\/style>\n\n<section id=\"ics-mobile-resources\">\n  <div class=\"ics-mobile-resources-inner\">\n    <div class=\"ics-mobile-resources-eyebrow\">Intact Mobile Ressourcen<\/div>\n    <h2>Mehr zum Thema mobile Audits<\/h2>\n\n    <div class=\"ics-mobile-resource-grid\">\n\n      <div class=\"ics-mobile-resource-card\">\n        <div class=\"ics-mobile-resource-thumb\">\n          <img decoding=\"async\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/06\/Intact-Mobile-Webinar_Web-Preview.jpg\" alt=\"Vorschau: Connect &amp; Explore Webinar\" \/>\n        <\/div>\n        <div class=\"ics-mobile-resource-body\">\n          <div class=\"ics-mobile-resource-label\">Webinar auf Abruf<\/div>\n          <p class=\"ics-mobile-resource-title\">Connect &amp; Explore<\/p>\n          <p class=\"ics-mobile-resource-copy\">Erleben Sie die App in Aktion, bevor Sie \u00fcberhaupt etwas installieren.<\/p>\n          <a href=\"https:\/\/intact-systems.com\/de\/intact-platform\/intact-mobile-audit-app\/intact-mobile-connect-and-explore\/\" class=\"ics-mobile-resource-link\">Zum Webinar<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ics-mobile-resource-card\">\n        <div class=\"ics-mobile-resource-thumb\">\n          <img decoding=\"async\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/08\/P-2.03.57-Mobile-Auditing-Whitepaper-0-min.jpg\" alt=\"Vorschau: Whitepaper zum mobilen Audit\" \/>\n        <\/div>\n        <div class=\"ics-mobile-resource-body\">\n          <div class=\"ics-mobile-resource-label\">Whitepaper<\/div>\n          <p class=\"ics-mobile-resource-title\">Whitepaper zum mobile auditing<\/p>\n          <p class=\"ics-mobile-resource-copy\">Ein kostenloser Leitfaden dazu, wie mobiles Auditieren Ihr Unternehmen voranbringt.<\/p>\n          <a href=\"https:\/\/intact-systems.com\/de\/intact-platform\/intact-mobile-audit-app\/whitepaper\/\" class=\"ics-mobile-resource-link\">Zum Whitepaper<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ics-mobile-resource-card\">\n        <div class=\"ics-mobile-resource-thumb\">\n          <img decoding=\"async\" src=\"https:\/\/intact-systems.com\/wp-content\/uploads\/2026\/08\/Mobile-Auditing-Webinar_Web-Preview.png\" alt=\"Vorschau: Webinar zum mobilen Audit\" \/>\n        <\/div>\n        <div class=\"ics-mobile-resource-body\">\n          <div class=\"ics-mobile-resource-label\">Webinar auf Abruf<\/div>\n          <p class=\"ics-mobile-resource-title\">Webinar: Mobiles Auditieren<\/p>\n          <p class=\"ics-mobile-resource-copy\">Erfahren Sie, wie mobile Technologie Ihre Audits digitalisiert.<\/p>\n          <a href=\"https:\/\/intact-systems.com\/de\/intact-platform\/intact-mobile-audit-app\/mobile-auditing-webinar\/\" class=\"ics-mobile-resource-link\">Zum Webinar<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- MOBILE BOOK A DEMO -->\n\n<style>\n  #ics-mobile-demo * { box-sizing: border-box; margin: 0; padding: 0; }\n  #ics-mobile-demo {\n    background: #2D2C2E;\n    padding: 64px 48px 0;\n  }\n  #ics-mobile-demo .ics-mobile-demo-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding-bottom: 64px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n  }\n  #ics-mobile-demo .ics-mobile-demo-row {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 64px;\n    width: fit-content;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n  #ics-mobile-demo .ics-mobile-demo-copy-block {\n    text-align: left;\n  }\n  #ics-mobile-demo h2 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: clamp(26px, 3vw, 36px);\n    line-height: 1.25;\n    color: #ffffff;\n    margin-bottom: 14px;\n  }\n  #ics-mobile-demo .ics-mobile-demo-copy {\n    font-family: 'Source Sans Pro', sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n    color: #d9dadb;\n    max-width: 480px;\n  }\n  #ics-mobile-demo .ics-mobile-btn-primary {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    color: #2D2C2E;\n    background: #3EC16F;\n    padding: 18px 42px;\n    border-radius: 6px;\n    text-decoration: none;\n    display: inline-block;\n    white-space: nowrap;\n    flex-shrink: 0;\n    box-shadow: 0 6px 18px rgba(62, 193, 111, 0.28);\n    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  #ics-mobile-demo .ics-mobile-btn-primary:hover {\n    background: #33a860;\n    transform: translateY(-1px);\n    box-shadow: 0 8px 22px rgba(62, 193, 111, 0.35);\n  }\n  @media (max-width: 900px) {\n    #ics-mobile-demo .ics-mobile-demo-row {\n      width: 100%;\n      gap: 32px;\n    }\n  }\n  @media (max-width: 768px) {\n    #ics-mobile-demo { padding: 48px 24px 0; }\n    #ics-mobile-demo .ics-mobile-demo-inner { padding-bottom: 48px; }\n    #ics-mobile-demo .ics-mobile-demo-row {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 24px;\n    }\n  }\n  @media (max-width: 480px) {\n    #ics-mobile-demo .ics-mobile-btn-primary { width: 100%; text-align: center; white-space: normal; }\n  }\n<\/style>\n<section id=\"ics-mobile-demo\">\n  <div class=\"ics-mobile-demo-inner\">\n    <div class=\"ics-mobile-demo-row\">\n      <div class=\"ics-mobile-demo-copy-block\">\n        <h2>Demo vereinbaren.<\/h2>\n        <p class=\"ics-mobile-demo-copy\">Erleben Sie Intact Mobile anhand Ihres eigenen Auditprozesses. Unsere Experten gehen auf Ihr Setup, Ihre Programme und Ihre Fragen ein \u2013 buchen Sie 30 Minuten.<\/p>\n      <\/div>\n      <a href=\"https:\/\/calendly.com\/d\/crhw-868-kcp\/30-minute-meeting-us\" class=\"ics-mobile-btn-primary\">Demo buchen<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Intact Mobile Intact Mobile Audit-App Das Audit findet vor Ort statt \u2013 in einer Fabrikhalle, auf einer Offshore-Plattform, auf weitl\u00e4ufigem Ackerland \u2013 und manchmal bedeutet das: keine Verbindung. Intact Mobile bringt das gesamte Audit auf Laptop, Smartphone oder Tablet: Checklisten, Feststellungen, Fotos, Berichte und Unterschriften. Online oder offline \u2013 Sie schlie\u00dfen das Audit ab, bevor [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":0,"parent":1318,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4032","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/pages\/4032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/comments?post=4032"}],"version-history":[{"count":2,"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/pages\/4032\/revisions"}],"predecessor-version":[{"id":28450,"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/pages\/4032\/revisions\/28450"}],"up":[{"embeddable":true,"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/pages\/1318"}],"wp:attachment":[{"href":"https:\/\/intact-systems.com\/de\/wp-json\/wp\/v2\/media?parent=4032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}