Deprecated: Delight\Auth\Auth::register(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 231

Deprecated: Delight\Auth\Auth::registerWithUniqueUsername(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 274

Deprecated: Delight\Auth\Auth::login(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 302

Deprecated: Delight\Auth\Auth::loginWithUsername(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 328

Deprecated: Delight\Auth\Auth::authenticateUserInternal(): Implicitly marking parameter $onBeforeSuccess as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 1306

Deprecated: Delight\Auth\UserManager::createUserInternal(): Implicitly marking parameter $callback as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/UserManager.php on line 131

Deprecated: Delight\Db\PdoDatabase::__construct(): Implicitly marking parameter $pdoInstance as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 49

Deprecated: Delight\Db\PdoDatabase::__construct(): Implicitly marking parameter $pdoDsn as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 49

Deprecated: Delight\Db\PdoDatabase::select(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 117

Deprecated: Delight\Db\PdoDatabase::selectValue(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 127

Deprecated: Delight\Db\PdoDatabase::selectRow(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 137

Deprecated: Delight\Db\PdoDatabase::selectColumn(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 147

Deprecated: Delight\Db\PdoDatabase::exec(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 258

Deprecated: Delight\Db\PdoDatabase::setProfiler(): Implicitly marking parameter $profiler as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 376

Deprecated: Delight\Db\PdoDatabase::configureConnection(): Implicitly marking parameter $newAttributes as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 526

Deprecated: Delight\Db\PdoDatabase::configureConnection(): Implicitly marking parameter $oldAttributes as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 526

Deprecated: Delight\Db\PdoDatabase::selectInternal(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/PdoDatabase.php on line 579

Deprecated: Delight\Db\Database::select(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 31

Deprecated: Delight\Db\Database::selectValue(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 44

Deprecated: Delight\Db\Database::selectRow(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 57

Deprecated: Delight\Db\Database::selectColumn(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 70

Deprecated: Delight\Db\Database::exec(): Implicitly marking parameter $bindValues as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 117

Deprecated: Delight\Db\Database::setProfiler(): Implicitly marking parameter $profiler as nullable is deprecated, the explicit nullable type must be used instead in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/db/src/Database.php on line 183

Warning: Cannot modify header information - headers already sent by (output started at /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php:231) in /mnt/web609/a1/49/527616149/htdocs/ratnoize_com/vendor/delight-im/auth/src/Auth.php on line 78
<!DOCTYPE html>
<html lang="en">
<head>
    <script nonce="GMe1yQhBb+IfVH3/aqxvag==">
        (function() {
            function applyTheme(theme) { document.documentElement.setAttribute('data-theme', theme === 'dark' ? 'dark' : 'light'); }
            let preferredTheme = 'light';
            try {
                const storedTheme = localStorage.getItem('theme');
                if (storedTheme) { preferredTheme = storedTheme; }
                else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { preferredTheme = 'dark'; }
            } catch (e) { }
            applyTheme(preferredTheme);
        })();
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spark</title>
    
    <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&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <link rel="stylesheet" href="/assets/css/style.css">
    
    <!-- NEU: Lade seiten-spezifisches CSS -->
    </head><body class=""><header class="main-header">
    <div class="nav-container">
        <a href="/" class="logo">
            <i class="fa-solid fa-brain logo-highlight"></i> OpenMind_
        </a>

        <ul class="nav-menu">
            <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
            <li class="nav-item"><a href="/news" class="nav-link">News</a></li>
            <li class="nav-item"><a href="/info" class="nav-link">Info</a></li>
            <li class="nav-item"><a href="/software" class="nav-link">Software</a></li>
            
            <li class="nav-item dropdown">
                <a href="#" class="nav-link">AI</a>
                <ul class="dropdown-menu">
                    <li><a href="/ai-tools" class="dropdown-link"><i class="fa-solid fa-wrench"></i> Tools</a></li>
                    <li><a href="/ai-models" class="dropdown-link"><i class="fa-solid fa-microchip"></i> Models</a></li>
                </ul>
            </li>

            <li class="nav-item"><a href="/community" class="nav-link">Community</a></li>
        </ul>

        <div class="nav-actions">
            <button class="nav-action-btn" title="Search"><i class="fa-solid fa-magnifying-glass"></i></button>

            <!-- Settings Toggle -->
            <div class="settings-container">
                <button id="settings-toggle" class="nav-action-btn" title="Settings"><i class="fa-solid fa-gear"></i></button>
                <div id="settings-panel" class="settings-panel">
                    <div class="settings-header">
                        <span>Settings</span>
                        <button id="close-settings" class="close-btn"><i class="fa-solid fa-xmark"></i></button>
                    </div>
                    
                    <div class="settings-group">
                        <span class="settings-group-title">Appearance</span>
                        <div class="settings-options">
                            <button class="option-btn" data-theme="light"><i class="fa-solid fa-sun"></i> Light</button>
                            <button class="option-btn" data-theme="dark"><i class="fa-solid fa-moon"></i> Dark</button>
                        </div>
                    </div>

                    <div class="settings-group">
                        <span class="settings-group-title">Language</span>
                        <div class="settings-options">
                                                        <button class="option-btn lang-btn active" data-lang="en">EN</button>
                            <button class="option-btn lang-btn " data-lang="de">DE</button>
                        </div>
                    </div>
                </div>
            </div>

                            <a href="/login" class="cta-button">Login</a>
                        
            <div class="hamburger">
                <span class="bar"></span><span class="bar"></span><span class="bar"></span>
            </div>
        </div>
    </div>
</header><main class="main-content-default">
    <div class="container">
        <!-- Navigation zurück -->
        <div class="article-navigation">
            <a href="/software" class="back-link">
                <i class="fa-solid fa-arrow-left"></i> Zur Software-Übersicht
            </a>
        </div>

        <!-- Software-Detail-Wrapper -->
        <article class="article-reader" style="margin-top: 1rem;">
            
            <header class="article-header">
                <div class="article-meta-top">
                                            <span class="meta-item"><i class="fa-solid fa-file-contract"></i> Proprietär</span>
                                                                <span class="meta-separator">•</span>
                        <span class="meta-item"><i class="fa-solid fa-tags"></i> Email Client</span>
                                    </div>
                <h1 class="article-title">Spark</h1>
            </header>

                            <div class="article-content-body" style="margin-top: 1.5rem; padding: 1.5rem; background-color: var(--bg-card); border-radius: var(--radius-md); border: 1px solid var(--border-color);">
                    <h2 style="font-size: 1.3rem; margin-top: 0; color: var(--text-main);">Beschreibung</h2>
                    <p style="color: var(--text-muted); line-height: 1.6;">Spark is a powerful and user-friendly email client designed for both individuals and teams. It provides advanced features such as smart inbox management, powerful search functionality, and easy integration with cloud services like Google Drive, Dropbox, and iCloud. Spark&#039;s collaboration tools allow teams to manage shared email accounts and compose messages together in real-time, making it an ideal solution for both personal and professional use. It also includes features like customizable swipe actions, templates, and a focused inbox to help users manage their emails efficiently.</p>
                </div>
            
            <div class="article-content-body" style="margin-top: 1.5rem;">
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem;">
                    
                    <div style="background-color: var(--bg-card); padding: 1.5rem; border-radius: var(--radius-md); border: 1px solid var(--border-color);">
                        <h3 style="margin-top: 0; color: var(--text-main);"><i class="fa-solid fa-list"></i> Details</h3>
                        <ul style="list-style: none; padding: 0;">
                                                            <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Betriebssystem:</strong><br>
                                    <span style="color: var(--text-muted);">Windows, MacOS, iOS, Android</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Sprachen:</strong><br>
                                    <span style="color: var(--text-muted);">English, French, German, Spanish, Italian, Ukrainian</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Herausgeber:</strong><br>
                                    <span style="color: var(--text-muted);">Spark Mail Limited/Readdle</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Land:</strong><br>
                                    <span style="color: var(--text-muted);">USA</span>
                                </li>
                                                    </ul>
                    </div>

                    <div>
                                                                                                                    </div>

                </div>
            </div>

                            <div style="margin-top: 2rem; text-align: center;">
                    <a href="https://sparkmailapp.com/" target="_blank" rel="noopener noreferrer" class="cta-button" style="padding: 1rem 2rem; font-size: 1.1rem;">
                        <i class="fa-solid fa-external-link-alt"></i> Zur offiziellen Website
                    </a>
                    <p style="margin-top: 0.5rem; font-size: 0.8rem; color: var(--text-muted);">Link öffnet sich in einem neuen Tab</p>
                </div>
                    </article>
    </div>
</main><footer class="main-footer">
    <div class="footer-container">
        <div class="footer-column">
            <h4>OpenMind_</h4>
            <p>Community-driven Platform for FOSS & AI.</p>
            <div class="social-links">
                <a href="#"><i class="fa-brands fa-github"></i></a>
                <a href="#"><i class="fa-brands fa-discord"></i></a>
                <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
            </div>
        </div>
        <div class="footer-column">
            <h4>Discover</h4>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/news">News</a></li>
                <li><a href="/software">Software</a></li>
                <li><a href="/ai-tools">Tools</a></li>
                <li><a href="/ai-models">Models</a></li>
            </ul>
        </div>
        <div class="footer-column">
            <h4>Legal</h4>
            <ul>
                <li><a href="/about">About Us</a></li>
                <li><a href="/imprint">Imprint</a></li>
                <li><a href="/privacy">Privacy</a></li>
                <li><a href="/terms">Terms</a></li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>&copy; 2026 OpenMind_ Platform.</p>
        </div>
    </div>
</footer>

<script type="module" src="/assets/js/main.js"></script>
</html></body>