try that:
https://webers-testseite.de/rbh/

btw: it is advisable to use a custom hyphenation on those headings.
A wonderfull entity for a soft-hyphen (conditional word breaks) is ­

you can set this html entity in e.g. also headings – unfortunately this is no longer visible after reopening the Alb element. Therefore I use an edited version of Günter’s nice plugin: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#using-special-characters

For the sake of simplicity, however, I did not do this with triple #, but only with single # and extended the array by many entities.

you can download it on : https://pastebin.com/jttc230x

A heading with softhyphen then looks in backend like :

PS: for that case i would use the flexbox layout.

How can I now integrate a custom svg divider:

The default storage location for Enfold is: /wp-content/uploads/dynamic_avia/avia_custom_shapes/ if you put your custom files there (via ftp) then they would at least be in the right place. ( if that folder isn’t present – create it )

here is the code as you now tell Enfold that there is a custom divider:
( put this to your child-theme functions.php)

function custom_avf_custom_svg_shapes( array $custom_shapes ) {
$custom_shapes = array(

	'reha-bad-hamm'		=> array(
		'key'			=> 'reha-bad-hamm',
		'title'			=> __( 'Reha Bad Hamm Trenner', 'avia_framework' ),
		'has_width'		=> true,
		'has_flip'		=> true,
		'filename'		=> 'reha-bad-hamm'
		),

);

return $custom_shapes;
}
add_filter( 'avf_custom_svg_shapes', 'custom_avf_custom_svg_shapes', 10, 1 );

If you are familiar with creating svg files – you can have your own custom svg dividers as well.
see your svg file here in action: https://webers-testseite.de/reha-bad-hamm-2/

Many of the Enfold svg files are designed so that you can set a height and the width adapts to the viewport.
This property within the svg is responsible for it:
preserveAspectRatio="none"

But this is not good for other svg. See the example page with the silhouette of Bonn at the bottom – that is a svg divider too.
On your svg too i would say it is better to preserve the aspect ratio by:
xml:space="preserve" preserveAspectRatio="xMidYMin meet"

(see svg code on that page)

For your svg, this is a special case too. These standard dividers work with paths that are not explicitly filled and are displayed as black in svg by default. The black is then coloured by the setting in the element itself. This is usually the colour that takes over the connection to the other section. So it is not transparent. – You now have a colour that is actually fixed (with the blue). Look at the source code on the example page, and the svg as I created it.

Just copy out the svg code, then you have your svg.

PS: becaue i gave a custom class to the bow itself – you can fill it by external css code ( as you can see on the example page as bottom divider)

I enable ALB shortcode debug mode, design the content of the woocommerce product category page in a tempoary draft page, then copy the shortcodes from the draft to the category page and update/publish.

To turn on theme debug: Goto theme options -> Layout Builder -> Toggle on “Show advanced options” -> Select under Debug Mode (Backend Only) “Enabled for admins only”.

This is less than ideal, but essentially does the same thing, without relying on other plugins.
It would be nice if we could enable ALB editing for product cateogries in a similar way to other / custom posts types like so:

/**
* Allow ALB editor on custom post types if not available by default.
*/
add_filter(‘avf_alb_supported_post_types’, function (array $supported_post_types) {
$supported_post_types[] = ‘portfolio’;
$supported_post_types[] = ‘someother_custompost_type’;
$supported_post_types[] = ‘product_cat’; /** <– simply adding this line would be great, but IT DOES NOT WORK / enable ALB editor in woocommerce categories (technically it’s a post type of post, but also has taxonomy type of product_cat */
$supported_post_types[] = ‘product’;
$supported_post_types[] = ‘enhancedcategory’;

return $supported_post_types;
});

Can a dev help with acheiving a requirement for Woocommerce Category ALB editing pretty please :-D.

I also have this code to enable shop page editing support for ALB editor:

/**
* BETA Feature – Allow editing of shop page in Enfold Avia editor
*/
add_theme_support(‘avia_custom_shop_page’);

Thanks