    <div class="chat-container">
        <div class="chat-header">Chat mit der KI</div>
        <div class="chat-messages" id="chat-messages">
                    </div>

        <form method="post" class="chat-form" id="chat-form">
            <input type="text" id="question" name="question" placeholder="Stelle deine Frage hier..." required>
            <input type="submit" value="Absenden">
        </form>

        <!-- Reset-Button für den Chatverlauf -->
        <form method="post">
            <input type="hidden" name="reset_chat" value="1">
            <input type="submit" class="reset-btn" value="Chatverlauf löschen und neu starten">
        </form>

        
        <script>
            // Event Listener für Enter drücken zum Senden
            document.getElementById("question").addEventListener("keydown", function(event) {
                if (event.key === "Enter") {
                    event.preventDefault();
                    document.getElementById("chat-form").submit();
                }
            });

            // Scroll-Logik bei Seitenladevorgang - Scrollt immer zum Ende des Chat-Verlaufs
            window.onload = function() {
                var chatMessages = document.getElementById("chat-messages");
                chatMessages.scrollTop = chatMessages.scrollHeight;
            };
        </script>
    </div>
        <div class="chat-container">
        <div class="chat-header">Chat mit der KI</div>
        <div class="chat-messages" id="chat-messages">
                    </div>

        <form method="post" class="chat-form" id="chat-form">
            <input type="text" id="question" name="question" placeholder="Stelle deine Frage hier..." required>
            <input type="submit" value="Absenden">
        </form>

        <!-- Reset-Button für den Chatverlauf -->
        <form method="post">
            <input type="hidden" name="reset_chat" value="1">
            <input type="submit" class="reset-btn" value="Chatverlauf löschen und neu starten">
        </form>

        
        <script>
            // Event Listener für Enter drücken zum Senden
            document.getElementById("question").addEventListener("keydown", function(event) {
                if (event.key === "Enter") {
                    event.preventDefault();
                    document.getElementById("chat-form").submit();
                }
            });

            // Scroll-Logik bei Seitenladevorgang - Scrollt immer zum Ende des Chat-Verlaufs
            window.onload = function() {
                var chatMessages = document.getElementById("chat-messages");
                chatMessages.scrollTop = chatMessages.scrollHeight;
            };
        </script>
    </div>
    {"id":11,"date":"2024-09-25T18:04:37","date_gmt":"2024-09-25T18:04:37","guid":{"rendered":"https:\/\/ait-ki.ankerplatz-it.online\/?page_id=11"},"modified":"2024-09-25T21:47:40","modified_gmt":"2024-09-25T21:47:40","slug":"home","status":"publish","type":"page","link":"https:\/\/ait-ki.ankerplatz-it.online\/","title":{"rendered":"Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8220;1&#8243; _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_row _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_heading title=&#8220;Ankerplatz IT &#8211; KI-Plugin &#8211; Dev&#8220; _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; title_text_align=&#8220;center&#8220; global_colors_info=&#8220;{}&#8220;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_column type=&#8220;4_4&#8243; _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; global_colors_info=&#8220;{}&#8220;][et_pb_text _builder_version=&#8220;4.27.0&#8243; _module_preset=&#8220;default&#8220; hover_enabled=&#8220;0&#8243; global_colors_info=&#8220;{}&#8220; sticky_enabled=&#8220;0&#8243;]<\/p>\n\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/pages\/11"}],"collection":[{"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":5,"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/ait-ki.ankerplatz-it.online\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}