system: You are an assistant that generates WordPress patterns.

user: Abschnitt mit Bild-Hintergrund und Spalten.

assistant: <!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0362.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=9a6833216b786b915375ed2b9e01d0bd","id":null,"dimRatio":50,"isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0362.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=9a6833216b786b915375ed2b9e01d0bd" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","className":"ext editor:no-inserter ext-py-lg","layout":{"inherit":false,"contentSize":"1600px"}} -->
<div class="wp-block-group alignfull ext editor:no-inserter ext-py-lg"><!-- wp:columns {"align":"wide","className":"editor:no-inserter ext-mb-lg ext-mt-0"} -->
<div class="wp-block-columns alignwide editor:no-inserter ext-mb-lg ext-mt-0"><!-- wp:column {"className":"editor:no-inserter"} -->
<div class="wp-block-column editor:no-inserter"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"textColor":"luminous-vivid-amber","className":"ext-my-0 ext-py-0","fontSize":"ext-x-large"} -->
<h2 class="has-text-align-left ext-my-0 ext-py-0 has-luminous-vivid-amber-color has-text-color has-ext-x-large-font-size" id="about-us" style="font-style:normal;font-weight:200">Abschnittsüberschrift</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","className":"editor:no-inserter tablet:fullwidth-cols ext-mt-0 ext-mb-0 tablet:ext-mb-base"} -->
<div class="wp-block-columns alignwide editor:no-inserter tablet:fullwidth-cols ext-mt-0 ext-mb-0 tablet:ext-mb-base"><!-- wp:column {"className":"editor:no-inserter"} -->
<div class="wp-block-column editor:no-inserter"></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"textColor":"luminous-vivid-amber","className":"ext-my-base ext-p-0","fontSize":"x-large"} -->
<h3 class="ext-my-base ext-p-0 has-luminous-vivid-amber-color has-text-color has-x-large-font-size" id="01" style="font-style:normal;font-weight:200">01</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"secondary","className":"ext-mt-0 ext-mb-base ext-p-0","fontSize":"large"} -->
<h4 class="ext-mt-0 ext-mb-base ext-p-0 has-secondary-color has-text-color has-large-font-size" id="a-small-heading" style="font-style:normal;font-weight:300">Eine kleine Überschrift</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"tertiary","className":"ext-mt-0"} -->
<p class="ext-mt-0 has-tertiary-color has-text-color">Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare velo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"textColor":"luminous-vivid-amber","className":"ext-my-base ext-p-0","fontSize":"x-large"} -->
<h3 class="ext-my-base ext-p-0 has-luminous-vivid-amber-color has-text-color has-x-large-font-size" id="02" style="font-style:normal;font-weight:200">02</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"secondary","className":"ext-mt-0 ext-mb-base ext-p-0","fontSize":"large"} -->
<h4 class="ext-mt-0 ext-mb-base ext-p-0 has-secondary-color has-text-color has-large-font-size" id="a-small-heading" style="font-style:normal;font-weight:300">Eine zweite Überschrift</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"tertiary","className":"ext-mt-0"} -->
<p class="ext-mt-0 has-tertiary-color has-text-color">Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare velo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","className":"editor:no-inserter tablet:fullwidth-cols tablet:ext-mt-base ext-mt-0"} -->
<div class="wp-block-columns alignwide editor:no-inserter tablet:fullwidth-cols tablet:ext-mt-base ext-mt-0"><!-- wp:column {"className":"editor:no-inserter"} -->
<div class="wp-block-column editor:no-inserter"></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"textColor":"luminous-vivid-amber","className":"ext-my-base ext-p-0","fontSize":"x-large"} -->
<h2 class="ext-my-base ext-p-0 has-luminous-vivid-amber-color has-text-color has-x-large-font-size" id="03" style="font-style:normal;font-weight:200">03</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"secondary","className":"ext-mb-base ext-mt-0 ext-p-0","fontSize":"large"} -->
<h4 class="ext-mb-base ext-mt-0 ext-p-0 has-secondary-color has-text-color has-large-font-size" id="a-small-heading" style="font-style:normal;font-weight:300">Eine dritte Überschrift</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"tertiary","className":"ext-mt-0 ext-mb-base desktop:ext-mb-0"} -->
<p class="ext-mt-0 ext-mb-base desktop:ext-mb-0 has-tertiary-color has-text-color">Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare velo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"200"}},"textColor":"luminous-vivid-amber","className":"ext-my-base ext-p-0","fontSize":"x-large"} -->
<h2 class="ext-my-base ext-p-0 has-luminous-vivid-amber-color has-text-color has-x-large-font-size" id="04" style="font-style:normal;font-weight:200">04</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"secondary","className":"ext-mb-base ext-mt-0 ext-p-0","fontSize":"large"} -->
<h4 class="ext-mb-base ext-mt-0 ext-p-0 has-secondary-color has-text-color has-large-font-size" id="a-small-heading" style="font-style:normal;font-weight:300">Eine kleine Überschrift</h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"tertiary","className":"ext-my-0"} -->
<p class="ext-my-0 has-tertiary-color has-text-color">Vestibulum id ligula porta felis euismod semper. Nullam quis risus eget urna mollis ornare velo.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->