{"id":99241,"date":"2017-04-20T09:36:51","date_gmt":"2017-04-20T09:36:51","guid":{"rendered":"https:\/\/codewebbarcelona.com\/propiedades-personalizadas-css-custom-properties\/"},"modified":"2026-06-12T12:04:41","modified_gmt":"2026-06-12T12:04:41","slug":"benutzerdefinierte-css-eigenschaften","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/","title":{"rendered":"Benutzerdefinierte CSS-Eigenschaften oder Custom Properties"},"content":{"rendered":"<p>Es ist Realit\u00e4t geworden. Wir k\u00f6nnen jetzt <strong>benutzerdefinierte Eigenschaften<\/strong> bzw.\u00a0<strong>CSS Custom Properties<\/strong> nutzen!<\/p>\n<p>Aber zuerst einmal beginnen wir mit einem sch\u00f6nen &lt;h2&gt;, gefolgt von einem guten &lt;p&gt; als kurze Zusammenfassung.<\/p>\n<h2>CSS Custom Properties\u00a0oder benutzerdefinierte Eigenschaften<\/h2>\n<p>Oder: wie man in einem CSS-Stylesheet zaubert.<\/p>\n<p><strong>Benutzerdefinierte Eigenschaften in CSS<\/strong> sind ein \u201eneues\u201c Konzept bei der Arbeit mit CSS-Stylesheets. Kurz und einfach gesagt geht es um die <strong>Nutzung von Variablen, die innerhalb des CSS-Dokuments<\/strong> und sogar aus Javascript heraus zug\u00e4nglich sind \u2013 und zwar <strong>NATIV<\/strong>.<\/p>\n<p>Warum \u201eneu\u201c in Anf\u00fchrungszeichen? Nun, ihr kennt sicher CSS-Pr\u00e4prozessoren. Sie waren lange sehr angesagt, aber mit dem Aufkommen der Custom Properties und dem zunehmenden Support dieser neuen Eigenschaften durch die verschiedenen Browser sind sie fr\u00fcher oder sp\u00e4ter zum Verschwinden verurteilt. Am Ende des Beitrags findet ihr eine Tabelle zur Browser-Unterst\u00fctzung, aber so viel vorab: Rund 70 % der Nutzer haben bereits einen Browser, der benutzerdefinierte Eigenschaften unterst\u00fctzt.<\/p>\n<p>&nbsp;<\/p>\n<h2>CSS\u00a0und benutzerdefinierte Eigenschaften<\/h2>\n<p>Um den Vorteil gegen\u00fcber einem herk\u00f6mmlichen CSS-Stylesheet zu sehen, nehmen wir als Beispiel <strong>ein CSS-Stylesheet ohne Custom Properties<\/strong> und werden genau dasselbe anschlie\u00dfend <strong>mithilfe dieser Eigenschaften \u201e\u00fcbersetzen\u201c<\/strong>.<\/p>\n<p>Nehmen wir an, wir m\u00f6chten f\u00fcr den body eine bestimmte Hintergrundfarbe festlegen, die wir sp\u00e4ter auch als Textfarbe in einer Ebene verwenden. Gleichzeitig nutzen wir die Textfarbe des body als Hintergrundfarbe dieser Ebene.<\/p>\n<p>Die capa1 erh\u00e4lt ein padding von 20px. Genau denselben Wert bekommt der margin-top von capa2.<\/p>\n<pre><code class=\"css\">\r\nbody{\r\n     background-color:#1b1b1b;\r\n     color:#fff;\r\n}\r\n.capa1{\r\n     padding:20px;\r\n     color:#1b1b1b;\r\n     background-color:#fff;\r\n}\r\n.capa2{\r\n     margin-top:20px;\r\n}\r\n\r\n<\/code><\/pre>\n<p>Jetzt bilden wir dasselbe Beispiel nach, diesmal jedoch mit benutzerdefinierten Eigenschaften.<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     --color1:#1b1b1b;\r\n     --color2:#fff;\r\n     --mainSpacing:20px;\r\n}\r\nbody{\r\n     background-color:var(--color1);\r\n     color:var(--color2);\r\n}\r\n.capa1{\r\n     padding:var(--mainSpacing);\r\n     color:var(--color1);\r\n     background-color:var(--color2);\r\n}\r\n.capa2{\r\n     margin-top:var(--mainSpacing);\r\n}\r\n<\/code><\/pre>\n<p>\u00dcber :root deklarieren wir die Variablen, die im gesamten CSS-Dokument verf\u00fcgbar sind. Mit dem doppelten Bindestrich &#8212; deklarieren wir eine Variable und ihren Wert. Um die deklarierten Variablen anschlie\u00dfend zu verwenden, nutzen wir var(&#8211;VARIABLE);.<\/p>\n<p>Stellt euch nun vor, welchen Nutzen das in einem CSS-Stylesheet mit mehr als 1000 Codezeilen hat \u2013 und wie einfach es wird, Werte zu \u00e4ndern. Wir m\u00fcssen nur einen einzigen Wert anpassen, damit sich die \u00c4nderung im gesamten CSS-Dokument widerspiegelt.<\/p>\n<p>&nbsp;<\/p>\n<h2>Ein Schritt weiter<\/h2>\n<p>Oder auch zwei. Denn <strong>CSS Custom Properties erm\u00f6glichen uns Berechnungen<\/strong>, <strong>bedingte<\/strong> Operationen und Standardwerte, falls eine bestimmte Variable nicht definiert ist. Klingt nach Javascript, oder? All das machen wir aber direkt im CSS-Stylesheet.<\/p>\n<p>Wir k\u00f6nnen addieren, multiplizieren, verschiedene Werte vergleichen und je nach Bedingung den einen oder anderen Wert anwenden.<\/p>\n<pre><code class=\"css\">\r\n.caja{\r\n     \/*Falls variable1 nicht deklariert ist, werden 10px angewendet*\/\r\n     margin-top:var(--variable1, 10px);\r\n\r\n     \/*Wir k\u00f6nnen Variablen auch nutzen, um einen Standardwert festzulegen*\/\r\n     padding-top:var(--variable1,var(--variable2));\r\n\r\n    \/*Wir k\u00f6nnen addieren, subtrahieren, multiplizieren und dividieren (*wichtig: Leerzeichen bei Addition und Subtraktion)*\/\r\n     padding-top:calc(var(--variable1) + 10px);\r\n     height:calc(var(--variable1) - 5px);\r\n     line-height:calc(var(--variable1) * 2);\r\n     width:calc((var(--variable1) - 5px)\/2);\r\n     \r\n}\r\n<\/code><\/pre>\n<p>Weitere Beispiele:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*Wir k\u00f6nnen Text erstellen, der sp\u00e4ter in ein :before eingef\u00fcgt wird*\/\r\n     --texto:\"Klicken zum Anzeigen\";\r\n}\r\n.caja:before{\r\n     content:var(--text);\r\n}\r\n.caja2:before{\r\n     \/*Wir k\u00f6nnen nach unserer deklarierten Variable weiteren Text hinzuf\u00fcgen (zum Beispiel einen Link zu einem Projekt)*\/\r\n     content:var(--text)' unser komplettes Projekt';\r\n}\r\n.caja2:before{\r\n     \/*Jetzt verwenden wir es f\u00fcr einen Link zu einer Nachricht*\/\r\n     content:var(--text)' unsere Nachricht';\r\n}\r\n<\/code><\/pre>\n<p>Bedingtes Beispiel:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*Darauf k\u00f6nnen wir per Javascript zugreifen*\/\r\n     --variableCond: if(x &gt; 5) this.width = 10;\r\n}\r\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h2>Browser-Unterst\u00fctzung<\/h2>\n<p>Wie ihr seht, unterst\u00fctzen es praktisch alle Browser &#8230; <strong>au\u00dfer Explorer! Wie seltsam, DAMIT H\u00c4TTE ICH JA NIE GERECHNET!<\/strong> Das erinnert uns an <em><strong>die guten alten Zeiten<\/strong><\/em>, in denen wir beim Layouten f\u00fcr Explorer 6 akrobatische Kunstst\u00fccke vollbringen mussten.<\/p>\n<p>Zum Gl\u00fcck nutzen heute \u2013 anders als damals \u2013 nur noch <strong>weniger als 4 % der Nutzer Explorer<\/strong>. Kein Drama.<\/p>\n<p>Der Anteil der Nutzer mit einem Browser, der <strong>Custom Properties unterst\u00fctzt<\/strong>, liegt bei <strong>70,9 %. Sehr hoch.<\/strong><\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-659 size-full\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\" alt=\"propiedades personalizadas o custom properties\" width=\"999\" height=\"460\" \/><\/a><\/p>\n<p><a href=\"http:\/\/caniuse.com\/#feat=css-variables\" target=\"_blank\" rel=\"nofollow\">http:\/\/caniuse.com\/#feat=css-variables<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es ist Realit\u00e4t geworden. Wir k\u00f6nnen jetzt benutzerdefinierte Eigenschaften bzw.\u00a0CSS Custom Properties nutzen! Aber zuerst einmal beginnen wir mit einem sch\u00f6nen &lt;h2&gt;, gefolgt von einem guten &lt;p&gt; als kurze Zusammenfassung. CSS Custom Properties\u00a0oder benutzerdefinierte Eigenschaften Oder: wie man in einem CSS-Stylesheet zaubert. Benutzerdefinierte Eigenschaften in CSS sind ein \u201eneues\u201c Konzept bei der Arbeit mit CSS-Stylesheets. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4193,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[695,658],"class_list":["post-99241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sonstiges","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo<\/title>\n<meta name=\"description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-20T09:36:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-12T12:04:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"689\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Benutzerdefinierte CSS-Eigenschaften oder Custom Properties\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-12T12:04:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/\"},\"wordCount\":483,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"articleSection\":[\"Sonstiges\",\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/\",\"name\":\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-12T12:04:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/benutzerdefinierte-css-eigenschaften\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"width\":2560,\"height\":689},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","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:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/","og_locale":"de_DE","og_type":"article","og_title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","og_description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","og_url":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/","og_site_name":"CODE","article_published_time":"2017-04-20T09:36:51+00:00","article_modified_time":"2026-06-12T12:04:41+00:00","og_image":[{"width":2560,"height":689,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Benutzerdefinierte CSS-Eigenschaften oder Custom Properties","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-12T12:04:41+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/"},"wordCount":483,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","articleSection":["Sonstiges","Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/","url":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/","name":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-12T12:04:41+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/benutzerdefinierte-css-eigenschaften\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","width":2560,"height":689},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/99241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=99241"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/99241\/revisions"}],"predecessor-version":[{"id":99243,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/99241\/revisions\/99243"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/4193"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=99241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=99241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}