<!DOCTYPE html>
<html lang="de" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AxiomIQ – Smart Enterprise Automation</title>
<meta name="description" content="Portable Enterprise-Software für SAP Basis, Netzwerk-Topologie, Performance-Analyse und revisionssichere Dokumentation – ohne Installation." />
<!-- Google Fonts: Inter & JetBrains Mono -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<!-- Tailwind CSS via CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'Segoe UI', 'sans-serif'],
mono: ['JetBrains Mono', 'Consolas', 'monospace'],
},
colors: {
cobalt: '#1A365D',
cyanElectric: '#0EA5E9',
emeraldStatus: '#10B981',
crimsonDanger: '#E11D48',
slateAnthracite: '#0F172A',
canvasLight: '#F8FAFC',
}
}
}
}
</script>
<style>
.bg-tech-grid {
background-image:
linear-gradient(to right, rgba(30, 41, 59, 0.5) 1px, transparent 1px),
linear-gradient(to bottom, rgba(30, 41, 59, 0.5) 1px, transparent 1px);
background-size: 40px 40px;
}
.btn-axiom-primary {
background-color: #1A365D;
border: 1px solid #334155;
color: #FFFFFF;
transition: all 0.2s ease;
}
.btn-axiom-primary:hover {
background-color: #0EA5E9;
border-color: #38BDF8;
box-shadow: 0 0 14px rgba(14, 165, 233, 0.45);
}
.btn-axiom-primary:active {
background-color: #0369A1;
transform: scale(0.98);
}
.btn-axiom-secondary {
background-color: transparent;
border: 1px solid #CBD5E1;
color: #1A365D;
transition: all 0.2s ease;
}
.btn-axiom-secondary:hover {
border-color: #0EA5E9;
color: #0EA5E9;
background-color: rgba(14, 165, 233, 0.05);
}
</style>
</head>
<body class="bg-canvasLight text-slate-700 font-sans antialiased selection:bg-cyanElectric selection:text-white">
<!-- =====================================================================
STICKY HEADER
====================================================================== -->
<header class="sticky top-0 z-40 bg-slateAnthracite/95 backdrop-blur-md border-b border-slate-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
<!-- Logo & Claim -->
<a href="#" class="flex items-center gap-3.5 group">
<svg class="w-11 h-11 shrink-0 drop-shadow-[0_0_8px_rgba(14,165,233,0.35)] transition-transform duration-300 group-hover:scale-105" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="shieldBorder" x1="8" y1="6" x2="56" y2="58" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#38BDF8"/>
<stop offset="50%" stop-color="#10B981"/>
<stop offset="100%" stop-color="#0EA5E9"/>
</linearGradient>
<linearGradient id="shieldFill" x1="12" y1="8" x2="52" y2="56" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#1E293B"/>
<stop offset="100%" stop-color="#0F172A"/>
</linearGradient>
<linearGradient id="letterGrad" x1="20" y1="14" x2="44" y2="48" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#38BDF8"/>
<stop offset="100%" stop-color="#10B981"/>
</linearGradient>
</defs>
<path d="M32 4L10 13V30C10 44.5 19.4 56.8 32 60C44.6 56.8 54 44.5 54 30V13L32 4Z" fill="url(#shieldFill)" stroke="url(#shieldBorder)" stroke-width="2.5"/>
<path d="M32 8.5L14 15.8V30C14 42.1 21.8 52.4 32 55.3C42.2 52.4 50 42.1 50 30V15.8L32 8.5Z" stroke="#38BDF8" stroke-opacity="0.25" stroke-width="1"/>
<path d="M32 15L20 45H25.2L27.8 38H36.2L38.8 45H44L32 15ZM29.4 33.5L32 26.2L34.6 33.5H29.4Z" fill="url(#letterGrad)"/>
<rect x="24" y="34" width="16" height="10" rx="2" fill="#0F172A" stroke="#0EA5E9" stroke-width="1.5"/>
<text x="32" y="41.5" text-anchor="middle" fill="#38BDF8" font-family="JetBrains Mono, monospace" font-weight="700" font-size="7.5" letter-spacing="0.5">IQ</text>
</svg>
<div class="flex items-center gap-3.5">
<span class="text-2xl font-extrabold tracking-tight text-white">
Axiom<span class="text-cyanElectric">IQ</span>
</span>
<span class="hidden md:inline-block h-6 w-px bg-slate-700"></span>
<span class="hidden md:inline-block text-sm font-semibold tracking-wide text-white">
Smart Enterprise <span class="text-cyanElectric">Automation</span>
</span>
</div>
</a>
<!-- Navigation -->
<nav class="hidden lg:flex items-center gap-8 text-sm font-medium">
<a href="#suite" class="text-slate-300 hover:text-cyanElectric transition-colors">Module & Suite</a>
<a href="#architektur" class="text-slate-300 hover:text-cyanElectric transition-colors">Zero-Install Architektur</a>
<a href="#vorteile" class="text-slate-300 hover:text-cyanElectric transition-colors">Lizenzmodelle</a>
</nav>
<!-- CTA Button -->
<div class="flex items-center gap-3">
<a href="#kontakt" onclick="setRequestType('Testlizenz anfordern')" class="btn-axiom-primary px-4 py-2.5 rounded-lg text-sm font-semibold tracking-wide">
Testlizenz anfordern
</a>
</div>
</div>
</header>
<!-- =====================================================================
HERO SECTION
====================================================================== -->
<section class="relative bg-slateAnthracite bg-tech-grid text-white overflow-hidden border-b border-slate-800">
<div class="absolute -top-24 left-1/2 -translate-x-1/2 w-[700px] h-[350px] bg-cyanElectric/15 blur-[120px] rounded-full pointer-events-none"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-24 relative z-10">
<div class="grid lg:grid-cols-12 gap-12 items-center">
<!-- Linke Spalte -->
<div class="lg:col-span-6 space-y-6">
<div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-slate-900 border border-slate-700 text-xs font-mono text-cyanElectric">
<span class="w-2 h-2 rounded-full bg-emeraldStatus animate-pulse"></span>
PORTABLE ENTERPRISE SUITE • WINDOWS & MACOS
</div>
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight leading-[1.15]">
Deterministische Automation für <span class="text-cyanElectric">SAP, Netzwerk & IT-Betrieb.</span>
</h1>
<p class="text-base sm:text-lg text-slate-300 leading-relaxed">
Schluss mit manuellen Excel-Checklisten, unübersichtlichen Switch-Backups und langwierigen Software-Rollouts.
<strong class="text-white font-semibold">AxiomIQ</strong> liefert spezialisierte Enterprise-Utilities, die ohne Installation direkt von USB oder Netzlaufwerk laufen – 100 % lokal und revisionssicher.
</p>
<div class="flex flex-wrap items-center gap-4 pt-2">
<a href="#kontakt" onclick="setRequestType('Testlizenz anfordern')" class="btn-axiom-primary px-6 py-3.5 rounded-lg text-sm font-semibold tracking-wide">
Kostenlose Testlizenz anfordern
</a>
<a href="#suite" class="px-6 py-3.5 rounded-lg text-sm font-semibold text-slate-200 border border-slate-700 hover:border-cyanElectric hover:text-cyanElectric transition-colors">
Alle 5 Module entdecken
</a>
</div>
<div class="pt-4 grid grid-cols-3 gap-4 border-t border-slate-800/80 text-xs text-slate-400">
<div>
<span class="block text-white font-semibold text-sm">Zero-Install</span>
Keine Admin-Rechte nötig
</div>
<div>
<span class="block text-white font-semibold text-sm">Air-Gapped Ready</span>
Kein Cloud-Zwang
</div>
<div>
<span class="block text-white font-semibold text-sm">Audit-Trail</span>
Revisionssichere Logs
</div>
</div>
</div>
<!-- Rechte Spalte: Interaktives Suite-Launcher Mockup -->
<div class="lg:col-span-6">
<div class="rounded-xl bg-[#0B1120] border border-slate-700/80 shadow-2xl overflow-hidden">
<div class="px-4 py-3 bg-slate-900 border-b border-slate-800 flex items-center justify-between">
<div class="flex items-center gap-2">
<span class="w-3 h-3 rounded-full bg-rose-500/80"></span>
<span class="w-3 h-3 rounded-full bg-amber-400/80"></span>
<span class="w-3 h-3 rounded-full bg-emerald-500/80"></span>
<span class="ml-2 text-xs font-mono text-slate-400">AxiomIQ Suite Launcher v2.4</span>
</div>
<span class="text-[11px] font-mono px-2 py-0.5 rounded bg-emeraldStatus/15 text-emeraldStatus border border-emeraldStatus/30">
● Portable Mode
</span>
</div>
<div class="px-4 pt-2 bg-slate-900/60 border-b border-slate-800 flex gap-6 text-xs font-medium">
<button onclick="switchMockTab('tools')" id="tab-tools" class="pb-2.5 text-white border-b-2 border-cyanElectric transition-colors">
Active Modules (5)
</button>
<button onclick="switchMockTab('logs')" id="tab-logs" class="pb-2.5 text-slate-400 hover:text-cyanElectric border-b-2 border-transparent transition-colors">
Live Audit Log
</button>
</div>
<div id="mock-tools" class="p-5 space-y-3">
<div class="p-3.5 rounded-lg bg-slate-900/90 border border-slate-800 flex items-center justify-between hover:border-cyanElectric/50 transition-colors">
<div>
<div class="text-sm font-semibold text-white">SAP Upgrade Documenter</div>
<div class="text-xs text-slate-400">Pre/Post-Upgrade Table & Customizing Diff</div>
</div>
<span class="text-xs font-mono px-2.5 py-1 rounded-full bg-emeraldStatus/15 text-emeraldStatus">Ready</span>
</div>
<div class="p-3.5 rounded-lg bg-slate-900/90 border border-slate-800 flex items-center justify-between hover:border-cyanElectric/50 transition-colors">
<div>
<div class="text-sm font-semibold text-white">Network Switch Backup & Crawler</div>
<div class="text-xs text-slate-400">LLDP/CDP Topologie & SSH Config Backup</div>
</div>
<span class="text-xs font-mono px-2.5 py-1 rounded-full bg-emeraldStatus/15 text-emeraldStatus">Ready</span>
</div>
<div class="p-3.5 rounded-lg bg-slate-900/90 border border-slate-800 flex items-center justify-between hover:border-cyanElectric/50 transition-colors">
<div>
<div class="text-sm font-semibold text-white">Performance Analyzer</div>
<div class="text-xs text-slate-400">System-Metriken, Latenz- & Bottleneck-Check</div>
</div>
<span class="text-xs font-mono px-2.5 py-1 rounded-full bg-cyanElectric/15 text-cyanElectric">Active</span>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="p-3 rounded-lg bg-slate-900/90 border border-slate-800">
<div class="text-xs font-semibold text-white">CI Converter</div>
<div class="text-[11px] text-slate-400 mt-0.5">Corporate Identity Engine</div>
</div>
<div class="p-3 rounded-lg bg-slate-900/90 border border-slate-800">
<div class="text-xs font-semibold text-white">Markdown Exporter</div>
<div class="text-[11px] text-slate-400 mt-0.5">Structured Knowledge Migration</div>
</div>
</div>
</div>
<div id="mock-logs" class="hidden p-5 font-mono text-xs space-y-2 bg-[#070B14] text-slate-300">
<div class="text-slate-500">[09:41:02] Initializing AxiomIQ Portable Runtime (No-Admin Mode)...</div>
<div class="text-emeraldStatus">[09:41:03] ✓ Cryptographic Vault & SSH Key-Agent verified.</div>
<div class="text-cyanElectric">[09:41:05] → Connected to SAP S/4HANA PRD (RFC Read-Only).</div>
<div class="text-slate-300">[09:41:08] Extracting 1,420 customizing tables for Pre-Upgrade Baseline...</div>
<div class="text-emeraldStatus">[09:41:12] ✓ Baseline snapshot saved: PRD_2026_PRE.axq (SHA-256 verified)</div>
<div class="text-cyanElectric">[09:41:14] → Network Crawler discovered 48 Core/Access Switches via LLDP.</div>
<div class="text-emeraldStatus">[09:41:19] ✓ Audit Report exported to PDF/Markdown.</div>
</div>
<div class="px-4 py-2.5 bg-slate-950 border-t border-slate-800 flex items-center justify-between text-[11px] font-mono text-slate-400">
<span>● Local Execution | 0 External Telemetry</span>
<span>AES-256 Encrypted</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =====================================================================
SUITE & MODULE SECTION
====================================================================== -->
<section id="suite" class="py-20 lg:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl">
<span class="text-xs font-mono font-semibold uppercase tracking-wider text-cyanElectric">Die AxiomIQ Suite</span>
<h2 class="mt-2 text-2xl sm:text-3xl font-bold text-cobalt">Fünf spezialisierte Werkzeuge. Eine einheitliche Oberfläche.</h2>
<p class="mt-3 text-slate-600 text-base leading-relaxed">
Jedes Modul löst ein konkretes, zeitraubendes Problem im IT- und SAP-Alltag. Einzeln lizenzierbar oder als komplette Enterprise-Suite einsetzbar.
</p>
</div>
<div class="mt-12 grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Modul 1 -->
<div class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm hover:shadow-md hover:border-cyanElectric/60 transition-all flex flex-col justify-between">
<div>
<div class="flex items-center justify-between">
<div class="w-10 h-10 rounded-lg bg-cobalt/10 text-cobalt flex items-center justify-center">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<rect x="2" y="3" width="20" height="7" rx="2"/><rect x="2" y="14" width="20" height="7" rx="2"/><line x1="6" y1="6.5" x2="6.01" y2="6.5"/><line x1="6" y1="17.5" x2="6.01" y2="17.5"/>
</svg>
</div>
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emeraldStatus/10 text-emeraldStatus">
<span class="w-1.5 h-1.5 rounded-full bg-emeraldStatus"></span> SAP Basis
</span>
</div>
<h3 class="mt-5 text-lg font-bold text-slate-900">SAP Upgrade Documenter</h3>
<p class="mt-2 text-sm text-slate-600 leading-relaxed">
Automatisierte, revisionssichere Vorher-/Nachher-Dokumentation bei S/4HANA- und ERP-Upgrades. Erkennt Tabellen- und Customizing-Deltas auf Knopfdruck.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-100 flex items-center gap-3">
<button onclick="openModuleModal('sap')" class="btn-axiom-primary flex-1 py-2 px-3 rounded-lg text-xs font-semibold text-center">
Details & Workflow
</button>
<a href="#kontakt" onclick="preselectTool('SAP Upgrade Documenter', 'Testlizenz anfordern')" class="btn-axiom-secondary py-2 px-3 rounded-lg text-xs font-semibold">
Testen
</a>
</div>
</div>
<!-- Modul 2 -->
<div class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm hover:shadow-md hover:border-cyanElectric/60 transition-all flex flex-col justify-between">
<div>
<div class="flex items-center justify-between">
<div class="w-10 h-10 rounded-lg bg-cobalt/10 text-cobalt flex items-center justify-center">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<circle cx="12" cy="5" r="3"/><circle cx="5" cy="19" r="3"/><circle cx="19" cy="19" r="3"/><path d="M10.5 7.5L6.5 16.5M13.5 7.5L17.5 16.5"/>
</svg>
</div>
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emeraldStatus/10 text-emeraldStatus">
<span class="w-1.5 h-1.5 rounded-full bg-emeraldStatus"></span> Network Ops
</span>
</div>
<h3 class="mt-5 text-lg font-bold text-slate-900">Network Switch Backup & Crawler</h3>
<p class="mt-2 text-sm text-slate-600 leading-relaxed">
Erfasst Netzwerktopologien automatisiert, sichert Switch-Konfigurationen per SSH und macht Konfigurationsänderungen sofort nachvollziehbar.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-100 flex items-center gap-3">
<button onclick="openModuleModal('network')" class="btn-axiom-primary flex-1 py-2 px-3 rounded-lg text-xs font-semibold text-center">
Details & Workflow
</button>
<a href="#kontakt" onclick="preselectTool('Network Switch Backup & Crawler', 'Testlizenz anfordern')" class="btn-axiom-secondary py-2 px-3 rounded-lg text-xs font-semibold">
Testen
</a>
</div>
</div>
<!-- Modul 3 -->
<div class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm hover:shadow-md hover:border-cyanElectric/60 transition-all flex flex-col justify-between">
<div>
<div class="flex items-center justify-between">
<div class="w-10 h-10 rounded-lg bg-cobalt/10 text-cobalt flex items-center justify-center">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M12 14l4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/>
</svg>
</div>
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emeraldStatus/10 text-emeraldStatus">
<span class="w-1.5 h-1.5 rounded-full bg-emeraldStatus"></span> Diagnostics
</span>
</div>
<h3 class="mt-5 text-lg font-bold text-slate-900">Performance Analyzer</h3>
<p class="mt-2 text-sm text-slate-600 leading-relaxed">
Schnelle Engpass-Analyse für Server, Schnittstellen und Client-Umgebungen. Identifiziert Latenzen und Ressourcen-Spitzen ohne aufwendige Agenten-Installation.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-100 flex items-center gap-3">
<button onclick="openModuleModal('perf')" class="btn-axiom-primary flex-1 py-2 px-3 rounded-lg text-xs font-semibold text-center">
Details & Workflow
</button>
<a href="#kontakt" onclick="preselectTool('Performance Analyzer', 'Testlizenz anfordern')" class="btn-axiom-secondary py-2 px-3 rounded-lg text-xs font-semibold">
Testen
</a>
</div>
</div>
<!-- Modul 4 -->
<div class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm hover:shadow-md hover:border-cyanElectric/60 transition-all flex flex-col justify-between">
<div>
<div class="flex items-center justify-between">
<div class="w-10 h-10 rounded-lg bg-cobalt/10 text-cobalt flex items-center justify-center">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M9 15l2 2 4-4"/>
</svg>
</div>
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emeraldStatus/10 text-emeraldStatus">
<span class="w-1.5 h-1.5 rounded-full bg-emeraldStatus"></span> Governance
</span>
</div>
<h3 class="mt-5 text-lg font-bold text-slate-900">Corporate Identity Converter</h3>
<p class="mt-2 text-sm text-slate-600 leading-relaxed">
Überführt technische Dokumentationen, Berichte und Vorlagen vollautomatisch in Ihr verbindliches Unternehmens-Design – ideal nach Rebrandings oder M&A-Projekten.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-100 flex items-center gap-3">
<button onclick="openModuleModal('ci')" class="btn-axiom-primary flex-1 py-2 px-3 rounded-lg text-xs font-semibold text-center">
Details & Workflow
</button>
<a href="#kontakt" onclick="preselectTool('Corporate Identity Converter', 'Testlizenz anfordern')" class="btn-axiom-secondary py-2 px-3 rounded-lg text-xs font-semibold">
Testen
</a>
</div>
</div>
<!-- Modul 5 -->
<div class="bg-white rounded-xl border border-slate-200 p-6 shadow-sm hover:shadow-md hover:border-cyanElectric/60 transition-all flex flex-col justify-between">
<div>
<div class="flex items-center justify-between">
<div class="w-10 h-10 rounded-lg bg-cobalt/10 text-cobalt flex items-center justify-center">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
</svg>
</div>
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emeraldStatus/10 text-emeraldStatus">
<span class="w-1.5 h-1.5 rounded-full bg-emeraldStatus"></span> Knowledge Ops
</span>
</div>
<h3 class="mt-5 text-lg font-bold text-slate-900">Markdown Exporter</h3>
<p class="mt-2 text-sm text-slate-600 leading-relaxed">
Migriert bestehende Wissensdatenbanken und Notiz-Archive sauber und strukturiert in offenes Markdown – bereit für Git, Wikis oder moderne Doku-Systeme.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-100 flex items-center gap-3">
<button onclick="openModuleModal('md')" class="btn-axiom-primary flex-1 py-2 px-3 rounded-lg text-xs font-semibold text-center">
Details & Workflow
</button>
<a href="#kontakt" onclick="preselectTool('Markdown Exporter', 'Testlizenz anfordern')" class="btn-axiom-secondary py-2 px-3 rounded-lg text-xs font-semibold">
Testen
</a>
</div>
</div>
<!-- Complete Suite Karte -->
<div class="bg-slateAnthracite text-white rounded-xl border border-slate-800 p-6 shadow-md flex flex-col justify-between">
<div>
<span class="inline-block px-2.5 py-1 rounded text-xs font-mono bg-cyanElectric/20 text-cyanElectric border border-cyanElectric/30">
ENTERPRISE BUNDLE
</span>
<h3 class="mt-4 text-lg font-bold">AxiomIQ Complete Suite</h3>
<p class="mt-2 text-sm text-slate-300 leading-relaxed">
Alle 5 Module gebündelt im zentralen Suite Launcher – inklusive zentraler Schlüsselverwaltung, einheitlichem Audit-Logging und Team-Lizenzierung.
</p>
</div>
<div class="mt-6 pt-4 border-t border-slate-800 flex flex-col gap-2">
<a href="#kontakt" onclick="preselectTool('AxiomIQ Complete Suite (Alle Module)', 'Testlizenz anfordern')" class="btn-axiom-primary w-full py-2.5 px-4 rounded-lg text-xs font-semibold text-center block">
Suite-Testlizenz anfordern
</a>
</div>
</div>
</div>
</section>
<!-- =====================================================================
ARCHITEKTUR & SECURITY
====================================================================== -->
<section id="architektur" class="py-20 bg-white border-y border-slate-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-12 gap-12 items-center">
<div class="lg:col-span-5">
<span class="text-xs font-mono font-semibold uppercase tracking-wider text-cyanElectric">Enterprise Architecture</span>
<h2 class="mt-2 text-2xl sm:text-3xl font-bold text-cobalt">Gebaut für restriktive IT-Umgebungen.</h2>
<p class="mt-4 text-slate-600 text-sm sm:text-base leading-relaxed">
In gewachsenen Unternehmensnetzwerken scheitern gute Tools oft an monatelangen Software-Paketierungs- und Freigabeprozessen. AxiomIQ wurde gezielt als <strong>Zero-Footprint-Architektur</strong> entwickelt.
</p>
</div>
<div class="lg:col-span-7 grid sm:grid-cols-2 gap-6">
<div class="p-5 rounded-xl bg-canvasLight border border-slate-200">
<h3 class="font-bold text-slate-900 text-base">1. Kein Installer, keine Registry-Eingriffe</h3>
<p class="mt-2 text-sm text-slate-600">
Ausführbar direkt von einem USB-Stick, einem gesicherten Netzlaufwerk oder dem lokalen Benutzerverzeichnis – ohne lokale Administratorrechte.
</p>
</div>
<div class="p-5 rounded-xl bg-canvasLight border border-slate-200">
<h3 class="font-bold text-slate-900 text-base">2. 100 % Datensouveränität</h3>
<p class="mt-2 text-sm text-slate-600">
Kein Abfluss von Infrastrukturdaten, SAP-Tabellen oder Switch-Konfigurationen in externe Clouds. Vollständig lauffähig in isolierten Netzen (Air-Gapped).
</p>
</div>
<div class="p-5 rounded-xl bg-canvasLight border border-slate-200">
<h3 class="font-bold text-slate-900 text-base">3. Revisionssichere Protokollierung</h3>
<p class="mt-2 text-sm text-slate-600">
Jeder Arbeitsschritt wird mit Zeitstempel und Prüfsumme protokolliert – ideal für interne Revisionen, ISO-27001-Audits und Change-Management.
</p>
</div>
<div class="p-5 rounded-xl bg-canvasLight border border-slate-200">
<h3 class="font-bold text-slate-900 text-base">4. Windows & macOS nativ</h3>
<p class="mt-2 text-sm text-slate-600">
Einheitliche Bedienung für gemischte Admin- und Berater-Teams auf Windows-Workstations und Apple Silicon Macs.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- =====================================================================
LIZENZMODELLE
====================================================================== -->
<section id="vorteile" class="py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-2xl mx-auto">
<span class="text-xs font-mono font-semibold uppercase tracking-wider text-cyanElectric">Beschaffung & Lizenzierung</span>
<h2 class="mt-2 text-2xl sm:text-3xl font-bold text-cobalt">Transparente B2B-Konditionen ohne versteckte Cloud-Gebühren</h2>
</div>
<div class="mt-12 grid md:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-xl border border-slate-200 flex flex-col justify-between">
<div>
<div class="text-xs font-mono text-slate-500">EVALUIERUNG (14 TAGE)</div>
<h3 class="mt-1 text-xl font-bold text-slate-900">Kostenlose Testlizenz</h3>
<p class="mt-3 text-sm text-slate-600">
Testen Sie AxiomIQ direkt in Ihrer eigenen Systemlandschaft. Sie erhalten eine zeitlich befristete Testlizenz samt Architektur-Datenblatt.
</p>
<ul class="mt-4 space-y-2 text-xs text-slate-700">
<li>✓ 14 Tage voller Funktionsumfang</li>
<li>✓ Portable EXE / DMG ohne Installation</li>
<li>✓ Security- & Procurement-Unterlagen</li>
</ul>
</div>
<a href="#kontakt" onclick="setRequestType('Testlizenz anfordern')" class="btn-axiom-secondary mt-6 py-2 px-4 rounded-lg text-xs font-semibold text-center block">
Testlizenz anfordern
</a>
</div>
<div class="bg-white p-6 rounded-xl border-2 border-cyanElectric shadow-md relative flex flex-col justify-between">
<span class="absolute -top-3 right-5 bg-cyanElectric text-white text-[11px] font-mono font-semibold px-2.5 py-0.5 rounded">EMPFOHLEN FÜR IT-TEAMS</span>
<div>
<div class="text-xs font-mono text-cyanElectric">ABTEILUNG & BETRIEB</div>
<h3 class="mt-1 text-xl font-bold text-slate-900">Team- & Site-Lizenz</h3>
<p class="mt-3 text-sm text-slate-600">
Für interne IT-Abteilungen und Basis-Teams mit zentraler Ablage auf einem Netzlaufwerk und gemeinsamem Audit-Reporting.
</p>
<ul class="mt-4 space-y-2 text-xs text-slate-700">
<li>✓ Mehrplatz-Nutzung im Unternehmen</li>
<li>✓ Kauf auf Rechnung / klassischer Bestellprozess</li>
<li>✓ Technisches Onboarding & Remote-Demo</li>
</ul>
</div>
<a href="#kontakt" onclick="setRequestType('Angebot / Preisanfrage')" class="btn-axiom-primary mt-6 py-2.5 px-4 rounded-lg text-xs font-semibold text-center block">
Team-Angebot anfordern
</a>
</div>
<div class="bg-white p-6 rounded-xl border border-slate-200 flex flex-col justify-between">
<div>
<div class="text-xs font-mono text-slate-500">EINZELPLATZ / BERATER</div>
<h3 class="mt-1 text-xl font-bold text-slate-900">Named-User Lizenz</h3>
<p class="mt-3 text-sm text-slate-600">
Ideal für SAP-Basis-Administratoren, Netzwerk-Ingenieure und externe IT-Berater, die ihre Werkzeuge mobil auf jedem Kundensystem einsetzen.
</p>
<ul class="mt-4 space-y-2 text-xs text-slate-700">
<li>✓ Einzeln pro Modul oder als Suite</li>
<li>✓ Portable Nutzung auf USB & Laptop</li>
<li>✓ Inklusive Updates & E-Mail-Support</li>
</ul>
</div>
<a href="#kontakt" onclick="setRequestType('Angebot / Preisanfrage')" class="btn-axiom-secondary mt-6 py-2 px-4 rounded-lg text-xs font-semibold text-center block">
Einzellizenz anfragen
</a>
</div>
</div>
</section>
<!-- =====================================================================
KONTAKT & TESTLIZENZ-FORMULAR (Direkter Server-Versand via send.php)
====================================================================== -->
<section id="kontakt" class="py-20 bg-slateAnthracite text-white border-t border-slate-800">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<span class="text-xs font-mono font-semibold uppercase tracking-wider text-cyanElectric">Direkter Kontakt & Evaluierung</span>
<h2 class="mt-2 text-2xl sm:text-3xl font-bold">Testlizenz, Live-Demo oder Angebot anfordern</h2>
<p class="mt-3 text-slate-300 text-sm sm:text-base">
Füllen Sie das Formular aus – wir senden Ihnen Ihren persönlichen Test-Key inklusive Download-Link oder ein individuelles Angebot direkt per E-Mail zu.
</p>
</div>
<div class="mt-10 bg-slate-900/90 border border-slate-800 rounded-2xl p-6 sm:p-8 shadow-xl">
<!-- Auswahl-Tabs für Anfrage-Art -->
<div class="grid grid-cols-3 gap-2 p-1 bg-slate-950 rounded-xl border border-slate-800 mb-6 text-xs font-semibold">
<button type="button" onclick="setRequestType('Testlizenz anfordern')" id="req-btn-trial"
class="py-2.5 px-3 rounded-lg bg-cyanElectric text-white transition-all text-center">
Testlizenz (14 Tage)
</button>
<button type="button" onclick="setRequestType('Angebot / Preisanfrage')" id="req-btn-quote"
class="py-2.5 px-3 rounded-lg text-slate-400 hover:text-white transition-all text-center">
Angebot anfordern
</button>
<button type="button" onclick="setRequestType('Allgemeine Anfrage / Demo')" id="req-btn-general"
class="py-2.5 px-3 rounded-lg text-slate-400 hover:text-white transition-all text-center">
Frage / Live-Demo
</button>
</div>
<form id="axiomContactForm" onsubmit="handleContactSubmit(event)" class="space-y-5">
<!-- Verstecktes Feld für Anfrage-Art -->
<input type="hidden" id="requestType" name="requestType" value="Testlizenz anfordern">
<!-- Honeypot Spam-Schutz (für echte Nutzer unsichtbar) -->
<div class="hidden" aria-hidden="true">
<input type="text" name="website_url" tabindex="-1" autocomplete="off">
</div>
<div class="grid sm:grid-cols-2 gap-5">
<div>
<label for="name" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Ihr Name *</label>
<input type="text" id="name" name="name" required placeholder="Max Mustermann"
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric">
</div>
<div>
<label for="company" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Unternehmen *</label>
<input type="text" id="company" name="company" required placeholder="Muster GmbH"
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric">
</div>
</div>
<div class="grid sm:grid-cols-3 gap-5">
<div>
<label for="email" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Geschäftliche E-Mail *</label>
<input type="email" id="email" name="email" required placeholder="name@unternehmen.de"
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric">
</div>
<div>
<label for="interest" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Modul / Suite</label>
<select id="interest" name="interest"
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric">
<option value="AxiomIQ Complete Suite (Alle Module)">AxiomIQ Complete Suite (Alle Module)</option>
<option value="SAP Upgrade Documenter">SAP Upgrade Documenter</option>
<option value="Network Switch Backup & Crawler">Network Switch Backup & Crawler</option>
<option value="Performance Analyzer">Performance Analyzer</option>
<option value="Corporate Identity Converter">Corporate Identity Converter</option>
<option value="Markdown Exporter">Markdown Exporter</option>
</select>
</div>
<div>
<label for="os" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Ziel-Plattform</label>
<select id="os" name="os"
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric">
<option value="Windows (x64)">Windows (x64)</option>
<option value="macOS (Apple Silicon / Intel)">macOS (Apple Silicon / Intel)</option>
<option value="Windows & macOS (Gemischt)">Windows & macOS (Gemischt)</option>
</select>
</div>
</div>
<div>
<label for="message" class="block text-xs font-semibold uppercase tracking-wider text-slate-300 mb-2">Nachricht / Einsatzzweck (optional)</label>
<textarea id="message" name="message" rows="3" placeholder="z. B. Geplantes S/4HANA-Upgrade im Q2, benötigte Benutzeranzahl oder Fragen zur Architektur..."
class="w-full px-4 py-2.5 rounded-lg bg-slate-950 border border-slate-700 text-white text-sm focus:outline-none focus:border-cyanElectric"></textarea>
</div>
<!-- Status-Meldung (Erfolg / Fehler) -->
<div id="formStatus" class="hidden p-4 rounded-lg text-sm font-medium"></div>
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 pt-2">
<p class="text-xs text-slate-400">
Alternativ direkt per E-Mail an <a href="mailto:info@axiomiq.de" class="text-cyanElectric hover:underline font-mono">info@axiomiq.de</a>
</p>
<button type="submit" id="submitBtn" class="btn-axiom-primary px-6 py-3 rounded-lg text-sm font-semibold tracking-wide flex items-center justify-center gap-2">
<span id="submitBtnText">Testlizenz jetzt anfordern</span>
</button>
</div>
</form>
</div>
</div>
</section>
<!-- =====================================================================
FOOTER
====================================================================== -->
<footer class="bg-slate-950 text-slate-400 border-t border-slate-900 py-10 text-xs">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row items-center justify-between gap-4">
<div>
<span class="font-bold text-white">Axiom<span class="text-cyanElectric">IQ</span></span> – Smart Enterprise Automation © 2026
</div>
<div class="flex items-center gap-6">
<button onclick="openLegalModal('impressum')" class="hover:text-cyanElectric transition-colors">Impressum</button>
<button onclick="openLegalModal('datenschutz')" class="hover:text-cyanElectric transition-colors">Datenschutz</button>
<a href="mailto:info@axiomiq.de" class="hover:text-cyanElectric transition-colors">info@axiomiq.de</a>
</div>
</div>
</footer>
<!-- =====================================================================
MODAL FÜR MODUL-DETAILS
====================================================================== -->
<div id="moduleModal" class="hidden fixed inset-0 z-50 bg-slate-950/80 backdrop-blur-sm flex items-center justify-center p-4">
<div class="bg-white rounded-2xl max-w-xl w-full border border-slate-200 shadow-2xl overflow-hidden">
<div class="px-6 py-4 bg-slateAnthracite text-white flex items-center justify-between">
<h3 id="modalTitle" class="font-bold text-lg">Modul-Details</h3>
<button onclick="closeModuleModal()" class="text-slate-400 hover:text-white text-xl leading-none">×</button>
</div>
<div class="p-6 space-y-4">
<p id="modalDesc" class="text-sm text-slate-600 leading-relaxed"></p>
<div>
<h4 class="text-xs font-mono font-semibold uppercase tracking-wider text-cobalt mb-2">Kernfunktionen & Workflow</h4>
<ul id="modalFeatures" class="space-y-2 text-sm text-slate-700"></ul>
</div>
<div class="p-3 rounded-lg bg-canvasLight border border-slate-200 text-xs font-mono text-slate-600">
Systemvoraussetzungen: Windows 10/11 oder macOS • Portable (Zero-Install) • Keine Admin-Rechte erforderlich
</div>
</div>
<div class="px-6 py-4 bg-slate-50 border-t border-slate-200 flex justify-end gap-3">
<button onclick="closeModuleModal()" class="btn-axiom-secondary px-4 py-2 rounded-lg text-xs font-semibold">Schließen</button>
<a id="modalCta" href="#kontakt" onclick="closeModuleModal()" class="btn-axiom-primary px-4 py-2 rounded-lg text-xs font-semibold">Testlizenz anfordern</a>
</div>
</div>
</div>
<!-- =====================================================================
MODAL FÜR IMPRESSUM / DATENSCHUTZ
====================================================================== -->
<div id="legalModal" class="hidden fixed inset-0 z-50 bg-slate-950/80 backdrop-blur-sm flex items-center justify-center p-4">
<div class="bg-white rounded-2xl max-w-2xl w-full border border-slate-200 shadow-2xl overflow-hidden">
<div class="px-6 py-4 bg-slateAnthracite text-white flex items-center justify-between">
<h3 id="legalTitle" class="font-bold text-lg">Rechtliche Hinweise</h3>
<button onclick="closeLegalModal()" class="text-slate-400 hover:text-white text-xl leading-none">×</button>
</div>
<div id="legalContent" class="p-6 text-sm text-slate-600 space-y-3 max-h-[70vh] overflow-y-auto leading-relaxed"></div>
<div class="px-6 py-4 bg-slate-50 border-t border-slate-200 flex justify-end">
<button onclick="closeLegalModal()" class="btn-axiom-primary px-4 py-2 rounded-lg text-xs font-semibold">Schließen</button>
</div>
</div>
</div>
<!-- =====================================================================
JAVASCRIPT
====================================================================== -->
<script>
function switchMockTab(tab) {
const toolsDiv = document.getElementById('mock-tools');
const logsDiv = document.getElementById('mock-logs');
const tabTools = document.getElementById('tab-tools');
const tabLogs = document.getElementById('tab-logs');
if (tab === 'tools') {
toolsDiv.classList.remove('hidden');
logsDiv.classList.add('hidden');
tabTools.classList.add('text-white', 'border-cyanElectric');
tabTools.classList.remove('text-slate-400', 'border-transparent');
tabLogs.classList.remove('text-white', 'border-cyanElectric');
tabLogs.classList.add('text-slate-400', 'border-transparent');
} else {
toolsDiv.classList.add('hidden');
logsDiv.classList.remove('hidden');
tabLogs.classList.add('text-white', 'border-cyanElectric');
tabLogs.classList.remove('text-slate-400', 'border-transparent');
tabTools.classList.remove('text-white', 'border-cyanElectric');
tabTools.classList.add('text-slate-400', 'border-transparent');
}
}
const moduleData = {
sap: {
title: 'SAP Upgrade Documenter',
desc: 'Entwickelt für SAP-Basis-Teams und Release-Manager: Erstellt vor und nach System-Upgrades oder Support-Package-Einspielungen revisionssichere Snapshots relevanter System- und Customizing-Tabellen.',
features: [
'✓ Geführter 4-Stufen-Workflow (Baseline → Extraction → Diff → Verification)',
'✓ Automatischer Vorher-/Nachher-Vergleich mit Abweichungs-Markierung',
'✓ Export als revisionssicherer Audit-Report (PDF / Markdown / CSV)',
'✓ Minimaler Fußabdruck – keine Transportaufträge im SAP-System nötig'
]
},
network: {
title: 'Network Switch Backup & Crawler',
desc: 'Automatisiert die Bestandsaufnahme und Konfigurationssicherung heterogener Switch-Landschaften ohne aufwendige Monitoring-Server.',
features: [
'✓ Automatische Topologie-Erkennung über LLDP / CDP',
'✓ Verschlüsselte SSH-Konfigurations-Backups mit Zeitstempel',
'✓ Diff-Ansicht zur sofortigen Erkennung unautorisierter Port-/VLAN-Änderungen',
'✓ Ideal für Werksnetzwerke, Außenstandorte und Notfall-Dokumentation'
]
},
perf: {
title: 'Performance Analyzer',
desc: 'Diagnose-Werkzeug zur schnellen Eingrenzung von Laufzeitproblemen, Netzwerk-Latenzen und Ressourcen-Engpässen direkt vor Ort.',
features: [
'✓ Echtzeit-Erfassung von CPU-, RAM-, I/O- und Latenz-Metriken',
'✓ Vergleich von Soll-/Ist-Werten ohne dauerhafte Hintergrund-Dienste',
'✓ Strukturierte Diagnose-Logs für Hersteller-Tickets und Eskalationen'
]
},
ci: {
title: 'Corporate Identity Converter',
desc: 'Bereinigt und vereinheitlicht bestehende Dokumentenbestände automatisiert auf neue Unternehmensvorgaben (Schriftarten, Farbwerte, Kopf-/Fußzeilen).',
features: [
'✓ Stapelverarbeitung (Batch-Mode) für hunderte Dokumente in Minuten',
'✓ Deterministische Regelwerke statt fehleranfälliger Handarbeit',
'✓ Ideal nach Firmenübernahmen (M&A) oder Corporate-Design-Relaunches'
]
},
md: {
title: 'Markdown Exporter',
desc: 'Befreit technisches Wissen aus proprietären Notiz- und Dokumentenformaten und überführt es verlustfrei in sauberes, zukunftssicheres Markdown.',
features: [
'✓ Erhalt von Tabellen, Code-Blöcken, Checklisten und Verlinkungen',
'✓ Kompatibel mit Git, Joplin, Obsidian, Confluence und MkDocs',
'✓ 100 % lokale Verarbeitung – vertrauliche Notizen bleiben im Haus'
]
}
};
function openModuleModal(key) {
const data = moduleData[key];
document.getElementById('modalTitle').textContent = data.title;
document.getElementById('modalDesc').textContent = data.desc;
const list = document.getElementById('modalFeatures');
list.innerHTML = data.features.map(f => `<li>${f}</li>`).join('');
document.getElementById('modalCta').onclick = function() {
preselectTool(data.title, 'Testlizenz anfordern');
closeModuleModal();
};
document.getElementById('moduleModal').classList.remove('hidden');
}
function closeModuleModal() {
document.getElementById('moduleModal').classList.add('hidden');
}
// Anfrage-Art umschalten (Testlizenz vs. Angebot vs. Frage)
function setRequestType(type) {
document.getElementById('requestType').value = type;
const btnTrial = document.getElementById('req-btn-trial');
const btnQuote = document.getElementById('req-btn-quote');
const btnGeneral = document.getElementById('req-btn-general');
const submitText = document.getElementById('submitBtnText');
[btnTrial, btnQuote, btnGeneral].forEach(btn => {
btn.classList.remove('bg-cyanElectric', 'text-white');
btn.classList.add('text-slate-400');
});
if (type === 'Testlizenz anfordern') {
btnTrial.classList.add('bg-cyanElectric', 'text-white');
btnTrial.classList.remove('text-slate-400');
submitText.textContent = 'Testlizenz jetzt anfordern';
} else if (type === 'Angebot / Preisanfrage') {
btnQuote.classList.add('bg-cyanElectric', 'text-white');
btnQuote.classList.remove('text-slate-400');
submitText.textContent = 'Unverbindliches Angebot anfordern';
} else {
btnGeneral.classList.add('bg-cyanElectric', 'text-white');
btnGeneral.classList.remove('text-slate-400');
submitText.textContent = 'Nachricht absenden';
}
}
function preselectTool(toolName, reqType) {
if (reqType) setRequestType(reqType);
const select = document.getElementById('interest');
for (let i = 0; i < select.options.length; i++) {
if (select.options[i].value === toolName) {
select.selectedIndex = i;
break;
}
}
}
// AJAX Formular-Versand an send.php
async function handleContactSubmit(e) {
e.preventDefault();
const form = document.getElementById('axiomContactForm');
const statusBox = document.getElementById('formStatus');
const submitBtn = document.getElementById('submitBtn');
const submitBtnText = document.getElementById('submitBtnText');
const originalText = submitBtnText.textContent;
submitBtn.disabled = true;
submitBtnText.textContent = 'Wird gesendet...';
statusBox.classList.add('hidden');
try {
const formData = new FormData(form);
const response = await fetch('send.php', {
method: 'POST',
body: formData
});
const result = await response.json();
statusBox.classList.remove('hidden', 'bg-emeraldStatus/15', 'text-emeraldStatus', 'border-emeraldStatus/40', 'bg-crimsonDanger/15', 'text-rose-300', 'border-crimsonDanger/40');
statusBox.classList.add('border');
if (response.ok && result.status === 'success') {
statusBox.classList.add('bg-emeraldStatus/15', 'text-emeraldStatus', 'border-emeraldStatus/40');
statusBox.textContent = '✓ ' + result.message;
form.reset();
setRequestType('Testlizenz anfordern');
} else {
statusBox.classList.add('bg-crimsonDanger/15', 'text-rose-300', 'border-crimsonDanger/40');
statusBox.textContent = '⚠ ' + (result.message || 'Fehler beim Senden.');
}
} catch (err) {
statusBox.classList.remove('hidden');
statusBox.classList.add('border', 'bg-crimsonDanger/15', 'text-rose-300', 'border-crimsonDanger/40');
statusBox.textContent = '⚠ Verbindung zum Server fehlgeschlagen. Bitte schreiben Sie direkt an info@axiomiq.de.';
} finally {
submitBtn.disabled = false;
submitBtnText.textContent = originalText;
}
}
function openLegalModal(type) {
const title = document.getElementById('legalTitle');
const content = document.getElementById('legalContent');
if (type === 'impressum') {
title.textContent = 'Impressum';
content.innerHTML = `
<p><strong>Angaben gemäß § 5 DDG:</strong></p>
<p>[Dein vollständiger Name / Firmenname]<br>[Straße & Hausnummer]<br>[PLZ Ort], Deutschland</p>
<p><strong>Kontakt:</strong><br>E-Mail: info@axiomiq.de</p>
<p><strong>Umsatzsteuer-ID:</strong><br>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz: [DE-Nummer nach Erhalt eintragen]</p>
<p class="text-xs text-amber-600 bg-amber-50 p-2 rounded border border-amber-200">Hinweis: Bitte ersetze vor dem Go-Live die Platzhalter in eckigen Klammern durch deine geschäftlichen Angaben.</p>
`;
} else {
title.textContent = 'Datenschutzerklärung';
content.innerHTML = `
<p><strong>1. Datenschutz auf einen Blick</strong><br>
Diese Website verarbeitet personenbezogene Daten ausschließlich im Rahmen der gesetzlichen Bestimmungen (DSGVO). Es werden keine Tracking-Cookies oder Werbe-Tracker eingesetzt.</p>
<p><strong>2. Hosting</strong><br>
Diese Website wird bei IONOS SE, Elgendorfer Str. 57, 56410 Montabaur gehostet. Beim Aufruf der Seite werden technisch notwendige Server-Logfiles (IP-Adresse, Zeitpunkt, Browsertyp) zur Sicherstellung des Betriebs verarbeitet (Art. 6 Abs. 1 lit. f DSGVO).</p>
<p><strong>3. Kontakt- und Testlizenz-Formular</strong><br>
Wenn Sie uns über das Kontaktformular eine Anfrage oder Testlizenz-Anforderung senden, werden Ihre Angaben aus dem Formular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und Bereitstellung der Testlizenz gespeichert und verarbeitet (Art. 6 Abs. 1 lit. b DSGVO).</p>
`;
}
document.getElementById('legalModal').classList.remove('hidden');
}
function closeLegalModal() {
document.getElementById('legalModal').classList.add('hidden');
}
</script>
</body>
</html>