# Professional Toolbox - Backup Content

## Beschreibung
Dieser Code enthält die vollständige Professional Toolbox Produktkarte, die temporär von der Website entfernt wurde.

## Verwendung
Um die Professional Toolbox wieder auf der Website anzuzeigen, fügen Sie den folgenden HTML-Code in die `index.html` innerhalb des `<div class="products-grid">` Elements ein:

```html
<!-- Product: AegisSight Professional Toolbox -->
<div class="product-card">
    <div class="product-header">
        <div class="product-icon-wrapper">
            <div class="product-icon-bg"></div>
            <img class="product-icon" src="assets/images/icons/cube.svg" alt="Toolbox">
        </div>
        <div class="product-title-wrapper">
            <h3 class="product-title" data-translate="productToolboxTitle">Professional Toolbox</h3>
            <p class="product-tagline">Professional OSINT Suite</p>
        </div>
    </div>
    <div class="product-body">
        <p class="product-description" data-translate="productToolboxDesc">Eine leistungsstarke Desktop-Anwendung mit fünf essentiellen Tools für behördliche OSINT-Ermittler und Analysten. Modernes Design, intuitive Bedienung, professionelle Funktionen.</p>
        <button class="product-learn-more expand-button" data-expanded="false" onclick="toggleTools(this)">
            <span data-translate="expandDetails">Details anzeigen</span>
        </button>
        
        <!-- Tools Grid (Hidden by default, shown on expand) -->
        <div class="tools-grid collapsed" id="toolsGrid">
        <!-- Tool 1: Metadata Analyzer -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/document.svg" alt="Document" width="48" height="48">
            </div>
            <h4 data-translate="tool1Title">Metadata Analyzer</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool1Feature1">Extrahiert versteckte Informationen (EXIF, GPS, Erstellungsdaten)</li>
                    <li data-translate="tool1Feature2">Forensische Analyse von Dokumenten & Bildern</li>
                    <li data-translate="tool1Feature3">Export als JSON</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 2: Screen Recorder -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/video-camera.svg" alt="Video" width="48" height="48">
            </div>
            <h4 data-translate="tool2Title">Screen Recorder</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool2Feature1">Bildschirmaufnahme mit Audio (System & Mikrofon)</li>
                    <li data-translate="tool2Feature2">Bereichsauswahl oder Vollbild</li>
                    <li data-translate="tool2Feature3">Wählbare Qualitätsstufen</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 3: Video Crawler -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/shield-play.svg" alt="Security" width="48" height="48">
            </div>
            <h4 data-translate="tool3Title">Video Crawler</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool3Feature1">Download von Videos aus 1000+ Plattformen</li>
                    <li data-translate="tool3Feature2">Automatischer Untertitel-Download</li>
                    <li data-translate="tool3Feature3">Qualitätsauswahl</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 4: Website Crawler -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/globe.svg" alt="Global" width="48" height="48">
            </div>
            <h4 data-translate="tool4Title">Website Crawler</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool4Feature1">Archiviert Webseiten offline</li>
                    <li data-translate="tool4Feature2">Einstellbare Crawling-Tiefe</li>
                    <li data-translate="tool4Feature3">Erhält Originalstruktur inkl. CSS, JS & Medien</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 5: Multimedia Converter -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/cube.svg" alt="Architecture" width="48" height="48">
            </div>
            <h4 data-translate="tool5Title">Multimedia Converter</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool5Feature1">Konvertierung von Bildern, Videos, Audio</li>
                    <li data-translate="tool5Feature2">Batch-Verarbeitung</li>
                    <li data-translate="tool5Feature3">Drag & Drop Unterstützung</li>
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>
```

## Hinweise
- Die Professional Toolbox wurde temporär entfernt, um die AccountForger-Box korrekt zu zentrieren
- Der Code ist vollständig funktionsfähig und kann jederzeit wieder eingefügt werden
- Alle Übersetzungsschlüssel und Funktionen sind bereits in den entsprechenden JavaScript-Dateien vorhanden