{"id":3234,"date":"2025-03-01T13:02:05","date_gmt":"2025-03-01T12:02:05","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/projekte\/wort-zu-text-netzwerkprojekt\/"},"modified":"2025-09-18T09:26:18","modified_gmt":"2025-09-18T07:26:18","slug":"wort-zu-text-netzwerkprojekt","status":"publish","type":"projects","link":"https:\/\/smartcity.bamberg.de\/les\/projekte\/wort-zu-text-netzwerkprojekt\/","title":{"rendered":"Wort zu Text"},"content":{"rendered":"\n\n\n<section \n    class=\"section container-fluid pt-5 pb-5 position-relative subheader\" \n    role=\"region\" \n    aria-label=\"Wort zu Text\"\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=\"Wort zu Text\">Wort zu Text<\/h1>\n                                                    <h2 class=\"h3 fw-lighter\" aria-label=\"Lesend h\u00f6ren\">Lesend h\u00f6ren<\/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_2.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\">Teilhabe und Inklusion<\/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\">Netzwerkprojekt<\/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 k\u00f6nnen schlecht h\u00f6ren oder haben Probleme mit der Sprache.Diese Menschen sollen gesprochene Inhalte besser verstehen k\u00f6nnen.Zum Beispiel in Gespr\u00e4chen mit Beh\u00f6rden oder \u00c4rzten.So k\u00f6nnen sie gleichberechtigt am Alltag teilnehmen.\n'><p style=\"text-align: center;\">Manche Menschen k\u00f6nnen schlecht h\u00f6ren oder haben Probleme mit der Sprache.<br \/>Diese Menschen sollen gesprochene Inhalte besser verstehen k\u00f6nnen.<br \/>Zum Beispiel in Gespr\u00e4chen mit Beh\u00f6rden oder \u00c4rzten.<br \/>So k\u00f6nnen sie gleichberechtigt am Alltag teilnehmen.<\/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>Wir machen keine technische L\u00f6sung.<\/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>Es sollte eine digitale Anwendung gemacht werden.<br>Die Anwendung sollte gesprochene Worte in Text verwandeln.<br>Es gibt aber schon Programme daf\u00fcr.<br>Deshalb d\u00fcrfen wir keine neue Technik entwickeln.<br>Es soll ein Projekt sein, bei dem Menschen zusammen arbeiten.<br>Es gibt Schulungen f\u00fcr die Technik, die es schon gibt.<br>Menschen sollen zusammen Ideen entwickeln.<br>Das soll mit Veranstaltungen passieren.   <\/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=\"Warum machen wir das Projekt nicht?\">\n                                                            <h2 class=\"h5 pb-3\" aria-label=\"Warum machen wir das Projekt nicht?\">\n                                    Warum machen wir das Projekt nicht?                                <\/h2>\n                            \n                                                            <p aria-label=\"\nUnser Geldgeber sagt:\nEs gibt schon solche technische L\u00f6sungen.\nWir brauchen nicht noch eine.\nDeshalb d\u00fcrfen wir kein Geld daf\u00fcr ausgeben.\n\">\n                                    <ul>\n<li>Unser Geldgeber sagt:<\/li>\n<li>Es gibt schon solche technische L\u00f6sungen.<\/li>\n<li>Wir brauchen nicht noch eine.<\/li>\n<li>Deshalb d\u00fcrfen wir kein Geld daf\u00fcr ausgeben.<\/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\/Wort-zu-Text_Symbolbild.jpg\" \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\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: 2 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 2: 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\">Eine Person reicht die Projektidee im Herbst 2021 ein.<br>Die Person hat selbst eine H\u00f6reinschr\u00e4nkung.<\/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\">Eine Person reicht die Projektidee im Herbst 2021 ein.<br>Die Person hat selbst eine H\u00f6reinschr\u00e4nkung.<\/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 2: 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\">Wir d\u00fcrfen das Projekt nicht wie geplant 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 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 d\u00fcrfen das Projekt nicht wie geplant 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<\/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>Lesend h\u00f6ren (Netzwerkprojekt)<\/p>\n","protected":false},"featured_media":3235,"template":"","meta":{"_acf_changed":false,"show_more_button":true,"footnotes":""},"project_category":[49],"class_list":["post-3234","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\/3234","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\/3234\/revisions"}],"predecessor-version":[{"id":4090,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/projects\/3234\/revisions\/4090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media\/3235"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=3234"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/project_category?post=3234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}