{"id":402,"date":"2026-07-29T12:46:52","date_gmt":"2026-07-29T12:46:52","guid":{"rendered":"https:\/\/concircle.tech\/?page_id=402"},"modified":"2026-08-05T10:53:14","modified_gmt":"2026-08-05T10:53:14","slug":"kontakt","status":"publish","type":"page","link":"http:\/\/concircle.tech\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Nur f\u00fcr die \"Kontakt\"-Seite - in den CSS-Tab des Custom-HTML-Blocks\n   dieser Seite einf\u00fcgen. *\/\n\n.cc-kontakt-grid {\n  display: grid;\n  grid-template-columns: 1.3fr 1fr;\n  gap: 64px;\n  align-items: start;\n}\n@media (max-width: 900px) { .cc-kontakt-grid { grid-template-columns: 1fr; } }\n\n\/* Formular *\/\n.cc-kontakt-form { margin-top: 32px; }\n\n\/* \u2500\u2500 WPForms-Override \u2500\u2500\n   WPForms (Formular-ID 447) bringt eigene Klassen\/Styles mit; hier\n   wird das auf die ConCIRCLE-Optik umgestylt (Inputs, Labels, Button),\n   damit es nicht wie ein generisches WPForms-Formular aussieht.\n   Falls sich WPForms-Klassennamen durch ein Update \u00e4ndern, hier\n   nachjustieren (im Browser-Inspector pr\u00fcfen). *\/\n.cc-kontakt-form .wpforms-container { margin: 0; }\n.cc-kontakt-form .wpforms-field { padding: 0 0 20px; }\n.cc-kontakt-form .wpforms-field-label {\n  display: block;\n  font-family: var(--cc-font-body);\n  font-weight: 600;\n  font-size: 0.9rem;\n  color: var(--cc-near-black);\n  margin-bottom: 8px;\n}\n.cc-kontakt-form .wpforms-required-label { color: var(--cc-coral); }\n.cc-kontakt-form .wpforms-field-sublabel { color: var(--cc-concrete); font-weight: 400; }\n\n.cc-kontakt-form input[type=\"text\"],\n.cc-kontakt-form input[type=\"email\"],\n.cc-kontakt-form textarea,\n.cc-kontakt-form select {\n  width: 100% !important;\n  font-family: var(--cc-font-body) !important;\n  font-size: 0.95rem !important;\n  color: var(--cc-near-black) !important;\n  background: var(--cc-white) !important;\n  border: 1px solid var(--cc-grey-light) !important;\n  border-radius: 4px !important;\n  padding: 12px 14px !important;\n  box-shadow: none !important;\n  transition: border-color .15s ease;\n}\n.cc-kontakt-form input:focus,\n.cc-kontakt-form textarea:focus,\n.cc-kontakt-form select:focus {\n  outline: none !important;\n  border-color: var(--cc-teal-brand) !important;\n  box-shadow: none !important;\n}\n.cc-kontakt-form textarea { resize: vertical; }\n\n\/* WPForms-Submit-Button auf den ConCIRCLE-Prim\u00e4rbutton-Look bringen *\/\n.cc-kontakt-form .wpforms-submit-container { margin-top: 4px; }\n.cc-kontakt-form button[type=\"submit\"] {\n  font-family: var(--cc-font-body) !important;\n  font-weight: 600 !important;\n  font-size: 0.95rem !important;\n  background: var(--cc-coral) !important;\n  color: var(--cc-white) !important;\n  border: none !important;\n  border-radius: 4px !important;\n  padding: 14px 28px !important;\n  cursor: pointer;\n  transition: background .15s ease;\n}\n.cc-kontakt-form button[type=\"submit\"]:hover { background: var(--cc-coral-deep) !important; }\n\n\/* Fehler-\/Erfolgsmeldungen von WPForms an die Markenfarben angleichen *\/\n.cc-kontakt-form .wpforms-error { color: var(--cc-coral-deep) !important; font-size: 0.85rem; }\n.cc-kontakt-form .wpforms-field-label-error,\n.cc-kontakt-form input.wpforms-error,\n.cc-kontakt-form textarea.wpforms-error { border-color: var(--cc-coral) !important; }\n.cc-kontakt-form .wpforms-confirmation-container-full {\n  background: var(--cc-teal-fill) !important;\n  border: 1px solid var(--cc-teal-pale) !important;\n  color: var(--cc-teal-dim) !important;\n  border-radius: 4px !important;\n  padding: 20px !important;\n}\n\n\/* Direktkontakt *\/\n.cc-kontakt-direct { margin-top: 32px; }\n.cc-kontakt-direct-item {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  padding: 20px 0;\n  border-bottom: 1px solid var(--cc-grey-light);\n}\n.cc-kontakt-direct-item:first-child { padding-top: 0; }\n.cc-kontakt-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--cc-teal-fill);\n  color: var(--cc-teal-brand);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.95rem;\n}\n.cc-kontakt-label {\n  display: block;\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n  color: var(--cc-concrete);\n  margin-bottom: 4px;\n}\n.cc-kontakt-direct-item a {\n  color: var(--cc-coral-deep);\n  font-weight: 600;\n  text-decoration: none;\n}\n.cc-kontakt-direct-item a:hover { text-decoration: underline; }\n.cc-kontakt-social { display: flex; gap: 20px; }\n.cc-kontakt-social a {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--cc-near-black);\n  font-weight: 600;\n  text-decoration: none;\n  transition: color .15s ease;\n}\n.cc-kontakt-social a svg { flex-shrink: 0; transition: color .15s ease; }\n.cc-kontakt-social a:hover { color: var(--cc-teal-brand); }\n<\/style>\n\n<!--\n  ============================================================\n  CONCIRCLE KONTAKT-SEITE - Inhalt f\u00fcr den Custom-HTML-Block\n  ============================================================\n  In den \"Custom HTML\"-Block auf der \"Kontakt\"-Seite einf\u00fcgen.\n  Zugeh\u00f6riges CSS: im CSS-Tab desselben Blocks (kontakt-css-tab.css).\n\n  Setzt voraus: ConCIRCLE Global Styles, CC Nav, CC Active Nav sind\n  bereits aktiv. CC CTA & Footer NICHT hier - diese Seite hat bereits\n  ein eigenes Kontaktformular, die CTA-Leiste sollte hier \u00fcbersprungen\n  werden (siehe Kommentar im \"CC CTA & Footer\"-Snippet: $skip_cta_on -\n  die Seiten-ID dieser Kontakt-Seite dort eintragen, Footer bleibt\n  trotzdem sichtbar).\n\n  HINWEIS ZUR DOMAIN (aus Feedback-Kommentaren im PDF-Mockup):\n  E-Mail-Adresse und ggf. weitere Links nutzen die .tech-Domain\n  (info@concircle.tech), NICHT .de.\n\n  HINWEIS ZU FORMULAR-FUNKTIONALIT\u00c4T:\n  Das Formular unten ist aktuell nur die visuelle Struktur (Markup +\n  Styling) - es sendet noch nichts. F\u00fcr echte Funktionalit\u00e4t entweder:\n  a) Ein Formular-Plugin (z. B. WPForms, Contact Form 7) einsetzen und\n     dessen Shortcode\/Block anstelle des <form>-Elements einf\u00fcgen, mit\n     denselben Feldern und CSS-Klassen f\u00fcr einheitliches Aussehen, oder\n  b) Einen eigenen PHP-Handler (WPCode-Snippet, das $_POST verarbeitet\n     und per wp_mail() versendet) erg\u00e4nzen.\n  Bitte vor Livegang kl\u00e4ren, welcher Weg gew\u00fcnscht ist.\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\">Kontakt<\/span>\n      <h1>Sprechen wir \u00fcber Ihr<br>Projekt.<\/h1>\n      <p style=\"max-width:60ch;\">Ob Forschungspartnerschaft, Pilotprojekt oder allgemeine Anfrage, wir freuen uns \u00fcber Ihre Nachricht und melden uns zeitnah bei Ihnen.<\/p>\n    <\/div>\n  <\/section>\n  <!-- ===== \/HERO ===== -->\n\n\n  <!-- ===== FORMULAR + DIREKTKONTAKT ===== -->\n  <section class=\"cc-section\">\n    <div class=\"cc-container cc-kontakt-grid\">\n\n      <!-- LINKS: Kontaktformular -->\n      <div>\n        <span class=\"cc-eyebrow\">Nachricht senden<\/span>\n        <h2>Schreiben Sie uns.<\/h2>\n\n        <div class=\"cc-kontakt-form\">\n          <style id=\"wpforms-css-vars-447\">\n\t\t\t\t#wpforms-447 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-447\"><form id=\"wpforms-form-447\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"447\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/402\" data-token=\"fe32fd6249acc1778f96d8895849b9de\" data-token-time=\"1787530221\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-447-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-447-field_4\" >Nachricht Name E-Mail-Adresse<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-447-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-447-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-447-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-447-field_1-error\" required><label for=\"wpforms-447-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-447-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-447-field_1-last-error\" required><label for=\"wpforms-447-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-447-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-447-field_2\">E-Mail-Adresse <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-447-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-447-field_2-error\" required><\/div><div id=\"wpforms-447-field_5-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-447-field_5\">Organisation<\/label><input type=\"text\" id=\"wpforms-447-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-447-field_5-error\" ><\/div><div id=\"wpforms-447-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-447-field_3\">Ihre Nachricht <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-447-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-447-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-447-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-447-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-447-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"447\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/402\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-447\" class=\"wpforms-submit\" data-alt-text=\"Wird gesendet\u00a0\u2026\" data-submit-text=\"Absenden\" aria-live=\"assertive\" value=\"wpforms-submit\">Absenden<\/button><img decoding=\"async\" src=\"http:\/\/concircle.tech\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n        <\/div>\n        <!--\n          WICHTIG: NUR der reine Shortcode-Text oben, KEIN PHP-Wrapper\n          (<?php echo ... ?>)! Custom-HTML-Bl\u00f6cke im WordPress-Editor\n          f\u00fchren kein PHP aus - WordPress verarbeitet Shortcodes im\n          Seiteninhalt aber automatisch \u00fcber die \"the_content\"-Filter-\n          Kette, daher reicht der reine Shortcode-Text hier v\u00f6llig aus.\n        -->\n      <\/div>\n\n      <!-- RECHTS: Direktkontakt -->\n      <div>\n        <span class=\"cc-eyebrow\">Direkt Kontakt<\/span>\n        <h2>Wir sind erreichbar.<\/h2>\n\n        <div class=\"cc-kontakt-direct\">\n          <div class=\"cc-kontakt-direct-item\">\n            <span class=\"cc-kontakt-icon\">\u2709<\/span>\n            <div>\n              <span class=\"cc-kontakt-label\">E-Mail<\/span>\n              <a href=\"mailto:info@concircle.tech\">info@concircle.tech<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"cc-kontakt-direct-item\">\n            <span class=\"cc-kontakt-icon\">\u2197<\/span>\n            <div>\n              <span class=\"cc-kontakt-label\">Soziale Medien<\/span>\n              <div class=\"cc-kontakt-social\">\n                <a href=\"https:\/\/www.linkedin.com\/company\/sdac-tech\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM7.114 20.452H3.558V9h3.556v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n                  <span>LinkedIn<\/span>\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/concircle.tech\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\n                  <span>Instagram<\/span>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n  <!-- ===== \/FORMULAR + DIREKTKONTAKT ===== -->\n\n<\/div>\n\n<!--\n  Footer wird automatisch \u00fcber das WPCode-Snippet \"CC CTA & Footer\"\n  angezeigt - CTA-Leiste bitte f\u00fcr diese Seite unterdr\u00fccken (siehe\n  Hinweis oben), da das Kontaktformular hier bereits die Funktion der\n  CTA-Leiste \u00fcbernimmt.\n-->\n","protected":false},"excerpt":{"rendered":"<p>Kontakt Sprechen wir \u00fcber IhrProjekt. Ob Forschungspartnerschaft, Pilotprojekt oder allgemeine Anfrage, wir freuen uns \u00fcber Ihre Nachricht und melden uns zeitnah bei Ihnen. Nachricht senden Schreiben Sie uns. Direkt Kontakt Wir sind erreichbar. \u2709 E-Mail info@concircle.tech \u2197 Soziale Medien LinkedIn Instagram<\/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-402","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/402","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=402"}],"version-history":[{"count":6,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"predecessor-version":[{"id":455,"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/pages\/402\/revisions\/455"}],"wp:attachment":[{"href":"http:\/\/concircle.tech\/en\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}