{"id":3221,"date":"2025-03-01T13:02:46","date_gmt":"2025-03-01T12:02:46","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/projekte\/crowdsensing-puv\/"},"modified":"2025-12-10T12:12:34","modified_gmt":"2025-12-10T11:12:34","slug":"crowdsensing-puv","status":"publish","type":"projects","link":"https:\/\/smartcity.bamberg.de\/les\/projekte\/crowdsensing-puv\/","title":{"rendered":"Crowdsensing-App"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"Crowdsensing-App\"\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=\"Crowdsensing-App\">Crowdsensing-App<\/h1>\n                                                    <h2 class=\"h3 fw-lighter\" aria-label=\"Menschen messen ihre Stadt\">Menschen messen ihre Stadt<\/h2>\n                                    \n                                        <div class=\"col icon-col\">\n                    <img decoding=\"async\" \n                        src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/03\/informieren_in_bamberg_3.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\">Datengrundlage<\/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\">Projekt 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='Die Menschen in Bamberg sammeln selbst Daten.Sie gestalten so die Stadt mit.Die Daten sind wichtig f\u00fcr die Politik von der Stadt.Die Politik von der Stadt benutzt die Daten f\u00fcr Entscheidungen.Die Menschen verstehen die Entscheidungen.Der Stadt geht es auch in Zukunft gut.    \n'><p style=\"text-align: center;\">Die Menschen in Bamberg sammeln selbst Daten.<br \/>Sie gestalten so die Stadt mit.<br \/>Die Daten sind wichtig f\u00fcr die Politik von der Stadt.<br \/>Die Politik von der Stadt benutzt die Daten f\u00fcr Entscheidungen.<br \/>Die Menschen verstehen die Entscheidungen.<br \/>Der Stadt geht es auch in Zukunft gut.    <\/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>Die Crowdsensing-Anwendung kann ein Teil von der Bamberg-App sein.<br \/>\nSie benutzt verschiedene Sensoren.<br \/>\nDie Sensoren sind im Handy.<\/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\nDas Projekt ist noch nicht sicher.<br>Man muss noch entscheiden:<br>Kann man das Projekt machen?<br>Die Idee war:<br>Crowdsensing ist ein Fach-Wort.<br>Das hei\u00dft:<br>Viele Menschen sammeln Infos \u00fcber ihre Umwelt.<br>Die Menschen k\u00f6nnen daf\u00fcr eine App benutzen.<br>Alle k\u00f6nnen diese Infos sehen.<br>Die Stadt benutzt diese Infos.<br>Die Infos beeinflussen Entscheidungen 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=\"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=\"Welche Daten k\u00f6nnten die Menschen sammeln?\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Welche Daten k\u00f6nnten die Menschen sammeln?\">\n                                    Welche Daten k\u00f6nnten die Menschen sammeln?                                <\/h2>\n                            \n                                                            <p aria-label=\"\nWie oft und wie viel nutze ich mein Fahrrad?\nWie viel Verkehr ist vor meinem Haus?\nWie laut ist es vor meinem Haus?\nWie hei\u00df oder kalt ist es bei meinem Haus?\n\">\n                                    <ul>\n<li>Wie oft und wie viel nutze ich mein Fahrrad?<\/li>\n<li>Wie viel Verkehr ist vor meinem Haus?<\/li>\n<li>Wie laut ist es vor meinem Haus?<\/li>\n<li>Wie hei\u00df oder kalt ist es bei meinem Haus?<\/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\/Crowdsensing-App_Symbolbild-1.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;\">\u201eMit der Crowdsensing-App k\u00f6nnen alle Menschen mithelfen.<br>Dann kann Bamberg noch schlauer werden.<br>Die App ist g\u00fcnstig.<br>Mit der App k\u00f6nnen wir Infos \u00fcber Bamberg sammeln.<br>Zum Beispiel:<br>Wie hei\u00df ist es in Bamberg?<br>Wie laut ist es in Bamberg?<br>Ein Sensor kann zum Beispiel nur die Lautst\u00e4rke messen.<br>Aber mit der App k\u00f6nnen wir auch fragen:<br>Wie geht es den Menschen dabei?<br>Zum Beispiel:<br>Ist es die Nachtigall?<br>Oder ist es die Bau-Stelle?  \u201c<\/i><\/p>\n                                                \n                                                    <p class=\"h5 px-3\">Daniela Nicklas<\/p>\n                                                \n                                                    <p class=\"px-3\">Smart City Research Lab, Universit\u00e4t 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 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\">Studenten an der Uni Bamberg haben die Idee f\u00fcr eine Crowdsensing-App.<br>Das ist im Jahr 2022.<\/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\">Studenten an der Uni Bamberg haben die Idee f\u00fcr eine Crowdsensing-App.<br>Das ist im Jahr 2022.<\/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 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\">Das Projekt wird gerade nicht weiter geplant.<br>Vielleicht wird das Projekt auch nicht gemacht.<\/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\">Das Projekt wird gerade nicht weiter geplant.<br>Vielleicht wird das Projekt auch nicht gemacht.<\/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: Prof. Dr. Daniela Nicklas, Otto-Friedrich-Universit\u00e4t Bamberg - Ideengeberin und Ansprechpartnerin\"\n                    >\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/08\/SCRL_Profilbild_Daniela-Nicklas.jpg\" \n                                alt=\"Portr\u00e4t von Prof. Dr. Daniela Nicklas\" \n                                class=\"img-fluid mb-4 w-100\" \n                                style=\"border-radius: 100%;\"\n                            >\n                        \n                        <p class=\"h7\">\n                                                            <strong class=\"fw-bold\">Prof. Dr. Daniela Nicklas<\/strong><br>\n                                                                                        Otto-Friedrich-Universit\u00e4t Bamberg &#8211; Ideengeberin und Ansprechpartnerin                                                    <\/p>\n\n                                                    <p>\n                                <a \n                                    href=\"https:\/\/www.uni-bamberg.de\/mobi\/team\/daniela-nicklas\/\" \n                                    style=\"color: #622180\" \n                                    aria-label=\"Mehr \u00fcber Prof. Dr. Daniela Nicklas: 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: 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>Menschen messen ihre Stadt<\/p>\n","protected":false},"featured_media":3222,"template":"","meta":{"_acf_changed":false,"show_more_button":true,"footnotes":""},"project_category":[48],"class_list":["post-3221","projects","type-projects","status-publish","has-post-thumbnail","hentry","project_category-informieren-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":9,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3221\/revisions"}],"predecessor-version":[{"id":6608,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3221\/revisions\/6608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media\/3222"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=3221"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/project_category?post=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}