{"id":7676,"date":"2026-06-19T13:13:53","date_gmt":"2026-06-19T11:13:53","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/projekte\/green-demo-eu-projekt\/"},"modified":"2026-06-19T14:22:47","modified_gmt":"2026-06-19T12:22:47","slug":"green-demo-eu-projekt","status":"publish","type":"projects","link":"https:\/\/smartcity.bamberg.de\/les\/projekte\/green-demo-eu-projekt\/","title":{"rendered":"Green Demo"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"Green Demo\"\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=\"Green Demo\">Green Demo<\/h1>\n                                                    <h2 class=\"h3 fw-lighter\" aria-label=\"Die Stadt gemeinsam entwickeln (EU-Projekt)\">Die Stadt gemeinsam entwickeln (EU-Projekt)<\/h2>\n                                    \n                                        <div class=\"col icon-col\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/06\/EU-Projekt_GreenDemo.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\">Januar 2025<\/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\">Oktober 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='Die Gesellschaft \u00e4ndert sich.Alle Menschen machen dabei mit.Die St\u00e4dte in Europa machen das zusammen mit den B\u00fcrgern und B\u00fcrgerinnen.Sie machen neue Sachen.Und sie machen das f\u00fcr alle gut.Dabei reden sie mit verschiedenen Menschen.So finden sie zusammen L\u00f6sungen f\u00fcr eine klimaneutrale Zukunft.Klimaneutral hei\u00dft:Die Menschen sollen der Natur nicht mehr schaden.Das ist gut f\u00fcr das Vertrauen in die Regierung.Und es ist gut f\u00fcr die Demokratie.   \n'><p>Die Gesellschaft \u00e4ndert sich.<br \/>Alle Menschen machen dabei mit.<br \/>Die St\u00e4dte in Europa machen das zusammen mit den B\u00fcrgern und B\u00fcrgerinnen.<br \/>Sie machen neue Sachen.<br \/>Und sie machen das f\u00fcr alle gut.<br \/>Dabei reden sie mit verschiedenen Menschen.<br \/>So finden sie zusammen L\u00f6sungen f\u00fcr eine klimaneutrale Zukunft.<br \/>Klimaneutral hei\u00dft:<br \/>Die Menschen sollen der Natur nicht mehr schaden.<br \/>Das ist gut f\u00fcr das Vertrauen in die Regierung.<br \/>Und es ist gut f\u00fcr die Demokratie.   <\/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_e8b756fa9a618377ded1562d4f48abd8\" 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>Das Projekt Green-Demo benutzt eine bestimmte Internet-Seite.<br \/>Die Internet-Seite hei\u00dft: Smart City-Daten-Plattform.<br \/>Auf der Internet-Seite kann man Daten sicher speichern.<br \/>Daten sind Infos.<br \/>Und man kann sie mit anderen teilen.<br \/>Die \u00c4mter k\u00f6nnen so zusammen arbeiten.<br \/>Im Projekt GreenDemo soll es so funktionieren:<br \/>Die \u00c4mter von der Stadtverwaltung speichern Informationen.<br \/>Das Amt f\u00fcr B\u00fcrgerbeteiligung schaut diese an.<br \/>Die Menschen in Bamberg sehen dann Informationen auf bamberg-gestalten.<br \/>Das ist eine Internet-Seite von der Stadt. <\/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>Die Stadt-Verwaltung will wissen:<br \/>Was will die Stadt im n\u00e4chsten Jahr f\u00fcr die Nach-Haltigkeit machen?<br \/>Dann pr\u00fcft die Stadt-Verwaltung:<br \/>Wo k\u00f6nnen die B\u00fcrger mitmachen?<br \/>Wie k\u00f6nnen die B\u00fcrger mitmachen?<br \/>Die Stadt will die Beteiligung besser machen.<br \/>Und die Stadt will mehr Infos \u00fcber die Beteiligung geben.<br \/>Daf\u00fcr kann man zum Beispiel Infos auf der Internet-Seite bamberg-gestalten geben.<br \/>Zum Beispiel:<br \/>Wer ist f\u00fcr das Projekt verantwortlich?<br \/>Wann soll das Projekt fertig sein?<br \/>Wie weit ist das Projekt?    <\/p>\n                                                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    var sectionId = 'block-block_e8b756fa9a618377ded1562d4f48abd8';\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=\"Was bringt das Projekt?\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Was bringt das Projekt?\">\n                                    Was bringt das Projekt?                                <\/h2>\n                            \n                                                            <p aria-label=\"\nDie Menschen in Bamberg sollen fr\u00fch wissen:Wie k\u00f6nnen sie mitmachen?Wann k\u00f6nnen sie mitmachen?\nSie erhalten Infos zu den Pl\u00e4nen von der Stadt.\nSo k\u00f6nnen sie gut mitreden.\nMan kann auch sehen:Wie weit ist das Projekt?\n\">\n                                    <ul>\n<li>Die Menschen in Bamberg sollen fr\u00fch wissen:<br \/>Wie k\u00f6nnen sie mitmachen?<br \/>Wann k\u00f6nnen sie mitmachen?<\/li>\n<li>Sie erhalten Infos zu den Pl\u00e4nen von der Stadt.<\/li>\n<li>So k\u00f6nnen sie gut mitreden.<\/li>\n<li>Man kann auch sehen:<br \/>Wie weit ist das Projekt?<\/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\/06\/GreenDemo_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 wollen, dass die Menschen mitreden k\u00f6nnen.<br\/>Das ist auch wichtig f\u00fcr die Gesellschaft.<br\/>Und f\u00fcr die Demokratie.<br\/>Daf\u00fcr brauchen sie fr\u00fch Informationen.\u201c<\/i><\/p>\n                                                \n                                                    <p class=\"h5 px-3\">Michaela Schraetz<\/p>\n                                                \n                                                    <p class=\"px-3\">Amt f\u00fcr B\u00fcrgerbeteiligung, Presse- und \u00d6ffentlichkeitsarbeit<\/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\">2025 diskutieren verschiedene Stellen miteinander.<br \/>Die Stellen sind:<br \/>Smart City Bamberg<br \/>die B\u00fcrger-Beteiligungs-Stelle<br \/>das B\u00fcro f\u00fcr Nach-Haltigkeit.<br \/>Sie \u00fcberlegen:<br \/>Was gibt es f\u00fcr Probleme?<br \/>Die Probleme sollen aus verschiedenen Bereichen sein.<br \/>Die Bereiche sind:<br \/>Innovation<br \/>Nach-Haltigkeit<br \/>Demokratie.<\/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\">2025 diskutieren verschiedene Stellen miteinander.<br \/>Die Stellen sind:<br \/>Smart City Bamberg<br \/>die B\u00fcrger-Beteiligungs-Stelle<br \/>das B\u00fcro f\u00fcr Nach-Haltigkeit.<br \/>Sie \u00fcberlegen:<br \/>Was gibt es f\u00fcr Probleme?<br \/>Die Probleme sollen aus verschiedenen Bereichen sein.<br \/>Die Bereiche sind:<br \/>Innovation<br \/>Nach-Haltigkeit<br \/>Demokratie.<\/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\">Sie \u00fcberlegen, welche L\u00f6sungen es geben k\u00f6nnte.<br \/>Anfang 2026 entscheiden sie:<br \/>Was wollen wir im Projekt erreichen?<\/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\">Sie \u00fcberlegen, welche L\u00f6sungen es geben k\u00f6nnte.<br \/>Anfang 2026 entscheiden sie:<br \/>Was wollen wir im Projekt erreichen?<\/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 Stadt macht bis Juni 2026 einen Prototyp.<br \/>Der Prototyp ist ein erstes Beispiel.<br \/>Das Beispiel zeigt:<br \/>So kann man die Daten weitergeben.<br \/>Dabei hilft das st\u00e4dtische Prozess-Management.<\/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 Stadt macht bis Juni 2026 einen Prototyp.<br \/>Der Prototyp ist ein erstes Beispiel.<br \/>Das Beispiel zeigt:<br \/>So kann man die Daten weitergeben.<br \/>Dabei hilft das st\u00e4dtische Prozess-Management.<\/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\">Das Klima- und Umwelt-Amt testet das bis Oktober 2027.<br \/>Der Test ist intern.<br \/>Das hei\u00dft:<br \/>Es ist nicht f\u00fcr andere zu sehen.<\/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\">Das Klima- und Umwelt-Amt testet das bis Oktober 2027.<br \/>Der Test ist intern.<br \/>Das hei\u00dft:<br \/>Es ist nicht f\u00fcr andere zu sehen.<\/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\">Bis Ende 2027 ist das Projekt fertig.<br \/>Dann k\u00f6nnen die Menschen es benutzen.<\/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\">Bis Ende 2027 ist das Projekt fertig.<br \/>Dann k\u00f6nnen die Menschen es benutzen.<\/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=\"Beteiligte Personen\"\n>\n    <div class=\"container py-5\">\n        <div class=\"row pt-5\">\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                        class=\"col-12 col-md-3 text-center p-5\"\n                        role=\"group\"\n                        aria-label=\"Person: Riccardo Schreck, Projektmanagement, Klima- und Umweltamt\"\n                    >\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/Digitaler-Zwilling_Symbolbild_Karl-Heinz-Schramm-V2.jpg\" \n                                alt=\"Portr\u00e4t von Riccardo Schreck\" \n                                class=\"img-fluid mb-4 w-100\" \n                                style=\"border-radius: 100%;\"\n                            >\n                        \n                        <p class=\"h7\">\n                                                            <strong class=\"fw-bold\">Riccardo Schreck<\/strong><br>\n                                                                                        Projektmanagement, Klima- und Umweltamt                                                    <\/p>\n\n                                                    <p>\n                                <a \n                                    href=\"mailto:riccardo.schreck@stadt.bamberg.de\" \n                                    style=\"color: #622180\" \n                                    aria-label=\"Mehr \u00fcber Riccardo Schreck: Kontakt\"\n                                >\n                                    Kontakt                                <\/a>\n                            <\/p>\n                                            <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Die Stadt gemeinsam entwickeln (EU-Projekt)<\/p>\n","protected":false},"featured_media":7647,"template":"","meta":{"_acf_changed":false,"show_more_button":false,"footnotes":""},"project_category":[88],"class_list":["post-7676","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\/7676","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":3,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/7676\/revisions"}],"predecessor-version":[{"id":7693,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/7676\/revisions\/7693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media\/7647"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=7676"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/project_category?post=7676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}