The issue here is the alignment if dropLists and text fields. They are 
supposed to be exactly in line with the text which is very complicated 
with Material components, which are heavily nested and contain several 
sub-elements which need to be changed - removing margins, paddings and 
other position related styles.

Min-height should be optional for dynamically positioned elements, as 
you usually don't need it and it causes more problems than it solves. 
Elements with min-height have cause unexpected margins between elements.

This avoids duplicate scrollbars in TestStudio

- Don't use height 100%. The image is not centered but positioned
in the upper left corner

As requested by product owner.

Now scales, taking up all available space.

No unused space around images and image an text below each each other.

This reverts commit b5d3b810.

The old behaviour with non-scaling images is wanted here. Will improve in subsequent commit.

Extend the parsing to inludes h-Elements.

The explicit check for undefined ensures that the value 0 of a
number property is taken from serialized elements.

Start could be a restart, so lists containing references to elements
are cleared.

If no audios and videos are available, the query status is 'complete'

Setting on type button avoids that click events are evaluated from
the surrounding form

This allows to set the background color without limiting the content

The presentation will not be completed until all audios with the
minRun property have been played.

Before the parent elements (span, div...) were catching the drop event 
which is not intended.

The player is supposed to take all the elements already defined and 
generated in the editor. Therefore the call to generate all elements 
from the text is not a general thing but specialized for the editor.

Right now the editor does no longer generate the cloze parts on load but 
only when the text prop has been touched.

Also all elements now take the parentForm as input. Allowing it to use 
them with template binding and not only setting the value directly (in 
the controller).

The font size is applied by setting the list style. This is a 
workaround, since the list extension does not support setting font size 
directly. It takes the selected font size (which is now saved ina 
variable) and applies it. This is indepent of the font size of the text 
in the list. The item font size is done individually with a span anyway.

Also font size and list style droplist now (re-)apply the value on click 
of an item. This allows updating font sizes and list styles without 
having to select another option first.

- Add a new variable to save the selected font size and reuse it for 
list styles.

(when not set)

No longer needs the appropriate section, but instead loops through all 
page sections. It was somewhat complicated to know the corresponding 
section and this solution solves that. Though at the price of some 
unnecessary element lookup.

Another upside is that elements from different sections can be deleted 
simultaneously.

This reverts commit c71cf1a2.

Child elements need some special CSS, for example to prevent taking up 
more space than needed.
This is only for text field and drop list, which are the relevant sub 
elements for now.

Button is no InputElement which causes trouble in some places. Since it 
does not make much sense in the Cloze context it is just removed.

The problem that was to be solved is that buttons within a form always 
cause form validation for all form elements. Which is not wanted here.
The better solution than preventing all event is to simply declare the 
button type. As button without any type are treated as submit buttons.

This new class makes sense logically, does not have an effect on the 
children though.