{"id":3243,"date":"2025-03-02T13:00:36","date_gmt":"2025-03-02T12:00:36","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/projekte\/stadtteilbuero-fuer-digitales-puv\/"},"modified":"2025-12-10T12:24:41","modified_gmt":"2025-12-10T11:24:41","slug":"stadtteilbuero-fuer-digitales-puv","status":"publish","type":"projects","link":"https:\/\/smartcity.bamberg.de\/les\/projekte\/stadtteilbuero-fuer-digitales-puv\/","title":{"rendered":"Stadtteilb\u00fcro f\u00fcr Digitales"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"Stadtteilb\u00fcros f\u00fcr Digitales\"\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=\"Stadtteilb\u00fcros f\u00fcr Digitales\">Stadtteilb\u00fcros f\u00fcr Digitales<\/h1>\n                                                    <h2 class=\"h3 fw-lighter\" aria-label=\"Unterst\u00fctzung im Quartier\">Unterst\u00fctzung im Quartier<\/h2>\n                                    \n                                        <div class=\"col icon-col\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/teilhaben_in_bamberg_5.png\" \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\">Digitale Kompetenzen<\/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\">Offen<\/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\">Unter Vorbehalt<\/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\">Offen<\/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\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='Manche Menschen haben Fragen zu digitalen Themen.Und manche Menschen haben Schwierigkeiten mit digitalen Programmen.Diese Menschen k\u00f6nnen Hilfe bekommen.Sie m\u00fcssen daf\u00fcr nicht in die Stadt kommen.Sie k\u00f6nnen sich direkt in ihrem Stadt-Teil beraten lassen.So k\u00f6nnen alle Menschen mitmachen.Und alle Menschen k\u00f6nnen die digitalen Sachen benutzen.  \n'><p style=\"text-align: center;\">Manche Menschen haben Fragen zu digitalen Themen.<br \/>Und manche Menschen haben Schwierigkeiten mit digitalen Programmen.<br \/>Diese Menschen k\u00f6nnen Hilfe bekommen.<br \/>Sie m\u00fcssen daf\u00fcr nicht in die Stadt kommen.<br \/>Sie k\u00f6nnen sich direkt in ihrem Stadt-Teil beraten lassen.<br \/>So k\u00f6nnen alle Menschen mitmachen.<br \/>Und alle Menschen k\u00f6nnen die digitalen Sachen benutzen.  <\/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\n\n\n\n<section class=\"container-fluid  bg-grey  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                  <p class=\"px-3\"><p>Das Projekt ist keine Software-Entwicklung.<br \/>\nDie Menschen sollen die Smart City L\u00f6sungen benutzen k\u00f6nnen.<br \/>\nDabei soll das Projekt helfen.<\/p>\n<\/p>\n               <\/div>\n            <\/div>\n         <\/div>\n         <div class=\"col-12 col-lg-6 offset-lg-1 d-flex flex-column justify-content-center\">\n            <h2 class=\"h5\">Projektbeschreibung<\/h2>\n            <p>Das Projekt ist noch nicht sicher.<br>Man muss noch entscheiden:<br>Kann man das Projekt machen?\r\n\r\nDie Idee war:\r\nEs gibt viele Stadt-Teil-B\u00fcros in der Stadt.<br>Die Menschen finden dort Hilfe.<br>Die Mitarbeiter in den Stadt-Teil-B\u00fcros zeigen den Menschen:<br>So benutzt man Online-Dienste.<br>Online-Dienste sind zum Beispiel:<br>&#8211; Online einkaufen<br>&#8211; Video-Anrufe machen.<br>Dann k\u00f6nnen auch Menschen die Online-Dienste benutzen:<br>&#8211; die nicht gut mit Computern arbeiten k\u00f6nnen<br>&#8211; die nicht gut mit dem Internet arbeiten k\u00f6nnen.     <\/p>\n            <div class=\"d-flex\">\n                     <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/section>\n\n\n\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=\"Dabei k\u00f6nnte man zum Beispiel helfen:\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Dabei k\u00f6nnte man zum Beispiel helfen:\">\n                                    Dabei k\u00f6nnte man zum Beispiel helfen:                                <\/h2>\n                            \n                                                            <p aria-label=\"\nWie benutze ich die Bamberg-App?\nWie benutze ich die Internet-Seite \u201aBamberg miteinander\u2018?\nWie kann ich Sachen f\u00fcr die Beh\u00f6rde im Internet machen?\nWie kann ich mein Ger\u00e4t f\u00fcr digitale Kommunikation benutzen?\n\">\n                                    <ul>\n<li>Wie benutze ich die Bamberg-App?<br \/>\nWie benutze ich die Internet-Seite \u201aBamberg miteinander\u2018?<\/li>\n<li>Wie kann ich Sachen f\u00fcr die Beh\u00f6rde im Internet machen?<\/li>\n<li>Wie kann ich mein Ger\u00e4t f\u00fcr digitale Kommunikation benutzen?<\/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\/2025\/03\/Stadtteilbuero-fuer-Digitales_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\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;\">\u201eManche Menschen kennen sich noch nicht gut mit dem Internet aus.<br>Diese Menschen k\u00f6nnen im Quartier lernen:<br>Wie kann man das Internet benutzen?<br>Dann k\u00f6nnen die Menschen selbstst\u00e4ndiger sein.<br>Zum Beispiel:<br>Termine machen<br>Infos suchen<br>Kontakt zu Familie und Freunden haben.<br>Die Menschen k\u00f6nnen mehr \u00fcber das Internet lernen.<br>Dann k\u00f6nnen die Menschen mit der Welt in Verbindung bleiben. \u201c<\/i><\/p>\n                                                \n                                                    <p class=\"h5 px-3\">Stefanie Hahn<\/p>\n                                                \n                                                    <p class=\"px-3\">Seniorenbeauftragte der Stadt Bamberg<\/p>\n                                                \n     \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\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 last-done 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\">Verschiedene B\u00fcrger reichen im Herbst 2021 \u00e4hnliche Ideen ein.<\/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\">Verschiedene B\u00fcrger reichen im Herbst 2021 \u00e4hnliche Ideen ein.<\/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 2 von 5: Planung und Ausschreibung (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-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\">Das Projekt ist noch nicht sicher.<br>Man muss noch entscheiden:<br>Kann man das Projekt machen?<\/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 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 Projekt ist noch nicht sicher.<br>Man muss noch entscheiden:<br>Kann man das Projekt machen?<\/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 3 von 5: Entwicklung (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-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\"><\/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 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\"><\/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\"><\/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\"><\/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\"><\/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\"><\/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\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: Volker Brand, Projektmanagement\"\n                    >\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/09\/Volker-Brand-neu-scaled-e1756809072467.jpg\" \n                                alt=\"Portr\u00e4t von Volker Brand\" \n                                class=\"img-fluid mb-4 w-100\" \n                                style=\"border-radius: 100%;\"\n                            >\n                        \n                        <p class=\"h7\">\n                                                            <strong class=\"fw-bold\">Volker Brand<\/strong><br>\n                                                                                        Projektmanagement                                                    <\/p>\n\n                                                    <p>\n                                <a \n                                    href=\"\/kontakt\/\" \n                                    style=\"color: #622180\" \n                                    aria-label=\"Mehr \u00fcber Volker Brand: Kontakt\"\n                                >\n                                    Kontakt                                <\/a>\n                            <\/p>\n                                            <\/div>\n                                    <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Unterst\u00fctzung im Quartier<\/p>\n","protected":false},"featured_media":3244,"template":"","meta":{"_acf_changed":false,"show_more_button":true,"footnotes":""},"project_category":[49],"class_list":["post-3243","projects","type-projects","status-publish","has-post-thumbnail","hentry","project_category-teilhaben-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3243","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":7,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3243\/revisions"}],"predecessor-version":[{"id":6612,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3243\/revisions\/6612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media\/3244"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=3243"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/project_category?post=3243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}