{"id":186348,"date":"2023-10-01T12:22:34","date_gmt":"2023-10-01T11:22:34","guid":{"rendered":"https:\/\/liora.io\/de\/?p=186348"},"modified":"2026-02-06T06:14:15","modified_gmt":"2026-02-06T05:14:15","slug":"css3-im-detail-alles-wissenswerte","status":"publish","type":"post","link":"https:\/\/liora.io\/de\/css3-im-detail-alles-wissenswerte","title":{"rendered":"CSS3 im Detail: Alles Wissenswerte"},"content":{"rendered":"<p><strong>Wenn du im Internet surfst, sind die Websites, die du besuchst, eine harmonische Kombination aus Inhalt (Text, Bilder, Videos) und Layout. Aber hast du dir schon einmal vorgestellt, was sich hinter diesen ansprechenden Designs, fl\u00fcssigen Animationen und reaktionsschnellen Layouts verbirgt? Hier kommt CSS ins Spiel.<\/strong><\/p>\t\t\n\t\t\t<h3>Was ist CSS und warum ist es wichtig?<\/h3>\t\t\n\t\t<p>CSS, oder Cascading Style Sheets, ist eine Sprache, die verwendet wird, um das Aussehen und die Formatierung eines Dokuments zu beschreiben, das in HTML oder XML geschrieben ist. Mit anderen Worten: W\u00e4hrend<a href=\"https:\/\/liora.io\/de\/html5-was-ist-das-vollstaendiger-leitfaden\"> HTML die Struktur der Seite (wie \u00dcberschriften, Abs\u00e4tze und Links) liefert<\/a>, bestimmt CSS, wie diese Elemente auf dem Bildschirm erscheinen sollen. Dazu geh\u00f6ren Aspekte wie Farbe, Schriftgr\u00f6\u00dfe, Abst\u00e4nde und sogar Animationen.<\/p><p>Die Bedeutung von <strong>CSS liegt in seiner F\u00e4higkeit, den Inhalt von der Darstellung<\/strong> zu trennen. Das bedeutet, dass Entwickler und Designer das Aussehen einer Website \u00e4ndern k\u00f6nnen, ohne den Inhalt zu ber\u00fchren.<\/p><p>Diese Trennung bietet auch eine gr\u00f6\u00dfere Flexibilit\u00e4t, sodass sich Websites an verschiedene Ger\u00e4tetypen und Bildschirmgr\u00f6\u00dfen anpassen k\u00f6nnen.<\/p><p>&nbsp;<\/p><p>?Auch interessant:<\/p><table dir=\"ltr\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\"><colgroup><col width=\"1116\"><\/colgroup><tbody><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Engineer Skills&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-engineer-skills-diese-machen-dich-erfolgreich\"><a href=\"https:\/\/liora.io\/de\/data-engineer-skills-diese-machen-dich-erfolgreich\" target=\"_blank\" rel=\"noopener\">Data Engineer Skills<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Loss Prevention&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-loss-prevention-dlp-grundsaetze-und-umsetzung\"><a href=\"https:\/\/liora.io\/de\/data-loss-prevention-dlp-grundsaetze-und-umsetzung\" target=\"_blank\" rel=\"noopener\">Data Loss Prevention<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Warehouse&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-warehouse\"><a href=\"https:\/\/liora.io\/de\/data-warehouse\" target=\"_blank\" rel=\"noopener\">Data Warehouse<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Science Bootcamp&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-science-bootcamp-vorteile-fuer-deine-karriere\"><a href=\"https:\/\/liora.io\/de\/data-science-bootcamp-vorteile-fuer-deine-karriere\" target=\"_blank\" rel=\"noopener\">Data Science Bootcamp<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Wie wird man Data Analyst&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/wie-wird-man-data-analyst\"><a href=\"https:\/\/liora.io\/de\/wie-wird-man-data-analyst\" target=\"_blank\" rel=\"noopener\">Wie wird man Data Analyst<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Science Definition und Use Cases&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-science-definition-problematik-und-anwendungsfalle\"><a href=\"https:\/\/liora.io\/de\/data-science-definition-problematik-und-anwendungsfalle\" target=\"_blank\" rel=\"noopener\">Data Science Definition und Use Cases<\/a><\/td><\/tr><tr><td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Data Product Manager&quot;}\" data-sheets-hyperlink=\"https:\/\/liora.io\/de\/data-product-manager-alles-ueber-den-job\"><a href=\"https:\/\/liora.io\/de\/data-product-manager-alles-ueber-den-job\" target=\"_blank\" rel=\"noopener\">Data Product Manager<\/a><\/td><\/tr><\/tbody><\/table><p>&nbsp;<\/p>\t\t\n\t\t\t<h3>Die Vorteile von CSS3: Eine wichtige Entwicklung im Webdesign<\/h3>\t\t\n\t\t\t<style type=\"text\/css\">\n.tg  {border-collapse:collapse;border-spacing:0;}\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\n.tg .tg-o6e8{background-color:#c0c0c0;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:center;\n  vertical-align:top}\n.tg .tg-gfw1{background-color:#c0c0c0;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;font-weight:bold;\n  text-align:center;vertical-align:top}\n.tg .tg-tvfv{background-color:#ffffff;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;\n  vertical-align:top}\n<\/style>\n<table style=\"undefined;table-layout: fixed; width: 800px\">\n<colgroup>\n<col style=\"width: 70px\">\n<col style=\"width: 230px\">\n<col style=\"width: 500px\">\n<\/colgroup>\n<thead>\n  <tr>\n    <th><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image7-3.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/th>\n    <th>Erweiterte Grafikf\u00e4higkeiten<\/th>\n    <th>Verl\u00e4ufe und abgerundete Ecken (oder \u00e4hnliche Effekte) k\u00f6nnen direkt mit Code erstellt werden, wodurch die Abh\u00e4ngigkeit von Bildern reduziert und die Ladezeiten der Seiten beschleunigt werden.<\/th>\n  <\/tr>\n<\/thead>\n<tbody>\n  <tr>\n    <td><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image2-3.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/td>\n    <td>Animationen und \u00dcberg\u00e4nge<\/td>\n    <td>CSS3 hat spezielle Eigenschaften f\u00fcr Animationen und \u00dcberg\u00e4nge eingef\u00fchrt, die es Entwicklern erm\u00f6glichen, fl\u00fcssige Bewegungen und Interaktionseffekte direkt mit CSS zu erstellen.<\/td>\n  <\/tr>\n  <tr>\n    <td><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image5-3.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/td>\n    <td>Responsive Design<\/td>\n    <td>Eine der gr\u00f6\u00dften St\u00e4rken von CSS3 ist die F\u00e4higkeit, Websites &#8222;responsiv&#8220; zu gestalten, d.h., Websites k\u00f6nnen sich an verschiedene Bildschirmgr\u00f6\u00dfen anpassen.<\/td>\n  <\/tr>\n  <tr>\n    <td><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image9-3.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/td>\n    <td>Benutzerdefinierte Schriftarten<\/td>\n    <td>Mit der Einf\u00fchrung der @font-face-Regel erm\u00f6glichte CSS3 Designern die Verwendung benutzerdefinierter Schriftarten auf Websites, was die gestalterische Freiheit bei der Typografie erh\u00f6hte.<\/td>\n  <\/tr>\n  <tr>\n    <td><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image12-1.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/td>\n    <td>Kompatibilit\u00e4t und Leistung<\/td>\n    <td>Obwohl die Browserkompatibilit\u00e4t immer eine Herausforderung war, wurde CSS3 von allen modernen Browsern weitgehend akzeptiert. Dar\u00fcber hinaus verbesserte CSS3 die Leistung von Websites, indem es die Abh\u00e4ngigkeit von Bildern und externen Skripten f\u00fcr Stil-Effekte reduzierte.<\/td>\n  <\/tr>\n  <tr>\n    <td><img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image8-2.png\" alt=\"Bild\" width=\"60\" height=\"60\"><\/td>\n    <td>Vereinfachung des Codes<\/td>\n    <td>Durch die Einf\u00fchrung neuer Eigenschaften und Selektoren erm\u00f6glicht CSS3 Entwicklern, komplexe Designs mit weniger Code zu erstellen. Dies f\u00fchrt zu saubereren Stylesheets, die leichter zu pflegen und effizienter sind.<\/td>\n  <\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex is-content-justification-center\"><div class=\"wp-block-button \"><a class=\"wp-block-button__link wp-element-button \" href=\"https:\/\/liora.io\/de\/unsere-aus-und-weiterbildungen\">Lerne CSS3<\/a><\/div><\/div>\n\n\t\t\t<h3>Die wichtigsten Neuerungen<\/h3>\t\t\n\t\t<p>Die<strong> Ankunft von CSS3<\/strong> hat eine beispiellose Entwicklung in der Webentwicklung mit sich gebracht. Hier sind einige davon:<br><\/p>\t\t\n\t\t\t<h4>Erweiterte Selektoren<\/h4>\t\t\n\t\t<p>Selektoren sind das Herzst\u00fcck der CSS-Funktionen. CSS3 f\u00fcgt neue hinzu:<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image10-3.png\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image10-3.png 512w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image10-3-300x300.png 300w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image10-3-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\">Attributselektoren: Sie bieten die M\u00f6glichkeit, Elemente auf der Grundlage des Vorhandenseins oder des Wertes ihrer Attribute anzusprechen, z. B. [data-attribute] oder [attr^=&#8220;value&#8220;].<\/li><li style=\"font-weight: 400;\" aria-level=\"1\">Strukturelle Selektoren: Sie bieten die M\u00f6glichkeit, Elemente auf der Grundlage ihrer Position oder ihrer Beziehung zu anderen Elementen anzusprechen, z. B. :nth-child() oder :last-of-type.<\/li><\/ul>\t\t\n\t\t\t<h4>\u00dcberg\u00e4nge und Animationen<\/h4>\t\t\n\t\t<p>Die \u00dcberg\u00e4nge und Animationen von CSS3 erm\u00f6glichten dynamische und ansprechende Interaktionen, ohne auf JavaScript angewiesen zu sein.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image1-3.png\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image1-3.png 512w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image1-3-300x300.png 300w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image1-3-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>\u00dcberg\u00e4nge:<\/strong> Sie erm\u00f6glichen einen flie\u00dfenden Wechsel zwischen den Zust\u00e4nden eines Elements.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Animationen:<\/strong> Mit Keyframes k\u00f6nnen Designer komplexe Animationssequenzen erstellen, vom einfachen Bounce bis zur Loop-Animation.<\/li><\/ul>\t\t\n\t\t\t<h4>Responsive Design<\/h4>\t\t\n\t\t<p>CSS3 bringt die n\u00f6tigen Werkzeuge mit, damit sich Seiten an die Gr\u00f6\u00dfe des Bildschirms anpassen k\u00f6nnen.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image5-4.png\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image5-4.png 512w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image5-4-300x300.png 300w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image5-4-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Media Queries<\/strong>: Sie erm\u00f6glichen die Anwendung von Stilen je nach Bildschirmgr\u00f6\u00dfe oder anderen Anzeigebedingungen.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Flexbox:<\/strong> Eine Layoutvorlage, die das Erstellen von flexiblen und anpassungsf\u00e4higen Designs erleichtert.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Grid Layout:<\/strong> Eine weitere Layout-Innovation, mit der sich komplexe Raster mit Leichtigkeit erstellen lassen.<\/li><\/ul>\t\t\n\t\t\t<a href=\"https:\/\/liora.io\/de\/aws-training\">\n\t\t\t\t\t\tLene CSS3\n\t\t\t\t\t<\/a>\n\t\t\t<h4>Typografie<\/h4>\t\t\n\t\t<p style=\"text-align: left;\">Typografie war schon immer ein zentrales Element des Designs, und CSS3 hat es noch weiter getrieben.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/liora.io\/app\/uploads\/2023\/09\/image11-1.png\" title=\"\" alt=\"\" loading=\"lazy\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>@font-face:<\/strong> Diese Regel erm\u00f6glicht die Einbindung eigener Schriftarten und bietet damit eine nie dagewesene typografische Freiheit.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Erweiterte Eigenschaften :<\/strong> Mit Eigenschaften wie text-shadow oder font-variant hat CSS3 die M\u00f6glichkeiten zur Stilisierung von Text bereichert.<\/li><\/ul>\t\t\n\t\t\t<h4>Andere Innovationen<\/h4>\t\t\n\t\t<p>Viele weitere Entwicklungen wurden implementiert, darunter :<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image3-2.png\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image3-2.png 512w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image3-2-300x300.png 300w, https:\/\/liora.io\/app\/uploads\/sites\/8\/2023\/10\/image3-2-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\">Abgerundete R\u00e4nder mit border-radius.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\">Multi-Hintergrund, mit dem du mehrere Hintergrundbilder auf ein Element anwenden kannst.<\/li><li style=\"font-weight: 400;\" aria-level=\"1\">Verwaltung der Deckkraft mit der Eigenschaft opacity und den RGBA-Farben.<\/li><\/ul>\t\t\n\t\t\t<h3>Was sind die Best Practices mit CSS3?<\/h3>\t\t\n\t\t<p><strong>CSS3<\/strong> mit seinen umfangreichen F\u00e4higkeiten bietet Entwicklern und Designern eine gro\u00dfe Flexibilit\u00e4t. Mit dieser Macht kommt jedoch auch die Verantwortung, sie weise zu nutzen.<\/p><p>Die <strong>Anwendung von Best Practices<\/strong> bei der Arbeit mit CSS3 garantiert nicht nur leistungsf\u00e4hige Webseiten, sondern auch einen wartbaren und skalierbaren Code.<\/p><p>?Sehen wir uns einige dieser wichtigen Praktiken an.<\/p><p><strong>?Progressives Design:<\/strong> Beim progressiven Design beginnt man mit einer soliden Basis, die auf allen Ger\u00e4ten und Browsern funktioniert, und f\u00fcgt dann nach und nach Funktionen f\u00fcr modernere Browser hinzu.<\/p><p><strong>?Verwendung von Anbieterpr\u00e4fixen:<\/strong> Anbieterpr\u00e4fixe werden f\u00fcr Eigenschaften verwendet, die f\u00fcr bestimmte Browser spezifisch sind. Auch wenn es redundant erscheinen mag, stellt die Verwendung von Pr\u00e4fixen sicher, dass dein Design in allen Browsern einheitlich bleibt.<\/p><p><strong>?Organisiere deinen Code:<\/strong> Ein gut organisiertes CSS ist leichter zu lesen, zu warten und zu debuggen. Gruppiere also \u00e4hnliche Selektoren, um Redundanz zu reduzieren und die Lesbarkeit zu verbessern, kommentiere dein CSS und wende eine Entwicklungsmethode an.<br>Teste die Browserkompatibilit\u00e4t: Selbst nach der Standardisierung von CSS3 interpretieren nicht alle Browser den Code auf die gleiche Weise. Verwende Tools wie &#8222;Can I use&#8220;, <strong>um die Kompatibilit\u00e4t von Eigenschaften zu \u00fcberpr\u00fcfen<\/strong>, und teste deine Seite auf verschiedenen Browsern und Ger\u00e4ten.<\/p><p><strong>?Optimiere deinen Code:<\/strong> Minimiere die Gr\u00f6\u00dfe deines CSS (es gibt Online-Tools, die dich dabei unterst\u00fctzen), vermeide Universal-Selektoren, die das Laden der Seite verlangsamen k\u00f6nnen, und vermeide es, zu viele Bilder dort einzusetzen, wo es nicht unbedingt n\u00f6tig ist.<br><strong>Bleibe auf dem Laufenden:<\/strong> Webtechnologien entwickeln sich schnell. <\/p>\t\t\n\t\t\t<h3>Fazit<\/h3>\t\t\n\t\t<p>Wenn man sich die umfangreichen F\u00e4higkeiten von CSS3 ansieht, wird klar, dass diese Sprache die Art und Weise, wie wir Webseiten entwerfen und entwickeln, revolutioniert hat. Von erweiterten Selektoren \u00fcber dynamische Animationen bis hin zu reaktionsschnellem Layout hat CSS3 es den Designern erm\u00f6glicht, die Grenzen dessen, was im Webdesign m\u00f6glich ist, zu erweitern.<\/p>\t\t\n\t\t\t\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex is-content-justification-center\"><div class=\"wp-block-button \"><a class=\"wp-block-button__link wp-element-button \" href=\"\/formation\/data-ia\/\">Entdecke unsere Kurse<\/a><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wenn du im Internet surfst, sind die Websites, die du besuchst, eine harmonische Kombination aus Inhalt (Text, Bilder, Videos) und Layout. Aber hast du dir schon einmal vorgestellt, was sich hinter diesen ansprechenden Designs, fl\u00fcssigen Animationen und reaktionsschnellen Layouts verbirgt? Hier kommt CSS ins Spiel. Was ist CSS und warum ist es wichtig? CSS, oder [&hellip;]<\/p>\n","protected":false},"author":76,"featured_media":181222,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"editor_notices":[],"footnotes":""},"categories":[2476],"class_list":["post-186348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cloud-dev"],"acf":[],"_links":{"self":[{"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/posts\/186348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/comments?post=186348"}],"version-history":[{"count":1,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/posts\/186348\/revisions"}],"predecessor-version":[{"id":217143,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/posts\/186348\/revisions\/217143"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/media\/181222"}],"wp:attachment":[{"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/media?parent=186348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/liora.io\/de\/wp-json\/wp\/v2\/categories?post=186348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}