{"id":909,"date":"2025-02-20T11:15:13","date_gmt":"2025-02-20T10:15:13","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/home-page\/"},"modified":"2025-11-24T11:01:08","modified_gmt":"2025-11-24T10:01:08","slug":"home-page","status":"publish","type":"page","link":"https:\/\/smartcity.bamberg.de\/en\/","title":{"rendered":"Home page"},"content":{"rendered":"\n\n\n<!-- Erste Section: Hero -->\n<section \n    class=\"section container pt-5 hero\"\n    role=\"region\"\n    aria-label=\"Togetherwe makeBamberg smart.\"\n>\n    <div class=\"row pt-5\">\n        <!-- Hintergrundgrafiken -->\n        <img \n            decoding=\"async\" \n            src=\"http:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/02\/home_header.svg\" \n            class=\"homeHeader animMobile\" \n            id=\"homeHeader\"\n            alt=\"\"\n            role=\"presentation\"\n            aria-hidden=\"true\"\n        >\n        <div id=\"meine-lottie-animation\" class=\"homeHeader animDesktop\" aria-hidden=\"true\"><\/div>\n    <\/div>\n\n    <div class=\"row pb-5 ps-3 ps-md-0\">\n        <div \n            class=\"col-12 col-md-8 text-white mt-5 pt-5 mt-lg-0 pt-lg-0\"\n            role=\"group\"\n            aria-label=\"Hero Inhalte\"\n        >\n                            <h1 class=\"h3 text-white\" aria-label=\"Togetherwe makeBamberg smart.\">\n                    <span>Together<\/span><br>we make<br>Bamberg smart.                <\/h1>\n            \n                            <p class=\"mt-5 text-white\" aria-label=\"We develop digital technologies designed to make Bamberg an even more livable place! Our focus is on people, their needs, and their desires for a connected, innovative, and vibrant Bamberg. \">\n                    We develop digital technologies designed to make Bamberg an even more livable place! Our focus is on people, their needs, and their desires for a connected, innovative, and vibrant Bamberg.                 <\/p>\n            \n                            <a \n                    href=\"\/smart-city\/\" \n                    class=\"btn btn-primary rounded-pill bg-transparent border border-2 px-3 py-2 mt-4\" \n                    target=\"_self\"\n                    aria-label=\"Schaltfl\u00e4che: More info\"\n                >\n                    More info                <\/a>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<!-- Zweite Section: Projekte -->\n<section \n    class=\"container-fluid gradient2 px-0 py-0 py-md-5 hero\"\n    role=\"region\"\n    aria-label=\"Projekt\u00fcbersicht\"\n>\n    <div class=\"container\">\n\n<div class=\"row py-5\">\n    <div class=\"text-center col-12 text-white\" role=\"heading\" aria-level=\"2\">\n        <h1 class=\"h4\">\n                            <span class=\"h2\" aria-label=\"18 Innovation projects\">\n                    18                <\/span>\n            \n            Innovation projects<br>\n            from over\n                            <span class=\"h2\" aria-label=\"250 ideas\">\n                    250                <\/span>\n            \n            ideas        <\/h1>\n    <\/div>\n<\/div>\n\n\n        <div class=\"row pb-5 justify-content-between\">\n            <!-- Projektbild -->\n            <div class=\"col-10 col-md-6 order-md-2 pb-5 pb-md-0\" role=\"img\" aria-label=\"Projektvisualisierung\">\n                                                            <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/02\/section2_visual.svg\" \n                            alt=\"Projektbild\" \n                            class=\"img-fluid\"\n                        >\n                                                <\/div>\n\n            <!-- Projektbeschreibung -->\n            <div \n                class=\"col-12 col-md-5 order-md-1 text-white d-flex align-items-center pb-5 px-3 px-md-0\"\n                role=\"group\"\n                aria-label=\"Projektbeschreibung\"\n            >\n                <div>\n                                            <h2 class=\"h6 pb-3\" aria-label=\"18 innovation projects out of 250 ideas!\">\n                            18 innovation projects out of 250 ideas!                        <\/h2>\n                    \n                                            <p aria-label=\"Discover our projects and learn how they help preserve Bamberg, simplify movement through the city, promote social participation, and provide important information.\">\n                            Discover our projects and learn how they help preserve Bamberg, simplify movement through the city, promote social participation, and provide important information.                        <\/p>\n                    \n                    \n                                            <a \n                            href=\"https:\/\/smartcity.bamberg.de\/projekte\/\" \n                            class=\"btn btn-gradient moreBtn rounded-pill px-4 py-2 mt-4 border-0\" \n                            target=\"_self\"\n                            aria-label=\"Schaltfl\u00e4che: More info\"\n                        >\n                            More info                        <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n   \n\n    <section class=\"container-fluid bg-white px-0 py-0 py-md-5 recent-posts\">\n        <div class=\"container px-3\">\n            <div class=\"row pt-5\">\n                <h2 class=\"h5 text-center fw-bold\">News about Smart City Bamberg<\/h2>\n            <\/div>\n            <div class=\"row py-5\">\n                                    <div class=\"col-12 col-lg-4 mb-3\">\n                        <div class=\"card h-100 bg-transparent text-black border-0 px-4 px-sm-0\">\n                            <a href=\"https:\/\/smartcity.bamberg.de\/en\/smart-auf-dem-maxplatz\/\" class=\"card-img-top-wrapper\">\n                                <div class=\"card-img-top bg-cover\" style=\"background-image: url('https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/04\/WS_2026-04-10_Infotag-Maxplatz-1024x576.jpg');\"><\/div>\n                            <\/a>\n                            <div class=\"card-body px-1\">\n                                <div class=\"align-items-center mb-2 pt-3 accDirectionColumn\">\n    <span class=\"badge bg-purple p-2 me-3 d-inline-block mb-2\">\n        Veranstaltungen    <\/span>\n\n                                    <p class=\"text-black-50 p-small mb-0 d-inline-block\" style=\"font-size: 18px;\">10. April 2026<\/p>\n                                <\/div>\n                                <h3 class=\"p fw-bold pt-2\">\n                                    <a href=\"https:\/\/smartcity.bamberg.de\/en\/smart-auf-dem-maxplatz\/\" class=\"text-black text-decoration-none\">\n                                        Smart auf dem Maxplatz                                            \n                                        <\/a>\n                                <\/h3>\n                                <p class=\"card-text\">Erfolgreiche Infoveranstaltung zu Bamberg-App, Bamberg-Miteinander.de und BamB\u00f6rsla!<\/p>\n                                <a href=\"https:\/\/smartcity.bamberg.de\/en\/smart-auf-dem-maxplatz\/\" class=\"link-purple fw-bold\">Learn more<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"col-12 col-lg-4 mb-3\">\n                        <div class=\"card h-100 bg-transparent text-black border-0 px-4 px-sm-0\">\n                            <a href=\"https:\/\/smartcity.bamberg.de\/en\/unsere-neue-plattform-fuer-engagement\/\" class=\"card-img-top-wrapper\">\n                                <div class=\"card-img-top bg-cover\" style=\"background-image: url('https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/02\/WS-2026-02-19_Smart-Verstehen-1024x576.jpg');\"><\/div>\n                            <\/a>\n                            <div class=\"card-body px-1\">\n                                <div class=\"align-items-center mb-2 pt-3 accDirectionColumn\">\n    <span class=\"badge bg-purple p-2 me-3 d-inline-block mb-2\">\n        Engagementplattform    <\/span>\n\n                                    <p class=\"text-black-50 p-small mb-0 d-inline-block\" style=\"font-size: 18px;\">07. April 2026<\/p>\n                                <\/div>\n                                <h3 class=\"p fw-bold pt-2\">\n                                    <a href=\"https:\/\/smartcity.bamberg.de\/en\/unsere-neue-plattform-fuer-engagement\/\" class=\"text-black text-decoration-none\">\n                                        Unsere neue Plattform f\u00fcr Engagement                                            \n                                        <\/a>\n                                <\/h3>\n                                <p class=\"card-text\">Genau das Richtige f\u00fcr alle, die Mitstreiter:innen suchen oder Mitmachen wollen.<\/p>\n                                <a href=\"https:\/\/smartcity.bamberg.de\/en\/unsere-neue-plattform-fuer-engagement\/\" class=\"link-purple fw-bold\">Learn more<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"col-12 col-lg-4 mb-3\">\n                        <div class=\"card h-100 bg-transparent text-black border-0 px-4 px-sm-0\">\n                            <a href=\"https:\/\/smartcity.bamberg.de\/en\/drei-loesungen-fuer-ein-smartes-bamberg\/\" class=\"card-img-top-wrapper\">\n                                <div class=\"card-img-top bg-cover\" style=\"background-image: url('https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2026\/03\/Smart-City-Apps_klein-033-1024x683.jpg');\"><\/div>\n                            <\/a>\n                            <div class=\"card-body px-1\">\n                                <div class=\"align-items-center mb-2 pt-3 accDirectionColumn\">\n    <span class=\"badge bg-purple p-2 me-3 d-inline-block mb-2\">\n        Programm Smart City    <\/span>\n\n                                    <p class=\"text-black-50 p-small mb-0 d-inline-block\" style=\"font-size: 18px;\">30. March 2026<\/p>\n                                <\/div>\n                                <h3 class=\"p fw-bold pt-2\">\n                                    <a href=\"https:\/\/smartcity.bamberg.de\/en\/drei-loesungen-fuer-ein-smartes-bamberg\/\" class=\"text-black text-decoration-none\">\n                                        Drei L\u00f6sungen f\u00fcr ein smartes Bamberg                                            \n                                        <\/a>\n                                <\/h3>\n                                <p class=\"card-text\">Ab 01.04.2026 stehen die Bamberg-App, \u201eBamberg-Miteinander.de\u201c und das \u201eBamB\u00f6rsla\u201c bereit!<\/p>\n                                <a href=\"https:\/\/smartcity.bamberg.de\/en\/drei-loesungen-fuer-ein-smartes-bamberg\/\" class=\"link-purple fw-bold\">Learn more<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                \n                                                                        <div class=\"col-12 mb-3 text-center pt-5\">\n                                <a href=\"\/en\/neuigkeiten\/\" class=\"btn btn-gradient moreBtn rounded-pill px-4 py-2 mt-5 border-0\" target=\"_self\">View all posts<\/a>\n                            <\/div>\n                                            \n                    \n                            <\/div>\n        <\/div>\n    <\/section>\n    \n<section \n    class=\"container-fluid bg-grey px-0 py-5 footer-teaser\"\n    role=\"region\"\n    aria-label=\"Smart into the future - together!\"\n>\n    <div class=\"container py-5\">\n        <div class=\"py-5\">\n            <div class=\"row justify-content-center pb-5\">\n                <div \n                    class=\"col-12 col-lg-8 text-center pb-3 left-sec\"\n                    role=\"group\"\n                    aria-label=\"Abschnittsbeschreibung\"\n                >\n                    <h2 class=\"h5\" aria-label=\"Smart into the future - together!\">\n                        Smart into the future &#8211; together!                    <\/h2>\n                    <p aria-label=\"For further information, please contact us: by email, at one of our events or during our opening hours in the Stadt:Raum!\r\n\r\n\">\n                        For further information, please contact us: by email, at one of our events or during our opening hours in the Stadt:Raum!\r\n\r\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"row px-3 px-lg-0 justify-content-center\">\n\n                \n                <!-- Rechte Spalte immer sichtbar -->\n                <div class=\"col-12 col-lg-5 offset-lg-1 ps-0\" role=\"complementary\" aria-label=\"Kontaktbereich\">\n                    <div \n                        class=\"d-flex w-100 h-100 justify-content-start align-items-center position-relative crookedBox py-4 py-lg-0\"\n                        aria-label=\"Stadt:Raum\"\n                    >\n                        <img decoding=\"async\" \n                            src=\"https:\/\/smartcity.bamberg.de\/wp-content\/themes\/smartcity\/assets\/img\/box_background.svg\" \n                            alt=\"\" \n                            class=\"w-100 h-100 position-absolute\"\n                            role=\"presentation\"\n                            aria-hidden=\"true\"\n                        >\n                        <div class=\"text-white position-relative p-4 p-md-5\">\n                            <h3 class=\"h5 text-uppercase px-3 pb-3 ms-3\" aria-label=\"Stadt:Raum\">\n                                Stadt:Raum                            <\/h3>\n                            <div class=\"px-3 mb-0 pb-0 ms-3\" aria-label=\"Adresse\">\n                                <p>Promenadestra\u00dfe 6a<br \/>\n96047 Bamberg<\/p>\n                            <\/div>\n                            <div class=\"px-3 mb-0 pb-0 ms-3\" aria-label=\"\u00d6ffnungszeiten\">\n                                <p><strong>Opening hours<\/strong><br \/>\nTuesday: 14:00 &#8211; 17:00<br \/>\nWednesday: 14:00 &#8211; 17:00<\/p>\n                            <\/div>\n                        <\/div>\n                                                    <img decoding=\"async\" \n                                src=\"https:\/\/smartcity.bamberg.de\/wp-content\/uploads\/2025\/09\/SmartCity_Stoerer.svg\" \n                                alt=\"\" \n                                class=\"distRounded position-absolute\"\n                                role=\"presentation\"\n                                aria-hidden=\"true\"\n                            >\n                                            <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\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-909","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/pages\/909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/comments?post=909"}],"version-history":[{"count":10,"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/pages\/909\/revisions"}],"predecessor-version":[{"id":6503,"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/pages\/909\/revisions\/6503"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/en\/wp-json\/wp\/v2\/media?parent=909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}