{"id":429,"date":"2026-08-04T11:48:47","date_gmt":"2026-08-04T11:48:47","guid":{"rendered":"https:\/\/concircle.tech\/?page_id=429"},"modified":"2026-08-04T12:14:59","modified_gmt":"2026-08-04T12:14:59","slug":"aktuelles","status":"publish","type":"page","link":"http:\/\/concircle.tech\/en\/aktuelles\/","title":{"rendered":"News"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Nur f\u00fcr die \"Aktuelles\"-Seite - in den CSS-Tab des Custom-HTML-Blocks\n   dieser Seite einf\u00fcgen. Gilt f\u00fcr den Hero (Custom-HTML-Block) UND f\u00fcr\n   den Feed (Shortcode-Block     <section class=\"cc-section cc-aktuelles-section\">\r\n    <div class=\"cc-container\">\r\n    <div class=\"cc-aktuelles-filter\">\r\n                    <button class=\"cc-filter-btn active\" data-cat=\"alle\">Alle<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"publikation\">Publikation<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"veranstaltung\">Veranstaltung<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"meilenstein\">Meilenstein<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"presse\">Presse<\/button>\r\n            <\/div>\r\n    <div class=\"cc-aktuelles-grid\">\r\n        <p class=\"cc-no-posts\" style=\"display:none; font-family:'Inter',sans-serif; color:rgba(0,0,0,0.4); grid-column:1\/-1; padding: 40px 0;\">Keine Beitr\u00e4ge in dieser Kategorie.<\/p>\r\n                    <article class=\"cc-aktuelles-card\" data-cat=\"veranstaltung\" onclick=\"window.location='http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-im-zueblin-innovation-center-stuttgart\/'\" style=\"cursor:pointer;\">\r\n                <div class=\"cc-card-top\">\r\n                    <span class=\"cc-card-tag veranstaltung\">Veranstaltung<\/span>                    <span class=\"cc-card-date\">August 2026<\/span>\r\n                <\/div>\r\n                <h3>2. Konsortialtreffen im Z\u00dcBLIN Innovation Center Stuttgart<\/h3>\r\n                <p>Wie bringt man Daten, KI und Stahlbeton an einen Tisch? Genau das war die Ausgangsfrage beim zweiten ConCIRCLE-Konsortialtreffen, das diesmal im Innovation\u2026<\/p>\r\n                <div class=\"cc-card-footer\">\r\n                    <a class=\"cc-card-link\" href=\"http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-im-zueblin-innovation-center-stuttgart\/\">Weiterlesen<\/a>\r\n                    <span class=\"cc-card-arrow\">\u2192<\/span>\r\n                <\/div>\r\n            <\/article>\r\n                    <article class=\"cc-aktuelles-card\" data-cat=\"veranstaltung\" onclick=\"window.location='http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-kick-off-workshop-in-karlsruhe\/'\" style=\"cursor:pointer;\">\r\n                <div class=\"cc-card-top\">\r\n                    <span class=\"cc-card-tag veranstaltung\">Veranstaltung<\/span>                    <span class=\"cc-card-date\">February 2026<\/span>\r\n                <\/div>\r\n                <h3>Konsortialtreffen: Kick-off-Workshop in Karlsruhe<\/h3>\r\n                <p>Da schlie\u00dft sich der Kreis: Ein neues Forschungsprojekt ist am Institut f\u00fcr Technologie und Management im Baubetrieb (TMB) gestartet, mit einem klaren\u2026<\/p>\r\n                <div class=\"cc-card-footer\">\r\n                    <a class=\"cc-card-link\" href=\"http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-kick-off-workshop-in-karlsruhe\/\">Weiterlesen<\/a>\r\n                    <span class=\"cc-card-arrow\">\u2192<\/span>\r\n                <\/div>\r\n            <\/article>\r\n            <\/div>\r\n    <script>\r\n    document.querySelectorAll('.cc-filter-btn').forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            document.querySelectorAll('.cc-filter-btn').forEach(b => b.classList.remove('active'));\r\n            this.classList.add('active');\r\n            const cat = this.dataset.cat;\r\n            let visible = 0;\r\n            document.querySelectorAll('.cc-aktuelles-card').forEach(card => {\r\n                if (cat === 'alle' || card.dataset.cat === cat) {\r\n                    card.style.display = 'flex';\r\n                    visible++;\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n            const noposts = document.querySelector('.cc-no-posts');\r\n            const grid = document.querySelector('.cc-aktuelles-grid');\r\n            const section = document.querySelector('.cc-aktuelles-section');\r\n            if (noposts) noposts.style.display = visible === 0 ? 'block' : 'none';\r\n            if (grid) grid.style.minHeight = visible === 0 ? '0' : '';\r\n            if (section) {\r\n                section.style.paddingTop = visible === 0 ? '40px' : '60px';\r\n                section.style.paddingBottom = visible === 0 ? '40px' : '60px';\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\r\n    <\/div>\r\n    <\/section>\r\n    , Klassen aus dem PHP-Snippet\n   \"CC Aktuelles Feed\"), da beide auf derselben Seite sitzen. *\/\n\n\/* \u00dcbergangsverhalten beim Filtern - die JS im Snippet passt dieses\n   Padding dynamisch an, wenn eine Kategorie 0 Treffer hat. *\/\n.cc-aktuelles-section { transition: padding .2s ease; }\n\n\/* Filter-Pills *\/\n.cc-aktuelles-filter {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 40px;\n}\n.cc-filter-btn {\n  font-family: var(--cc-font-body);\n  font-weight: 600;\n  font-size: 0.82rem;\n  letter-spacing: .02em;\n  background: var(--cc-white);\n  color: var(--cc-graphite);\n  border: 1px solid var(--cc-grey-light);\n  border-radius: 999px;\n  padding: 9px 18px;\n  cursor: pointer;\n  transition: border-color .15s ease, background .15s ease, color .15s ease;\n}\n.cc-filter-btn:hover { border-color: var(--cc-teal-brand); }\n.cc-filter-btn.active {\n  background: var(--cc-teal-brand);\n  border-color: var(--cc-teal-brand);\n  color: var(--cc-white);\n}\n\n\/* Beitr\u00e4ge-Grid: 3 Spalten. Karten sind komplett klickbar (onclick im\n   Snippet), daher kein Link-Underline auf der ganzen Karte, nur beim\n   \"Weiterlesen\"-Text unten. *\/\n.cc-aktuelles-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n.cc-aktuelles-card {\n  background: var(--cc-white);\n  border: 1px solid var(--cc-grey-light);\n  border-radius: 6px;\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  transition: border-color .15s ease, box-shadow .15s ease;\n}\n.cc-aktuelles-card:hover { border-color: var(--cc-teal-brand); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }\n\n.cc-card-top {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n.cc-card-tag {\n  display: inline-block;\n  background: var(--cc-coral-fill);\n  color: var(--cc-coral-deep);\n  font-size: 0.68rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  padding: 4px 10px;\n  border-radius: 4px;\n}\n.cc-card-date { font-size: 0.8rem; color: var(--cc-concrete); }\n\n.cc-aktuelles-card h3 { font-size: 1.1rem; line-height: 1.35; margin-bottom: 12px; }\n.cc-aktuelles-card p { font-size: 0.9rem; color: var(--cc-graphite); flex-grow: 1; margin-bottom: 20px; }\n\n.cc-card-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n  border-top: 1px solid var(--cc-grey-light);\n}\n.cc-card-link {\n  font-weight: 700;\n  font-size: 0.88rem;\n  color: var(--cc-teal-brand);\n  text-decoration: none;\n}\n.cc-card-arrow { color: var(--cc-teal-brand); font-weight: 700; transition: transform .15s ease; }\n.cc-aktuelles-card:hover .cc-card-arrow { transform: translateX(3px); }\n\n.cc-no-posts { text-align: center; }\n\n@media (max-width: 900px) { .cc-aktuelles-grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 600px) { .cc-aktuelles-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<!--\n  ============================================================\n  CONCIRCLE AKTUELLES-SEITE - Inhalt f\u00fcr den Custom-HTML-Block\n  ============================================================\n  In den \"Custom HTML\"-Block auf der \"Aktuelles\"-Seite einf\u00fcgen\n  (nur der Hero-Bereich - keine Beitr\u00e4ge hier hardcoded).\n\n  WICHTIG - ZWEI BL\u00d6CKE N\u00d6TIG AUF DIESER SEITE:\n  1. Dieser Custom-HTML-Block: nur der Hero oben.\n  2. Direkt darunter ein SHORTCODE-Block (nicht noch ein Custom-HTML-\n     Block!) mit dem Inhalt: [cc_aktuelles]\n     Das zieht automatisch alle ver\u00f6ffentlichten WordPress-Beitr\u00e4ge\n     als Karten-Grid mit Filter-Pills - siehe Snippet\n     \"CC Aktuelles Feed\" (PHP, muss in WPCode aktiv sein).\n     WICHTIG: der umgebende Elementor-Section-Container um diesen\n     Shortcode-Block braucht die CSS-Klasse \"cc-aktuelles-section\"\n     (im Elementor-Sektions-Editor unter Erweitert > CSS-Klassen\n     eintragen), damit die Leerzustand-Padding-Anpassung im Skript\n     greift.\n\n  Zugeh\u00f6riges CSS f\u00fcr Hero + Feed-Grid: im CSS-Tab dieses Blocks\n  (aktuelles-css-tab.css) - gilt f\u00fcr beide Bl\u00f6cke zusammen, da beide\n  auf derselben Seite sitzen.\n\n  Setzt voraus: ConCIRCLE Global Styles, CC Nav, CC Active Nav,\n  CC CTA & Footer, UND das PHP-Snippet \"CC Aktuelles Feed\" sind\n  bereits aktiv.\n-->\n\n<div class=\"cc-home\">\n\n  <!-- ===== HERO ===== -->\n  <section class=\"cc-section cc-section-dark\">\n    <div class=\"cc-container\">\n      <span class=\"cc-eyebrow on-dark\">Aktuelles<\/span>\n      <h1>Neuigkeiten aus dem<br>Projekt.<\/h1>\n      <p style=\"max-width:60ch;\">Publikationen, Meilensteine und Veranstaltungen, direkt aus dem Forschungskonsortium.<\/p>\n    <\/div>\n  <\/section>\n  <!-- ===== \/HERO ===== -->\n\n\n  <!-- ===== BEITR\u00c4GE (dynamisch) =====\n       Hier folgt auf der Seite ein separater SHORTCODE-Block mit:\n       [cc_aktuelles]\n       Dieser HTML-Block endet bewusst hier - die Beitr\u00e4ge werden NICHT\n       in diesem Block eingef\u00fcgt, sondern kommen automatisch aus\n       WordPress \u00fcber den Shortcode. -->\n\n<\/div>\n\n<!--\n  Nichts weiter n\u00f6tig - CTA-Leiste und Footer werden automatisch \u00fcber\n  das WPCode-Snippet \"CC CTA & Footer\" angezeigt.\n-->\n\n\n    <section class=\"cc-section cc-aktuelles-section\">\r\n    <div class=\"cc-container\">\r\n    <div class=\"cc-aktuelles-filter\">\r\n                    <button class=\"cc-filter-btn active\" data-cat=\"alle\">Alle<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"publikation\">Publikation<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"veranstaltung\">Veranstaltung<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"meilenstein\">Meilenstein<\/button>\r\n                    <button class=\"cc-filter-btn\" data-cat=\"presse\">Presse<\/button>\r\n            <\/div>\r\n    <div class=\"cc-aktuelles-grid\">\r\n        <p class=\"cc-no-posts\" style=\"display:none; font-family:'Inter',sans-serif; color:rgba(0,0,0,0.4); grid-column:1\/-1; padding: 40px 0;\">Keine Beitr\u00e4ge in dieser Kategorie.<\/p>\r\n                    <article class=\"cc-aktuelles-card\" data-cat=\"veranstaltung\" onclick=\"window.location='http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-im-zueblin-innovation-center-stuttgart\/'\" style=\"cursor:pointer;\">\r\n                <div class=\"cc-card-top\">\r\n                    <span class=\"cc-card-tag veranstaltung\">Veranstaltung<\/span>                    <span class=\"cc-card-date\">August 2026<\/span>\r\n                <\/div>\r\n                <h3>2. Konsortialtreffen im Z\u00dcBLIN Innovation Center Stuttgart<\/h3>\r\n                <p>Wie bringt man Daten, KI und Stahlbeton an einen Tisch? Genau das war die Ausgangsfrage beim zweiten ConCIRCLE-Konsortialtreffen, das diesmal im Innovation\u2026<\/p>\r\n                <div class=\"cc-card-footer\">\r\n                    <a class=\"cc-card-link\" href=\"http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-im-zueblin-innovation-center-stuttgart\/\">Weiterlesen<\/a>\r\n                    <span class=\"cc-card-arrow\">\u2192<\/span>\r\n                <\/div>\r\n            <\/article>\r\n                    <article class=\"cc-aktuelles-card\" data-cat=\"veranstaltung\" onclick=\"window.location='http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-kick-off-workshop-in-karlsruhe\/'\" style=\"cursor:pointer;\">\r\n                <div class=\"cc-card-top\">\r\n                    <span class=\"cc-card-tag veranstaltung\">Veranstaltung<\/span>                    <span class=\"cc-card-date\">February 2026<\/span>\r\n                <\/div>\r\n                <h3>Konsortialtreffen: Kick-off-Workshop in Karlsruhe<\/h3>\r\n                <p>Da schlie\u00dft sich der Kreis: Ein neues Forschungsprojekt ist am Institut f\u00fcr Technologie und Management im Baubetrieb (TMB) gestartet, mit einem klaren\u2026<\/p>\r\n                <div class=\"cc-card-footer\">\r\n                    <a class=\"cc-card-link\" href=\"http:\/\/concircle.tech\/en\/veranstaltung\/konsortialtreffen-kick-off-workshop-in-karlsruhe\/\">Weiterlesen<\/a>\r\n                    <span class=\"cc-card-arrow\">\u2192<\/span>\r\n                <\/div>\r\n            <\/article>\r\n            <\/div>\r\n    <script>\r\n    document.querySelectorAll('.cc-filter-btn').forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            document.querySelectorAll('.cc-filter-btn').forEach(b => b.classList.remove('active'));\r\n            this.classList.add('active');\r\n            const cat = this.dataset.cat;\r\n            let visible = 0;\r\n            document.querySelectorAll('.cc-aktuelles-card').forEach(card => {\r\n                if (cat === 'alle' || card.dataset.cat === cat) {\r\n                    card.style.display = 'flex';\r\n                    visible++;\r\n                } else {\r\n                    card.style.display = 'none';\r\n                }\r\n            });\r\n            const noposts = document.querySelector('.cc-no-posts');\r\n            const grid = document.querySelector('.cc-aktuelles-grid');\r\n            const section = document.querySelector('.cc-aktuelles-section');\r\n            if (noposts) noposts.style.display = visible === 0 ? 'block' : 'none';\r\n            if (grid) grid.style.minHeight = visible === 0 ? '0' : '';\r\n            if (section) {\r\n                section.style.paddingTop = visible === 0 ? '40px' : '60px';\r\n                section.style.paddingBottom = visible === 0 ? '40px' : '60px';\r\n            }\r\n        });\r\n    });\r\n    <\/script>\r\n    <\/div>\r\n    <\/div>\r\n    <\/section>\r\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aktuelles Neuigkeiten aus demProjekt. Publikationen, Meilensteine und Veranstaltungen, direkt aus dem Forschungskonsortium.<\/p>","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-429","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":4,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/429\/revisions"}],"predecessor-version":[{"id":442,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/429\/revisions\/442"}],"wp:attachment":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/media?parent=429"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}