.user-message {
        color: blue;
    }

    .bot-message {
        color: green;
    }

    .input-container {
        margin-top: 20px;
    }

    .input-container input {
        width: 300px;
        padding: 5px;
    }
</style>

<script>
    function sendMessage() {
        var userInput = document.getElementById('userInput').value;
        var chatContainer = document.getElementById('chatContainer');

        // Benutzereingabe zur Chatbox hinzufügen
        var userMessageElement = document.createElement('div');
        userMessageElement.className = 'user-message';
        userMessageElement.textContent = userInput;
        chatContainer.appendChild(userMessageElement);

        // Chatbot-Antwort generieren
        var botMessageElement = document.createElement('div');
        botMessageElement.className = 'bot-message';
        botMessageElement.textContent = generateResponse(userInput);
        chatContainer.appendChild(botMessageElement);

        // Scrollen zum Ende der Chatbox
        chatContainer.scrollTop = chatContainer.scrollHeight;

        // Benutzereingabe leeren
        document.getElementById('userInput').value = '';
    }

    function generateResponse(userInput) {
        // Logik zur Generierung der Chatbot-Antwort hier implementieren
        // Beispiel: Rückgabe einer festgelegten Antwort basierend auf der Benutzereingabe
        if (userInput.toLowerCase().includes('hallo')) {
            return 'Hallo! Wie kann ich Ihnen helfen?';
        } else if (userInput.toLowerCase().includes('wetter')) {
            return 'Das Wetter ist sonnig und warm.';
        } else if (userInput.toLowerCase().includes('hobbys')) {
            return 'Ich habe keine Hobbys. Ich bin ein Chatbot.';
        } else if (userInput.toLowerCase().includes('alter')) {
            return 'Ich bin ein virtueller Chatbot und habe kein Alter.';
        } else if (userInput.toLowerCase().includes('witz')) {
            return 'Warum hat der Frosch keinen Führerschein? Weil er nicht hüpfen kann!';
        } else if (userInput.toLowerCase().includes('essen')) {
            return 'Ich esse keinen. Ich bin ein virtueller Chatbot.';
        } else if (userInput.toLowerCase().includes('zeit')) {
            return 'Es ist 12:00 Uhr.';
        } else if (userInput.toLowerCase().includes('bücher')) {
            return 'Ein gutes Buch zu lesen ist eine großartige Möglichkeit, die Zeit zu verbringen.';
        } else if (userInput.toLowerCase().includes('musik')) {
            return 'Musik kann die Stimmung beeinflussen und entspannen.';
        } else if (userInput.toLowerCase().includes('reisen')) {
            return 'Reisen erweitert den Horizont und ermöglicht es, neue Kulturen kennenzulernen.';
        } else if (userInput.toLowerCase().includes('film')) {
            return 'Filme können unterhalten, inspirieren und Emotionen hervorrufen.';
        } else if (userInput.toLowerCase().includes('sprachen')) {
            return 'Das Erlernen einer neuen Sprache kann herausfordernd, aber auch lohnend sein.';
        } else if (userInput.toLowerCase().includes('sport')) {
            return 'Sport ist gut für die Gesundheit und kann Spaß machen.';
        } else if (userInput.toLowerCase().includes('technologie')) {
            return 'Technologie entwickelt sich ständig weiter und hat viele Bereiche des Lebens beeinflusst.';
        } else if (userInput.toLowerCase().includes('schule')) {
            return 'Die Schule bietet Bildung und die Möglichkeit, neue Dinge zu lernen.';
        } else if (userInput.toLowerCase().includes('arbeit')) {
            return 'Arbeit ist eine Möglichkeit, den Lebensunterhalt zu verdienen und Fähigkeiten einzusetzen.';
        } else if (userInput.toLowerCase().includes('urlaub')) {
            return 'Urlaub ist eine Zeit zum Entspannen und neue Energie zu tanken.';
        } else if (userInput.toLowerCase().includes('zuhause')) {
            return 'Zuhause ist ein Ort der Geborgenheit und des Rückzugs.';
        } else if (userInput.toLowerCase().includes('freunde')) {
            return 'Freunde sind wichtig für soziale Unterstützung und gemeinsame Erlebnisse.';
        } else if (userInput.toLowerCase().includes('familie')) {
            return 'Familie ist eng miteinander verbunden und bietet Unterstützung und Liebe.';
        } else if (userInput.toLowerCase().includes('glück')) {
            return 'Glück kann durch verschiedene Dinge wie Erfolg, Beziehungen und persönliche Erfüllung erreicht werden.';
        } else if (userInput.toLowerCase().includes('gesundheit')) {
            return 'Gesundheit ist wichtig, um ein erfülltes Leben zu führen.';
        } else if (userInput.toLowerCase().includes('zukunft')) {
            return 'Die Zukunft ist voller Möglichkeiten und Herausforderungen.';
        } else if (userInput.toLowerCase().includes('ziel')) {
            return 'Das Setzen von Zielen kann helfen, die Motivation aufrechtzuerhalten und Erfolge zu erreichen.';
        } else if (userInput.toLowerCase().includes('emotionen')) {
            return 'Emotionen sind Teil des menschlichen Erlebens und können vielfältig sein.';
        } else if (userInput.toLowerCase().includes('traum')) {
            return 'Träume können unsere Wünsche und Fantasien widerspiegeln.';
        } else if (userInput.toLowerCase().includes('wissenschaft')) {
            return 'Wissenschaft hilft uns, die Welt um uns herum zu verstehen.';
        } else if (userInput.toLowerCase().includes('kunst')) {
            return 'Kunst kann Ausdruck von Kreativität und Emotionen sein.';
        } else if (userInput.toLowerCase().includes('geschichte')) {
            return 'Geschichte lehrt uns über vergangene Ereignisse und Kulturen.';
        } else if (userInput.toLowerCase().includes('natur')) {
            return 'Die Natur bietet Schönheit und Erholung.';
        } else if (userInput.toLowerCase().includes('medien')) {
            return 'Medien beeinflussen unsere Meinungen und den Informationsfluss.';
        } else if (userInput.toLowerCase().includes('wissenschaft')) {
            return 'Wissenschaft hilft uns, die Welt um uns herum zu verstehen.';
        } else if (userInput.toLowerCase().includes('kunst')) {
            return 'Kunst kann Ausdruck von Kreativität und Emotionen sein.';
        } else if (userInput.toLowerCase().includes('geschichte')) {
            return 'Geschichte lehrt uns über vergangene Ereignisse und Kulturen.';
        } else if (userInput.toLowerCase().includes('natur')) {
            return 'Die Natur bietet Schönheit und Erholung.';
        } else if (userInput.toLowerCase().includes('medien')) {
            return 'Medien beeinflussen unsere Meinungen und den Informationsfluss.';
        } else if (userInput.toLowerCase().includes('zufriedenheit')) {
            return 'Zufriedenheit kann durch persönliche Erfüllung und das Erreichen von Zielen erreicht werden.';
        } else if (userInput.toLowerCase().includes('lernen')) {
            return 'Lernen ist ein lebenslanger Prozess und ermöglicht persönliches Wachstum.';
        } else if (userInput.toLowerCase().includes('wahrheit')) {
            return 'Die Wahrheit kann subjektiv sein und unterschiedliche Perspektiven haben.';
        } else if (userInput.toLowerCase().includes('ängste')) {
            return 'Ängste können uns herausfordern, aber auch Chancen für persönliches Wachstum bieten.';
        } else if (userInput.toLowerCase().includes('freude')) {
            return 'Freude kann durch positive Erlebnisse und Beziehungen entstehen.';
        } else if (userInput.toLowerCase().includes('frieden')) {
            return 'Frieden bedeutet Harmonie und Abwesenheit von Konflikten.';
        } else if (userInput.toLowerCase().includes('reichtum')) {
            return 'Reichtum kann materiellen Wohlstand bedeuten, aber auch andere Formen von Ressourcen und Fülle.';
        } else if (userInput.toLowerCase().includes('veränderung')) {
            return 'Veränderung ist ein natürlicher Teil des Lebens und bietet Chancen für Wachstum und Entwicklung.';
        } else if (userInput.toLowerCase().includes('entwicklung')) {
            return 'Persönliche Entwicklung ermöglicht es uns, unsere Fähigkeiten und Potenziale zu entfalten.';
        } else if (userInput.toLowerCase().includes('ethik')) {
            return 'Ethik befasst sich mit moralischen Prinzipien und dem richtigen Verhalten.';
        } else if (userInput.toLowerCase().includes('verantwortung')) {
            return 'Verantwortung bedeutet, für die eigenen Handlungen und Entscheidungen einzustehen.';
        } else if (userInput.toLowerCase().includes('hoffnung')) {
            return 'Hoffnung gibt uns Zuversicht und positive Erwartungen für die Zukunft.';
        } else if (userInput.toLowerCase().includes('tränen')) {
            return 'Tränen können Ausdruck von Trauer, Freude oder anderen Emotionen sein.';
        } else if (userInput.toLowerCase().includes('glaube')) {
            return 'Glaube kann spirituelle Überzeugungen und einen Sinn im Leben geben.';
        } else if (userInput.toLowerCase().includes('geduld')) {
            return 'Geduld ermöglicht es uns, abzuwarten und Dinge in ihrem eigenen Tempo geschehen zu lassen.';
        } else if (userInput.toLowerCase().includes('liebe')) {
            return 'Liebe ist eine starke emotionale Verbindung zu anderen Menschen.';
        } else if (userInput.toLowerCase().includes('freiheit')) {
            return 'Freiheit bedeutet Unabhängigkeit und die Fähigkeit, eigene Entscheidungen zu treffen.';
        } else {
            return 'Entschuldigung, ich konnte Ihre Frage nicht verstehen. Bitte stellen Sie eine andere Frage.';
        }
    }