Spaces:
Running
Running
| <html lang="de" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SecureDataroom Pro - Enterprise-Grade Virtual Data Room</title> | |
| <meta name="description" content="Professionelle Virtual Data Room Lösung für M&A, Due Diligence & vertrauliche Transaktionen. Bank-Level Sicherheit, ISO 27001 zertifiziert, GDPR konform."> | |
| <link rel="icon" type="image/x-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <link rel="stylesheet" href="style.css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: { | |
| 50: '#f8fafc', | |
| 100: '#f1f5f9', | |
| 200: '#e2e8f0', | |
| 300: '#cbd5e1', | |
| 400: '#94a3b8', | |
| 500: '#64748b', | |
| 600: '#475569', | |
| 700: '#334155', | |
| 800: '#1e293b', | |
| 900: '#0f172a', | |
| }, | |
| secondary: { | |
| 50: '#f5f3ff', | |
| 100: '#ede9fe', | |
| 200: '#ddd6fe', | |
| 300: '#c4b5fd', | |
| 400: '#a78bfa', | |
| 500: '#8b5cf6', | |
| 600: '#7c3aed', | |
| 700: '#6d28d9', | |
| 800: '#5b21b6', | |
| 900: '#4c1d95', | |
| } | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-white text-primary-900 antialiased"> | |
| <dataroom-navbar></dataroom-navbar> | |
| <!-- Hero Section --> | |
| <section class="relative overflow-hidden bg-gradient-to-br from-primary-50 to-secondary-50 py-20 lg:py-32"> | |
| <div class="absolute inset-0 bg-grid-primary-100/50" aria-hidden="true"></div> | |
| <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> | |
| <div class="text-center lg:text-left"> | |
| <div class="mb-6 inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-sm font-medium text-secondary-600 shadow-lg ring-1 ring-secondary-200"> | |
| <i data-feather="shield" class="h-4 w-4"></i> | |
| <span>ISO 27001 Zertifiziert & GDPR Konform</span> | |
| </div> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-primary-900 mb-6"> | |
| Der virtuelle | |
| <span class="relative inline-block"> | |
| <span class="absolute inset-0 bg-gradient-to-r from-secondary-400 to-secondary-600 opacity-30 blur-lg"></span> | |
| <span class="relative bg-gradient-to-r from-secondary-500 to-secondary-700 bg-clip-text text-transparent">Dataroom</span> | |
| </span> | |
| für Profis | |
| </h1> | |
| <p class="text-lg md:text-xl text-primary-600 mb-8 max-w-2xl"> | |
| Bank-Level Sicherheit trifft auf Enterprise-Grade Dokumentenmanagement. | |
| Für M&A, Due Diligence und vertrauliche Transaktionen – Made in Germany. | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"> | |
| <button class="group relative inline-flex items-center justify-center rounded-lg bg-secondary-600 px-8 py-3 text-white font-semibold shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:bg-secondary-700 focus:outline-none focus:ring-4 focus:ring-secondary-200"> | |
| <span class="relative z-10">Kostenlos testen</span> | |
| <span class="absolute inset-0 rounded-lg bg-gradient-to-r from-secondary-500 to-secondary-700 opacity-0 transition-opacity duration-300 group-hover:opacity-100"></span> | |
| <i data-feather="arrow-right" class="relative z-10 ml-2 h-5 w-5 transition-transform duration-300 group-hover:translate-x-1"></i> | |
| </button> | |
| <button class="inline-flex items-center justify-center rounded-lg bg-white px-8 py-3 font-semibold text-primary-700 shadow-lg ring-1 ring-primary-200 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:text-secondary-600 focus:outline-none focus:ring-4 focus:ring-primary-100"> | |
| <i data-feather="play-circle" class="mr-2 h-5 w-5"></i> | |
| Demo ansehen | |
| </button> | |
| </div> | |
| <div class="mt-12 grid grid-cols-3 gap-6 border-t border-primary-200 pt-8"> | |
| <div class="text-center"> | |
| <div class="text-2xl md:text-3xl font-bold text-secondary-600">99.9%</div> | |
| <div class="text-sm text-primary-600">Uptime Garantie</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="text-2xl md:text-3xl font-bold text-secondary-600">256-Bit</div> | |
| <div class="text-sm text-primary-600">Verschlüsselung</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="text-2xl md:text-3xl font-bold text-secondary-600">24/7</div> | |
| <div class="text-sm text-primary-600">Support</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <div class="absolute -inset-4 bg-gradient-to-r from-secondary-400/20 to-secondary-600/20 rounded-3xl blur-2xl"></div> | |
| <div class="relative rounded-2xl bg-white/80 backdrop-blur-sm shadow-2xl ring-1 ring-white/50 p-6"> | |
| <div class="mb-4 flex items-center gap-2"> | |
| <div class="h-3 w-3 rounded-full bg-red-500"></div> | |
| <div class="h-3 w-3 rounded-full bg-yellow-500"></div> | |
| <div class="h-3 w-3 rounded-full bg-green-500"></div> | |
| <div class="ml-4 flex-1 h-1 rounded-full bg-primary-200"></div> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="h-4 rounded bg-primary-200/60"></div> | |
| <div class="h-4 w-3/4 rounded bg-primary-200/40"></div> | |
| <div class="grid grid-cols-2 gap-4 pt-4"> | |
| <div class="rounded-lg bg-secondary-50 p-4 ring-1 ring-secondary-200"> | |
| <i data-feather="file-text" class="h-8 w-8 text-secondary-600 mb-2"></i> | |
| <div class="h-2 rounded bg-primary-200"></div> | |
| </div> | |
| <div class="rounded-lg bg-secondary-50 p-4 ring-1 ring-secondary-200"> | |
| <i data-feather="shield-check" class="h-8 w-8 text-secondary-600 mb-2"></i> | |
| <div class="h-2 rounded bg-primary-200"></div> | |
| </div> | |
| </div> | |
| <div class="mt-4 rounded-lg bg-gradient-to-r from-secondary-100 to-secondary-200 p-4"> | |
| <div class="h-3 rounded bg-secondary-400/60 w-1/2"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Feature Tabs Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary-900 mb-6"> | |
| Enterprise-Features für Ihre Transaktionen | |
| </h2> | |
| <p class="text-lg text-primary-600 max-w-3xl mx-auto"> | |
| Von ISO-zertifizierter Sicherheit bis hin zu KI-gestützter Dokumentenanalyse – | |
| alles, was professionelle Transaktionen erfolgreich macht. | |
| </p> | |
| </div> | |
| <div class="mb-8 flex flex-wrap justify-center gap-2" role="tablist"> | |
| <button class="tab-btn active inline-flex items-center gap-2 rounded-lg bg-secondary-600 px-6 py-3 text-white font-medium shadow-md transition-all duration-200 hover:bg-secondary-700" data-tab="security" role="tab" aria-selected="true"> | |
| <i data-feather="shield" class="h-5 w-5"></i> | |
| Sicherheit & Compliance | |
| </button> | |
| <button class="tab-btn inline-flex items-center gap-2 rounded-lg bg-primary-100 px-6 py-3 font-medium text-primary-700 shadow-sm transition-all duration-200 hover:bg-primary-200" data-tab="documents" role="tab" aria-selected="false"> | |
| <i data-feather="folder" class="h-5 w-5"></i> | |
| Dokumentenmanagement | |
| </button> | |
| <button class="tab-btn inline-flex items-center gap-2 rounded-lg bg-primary-100 px-6 py-3 font-medium text-primary-700 shadow-sm transition-all duration-200 hover:bg-primary-200" data-tab="collaboration" role="tab" aria-selected="false"> | |
| <i data-feather="users" class="h-5 w-5"></i> | |
| Kollaboration | |
| </button> | |
| <button class="tab-btn inline-flex items-center gap-2 rounded-lg bg-primary-100 px-6 py-3 font-medium text-primary-700 shadow-sm transition-all duration-200 hover:bg-primary-200" data-tab="analytics" role="tab" aria-selected="false"> | |
| <i data-feather="bar-chart-2" class="h-5 w-5"></i> | |
| Analytics & Reporting | |
| </button> | |
| </div> | |
| <div class="tab-content" id="security"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <dataroom-feature-card | |
| icon="lock" | |
| title="Zwei-Faktor-Authentifizierung (2FA)" | |
| description="FIDO2/WebAuthn-Standard mit Hardware-Keys oder TOTP-Apps für maximale Sicherheit bei jedem Login." | |
| badge="ESSENTIAL" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="shield-check" | |
| title="ISO 27001 & GDPR Compliance" | |
| description="Vollständig zertifizierte Infrastruktur in deutschen Rechenzentren mit DSGVO-konformer Datenverarbeitung." | |
| badge="ZERTIFIZIERT" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="file-lock" | |
| title="Dynamische Wasserzeichen" | |
| description="Benutzer-spezifische sichtbare & unsichtbare Wasserzeichen auf allen Dokumenten mit Zeitstempel und IP-Adresse." | |
| badge="DRM" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="key" | |
| title="Ende-zu-Ende Verschlüsselung" | |
| description="256-Bit AES-Verschlüsselung für Daten im Ruhezustand und TLS 1.3 für Daten während der Übertragung." | |
| badge="BANK-LEVEL" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="activity" | |
| title="Umfassende Audit-Trails" | |
| description="Jede Aktion protokolliert mit Timestamp, IP, User-Agent & Geo-Daten – unveränderbar und exportierbar." | |
| badge="COMPLIANCE" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="eye-off" | |
| title="Granulare Berechtigungen" | |
| description="Rechtevergabe auf Datei-, Ordner- und Benutzerebene mit zeitbasierten Zugriffsbeschränkungen." | |
| badge="FEINGRANULAR" | |
| ></dataroom-feature-card> | |
| </div> | |
| </div> | |
| <div class="tab-content hidden" id="documents"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <dataroom-feature-card | |
| icon="file-text" | |
| title="Intelligente Dokumenten-Vorschau" | |
| description="PDF, Word, Excel, PowerPoint ohne Download direkt im Browser ansehen – sicher & schnell." | |
| badge="VIEWER" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="git-branch" | |
| title="Dokumenten-Versionierung" | |
| description="Automatische Versionskontrolle mit Änderungshistorie, Rollback-Funktion und Vergleichsansicht." | |
| badge="GIT-STYLE" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="search" | |
| title="KI-gestützte Volltextsuche" | |
| description="OCR-Technologie für durchsuchbare Scans, semantische Suche und automatische Kategorisierung." | |
| badge="KI-POWERED" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="upload-cloud" | |
| title="Batch-Upload & -Download" | |
| description="Mehrere Dokumente per Drag & Drop hochladen, ZIP-Archive mit Fortschrittsanzeige." | |
| badge="EFFIZIENT" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="tag" | |
| title="Metadaten-Management" | |
| description="Individuelle Tags, Taxonomien und automatische Metadaten-Extraktion für bessere Organisation." | |
| badge="SEMANTIC" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="folder-tree" | |
| title="Hierarchische Ordnerstruktur" | |
| description="Beliebig tiefe Verschachtelung mit Massen-Operationen und Ordner-Vorlagen." | |
| badge="FLEXIBLE" | |
| ></dataroom-feature-card> | |
| </div> | |
| </div> | |
| <div class="tab-content hidden" id="collaboration"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <dataroom-feature-card | |
| icon="message-circle" | |
| title="Q&A Due Diligence Module" | |
| description="Strukturierte Frage-Antwort-Prozesse mit Eskalation, Export-Funktion und Rechte-Management." | |
| badge="TRANSAKTION" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="message-square" | |
| title="Dokumenten-Kommentare" | |
| description="Kontext-sensitive Kommentare mit @Mentions, Threads und Moderations-Funktionen." | |
| badge="KOLLABORATIV" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="bell" | |
| title="Multi-Channel Benachrichtigungen" | |
| description="Echtzeit-Updates via E-Mail, In-App, Slack, Teams – vollständig konfigurierbar." | |
| badge="Echtzeit" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="check-circle" | |
| title="Task-Management" | |
| description="Aufgaben zuweisen, Deadlines setzen, Fortschritt tracken – integriert im Dataroom." | |
| badge="AGILE" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="power" | |
| title="SSO & LDAP Integration" | |
| description="Single Sign-On via SAML 2.0, Active Directory & LDAP für nahtlose Unternehmens-Integration." | |
| badge="ENTERPRISE" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="compass" | |
| title="Virtual Data Room Tour" | |
| description="Interaktive Onboarding-Tour für neue Benutzer mit Tooltips und Step-by-Step-Guides." | |
| badge="USER-FRIENDLY" | |
| ></dataroom-feature-card> | |
| </div> | |
| </div> | |
| <div class="tab-content hidden" id="analytics"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <dataroom-feature-card | |
| icon="bar-chart" | |
| title="Heatmaps & Nutzungs-Analytics" | |
| description="Visualisiere, welche Dokumente wann von wem angesehen wurden – für bessere Transaktions-Insights." | |
| badge="VISUAL" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="clock" | |
| title="Zeit-Tracking pro Dokument" | |
| description="Präzise Verweildauer-Analyse, um Interessensgrad und Prioritäten zu identifizieren." | |
| badge="ENGAGEMENT" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="download" | |
| title="Compliance-Report Export" | |
| description="PDF- und Excel-Exporte für Audit-Trails, Zugriffs-Logs und Benutzeraktivitäten." | |
| badge="AUDIT-READY" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="activity" | |
| title="Real-Time Activity Monitor" | |
| description="Live-Dashboard mit aktuellen Benutzeraktivitäten, Warnungen bei auffälligen Verhalten." | |
| badge="LIVE" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="layout" | |
| title="Custom Dashboards" | |
| description="Individuelle Widgets und Layouts für verschiedene Rollen – vom Analysten bis zum C-Level." | |
| badge="PERSONALIZED" | |
| ></dataroom-feature-card> | |
| <dataroom-feature-card | |
| icon="trending-up" | |
| title="Transaktions-Health Score" | |
| description="KI-basierte Bewertung der Transaktionsfortschritts basierend auf Nutzerverhalten." | |
| badge="KI-POWERED" | |
| ></dataroom-feature-card> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Security Badge Section --> | |
| <section class="py-16 bg-gradient-to-r from-primary-50 to-secondary-50"> | |
| <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center justify-items-center"> | |
| <div class="text-center"> | |
| <div class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-primary-200"> | |
| <i data-feather="shield" class="h-8 w-8 text-secondary-600"></i> | |
| </div> | |
| <div class="text-sm font-semibold text-primary-700">ISO 27001</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-primary-200"> | |
| <i data-feather="flag" class="h-8 w-8 text-secondary-600"></i> | |
| </div> | |
| <div class="text-sm font-semibold text-primary-700">GDPR Compliant</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-primary-200"> | |
| <i data-feather="award" class="h-8 w-8 text-secondary-600"></i> | |
| </div> | |
| <div class="text-sm font-semibold text-primary-700">C5 Zertifiziert</div> | |
| </div> | |
| <div class="text-center"> | |
| <div class="mx-auto mb-3 flex h-16 w-16 items-center justify-center rounded-full bg-white shadow-lg ring-1 ring-primary-200"> | |
| <i data-feather="lock" class="h-8 w-8 text-secondary-600"></i> | |
| </div> | |
| <div class="text-sm font-semibold text-primary-700">256-Bit AES</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary-900 mb-6"> | |
| Transparente Preisgestaltung | |
| </h2> | |
| <p class="text-lg text-primary-600 max-w-3xl mx-auto"> | |
| Flexibel, fair und ohne versteckte Kosten. Wählen Sie das Modell, das zu Ihrer Transaktion passt. | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> | |
| <dataroom-pricing-card | |
| plan="Starter" | |
| price="€990" | |
| period="/Monat" | |
| description="Für kleinere Transaktionen und Start-ups" | |
| features='["Bis zu 10 GB Speicher", "Max. 25 aktive Benutzer", "E-Mail Support", "Standard Audit-Trails", "Mobile Apps", "API Zugang (limitiert)"]' | |
| cta-text="Kostenlos testen" | |
| featured="false" | |
| ></dataroom-pricing-card> | |
| <dataroom-pricing-card | |
| plan="Professional" | |
| price="€2.990" | |
| period="/Monat" | |
| description="Das beliebteste Paket für mittlere Transaktionen" | |
| features='["Bis zu 100 GB Speicher", "Unbegrenzte Benutzer", "Prioritäts-Support", "Erweiterte Audit-Trails", "SSO Integration", "Q&A Module", "Custom Branding"]' | |
| cta-text="Kostenlos testen" | |
| featured="true" | |
| ></dataroom-pricing-card> | |
| <dataroom-pricing-card | |
| plan="Enterprise" | |
| price="Custom" | |
| period="Pricing" | |
| description="Für große Transaktionen und Unternehmen" | |
| features='["Unlimitierter Speicher", "Dedicated Server", "24/7 Phone Support", "Custom Workflows", "LDAP/AD Integration", "White-Labeling", "Dedicated Account Manager"]' | |
| cta-text="Angebot anfordern" | |
| featured="false" | |
| ></dataroom-pricing-card> | |
| </div> | |
| <div class="mt-12 text-center"> | |
| <div class="inline-flex items-center gap-4 rounded-lg bg-primary-50 px-6 py-4 ring-1 ring-primary-200"> | |
| <i data-feather="info" class="h-5 w-5 text-secondary-600"></i> | |
| <p class="text-primary-700"> | |
| <strong>Pay-per-Use:</strong> Kurzzeitige Transaktionsräume ab €49 pro Tag verfügbar. | |
| <a href="#" class="text-secondary-600 hover:text-secondary-700 font-medium">Mehr erfahren →</a> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 bg-gradient-to-r from-secondary-600 to-secondary-700"> | |
| <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-6"> | |
| Bereit für Ihre nächste Transaktion? | |
| </h2> | |
| <p class="text-xl text-secondary-100 mb-8"> | |
| Starten Sie noch heute mit Ihrem sicheren, professionellen Dataroom. | |
| Ohne Setup-Gebühren, ohne Vertragslaufzeit. | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-4 justify-center"> | |
| <button class="group relative inline-flex items-center justify-center rounded-lg bg-white px-8 py-3 text-secondary-600 font-semibold shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:text-secondary-700 focus:outline-none focus:ring-4 focus:ring-white/30"> | |
| <span class="relative z-10">30 Tage kostenlos testen</span> | |
| <i data-feather="arrow-right" class="relative z-10 ml-2 h-5 w-5 transition-transform duration-300 group-hover:translate-x-1"></i> | |
| </button> | |
| <button class="inline-flex items-center justify-center rounded-lg bg-secondary-800 px-8 py-3 font-semibold text-white shadow-lg ring-1 ring-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:bg-secondary-900 focus:outline-none focus:ring-4 focus:ring-white/20"> | |
| <i data-feather="calendar" class="mr-2 h-5 w-5"></i> | |
| Termin mit Experten vereinbaren | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section class="py-20 bg-primary-50"> | |
| <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold text-primary-900 mb-6"> | |
| Häufig gestellte Fragen | |
| </h2> | |
| <p class="text-lg text-primary-600"> | |
| Alles, was Sie über SecureDataroom Pro wissen müssen. | |
| </p> | |
| </div> | |
| <div class="space-y-6" id="faq-container"> | |
| <div class="rounded-lg bg-white shadow-lg ring-1 ring-primary-200"> | |
| <button class="faq-trigger flex w-full items-center justify-between p-6 text-left" aria-expanded="false"> | |
| <h3 class="text-lg font-semibold text-primary-900">Wie lange dauert die Einrichtung?</h3> | |
| <i data-feather="chevron-down" class="h-5 w-5 text-primary-500 transition-transform duration-200"></i> | |
| </button> | |
| <div class="faq-content hidden px-6 pb-6"> | |
| <p class="text-primary-600">Die Einrichtung eines Standard-Datarooms dauert weniger als 15 Minuten. Für Enterprise-Kunden mit Custom-Requirements benötigen wir in der Regel 1-2 Werktage für die Konfiguration.</p> | |
| </div> | |
| </div> | |
| <div class="rounded-lg bg-white shadow-lg ring-1 ring-primary-200"> | |
| <button class="faq-trigger flex w-full items-center justify-between p-6 text-left" aria-expanded="false"> | |
| <h3 class="text-lg font-semibold text-primary-900">Wo werden die Daten gespeichert?</h3> | |
| <i data-feather="chevron-down" class="h-5 w-5 text-primary-500 transition-transform duration-200"></i> | |
| </button> | |
| <div class="faq-content hidden px-6 pb-6"> | |
| <p class="text-primary-600">Alle Daten werden ausschließlich in ISO 27001 zertifizierten Rechenzentren in Frankfurt am Main, Deutschland gespeichert. 100% DSGVO-konform.</p> | |
| </div> | |
| </div> | |
| <div class="rounded-lg bg-white shadow-lg ring-1 ring-primary-200"> | |
| <button class="faq-trigger flex w-full items-center justify-between p-6 text-left" aria-expanded="false"> | |
| <h3 class="text-lg font-semibold text-primary-900">Kann ich das System in meine IT integrieren?</h3> | |
| <i data-feather="chevron-down" class="h-5 w-5 text-primary-500 transition-transform duration-200"></i> | |
| </button> | |
| <div class="faq-content hidden px-6 pb-6"> | |
| <p class="text-primary-600">Ja, über unsere REST API und SSO-Integrationen (SAML 2.0, OIDC) lässt sich SecureDataroom Pro nahtlos in bestehende Systeme einbinden.</p> | |
| </div> | |
| </div> | |
| <div class="rounded-lg bg-white shadow-lg ring-1 ring-primary-200"> | |
| <button class="faq-trigger flex w-full items-center justify-between p-6 text-left" aria-expanded="false"> | |
| <h3 class="text-lg font-semibold text-primary-900">Wie sicher sind die Dokumente wirklich?</h3> | |
| <i data-feather="chevron-down" class="h-5 w-5 text-primary-500 transition-transform duration-200"></i> | |
| </button> | |
| <div class="faq-content hidden px-6 pb-6"> | |
| <p class="text-primary-600">Wir verwenden 256-Bit AES-Verschlüsselung im Ruhezustand, TLS 1.3 für die Übertragung und bieten optionale Ende-zu-Ende-Verschlüsselung. Jedes Dokument erhält dynamische Wasserzeichen mit Benutzer-Informationen.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <dataroom-footer></dataroom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/feature-card.js"></script> | |
| <script src="components/pricing-card.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |