Instead, use :host in conjunction with ::deep

- Use fixedSize always together with dynamicPositioning!
- Rename css class 'center-content' to 'fixed-size-element'
'fixed-size-element' ensures that the content does not overflow.

The previous solution, which uses a top position of 50%, did not work on
iPad

- This improves scroll snap behaviour
- Set background color of page
- Interpret the margin of a page as padding. What it really is

ImportModuleVersion stores the unitDefinitionType of the loaded unit
definition. During the initialization of the unit, the individual
elements can react to the stored value.

Fixed-width pages are always centered in the browser, even if the
specified percentage is not equal to 50%.

The percentage weighting of the pages has an effect if the width of the
pages is greater than the width of the browser window.

... a played audio file