{"id":2987,"date":"2025-02-20T11:15:13","date_gmt":"2025-02-20T10:15:13","guid":{"rendered":"https:\/\/smartcity.bamberg.de\/home-page\/"},"modified":"2025-10-13T09:32:03","modified_gmt":"2025-10-13T07:32:03","slug":"home-page","status":"publish","type":"page","link":"https:\/\/smartcity.bamberg.de\/les\/","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=\"Gemeinsammachen wir Bamberg 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=\"Gemeinsammachen wir Bamberg smart.\">\n                    <span>Gemeinsam<\/span><br>machen wir <br>Bamberg smart.                <\/h1>\n            \n                            <p class=\"mt-5 text-white\" aria-label=\"Wir machen neue digitale Sachen.Damit soll Bamberg noch besser werden.Die Menschen sollen sich in Bamberg wohlf\u00fchlen.Und die Menschen sollen in Bamberg gut leben k\u00f6nnen.Daf\u00fcr sind die W\u00fcnsche von den Menschen wichtig.Und die Bed\u00fcrfnisse von den Menschen sind wichtig.Bamberg soll modern sein.Bamberg soll lebendig sein.Bamberg soll vernetzt sein. \">\n                    Wir machen neue digitale Sachen.<br>Damit soll Bamberg noch besser werden.<br>Die Menschen sollen sich in Bamberg wohlf\u00fchlen.<br>Und die Menschen sollen in Bamberg gut leben k\u00f6nnen.<br>Daf\u00fcr sind die W\u00fcnsche von den Menschen wichtig.<br>Und die Bed\u00fcrfnisse von den Menschen sind wichtig.<br>Bamberg soll modern sein.<br>Bamberg soll lebendig sein.<br>Bamberg soll vernetzt sein.                 <\/p>\n            \n                            <a \n                    href=\"https:\/\/smartcity.bamberg.de\/les\/smartcity\/\" \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: Mehr erfahren\"\n                >\n                    Mehr erfahren                <\/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 Innovationsprojekte aus \u00fcber 250 Ideen.\">\n                            18 Innovationsprojekte aus \u00fcber 250 Ideen.                        <\/h2>\n                    \n                                            <p aria-label=\"Sehen Sie sich unsere Projekte an.Unsere Projekte helfen dabei:Bamberg zu bewahrensich in der Stadt besser bewegen zu k\u00f6nnenmehr Teilhabe in der Gesellschaft zu habenwichtige Infos zu bekommen.\">\n                            Sehen Sie sich unsere Projekte an.<br>Unsere Projekte helfen dabei:<br>Bamberg zu bewahren<br>sich in der Stadt besser bewegen zu k\u00f6nnen<br>mehr Teilhabe in der Gesellschaft zu haben<br>wichtige Infos zu bekommen.                        <\/p>\n                    \n                    \n                                            <a \n                            href=\"https:\/\/smartcity.bamberg.de\/les\/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: Zu den Projekten\"\n                        >\n                            Zu den Projekten                        <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section \n    class=\"container-fluid bg-grey px-0 py-5 footer-teaser\"\n    role=\"region\"\n    aria-label=\"Gemeinsam smart in die Zukunft!\"\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=\"Gemeinsam smart in die Zukunft!\">\n                        Gemeinsam smart in die Zukunft!                    <\/h2>\n                    <p aria-label=\"Haben Sie Fragen?\r\nDann schreiben Sie uns gern eine E-Mail.\r\nKommen Sie zu unseren Veranstaltungen.\r\nKommen Sie zu uns in den Stadt:Raum.\r\n\r\n\">\n                        Haben Sie Fragen?\r\nDann schreiben Sie uns gern eine E-Mail.\r\nKommen Sie zu unseren Veranstaltungen.\r\nKommen Sie zu uns in den 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>\u00d6ffnungszeiten<\/strong><br \/>\nDienstag: 14:00 \u2013 17:00 Uhr<br \/>\nMittwoch: 14:00 \u2013 17:00 Uhr<\/p>\n                            <\/div>\n                        <\/div>\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-2987","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/2987","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=2987"}],"version-history":[{"count":9,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/2987\/revisions"}],"predecessor-version":[{"id":6096,"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/pages\/2987\/revisions\/6096"}],"wp:attachment":[{"href":"https:\/\/smartcity.bamberg.de\/les\/wp-json\/wp\/v2\/media?parent=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}