Gruppenarbeit: Eigenen Chatbot erstellen<\/title>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Segoe UI', sans-serif;\n background: #0f172a;\n color: #e2e8f0;\n line-height: 1.7;\n }\n\n \/* HEADER *\/\n header {\n background: linear-gradient(135deg, #065f46, #1e40af, #7c3aed);\n padding: 60px 40px;\n text-align: center;\n }\n header h1 { font-size: 2.4rem; font-weight: 800; color: #fff; margin-bottom: 12px; }\n header p { font-size: 1.1rem; color: #a5f3fc; margin-bottom: 20px; }\n .header-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }\n .header-badge {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.3);\n color: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 0.85rem;\n }\n\n \/* NAV *\/\n nav {\n background: #1e293b;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n padding: 14px;\n position: sticky;\n top: 0;\n z-index: 100;\n border-bottom: 1px solid #334155;\n }\n nav a {\n color: #93c5fd;\n text-decoration: none;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.88rem;\n transition: background 0.2s;\n }\n nav a:hover { background: #334155; }\n\n \/* MAIN *\/\n main { max-width: 980px; margin: 40px auto; padding: 0 24px; }\n\n section {\n background: #1e293b;\n border-radius: 16px;\n padding: 40px;\n margin-bottom: 32px;\n }\n section.blue { border-left: 4px solid #3b82f6; }\n section.green { border-left: 4px solid #10b981; }\n section.purple { border-left: 4px solid #8b5cf6; }\n section.orange { border-left: 4px solid #f59e0b; }\n section.pink { border-left: 4px solid #ec4899; }\n section.cyan { border-left: 4px solid #06b6d4; }\n\n h2 {\n font-size: 1.55rem;\n margin-bottom: 20px;\n color: #93c5fd;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n h3 { font-size: 1.05rem; color: #c4b5fd; margin: 22px 0 10px; }\n p { margin-bottom: 14px; color: #cbd5e1; }\n ul, ol { padding-left: 20px; margin-bottom: 14px; color: #cbd5e1; }\n li { margin-bottom: 8px; }\n\n \/* TOOL CARDS *\/\n .tool-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 18px;\n margin-top: 20px;\n }\n .tool-card {\n background: #0f172a;\n border: 1px solid #334155;\n border-radius: 14px;\n padding: 22px;\n transition: transform 0.2s, border-color 0.2s;\n position: relative;\n overflow: hidden;\n }\n .tool-card:hover { transform: translateY(-4px); border-color: #3b82f6; }\n .tool-card .tool-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n }\n .tool-logo {\n width: 44px; height: 44px;\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem;\n flex-shrink: 0;\n }\n .tool-card h4 { font-size: 1rem; color: #f1f5f9; margin-bottom: 2px; }\n .tool-card .tool-url { font-size: 0.75rem; color: #64748b; }\n .tool-card p { font-size: 0.88rem; color: #94a3b8; margin: 0 0 12px; }\n .tool-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n .tag {\n padding: 3px 10px;\n border-radius: 12px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n .tag.free { background: #064e3b; color: #6ee7b7; }\n .tag.nocode { background: #1e3a5f; color: #93c5fd; }\n .tag.beginner { background: #3b0764; color: #c4b5fd; }\n .tag.advanced { background: #78350f; color: #fcd34d; }\n .tag.edu { background: #134e4a; color: #5eead4; }\n .recommend-badge {\n position: absolute;\n top: 12px; right: 12px;\n background: #f59e0b;\n color: #000;\n font-size: 0.7rem;\n font-weight: 700;\n padding: 3px 8px;\n border-radius: 8px;\n }\n\n \/* STEPS *\/\n .steps { margin-top: 20px; }\n .step {\n display: flex;\n gap: 20px;\n margin-bottom: 24px;\n align-items: flex-start;\n }\n .step-number {\n width: 42px; height: 42px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.1rem;\n font-weight: 800;\n flex-shrink: 0;\n color: #fff;\n }\n .step-content h4 { color: #e2e8f0; margin-bottom: 6px; font-size: 1rem; }\n .step-content p { color: #94a3b8; font-size: 0.9rem; margin: 0; }\n .step-content ul { font-size: 0.9rem; color: #94a3b8; margin: 8px 0 0; }\n\n \/* ROLE CARDS *\/\n .role-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n .role-card {\n background: #0f172a;\n border: 1px solid #334155;\n border-radius: 12px;\n padding: 18px;\n text-align: center;\n }\n .role-card .role-icon { font-size: 2rem; margin-bottom: 8px; }\n .role-card h4 { color: #e2e8f0; font-size: 0.9rem; margin-bottom: 6px; }\n .role-card p { color: #64748b; font-size: 0.8rem; margin: 0; }\n\n \/* TASK BOXES *\/\n .task-box {\n background: #0f172a;\n border-radius: 12px;\n padding: 22px;\n margin-bottom: 16px;\n border: 1px solid #334155;\n }\n .task-box h4 {\n color: #fbbf24;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .task-box p, .task-box li { font-size: 0.9rem; color: #94a3b8; }\n\n \/* HIGHLIGHT *\/\n .highlight {\n background: #0f172a;\n border-radius: 12px;\n padding: 20px;\n margin: 16px 0;\n border-left: 3px solid #10b981;\n }\n .highlight h4 { color: #34d399; margin-bottom: 8px; }\n .highlight p { font-size: 0.9rem; color: #94a3b8; margin: 0; }\n\n .warning {\n background: #0f172a;\n border-radius: 12px;\n padding: 20px;\n margin: 16px 0;\n border-left: 3px solid #f59e0b;\n }\n .warning h4 { color: #fbbf24; margin-bottom: 8px; }\n .warning p { font-size: 0.9rem; color: #94a3b8; margin: 0; }\n\n \/* COMPARISON TABLE *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 16px;\n font-size: 0.88rem;\n }\n th {\n background: #0f172a;\n color: #93c5fd;\n padding: 12px;\n text-align: left;\n border-bottom: 2px solid #334155;\n }\n td {\n padding: 10px 12px;\n border-bottom: 1px solid #1e293b;\n color: #cbd5e1;\n }\n tr:hover td { background: #1a2744; }\n .check { color: #34d399; }\n .cross { color: #f87171; }\n\n \/* TIMER *\/\n .timeline {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin-top: 20px;\n position: relative;\n }\n .timeline::before {\n content: '';\n position: absolute;\n left: 20px;\n top: 0; bottom: 0;\n width: 2px;\n background: #334155;\n }\n .timeline-item {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n padding: 0 0 24px 0;\n position: relative;\n }\n .timeline-dot {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: #1e293b;\n border: 2px solid #3b82f6;\n display: flex; align-items: center; justify-content: center;\n font-size: 0.85rem;\n font-weight: 700;\n flex-shrink: 0;\n color: #93c5fd;\n position: relative;\n z-index: 1;\n }\n .timeline-content h4 { color: #e2e8f0; margin-bottom: 4px; }\n .timeline-content p { font-size: 0.88rem; color: #94a3b8; margin: 0; }\n\n \/* CHECKLIST *\/\n .checklist { list-style: none; padding: 0; }\n .checklist li {\n padding: 10px 0;\n border-bottom: 1px solid #1e293b;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 0.9rem;\n color: #cbd5e1;\n }\n .checklist li input[type=\"checkbox\"] {\n width: 18px; height: 18px;\n accent-color: #3b82f6;\n cursor: pointer;\n }\n\n footer {\n text-align: center;\n padding: 40px;\n color: #475569;\n font-size: 0.85rem;\n border-top: 1px solid #1e293b;\n }\n\n @media (max-width: 600px) {\n header h1 { font-size: 1.6rem; }\n section { padding: 22px; }\n .step { flex-direction: column; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <h1>\ud83e\udd16 Bau deinen eigenen Chatbot<\/h1>\n <p>Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig<\/p>\n <div class=\"header-badges\">\n <span class=\"header-badge\">\ud83d\udc65 Gruppenarbeit<\/span>\n <span class=\"header-badge\">\u23f1\ufe0f 60\u201390 Minuten<\/span>\n <span class=\"header-badge\">\ud83c\udd93 Kostenlose Tools<\/span>\n <span class=\"header-badge\">\ud83c\udf93 Einsteiger-freundlich<\/span>\n <\/div>\n<\/header>\n\n<nav>\n <a href=\"#tools\">Tool-Empfehlungen<\/a>\n <a href=\"#rollen\">Gruppenrollen<\/a>\n <a href=\"#schritte\">Schritt-f\u00fcr-Schritt<\/a>\n <a href=\"#zeitplan\">Zeitplan<\/a>\n <a href=\"#aufgaben\">Aufgaben<\/a>\n <a href=\"#praesentation\">Pr\u00e4sentation<\/a>\n <a href=\"#checkliste\">Checkliste<\/a>\n<\/nav>\n\n<main>\n\n \n <section class=\"blue\" id=\"tools\">\n <h2>\ud83d\udee0\ufe0f Tool-Empfehlungen<\/h2>\n <p>W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar.<\/p>\n\n <div class=\"tool-grid\">\n\n <div class=\"tool-card\">\n <div class=\"recommend-badge\">\u2b50 Top-Tipp<\/div>\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#1e3a5f;\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <h4>Voiceflow<\/h4>\n <div class=\"tool-url\">voiceflow.com<\/div>\n <\/div>\n <\/div>\n <p>Visueller Drag-&-Drop Flow-Builder. Perfekt f\u00fcr Gespr\u00e4chsfl\u00fcsse. Kostenloser Education-Plan verf\u00fcgbar. Sehr professionell und in der Industrie weit verbreitet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag edu\">Edu-Plan<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"recommend-badge\">\u2b50 Top-Tipp<\/div>\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#0f3460;\">\ud83e\udd16<\/div>\n <div>\n <h4>Botpress<\/h4>\n <div class=\"tool-url\">botpress.com<\/div>\n <\/div>\n <\/div>\n <p>Open-Source Chatbot-Plattform mit KI-Integration. Sehr m\u00e4chtig, einfacher Einstieg per Template. Ideal f\u00fcr realistische Customer-Service-Szenarien.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag advanced\">F\u00fcr Fortgeschrittene<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#14532d;\">\ud83d\udcac<\/div>\n <div>\n <h4>Tidio<\/h4>\n <div class=\"tool-url\">tidio.com<\/div>\n <\/div>\n <\/div>\n <p>Einfachster Einstieg \u2013 in 10 Minuten fertig. Live-Chat + Chatbot in einem. Besonders gut f\u00fcr E-Commerce-Szenarien geeignet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Freemium<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#1c1c2e;\">\ud83e\udde9<\/div>\n <div>\n <h4>Landbot<\/h4>\n <div class=\"tool-url\">landbot.io<\/div>\n <\/div>\n <\/div>\n <p>Baut Chatbots als interaktive Formulare oder Gespr\u00e4chsfl\u00fcsse. Sehr ansprechendes Design, super f\u00fcr Pr\u00e4sentationen geeignet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Freemium<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#0c4a6e;\">\ud83d\udc31<\/div>\n <div>\n <h4>Scratch (MIT)<\/h4>\n <div class=\"tool-url\">scratch.mit.edu<\/div>\n <\/div>\n <\/div>\n <p>Regelbasierter Chatbot mit visueller Blockprogrammierung. Keine Anmeldung n\u00f6tig, 100% kostenlos. Ideal f\u00fcr Schulen ohne externe Daten.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <span class=\"tag edu\">Schule<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#2d1b4e;\">\u2728<\/div>\n <div>\n <h4>ChatGPT Prompt-Bot<\/h4>\n <div class=\"tool-url\">chatgpt.com<\/div>\n <\/div>\n <\/div>\n <p>Konfiguriert einen LLM per System-Prompt als eigenen Chatbot. Kein Tool n\u00f6tig \u2013 nur Kreativit\u00e4t beim Prompting. Zeigt direkt KI-St\u00e4rken und -Grenzen.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag advanced\">Fortgeschritten<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <h3>Tool-Vergleich auf einen Blick<\/h3>\n <table>\n <thead>\n <tr>\n <th>Tool<\/th>\n <th>Schwierigkeit<\/th>\n <th>KI integriert<\/th>\n <th>Anmeldung n\u00f6tig<\/th>\n <th>Empfohlen f\u00fcr<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Voiceflow<\/strong><\/td>\n <td>\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Realistische CX-Szenarien<\/td>\n <\/tr>\n <tr>\n <td><strong>Botpress<\/strong><\/td>\n <td>\u2b50\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Fortgeschrittene Gruppen<\/td>\n <\/tr>\n <tr>\n <td><strong>Tidio<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Schneller Einstieg<\/td>\n <\/tr>\n <tr>\n <td><strong>Landbot<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Sch\u00f6ne Pr\u00e4sentation<\/td>\n <\/tr>\n <tr>\n <td><strong>Scratch<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td>Ohne Datenschutzbedenken<\/td>\n <\/tr>\n <tr>\n <td><strong>ChatGPT-Prompt<\/strong><\/td>\n <td>\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Prompt-Engineering verstehen<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/section>\n\n \n <section class=\"green\" id=\"rollen\">\n <h2>\ud83d\udc65 Gruppenrollen verteilen<\/h2>\n <p>Jede Person \u00fcbernimmt eine feste Rolle. So arbeitet die Gruppe effizient und alle sind aktiv beteiligt.<\/p>\n <div class=\"role-grid\">\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83c\udfaf<\/div>\n <h4>Produktmanager<\/h4>\n <p>Definiert Ziel, Zielgruppe & Use-Case des Chatbots<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\u270d\ufe0f<\/div>\n <h4>Dialog-Designer<\/h4>\n <p>Schreibt Fragen, Antworten & Gespr\u00e4chsfl\u00fcsse<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83d\udd27<\/div>\n <h4>Techniker<\/h4>\n <p>Baut den Bot im Tool zusammen & konfiguriert ihn<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83e\uddea<\/div>\n <h4>Tester<\/h4>\n <p>Spielt Kundenrollen, findet Fehler & L\u00fccken<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83d\udcca<\/div>\n <h4>Pr\u00e4sentator<\/h4>\n <p>Stellt Ergebnis, Learnings & Reflexion vor<\/p>\n <\/div>\n <\/div>\n <div class=\"highlight\" style=\"margin-top:20px;\">\n <h4>\ud83d\udca1 Hinweis bei kleinen Gruppen (3\u20134 Personen)<\/h4>\n <p>Kombiniert Rollen \u2013 z.B. Produktmanager + Dialog-Designer oder Techniker + Tester. Die Kernaufgaben bleiben dieselben.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"purple\" id=\"schritte\">\n <h2>\ud83d\ude80 Schritt-f\u00fcr-Schritt Anleitung<\/h2>\n <p>Folgt diesen 7 Schritten, um euren eigenen Chatbot zu entwickeln, zu testen und zu pr\u00e4sentieren.<\/p>\n\n <div class=\"steps\">\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#1e40af;\">1<\/div>\n <div class=\"step-content\">\n <h4>\ud83c\udfaf Use-Case definieren<\/h4>\n <p>Was soll euer Chatbot k\u00f6nnen? W\u00e4hlt ein realistisches Szenario aus dem Unterrichtsthema.<\/p>\n <ul>\n <li>Kundendienst f\u00fcr einen Online-Shop<\/li>\n <li>FAQ-Bot f\u00fcr ein Reiseb\u00fcro<\/li>\n <li>Beschwerdemanagement f\u00fcr eine Bank<\/li>\n <li>Produktberatung f\u00fcr einen Elektroh\u00e4ndler<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#7c3aed;\">2<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udccb Gespr\u00e4chsfluss skizzieren<\/h4>\n <p>Zeichnet auf Papier oder in einem Tool wie <strong>Miro \/ FigJam<\/strong> einen einfachen Entscheidungsbaum: Begr\u00fc\u00dfung \u2192 Frage \u2192 Antwort \u2192 Eskalation.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#065f46;\">3<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udee0\ufe0f Tool ausw\u00e4hlen & Account erstellen<\/h4>\n <p>Einigt euch auf ein Tool (Empfehlung: <strong>Voiceflow<\/strong> oder <strong>Tidio<\/strong>) und erstellt einen gemeinsamen Account oder nutzt den kostenfreien Gast-Zugang.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#b45309;\">4<\/div>\n <div class=\"step-content\">\n <h4>\u270d\ufe0f Inhalte & Dialoge schreiben<\/h4>\n <p>Der Dialog-Designer formuliert alle Nachrichten. Achtet auf:<\/p>\n <ul>\n <li>Freundlichen, klaren Ton<\/li>\n <li>Kurze S\u00e4tze (max. 2\u20133 Zeilen)<\/li>\n <li>Mindestens 1 Eskalationspfad („M\u00f6chtest du einen Agenten sprechen?“)<\/li>\n <li>Eine Stimmungserkennung simulieren: z.B. Reaktion auf \u201eDas ist eine Frechheit!“<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#0891b2;\">5<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udd27 Bot bauen & konfigurieren<\/h4>\n <p>Der Techniker setzt den Fluss im Tool um. Dialog-Designer hilft bei Texten. Startet mit einem Template, falls verf\u00fcgbar \u2013 spart Zeit!<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#9d174d;\">6<\/div>\n <div class=\"step-content\">\n <h4>\ud83e\uddea Testen & verbessern<\/h4>\n <p>Der Tester spielt verschiedene Kundenrollen durch:<\/p>\n <ul>\n <li>Freundlicher Kunde mit einfacher Frage<\/li>\n <li>Verwirrter Kunde mit unklarer Anfrage<\/li>\n <li>Frustrierter Kunde mit Beschwerde<\/li>\n <li>Kunde, der absichtlich unsinnige Eingaben macht<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#4c1d95;\">7<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udcca Pr\u00e4sentation vorbereiten<\/h4>\n <p>Dokumentiert eure Ergebnisse: Was funktioniert gut? Wo liegen Schw\u00e4chen? Was w\u00fcrdet ihr beim n\u00e4chsten Mal anders machen?<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"orange\" id=\"zeitplan\">\n <h2>\u23f1\ufe0f Empfohlener Zeitplan<\/h2>\n <p>F\u00fcr eine Gruppenarbeit von <strong>75\u201390 Minuten<\/strong> empfehlen wir folgende Aufteilung:<\/p>\n\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">10′<\/div>\n <div class=\"timeline-content\">\n <h4>Kickoff & Rollenverteilung<\/h4>\n <p>Use-Case w\u00e4hlen, Rollen festlegen, Tool \u00f6ffnen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Planung & Fluss skizzieren<\/h4>\n <p>Gespr\u00e4chsbaum auf Papier oder digital zeichnen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">25′<\/div>\n <div class=\"timeline-content\">\n <h4>Bot bauen<\/h4>\n <p>Inhalte schreiben & im Tool umsetzen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Testen & Feinschliff<\/h4>\n <p>Fehlerpfade testen, Texte verbessern<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">10′<\/div>\n <div class=\"timeline-content\">\n <h4>Pr\u00e4sentation vorbereiten<\/h4>\n <p>Learnings notieren, Demo vorbereiten<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Pr\u00e4sentation & Diskussion<\/h4>\n <p>Live-Demo zeigen, andere Gruppen testen lassen<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pink\" id=\"aufgaben\">\n <h2>\ud83d\udcdd Gruppenaufgaben<\/h2>\n <p>W\u00e4hlt <strong>eine der folgenden Aufgabenstellungen<\/strong> \u2013 oder bekommt eine von mir zugeteilt.<\/p>\n\n <div class=\"task-box\">\n <h4>\ud83d\uded2 Aufgabe A \u2013 E-Commerce Support-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr einen fiktiven Online-Shop<\/li>\n <li>Themen: Bestellstatus, R\u00fcckgabe, Versandfragen<\/li>\n <li><strong>Pflicht:<\/strong> Bot erkennt frustrierte Kunden und leitet sie weiter<\/li>\n <li><strong>Bonus:<\/strong> Bot fragt am Ende nach einer Bewertung (1\u20135 Sterne)<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\u2708\ufe0f Aufgabe B \u2013 Reise & Buchungs-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr ein Reiseb\u00fcro oder eine Airline<\/li>\n <li>Themen: Flugauskunft, Umbuchung, Gep\u00e4ckregeln<\/li>\n <li><strong>Pflicht:<\/strong> Reaktion auf Flugausfall-Szenario (Krisenfall)<\/li>\n <li><strong>Bonus:<\/strong> Mehrsprachige Begr\u00fc\u00dfung (DE\/EN)<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\ud83c\udfe6 Aufgabe C \u2013 Banking & Finanz-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr eine Bank oder Versicherung<\/li>\n <li>Themen: Kontoanfragen, Kartensperrung, Beratung<\/li>\n <li><strong>Pflicht:<\/strong> Datenschutzhinweis vor Auskunft einbauen<\/li>\n <li><strong>Bonus:<\/strong> Sentiment-Erkennung simulieren bei Beschwerde<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\ud83d\udc8a Aufgabe D \u2013 Gesundheits-Infobot<\/h4>\n <ul>\n <li>Erstellt einen Info-Bot f\u00fcr eine Arztpraxis oder Apotheke<\/li>\n <li>Themen: \u00d6ffnungszeiten, Terminbuchung, allgemeine Infos<\/li>\n <li><strong>Pflicht:<\/strong> Bot verweist bei medizinischen Fragen klar an Arzt<\/li>\n <li><strong>Bonus:<\/strong> Notfall-Erkennung mit direkter Weiterleitungsempfehlung<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"warning\">\n <h4>\u26a0\ufe0f Wichtige Hinweise<\/h4>\n <p>Verwendet keine echten Personendaten beim Testen. Stellt sicher, dass euer Bot bei sensiblen Themen (Gesundheit, Finanzen) immer an menschliche Experten verweist. Dokumentiert, wo euer Bot an seine Grenzen st\u00f6\u00dft \u2013 das ist genauso wertvoll wie das, was funktioniert!<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"cyan\" id=\"praesentation\">\n <h2>\ud83c\udfa4 Pr\u00e4sentation der Ergebnisse<\/h2>\n <p>Jede Gruppe pr\u00e4sentiert ihren Bot in <strong>5\u20137 Minuten<\/strong>. Zeigt eine Live-Demo und beantwortet folgende Reflexionsfragen:<\/p>\n\n <ul>\n <li>\ud83c\udfaf <strong>Was war das Ziel<\/strong> eures Chatbots und welchen Use-Case habt ihr gew\u00e4hlt?<\/li>\n <li>\ud83d\udee0\ufe0f <strong>Welches Tool<\/strong> habt ihr genutzt \u2013 und warum?<\/li>\n <li>\ud83d\udcaa <strong>Was funktioniert gut<\/strong> an eurem Bot?<\/li>\n <li>\ud83d\ude05 <strong>Wo liegen die Grenzen<\/strong> \u2013 was kann euer Bot nicht?<\/li>\n <li>\ud83d\ude21 <strong>Wie reagiert der Bot<\/strong> auf frustrierte oder unfreundliche Eingaben?<\/li>\n <li>\ud83d\udd04 <strong>Was w\u00fcrdet ihr verbessern<\/strong> mit mehr Zeit?<\/li>\n <\/ul>\n\n <div class=\"highlight\">\n <h4>\u2705 Tipp: Gegenseitiges Testen<\/h4>\n <p>Lasst die anderen Gruppen 2 Minuten lang euren Chatbot \u201eangreifen“ \u2013 mit unerwarteten Eingaben, Beschwerden oder absurden Fragen. Das zeigt am besten, wie robust euer Bot wirklich ist!<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"blue\" id=\"checkliste\">\n <h2>\u2705 Abgabe-Checkliste<\/h2>\n <p>Hakt alles ab, bevor ihr euren Bot pr\u00e4sentiert:<\/p>\n\n <ul class=\"checklist\">\n <li><input type=\"checkbox\"> Use-Case klar definiert und dokumentiert<\/li>\n <li><input type=\"checkbox\"> Gespr\u00e4chsfluss (Flow-Diagramm) erstellt<\/li>\n <li><input type=\"checkbox\"> Mindestens 5 verschiedene Gespr\u00e4chspfade gebaut<\/li>\n <li><input type=\"checkbox\"> Begr\u00fc\u00dfung und Verabschiedung vorhanden<\/li>\n <li><input type=\"checkbox\"> Eskalationspfad zu menschlichem Agenten eingebaut<\/li>\n <li><input type=\"checkbox\"> Reaktion auf Frustration \/ negative Stimmung getestet<\/li>\n <li><input type=\"checkbox\"> Bot mit mindestens 3 verschiedenen Kundenrollen getestet<\/li>\n <li><input type=\"checkbox\"> Schw\u00e4chen des Bots dokumentiert<\/li>\n <li><input type=\"checkbox\"> Live-Demo f\u00fcr Pr\u00e4sentation vorbereitet<\/li>\n <li><input type=\"checkbox\"> Reflexionsfragen beantwortet<\/li>\n <\/ul>\n <\/section>\n\n<\/main>\n\n<footer>\n <p>Gruppenarbeit \u00b7 KI-Chatbot selbst erstellen \u00b7 Unterrichtsmaterial 2026<\/p>\n <p style=\"margin-top:8px; font-size:0.8rem;\">Empfohlene Tools: Voiceflow \u00b7 Botpress \u00b7 Tidio \u00b7 Landbot \u00b7 Scratch \u00b7 ChatGPT<\/p>\n<\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Chatbots Aufgabe - KI Marketing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chatbots Aufgabe - KI Marketing\" \/>\n<meta property=\"og:description\" content=\"Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/\" \/>\n<meta property=\"og:site_name\" content=\"KI Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T07:35:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\",\"name\":\"Chatbots Aufgabe - KI Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\"},\"datePublished\":\"2026-03-16T07:35:16+00:00\",\"dateModified\":\"2026-03-16T07:35:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chatbots Aufgabe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\",\"name\":\"KI Marketing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"Chatbots Aufgabe - KI Marketing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","og_locale":"de_DE","og_type":"article","og_title":"Chatbots Aufgabe - KI Marketing","og_description":"Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]","og_url":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","og_site_name":"KI Marketing","article_modified_time":"2026-03-16T07:35:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","url":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","name":"Chatbots Aufgabe - KI Marketing","isPartOf":{"@id":"https:\/\/metalmotion.de\/kim\/#website"},"datePublished":"2026-03-16T07:35:16+00:00","dateModified":"2026-03-16T07:35:18+00:00","breadcrumb":{"@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/metalmotion.de\/kim\/"},{"@type":"ListItem","position":2,"name":"Chatbots Aufgabe"}]},{"@type":"WebSite","@id":"https:\/\/metalmotion.de\/kim\/#website","url":"https:\/\/metalmotion.de\/kim\/","name":"KI Marketing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metalmotion.de\/kim\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":1,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":107,"date":"2026-03-16T08:35:16","date_gmt":"2026-03-16T07:35:16","guid":{"rendered":"https:\/\/metalmotion.de\/kim\/?page_id=107"},"modified":"2026-03-16T08:35:18","modified_gmt":"2026-03-16T07:35:18","slug":"chatbots-aufgabe","status":"publish","type":"page","link":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","title":{"rendered":"Chatbots Aufgabe"},"content":{"rendered":"\n\n\n\n\n \n \n Gruppenarbeit: Eigenen Chatbot erstellen<\/title>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Segoe UI', sans-serif;\n background: #0f172a;\n color: #e2e8f0;\n line-height: 1.7;\n }\n\n \/* HEADER *\/\n header {\n background: linear-gradient(135deg, #065f46, #1e40af, #7c3aed);\n padding: 60px 40px;\n text-align: center;\n }\n header h1 { font-size: 2.4rem; font-weight: 800; color: #fff; margin-bottom: 12px; }\n header p { font-size: 1.1rem; color: #a5f3fc; margin-bottom: 20px; }\n .header-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }\n .header-badge {\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.3);\n color: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 0.85rem;\n }\n\n \/* NAV *\/\n nav {\n background: #1e293b;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n padding: 14px;\n position: sticky;\n top: 0;\n z-index: 100;\n border-bottom: 1px solid #334155;\n }\n nav a {\n color: #93c5fd;\n text-decoration: none;\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.88rem;\n transition: background 0.2s;\n }\n nav a:hover { background: #334155; }\n\n \/* MAIN *\/\n main { max-width: 980px; margin: 40px auto; padding: 0 24px; }\n\n section {\n background: #1e293b;\n border-radius: 16px;\n padding: 40px;\n margin-bottom: 32px;\n }\n section.blue { border-left: 4px solid #3b82f6; }\n section.green { border-left: 4px solid #10b981; }\n section.purple { border-left: 4px solid #8b5cf6; }\n section.orange { border-left: 4px solid #f59e0b; }\n section.pink { border-left: 4px solid #ec4899; }\n section.cyan { border-left: 4px solid #06b6d4; }\n\n h2 {\n font-size: 1.55rem;\n margin-bottom: 20px;\n color: #93c5fd;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n h3 { font-size: 1.05rem; color: #c4b5fd; margin: 22px 0 10px; }\n p { margin-bottom: 14px; color: #cbd5e1; }\n ul, ol { padding-left: 20px; margin-bottom: 14px; color: #cbd5e1; }\n li { margin-bottom: 8px; }\n\n \/* TOOL CARDS *\/\n .tool-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 18px;\n margin-top: 20px;\n }\n .tool-card {\n background: #0f172a;\n border: 1px solid #334155;\n border-radius: 14px;\n padding: 22px;\n transition: transform 0.2s, border-color 0.2s;\n position: relative;\n overflow: hidden;\n }\n .tool-card:hover { transform: translateY(-4px); border-color: #3b82f6; }\n .tool-card .tool-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n }\n .tool-logo {\n width: 44px; height: 44px;\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.4rem;\n flex-shrink: 0;\n }\n .tool-card h4 { font-size: 1rem; color: #f1f5f9; margin-bottom: 2px; }\n .tool-card .tool-url { font-size: 0.75rem; color: #64748b; }\n .tool-card p { font-size: 0.88rem; color: #94a3b8; margin: 0 0 12px; }\n .tool-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n .tag {\n padding: 3px 10px;\n border-radius: 12px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n .tag.free { background: #064e3b; color: #6ee7b7; }\n .tag.nocode { background: #1e3a5f; color: #93c5fd; }\n .tag.beginner { background: #3b0764; color: #c4b5fd; }\n .tag.advanced { background: #78350f; color: #fcd34d; }\n .tag.edu { background: #134e4a; color: #5eead4; }\n .recommend-badge {\n position: absolute;\n top: 12px; right: 12px;\n background: #f59e0b;\n color: #000;\n font-size: 0.7rem;\n font-weight: 700;\n padding: 3px 8px;\n border-radius: 8px;\n }\n\n \/* STEPS *\/\n .steps { margin-top: 20px; }\n .step {\n display: flex;\n gap: 20px;\n margin-bottom: 24px;\n align-items: flex-start;\n }\n .step-number {\n width: 42px; height: 42px;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 1.1rem;\n font-weight: 800;\n flex-shrink: 0;\n color: #fff;\n }\n .step-content h4 { color: #e2e8f0; margin-bottom: 6px; font-size: 1rem; }\n .step-content p { color: #94a3b8; font-size: 0.9rem; margin: 0; }\n .step-content ul { font-size: 0.9rem; color: #94a3b8; margin: 8px 0 0; }\n\n \/* ROLE CARDS *\/\n .role-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n gap: 14px;\n margin-top: 16px;\n }\n .role-card {\n background: #0f172a;\n border: 1px solid #334155;\n border-radius: 12px;\n padding: 18px;\n text-align: center;\n }\n .role-card .role-icon { font-size: 2rem; margin-bottom: 8px; }\n .role-card h4 { color: #e2e8f0; font-size: 0.9rem; margin-bottom: 6px; }\n .role-card p { color: #64748b; font-size: 0.8rem; margin: 0; }\n\n \/* TASK BOXES *\/\n .task-box {\n background: #0f172a;\n border-radius: 12px;\n padding: 22px;\n margin-bottom: 16px;\n border: 1px solid #334155;\n }\n .task-box h4 {\n color: #fbbf24;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .task-box p, .task-box li { font-size: 0.9rem; color: #94a3b8; }\n\n \/* HIGHLIGHT *\/\n .highlight {\n background: #0f172a;\n border-radius: 12px;\n padding: 20px;\n margin: 16px 0;\n border-left: 3px solid #10b981;\n }\n .highlight h4 { color: #34d399; margin-bottom: 8px; }\n .highlight p { font-size: 0.9rem; color: #94a3b8; margin: 0; }\n\n .warning {\n background: #0f172a;\n border-radius: 12px;\n padding: 20px;\n margin: 16px 0;\n border-left: 3px solid #f59e0b;\n }\n .warning h4 { color: #fbbf24; margin-bottom: 8px; }\n .warning p { font-size: 0.9rem; color: #94a3b8; margin: 0; }\n\n \/* COMPARISON TABLE *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 16px;\n font-size: 0.88rem;\n }\n th {\n background: #0f172a;\n color: #93c5fd;\n padding: 12px;\n text-align: left;\n border-bottom: 2px solid #334155;\n }\n td {\n padding: 10px 12px;\n border-bottom: 1px solid #1e293b;\n color: #cbd5e1;\n }\n tr:hover td { background: #1a2744; }\n .check { color: #34d399; }\n .cross { color: #f87171; }\n\n \/* TIMER *\/\n .timeline {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin-top: 20px;\n position: relative;\n }\n .timeline::before {\n content: '';\n position: absolute;\n left: 20px;\n top: 0; bottom: 0;\n width: 2px;\n background: #334155;\n }\n .timeline-item {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n padding: 0 0 24px 0;\n position: relative;\n }\n .timeline-dot {\n width: 42px; height: 42px;\n border-radius: 50%;\n background: #1e293b;\n border: 2px solid #3b82f6;\n display: flex; align-items: center; justify-content: center;\n font-size: 0.85rem;\n font-weight: 700;\n flex-shrink: 0;\n color: #93c5fd;\n position: relative;\n z-index: 1;\n }\n .timeline-content h4 { color: #e2e8f0; margin-bottom: 4px; }\n .timeline-content p { font-size: 0.88rem; color: #94a3b8; margin: 0; }\n\n \/* CHECKLIST *\/\n .checklist { list-style: none; padding: 0; }\n .checklist li {\n padding: 10px 0;\n border-bottom: 1px solid #1e293b;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 0.9rem;\n color: #cbd5e1;\n }\n .checklist li input[type=\"checkbox\"] {\n width: 18px; height: 18px;\n accent-color: #3b82f6;\n cursor: pointer;\n }\n\n footer {\n text-align: center;\n padding: 40px;\n color: #475569;\n font-size: 0.85rem;\n border-top: 1px solid #1e293b;\n }\n\n @media (max-width: 600px) {\n header h1 { font-size: 1.6rem; }\n section { padding: 22px; }\n .step { flex-direction: column; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <h1>\ud83e\udd16 Bau deinen eigenen Chatbot<\/h1>\n <p>Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig<\/p>\n <div class=\"header-badges\">\n <span class=\"header-badge\">\ud83d\udc65 Gruppenarbeit<\/span>\n <span class=\"header-badge\">\u23f1\ufe0f 60\u201390 Minuten<\/span>\n <span class=\"header-badge\">\ud83c\udd93 Kostenlose Tools<\/span>\n <span class=\"header-badge\">\ud83c\udf93 Einsteiger-freundlich<\/span>\n <\/div>\n<\/header>\n\n<nav>\n <a href=\"#tools\">Tool-Empfehlungen<\/a>\n <a href=\"#rollen\">Gruppenrollen<\/a>\n <a href=\"#schritte\">Schritt-f\u00fcr-Schritt<\/a>\n <a href=\"#zeitplan\">Zeitplan<\/a>\n <a href=\"#aufgaben\">Aufgaben<\/a>\n <a href=\"#praesentation\">Pr\u00e4sentation<\/a>\n <a href=\"#checkliste\">Checkliste<\/a>\n<\/nav>\n\n<main>\n\n \n <section class=\"blue\" id=\"tools\">\n <h2>\ud83d\udee0\ufe0f Tool-Empfehlungen<\/h2>\n <p>W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar.<\/p>\n\n <div class=\"tool-grid\">\n\n <div class=\"tool-card\">\n <div class=\"recommend-badge\">\u2b50 Top-Tipp<\/div>\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#1e3a5f;\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <h4>Voiceflow<\/h4>\n <div class=\"tool-url\">voiceflow.com<\/div>\n <\/div>\n <\/div>\n <p>Visueller Drag-&-Drop Flow-Builder. Perfekt f\u00fcr Gespr\u00e4chsfl\u00fcsse. Kostenloser Education-Plan verf\u00fcgbar. Sehr professionell und in der Industrie weit verbreitet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag edu\">Edu-Plan<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"recommend-badge\">\u2b50 Top-Tipp<\/div>\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#0f3460;\">\ud83e\udd16<\/div>\n <div>\n <h4>Botpress<\/h4>\n <div class=\"tool-url\">botpress.com<\/div>\n <\/div>\n <\/div>\n <p>Open-Source Chatbot-Plattform mit KI-Integration. Sehr m\u00e4chtig, einfacher Einstieg per Template. Ideal f\u00fcr realistische Customer-Service-Szenarien.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag advanced\">F\u00fcr Fortgeschrittene<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#14532d;\">\ud83d\udcac<\/div>\n <div>\n <h4>Tidio<\/h4>\n <div class=\"tool-url\">tidio.com<\/div>\n <\/div>\n <\/div>\n <p>Einfachster Einstieg \u2013 in 10 Minuten fertig. Live-Chat + Chatbot in einem. Besonders gut f\u00fcr E-Commerce-Szenarien geeignet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Freemium<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#1c1c2e;\">\ud83e\udde9<\/div>\n <div>\n <h4>Landbot<\/h4>\n <div class=\"tool-url\">landbot.io<\/div>\n <\/div>\n <\/div>\n <p>Baut Chatbots als interaktive Formulare oder Gespr\u00e4chsfl\u00fcsse. Sehr ansprechendes Design, super f\u00fcr Pr\u00e4sentationen geeignet.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Freemium<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#0c4a6e;\">\ud83d\udc31<\/div>\n <div>\n <h4>Scratch (MIT)<\/h4>\n <div class=\"tool-url\">scratch.mit.edu<\/div>\n <\/div>\n <\/div>\n <p>Regelbasierter Chatbot mit visueller Blockprogrammierung. Keine Anmeldung n\u00f6tig, 100% kostenlos. Ideal f\u00fcr Schulen ohne externe Daten.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag beginner\">Einsteiger<\/span>\n <span class=\"tag edu\">Schule<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tool-card\">\n <div class=\"tool-header\">\n <div class=\"tool-logo\" style=\"background:#2d1b4e;\">\u2728<\/div>\n <div>\n <h4>ChatGPT Prompt-Bot<\/h4>\n <div class=\"tool-url\">chatgpt.com<\/div>\n <\/div>\n <\/div>\n <p>Konfiguriert einen LLM per System-Prompt als eigenen Chatbot. Kein Tool n\u00f6tig \u2013 nur Kreativit\u00e4t beim Prompting. Zeigt direkt KI-St\u00e4rken und -Grenzen.<\/p>\n <div class=\"tool-tags\">\n <span class=\"tag free\">Kostenlos<\/span>\n <span class=\"tag nocode\">No-Code<\/span>\n <span class=\"tag advanced\">Fortgeschritten<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <h3>Tool-Vergleich auf einen Blick<\/h3>\n <table>\n <thead>\n <tr>\n <th>Tool<\/th>\n <th>Schwierigkeit<\/th>\n <th>KI integriert<\/th>\n <th>Anmeldung n\u00f6tig<\/th>\n <th>Empfohlen f\u00fcr<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Voiceflow<\/strong><\/td>\n <td>\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Realistische CX-Szenarien<\/td>\n <\/tr>\n <tr>\n <td><strong>Botpress<\/strong><\/td>\n <td>\u2b50\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Fortgeschrittene Gruppen<\/td>\n <\/tr>\n <tr>\n <td><strong>Tidio<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Schneller Einstieg<\/td>\n <\/tr>\n <tr>\n <td><strong>Landbot<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Sch\u00f6ne Pr\u00e4sentation<\/td>\n <\/tr>\n <tr>\n <td><strong>Scratch<\/strong><\/td>\n <td>\u2b50<\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td><span class=\"cross\">\u2717<\/span><\/td>\n <td>Ohne Datenschutzbedenken<\/td>\n <\/tr>\n <tr>\n <td><strong>ChatGPT-Prompt<\/strong><\/td>\n <td>\u2b50\u2b50<\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td><span class=\"check\">\u2714<\/span><\/td>\n <td>Prompt-Engineering verstehen<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/section>\n\n \n <section class=\"green\" id=\"rollen\">\n <h2>\ud83d\udc65 Gruppenrollen verteilen<\/h2>\n <p>Jede Person \u00fcbernimmt eine feste Rolle. So arbeitet die Gruppe effizient und alle sind aktiv beteiligt.<\/p>\n <div class=\"role-grid\">\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83c\udfaf<\/div>\n <h4>Produktmanager<\/h4>\n <p>Definiert Ziel, Zielgruppe & Use-Case des Chatbots<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\u270d\ufe0f<\/div>\n <h4>Dialog-Designer<\/h4>\n <p>Schreibt Fragen, Antworten & Gespr\u00e4chsfl\u00fcsse<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83d\udd27<\/div>\n <h4>Techniker<\/h4>\n <p>Baut den Bot im Tool zusammen & konfiguriert ihn<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83e\uddea<\/div>\n <h4>Tester<\/h4>\n <p>Spielt Kundenrollen, findet Fehler & L\u00fccken<\/p>\n <\/div>\n <div class=\"role-card\">\n <div class=\"role-icon\">\ud83d\udcca<\/div>\n <h4>Pr\u00e4sentator<\/h4>\n <p>Stellt Ergebnis, Learnings & Reflexion vor<\/p>\n <\/div>\n <\/div>\n <div class=\"highlight\" style=\"margin-top:20px;\">\n <h4>\ud83d\udca1 Hinweis bei kleinen Gruppen (3\u20134 Personen)<\/h4>\n <p>Kombiniert Rollen \u2013 z.B. Produktmanager + Dialog-Designer oder Techniker + Tester. Die Kernaufgaben bleiben dieselben.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"purple\" id=\"schritte\">\n <h2>\ud83d\ude80 Schritt-f\u00fcr-Schritt Anleitung<\/h2>\n <p>Folgt diesen 7 Schritten, um euren eigenen Chatbot zu entwickeln, zu testen und zu pr\u00e4sentieren.<\/p>\n\n <div class=\"steps\">\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#1e40af;\">1<\/div>\n <div class=\"step-content\">\n <h4>\ud83c\udfaf Use-Case definieren<\/h4>\n <p>Was soll euer Chatbot k\u00f6nnen? W\u00e4hlt ein realistisches Szenario aus dem Unterrichtsthema.<\/p>\n <ul>\n <li>Kundendienst f\u00fcr einen Online-Shop<\/li>\n <li>FAQ-Bot f\u00fcr ein Reiseb\u00fcro<\/li>\n <li>Beschwerdemanagement f\u00fcr eine Bank<\/li>\n <li>Produktberatung f\u00fcr einen Elektroh\u00e4ndler<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#7c3aed;\">2<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udccb Gespr\u00e4chsfluss skizzieren<\/h4>\n <p>Zeichnet auf Papier oder in einem Tool wie <strong>Miro \/ FigJam<\/strong> einen einfachen Entscheidungsbaum: Begr\u00fc\u00dfung \u2192 Frage \u2192 Antwort \u2192 Eskalation.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#065f46;\">3<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udee0\ufe0f Tool ausw\u00e4hlen & Account erstellen<\/h4>\n <p>Einigt euch auf ein Tool (Empfehlung: <strong>Voiceflow<\/strong> oder <strong>Tidio<\/strong>) und erstellt einen gemeinsamen Account oder nutzt den kostenfreien Gast-Zugang.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#b45309;\">4<\/div>\n <div class=\"step-content\">\n <h4>\u270d\ufe0f Inhalte & Dialoge schreiben<\/h4>\n <p>Der Dialog-Designer formuliert alle Nachrichten. Achtet auf:<\/p>\n <ul>\n <li>Freundlichen, klaren Ton<\/li>\n <li>Kurze S\u00e4tze (max. 2\u20133 Zeilen)<\/li>\n <li>Mindestens 1 Eskalationspfad („M\u00f6chtest du einen Agenten sprechen?“)<\/li>\n <li>Eine Stimmungserkennung simulieren: z.B. Reaktion auf \u201eDas ist eine Frechheit!“<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#0891b2;\">5<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udd27 Bot bauen & konfigurieren<\/h4>\n <p>Der Techniker setzt den Fluss im Tool um. Dialog-Designer hilft bei Texten. Startet mit einem Template, falls verf\u00fcgbar \u2013 spart Zeit!<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#9d174d;\">6<\/div>\n <div class=\"step-content\">\n <h4>\ud83e\uddea Testen & verbessern<\/h4>\n <p>Der Tester spielt verschiedene Kundenrollen durch:<\/p>\n <ul>\n <li>Freundlicher Kunde mit einfacher Frage<\/li>\n <li>Verwirrter Kunde mit unklarer Anfrage<\/li>\n <li>Frustrierter Kunde mit Beschwerde<\/li>\n <li>Kunde, der absichtlich unsinnige Eingaben macht<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\" style=\"background:#4c1d95;\">7<\/div>\n <div class=\"step-content\">\n <h4>\ud83d\udcca Pr\u00e4sentation vorbereiten<\/h4>\n <p>Dokumentiert eure Ergebnisse: Was funktioniert gut? Wo liegen Schw\u00e4chen? Was w\u00fcrdet ihr beim n\u00e4chsten Mal anders machen?<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"orange\" id=\"zeitplan\">\n <h2>\u23f1\ufe0f Empfohlener Zeitplan<\/h2>\n <p>F\u00fcr eine Gruppenarbeit von <strong>75\u201390 Minuten<\/strong> empfehlen wir folgende Aufteilung:<\/p>\n\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">10′<\/div>\n <div class=\"timeline-content\">\n <h4>Kickoff & Rollenverteilung<\/h4>\n <p>Use-Case w\u00e4hlen, Rollen festlegen, Tool \u00f6ffnen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Planung & Fluss skizzieren<\/h4>\n <p>Gespr\u00e4chsbaum auf Papier oder digital zeichnen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">25′<\/div>\n <div class=\"timeline-content\">\n <h4>Bot bauen<\/h4>\n <p>Inhalte schreiben & im Tool umsetzen<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Testen & Feinschliff<\/h4>\n <p>Fehlerpfade testen, Texte verbessern<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">10′<\/div>\n <div class=\"timeline-content\">\n <h4>Pr\u00e4sentation vorbereiten<\/h4>\n <p>Learnings notieren, Demo vorbereiten<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <div class=\"timeline-dot\">15′<\/div>\n <div class=\"timeline-content\">\n <h4>Pr\u00e4sentation & Diskussion<\/h4>\n <p>Live-Demo zeigen, andere Gruppen testen lassen<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pink\" id=\"aufgaben\">\n <h2>\ud83d\udcdd Gruppenaufgaben<\/h2>\n <p>W\u00e4hlt <strong>eine der folgenden Aufgabenstellungen<\/strong> \u2013 oder bekommt eine von mir zugeteilt.<\/p>\n\n <div class=\"task-box\">\n <h4>\ud83d\uded2 Aufgabe A \u2013 E-Commerce Support-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr einen fiktiven Online-Shop<\/li>\n <li>Themen: Bestellstatus, R\u00fcckgabe, Versandfragen<\/li>\n <li><strong>Pflicht:<\/strong> Bot erkennt frustrierte Kunden und leitet sie weiter<\/li>\n <li><strong>Bonus:<\/strong> Bot fragt am Ende nach einer Bewertung (1\u20135 Sterne)<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\u2708\ufe0f Aufgabe B \u2013 Reise & Buchungs-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr ein Reiseb\u00fcro oder eine Airline<\/li>\n <li>Themen: Flugauskunft, Umbuchung, Gep\u00e4ckregeln<\/li>\n <li><strong>Pflicht:<\/strong> Reaktion auf Flugausfall-Szenario (Krisenfall)<\/li>\n <li><strong>Bonus:<\/strong> Mehrsprachige Begr\u00fc\u00dfung (DE\/EN)<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\ud83c\udfe6 Aufgabe C \u2013 Banking & Finanz-Bot<\/h4>\n <ul>\n <li>Erstellt einen Bot f\u00fcr eine Bank oder Versicherung<\/li>\n <li>Themen: Kontoanfragen, Kartensperrung, Beratung<\/li>\n <li><strong>Pflicht:<\/strong> Datenschutzhinweis vor Auskunft einbauen<\/li>\n <li><strong>Bonus:<\/strong> Sentiment-Erkennung simulieren bei Beschwerde<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"task-box\">\n <h4>\ud83d\udc8a Aufgabe D \u2013 Gesundheits-Infobot<\/h4>\n <ul>\n <li>Erstellt einen Info-Bot f\u00fcr eine Arztpraxis oder Apotheke<\/li>\n <li>Themen: \u00d6ffnungszeiten, Terminbuchung, allgemeine Infos<\/li>\n <li><strong>Pflicht:<\/strong> Bot verweist bei medizinischen Fragen klar an Arzt<\/li>\n <li><strong>Bonus:<\/strong> Notfall-Erkennung mit direkter Weiterleitungsempfehlung<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"warning\">\n <h4>\u26a0\ufe0f Wichtige Hinweise<\/h4>\n <p>Verwendet keine echten Personendaten beim Testen. Stellt sicher, dass euer Bot bei sensiblen Themen (Gesundheit, Finanzen) immer an menschliche Experten verweist. Dokumentiert, wo euer Bot an seine Grenzen st\u00f6\u00dft \u2013 das ist genauso wertvoll wie das, was funktioniert!<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"cyan\" id=\"praesentation\">\n <h2>\ud83c\udfa4 Pr\u00e4sentation der Ergebnisse<\/h2>\n <p>Jede Gruppe pr\u00e4sentiert ihren Bot in <strong>5\u20137 Minuten<\/strong>. Zeigt eine Live-Demo und beantwortet folgende Reflexionsfragen:<\/p>\n\n <ul>\n <li>\ud83c\udfaf <strong>Was war das Ziel<\/strong> eures Chatbots und welchen Use-Case habt ihr gew\u00e4hlt?<\/li>\n <li>\ud83d\udee0\ufe0f <strong>Welches Tool<\/strong> habt ihr genutzt \u2013 und warum?<\/li>\n <li>\ud83d\udcaa <strong>Was funktioniert gut<\/strong> an eurem Bot?<\/li>\n <li>\ud83d\ude05 <strong>Wo liegen die Grenzen<\/strong> \u2013 was kann euer Bot nicht?<\/li>\n <li>\ud83d\ude21 <strong>Wie reagiert der Bot<\/strong> auf frustrierte oder unfreundliche Eingaben?<\/li>\n <li>\ud83d\udd04 <strong>Was w\u00fcrdet ihr verbessern<\/strong> mit mehr Zeit?<\/li>\n <\/ul>\n\n <div class=\"highlight\">\n <h4>\u2705 Tipp: Gegenseitiges Testen<\/h4>\n <p>Lasst die anderen Gruppen 2 Minuten lang euren Chatbot \u201eangreifen“ \u2013 mit unerwarteten Eingaben, Beschwerden oder absurden Fragen. Das zeigt am besten, wie robust euer Bot wirklich ist!<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"blue\" id=\"checkliste\">\n <h2>\u2705 Abgabe-Checkliste<\/h2>\n <p>Hakt alles ab, bevor ihr euren Bot pr\u00e4sentiert:<\/p>\n\n <ul class=\"checklist\">\n <li><input type=\"checkbox\"> Use-Case klar definiert und dokumentiert<\/li>\n <li><input type=\"checkbox\"> Gespr\u00e4chsfluss (Flow-Diagramm) erstellt<\/li>\n <li><input type=\"checkbox\"> Mindestens 5 verschiedene Gespr\u00e4chspfade gebaut<\/li>\n <li><input type=\"checkbox\"> Begr\u00fc\u00dfung und Verabschiedung vorhanden<\/li>\n <li><input type=\"checkbox\"> Eskalationspfad zu menschlichem Agenten eingebaut<\/li>\n <li><input type=\"checkbox\"> Reaktion auf Frustration \/ negative Stimmung getestet<\/li>\n <li><input type=\"checkbox\"> Bot mit mindestens 3 verschiedenen Kundenrollen getestet<\/li>\n <li><input type=\"checkbox\"> Schw\u00e4chen des Bots dokumentiert<\/li>\n <li><input type=\"checkbox\"> Live-Demo f\u00fcr Pr\u00e4sentation vorbereitet<\/li>\n <li><input type=\"checkbox\"> Reflexionsfragen beantwortet<\/li>\n <\/ul>\n <\/section>\n\n<\/main>\n\n<footer>\n <p>Gruppenarbeit \u00b7 KI-Chatbot selbst erstellen \u00b7 Unterrichtsmaterial 2026<\/p>\n <p style=\"margin-top:8px; font-size:0.8rem;\">Empfohlene Tools: Voiceflow \u00b7 Botpress \u00b7 Tidio \u00b7 Landbot \u00b7 Scratch \u00b7 ChatGPT<\/p>\n<\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Chatbots Aufgabe - KI Marketing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chatbots Aufgabe - KI Marketing\" \/>\n<meta property=\"og:description\" content=\"Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/\" \/>\n<meta property=\"og:site_name\" content=\"KI Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T07:35:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\",\"name\":\"Chatbots Aufgabe - KI Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\"},\"datePublished\":\"2026-03-16T07:35:16+00:00\",\"dateModified\":\"2026-03-16T07:35:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/chatbots-aufgabe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chatbots Aufgabe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/#website\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/\",\"name\":\"KI Marketing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metalmotion.de\\\/kim\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"Chatbots Aufgabe - KI Marketing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","og_locale":"de_DE","og_type":"article","og_title":"Chatbots Aufgabe - KI Marketing","og_description":"Gruppenarbeit: Eigenen Chatbot erstellen \ud83e\udd16 Bau deinen eigenen Chatbot Schritt-f\u00fcr-Schritt Anleitung f\u00fcr die Gruppenarbeit \u00b7 Keine Programmierkenntnisse n\u00f6tig \ud83d\udc65 Gruppenarbeit \u23f1\ufe0f 60\u201390 Minuten \ud83c\udd93 Kostenlose Tools \ud83c\udf93 Einsteiger-freundlich Tool-Empfehlungen Gruppenrollen Schritt-f\u00fcr-Schritt Zeitplan Aufgaben Pr\u00e4sentation Checkliste \ud83d\udee0\ufe0f Tool-Empfehlungen W\u00e4hlt das passende Tool f\u00fcr eure Gruppe \u2013 je nach Vorkenntnissen und Ziel. Alle Tools sind kostenlos nutzbar. […]","og_url":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","og_site_name":"KI Marketing","article_modified_time":"2026-03-16T07:35:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","url":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/","name":"Chatbots Aufgabe - KI Marketing","isPartOf":{"@id":"https:\/\/metalmotion.de\/kim\/#website"},"datePublished":"2026-03-16T07:35:16+00:00","dateModified":"2026-03-16T07:35:18+00:00","breadcrumb":{"@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/metalmotion.de\/kim\/chatbots-aufgabe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/metalmotion.de\/kim\/"},{"@type":"ListItem","position":2,"name":"Chatbots Aufgabe"}]},{"@type":"WebSite","@id":"https:\/\/metalmotion.de\/kim\/#website","url":"https:\/\/metalmotion.de\/kim\/","name":"KI Marketing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metalmotion.de\/kim\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":1,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/pages\/107\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/metalmotion.de\/kim\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}