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="sM9Qmay8qmzGxTA5fV+fxw==">
        (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>Mixxx</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-brands fa-osi"></i> Open Source</span>
                                                                <span class="meta-separator">•</span>
                        <span class="meta-item"><i class="fa-solid fa-tags"></i> DJ Software</span>
                                    </div>
                <h1 class="article-title">Mixxx</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;">Mixxx is a free, open-source DJ software that offers powerful tools for mixing and performing live music. Designed for DJs of all levels, it includes features such as BPM and key detection, beatmatching, vinyl control (DVS), and support for MIDI controllers. Mixxx allows DJs to organize and manage music libraries, apply a wide range of audio effects, and even customize the interface to suit personal preferences. Compatible with Windows, macOS, and Linux, Mixxx provides a professional-grade platform without licensing costs, making it a popular choice for hobbyists and professionals alike.</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, Linux</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Sprachen:</strong><br>
                                    <span style="color: var(--text-muted);">English, German, Spanish, Italian, French, Portuguese, and many more... </span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Herausgeber:</strong><br>
                                    <span style="color: var(--text-muted);">Mixxx Development Team</span>
                                </li>
                                                                                        <li style="margin-bottom: 0.8rem;">
                                    <strong style="color: var(--text-main);">Land:</strong><br>
                                    <span style="color: var(--text-muted);">International</span>
                                </li>
                                                    </ul>
                    </div>

                    <div>
                                                                                                                    </div>

                </div>
            </div>

                            <div style="margin-top: 2rem; text-align: center;">
                    <a href="https://mixxx.org/" 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>