document.addEventListener('DOMContentLoaded', () => {
    // Konfiguration: Hier das aktuelle Theme definieren
    const currentTheme = 'snowflakes'; // Beispiele: 'snowflakes', 'autumn', 'summer'

    // Mapping der Themes zu den entsprechenden Dateien
    const themes = {
        snowflakes: {
            css: 'snowflakes.css',
            js: 'snowflakes.js',
        },
        autumn: {
            css: 'autumn.css',
            js: 'autumn.js',
        },
        summer: {
            css: 'summer.css',
            js: 'summer.js',
        },
    };

    // Dynamisch Klasse des "seasonals"-Divs ändern
    const seasonalDiv = document.querySelector('.seasonals');
    if (seasonalDiv) {
        seasonalDiv.className = currentTheme; // Setzt die Klasse auf z. B. "snowflakes"
    } else {
        console.error('Kein Element mit der Klasse "seasonals" gefunden.');
    }

    // Prüfen, ob das aktuelle Theme verfügbar ist
    if (themes[currentTheme]) {
        // Dynamisch CSS-Datei laden
        const link = document.createElement('link');
        link.rel = 'stylesheet';
        link.href = themes[currentTheme].css;
        document.head.appendChild(link);

        // Dynamisch JavaScript-Datei laden
        const script = document.createElement('script');
        script.src = themes[currentTheme].js;
        document.body.appendChild(script);
    } else {
        console.error(`Theme "${currentTheme}" nicht gefunden.`);
    }
});