// templates/theme/rsce_headline-extended_config.php  

<?php

return [
    'label' => ['Erweiterte Überschrift','Erstellt eine Überschrift mit Unterüberschrift'],
    'types' => ['content'],
    'contentCategory' => 'texts',
    'standardFields' => ['headline', 'cssID'],
    'fields' => [
        'subheadline' => [
            'label' => ['Unterüberschrift','Geben Sie die Unterschrift ein. HTML ist erlaubt.'],
            'inputType' => 'text',
            'eval' => [
                'mandatory' => false, 
                'tl_class' => 'long', 
                'allowHtml' => true
            ],
        ],
        'subheadlinePostion' => [
            'label' => ['Position der Unterüberschrift','Vergeben Sie die Position der Unterschrift.'],
            'inputType' => 'select',
            'options' => [
                'top' => 'Oben', 
                'bottom' => 'Unten'
            ],
            'eval' => [
                'tl_class' => 'w50 clr'
            ],
            'default' => 'bottom'
        ],
    ],
];    

{# templates/theme/rsce_headline-extended.html.twig #}

{% if headline is defined and headline is not empty %}

<{{ hl }} class="{{ class }} content-headline headline-extended" {{ cssID|raw }}>
    {% if subheadlinePostion == 'top' and subheadline %}
        <span class="subheadline subheadline-top">{{ subheadline }}</span>
    {% endif %}
    <span class="hl-ext">{{ headline }}</span>
    {% if subheadlinePostion == 'bottom' and subheadline %}
        <span class="subheadline subheadline-bottom">{{ subheadline }}</span>
    {% endif %}
</{{ hl }}>

{% endif %}