This is possible using CSS flexbox. For example we move the additional_contents section before the table of contents in several of our journals, e.g. https://www.psychoanalyse-journal.ch , without having to change the template and to reorder the div elements.
Have a look at flexbox there: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
The order can be changed e.g. by adding these CSS flexbox elements to body.less
// Change order with flex
.page_index_journal {
display: flex;
flex-direction: column;
}.cmp_announcements {
flex: 1;
order: 2;
}.current_issue {
order: 1;
}.additional_content {
order: 3;
}