{"id":27,"date":"2019-02-20T11:29:28","date_gmt":"2019-02-20T10:29:28","guid":{"rendered":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/?page_id=27"},"modified":"2024-03-07T09:08:25","modified_gmt":"2024-03-07T08:08:25","slug":"layout-elemente","status":"publish","type":"page","link":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/gutenberg-bloecke\/layout-elemente\/","title":{"rendered":"Layout-Elemente"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"abstandshalter\" id=\"abstandshalter\">ABSTANDSHALTER<\/h2>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"spalten\" id=\"spalten\">SPALTEN<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Spalte 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Spalte 2<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Spalte 3<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\" id=\"faq\">FAQ<\/h2>\n\n\n\n\n<h2 class=\"us_faq__headline\" id=\"test\">Test<\/h2>\n\n\n  \n  \n    <h2 class=\"us_faq-title\" id=\"funktionalitaeten\">Funktionalit\u00e4ten<\/h2>\n  \n  \n  <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\\\/\\\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"name\": \"Test\",\n      \"mainEntity\": [\n                {\n          \"@type\": \"Question\",\n          \"name\": \"test en\",\n          \"answerCount\": 1,\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"\"\n          }\n        }\n                , {\n          \"@type\": \"Question\",\n          \"name\": \"Welche Vorteile bietet unser Framework?\",\n          \"answerCount\": 1,\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\"\n          }\n        }\n              ]\n    }\n  <\/script>\n\n        <div class=\"us_faq\" data-categories=\"funktionalitaeten\">\n    <h3 class=\"us_faq__title\" id=\"test-en\">test en<\/h3>\n    <div class=\"us_faq__content\">\n        <\/div>\n  <\/div>\n        <div class=\"us_faq\" data-categories=\"funktionalitaeten\">\n    <h3 class=\"us_faq__title\" id=\"welche-vorteile-bietet-unser-framework\">Welche Vorteile bietet unser Framework?<\/h3>\n    <div class=\"us_faq__content\">\n    \n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n    <\/div>\n  <\/div>\n  \n  \n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocklink\" id=\"blocklink\">BLOCKLINK<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"textlink\" id=\"textlink\">Textlink<\/h3>\n\n\n\n\n\n<div class=\"us_textlink\">\n  <a class=\"focus-block \" href=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/gutenberg-bloecke\/\" target=\"\">\n    <span class=\"us_textlink__headline\">Text Link<\/h2>\n  <\/a>\n\n    <p>Focusmode Link<\/p>\n  <\/div>\n\n<div class=\"clearfix\"><\/div>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"button\" id=\"button\">Button<\/h3>\n\n\n\n\n\n<a id=\"blocklink-block_aa88a2de40b7fd0af7e1a2315f96cde0\" class=\"us_blocklink focus-block  \" href=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/gutenberg-bloecke\/\" >\n  <div class=\"us_blocklink-inner\">\n    <div class=\"us_blocklink__headline\">Block Link<\/div>\n          <p>Focusmode Button<\/p>\n      <\/div>\n<\/a>\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"button\" id=\"button\">BUTTON<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button<\/a><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-very-dark-gray-color has-light-green-cyan-background-color has-text-color has-background wp-element-button\" href=\"#\">Button<\/a><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-very-dark-gray-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button\" href=\"#\">Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"medien-text\" id=\"medien-text\">MEDIEN &amp; TEXT<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"normal\" id=\"normal\">normal<\/h3>\n\n\n\n<div class=\"wp-block-media-text\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png\" alt=\"\" class=\"wp-image-996 size-full\" srcset=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png 1024w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-640x367.png 640w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-300x172.png 300w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-768x441.png 768w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1536x881.png 1536w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-2048x1175.png 2048w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-860x493.png 860w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-420x241.png 420w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1380x792.png 1380w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-255x146.png 255w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-530x304.png 530w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">You can add an intro text in a bigger font size to your posts and pages  by wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. <strong>Natoque<\/strong>  sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut  dis, pulvinar lorem sociis et. Rhoncus et placerat integer enim  porttitor magna rhoncus. <\/p>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wide-medien-rechts-intro-initial\" id=\"wide-medien-rechts-intro-initial\">wide, Medien rechts, Intro, Initial<\/h3>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-drop-cap has-intro-font-size\">You can add an intro text in a bigger font size to your posts and pages<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png\" alt=\"\" class=\"wp-image-996 size-full\" srcset=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png 1024w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-640x367.png 640w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-300x172.png 300w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-768x441.png 768w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1536x881.png 1536w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-2048x1175.png 2048w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-860x493.png 860w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-420x241.png 420w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1380x792.png 1380w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-255x146.png 255w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-530x304.png 530w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"full-medien-links-intro-color-background\" id=\"full-medien-links-intro-color-background\">full, Medien links, Intro, Color-Background<\/h3>\n\n\n\n<div class=\"wp-block-media-text alignfull has-background has-very-dark-gray-background-color\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png\" alt=\"\" class=\"wp-image-996 size-full\" srcset=\"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1024x588.png 1024w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-640x367.png 640w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-300x172.png 300w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-768x441.png 768w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1536x881.png 1536w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-2048x1175.png 2048w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-860x493.png 860w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-420x241.png 420w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-1380x792.png 1380w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-255x146.png 255w, http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-content\/uploads\/2020\/03\/sample_image-530x304.png 530w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-very-light-gray-color has-text-color has-intro-font-size\">You can add an intro text in a bigger font size to your posts and pages<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"trennzeichen\" id=\"trennzeichen\">TRENNZEICHEN<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"normal\" id=\"normal\">normal<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-light-green-cyan-color has-css-opacity has-light-green-cyan-background-color has-background is-style-default\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"breite-linie\" id=\"breite-linie\">breite Linie<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-light-green-cyan-color has-css-opacity has-light-green-cyan-background-color has-background is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gepunktet\" id=\"gepunktet\">gepunktet<\/h3>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-light-green-cyan-color has-css-opacity has-light-green-cyan-background-color has-background is-style-dots\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABSTANDSHALTER SPALTEN Spalte 1 Spalte 2 Spalte 3 FAQ BLOCKLINK Textlink Button BUTTON MEDIEN &amp; TEXT normal You can add an intro text in a bigger font size to your posts and pages by wrapping a paragraph in a p tag with the CSS class of \u201cintro\u201d. Natoque sed montes. Nisi duis mus tincidunt ultrices [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1590,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"tags":[],"class_list":["post-27","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":52,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1964,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/pages\/27\/revisions\/1964"}],"up":[{"embeddable":true,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/pages\/1590"}],"wp:attachment":[{"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.modularte.de\/URSPRUNG-WP\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}