{"id":2559,"date":"2020-10-14T19:05:23","date_gmt":"2020-10-14T17:05:23","guid":{"rendered":"http:\/\/mannhardt.alfahosting.org\/styleguide\/"},"modified":"2020-11-13T15:53:08","modified_gmt":"2020-11-13T14:53:08","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/kultur-mitte.de\/en\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Headline<\/strong><\/pre>\n\n\n\n\n\n<div data-element=\"km-headline\" id=\"km-custom-block_5fae8c631f8d0\" >\n    <h2 class=\"headline-big mb-4 mb-md-5\">Gro\u00dfe Headline<\/h2>\n<\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Introtext<\/strong><\/pre>\n\n\n\n    \n\n\n<div data-element=\"km-introtext\" id=\"km-custom-block_5fa9388fe14a4\">\n    <div class=\"row has-border pb-0\">\n        <div class=\"col\">\n            <h2 class=\"font-size-big font-size-24-36\">\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n            <\/h2>\n        <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 2 Spalten<\/strong><\/pre>\n\n\n\n\n\n<div data-element=\"km-2-columns\" id=\"km-custom-block_5fa93971e14a5\">\n\n    <div class=\"row mt-5 mb-md-5\">\n        <div class=\"col-6 col-sm-10 col-md-6\">\n            <div class=\"two-column-content-left font-size-base mb-4 mb-md-0\">\n                <p>2 Spalten<\/p>\n\n            <\/div>\n        <\/div>\n        <div class=\"col-18 col-sm-14 col-md-18 col-lg-17 \">\n            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n        <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n\n\n\n<div data-element=\"km-2-columns\" id=\"km-custom-block_5fa939d6e14a6\">\n\n    <div class=\"row mt-5 mb-md-5\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <div class=\"two-column-content-left font-size-base mt-2 mb-5 my-sm-0\">\n                <p>2 Spalten (mobile einspaltig)<\/p>\n\n            <\/div>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18 col-lg-17 \">\n            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n        <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 2 Spalten mit Downloads (rechts)<\/strong><\/pre>\n\n\n\n\n<div data-element=\"km-2-columns-downloads\" id=\"km-custom-block_5fa93a34e14a7\">\n\n    <div class=\"row\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <div>\n                <p>Downloads<\/p>\n\n            <\/div>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18\">\n            <div class=\"list-download list-bordered\">\n                                    <div class=\"row list-bordered-item\">\n                        <div class=\"col p-0\">\n                            <div class=\"d-block d-md-flex py-3 align-items-center justify-content-between\">\n                                <div class=\"d-flex flex-column flex-md-row text-center text-md-left align-items-center\">\n                                    <!--<img decoding=\"async\" class=\"img-fluid d-none d-md-inline mr-md-3\" style=\"width:35px\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/logo-pdf.svg\" alt=\"icon document\">-->\n                                    <h4 style=\"padding-top: 5px;\">Download an URL<\/h4>\n                                <\/div>\n                                <div class=\"d-flex flex-column flex-md-row align-items-center justify-content-center justify-content-md-end justify-content-md-center\">\n                                                                                                                                                    <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tests\/xhtml\/testfiles\/resources\/pdf\/dummy.pdf\" target=\"_blank\" class=\"btn btn-md btn-outline-dark\" role=\"button\">\n                                        Download\n                                        <span class=\"icon-arrow-down\"><\/span>\n                                    <\/a>\n                                    <!-- <p>Size: 0kb<\/p> -->\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"row list-bordered-item\">\n                        <div class=\"col p-0\">\n                            <div class=\"d-block d-md-flex py-3 align-items-center justify-content-between\">\n                                <div class=\"d-flex flex-column flex-md-row text-center text-md-left align-items-center\">\n                                    <!--<img decoding=\"async\" class=\"img-fluid d-none d-md-inline mr-md-3\" style=\"width:35px\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/logo-pdf.svg\" alt=\"icon document\">-->\n                                    <h4 style=\"padding-top: 5px;\">Download on server<\/h4>\n                                <\/div>\n                                <div class=\"d-flex flex-column flex-md-row align-items-center justify-content-center justify-content-md-end justify-content-md-center\">\n                                                                                                                                                    <a href=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/10\/Briefmarken.1Stk.21.09.2020_1402.pdf\" target=\"_blank\" class=\"btn btn-md btn-outline-dark\" role=\"button\">\n                                        Download\n                                        <span class=\"icon-arrow-down\"><\/span>\n                                    <\/a>\n                                    <!-- <p>Size: 62kb<\/p> -->\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/ul>\n        <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: KulturMitte Dropdowns (volle Breite)<\/strong><\/pre>\n\n\n\n\n<div data-element=\"km-dropdowns-fullwidth\" id=\"km-custom-block_5fa94a26e14c5\">\n\n    <div class=\"content-side-padding-negate mt-7\">\n        <div class=\"accordion\" id=\"km-custom-accordion-block_5fa94a26e14c5\">\n                            <div class=\"card\">\n                    <div class=\"card-header p-0 d-flex align-items-center justify-content-lg-between\" id=\"heading-km-custom-block_5fa94a26e14c5-1\">\n                        <h5 class=\"mb-0\">\n\t\t\t\t\t\t\t<div class=\"content-side-padding-negate-inner\">\n\t\t\t\t\t\t\t\t<button class=\"btn btn-link collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#accordion-block_5fa94a26e14c5-collapse-1\" aria-expanded=\"false\" aria-controls=\"accordion-block_5fa94a26e14c5-collapse-1\">\n\t\t\t\t\t\t\t\t\t<span>Dropdown 1<\/span>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon-thin.svg\" alt=\"icon close\">\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n                        <\/h5>\n                    <\/div>\n\n                    <div id=\"accordion-block_5fa94a26e14c5-collapse-1\" class=\"collapse\" aria-labelledby=\"heading-km-custom-block_5fa94a26e14c5-1\" data-parent=\"#km-custom-accordion-block_5fa94a26e14c5\" >\n                        <div class=\"card-body\">\n                            <div class=\"content-side-padding-negate-inner py-3\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"card\">\n                    <div class=\"card-header p-0 d-flex align-items-center justify-content-lg-between\" id=\"heading-km-custom-block_5fa94a26e14c5-2\">\n                        <h5 class=\"mb-0\">\n\t\t\t\t\t\t\t<div class=\"content-side-padding-negate-inner\">\n\t\t\t\t\t\t\t\t<button class=\"btn btn-link collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#accordion-block_5fa94a26e14c5-collapse-2\" aria-expanded=\"false\" aria-controls=\"accordion-block_5fa94a26e14c5-collapse-2\">\n\t\t\t\t\t\t\t\t\t<span>Dropdown 2<\/span>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon-thin.svg\" alt=\"icon close\">\n\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n                        <\/h5>\n                    <\/div>\n\n                    <div id=\"accordion-block_5fa94a26e14c5-collapse-2\" class=\"collapse\" aria-labelledby=\"heading-km-custom-block_5fa94a26e14c5-2\" data-parent=\"#km-custom-accordion-block_5fa94a26e14c5\" >\n                        <div class=\"card-body\">\n                            <div class=\"content-side-padding-negate-inner py-3\">\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 2 Spalten mit Dropdowns (rechts)<\/strong><\/pre>\n\n\n\n\n<div data-element=\"km-2-columns-dropdowns\" id=\"km-custom-block_5fa93ae4e14aa\">\n\n    <div class=\"row column-dropdown\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <h4 class=\"font-size-base\">\n                <p>2 Spalten mit Dropdowns (rechts)<\/p>\n\n            <\/h4>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18\">\n            <div class=\"accordion\" id=\"km-custom-accordion-block_5fa93ae4e14aa\">\n\n                                    <div class=\"card\">\n                        <div class=\"card-header p-0 d-flex align-items-center justify-content-lg-between\" id=\"heading-km-custom-block_5fa93ae4e14aa-1\">\n                            <h5 class=\"mb-0\">\n                                <button class=\"btn btn-link collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#accordion-block_5fa93ae4e14aa-collapse-1\" aria-expanded=\"true\" aria-controls=\"accordion-block_5fa93ae4e14aa-collapse-1\">\n                                    <span>Dropdown 1<\/span>\n                                    <img decoding=\"async\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon-thin.svg\" alt=\"icon close\">\n                                <\/button>\n                            <\/h5>\n                        <\/div>\n\n                        <div id=\"accordion-block_5fa93ae4e14aa-collapse-1\" class=\"collapse\" aria-labelledby=\"heading-km-custom-block_5fa93ae4e14aa-1\" data-parent=\"#km-custom-accordion-block_5fa93ae4e14aa\">\n                            <div class=\"card-body\">\n                                <div class=\"content-side-padding py-3\">\n                                    <figure id=\"attachment_1806\" aria-describedby=\"caption-attachment-1806\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1806\" src=\"http:\/\/mannhardt.alfahosting.org\/wp-content\/uploads\/2020\/08\/STjakfoto083L.jpg-300x200.jpg\" alt=\"Bild: Sandrine Deumier: \u201eRealness \u2013 Intimate Garden\u201c, 2019\" width=\"300\" height=\"200\" \/><figcaption id=\"caption-attachment-1806\" class=\"wp-caption-text\">AUSSTELLUNG \u00bbSOUND.NODES\u00ab ER\u00d6FFNET IM B\u00c4RENZWINGER BERLIN<br \/>11.08.2020 \u2013 12.09.2020<\/figcaption><\/figure>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"card\">\n                        <div class=\"card-header p-0 d-flex align-items-center justify-content-lg-between\" id=\"heading-km-custom-block_5fa93ae4e14aa-2\">\n                            <h5 class=\"mb-0\">\n                                <button class=\"btn btn-link collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#accordion-block_5fa93ae4e14aa-collapse-2\" aria-expanded=\"true\" aria-controls=\"accordion-block_5fa93ae4e14aa-collapse-2\">\n                                    <span>Dropdown 2<\/span>\n                                    <img decoding=\"async\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon-thin.svg\" alt=\"icon close\">\n                                <\/button>\n                            <\/h5>\n                        <\/div>\n\n                        <div id=\"accordion-block_5fa93ae4e14aa-collapse-2\" class=\"collapse\" aria-labelledby=\"heading-km-custom-block_5fa93ae4e14aa-2\" data-parent=\"#km-custom-accordion-block_5fa93ae4e14aa\">\n                            <div class=\"card-body\">\n                                <div class=\"content-side-padding py-3\">\n                                    <p><a href=\"https:\/\/loremipsum.io\/\" target=\"_blank\" rel=\"noopener\">Lorem ipsum dolor sit amet<\/a>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 2 Spalten mit Listen (rechts)<\/strong><\/pre>\n\n\n\n\n<div data-element=\"km-2-columns-list\" id=\"km-custom-block_5fae9d6c94302\">\n\n    <div class=\"row\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <h4 class=\"font-size-base\">\n                <p>Liste mit Linien<\/p>\n\n            <\/h4>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18\">\n            <div class=\"list-bordered no-paragraph-padding\">\n                                    <div class=\"row py-4 list-bordered-item\">\n                        <p>Canan Erek<br \/>\ndance poetry Bezirk Mitte<br \/>\n<a href=\"http:\/\/cananerek.de\" target=\"_blank\" rel=\"noopener\">cananerek.de<\/a><\/p>\n\n                    <\/div>\n                                    <div class=\"row py-4 list-bordered-item\">\n                        <p>Canan Erek<br \/>\ndance poetry Bezirk Mitte<br \/>\n<a href=\"http:\/\/cananerek.de\" target=\"_blank\" rel=\"noopener\">cananerek.de<\/a><\/p>\n\n                    <\/div>\n                                    <div class=\"row py-4 list-bordered-item\">\n                        <p>Thomas Gerwin<br \/>\nKlangkunst aus der Mitte 2014<\/p>\n\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 2 Spalten mit Links (rechts)<\/strong><\/pre>\n\n\n\n\n<div data-element=\"km-2-columns-links\" id=\"km-custom-block_5fa93b80e14ae\">\n\n    <div class=\"row\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <h4 class=\"font-size-base\">\n                <p>2 Spalten mit Links (rechts)<\/p>\n\n            <\/h4>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18 list-download-wrap\">\n            <div class=\"list-download list-bordered\">\n                                    <div class=\"row list-bordered-item\">\n                        <a class=\"no-underline hover-bg-white w-100\" href=\"https:\/\/rainbow-unicorn.com\" target=\"_blank\">\n                            <div class=\"col p-md-0\">\n                                <div class=\"d-block d-md-flex py-3 align-items-center justify-content-between\">\n                                    <div class=\"d-flex flex-column flex-md-row text-left\">\n                                        <h4 style=\"padding-top: 5px;\">Link 1<\/h4>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"row list-bordered-item\">\n                        <a class=\"no-underline hover-bg-white w-100\" href=\"https:\/\/rainbow-unicorn.com\" target=\"_blank\">\n                            <div class=\"col p-md-0\">\n                                <div class=\"d-block d-md-flex py-3 align-items-center justify-content-between\">\n                                    <div class=\"d-flex flex-column flex-md-row text-left\">\n                                        <h4 style=\"padding-top: 5px;\">Link 2<\/h4>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"row list-bordered-item\">\n                        <a class=\"no-underline hover-bg-white w-100\" href=\"https:\/\/rainbow-unicorn.com\" target=\"_blank\">\n                            <div class=\"col p-md-0\">\n                                <div class=\"d-block d-md-flex py-3 align-items-center justify-content-between\">\n                                    <div class=\"d-flex flex-column flex-md-row text-left\">\n                                        <h4 style=\"padding-top: 5px;\">Link 3<\/h4>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KulturMitte 2 Spalten mit Bildern (rechts)<\/strong><\/pre>\n\n\n\n\n\n<div data-element=\"km-2-columns-thumbs\" id=\"km-custom-block_5fa93c97e14b2\">\n\n    <div class=\"row\">\n        <div class=\"col-24 col-sm-10 col-md-6\">\n            <h4 class=\"font-size-base mb-4 mb-md-0\">\n                <p>2 Spalten mit Bildern (rechts)<\/p>\n\n            <\/h4>\n        <\/div>\n        <div class=\"col-24 col-sm-14 col-md-18\">\n                                                                                                                                                                        <!-- no thumb was found -->\n                                                            \n                                    <!-- we open the row -->\n                    <div class=\"row no-gutters \">\n                \n                <div class=\"col-24 col-lg-12 pb-4 pb-md-4\">\n                    <a class=\"no-underline thumb-link ajax-link\" data-id=\"\" data-type=\"\" data-action=\"get_content\" href=\"\">\n                        <figure>\n                                                            <div class=\"img-responsive-lazyload\">\n                                    <img data-sizes=\"auto\" data-srcset=\" 300w,\n             600w,\n             1200w,\n             3000w\" class=\"lazyload\">\n                                <\/div>\n                                                            \n                        <\/figure>\n                    <\/a>\n                <\/div>\n\n                                                                                                                                                                                            <!-- no thumb was found -->\n                                                            \n                \n                <div class=\"col-24 col-lg-12 pb-4 pb-md-4\">\n                    <a class=\"no-underline thumb-link ajax-link\" data-id=\"\" data-type=\"\" data-action=\"get_content\" href=\"\">\n                        <figure>\n                                                            <div class=\"img-responsive-lazyload\">\n                                    <img data-sizes=\"auto\" data-srcset=\" 300w,\n             600w,\n             1200w,\n             3000w\" class=\"lazyload\">\n                                <\/div>\n                                                                    <p class=\"pt-2\"><\/p>\n                                                            \n                        <\/figure>\n                    <\/a>\n                <\/div>\n\n                                                    <!-- we close the row -->\n                    <\/div>\n                                                                                                                                                                                                <!-- no thumb was found -->\n                                                            \n                                    <!-- we open the row -->\n                    <div class=\"row no-gutters pb-md-0\">\n                \n                <div class=\"col-24 col-lg-12 pb-4 pb-md-4\">\n                    <a class=\"no-underline thumb-link ajax-link\" data-id=\"11012\" data-type=\"ct_team\" data-action=\"get_content\" href=\"https:\/\/kultur-mitte.de\/en\/team\/knut-hansen\/\">\n                        <figure>\n                                                            <div class=\"img-responsive-lazyload\">\n                                    <img data-sizes=\"auto\" data-srcset=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2021\/04\/Ute-Mueller_Tischler-300x204.jpg 300w,\n            https:\/\/kultur-mitte.de\/wp-content\/uploads\/2021\/04\/Ute-Mueller_Tischler-1024x697.jpg 600w,\n            https:\/\/kultur-mitte.de\/wp-content\/uploads\/2021\/04\/Ute-Mueller_Tischler-1024x697.jpg 1200w,\n            https:\/\/kultur-mitte.de\/wp-content\/uploads\/2021\/04\/Ute-Mueller_Tischler-1024x697.jpg 3000w\" class=\"lazyload\">\n                                <\/div>\n                                                                    <p class=\"pt-2\">Dr. Ute M\u00fcller-Tischler<br><span>Head of Department<\/span><\/p>\n                                                            \n                        <\/figure>\n                    <\/a>\n                <\/div>\n\n                                                    <\/div>\n    <\/div>\n<\/div>\n    <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: 3 Spalten<\/strong><\/pre>\n\n\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Image Silder<\/strong> (Einzelbild)<\/pre>\n\n\n\n<div data-element=\"km-image-slider\" id=\"km-custom-block_5fa94601e14b9\" class=\"mb-3 mb-sm-5\">\n                            <!-- more than one image in slider -->\n        <!-- slick slider -->\n        <div class=\"slick mt-3 mt-md-5\">\n                                                                                                                                                                        \n                <figure role=\"group\">\n                    <div class=\"slick-open-lightbox\">\n                        <div class=\"slick-img-wrapper cover\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto083L.jpg-scaled-1024x683.jpg\" alt=\"Bild: Sandrine Deumier: \u201eRealness \u2013 Intimate Garden\u201c, 2019\">\n                                                    <\/div>\n                        <div class=\"caption-container mt-3\">\n                                                                                        <figcaption class=\"slider-caption font-mono text-center\">\n                                    <span>AUSSTELLUNG \u00bbSOUND.NODES\u00ab ER\u00d6FFNET IM B\u00c4RENZWINGER BERLIN\n11.08.2020 \u2013 12.09.2020<\/span>\n                                <\/figcaption>\n                                                    <\/div>\n                    <\/div>\n                <\/figure>\n                    <\/div>\n    \n            <div class=\"content-side-padding-negate \">\n        <\/div>    \n        <div class=\"km-lightbox-slider gone\">\n    <div class=\"btn-lightbox-close-wrap p-3 p-md-4\">\n        <button class=\"btn-lightbox-close\" type=\"button\" data-parent-url=\"\"  data-parent-title=\"\">\n            <span class=\"sr-only\">close overlay<\/span>\n            <img decoding=\"async\" class=\"icon-close\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon.svg\" alt=\"\">\n        <\/button>\n    <\/div>\n                            <!-- slick slider -->\n        <div class=\"slick-lightbox slick__single\">\n                                                                                                                                                                                        <div class=\"slide\">\n                    <figure role=\"group\">\n                        <div class=\"slick-img-wrapper cover\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto083L.jpg-scaled-1024x683.jpg\" alt=\"Bild: Sandrine Deumier: \u201eRealness \u2013 Intimate Garden\u201c, 2019\">\n                                                    <\/div>\n                    <\/figure>\n                    <div class=\"caption-container\">\n                        <div class=\"d-flex align-items-start justify-content-center w-100\">\n                                                            <figcaption class=\"slider-caption font-mono text-center pt-3\">\n                                    <span>AUSSTELLUNG \u00bbSOUND.NODES\u00ab ER\u00d6FFNET IM B\u00c4RENZWINGER BERLIN\n11.08.2020 \u2013 12.09.2020<\/span>\n                                <\/figcaption>\n                                                                                <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n        <!-- EOF slick slider -->\n    <\/div>\n<\/div>\n\n\n<pre id=\"block-06338fe6-f218-44d2-8514-42da36853fd9\" class=\"wp-block-preformatted\"><strong>KM Block: Image Silder<\/strong><\/pre>\n\n\n\n<div data-element=\"km-image-slider\" id=\"km-custom-block_5fa94654e14bb\" >\n                            <!-- more than one image in slider -->\n        <!-- slick slider -->\n        <div class=\"slick mt-3 mt-md-5\">\n                                                                                            \n                <figure role=\"group\">\n                    <div class=\"slick-open-lightbox\">\n                        <div class=\"slick-img-wrapper contain\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto144L.jpg-scaled-682x1024.jpg\" alt=\"STjakfoto144L.jpg\">\n                                                    <\/div>\n                        <div class=\"caption-container mt-3\">\n                                                            <span class=\"slick-slide-num\">1\/3<\/span>                                                                                        <figcaption class=\"slider-caption font-mono text-center\">\n                                    <span><\/span>\n                                <\/figcaption>\n                                                    <\/div>\n                    <\/div>\n                <\/figure>\n                                                                                            \n                <figure role=\"group\">\n                    <div class=\"slick-open-lightbox\">\n                        <div class=\"slick-img-wrapper cover\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto083L.jpg-scaled-1024x683.jpg\" alt=\"Bild: Sandrine Deumier: \u201eRealness \u2013 Intimate Garden\u201c, 2019\">\n                                                    <\/div>\n                        <div class=\"caption-container mt-3\">\n                                                            <span class=\"slick-slide-num\">2\/3<\/span>                                                                                        <figcaption class=\"slider-caption font-mono text-center\">\n                                    <span>AUSSTELLUNG \u00bbSOUND.NODES\u00ab ER\u00d6FFNET IM B\u00c4RENZWINGER BERLIN\n11.08.2020 \u2013 12.09.2020<\/span>\n                                <\/figcaption>\n                                                    <\/div>\n                    <\/div>\n                <\/figure>\n                                                                                            \n                <figure role=\"group\">\n                    <div class=\"slick-open-lightbox\">\n                        <div class=\"slick-img-wrapper contain\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto070L_kl-1024x683.jpg\" alt=\"STjakfoto070L_kl\">\n                                                    <\/div>\n                        <div class=\"caption-container mt-3\">\n                                                            <span class=\"slick-slide-num\">3\/3<\/span>                                                                                        <figcaption class=\"slider-caption font-mono text-center\">\n                                    <span><\/span>\n                                <\/figcaption>\n                                                    <\/div>\n                    <\/div>\n                <\/figure>\n                    <\/div>\n    \n                <div class=\"content-side-padding-negate \">\n        <hr class=\"mt-4\"><\/div>    \n        <div class=\"km-lightbox-slider gone\">\n    <div class=\"btn-lightbox-close-wrap p-3 p-md-4\">\n        <button class=\"btn-lightbox-close\" type=\"button\" data-parent-url=\"\"  data-parent-title=\"\">\n            <span class=\"sr-only\">close overlay<\/span>\n            <img decoding=\"async\" class=\"icon-close\" src=\"https:\/\/kultur-mitte.de\/wp-content\/themes\/kulturmitte-theme-v3.1\/library\/images\/close-icon.svg\" alt=\"\">\n        <\/button>\n    <\/div>\n                            <!-- slick slider -->\n        <div class=\"slick-lightbox \">\n                                                                                                            <div class=\"slide\">\n                    <figure role=\"group\">\n                        <div class=\"slick-img-wrapper contain\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto144L.jpg-scaled-682x1024.jpg\" alt=\"STjakfoto144L.jpg\">\n                                                    <\/div>\n                    <\/figure>\n                    <div class=\"caption-container\">\n                        <div class=\"d-flex align-items-start justify-content-center w-100\">\n                                                            <figcaption class=\"slider-caption font-mono text-center pt-3\">\n                                    <span><\/span>\n                                <\/figcaption>\n                                                                                        <span class=\"slick-slide-num p-3 p-md-4\">1\/3<\/span>                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                                                                                                            <div class=\"slide\">\n                    <figure role=\"group\">\n                        <div class=\"slick-img-wrapper cover\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto083L.jpg-scaled-1024x683.jpg\" alt=\"Bild: Sandrine Deumier: \u201eRealness \u2013 Intimate Garden\u201c, 2019\">\n                                                    <\/div>\n                    <\/figure>\n                    <div class=\"caption-container\">\n                        <div class=\"d-flex align-items-start justify-content-center w-100\">\n                                                            <figcaption class=\"slider-caption font-mono text-center pt-3\">\n                                    <span>AUSSTELLUNG \u00bbSOUND.NODES\u00ab ER\u00d6FFNET IM B\u00c4RENZWINGER BERLIN\n11.08.2020 \u2013 12.09.2020<\/span>\n                                <\/figcaption>\n                                                                                        <span class=\"slick-slide-num p-3 p-md-4\">2\/3<\/span>                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                                                                                                            <div class=\"slide\">\n                    <figure role=\"group\">\n                        <div class=\"slick-img-wrapper contain\">\n                                                            <img data-lazy=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2020\/08\/STjakfoto070L_kl-1024x683.jpg\" alt=\"STjakfoto070L_kl\">\n                                                    <\/div>\n                    <\/figure>\n                    <div class=\"caption-container\">\n                        <div class=\"d-flex align-items-start justify-content-center w-100\">\n                                                            <figcaption class=\"slider-caption font-mono text-center pt-3\">\n                                    <span><\/span>\n                                <\/figcaption>\n                                                                                        <span class=\"slick-slide-num p-3 p-md-4\">3\/3<\/span>                                                    <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n        <!-- EOF slick slider -->\n    <\/div>\n<\/div>\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Magazin Teasers<\/strong><\/pre>\n\n\n\n<div data-element=\"km-magazin-teaser\" id=\"km-custom-block_5fa94705e14bf\">\n    <h2 class=\"d-sm-none magazin-teaser-text my-4 mb-md-0 mt-md-5\">\n        Magazine\n    <\/h2>\n    <div class=\"content-side-padding-negate\">\n                    <a class=\"hover-bg-white\" href=\"https:\/\/kultur-mitte.de\/blog\/2026\/03\/26\/ausstellen-ohne-zugangsbeschraenkungen\/\">\n                <div class=\"content-side-padding-negate-inner \">\n                    <div class=\"row pt-0 pb-5 py-sm-5\">\n                        <div class=\"col-24 col-sm-10 col-md-6\">\n                                                            <h2 class=\"d-none d-sm-block font-size-base mb-7\">\n                                    Magazine\n                                <\/h2>\n                                                    <\/div>\n                        <div class=\"col-24 col-sm-14 col-md-18\">\n                            <div class=\"\">\n                                <article class=\"row\">\n                                    <div class=\"col-24 col-md-8 mb-4\">\n                                        <div class=\"d-md-none mb-3\">\n                                                                                                                                        <!-- ID was found -->\n                                                                                                                                        <figure>\n                                                    <div class=\"img-responsive-lazyload\">\n                                                        <img decoding=\"async\" data-sizes=\"auto\" alt=\"\" src=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/Ausstellungsansicht_Handyshop-Gesundbrunnen_D_Gegenfurtner-768x576.jpeg\" srcset=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/Ausstellungsansicht_Handyshop-Gesundbrunnen_D_Gegenfurtner-768x576.jpeg 300w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/Ausstellungsansicht_Handyshop-Gesundbrunnen_D_Gegenfurtner-1030x773.jpeg 600w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/Ausstellungsansicht_Handyshop-Gesundbrunnen_D_Gegenfurtner-1030x773.jpeg 1200w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/Ausstellungsansicht_Handyshop-Gesundbrunnen_D_Gegenfurtner-1030x773.jpeg 3000w\" class=\"lazyload\" \/><\/div>\n                                                <\/figure>\n                                                                                    <\/div>\n                                        <h3 class=\"m-0 magazin-teaser-text\">\n                                            Ausstellen ohne Zugangsbeschr\u00e4nkungen<br>\n                                            <i class=\"d-block d-md-none\"><p class=\"event-teaser-text mb-0\">\n            Culterim ist eine Agentur, die Immobilien an K\u00fcnstler*innen vermietet und dabei betriebswirtschaftliches Denken mit Kunstf\u00f6rderung und einem &#8230;\n    <\/p><\/i>\n                                        <\/h3>\n                                        <button class=\"btn btn-md btn-outline-dark mt-3 d-md-none\">go to article<\/button>\n                                    <\/div>\n                                    <div class=\"col d-none d-md-block\">\n                                        <p class=\"event-teaser-text mb-0\">\n            Culterim ist eine Agentur, die Immobilien an K\u00fcnstler*innen vermietet und dabei betriebswirtschaftliches Denken mit Kunstf\u00f6rderung und einem &#8230;\n    <\/p>                                    <\/div>\n                                <\/article>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/a>\n                    <a class=\"hover-bg-white\" href=\"https:\/\/kultur-mitte.de\/blog\/2026\/03\/05\/gestaltung-und-haltung-ein-gespraech-mit-dem-grafiker-bernd-frank-1942-2026\/\">\n                <div class=\"content-side-padding-negate-inner \">\n                    <div class=\"row pt-0 pb-5 py-sm-5\">\n                        <div class=\"col-24 col-sm-10 col-md-6\">\n                                                    <\/div>\n                        <div class=\"col-24 col-sm-14 col-md-18\">\n                            <div class=\"\">\n                                <article class=\"row\">\n                                    <div class=\"col-24 col-md-8 mb-4\">\n                                        <div class=\"d-md-none mb-3\">\n                                                                                                                                        <!-- ID was found -->\n                                                                                                                                        <figure>\n                                                    <div class=\"img-responsive-lazyload\">\n                                                        <img decoding=\"async\" data-sizes=\"auto\" alt=\"\" src=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/IMG_8711-scaled-e1772704936267-768x592.jpeg\" srcset=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/IMG_8711-scaled-e1772704936267-768x592.jpeg 300w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/IMG_8711-scaled-e1772704936267-1030x793.jpeg 600w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/IMG_8711-scaled-e1772704936267-1030x793.jpeg 1200w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/03\/IMG_8711-scaled-e1772704936267-1030x793.jpeg 3000w\" class=\"lazyload\" \/><\/div>\n                                                <\/figure>\n                                                                                    <\/div>\n                                        <h3 class=\"m-0 magazin-teaser-text\">\n                                            Gestaltung und Haltung. Ein Gespr\u00e4ch mit dem Grafiker Bernd Frank (1942-2026)<br>\n                                            <i class=\"d-block d-md-none\"><p class=\"event-teaser-text mb-0\">\n            Bernd Frank (*1942 in Erfurt) z\u00e4hlte zu jenen Grafiker*innen, die das grafische Medium nicht nur als gestalterisches Werkzeug, sondern &#8230;\n    <\/p><\/i>\n                                        <\/h3>\n                                        <button class=\"btn btn-md btn-outline-dark mt-3 d-md-none\">go to article<\/button>\n                                    <\/div>\n                                    <div class=\"col d-none d-md-block\">\n                                        <p class=\"event-teaser-text mb-0\">\n            Bernd Frank (*1942 in Erfurt) z\u00e4hlte zu jenen Grafiker*innen, die das grafische Medium nicht nur als gestalterisches Werkzeug, sondern &#8230;\n    <\/p>                                    <\/div>\n                                <\/article>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/a>\n                    <a class=\"hover-bg-white\" href=\"https:\/\/kultur-mitte.de\/blog\/2026\/02\/24\/aufstand-der-einkaufswagen\/\">\n                <div class=\"content-side-padding-negate-inner \">\n                    <div class=\"row pt-0 pb-5 py-sm-5\">\n                        <div class=\"col-24 col-sm-10 col-md-6\">\n                                                    <\/div>\n                        <div class=\"col-24 col-sm-14 col-md-18\">\n                            <div class=\"\">\n                                <article class=\"row\">\n                                    <div class=\"col-24 col-md-8 mb-4\">\n                                        <div class=\"d-md-none mb-3\">\n                                                                                                                                        <!-- ID was found -->\n                                                                                                                                        <figure>\n                                                    <div class=\"img-responsive-lazyload\">\n                                                        <img decoding=\"async\" data-sizes=\"auto\" alt=\"\" src=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/02\/260131_Karstadt-Einzuege-08612-768x512.jpeg\" srcset=\"https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/02\/260131_Karstadt-Einzuege-08612-768x512.jpeg 300w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/02\/260131_Karstadt-Einzuege-08612-1030x686.jpeg 600w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/02\/260131_Karstadt-Einzuege-08612-1030x686.jpeg 1200w, https:\/\/kultur-mitte.de\/wp-content\/uploads\/2026\/02\/260131_Karstadt-Einzuege-08612-1030x686.jpeg 3000w\" class=\"lazyload\" \/><\/div>\n                                                <\/figure>\n                                                                                    <\/div>\n                                        <h3 class=\"m-0 magazin-teaser-text\">\n                                            Aufstand der Einkaufswagen<br>\n                                            <i class=\"d-block d-md-none\"><p class=\"event-teaser-text mb-0\">\n            Seit nunmehr zwei Jahren steht das Karstadtgeb\u00e4ude am Leopoldplatz leer \u2013 und die vom Bezirk gew\u00fcnschte Zwischennutzung konnte bisher &#8230;\n    <\/p><\/i>\n                                        <\/h3>\n                                        <button class=\"btn btn-md btn-outline-dark mt-3 d-md-none\">go to article<\/button>\n                                    <\/div>\n                                    <div class=\"col d-none d-md-block\">\n                                        <p class=\"event-teaser-text mb-0\">\n            Seit nunmehr zwei Jahren steht das Karstadtgeb\u00e4ude am Leopoldplatz leer \u2013 und die vom Bezirk gew\u00fcnschte Zwischennutzung konnte bisher &#8230;\n    <\/p>                                    <\/div>\n                                <\/article>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/a>\n            <\/div>\n\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n\n\n<pre class=\"wp-block-preformatted\"><strong><strong>KM Block: Termine Teasers<\/strong><\/strong><\/pre>\n\n\n\n<div data-element=\"km-termine-teaser\" id=\"km-custom-block_5fa9477ce14c1\" >\n    \n        \n    <div class=\"list-termine content-side-padding-negate mb-0 mt-md-5 mb-md-0\">\n        <div class=\"content-side-padding-negate-inner\">\n            <div class=\"row\">\n                <div class=\"col-24\">\n                    <h2 class=\"magazin-teaser-text mt-0 mt-md-4\">Events<\/h2>\n                <\/div>\n            <\/div>\n        <\/div>\n                    <\/div>\n\n        \n                \n    <\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Wettbewerbe Teasers<\/strong><\/pre>\n\n\n\n<div data-element=\"km-wettbewerbe-teaser\" id=\"km-custom-block_5fa947a8e14c2\">\n\n    <h2 class=\"d-md-none mt-6 mb-4\">Current contests<\/h2>\n\n    <div class=\"content-side-padding-negate\">\n                                                                                    <div class=\"content-side-padding-negate-inner\">\n                <div class=\"row py-5\">\n                    <div class=\"col-24 col-sm-10 col-md-6\">\n                                                    <h2 class=\"d-none d-sm-block font-size-base mb-7\">\n                                Current contests\n                            <\/h2>\n                                            <\/div>\n                    <div class=\"col-24 col-sm-14 col-md-18\">\n                        <div class=\"content-side-padding\">\n                            <article class=\"row\">\n                                <div class=\"col-24 col-md-8 mb-4\">\n                                    <h3 class=\"m-0 font-size-base\">\n                                        Gedenkort G\u00fcterbahnhof Berlin Moabit\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"col\">\n                                    \n                                <\/div>\n                            <\/article>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n            \n                                                                                    <div class=\"content-side-padding-negate-inner\">\n                <div class=\"row py-5\">\n                    <div class=\"col-24 col-sm-10 col-md-6\">\n                                            <\/div>\n                    <div class=\"col-24 col-sm-14 col-md-18\">\n                        <div class=\"content-side-padding\">\n                            <article class=\"row\">\n                                <div class=\"col-24 col-md-8 mb-4\">\n                                    <h3 class=\"m-0 font-size-base\">\n                                        Shadow Play\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"col\">\n                                    Tritt ein in eine Welt aus Licht und Fantasie! Erstell deine eigene Schattenfiguren und entdecke wie das Licht&hellip;\n                                <\/div>\n                            <\/article>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n            \n                                                                                    <div class=\"content-side-padding-negate-inner\">\n                <div class=\"row py-5\">\n                    <div class=\"col-24 col-sm-10 col-md-6\">\n                                            <\/div>\n                    <div class=\"col-24 col-sm-14 col-md-18\">\n                        <div class=\"content-side-padding\">\n                            <article class=\"row\">\n                                <div class=\"col-24 col-md-8 mb-4\">\n                                    <h3 class=\"m-0 font-size-base\">\n                                        Ebb and Flow\n                                    <\/h3>\n                                <\/div>\n                                <div class=\"col\">\n                                    Umgeben von den offenen Mauern der alten Ruine, erkunden wir gemeinsam die Soundinstallation \u201eRiver of Lethe\u201c der K\u00fcnstlerin&hellip;\n                                <\/div>\n                            <\/article>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n            \n            <\/div>\n\n        <div class=\"content-side-padding-negate \">\n        <hr ><\/div>\n<\/div>\n\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>KM Block: Notification<\/strong><\/pre>\n\n\n\n\n\n<div data-element=\"km-notification\" id=\"km-custom-block_5fa947e2e14c4\">\n    <div class=\"row\">\n        <div class=\"col\">\n            <div class=\"row\">\n                <div class=\"col col-lg-20\">\n                    <div class=\"alert alert-danger p-4 p-md-5\" role=\"alert\">\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"content-side-padding-negate \">\n        <div class=\"spacer\"><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>KM Block: Headline KM Block: Introtext KM Block: 2 Spalten KM Block: 2 Spalten mit Downloads (rechts) KM Block: KulturMitte Dropdowns (volle Breite) KM Block: 2 Spalten mit Dropdowns (rechts) KM Block: 2 Spalten mit Listen (rechts) KM Block: 2 Spalten mit Links (rechts) KulturMitte 2 Spalten mit Bildern (rechts) KM Block: 3 Spalten KM&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/kultur-mitte.de\/en\/styleguide\/\" title=\"Read Styleguide\">Read more &raquo;<\/a><\/p>\n","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-2559","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Styleguide - Kultur Mitte<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kultur-mitte.de\/en\/styleguide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styleguide - Kultur Mitte\" \/>\n<meta property=\"og:description\" content=\"KM Block: Headline KM Block: Introtext KM Block: 2 Spalten KM Block: 2 Spalten mit Downloads (rechts) KM Block: KulturMitte Dropdowns (volle Breite) KM Block: 2 Spalten mit Dropdowns (rechts) KM Block: 2 Spalten mit Listen (rechts) KM Block: 2 Spalten mit Links (rechts) KulturMitte 2 Spalten mit Bildern (rechts) KM Block: 3 Spalten KM... Read more &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kultur-mitte.de\/en\/styleguide\/\" \/>\n<meta property=\"og:site_name\" content=\"Kultur Mitte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kulturmitte\/?locale=de_DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-13T14:53:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/styleguide\\\/\",\"url\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/styleguide\\\/\",\"name\":\"Styleguide - Kultur Mitte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/#website\"},\"datePublished\":\"2020-10-14T17:05:23+00:00\",\"dateModified\":\"2020-11-13T14:53:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/styleguide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/styleguide\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/styleguide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Styleguide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/\",\"name\":\"Kultur Mitte\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kultur-mitte.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Styleguide - Kultur Mitte","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kultur-mitte.de\/en\/styleguide\/","og_locale":"en_US","og_type":"article","og_title":"Styleguide - Kultur Mitte","og_description":"KM Block: Headline KM Block: Introtext KM Block: 2 Spalten KM Block: 2 Spalten mit Downloads (rechts) KM Block: KulturMitte Dropdowns (volle Breite) KM Block: 2 Spalten mit Dropdowns (rechts) KM Block: 2 Spalten mit Listen (rechts) KM Block: 2 Spalten mit Links (rechts) KulturMitte 2 Spalten mit Bildern (rechts) KM Block: 3 Spalten KM... Read more &raquo;","og_url":"https:\/\/kultur-mitte.de\/en\/styleguide\/","og_site_name":"Kultur Mitte","article_publisher":"https:\/\/www.facebook.com\/kulturmitte\/?locale=de_DE","article_modified_time":"2020-11-13T14:53:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kultur-mitte.de\/en\/styleguide\/","url":"https:\/\/kultur-mitte.de\/en\/styleguide\/","name":"Styleguide - Kultur Mitte","isPartOf":{"@id":"https:\/\/kultur-mitte.de\/en\/#website"},"datePublished":"2020-10-14T17:05:23+00:00","dateModified":"2020-11-13T14:53:08+00:00","breadcrumb":{"@id":"https:\/\/kultur-mitte.de\/en\/styleguide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kultur-mitte.de\/en\/styleguide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kultur-mitte.de\/en\/styleguide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kultur-mitte.de\/en\/"},{"@type":"ListItem","position":2,"name":"Styleguide"}]},{"@type":"WebSite","@id":"https:\/\/kultur-mitte.de\/en\/#website","url":"https:\/\/kultur-mitte.de\/en\/","name":"Kultur Mitte","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kultur-mitte.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/pages\/2559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/comments?post=2559"}],"version-history":[{"count":4,"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/pages\/2559\/revisions"}],"predecessor-version":[{"id":3023,"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/pages\/2559\/revisions\/3023"}],"wp:attachment":[{"href":"https:\/\/kultur-mitte.de\/en\/wp-json\/wp\/v2\/media?parent=2559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}