{"id":3716,"date":"2025-02-20T09:41:29","date_gmt":"2025-02-20T08:41:29","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/smartcity\/"},"modified":"2025-09-22T16:14:10","modified_gmt":"2025-09-22T14:14:10","slug":"smartcity","status":"publish","type":"page","link":"https:\/\/smartcity.bamberg.de\/les\/smartcity\/","title":{"rendered":"SmartCity"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"Smart City\"\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=\"Smart City\">Smart City<\/h1>\n                                                     <p class=\"mt-4\" aria-label=\"Smart City ist ein englisches Wort.Das hei\u00dft: schlaue Stadt.Die Stadt benutzt neue Technik.So soll das Leben von den Menschen besser werden.Und die Stadt soll besser arbeiten k\u00f6nnen.Die Stadt soll auch nachhaltig sein.Daf\u00fcr benutzt die Stadt zum Beispiel:- Sensoren- Daten-Analyse- andere digitale L\u00f6sungen.  \">Smart City ist ein englisches Wort.<br>Das hei\u00dft: schlaue Stadt.<br>Die Stadt benutzt neue Technik.<br>So soll das Leben von den Menschen besser werden.<br>Und die Stadt soll besser arbeiten k\u00f6nnen.<br>Die Stadt soll auch nachhaltig sein.<br>Daf\u00fcr benutzt die Stadt zum Beispiel:<br>&#8211; Sensoren<br>&#8211; Daten-Analyse<br>&#8211; andere digitale L\u00f6sungen.  <\/p>\n                       \n                                    <\/div>\n        <\/div>\n            <\/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\n<section \n    class=\"section container-fluid py-5 bg-white text-black text-image-half \" \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=\"Das F\u00f6rderprogramm\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Das F\u00f6rderprogramm\">\n                                    Das F\u00f6rderprogramm                                <\/h2>\n                            \n                                                            <p aria-label=\"Die Regierung von Deutschland will 73 St\u00e4dten in Deutschland helfen.\nDie St\u00e4dte sollen Smart Cities werden.\nDaf\u00fcr gibt es ein F\u00f6rder-Programm.\nEin F\u00f6rder-Programm ist eine Hilfe.\nDas F\u00f6rder-Programm hei\u00dft: Modell-Projekte Smart Cities.\nDie kurze Form ist:\nMPSC.\nDie Regierung gibt den St\u00e4dten 830 Millionen Euro.\nDie St\u00e4dte sollen damit neue Technik machen.\nAlle deutschen St\u00e4dte sollen die Technik benutzen.\nHier geht es zur Webseite des F\u00f6rderprogramms.\">\n                                    <p>Die Regierung von Deutschland will 73 St\u00e4dten in Deutschland helfen.<br \/>\nDie St\u00e4dte sollen Smart Cities werden.<br \/>\nDaf\u00fcr gibt es ein F\u00f6rder-Programm.<br \/>\nEin F\u00f6rder-Programm ist eine Hilfe.<br \/>\nDas F\u00f6rder-Programm hei\u00dft: Modell-Projekte Smart Cities.<br \/>\nDie kurze Form ist:<br \/>\nMPSC.<br \/>\nDie Regierung gibt den St\u00e4dten 830 Millionen Euro.<br \/>\nDie St\u00e4dte sollen damit neue Technik machen.<br \/>\nAlle deutschen St\u00e4dte sollen die Technik benutzen.<\/p>\n<p><a href=\"https:\/\/www.smart-city-dialog.de\/leichte-sprache\">Hier geht es zur Webseite des F\u00f6rderprogramms.<\/a><\/p>                                <\/p>\n                                                    <\/div>\n                                            <div class=\"pb-3 pb-md-5\" role=\"article\" aria-label=\"Smart City in Bamberg\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Smart City in Bamberg\">\n                                    Smart City in Bamberg                                <\/h2>\n                            \n                                                            <p aria-label=\"Bamberg ist seit November 2020 Teil von einem F\u00f6rder-Programm.Das F\u00f6rder-Programm hei\u00dft: Smart City.Bamberg hat ein Konzept f\u00fcr ein smartes Welt-Erbe gemacht.Das Konzept ist sehr gut.Deshalb wurde Bamberg als Modell-Projekt ausgew\u00e4hlt.Das Team von Smart City Bamberg hat Ideen gesammelt.Die Ideen kommen aus verschiedenen Bereichen:&#8211; Verwaltung&#8211; Wirtschaft&#8211; Forschung&#8211; B\u00fcrger.Bis M\u00e4rz 2023 hat das Team eine Strategie f\u00fcr ein smartes Bamberg gemacht.Seit April 2023 wird die Strategie umgesetzt.Aus den Ideen entstehen neue digitale Anwendungen.Dabei arbeiten verschiedene Bereiche zusammen:&#8211; Fach-\u00c4mter&#8211; Universit\u00e4t&#8211; Menschen in Bamberg.    \">\n                                    <p>Bamberg ist seit November 2020 Teil von einem F\u00f6rder-Programm.<br \/>Das F\u00f6rder-Programm hei\u00dft: Smart City.<br \/>Bamberg hat ein Konzept f\u00fcr ein smartes Welt-Erbe gemacht.<br \/>Das Konzept ist sehr gut.<br \/>Deshalb wurde Bamberg als Modell-Projekt ausgew\u00e4hlt.<br \/>Das Team von Smart City Bamberg hat Ideen gesammelt.<br \/>Die Ideen kommen aus verschiedenen Bereichen:<br \/>&#8211; Verwaltung<br \/>&#8211; Wirtschaft<br \/>&#8211; Forschung<br \/>&#8211; B\u00fcrger.<br \/>Bis M\u00e4rz 2023 hat das Team eine Strategie f\u00fcr ein smartes Bamberg gemacht.<br \/>Seit April 2023 wird die Strategie umgesetzt.<br \/>Aus den Ideen entstehen neue digitale Anwendungen.<br \/>Dabei arbeiten verschiedene Bereiche zusammen:<br \/>&#8211; Fach-\u00c4mter<br \/>&#8211; Universit\u00e4t<br \/>&#8211; Menschen in Bamberg.    <\/p>                                <\/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\/02\/map_with_points.svg\" \n                        alt=\"Veranschaulichendes Bild zum Textabschnitt\" \n                        class=\"img-fluid rounded\"\n                    >\n                \n                                    <p \n                        class=\"text-end fst-italic fs-7 pt-3 pe-5\"\n                        aria-label=\"Modellprojekte Smart Cities\"\n                    >\n                        Modellprojekte Smart Cities                    <\/p>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\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\">Der Steuerungs-Kreis<\/h2>\n                  <p class=\"px-3\"><p>Der Steuerungs-Kreis ist eine Gruppe von Fach-Personen.<br \/>\nDie Fach-Personen sind aus der Stadt-Verwaltung.<br \/>\nUnd die Fach-Personen sind von den st\u00e4dtischen T\u00f6chtern und der Universit\u00e4t.<br \/>\nDie Fach-Personen bekommen immer wieder Infos \u00fcber die Projekte.<br \/>\nUnd die Fach-Personen k\u00f6nnen sagen:<br \/>\nSo geht es mit den Projekten weiter.<\/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\">Smart City &#8211; ein Teil der Stadtverwaltung<\/h2>\n            <p>Das Programm Smart City Bamberg (SCB) ist ein Teil von der Stadt-Verwaltung.<br>Das Programm ist im Referat f\u00fcr Wirtschaft und Digitalisierung.<br>Der Stadt-Rat hat entschieden:<br>Welche Projekte soll das Programm machen?<br>Das Team von Smart City bekommt Hilfe von:<br>&#8211; dem Steuerungs-Kreis<br>&#8211; den Projektleitungen in den verschiedenen Fach\u00e4mtern<br>&#8211; den Beir\u00e4ten von der Stadt.   <\/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=\"container-fluid bg-white py-5 py-md-5\"\n    role=\"region\"\n    aria-label=\"Unsere Ziele f\u00fcr Bamberg\"\n>\n    <div class=\"container py-5\">\n        <div \n            class=\"row justify-content-center px-3 py-1 my-md-5\"\n            role=\"group\"\n            aria-label=\"Abschnittstitel und Beschreibung\"\n        >\n            <div class=\"col-11 col-md-7 text-center\">\n                                    <h1 class=\"h4\" aria-label=\"Unsere Ziele f\u00fcr Bamberg\">\n                        Unsere Ziele f\u00fcr Bamberg                    <\/h1>\n                \n                            <\/div>\n        <\/div>\n\n        <div \n            class=\"row justify-content-center pt-5 px-3 px-md-0\"\n            role=\"list\"\n            aria-label=\"Raster von Informationskarten mit Links\"\n        >\n                                            <div \n                    class=\"col-12 col-md-4 pb-5 \" \n                    role=\"listitem\"\n                    aria-label=\"Smarte Welterbestadt\"\n                >\n                    <div class=\"card bg-transparent text-black border-0\" role=\"group\">\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/sc_image_1.png\" \n                                class=\"img-fluid rounded mb-3\" \n                                alt=\"Smarte Welterbestadt\"\n                            >\n                        \n                        <div class=\"card-body px-1\">\n                                                            <h3 class=\"fw-bold pt-2 pb-2 h7\" aria-label=\"Smarte Welterbestadt\">\n                                    Smarte Welterbestadt                                <\/h3>\n                            \n                                                            <p class=\"card-text pb-3 target-text\" aria-label=\"Daten helfen dabei, dass Bamberg bewahrt wird.\">\n                                    Daten helfen dabei, dass Bamberg bewahrt wird.                                <\/p>\n                            \n\n\n    <a \n        href=\"\/les\/ziele-es\/#smarte-welterbestadt\" \n        class=\"link-purple fw-bold\"\n        aria-label=\"Mehr Infos \u00fcber Smarte Welterbestadt\"\n    >\n        Mehr erfahren    <\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            <div \n                    class=\"col-12 col-md-4 pb-5 offset-0 offset-md-1 offset-md-1-small\" \n                    role=\"listitem\"\n                    aria-label=\"Nachhaltige Stadt\"\n                >\n                    <div class=\"card bg-transparent text-black border-0\" role=\"group\">\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/sc_image_2.png\" \n                                class=\"img-fluid rounded mb-3\" \n                                alt=\"Nachhaltige Stadt\"\n                            >\n                        \n                        <div class=\"card-body px-1\">\n                                                            <h3 class=\"fw-bold pt-2 pb-2 h7\" aria-label=\"Nachhaltige Stadt\">\n                                    Nachhaltige Stadt                                <\/h3>\n                            \n                                                            <p class=\"card-text pb-3 target-text\" aria-label=\"Daten helfen dabei, dass Bamberg f\u00fcr alle ist.\">\n                                    Daten helfen dabei, dass Bamberg f\u00fcr alle ist.                                <\/p>\n                            \n\n\n    <a \n        href=\"\/les\/ziele-es\/#nachhaltige-stadt\" \n        class=\"link-purple fw-bold\"\n        aria-label=\"Mehr Infos \u00fcber Nachhaltige Stadt\"\n    >\n        Mehr erfahren    <\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            <div \n                    class=\"col-12 col-md-4 pb-5 \" \n                    role=\"listitem\"\n                    aria-label=\"Das Potential von Daten\"\n                >\n                    <div class=\"card bg-transparent text-black border-0\" role=\"group\">\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/sc_image_3.png\" \n                                class=\"img-fluid rounded mb-3\" \n                                alt=\"Das Potential von Daten\"\n                            >\n                        \n                        <div class=\"card-body px-1\">\n                                                            <h3 class=\"fw-bold pt-2 pb-2 h7\" aria-label=\"Das Potential von Daten\">\n                                    Das Potential von Daten                                <\/h3>\n                            \n                                                            <p class=\"card-text pb-3 target-text\" aria-label=\"Daten sollen allen nutzen.\r\n\">\n                                    Daten sollen allen nutzen.\r\n                                <\/p>\n                            \n\n\n    <a \n        href=\"\/les\/ziele-es\/#potential-daten\" \n        class=\"link-purple fw-bold\"\n        aria-label=\"Mehr Infos \u00fcber Das Potential von Daten\"\n    >\n        Mehr erfahren    <\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            <div \n                    class=\"col-12 col-md-4 pb-5 offset-0 offset-md-1 offset-md-1-small\" \n                    role=\"listitem\"\n                    aria-label=\"Innovationskraft in Bamberg\"\n                >\n                    <div class=\"card bg-transparent text-black border-0\" role=\"group\">\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/sc_image_4.png\" \n                                class=\"img-fluid rounded mb-3\" \n                                alt=\"Innovationskraft in Bamberg\"\n                            >\n                        \n                        <div class=\"card-body px-1\">\n                                                            <h3 class=\"fw-bold pt-2 pb-2 h7\" aria-label=\"Innovationskraft in Bamberg\">\n                                    Innovationskraft in Bamberg                                <\/h3>\n                            \n                                                            <p class=\"card-text pb-3 target-text\" aria-label=\" Daten helfen dabei, dass alle zusammenarbeiten. \">\n                                     Daten helfen dabei, dass alle zusammenarbeiten.                                 <\/p>\n                            \n\n\n    <a \n        href=\"\/les\/ziele-es\/#innovationskraft\" \n        class=\"link-purple fw-bold\"\n        aria-label=\"Mehr Infos \u00fcber Innovationskraft in Bamberg\"\n    >\n        Mehr erfahren    <\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\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: 12 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 12: November 2020 (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 November 2020\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNovember 2020\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\">Der F\u00f6rder-Antrag wurde genehmigt.<br>Jetzt kann Bamberg eine Smart City werden.<\/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\">November 2020<\/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\">Der F\u00f6rder-Antrag wurde genehmigt.<br>Jetzt kann Bamberg eine Smart City werden.<\/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 12: Mai 2021 (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 Mai 2021\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tMai 2021\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\">Es gibt eine gro\u00dfe Veranstaltung.<br>Ab jetzt k\u00f6nnen Menschen bei Smart City Bamberg mitmachen.<\/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\">Mai 2021<\/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\">Es gibt eine gro\u00dfe Veranstaltung.<br>Ab jetzt k\u00f6nnen Menschen bei Smart City Bamberg mitmachen.<\/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 3 von 12: Juni 2021 (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 Juni 2021\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tJuni 2021\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 Multiplikatoren reden mit Menschen \u00fcber Smart City Bamberg.<\/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\">Juni 2021<\/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 Multiplikatoren reden mit Menschen \u00fcber Smart City Bamberg.<\/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 4 von 12: September 2021 (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-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 September 2021\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tSeptember 2021\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\">Es gibt mehr als 12 Treffen mit Personen.<br>Die Personen geben Ideen f\u00fcr ein smartes Bamberg.<\/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\">September 2021<\/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\">Es gibt mehr als 12 Treffen mit Personen.<br>Die Personen geben Ideen f\u00fcr ein smartes Bamberg.<\/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 5 von 12: Oktober 2021 (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-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 Oktober 2021\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tOktober 2021\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\">Es gibt eine Veranstaltung mit mehr als 130 Menschen.<br>Sie reden \u00fcber 27 Projekt-Ideen.<\/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\">Oktober 2021<\/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\">Es gibt eine Veranstaltung mit mehr als 130 Menschen.<br>Sie reden \u00fcber 27 Projekt-Ideen.<\/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 6 von 12: November 2021 (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-5\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-5\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr November 2021\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNovember 2021\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-5\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Die Stadt-Verwaltung und die Universit\u00e4t arbeiten zusammen.<br>Das Projekt hei\u00dft: Smart City Research Lab.<\/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\">November 2021<\/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-Verwaltung und die Universit\u00e4t arbeiten zusammen.<br>Das Projekt hei\u00dft: Smart City Research Lab.<\/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 7 von 12: Februar 2022 (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-6\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-6\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Februar 2022\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tFebruar 2022\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-6\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Bei einem Hackathon pr\u00fcft man die ersten Ideen:<br>Wie kann man die Ideen technisch 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\">Februar 2022<\/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\">Bei einem Hackathon pr\u00fcft man die ersten Ideen:<br>Wie kann man die Ideen technisch 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 done blue-line justify-content-center\"\n\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\taria-label=\"Schritt 8 von 12: Juni 2022 (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-7\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-7\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Juni 2022\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tJuni 2022\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-7\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Studenten machen erste Skizzen f\u00fcr Projekte.<br>So k\u00f6nnen die Projekt-Ideen besser werden.<\/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\">Juni 2022<\/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\">Studenten machen erste Skizzen f\u00fcr Projekte.<br>So k\u00f6nnen die Projekt-Ideen besser werden.<\/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 9 von 12: Juli 2022 (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-8\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-8\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Juli 2022\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tJuli 2022\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-8\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Vertreter von bestimmten Gruppen pr\u00fcfen:<br>Was brauchen die Menschen?<br>Ist das in den Projekten wichtig?<\/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\">Juli 2022<\/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\">Vertreter von bestimmten Gruppen pr\u00fcfen:<br>Was brauchen die Menschen?<br>Ist das in den Projekten wichtig?<\/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 10 von 12: Dezember 2022 (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-9\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-9\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Dezember 2022\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tDezember 2022\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-9\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Mehr als 40 St\u00e4dte kommen nach Bamberg.<br>Sie reden dar\u00fcber:<br>Bei welchen Projekten kann man zusammen arbeiten?<\/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\">Dezember 2022<\/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\">Mehr als 40 St\u00e4dte kommen nach Bamberg.<br>Sie reden dar\u00fcber:<br>Bei welchen Projekten kann man zusammen arbeiten?<\/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 11 von 12: Februar 2023 (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-10\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-10\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Februar 2023\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tFebruar 2023\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-10\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Das Team SCB schreibt das Strategie-Papier.<br>In dem Strategie-Papier stehen die 18 Projekte.<\/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\">Februar 2023<\/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\">Das Team SCB schreibt das Strategie-Papier.<br>In dem Strategie-Papier stehen die 18 Projekte.<\/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 12 von 12: Mai 2023 (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-11\" \n\t\t\t\t\t\t\t\t\taria-expanded=\"false\" \n\t\t\t\t\t\t\t\t\taria-controls=\"collapse-11\"\n\t\t\t\t\t\t\t\t\taria-label=\"\u00d6ffne Beschreibung f\u00fcr Mai 2023\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tMai 2023\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t<div id=\"collapse-11\" class=\"collapse\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0 mt-2\">Wir haben das Strategie-Papier beim F\u00f6rdermittel-Geber abgegeben.<br>Jetzt k\u00f6nnen wir mit der Arbeit anfangen.<br>Das feiern wir!<\/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\">Mai 2023<\/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\">Wir haben das Strategie-Papier beim F\u00f6rdermittel-Geber abgegeben.<br>Jetzt k\u00f6nnen wir mit der Arbeit anfangen.<br>Das feiern wir!<\/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=\"section container-fluid py-5 bg-white text-black\"\n    role=\"region\"\n    aria-label=\"Die Smart City Strategie zum Nachlesen\"\n>\n    <div class=\"container py-5\">\n        <div class=\"row align-items-start py-5\">\n            \n            <!-- Textbereich mit Buttons -->\n            <div \n                class=\"col-12 col-md-5 pb-5 pb-md-0\"\n                role=\"group\"\n                aria-label=\"Linkbeschreibungen und Schaltfl\u00e4chen\"\n            >\n                                    <h2 class=\"h5 pb-3\" aria-label=\"Die Smart City Strategie zum Nachlesen\">\n                        Die Smart City Strategie zum Nachlesen                    <\/h2>\n                \n                                    <p class=\"pb-4\" aria-label=\"Es gibt zwei Strategietexte: eine lange und eine kurze.Hier findest du sie: \">\n                        Es gibt zwei Strategietexte: eine lange und eine kurze.<br>Hier findest du sie:                     <\/p>\n                \n                                    <div role=\"group\" aria-label=\"Download- oder Sekund\u00e4rlinks\">\n                                                    <a \n                                target=\"_blank\" \n                                href=\"http:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/09\/Strategiepapier_A4_quer_Web_interaktiv-1.pdf\" \n                                class=\"btn rounded-pill mb-3 text-black border border-dark downloadBtn d-inline-block\"\n                                aria-label=\"Link: Zum Download der langen Strategie (\u00f6ffnet in neuem Tab)\"\n                                rel=\"noopener noreferrer\"\n                            > \n                                Zum Download der langen Strategie \n                            <\/a>\n                                                    <a \n                                target=\"_blank\" \n                                href=\"http:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/09\/Strategiepapier_Kurzversion_A4_quer_Web.pdf\" \n                                class=\"btn rounded-pill mb-3 text-black border border-dark downloadBtn d-inline-block\"\n                                aria-label=\"Link: Zum Download der kurzen Strategie (\u00f6ffnet in neuem Tab)\"\n                                rel=\"noopener noreferrer\"\n                            > \n                                Zum Download der kurzen Strategie \n                            <\/a>\n                                            <\/div>\n                            <\/div>\n\n            <!-- Bildbereich -->\n            <div \n                class=\"col-12 col-md-6 offset-md-1 d-flex flex-column align-items-end\"\n                role=\"img\"\n                aria-label=\"Veranschaulichendes Bild zu: Die Smart City Strategie zum Nachlesen\"\n            >\n                                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/mockup_fl.png\" \n                        class=\"w-100\" \n                        alt=\"Die Smart City Strategie zum Nachlesen\"\n                    >\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3716","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/3716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/comments?post=3716"}],"version-history":[{"count":9,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/3716\/revisions"}],"predecessor-version":[{"id":4238,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/3716\/revisions\/4238"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=3716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}