{"id":5150,"date":"2026-06-06T10:07:17","date_gmt":"2026-06-06T10:07:17","guid":{"rendered":"https:\/\/nexqube.com\/?page_id=5150"},"modified":"2026-06-06T10:09:06","modified_gmt":"2026-06-06T10:09:06","slug":"demo-lieferanten-vertragspruefung","status":"publish","type":"page","link":"https:\/\/nexqube.com\/en\/demo-lieferanten-vertragspruefung\/","title":{"rendered":"Demo Lieferanten Vertragspr\u00fcfung"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Lieferantenvertrag-Pr\u00fcfung | KI Manufaktur \u2013 NexQube<\/title>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --nq-blue: #1e3a6e;\n --nq-blue-m: #2E5CA8;\n --nq-blue-l: #dce8f7;\n --nq-blue-ll: #f0f5fc;\n --nq-sand: #D28D04;\n --nq-sand-l: #fdf4e0;\n --nq-dark: #0f2040;\n --bg: #f4f7fb;\n --card: #ffffff;\n --border: #dce4ef;\n --text: #1a2a3a;\n --muted: #5a6a7a;\n --light: #f0f4f9;\n --ok: #1a7a3a;\n --ok-bg: #e6f4ea;\n --warn: #8a5a00;\n --warn-bg: #fff3cd;\n --crit: #cc2200;\n --crit-bg: #fde8e4;\n }\n\n body {\n font-family: 'Segoe UI', Arial, sans-serif;\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n header {\n background: var(--nq-blue);\n color: white;\n padding: 0 32px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-shadow: 0 2px 16px rgba(0,0,0,0.4);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n .header-logo { display: flex; align-items: center; gap: 12px; }\n .header-logo-cube {\n width: 36px; height: 36px;\n background: var(--nq-blue-m);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-size: 18px; font-weight: 900; color: white; letter-spacing: -1px;\n }\n .header-logo-text { font-size: 16px; font-weight: 700; letter-spacing: 0.3px; }\n .header-logo-sub { font-size: 11px; opacity: 0.6; margin-top: 1px; }\n .header-badge {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.3);\n padding: 5px 14px; border-radius: 20px;\n font-size: 11px; font-weight: 700; letter-spacing: 0.5px;\n }\n\n main {\n max-width: 920px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n }\n\n .screen { display: none; }\n .screen.active { display: block; }\n\n \/* \u2500\u2500 BREADCRUMB \u2500\u2500 *\/\n .breadcrumb {\n display: flex; align-items: center; gap: 8px;\n font-size: 12px; color: var(--muted); margin-bottom: 24px;\n }\n .breadcrumb .crumb { color: var(--nq-blue-m); cursor: pointer; }\n .breadcrumb .crumb:hover { text-decoration: underline; }\n .breadcrumb .sep { color: #c0ccd8; }\n\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n .btn {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 12px 26px; border-radius: 8px;\n font-size: 14px; font-weight: 600;\n cursor: pointer; border: none; transition: all 0.2s;\n }\n .btn-primary { background: var(--nq-blue); color: white; }\n .btn-primary:hover { background: var(--nq-dark); }\n .btn-ghost { background: white; color: var(--muted); border: 1px solid var(--border); }\n .btn-ghost:hover { background: var(--light); }\n .btn-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }\n\n \/* \u2500\u2500 CARDS \/ BOXES \u2500\u2500 *\/\n .card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 12px; padding: 24px;\n }\n\n .info-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px;\n }\n @media (max-width: 560px) { .info-grid { grid-template-columns: 1fr; } }\n\n .info-box {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 8px; padding: 14px 16px;\n }\n .info-box .label {\n font-size: 10px; font-weight: 700;\n text-transform: uppercase; letter-spacing: 0.8px;\n color: #8a9aaa; margin-bottom: 4px;\n }\n .info-box .value { font-size: 14px; font-weight: 600; }\n .info-box .value.crit { color: var(--crit); }\n .info-box .value.warn { color: var(--nq-sand); }\n .info-box .value.ok { color: var(--ok); }\n\n .table-wrap {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 10px; overflow: hidden; margin-bottom: 20px;\n }\n .table-wrap table { width: 100%; border-collapse: collapse; }\n .table-wrap th {\n background: var(--light); padding: 10px 14px;\n font-size: 11px; font-weight: 700;\n text-transform: uppercase; letter-spacing: 0.5px;\n color: var(--muted); text-align: left;\n border-bottom: 1px solid var(--border);\n }\n .table-wrap td {\n padding: 11px 14px; font-size: 13px;\n border-bottom: 1px solid var(--light); vertical-align: middle;\n }\n .table-wrap tr:last-child td { border-bottom: none; }\n .table-wrap tr:hover td { background: var(--nq-blue-ll); }\n\n .badge {\n padding: 3px 9px; border-radius: 5px;\n font-size: 11px; font-weight: 700; white-space: nowrap;\n }\n .b-ok { background: var(--ok-bg); color: var(--ok); }\n .b-warn { background: var(--warn-bg); color: var(--warn); }\n .b-crit { background: var(--crit-bg); color: var(--crit); }\n .b-open { background: #e8eef8; color: var(--nq-blue); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCREEN 0 \u2013 INTRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .intro-hero {\n background: linear-gradient(135deg, #2E6DB4 0%, #1A4F8A 100%);\n border-radius: 16px; padding: 52px 40px 44px;\n color: white; text-align: center; margin-bottom: 28px;\n position: relative; overflow: hidden;\n }\n .intro-hero::before {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0.15) 100%);\n }\n .intro-hero-icon {\n width: 80px; height: 80px;\n background: rgba(255,255,255,0.12);\n border: 2px solid rgba(255,255,255,0.25);\n border-radius: 20px;\n display: flex; align-items: center; justify-content: center;\n font-size: 36px; margin: 0 auto 20px; position: relative;\n }\n .intro-hero h1 { font-size: 26px; font-weight: 800; margin-bottom: 10px; position: relative; }\n .intro-hero h1 span { color: #f0d98a; }\n .intro-hero .tagline {\n font-size: 15px; opacity: 0.85; position: relative;\n max-width: 560px; margin: 0 auto; line-height: 1.7;\n }\n\n .intro-cards {\n display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;\n gap: 14px; margin-bottom: 28px;\n }\n @media (max-width: 700px) { .intro-cards { grid-template-columns: 1fr 1fr; } }\n\n .intro-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 12px; padding: 20px 16px; text-align: center;\n }\n .intro-card .ic-icon { font-size: 26px; margin-bottom: 10px; }\n .intro-card .ic-title { font-size: 12px; font-weight: 700; color: var(--text); margin-bottom: 5px; }\n .intro-card .ic-desc { font-size: 11px; color: var(--muted); line-height: 1.5; }\n .intro-card .ic-bar {\n height: 3px; border-radius: 2px; margin-top: 12px;\n }\n .ic-bar.blue { background: var(--nq-blue-m); }\n .ic-bar.sand { background: var(--nq-sand); }\n\n .intro-disclaimer {\n background: var(--nq-sand-l); border: 1px solid var(--nq-sand);\n border-left: 4px solid var(--nq-sand);\n border-radius: 10px; padding: 14px 18px;\n font-size: 12px; color: #5a3a00;\n display: flex; align-items: flex-start; gap: 10px; margin-bottom: 28px;\n }\n\n .powered-by {\n text-align: center; font-size: 11px; color: var(--muted);\n margin-top: 16px; display: flex; align-items: center;\n justify-content: center; gap: 6px;\n }\n .nq-tag {\n background: var(--nq-blue); color: white;\n padding: 2px 10px; border-radius: 12px;\n font-weight: 700; font-size: 11px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCREEN 1 \u2013 VERTRAGSAUSWAHL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .screen-title { font-size: 22px; font-weight: 800; color: var(--nq-dark); margin-bottom: 6px; }\n .screen-subtitle { font-size: 14px; color: var(--muted); margin-bottom: 28px; line-height: 1.6; }\n\n .contract-card {\n background: var(--card); border: 2px solid var(--border);\n border-radius: 14px; padding: 28px 28px 60px;\n cursor: pointer; transition: all 0.22s;\n position: relative; overflow: hidden;\n margin-bottom: 20px;\n }\n .contract-card:hover {\n border-color: var(--nq-blue-m);\n box-shadow: 0 6px 28px rgba(30,58,110,0.18);\n transform: translateY(-2px);\n }\n .contract-card .cc-top { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 16px; }\n .contract-card .cc-icon {\n width: 56px; height: 56px; border-radius: 12px;\n background: var(--nq-blue-l);\n display: flex; align-items: center; justify-content: center;\n font-size: 26px; flex-shrink: 0;\n }\n .contract-card .cc-type {\n font-size: 10px; font-weight: 700; letter-spacing: 1px;\n text-transform: uppercase; color: var(--nq-blue-m); margin-bottom: 4px;\n }\n .contract-card .cc-title { font-size: 17px; font-weight: 700; margin-bottom: 6px; }\n .contract-card .cc-desc { font-size: 13px; color: var(--muted); line-height: 1.5; }\n .contract-card .cc-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }\n .cc-tag {\n background: var(--nq-blue-ll); color: var(--nq-blue);\n padding: 3px 10px; border-radius: 20px;\n font-size: 11px; font-weight: 600;\n }\n .cc-tag.sand { background: var(--nq-sand-l); color: #7a4a00; }\n .contract-card .cc-cta {\n position: absolute; bottom: 0; left: 0; right: 0;\n background: var(--nq-blue); color: white;\n padding: 12px 20px; font-size: 12px; font-weight: 700; text-align: center;\n }\n .contract-card:hover .cc-cta { background: var(--nq-dark); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCREEN 2 \u2013 VORSCHAU \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .doc-header {\n background: var(--nq-blue); color: white;\n border-radius: 12px; padding: 28px 32px; margin-bottom: 20px;\n display: flex; align-items: center; gap: 18px;\n }\n .doc-header-icon {\n width: 60px; height: 60px; border-radius: 12px;\n background: rgba(255,255,255,0.15);\n display: flex; align-items: center; justify-content: center;\n font-size: 28px; flex-shrink: 0;\n }\n .doc-header h2 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }\n .doc-header p { font-size: 13px; opacity: 0.75; }\n\n .clause-section { margin-bottom: 20px; }\n .clause-section-title {\n font-size: 12px; font-weight: 700; letter-spacing: 0.8px;\n text-transform: uppercase; color: var(--nq-blue);\n margin-bottom: 10px; padding-bottom: 6px;\n border-bottom: 2px solid var(--nq-blue-l);\n display: flex; align-items: center; gap: 8px;\n }\n .clause-item {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 8px; padding: 14px 16px; margin-bottom: 8px;\n }\n .clause-item .cl-num { font-size: 10px; font-weight: 700; color: var(--muted); margin-bottom: 3px; }\n .clause-item .cl-text { font-size: 13px; line-height: 1.6; color: var(--text); }\n .clause-item .cl-flag {\n margin-top: 8px; padding: 6px 10px; border-radius: 6px;\n font-size: 11px; font-weight: 600;\n background: var(--nq-sand-l); color: #6a3a00;\n display: flex; align-items: center; gap: 6px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCREEN 3 \u2013 ANALYSE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .analyse-card {\n background: var(--card); border-radius: 14px;\n padding: 52px 36px; text-align: center;\n border: 1px solid var(--border);\n box-shadow: 0 4px 24px rgba(30,58,110,0.08);\n }\n .analyse-spinner {\n width: 76px; height: 76px;\n border: 5px solid var(--border);\n border-top-color: var(--nq-blue-m);\n border-radius: 50%;\n margin: 0 auto 28px;\n animation: spin 0.85s linear infinite;\n }\n @keyframes spin { to { transform: rotate(360deg); } }\n .analyse-title { font-size: 22px; font-weight: 800; color: var(--nq-dark); margin-bottom: 8px; }\n .analyse-subtitle { font-size: 14px; color: var(--muted); margin-bottom: 28px; }\n .progress-wrap { background: var(--border); border-radius: 8px; height: 8px; margin-bottom: 32px; overflow: hidden; }\n .progress-fill {\n height: 100%; background: linear-gradient(90deg, var(--nq-blue-m), var(--nq-blue));\n border-radius: 8px; width: 0%; transition: width 0.5s ease;\n }\n .steps-list { text-align: left; max-width: 480px; margin: 0 auto; }\n .step-item {\n display: flex; align-items: center; gap: 12px;\n padding: 9px 0; border-bottom: 1px solid var(--light);\n font-size: 13px; color: #8a9aaa; transition: color 0.3s;\n }\n .step-item:last-child { border-bottom: none; }\n .step-item.active { color: var(--nq-blue); font-weight: 600; }\n .step-item.done { color: var(--ok); }\n .step-icon {\n width: 30px; height: 30px; border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 13px; flex-shrink: 0;\n background: var(--light); color: #c0ccd8; transition: all 0.3s;\n }\n .step-item.active .step-icon { background: var(--nq-blue-l); color: var(--nq-blue-m); animation: pulse 1s ease infinite; }\n .step-item.done .step-icon { background: var(--ok-bg); color: var(--ok); }\n @keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.1)} }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCREEN 4 \u2013 ERGEBNIS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .result-banner {\n border-radius: 12px; padding: 20px 28px; margin-bottom: 24px;\n font-size: 15px; font-weight: 700;\n display: flex; align-items: center; gap: 14px;\n }\n .banner-crit { background: var(--crit-bg); border: 2px solid var(--crit); color: var(--crit); }\n .banner-warn { background: var(--warn-bg); border: 2px solid var(--nq-sand); color: #7a4a00; }\n .banner-ok { background: var(--ok-bg); border: 2px solid var(--ok); color: var(--ok); }\n\n .result-meta {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 10px; margin-bottom: 24px;\n }\n @media (max-width: 560px) { .result-meta { grid-template-columns: 1fr 1fr; } }\n\n .rsec {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 12px; margin-bottom: 18px; overflow: hidden;\n }\n .rsec-head {\n background: var(--nq-blue); color: white;\n padding: 13px 20px; font-size: 13px; font-weight: 700;\n display: flex; align-items: center; gap: 10px;\n }\n .rsec-body { padding: 18px 20px; }\n\n .rsec-head.sand { background: linear-gradient(90deg, #b87400, var(--nq-sand)); }\n .rsec-head.dark { background: var(--nq-dark); }\n\n .mapping-table th { background: var(--nq-blue-ll) !important; }\n\n .risk-score {\n display: flex; align-items: center; gap: 16px;\n padding: 20px 24px;\n border-radius: 10px; margin-bottom: 20px;\n }\n .risk-score.crit { background: var(--crit-bg); border: 2px solid var(--crit); }\n .risk-score.warn { background: var(--warn-bg); border: 2px solid var(--nq-sand); }\n .risk-score-num {\n font-size: 42px; font-weight: 900; line-height: 1;\n }\n .risk-score.crit .risk-score-num { color: var(--crit); }\n .risk-score.warn .risk-score-num { color: var(--warn); }\n .risk-score-label { font-size: 13px; font-weight: 700; }\n .risk-score-sub { font-size: 12px; color: var(--muted); margin-top: 3px; }\n\n .empfehlung-box {\n background: var(--nq-blue-ll); border: 2px solid var(--nq-blue-m);\n border-radius: 12px; padding: 22px 24px;\n }\n .empfehlung-box .emp-title {\n font-size: 13px; font-weight: 700; color: var(--nq-blue);\n margin-bottom: 10px; display: flex; align-items: center; gap: 8px;\n }\n .empfehlung-box p { font-size: 13px; line-height: 1.7; color: var(--text); }\n\n .punkte-list { list-style: none; }\n .punkte-list li {\n display: flex; align-items: flex-start; gap: 12px;\n padding: 10px 0; border-bottom: 1px solid var(--light);\n font-size: 13px;\n }\n .punkte-list li:last-child { border-bottom: none; }\n .p-num {\n width: 26px; height: 26px; border-radius: 50%;\n background: var(--nq-blue); color: white;\n font-size: 12px; font-weight: 700; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n }\n .p-num.sand { background: var(--nq-sand); }\n .p-text { flex: 1; }\n .p-owner {\n font-size: 11px; color: white;\n background: var(--muted); padding: 2px 8px;\n border-radius: 4px; white-space: nowrap; align-self: center;\n }\n\n .result-footer {\n background: var(--light); border: 1px solid var(--border);\n border-radius: 8px; padding: 12px 16px;\n font-size: 12px; color: var(--muted);\n text-align: center; margin-top: 24px; margin-bottom: 24px;\n display: flex; align-items: center; justify-content: center; gap: 8px;\n }\n\n .sand-divider {\n height: 3px;\n background: linear-gradient(90deg, var(--nq-blue), var(--nq-sand), var(--nq-blue-l));\n border-radius: 2px; margin: 8px 0 20px;\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"header-logo\">\n <div class=\"header-logo-cube\">N<\/div>\n <div>\n <div class=\"header-logo-text\">KI Manufaktur \u00b7 NexQube<\/div>\n <div class=\"header-logo-sub\">Lieferantenvertrag-Pr\u00fcfung \u2013 KI-gest\u00fctztes Contract Screening<\/div>\n <\/div>\n <\/div>\n <div class=\"header-badge\">SCR-001<\/div>\n<\/header>\n\n<main>\n\n <!-- \u2550\u2550 SCREEN 0: INTRO \u2550\u2550 -->\n <div class=\"screen active\" id=\"screen-0\">\n\n <div class=\"intro-hero\">\n <div class=\"intro-hero-icon\">\ud83d\udcd1<\/div>\n <h1>KI-gest\u00fctzte <span>Lieferantenvertrag-Pr\u00fcfung<\/span><\/h1>\n <p class=\"tagline\">\n Dieses System demonstriert, wie K\u00fcnstliche Intelligenz Lieferantenvertr\u00e4ge automatisch\n auf AGB, Compliance, Haftung, Zahlungsziele und P\u00f6nalklauseln pr\u00fcft \u2013\n und sie direkt mit Ihren Einkaufsrichtlinien abgleicht.\n <\/p>\n <\/div>\n\n <div class=\"intro-cards\">\n <div class=\"intro-card\">\n <div class=\"ic-icon\">\ud83d\udcc4<\/div>\n <div class=\"ic-title\">AGB-Pr\u00fcfung<\/div>\n <div class=\"ic-desc\">Abweichende Klauseln von Ihren Standard-AGB werden sofort erkannt und markiert.<\/div>\n <div class=\"ic-bar blue\"><\/div>\n <\/div>\n <div class=\"intro-card\">\n <div class=\"ic-icon\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"ic-title\">Compliance<\/div>\n <div class=\"ic-desc\">DSGVO, Lieferkettengesetz, Anti-Korruption \u2013 vollst\u00e4ndige regulatorische Pr\u00fcfung.<\/div>\n <div class=\"ic-bar blue\"><\/div>\n <\/div>\n <div class=\"intro-card\">\n <div class=\"ic-icon\">\u2696\ufe0f<\/div>\n <div class=\"ic-title\">Haftung & Zahlung<\/div>\n <div class=\"ic-desc\">Haftungsl\u00fccken, unbegrenzte Haftungsklauseln und ung\u00fcnstige Zahlungsziele werden aufgedeckt.<\/div>\n <div class=\"ic-bar sand\"><\/div>\n <\/div>\n <div class=\"intro-card\">\n <div class=\"ic-icon\">\ud83d\udcb0<\/div>\n <div class=\"ic-title\">P\u00f6nalen & SLA<\/div>\n <div class=\"ic-desc\">Vertragsstrafen, SLA-Regelungen und Lieferverzugsklauseln werden bewertet und gemappt.<\/div>\n <div class=\"ic-bar sand\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\" style=\"margin-bottom:28px\">\n <div style=\"font-size:14px;font-weight:700;color:var(--nq-dark);margin-bottom:16px;display:flex;align-items:center;gap:8px\">\n \u26a1 So funktioniert die Pr\u00fcfung\n <\/div>\n <div style=\"display:flex;align-items:center;gap:0;flex-wrap:wrap\">\n <div style=\"flex:1;min-width:100px;text-align:center\">\n <div style=\"width:36px;height:36px;background:var(--nq-blue);border-radius:50%;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px\">1<\/div>\n <div style=\"font-size:12px;font-weight:600;margin-bottom:3px\">Vertrag w\u00e4hlen<\/div>\n <div style=\"font-size:11px;color:var(--muted);line-height:1.4\">Demo-Lieferantenvertrag ausw\u00e4hlen<\/div>\n <\/div>\n <div style=\"font-size:18px;color:#c0ccd8;padding:0 4px;margin-bottom:20px\">\u203a<\/div>\n <div style=\"flex:1;min-width:100px;text-align:center\">\n <div style=\"width:36px;height:36px;background:var(--nq-blue);border-radius:50%;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px\">2<\/div>\n <div style=\"font-size:12px;font-weight:600;margin-bottom:3px\">Vorschau<\/div>\n <div style=\"font-size:11px;color:var(--muted);line-height:1.4\">Vertragsklauseln werden angezeigt<\/div>\n <\/div>\n <div style=\"font-size:18px;color:#c0ccd8;padding:0 4px;margin-bottom:20px\">\u203a<\/div>\n <div style=\"flex:1;min-width:100px;text-align:center\">\n <div style=\"width:36px;height:36px;background:var(--nq-blue);border-radius:50%;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px\">3<\/div>\n <div style=\"font-size:12px;font-weight:600;margin-bottom:3px\">KI analysiert<\/div>\n <div style=\"font-size:11px;color:var(--muted);line-height:1.4\">Automatischer Abgleich mit Richtlinien<\/div>\n <\/div>\n <div style=\"font-size:18px;color:#c0ccd8;padding:0 4px;margin-bottom:20px\">\u203a<\/div>\n <div style=\"flex:1;min-width:100px;text-align:center\">\n <div style=\"width:36px;height:36px;background:var(--nq-blue);border-radius:50%;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px\">4<\/div>\n <div style=\"font-size:12px;font-weight:600;margin-bottom:3px\">Pr\u00fcfbericht<\/div>\n <div style=\"font-size:11px;color:var(--muted);line-height:1.4\">Mapping + Empfehlung in Sekunden<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"intro-disclaimer\">\n <span style=\"font-size:18px\">\u2139\ufe0f<\/span>\n <span><strong>Demo-Hinweis:<\/strong> Diese Simulation verwendet einen realistischen Muster-Lieferantenvertrag (TechSupply GmbH, Rahmenliefervertrag 2024). Alle Klauseln und Ergebnisse sind f\u00fcr Pr\u00e4sentationszwecke gestaltet und zeigen das Potenzial eines produktiven KI-Systems.<\/span>\n <\/div>\n\n <div style=\"text-align:center\">\n <button class=\"btn btn-primary\" style=\"font-size:15px;padding:15px 40px\" onclick=\"goTo('screen-1')\">\n Demo starten  \u2192\n <\/button>\n <\/div>\n\n <div class=\"powered-by\" style=\"margin-top:20px\">\n Powered by <span class=\"nq-tag\">NexQube \u00b7 KI Manufaktur<\/span>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 SCREEN 1: VERTRAGSAUSWAHL \u2550\u2550 -->\n <div class=\"screen\" id=\"screen-1\">\n <div class=\"breadcrumb\">\n <span class=\"crumb\" onclick=\"goTo('screen-0')\">Start<\/span>\n <span class=\"sep\">\u203a<\/span>\n <span>Vertragsauswahl<\/span>\n <\/div>\n\n <div class=\"screen-title\">Lieferantenvertrag zur Pr\u00fcfung einreichen<\/div>\n <div class=\"screen-subtitle\">W\u00e4hlen Sie einen Vertrag aus, den das KI-System automatisch pr\u00fcfen und mit Ihren Einkaufsrichtlinien abgleichen soll.<\/div>\n\n <div class=\"contract-card\" onclick=\"goTo('screen-2')\">\n <div class=\"cc-top\">\n <div class=\"cc-icon\">\ud83d\udcd1<\/div>\n <div>\n <div class=\"cc-type\">Rahmenliefervertrag<\/div>\n <div class=\"cc-title\">TechSupply GmbH \u2013 Rahmenliefervertrag 2024<\/div>\n <div class=\"cc-desc\">Einj\u00e4hriger Rahmenliefervertrag f\u00fcr elektronische Komponenten und Bauteile. Vertragswert: ca. 2,4 Mio. \u20ac p.a. Enth\u00e4lt Klauseln zu Haftung, Zahlungszielen, Lieferfristen und Qualit\u00e4tsanforderungen.<\/div>\n <\/div>\n <\/div>\n <div class=\"cc-tags\">\n <span class=\"cc-tag\">\ud83d\udcc4 RLV-2024-0047<\/span>\n <span class=\"cc-tag\">\ud83c\udfe2 TechSupply GmbH<\/span>\n <span class=\"cc-tag\">\ud83d\udcb6 ~2,4 Mio. \u20ac p.a.<\/span>\n <span class=\"cc-tag sand\">\u26a0\ufe0f Kritische Klauseln vermutet<\/span>\n <\/div>\n <div class=\"cc-cta\">Vertrag zur KI-Pr\u00fcfung einreichen \u2192<\/div>\n <\/div>\n\n <div style=\"background:var(--nq-blue-ll);border:1px solid var(--border);border-radius:10px;padding:16px 20px;font-size:12px;color:var(--muted)\">\n \ud83d\udca1 <strong>Hinweis:<\/strong> In der produktiven Version k\u00f6nnen eigene Vertragsdokumente (PDF, Word) direkt hochgeladen werden. Die KI extrahiert automatisch alle relevanten Klauseln.\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 SCREEN 2: VORSCHAU \u2550\u2550 -->\n <div class=\"screen\" id=\"screen-2\">\n <div class=\"breadcrumb\">\n <span class=\"crumb\" onclick=\"goTo('screen-0')\">Start<\/span><span class=\"sep\">\u203a<\/span>\n <span class=\"crumb\" onclick=\"goTo('screen-1')\">Auswahl<\/span><span class=\"sep\">\u203a<\/span>\n <span>RLV-2024-0047<\/span>\n <\/div>\n\n <div class=\"doc-header\">\n <div class=\"doc-header-icon\">\ud83d\udcd1<\/div>\n <div>\n <h2>Rahmenliefervertrag RLV-2024-0047<\/h2>\n <p>TechSupply GmbH \u00b7 Eingereicht von: M. Gruber (Einkauf) \u00b7 03.06.2026 \u00b7 Vertragswert: ~2,4 Mio. \u20ac p.a.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-grid\">\n <div class=\"info-box\"><div class=\"label\">Lieferant<\/div><div class=\"value\">TechSupply GmbH, M\u00fcnchen<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Vertragsnummer<\/div><div class=\"value\">RLV-2024-0047<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Laufzeit<\/div><div class=\"value\">01.01.2024 \u2013 31.12.2024<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Vertragswert<\/div><div class=\"value\">~2.400.000 \u20ac p.a.<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Status<\/div><div class=\"value warn\">Zur Pr\u00fcfung<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Pr\u00fcfer<\/div><div class=\"value\">KI-Assistent (auto)<\/div><\/div>\n <\/div>\n\n <div class=\"clause-section\">\n <div class=\"clause-section-title\">\u2696\ufe0f Haftung<\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 8 Abs. 1 \u2013 Haftungsumfang<\/div>\n <div class=\"cl-text\">\u201eDer Auftragnehmer haftet f\u00fcr Sch\u00e4den, die aus der Verletzung von Leben, K\u00f6rper, Gesundheit sowie bei grober Fahrl\u00e4ssigkeit und Vorsatz nach den gesetzlichen Bestimmungen.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: \u201eNach gesetzlichen Bestimmungen\" = keine Haftungsobergrenze definiert<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 8 Abs. 2 \u2013 Produkthaftung<\/div>\n <div class=\"cl-text\">\u201eDie gesetzlichen Vorschriften zur Produkthaftung bleiben unber\u00fchrt.\"<\/div>\n <\/div>\n <\/div>\n\n <div class=\"clause-section\">\n <div class=\"clause-section-title\">\ud83d\udcb3 Zahlungsziele<\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 5 Abs. 1 \u2013 Zahlungsbedingungen<\/div>\n <div class=\"cl-text\">\u201eRechnungen sind innerhalb von 90 Tagen nach Eingang und Pr\u00fcfung der Rechnung ohne Abzug zu bezahlen.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: 90 Tage Zahlungsziel \u2013 Ihre Einkaufsrichtlinie erlaubt max. 30 Tage<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 5 Abs. 2 \u2013 Skonto<\/div>\n <div class=\"cl-text\">\u201eBei Zahlung innerhalb von 14 Tagen wird kein Skonto gew\u00e4hrt.\"<\/div>\n <\/div>\n <\/div>\n\n <div class=\"clause-section\">\n <div class=\"clause-section-title\">\ud83d\udea8 P\u00f6nalen & SLA<\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 9 Abs. 1 \u2013 Lieferverzug<\/div>\n <div class=\"cl-text\">\u201eBei Lieferverzug ist der Auftragnehmer berechtigt, innerhalb einer Nachfrist von 30 Werktagen die Lieferung nachzuholen. Vertragsstrafen f\u00fcr Verzug sind ausgeschlossen.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: Vertragsstrafen f\u00fcr Lieferverzug explizit ausgeschlossen<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 9 Abs. 2 \u2013 Qualit\u00e4tsm\u00e4ngel<\/div>\n <div class=\"cl-text\">\u201eBei Qualit\u00e4tsm\u00e4ngeln wird eine Pauschale von 500 \u20ac pro Vorfall vereinbart, sofern kein konkreter Schaden nachgewiesen werden kann.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: 500 \u20ac Pauschale \u2013 Ihre Richtlinie fordert 2% des Auftragswerts<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 10 Abs. 1 \u2013 K\u00fcndigung bei SLA-Verletzung<\/div>\n <div class=\"cl-text\">\u201eDas Recht zur au\u00dferordentlichen K\u00fcndigung besteht erst nach dreimaliger schriftlicher Abmahnung und einer Frist von 6 Monaten zur M\u00e4ngelbeseitigung.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: 6 Monate K\u00fcndigungsfrist \u2013 Ihre Richtlinie sieht max. 4 Wochen vor<\/div>\n <\/div>\n <\/div>\n\n <div class=\"clause-section\">\n <div class=\"clause-section-title\">\ud83d\udee1\ufe0f Compliance<\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 12 \u2013 Datenschutz<\/div>\n <div class=\"cl-text\">\u201eDie Vertragsparteien verpflichten sich zur Einhaltung der geltenden Datenschutzgesetze, insbesondere der DSGVO.\"<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 13 \u2013 Lieferkettengesetz \/ Sorgfaltspflichten<\/div>\n <div class=\"cl-text\">\u201eRegelungen gem\u00e4\u00df Lieferkettensorgfaltspflichtengesetz (LkSG): nicht vereinbart.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: LkSG-Klausel fehlt vollst\u00e4ndig \u2013 gesetzlich verpflichtend<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 14 \u2013 Anti-Korruption<\/div>\n <div class=\"cl-text\">\u201eAnti-Korruptions- und Compliance-Regelungen: nicht vereinbart.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: Anti-Korruptions-Klausel fehlt \u2013 Ihre Einkaufsrichtlinie schreibt diese vor<\/div>\n <\/div>\n <\/div>\n\n <div class=\"clause-section\">\n <div class=\"clause-section-title\">\ud83d\udcc4 AGB & Sonstiges<\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 1 Abs. 3 \u2013 Geltung AGB<\/div>\n <div class=\"cl-text\">\u201eDie Allgemeinen Gesch\u00e4ftsbedingungen des Auftragnehmers (TechSupply GmbH, Stand 01\/2023) gelten vorrangig vor den Einkaufsbedingungen des Auftraggebers.\"<\/div>\n <div class=\"cl-flag\">\u26a0\ufe0f Hinweis: Lieferanten-AGB werden als vorrangig erkl\u00e4rt \u2013 Kollision mit Ihren Einkaufs-AGB<\/div>\n <\/div>\n <div class=\"clause-item\">\n <div class=\"cl-num\">\u00a7 15 \u2013 Gerichtsstand<\/div>\n <div class=\"cl-text\">\u201eGerichtsstand ist M\u00fcnchen. Es gilt deutsches Recht.\"<\/div>\n <\/div>\n <\/div>\n\n <div class=\"btn-row\">\n <button class=\"btn btn-primary\" onclick=\"startAnalyse()\">\ud83d\udd0d KI-Analyse & Mapping starten<\/button>\n <button class=\"btn btn-ghost\" onclick=\"goTo('screen-1')\">\u2190 Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 SCREEN 3: ANALYSE \u2550\u2550 -->\n <div class=\"screen\" id=\"screen-3\">\n <div class=\"analyse-card\">\n <div class=\"analyse-spinner\" id=\"analyseSpinner\"><\/div>\n <div class=\"analyse-title\">KI-Analyse & Einkaufsrichtlinien-Mapping\u2026<\/div>\n <div class=\"analyse-subtitle\" id=\"analyseSubtitle\">Vertrag wird verarbeitet<\/div>\n <div class=\"progress-wrap\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"steps-list\" id=\"stepsList\"><\/div>\n <div id=\"analyseOkBtn\" style=\"display:none;margin-top:32px\">\n <button class=\"btn btn-primary\" style=\"font-size:15px;padding:14px 40px;margin:0 auto;display:flex\" onclick=\"goTo('screen-4')\">\n \u2705 Pr\u00fcfbericht anzeigen\n <\/button>\n <\/div>\n <\/div>\n <div class=\"powered-by\" style=\"margin-top:16px\">\n Powered by <span class=\"nq-tag\">NexQube \u00b7 KI Manufaktur<\/span>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550 SCREEN 4: ERGEBNIS \u2550\u2550 -->\n <div class=\"screen\" id=\"screen-4\">\n <div class=\"breadcrumb\">\n <span class=\"crumb\" onclick=\"goTo('screen-0')\">Start<\/span><span class=\"sep\">\u203a<\/span>\n <span class=\"crumb\" onclick=\"goTo('screen-1')\">Auswahl<\/span><span class=\"sep\">\u203a<\/span>\n <span class=\"crumb\" onclick=\"goTo('screen-2')\">RLV-2024-0047<\/span><span class=\"sep\">\u203a<\/span>\n <span>Pr\u00fcfbericht<\/span>\n <\/div>\n\n <div class=\"result-banner banner-crit\">\n <span style=\"font-size:26px\">\ud83d\udeab<\/span>\n <div>\n <div>PR\u00dcFERGEBNIS: NICHT FREIGABEF\u00c4HIG \u2013 NACHVERHANDLUNG ERFORDERLICH<\/div>\n <div style=\"font-size:12px;font-weight:400;margin-top:4px;opacity:0.85\">4 kritische \u00b7 2 Abweichungen \u00b7 2 konform | Gesamtrisiko: HOCH<\/div>\n <\/div>\n <\/div>\n\n <div class=\"result-meta\">\n <div class=\"info-box\"><div class=\"label\">Dok.-Nr.<\/div><div class=\"value\">PRB-RLV-2024-0047<\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Erstellt am<\/div><div class=\"value\" id=\"reportDate\"><\/div><\/div>\n <div class=\"info-box\"><div class=\"label\">Erstellt von<\/div><div class=\"value\">KI-Assistent (auto)<\/div><\/div>\n <\/div>\n\n <!-- MAPPING TABELLE -->\n <div class=\"rsec\">\n <div class=\"rsec-head\">\ud83d\udcca Einkaufsrichtlinien-Mapping \u2013 Gesamt\u00fcbersicht<\/div>\n <div class=\"rsec-body\">\n <div class=\"table-wrap mapping-table\">\n <table>\n <thead>\n <tr>\n <th>Pr\u00fcfbereich<\/th>\n <th>Klausel im Vertrag<\/th>\n <th>Ihre Einkaufsrichtlinie<\/th>\n <th>Bewertung<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Haftung<\/strong><br><small style=\"color:var(--muted)\">\u00a7 8 Abs. 1<\/small><\/td>\n <td>\u201eNach gesetzlichen Bestimmungen\" = <strong>unbegrenzt<\/strong><\/td>\n <td>Max. Haftung = Auftragswert (2,4 Mio. \u20ac)<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Zahlungsziel<\/strong><br><small style=\"color:var(--muted)\">\u00a7 5 Abs. 1<\/small><\/td>\n <td>90 Tage netto<\/td>\n <td>Max. 30 Tage netto<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>P\u00f6nale Lieferverzug<\/strong><br><small style=\"color:var(--muted)\">\u00a7 9 Abs. 1<\/small><\/td>\n <td>Vertragsstrafen ausgeschlossen<\/td>\n <td>Mind. 0,5 % des Auftragsw. \/ Werktag<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Compliance \u2013 LkSG<\/strong><br><small style=\"color:var(--muted)\">\u00a7 13<\/small><\/td>\n <td>Nicht vereinbart<\/td>\n <td>Pflichtbestandteil (gesetzlich)<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>SLA Qualit\u00e4tsm\u00e4ngel<\/strong><br><small style=\"color:var(--muted)\">\u00a7 9 Abs. 2<\/small><\/td>\n <td>500 \u20ac Pauschale pro Vorfall<\/td>\n <td>2 % des Auftragswerts pro Vorfall<\/td>\n <td><span class=\"badge b-warn\">\ud83d\udfe0 Abweichung<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>K\u00fcndigungsrecht SLA<\/strong><br><small style=\"color:var(--muted)\">\u00a7 10 Abs. 1<\/small><\/td>\n <td>3x Abmahnung + 6 Monate Frist<\/td>\n <td>1x Abmahnung + max. 4 Wochen<\/td>\n <td><span class=\"badge b-warn\">\ud83d\udfe0 Abweichung<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Anti-Korruption<\/strong><br><small style=\"color:var(--muted)\">\u00a7 14<\/small><\/td>\n <td>Nicht vereinbart<\/td>\n <td>Pflichtbestandteil<\/td>\n <td><span class=\"badge b-warn\">\ud83d\udfe0 Abweichung<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>DSGVO \/ Datenschutz<\/strong><br><small style=\"color:var(--muted)\">\u00a7 12<\/small><\/td>\n <td>DSGVO-Einhaltung zugesichert<\/td>\n <td>Pflichtbestandteil<\/td>\n <td><span class=\"badge b-ok\">\ud83d\udfe2 Konform<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Gerichtsstand \/ Recht<\/strong><br><small style=\"color:var(--muted)\">\u00a7 15<\/small><\/td>\n <td>M\u00fcnchen, deutsches Recht<\/td>\n <td>Deutsches Recht, Ort Auftraggeber<\/td>\n <td><span class=\"badge b-ok\">\ud83d\udfe2 Konform<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- P\u00d6NALEN & SLA DETAIL -->\n <div class=\"rsec\">\n <div class=\"rsec-head sand\">\ud83d\udcb0 P\u00f6nalen & SLA-Strafen \u2013 Detailbewertung<\/div>\n <div class=\"rsec-body\">\n <div class=\"table-wrap\">\n <table>\n <thead>\n <tr><th>SLA-Tatbestand<\/th><th>Vertragsregelung<\/th><th>Ihre Richtlinie<\/th><th>Delta<\/th><th>Status<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Lieferverzug (pro Werktag)<\/strong><\/td>\n <td style=\"color:var(--crit)\">Keine P\u00f6nale vereinbart<\/td>\n <td>Min. 0,5 % Auftragswert<\/td>\n <td style=\"color:var(--crit);font-weight:700\">\u2013 100 %<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Qualit\u00e4tsmangel (pro Vorfall)<\/strong><\/td>\n <td>500 \u20ac pauschal<\/td>\n <td>2 % Auftragswert = 48.000 \u20ac<\/td>\n <td style=\"color:var(--crit);font-weight:700\">\u2013 98,9 %<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Nachlieferfrist Verzug<\/strong><\/td>\n <td>30 Werktage Nachfrist<\/td>\n <td>Max. 10 Werktage<\/td>\n <td style=\"color:var(--warn);font-weight:700\">+ 20 Tage<\/td>\n <td><span class=\"badge b-warn\">\ud83d\udfe0 Abweichung<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>K\u00fcndigung bei SLA-Verletzung<\/strong><\/td>\n <td>3x Abmahnung + 6 Monate<\/td>\n <td>1x Abmahnung + 4 Wochen<\/td>\n <td style=\"color:var(--warn);font-weight:700\">+ 5 Monate<\/td>\n <td><span class=\"badge b-warn\">\ud83d\udfe0 Abweichung<\/span><\/td>\n <\/tr>\n <tr>\n <td><strong>Skonto bei Fr\u00fcherz.<\/strong><\/td>\n <td style=\"color:var(--crit)\">Kein Skonto gew\u00e4hrt<\/td>\n <td>Mind. 2% bei 14 Tagen<\/td>\n <td style=\"color:var(--crit);font-weight:700\">\u2013 2 %<\/td>\n <td><span class=\"badge b-crit\">\ud83d\udd34 Kritisch<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div style=\"background:var(--crit-bg);border:1px solid #f5c6be;border-radius:8px;padding:12px 16px;font-size:13px;color:var(--crit);font-weight:600\">\n \u26a0\ufe0f Hochrechnung: Bei einem Lieferverzug von 10 Werktagen und Auftragswert 200.000 \u20ac entsteht Ihnen ein P\u00f6nalen-Ausfall von <strong>10.000 \u20ac<\/strong> gegen\u00fcber Ihrer Richtlinie.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- HAFTUNG DETAIL -->\n <div class=\"rsec\">\n <div class=\"rsec-head dark\">\u2696\ufe0f Haftungsklausel \u2013 Kritische Analyse<\/div>\n <div class=\"rsec-body\">\n <div style=\"background:var(--crit-bg);border:1px solid #f5c6be;border-radius:8px;padding:16px;margin-bottom:14px\">\n <div style=\"font-size:13px;color:var(--crit);font-weight:700;margin-bottom:8px\">\ud83d\udd34 Klausel \u00a7 8: \u201eHaftung nach gesetzlichen Bestimmungen\"<\/div>\n <div style=\"font-size:13px;line-height:1.7;color:var(--text)\">\n <strong>Was das bedeutet:<\/strong> Die Formulierung \u201enach gesetzlichen Bestimmungen\" verzichtet auf eine vertragliche Haftungsobergrenze. In Deutschland haftet der Lieferant damit grunds\u00e4tzlich <strong>unbegrenzt<\/strong> \u2013 was auf den ersten Blick vorteilhaft klingt, in der Praxis jedoch bedeutet:\n <\/div>\n <ul style=\"margin-top:10px;padding-left:18px;font-size:13px;line-height:1.8;color:var(--text)\">\n <li>Ihre eigene Haftung als Auftraggeber ist ebenso <strong>nicht begrenzt<\/strong><\/li>\n <li>Keine Klarheit \u00fcber maximale Schadensersatzanspr\u00fcche beider Seiten<\/li>\n <li>Rechtsunsicherheit bei Folgesch\u00e4den (entgangener Gewinn, Produktionsausfall)<\/li>\n <li>Ihre Einkaufsrichtlinie fordert eine klare <strong>Haftungsobergrenze = Auftragswert (2,4 Mio. \u20ac)<\/strong><\/li>\n <\/ul>\n <\/div>\n <div style=\"font-size:13px;color:var(--muted);font-style:italic\">\n Empfohlene Nachverhandlung: Erg\u00e4nzung eines \u00a7 8 Abs. 3 mit beidseitiger Haftungsobergrenze in H\u00f6he des jeweiligen Jahresauftragswerts, Ausnahme: Vorsatz, grobe Fahrl\u00e4ssigkeit, Personensch\u00e4den.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- KRITISCHE M\u00c4NGEL -->\n <div class=\"rsec\">\n <div class=\"rsec-head\" style=\"background:var(--crit)\">\ud83d\udd34 Kritische M\u00e4ngel \u2013 Handlungsbedarf vor Unterzeichnung<\/div>\n <div class=\"rsec-body\">\n <ul class=\"punkte-list\">\n <li>\n <div class=\"p-num\" style=\"background:var(--crit)\">1<\/div>\n <div class=\"p-text\"><strong>Haftungsklausel nachverhandeln (\u00a7 8)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">Beidseitige Haftungsobergrenze = Auftragswert einf\u00fcgen. Aktuell: unbegrenzt.<\/span><\/div>\n <div class=\"p-owner\">Rechtsabteilung<\/div>\n <\/li>\n <li>\n <div class=\"p-num\" style=\"background:var(--crit)\">2<\/div>\n <div class=\"p-text\"><strong>Zahlungsziel auf 30 Tage reduzieren (\u00a7 5)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">Aktuell 90 Tage \u2013 Richtlinie fordert max. 30 Tage. Liquidit\u00e4tsrisiko.<\/span><\/div>\n <div class=\"p-owner\">Einkauf<\/div>\n <\/li>\n <li>\n <div class=\"p-num\" style=\"background:var(--crit)\">3<\/div>\n <div class=\"p-text\"><strong>P\u00f6nale f\u00fcr Lieferverzug erg\u00e4nzen (\u00a7 9)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">Aktuell: Vertragsstrafen ausgeschlossen. Mind. 0,5 % \/ Werktag aufnehmen.<\/span><\/div>\n <div class=\"p-owner\">Einkauf<\/div>\n <\/li>\n <li>\n <div class=\"p-num\" style=\"background:var(--crit)\">4<\/div>\n <div class=\"p-text\"><strong>LkSG-Klausel aufnehmen (\u00a7 13)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">Lieferkettensorgfaltspflichtengesetz \u2013 gesetzliche Pflicht, fehlt vollst\u00e4ndig.<\/span><\/div>\n <div class=\"p-owner\">Compliance<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- ABWEICHUNGEN -->\n <div class=\"rsec\">\n <div class=\"rsec-head sand\">\ud83d\udfe0 Abweichungen \u2013 Nachverhandlung empfohlen<\/div>\n <div class=\"rsec-body\">\n <ul class=\"punkte-list\">\n <li>\n <div class=\"p-num sand\">5<\/div>\n <div class=\"p-text\"><strong>Qualit\u00e4tsmangel-P\u00f6nale anpassen (\u00a7 9 Abs. 2)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">500 \u20ac Pauschale \u2192 2 % Auftragswert pro Vorfall (ca. 48.000 \u20ac).<\/span><\/div>\n <div class=\"p-owner\">Einkauf<\/div>\n <\/li>\n <li>\n <div class=\"p-num sand\">6<\/div>\n <div class=\"p-text\"><strong>K\u00fcndigungsrecht bei SLA versch\u00e4rfen (\u00a7 10)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">6 Monate + 3x Abmahnung \u2192 4 Wochen + 1x Abmahnung.<\/span><\/div>\n <div class=\"p-owner\">Rechtsabteilung<\/div>\n <\/li>\n <li>\n <div class=\"p-num sand\">7<\/div>\n <div class=\"p-text\"><strong>Anti-Korruptions-Klausel erg\u00e4nzen (\u00a7 14)<\/strong><br><span style=\"color:var(--muted);font-size:12px\">Standard-Compliance-Klausel gem\u00e4\u00df Einkaufsrichtlinie Anhang B aufnehmen.<\/span><\/div>\n <div class=\"p-owner\">Compliance<\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- GESAMTEMPFEHLUNG -->\n <div class=\"sand-divider\"><\/div>\n <div class=\"rsec\">\n <div class=\"rsec-head\" style=\"background:linear-gradient(90deg,var(--nq-blue),var(--nq-blue-m))\">\ud83e\udd16 KI-Empfehlung<\/div>\n <div class=\"rsec-body\">\n <div class=\"risk-score crit\">\n <div class=\"risk-score-num\">78<\/div>\n <div>\n <div class=\"risk-score-label\">Risiko-Score: HOCH<\/div>\n <div class=\"risk-score-sub\">4 kritische M\u00e4ngel \u00b7 3 Abweichungen \u00b7 2 konforme Klauseln<\/div>\n <div class=\"risk-score-sub\" style=\"margin-top:4px\">Skala: 0 (kein Risiko) \u2013 100 (nicht unterzeichnen)<\/div>\n <\/div>\n <\/div>\n\n <div class=\"empfehlung-box\">\n <div class=\"emp-title\">\ud83d\udccb Empfehlung des KI-Assistenten<\/div>\n <p>\n Der Rahmenliefervertrag RLV-2024-0047 (TechSupply GmbH) weist <strong>4 kritische Abweichungen<\/strong>\n von Ihren Einkaufsrichtlinien auf. Eine Unterzeichnung in der vorliegenden Form wird\n <strong>nicht empfohlen.<\/strong>\n <\/p>\n <p style=\"margin-top:10px\">\n Besonders kritisch: Die Haftungsklausel in \u00a7 8 enth\u00e4lt keine Obergrenze\n (\u201enach gesetzlichen Bestimmungen\"), das Zahlungsziel von 90 Tagen \u00fcberschreitet Ihre\n Richtlinie um das Dreifache, und Vertragsstrafen f\u00fcr Lieferverzug sind vollst\u00e4ndig ausgeschlossen.\n Zus\u00e4tzlich fehlt die gesetzlich verpflichtende LkSG-Klausel.\n <\/p>\n <p style=\"margin-top:10px\">\n <strong>Empfohlene Vorgehensweise:<\/strong> \u00dcbergabe an Rechtsabteilung und Einkauf zur\n Nachverhandlung der Punkte 1\u20137. Nach Anpassung erneute KI-Pr\u00fcfung empfohlen.\n Ziel-Risiko-Score: unter 20 (freigabef\u00e4hig).\n <\/p>\n <div style=\"margin-top:16px;display:flex;gap:10px;flex-wrap:wrap\">\n <div style=\"background:var(--crit-bg);border:2px solid var(--crit);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;color:var(--crit)\">\n \ud83d\udeab Nicht unterzeichnen\n <\/div>\n <div style=\"background:var(--warn-bg);border:2px solid var(--nq-sand);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;color:#7a4a00\">\n \ud83d\udd04 Nachverhandlung erforderlich\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"result-footer\">\n Pr\u00fcfbericht erstellt: <span id=\"footerDate\"><\/span>  |  Referenz: SCR-001\n  |  <span class=\"nq-tag\">KI Manufaktur \u00b7 NexQube<\/span>\n <\/div>\n\n <div class=\"btn-row\">\n <button class=\"btn btn-primary\" onclick=\"goTo('screen-0')\">+ Neue Demo starten<\/button>\n <button class=\"btn btn-ghost\" onclick=\"goTo('screen-2')\">\u2190 Vertrag ansehen<\/button>\n <\/div>\n <\/div>\n\n<\/main>\n\n<script>\n function goTo(id) {\n document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n const STEPS = [\n { label: 'Vertragsdokument wird eingelesen und geparst\u2026', icon: '\ud83d\udcc4' },\n { label: 'Vertragsparteien und Metadaten werden extrahiert\u2026', icon: '\ud83d\udd0d' },\n { label: 'AGB-Klauseln werden identifiziert und verglichen\u2026', icon: '\ud83d\udccb' },\n { label: 'Haftungsklauseln werden analysiert\u2026', icon: '\u2696\ufe0f' },\n { label: 'Zahlungsziele werden gepr\u00fcft\u2026', icon: '\ud83d\udcb3' },\n { label: 'P\u00f6nalen und SLA-Regelungen werden bewertet\u2026', icon: '\ud83d\udcb0' },\n { label: 'Compliance-Anforderungen werden abgeglichen (DSGVO, LkSG)\u2026', icon: '\ud83d\udee1\ufe0f' },\n { label: 'Anti-Korruptions-Klauseln werden gepr\u00fcft\u2026', icon: '\ud83d\udd10' },\n { label: 'Mapping mit Einkaufsrichtlinien wird durchgef\u00fchrt\u2026', icon: '\ud83d\uddc2\ufe0f' },\n { label: 'Risikoscore wird berechnet\u2026', icon: '\ud83d\udcca' },\n { label: 'KI-Empfehlung wird generiert\u2026', icon: '\ud83e\udd16' },\n { label: 'Pr\u00fcfbericht wird erstellt\u2026', icon: '\u2705' },\n ];\n\n function startAnalyse() {\n goTo('screen-3');\n const list = document.getElementById('stepsList');\n const bar = document.getElementById('progressBar');\n const sub = document.getElementById('analyseSubtitle');\n const spin = document.getElementById('analyseSpinner');\n\n bar.style.width = '0%';\n list.innerHTML = STEPS.map((s, i) =>\n `<div class=\"step-item\" id=\"si-${i}\">\n <div class=\"step-icon\" id=\"sic-${i}\">${s.icon}<\/div>\n <span>${s.label}<\/span>\n <\/div>`\n ).join('');\n\n const delay = 4200 \/ STEPS.length;\n\n function run(i) {\n if (i > 0) {\n document.getElementById('si-' + (i-1)).className = 'step-item done';\n document.getElementById('sic-' + (i-1)).textContent = '\u2713';\n }\n if (i < STEPS.length) {\n document.getElementById('si-' + i).classList.add('active');\n sub.textContent = STEPS[i].label;\n bar.style.width = ((i + 1) \/ STEPS.length * 100) + '%';\n setTimeout(() => run(i + 1), delay);\n } else {\n document.getElementById('si-' + (i-1)).className = 'step-item done';\n document.getElementById('sic-' + (i-1)).textContent = '\u2713';\n bar.style.width = '100%';\n sub.textContent = 'Analyse abgeschlossen \u2013 Pr\u00fcfbericht bereit.';\n spin.style.borderTopColor = '#1a7a3a';\n\n const now = new Date();\n const fmt = now.toLocaleDateString('de-DE') + ', ' +\n now.toLocaleTimeString('de-DE', {hour:'2-digit', minute:'2-digit'});\n document.getElementById('reportDate').textContent = fmt;\n document.getElementById('footerDate').textContent = fmt;\n\n document.getElementById('analyseOkBtn').style.display = 'block';\n }\n }\n run(0);\n }\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Lieferantenvertrag-Pr\u00fcfung | KI Manufaktur \u2013 NexQube N KI Manufaktur \u00b7 NexQube Lieferantenvertrag-Pr\u00fcfung \u2013 KI-gest\u00fctztes Contract Screening SCR-001 \ud83d\udcd1 KI-gest\u00fctzte Lieferantenvertrag-Pr\u00fcfung Dieses System demonstriert, wie K\u00fcnstliche Intelligenz Lieferantenvertr\u00e4ge automatisch auf AGB, Compliance, Haftung, Zahlungsziele und P\u00f6nalklauseln pr\u00fcft \u2013 und sie direkt mit Ihren Einkaufsrichtlinien abgleicht. \ud83d\udcc4 AGB-Pr\u00fcfung Abweichende Klauseln von Ihren Standard-AGB werden sofort erkannt und […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5150","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/pages\/5150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/comments?post=5150"}],"version-history":[{"count":4,"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/pages\/5150\/revisions"}],"predecessor-version":[{"id":5155,"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/pages\/5150\/revisions\/5155"}],"wp:attachment":[{"href":"https:\/\/nexqube.com\/en\/wp-json\/wp\/v2\/media?parent=5150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}