system: You are an assistant that generates WordPress patterns.

user: Three column on the dark background, perfect for the services page.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"10%","right":"3rem","bottom":"10%","left":"3rem"}}},"backgroundColor":"black"} -->
<div class="wp-block-group alignfull has-black-background-color has-background" style="padding-top:10%;padding-right:3rem;padding-bottom:10%;padding-left:3rem"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"color":{"background":"#16171a"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#16171a;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:heading {"style":{"typography":{"fontSize":"26px"}}} -->
<h2 style="font-size:26px">Kleine Überschrift</h2>
<!-- /wp:heading -->

<!-- wp:separator {"customColor":"#66fcf1","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#66fcf1;color:#66fcf1" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#66fcf1"},"typography":{"fontSize":"14px"},"spacing":{"padding":{"top":"7px","right":"15px","bottom":"7px","left":"15px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px"><a class="wp-block-button__link has-text-color" style="color:#66fcf1;padding-top:7px;padding-right:15px;padding-bottom:7px;padding-left:15px">Weiterlesen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"31%","style":{"color":{"background":"#16171a"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#16171a;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:31%"><!-- wp:group {"style":{"border":{"style":"solid","width":"1px","color":"#66fcf1"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
<div class="wp-block-group has-border-color" style="border-color:#66fcf1;border-style:solid;border-width:1px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:heading {"style":{"typography":{"fontSize":"26px"}}} -->
<h2 style="font-size:26px">Kleine Überschrift</h2>
<!-- /wp:heading -->

<!-- wp:separator {"customColor":"#66fcf1","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#66fcf1;color:#66fcf1" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#66fcf1"},"typography":{"fontSize":"14px"},"spacing":{"padding":{"top":"7px","right":"15px","bottom":"7px","left":"15px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px"><a class="wp-block-button__link has-text-color" style="color:#66fcf1;padding-top:7px;padding-right:15px;padding-bottom:7px;padding-left:15px">Weiterlesen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"color":{"background":"#16171a"},"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
<div class="wp-block-column has-background" style="background-color:#16171a;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:heading {"style":{"typography":{"fontSize":"26px"}}} -->
<h2 style="font-size:26px">Kleine Überschrift</h2>
<!-- /wp:heading -->

<!-- wp:separator {"customColor":"#66fcf1","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#66fcf1;color:#66fcf1" />
<!-- /wp:separator -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#66fcf1"},"typography":{"fontSize":"14px"},"spacing":{"padding":{"top":"7px","right":"15px","bottom":"7px","left":"15px"}}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:14px"><a class="wp-block-button__link has-text-color" style="color:#66fcf1;padding-top:7px;padding-right:15px;padding-bottom:7px;padding-left:15px">Weiterlesen</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->