Nested <topicref> elements in a DITA map - How to increase the indentation of the child topics in HTML output (via the publish pod)

Hello,

I try to figure out how to increase the indentation of the child topics in HTML output (via the publish pod). Until now without any success.

I would like to get in my topic tree in the HTML output like this:

parent topic A

• child topic A of parent topic A
• child topic B of parent topic A

parent topic B

• child topic A of parent topic B

parent topic C

First question: Is this possible with the out of the box solution by the FrameMaker 2015 publish pod?
Secound question: If yes which way I should try? Submaps? Relationship table ?

When I try to create a responsive HTML5 help from the example book "Personal Spaceship User Guide - EN-US.book" (C:\Program Files (x86)\Adobe\AdobeFrameMaker2015\beispiel\UserGuide(Arabic,English,Hebrew)\English) there I will get child topics in diffrent levels. Those child topics came from the mini TOC.

Source:

Any hints?

Thank you

Apollo102