{"id":299799,"date":"2023-03-30T08:19:16","date_gmt":"2023-03-30T08:19:16","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/monochrome-pricing-table-de_de\/"},"modified":"2026-05-16T23:04:36","modified_gmt":"2026-05-16T23:04:36","slug":"monochrome-pricing-table-de_de","status":"publish","type":"wporg-pattern","link":"https:\/\/de.wordpress.org\/patterns\/pattern\/monochrome-pricing-table-de_de\/","title":{"rendered":"Einfarbige Preistabelle"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-b4c8e45b wp-block-column-is-layout-flow\" style=\"border-width:1px\">\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background is-layout-flow wp-container-core-group-is-layout-227e7db9 wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Basis<\/h3>\n\n\n\n<h3 class=\"wp-block-heading has-heading-4-font-size\">29\u00a0\u20ac<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Do some of the things.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ab84e733 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<ul class=\"wp-block-list\" style=\"padding-left:var(--wp--preset--spacing--40)\">\n<li>Dies ist eine der Funktionen.<\/li>\n\n\n\n<li>Hier haben wir noch eine Funktion.<\/li>\n\n\n\n<li>Noch eine weitere schicke Funktion.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-a90dccff wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\">Get Basic<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-b4c8e45b wp-block-column-is-layout-flow\" style=\"border-width:1px\">\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background is-layout-flow wp-container-core-group-is-layout-227e7db9 wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Plus<\/h3>\n\n\n\n<h3 class=\"wp-block-heading has-heading-4-font-size\">49\u00a0\u20ac<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Do most of the things.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ab84e733 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<ul class=\"wp-block-list\" style=\"padding-left:var(--wp--preset--spacing--40)\">\n<li>Dies ist eine der Funktionen.<\/li>\n\n\n\n<li>Hier haben wir noch eine Funktion.<\/li>\n\n\n\n<li>Noch eine weitere schicke Funktion.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-a90dccff wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Plus-Version erhalten<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-b4c8e45b wp-block-column-is-layout-flow\" style=\"border-width:1px\">\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background is-layout-flow wp-container-core-group-is-layout-227e7db9 wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1567b4e4 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Premium<\/h3>\n\n\n\n<h3 class=\"wp-block-heading has-heading-4-font-size\">99\u00a0\u20ac<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Do all of the things.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ab84e733 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<ul class=\"wp-block-list\" style=\"padding-left:var(--wp--preset--spacing--40)\">\n<li>Dies ist eine der Funktionen.<\/li>\n\n\n\n<li>Hier haben wir noch eine Funktion.<\/li>\n\n\n\n<li>Noch eine weitere schicke Funktion.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-a90dccff wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link wp-element-button\">Premium erhalten<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":346627,"parent":298291,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"Preisgestaltung","wpop_description":"Eine Preistabelle mit drei Stufen, die eine \u00dcberschrift, einen Preis, eine Beschreibung, eine Funktionsliste und einen Button f\u00fcr jede Stufe anzeigt.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"de_DE","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/list,core\/list-item,core\/paragraph","footnotes":""},"pattern-categories":[3,63,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-299799","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-columns","wporg-pattern-category-services","wporg-pattern-category-text"],"category_slugs":["columns","services","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\"},\"spacing\":{\"blockGap\":\"0\"}}} -->\n<div class=\"wp-block-column\" style=\"border-width:1px\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|10\"}},\"backgroundColor\":\"black\",\"textColor\":\"white\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Basis<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">29\u00a0\u20ac<\/h3>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Do some of the things.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|30\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:list {\"style\":{\"spacing\":{\"padding\":{\"left\":\"var:preset|spacing|40\"}}}} -->\n<ul style=\"padding-left:var(--wp--preset--spacing--40)\"><!-- wp:list-item -->\n<li>Dies ist eine der Funktionen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Hier haben wir noch eine Funktion.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Noch eine weitere schicke Funktion.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"width\":100,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link wp-element-button\">Get Basic<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\"},\"spacing\":{\"blockGap\":\"0\"}}} -->\n<div class=\"wp-block-column\" style=\"border-width:1px\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|10\"}},\"backgroundColor\":\"black\",\"textColor\":\"white\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Plus<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">49\u00a0\u20ac<\/h3>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Do most of the things.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|30\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:list {\"style\":{\"spacing\":{\"padding\":{\"left\":\"var:preset|spacing|40\"}}}} -->\n<ul style=\"padding-left:var(--wp--preset--spacing--40)\"><!-- wp:list-item -->\n<li>Dies ist eine der Funktionen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Hier haben wir noch eine Funktion.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Noch eine weitere schicke Funktion.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"width\":100,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link wp-element-button\">Plus-Version erhalten<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"style\":{\"border\":{\"width\":\"1px\"},\"spacing\":{\"blockGap\":\"0\"}}} -->\n<div class=\"wp-block-column\" style=\"border-width:1px\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|10\"}},\"backgroundColor\":\"black\",\"textColor\":\"white\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-white-color has-black-background-color has-text-color has-background\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">Premium<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":3,\"fontSize\":\"heading-4\"} -->\n<h3 class=\"wp-block-heading has-heading-4-font-size\">99\u00a0\u20ac<\/h3>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:paragraph -->\n<p>Do all of the things.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\",\"bottom\":\"var:preset|spacing|30\",\"left\":\"var:preset|spacing|30\"},\"blockGap\":\"var:preset|spacing|30\"}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:list {\"style\":{\"spacing\":{\"padding\":{\"left\":\"var:preset|spacing|40\"}}}} -->\n<ul style=\"padding-left:var(--wp--preset--spacing--40)\"><!-- wp:list-item -->\n<li>Dies ist eine der Funktionen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Hier haben wir noch eine Funktion.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Noch eine weitere schicke Funktion.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"width\":100,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\"><a class=\"wp-block-button__link wp-element-button\">Premium erhalten<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Anders Nor\u00e9n","url":"https:\/\/de.wordpress.org\/patterns\/author\/anlino","avatar":"https:\/\/secure.gravatar.com\/avatar\/321499bde58292db1a404164538b8f2c736e4a6886cd11532ae0d59a468e4568?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/299799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":9,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/299799\/revisions"}],"predecessor-version":[{"id":796112,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/299799\/revisions\/796112"}],"author":[{"embeddable":true,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/anlino"}],"wp:attachment":[{"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=299799"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=299799"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=299799"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/de.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=299799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}