{"id":14,"date":"2026-04-27T21:55:14","date_gmt":"2026-04-27T19:55:14","guid":{"rendered":"https:\/\/www.lokal-kolorit.com\/?page_id=14"},"modified":"2026-04-27T22:37:39","modified_gmt":"2026-04-27T20:37:39","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.lokal-kolorit.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Lokal \/ Kolorit<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html, body {\n width: 100%;\n height: 100%;\n }\n\n body {\n background: #000;\n color: #fff;\n font-family: 'Big Shoulders Display', sans-serif;\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HAUPTBEREICH \u2014 hier Text anpassen\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .page-body {\n flex: 1;\n padding: clamp(2rem, 5vw, 4rem) clamp(1.5rem, 6vw, 5rem);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n .page-subtitle {\n font-weight: 900;\n font-size: clamp(1rem, 2.5vw, 1.5rem);\n text-transform: uppercase;\n letter-spacing: 0.01em;\n margin-top: 0.3rem;\n color: #FFCDC5;\n}\n\n .top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 2rem;\n margin-bottom: clamp(1.5rem, 4vw, 3rem);\n }\n\n \/* Projektname \u2014 Schriftgr\u00f6\u00dfe \u00fcber font-size anpassen *\/\n .page-title {\n font-weight: 900;\n font-size: clamp(4rem, 14vw, 11rem);\n line-height: 0.88;\n text-transform: uppercase;\n letter-spacing: -0.02em;\n }\n\n .page-rule {\n border: none;\n border-top: 1.5px solid #fff;\n margin-bottom: clamp(1rem, 3vw, 2rem);\n }\n\n \/* Haupttext *\/\n .page-text {\n font-size: clamp(1.5rem, 2.5vw, 1.8rem);\n font-weight: 900;\n line-height: 1.6;\n text-transform: uppercase;\n max-width: 36rem;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n PERFORATIONSLINIE\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .perforation {\n border: none;\n border-top: 2px dashed #fff;\n }\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ABREISSK\u00c4RTCHEN\n - href: E-Mail-Adresse anpassen\n - strip-label: Text anpassen\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n .tearoffs {\n display: flex;\n height: clamp(90px, 15vh, 140px);\n }\n\n .strip {\n flex: 1;\n border-right: 1px dashed #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: #fff;\n background: #000;\n transition: background 0.1s ease, color 0.1s ease;\n cursor: pointer;\n }\n\n .strip:last-child {\n border-right: none;\n }\n\n .strip:hover {\n background: #06E300;\n color: #000;\n }\n\n .strip-label {\n writing-mode: vertical-rl;\n transform: rotate(180deg);\n font-family: 'Big Shoulders Display', sans-serif;\n font-weight: 700;\n font-size: clamp(1rem, 1.3vw, 1rem);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n white-space: nowrap;\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"page-body\">\n <div>\n <div class=\"top\">\n\n <!-- \u2193 Projektname -->\n <div class=\"page-title\">\n Lokal \/<br>Kolorit\n <\/div>\n \n <!-- \u2193 Untertitel -->\n <p class=\"page-subtitle\">\n your local cultural riot\n <\/p>\n \n <!-- \u2193 Metainfo oben rechts -->\n <div class=\"page-meta\">\n <\/div>\n\n <\/div>\n <hr class=\"page-rule\">\n\n <!-- \u2193 Haupttext -->\n <p class=\"page-text\">\n Wir bauen um und melden uns bald mit etwas Neuem.\n <\/p>\n\n <!-- \u2193 Untertext -->\n <p class=\"page-sub\">\n \n <\/p>\n\n <\/div>\n <\/div>\n\n <hr class=\"perforation\">\n\n <div class=\"tearoffs\">\n <!-- \u2193 href=\"mailto:DEINE-EMAIL\" anpassen, strip-label Text anpassen -->\n <a href=\"mailto:hallo@lokal-kolorit.com?subject=Hallo%20LOKAL%20\/%20KOLORIT\" class=\"strip\"><span class=\"strip-label\"> MAIL<\/span><\/a>\n <a href=\"https:\/\/www.instagram.com\/lokal.kolorit\/\" class=\"strip\" target=\"_blank\" rel=\"noopener\"><span class=\"strip-label\">INSTAGRAM<\/span><\/a>\n <a href=\"mailto:hallo@lokal-kolorit.com?subject=Hallo%20LOKAL%20\/%20KOLORIT\" class=\"strip\"><span class=\"strip-label\"> MAIL<\/span><\/a>\n <a href=\"https:\/\/www.instagram.com\/lokal.kolorit\/\" class=\"strip\" target=\"_blank\" rel=\"noopener\"><span class=\"strip-label\">INSTAGRAM<\/span><\/a>\n <a href=\"mailto:hallo@lokal-kolorit.com?subject=Hallo%20LOKAL%20\/%20KOLORIT\" class=\"strip\"><span class=\"strip-label\"> MAIL<\/span><\/a>\n <a href=\"https:\/\/www.instagram.com\/lokal.kolorit\/\" class=\"strip\" target=\"_blank\" rel=\"noopener\"><span class=\"strip-label\">INSTAGRAM<\/span><\/a>\n <a href=\"mailto:hallo@lokal-kolorit.com?subject=Hallo%20LOKAL%20\/%20KOLORIT\" class=\"strip\"><span class=\"strip-label\"> MAIL<\/span><\/a>\n <a href=\"https:\/\/www.instagram.com\/lokal.kolorit\/\" class=\"strip\" target=\"_blank\" rel=\"noopener\"><span class=\"strip-label\">INSTAGRAM<\/span><\/a>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lokal \/ Kolorit Lokal \/Kolorit your local cultural riot Wir bauen um und melden uns bald mit etwas Neuem. MAIL INSTAGRAM MAIL INSTAGRAM MAIL INSTAGRAM MAIL INSTAGRAM<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":47,"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/www.lokal-kolorit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}