{"id":7490,"date":"2026-05-15T11:26:46","date_gmt":"2026-05-15T09:26:46","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/projekte\/ai4deliberation-eu-projekt\/"},"modified":"2026-05-21T13:41:56","modified_gmt":"2026-05-21T11:41:56","slug":"ai4deliberation-eu-projekt","status":"publish","type":"projects","link":"https:\/\/smartcity.bamberg.de\/les\/projekte\/ai4deliberation-eu-projekt\/","title":{"rendered":"AI4Deliberation"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"AI4Deliberation\"\n>\n    <div class=\"container position-relative pt-3 pb-3\" style=\"z-index: 2;\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-11 col-md-8 text-white text-center pt-5\" role=\"heading\" aria-level=\"1\">\n                                                <h1 class=\"h3\" aria-label=\"AI4Deliberation\">AI4Deliberation<\/h1>\n                                                    <h2 class=\"h3 fw-lighter\" aria-label=\"KI f\u00fcr Demokratie und Beteiligung (EU-Projekt)\">KI f\u00fcr Demokratie und Beteiligung (EU-Projekt)<\/h2>\n                                    \n                                        <div class=\"col icon-col\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/05\/Icon_EU_Projekt_AI4Deliberation-01.svg\" \n                        alt=\"\" \n                        style=\"position: absolute; right: -300px; top: -10%; z-index: -1; height: 100%;\" \n                        class=\"subheadbgimg\" \n                        role=\"presentation\" \n                        aria-hidden=\"true\"\n                    >\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div class=\"row justify-content-center align-items-center text-center pt-5\" role=\"list\" aria-label=\"Symbol\u00fcbersicht\">\n                                        <div class=\"col-6 col-md-3\" role=\"listitem\" aria-label=\"Ziel\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/icon_ziel.svg\" \n                            alt=\"Ziel\" \n                            aria-label=\"Ziel\"\n                        \/>\n                        <p class=\"fw-bold pt-3 mb-0 text-white\">Ziel<\/p>\n                        <p class=\"text-white\">Beteiligung<\/p>\n                    <\/div>\n                                    <div class=\"col-6 col-md-3\" role=\"listitem\" aria-label=\"Projektstart\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/icon_projectstart.svg\" \n                            alt=\"Projektstart\" \n                            aria-label=\"Projektstart\"\n                        \/>\n                        <p class=\"fw-bold pt-3 mb-0 text-white\">Projektstart<\/p>\n                        <p class=\"text-white\">November 2024<\/p>\n                    <\/div>\n                                    <div class=\"col-6 col-md-3\" role=\"listitem\" aria-label=\"Status\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/icon_status.svg\" \n                            alt=\"Status\" \n                            aria-label=\"Status\"\n                        \/>\n                        <p class=\"fw-bold pt-3 mb-0 text-white\">Status<\/p>\n                        <p class=\"text-white\">In Umsetzung<\/p>\n                    <\/div>\n                                    <div class=\"col-6 col-md-3\" role=\"listitem\" aria-label=\"Projektlaunch\">\n                        <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/icon_projektlaunch.svg\" \n                            alt=\"Projektlaunch\" \n                            aria-label=\"Projektlaunch\"\n                        \/>\n                        <p class=\"fw-bold pt-3 mb-0 text-white\">Projektlaunch<\/p>\n                        <p class=\"text-white\">Herbst 2027<\/p>\n                    <\/div>\n                                <\/div>\n            <\/div>\n            <div class=\"geometric\" aria-hidden=\"true\"><\/div>\n        <\/div>\n<\/section>\n\n<style>\n    @media (max-width: 900px) {\n        .icon-col { text-align: center; margin: 15px 0 15px 0; }\n        .icon-col img { margin-top: 0 !important; }\n    }\n<\/style>\n\n\n\n<section \n    class=\"container-fluid bg-white px-0 py-5 pt-md-5 flexible-text\"\n    role=\"region\"\n    aria-label=\"Flexibler Textbereich mit dynamischen Inhalten\"\n>\n    <div class=\"container p-5 px-3\">\n        <div class=\"row justify-content-start align-items-center\">\n            <div role=\"group\" aria-label=\"\u00dcberschrift\"><h1 \n                                    style=\"margin: 0 auto;\" \n                                    class=\"h3 col-12 col-md-9 col-lg-9 text-center\" \n                                    aria-label=\"Unsere Vision f\u00fcr Bamberg\"\n                                >Unsere Vision f\u00fcr Bamberg<\/h1><\/div><div role=\"group\" aria-label=\"Text\"><div class='col-12 col-md-9 mt-5' style='margin: 0 auto;' aria-label='Viele Menschen in Bamberg reden bei der Stadtverwaltung mit.Sie machen das online.Es gibt schon Diskussionen, die laufen.Die Menschen k\u00f6nnen diese Diskussionen gut verstehen und mitmachen.Die Menschen reden in den Diskussionsr\u00e4umen gut und freundlich miteinander.Das ist gut f\u00fcr die Gesellschaft.  \n'><p style=\"text-align: center;\">Viele Menschen in Bamberg reden bei der Stadtverwaltung mit.<br \/>Sie machen das online.<br \/>Es gibt schon Diskussionen, die laufen.<br \/>Die Menschen k\u00f6nnen diese Diskussionen gut verstehen und mitmachen.<br \/>Die Menschen reden in den Diskussionsr\u00e4umen gut und freundlich miteinander.<br \/>Das ist gut f\u00fcr die Gesellschaft.  <\/p>\n<\/div><\/div>            <\/div>\n        <\/div>\n            <\/section>\n    \n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const triggerBtn = document.getElementById('openModalBtn');\n            const links = document.querySelectorAll('a');\n            links.forEach((link) => {\n                if (\n                        link.textContent.trim() === \"Barrierefreiheits-Assistent\" ||\n                        link.textContent.trim() === \"Accessibility assistant\"\n                    ) {\n                    link.addEventListener('click', (e) => {\n                        e.preventDefault();\n                        if (triggerBtn) {\n                            triggerBtn.click();\n                        }\n                    });\n                }\n            });\n        });\n    <\/script>\n<section id=\"block-block_ab9f578f87887605da1de3e443874063\" class=\"container-fluid bg-white py-0 py-md-5 highlight-text-section-wrap\">\n    <div class=\"container py-0 py-md-5 pb-5\">\n        <div class=\"row py-0 py-md-5\">\n            <div class=\"col-12 col-lg-4 pb-5 pb-lg-0 highlight-text-section-break\">\n                <div class=\"d-flex w-100 h-100 justify-content-start align-items-center position-relative crookedBox py-4 py-lg-5\">\n                    <img decoding=\"async\" src=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/box_background_2.svg\" alt=\"\" class=\"w-100 h-100 position-absolute\">\n                    <div class=\"text-white position-relative p-5\">\n                                                    <h2 class=\"h5 pe-3\">Technik<\/h2>\n                                                                            <div class=\"px-3\"><p>Die Stadt Bamberg arbeitet mit Partnern zusammen.<br \/>Die Stadt Bamberg will eine KI bauen.<br \/>Die KI soll auf die Internet-Seite www.bamberg-gestalten.de.<br \/>Die KI soll beim Mitreden helfen. <\/p>\n<\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-12 col-lg-6 offset-lg-1 d-flex flex-column justify-content-center\" data-highlight-anchor-target>\n                                    <h2 class=\"h5\">Projektbeschreibung<\/h2>\n                                                    <p>Es gibt ein Projekt.&lt;br\/&gt;Das Projekt hei\u00dft AI4Deliberation.&lt;br\/&gt;Bamberg bekommt daf\u00fcr Geld von der EU.&lt;br\/&gt;Darum geht es:&lt;br\/&gt;Die Menschen sollen wieder mehr bei politischen Entscheidungen mitmachen k\u00f6nnen.&lt;br\/&gt;So sollen sie wieder mehr Vertrauen in die Demokratie bekommen.&lt;br\/&gt;Dabei soll eine K\u00fcnstliche Intelligenz (KI) helfen.&lt;br\/&gt;Die KI soll so arbeiten, dass es f\u00fcr alle verst\u00e4ndlich ist.&lt;br\/&gt;Sie soll Themen und Diskussionen zusammenfassen und auswerten.&lt;br\/&gt;So k\u00f6nnen alle mitmachen und die Politik verstehen.&lt;br\/&gt;Es gibt mehrere Projekte, in denen man das ausprobiert.&lt;br\/&gt;Die Projekte sind zum Beispiel zu den Themen Klimawandel und Long COVID.    <\/p>\n                                                                    <div class=\"d-flex flex-wrap highlight-text-buttons\">\n                                                    <a target=\"_blank\"\n                               rel=\"noopener\"\n                               href=\"https:\/\/www.ai4dproject.eu\/\"\n                               class=\"btn btn-blue rounded-pill px-3 py-2 mt-4 me-2\">\n                                Zur Webseite des EU-Projekts                            <\/a>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    var sectionId = 'block-block_ab9f578f87887605da1de3e443874063';\n    var expectedHash = '#' + sectionId;\n    var mobileBreakpoint = window.matchMedia('(max-width: 991.98px)');\n    var section = document.getElementById(sectionId);\n\n    if (!section) {\n        return;\n    }\n\n    var target = section.querySelector('[data-highlight-anchor-target]');\n    if (!target) {\n        return;\n    }\n\n    function getHeaderOffset() {\n        var fixedHeader = document.querySelector('header.fixed-top');\n\n        if (fixedHeader) {\n            return Math.ceil(fixedHeader.getBoundingClientRect().bottom);\n        }\n\n        return 0;\n    }\n\n    function scrollToDescription() {\n        var top = window.pageYOffset + target.getBoundingClientRect().top - getHeaderOffset() - 20;\n        window.scrollTo({\n            top: Math.max(0, top),\n            behavior: 'smooth'\n        });\n    }\n\n    function maybeAdjustAnchorScroll() {\n        if (!mobileBreakpoint.matches || window.location.hash !== expectedHash) {\n            return;\n        }\n\n        \/\/ Wait two frames so browser hash-jump\/layout settles before correction.\n        window.requestAnimationFrame(function () {\n            window.requestAnimationFrame(scrollToDescription);\n        });\n    }\n\n    window.addEventListener('load', maybeAdjustAnchorScroll);\n    window.addEventListener('hashchange', maybeAdjustAnchorScroll);\n    maybeAdjustAnchorScroll();\n});\n<\/script>\n\n\n\n<section \n    class=\"section container-fluid py-5 bg-white text-black text-image-half has_checklist\" \n    id=\"\"\n    role=\"region\"\n    aria-label=\"Text und Bild Abschnitt\"\n>\n    <div class=\"container py-5\">\n        <div class=\"row py-5\">\n            \n            <!-- Textspalte -->\n            <div \n                class=\"col-12 col-md-5 pb-5 pb-md-0 d-flex flex-column justify-content-between paragraphs-wrap\"\n                role=\"group\"\n                aria-label=\"Textinhalte\"\n            >\n                                                            <div class=\"pb-3 pb-md-5\" role=\"article\" aria-label=\"Wie hilft die KI?\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Wie hilft die KI?\">\n                                    Wie hilft die KI?                                <\/h2>\n                            \n                                                            <p aria-label=\"\nAuf www.bamberg-gestalten.de gibt es eine sehr lebhafte Diskussion. Es geht um ein Thema mit vielen Gef\u00fchlen.\nWenn es nur Argumente f\u00fcr eine Seite gibt, wird die Diskussion in eine Richtung gehen.\nDie KI unterst\u00fctzt die Diskussion.So ist die Diskussion besser und man erkennt falsche Informationen.\nSo k\u00f6nnen viele Menschen leichter mit der Diskussion anfangen.\n\">\n                                    <ul>\n<li>Auf www.bamberg-gestalten.de gibt es eine sehr lebhafte Diskussion. <br \/>Es geht um ein Thema mit vielen Gef\u00fchlen.<\/li>\n<li>Wenn es nur Argumente f\u00fcr eine Seite gibt, wird die Diskussion in eine Richtung gehen.<\/li>\n<li>Die KI unterst\u00fctzt die Diskussion.<br \/>So ist die Diskussion besser und man erkennt falsche Informationen.<\/li>\n<li>So k\u00f6nnen viele Menschen leichter mit der Diskussion anfangen.<\/li>\n<\/ul>                                <\/p>\n                                                    <\/div>\n                                                <\/div>\n\n            <!-- Bildspalte -->\n            <div \n                class=\"col-12 col-md-7 d-flex flex-column align-items-center align-items-md-end\"\n                role=\"group\"\n                aria-label=\"Bildbereich\"\n            >\n                                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/05\/EU_AI4Deliberation-Symbolbild.png\" \n                        alt=\"Veranschaulichendes Bild zum Textabschnitt\" \n                        class=\"img-fluid rounded\"\n                    >\n                \n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"bg-white pb-5\">\n    <div class=\"container pb-5\">\n        <div class=\"row justify-content-center align-items-center pb-5\">\n            <div class=\"col-12 col-sm-12 col-md-9 col-xl-7\">\n                <div class=\"d-flex w-100 h-100 justify-content-center align-items-center position-relative crookedBox py-lg-5 py-5\" style=\"\">\n                    <img decoding=\"async\" src=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/box_background_3.svg\" alt=\"\" class=\"w-100 h-100 position-absolute\">\n                    <div class=\"text-white position-relative p-5\">\n                                                    <p class=\"px-3 fw-bold\"><i style=\"font-weight: 500 !important;\">\u201eWir machen bei Ai4Deliberation mit.<br\/>Da sind wir in einer Gruppe von europ\u00e4ischen Experten.<br\/>Wir arbeiten daran, wie B\u00fcrger leichter digital mitbestimmen k\u00f6nnen.<br\/>Wir k\u00f6nnen dabei etwas ganz Neues schaffen.<br\/>Das ist auch gut f\u00fcr andere St\u00e4dte. \u201c<\/i><\/p>\n                                                \n                                                    <p class=\"h5 px-3\">Sascha G\u00f6tz<\/p>\n                                                \n                                                    <p class=\"px-3\">Programmleitung Smart City<\/p>\n                                                \n     \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\t\t\n\t<section \n\t\tclass=\"section container-fluid py-5 bg-grey text-black text-image-half has_checklist\"\n\t\trole=\"region\"\n\t\taria-label=\"Projektzeitachse\"\n\t>\n\t\t<div class=\"container py-5\">\n\n\n<h2 class=\"h5 pb-4 text-center\" aria-label=\"Status zum Projekt\">\n    Status zum Projekt<\/h2>\n\n\n\t\t\t<div \n\t\t\t\tclass=\"timeline-container-2 position-relative\"\n\t\t\t\trole=\"list\"\n\t\t\t\taria-label=\"Projektfortschritt: 5 Schritte\"\n\t\t\t>\n\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"row align-items-start mb-4 position-relative timeline-item-2 done blue-line justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 1 von 5: Ideenfindung (abgeschlossen)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Linke Spalte (Text mobil\/desktop) -->\n\t\t\t\t\t\t<div class=\"col-10 col-md-5 order-1\">\n\t\t\t\t\t\t\t<!-- Mobile Ansicht mit Akkordeon -->\n\t\t\t\t\t\t\t<div class=\"d-block d-md-none\">\n\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\t\tclass=\"btn-timeline-var2 w-100 text-start fw-bold text-black text-decoration-none mx-0\" \n\t\t\t\t\t\t\t\t\tdata-bs-toggle=\"collapse\" \n\t\t\t\t\t\t\t\t\tdata-bs-target=\"#collapse-0\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-0\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Ideenfindung\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tIdeenfindung\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-0\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Ende 2024 beginnt die Suche.<br \/>Es soll herausgefunden werden, welche KI man nutzen kann.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Desktop Ansicht -->\n\t\t\t\t\t\t\t<div class=\"d-none d-md-block text-md-end\">\n\t\t\t\t\t\t\t\t<h4 class=\"h6 fw-bold\">Ideenfindung<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mittlere Spalte mit Status-Icon -->\n\t\t\t\t\t\t<div class=\"col-2 col-md-1 col-md-1-s d-flex justify-content-center order-2 position-relative\">\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tclass=\"timeline-icon-2 rounded-circle d-flex justify-content-center align-items-center done\"\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=\"Abgeschlossen\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img \n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/icon_checkmark.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Erledigt\" \n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 20px; height: 20px; margin-top:20px;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Rechte Spalte (Beschreibung Desktop) -->\n\t\t\t\t\t\t<div class=\"col-md-5 d-none d-md-block order-3\">\n\t\t\t\t\t\t\t<p class=\"mb-0\">Ende 2024 beginnt die Suche.<br \/>Es soll herausgefunden werden, welche KI man nutzen kann.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"row align-items-start mb-4 position-relative timeline-item-2 done blue-line justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 2 von 5: Planung und Ausschreibung (abgeschlossen)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Linke Spalte (Text mobil\/desktop) -->\n\t\t\t\t\t\t<div class=\"col-10 col-md-5 order-1\">\n\t\t\t\t\t\t\t<!-- Mobile Ansicht mit Akkordeon -->\n\t\t\t\t\t\t\t<div class=\"d-block d-md-none\">\n\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\t\tclass=\"btn-timeline-var2 w-100 text-start fw-bold text-black text-decoration-none mx-0\" \n\t\t\t\t\t\t\t\t\tdata-bs-toggle=\"collapse\" \n\t\t\t\t\t\t\t\t\tdata-bs-target=\"#collapse-1\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-1\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Planung und Ausschreibung\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tPlanung und Ausschreibung\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-1\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Im Mai 2025 beginnt die Planung.<br \/>Was macht man zuerst?<br \/>Und was als n\u00e4chstes?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Desktop Ansicht -->\n\t\t\t\t\t\t\t<div class=\"d-none d-md-block text-md-end\">\n\t\t\t\t\t\t\t\t<h4 class=\"h6 fw-bold\">Planung und Ausschreibung<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mittlere Spalte mit Status-Icon -->\n\t\t\t\t\t\t<div class=\"col-2 col-md-1 col-md-1-s d-flex justify-content-center order-2 position-relative\">\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tclass=\"timeline-icon-2 rounded-circle d-flex justify-content-center align-items-center done\"\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=\"Abgeschlossen\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img \n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/icon_checkmark.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Erledigt\" \n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 20px; height: 20px; margin-top:20px;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Rechte Spalte (Beschreibung Desktop) -->\n\t\t\t\t\t\t<div class=\"col-md-5 d-none d-md-block order-3\">\n\t\t\t\t\t\t\t<p class=\"mb-0\">Im Mai 2025 beginnt die Planung.<br \/>Was macht man zuerst?<br \/>Und was als n\u00e4chstes?<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"row align-items-start mb-4 position-relative timeline-item-2 done blue-line last-done justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 3 von 5: Entwicklung (abgeschlossen)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Linke Spalte (Text mobil\/desktop) -->\n\t\t\t\t\t\t<div class=\"col-10 col-md-5 order-1\">\n\t\t\t\t\t\t\t<!-- Mobile Ansicht mit Akkordeon -->\n\t\t\t\t\t\t\t<div class=\"d-block d-md-none\">\n\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\t\tclass=\"btn-timeline-var2 w-100 text-start fw-bold text-black text-decoration-none mx-0\" \n\t\t\t\t\t\t\t\t\tdata-bs-toggle=\"collapse\" \n\t\t\t\t\t\t\t\t\tdata-bs-target=\"#collapse-2\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-2\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Entwicklung\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tEntwicklung\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-2\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Die KI wird Schritt f\u00fcr Schritt gebaut.<br \/>Nach jedem Schritt wird gepr\u00fcft:<br \/>Funktioniert es?<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Desktop Ansicht -->\n\t\t\t\t\t\t\t<div class=\"d-none d-md-block text-md-end\">\n\t\t\t\t\t\t\t\t<h4 class=\"h6 fw-bold\">Entwicklung<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mittlere Spalte mit Status-Icon -->\n\t\t\t\t\t\t<div class=\"col-2 col-md-1 col-md-1-s d-flex justify-content-center order-2 position-relative\">\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tclass=\"timeline-icon-2 rounded-circle d-flex justify-content-center align-items-center done\"\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=\"Abgeschlossen\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img \n\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/icon_checkmark.svg\" \n\t\t\t\t\t\t\t\t\t\talt=\"Erledigt\" \n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 20px; height: 20px; margin-top:20px;\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Rechte Spalte (Beschreibung Desktop) -->\n\t\t\t\t\t\t<div class=\"col-md-5 d-none d-md-block order-3\">\n\t\t\t\t\t\t\t<p class=\"mb-0\">Die KI wird Schritt f\u00fcr Schritt gebaut.<br \/>Nach jedem Schritt wird gepr\u00fcft:<br \/>Funktioniert es?<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"row align-items-start mb-4 position-relative timeline-item-2 todo black-line justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 4 von 5: Testphase (ausstehend)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Linke Spalte (Text mobil\/desktop) -->\n\t\t\t\t\t\t<div class=\"col-10 col-md-5 order-1\">\n\t\t\t\t\t\t\t<!-- Mobile Ansicht mit Akkordeon -->\n\t\t\t\t\t\t\t<div class=\"d-block d-md-none\">\n\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\t\tclass=\"btn-timeline-var2 w-100 text-start fw-bold text-black text-decoration-none mx-0\" \n\t\t\t\t\t\t\t\t\tdata-bs-toggle=\"collapse\" \n\t\t\t\t\t\t\t\t\tdata-bs-target=\"#collapse-3\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-3\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Testphase\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tTestphase\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-3\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Am Anfang von 2027 gibt es einen gro\u00dfen Test.<br \/>Dabei schaut man alles noch mal an.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Desktop Ansicht -->\n\t\t\t\t\t\t\t<div class=\"d-none d-md-block text-md-end\">\n\t\t\t\t\t\t\t\t<h4 class=\"h6 fw-bold\">Testphase<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mittlere Spalte mit Status-Icon -->\n\t\t\t\t\t\t<div class=\"col-2 col-md-1 col-md-1-s d-flex justify-content-center order-2 position-relative\">\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tclass=\"timeline-icon-2 rounded-circle d-flex justify-content-center align-items-center todo\"\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=\"Offen\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Rechte Spalte (Beschreibung Desktop) -->\n\t\t\t\t\t\t<div class=\"col-md-5 d-none d-md-block order-3\">\n\t\t\t\t\t\t\t<p class=\"mb-0\">Am Anfang von 2027 gibt es einen gro\u00dfen Test.<br \/>Dabei schaut man alles noch mal an.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"row align-items-start mb-4 position-relative timeline-item-2 todo black-line justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 5 von 5: Ver\u00f6ffentlichung (ausstehend)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- Linke Spalte (Text mobil\/desktop) -->\n\t\t\t\t\t\t<div class=\"col-10 col-md-5 order-1\">\n\t\t\t\t\t\t\t<!-- Mobile Ansicht mit Akkordeon -->\n\t\t\t\t\t\t\t<div class=\"d-block d-md-none\">\n\t\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\t\tclass=\"btn-timeline-var2 w-100 text-start fw-bold text-black text-decoration-none mx-0\" \n\t\t\t\t\t\t\t\t\tdata-bs-toggle=\"collapse\" \n\t\t\t\t\t\t\t\t\tdata-bs-target=\"#collapse-4\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-4\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Ver\u00f6ffentlichung\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tVer\u00f6ffentlichung\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-4\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Welche Funktionen werden in der Zukunft benutzt?<br \/>Das will man bis zum Herbst 2027 entscheiden.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<!-- Desktop Ansicht -->\n\t\t\t\t\t\t\t<div class=\"d-none d-md-block text-md-end\">\n\t\t\t\t\t\t\t\t<h4 class=\"h6 fw-bold\">Ver\u00f6ffentlichung<\/h4>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Mittlere Spalte mit Status-Icon -->\n\t\t\t\t\t\t<div class=\"col-2 col-md-1 col-md-1-s d-flex justify-content-center order-2 position-relative\">\n\t\t\t\t\t\t\t<div \n\t\t\t\t\t\t\t\tclass=\"timeline-icon-2 rounded-circle d-flex justify-content-center align-items-center todo\"\n\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\taria-label=\"Offen\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Rechte Spalte (Beschreibung Desktop) -->\n\t\t\t\t\t\t<div class=\"col-md-5 d-none d-md-block order-3\">\n\t\t\t\t\t\t\t<p class=\"mb-0\">Welche Funktionen werden in der Zukunft benutzt?<br \/>Das will man bis zum Herbst 2027 entscheiden.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\n\t<style>\n\t\t.timeline-item-2::after { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% + 25px); z-index: 1; }\n\t\t.timeline-item-2.blue-line::after { border-left: 1px solid #0d6efd; }\n\t\t.timeline-item-2.black-line::after { border-left: 1px dashed #000; }\n\t\t.timeline-item-2:last-of-type::after { display: none; }\n\t\t.timeline-icon-2 { width: 14px; height: 14px; background-color: #000; border: 1px solid #000; z-index: 2; }\n\t\t.timeline-icon-2.done { background-color: transparent; border-color: transparent; }\n\t\t.timeline-item-2.last-done::after { border-left: 1px dashed #000 !important; }\n\t\t.btn-timeline-var2 { border: none; background: none; font-size: 22px; padding: 0; }\n\t\t@media (max-width: 767.98px) {\n\t\t\t.timeline-container-2 .row > .col-3 { display: flex; justify-content: flex-end; }\n\t\t\t.timeline-item-2::after { left: calc(90% + 7px); }\n\t\t}\n\t<\/style>\n\n\n\n<section \n    class=\"container-fluid px-0 pt-5 bg-white\"\n    role=\"region\"\n    aria-label=\"Projektbeteiligte\"\n>\n    <div class=\"container py-5\">\n        <div class=\"row pt-5\">\n                            <div class=\"col-12 mb-5\">\n                    <h2 class=\"h5\" aria-label=\"Projektbeteiligte\">\n                        Projektbeteiligte                    <\/h2>\n                <\/div>\n            \n                                                <div \n                        class=\"col-12 col-md-3 text-center p-5\"\n                        role=\"group\"\n                        aria-label=\"Person: Yannick von Ostheim, Projektmanagement\"\n                    >\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/09\/Yannick-von-Ostheim-scaled-e1756809097194.jpg\" \n                                alt=\"Portr\u00e4t von Yannick von Ostheim\" \n                                class=\"img-fluid mb-4 w-100\" \n                                style=\"border-radius: 100%;\"\n                            >\n                        \n                        <p class=\"h7\">\n                                                            <strong class=\"fw-bold\">Yannick von Ostheim<\/strong><br>\n                                                                                        Projektmanagement                                                    <\/p>\n\n                                                    <p>\n                                <a \n                                    href=\"\/kontakt\/\" \n                                    style=\"color: #622180\" \n                                    aria-label=\"Mehr \u00fcber Yannick von Ostheim: Kontakt\"\n                                >\n                                    Kontakt                                <\/a>\n                            <\/p>\n                                            <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>KI f\u00fcr Demokratie und Beteiligung (EU-Projekt)<\/p>\n","protected":false},"featured_media":7488,"template":"","meta":{"_acf_changed":false,"show_more_button":false,"footnotes":""},"project_category":[88],"class_list":["post-7490","projects","type-projects","status-publish","has-post-thumbnail","hentry","project_category-forschung-praxis-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/7490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":9,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/7490\/revisions"}],"predecessor-version":[{"id":7568,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/7490\/revisions\/7568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media\/7488"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=7490"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/project_category?post=7490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}