mebis/moodle: Sprungmarken richtig positionieren

Link

<a href="#aktuellesthema">
<button type="button" class="btn btn-danger" style="background-color: rgba(255,0,0, 0.7);">
 ⇣ zum aktuellen Thema ⇣ 
</button>
</a>

Ziel

<div id="aktuellesthema">   </div>
<div id="sprungmarke">  ⇣ aktuell  ⇣ </div>

CSS

#sprungmarke {
color: rgba(255,255,255,.85);
background-color: rgba(255,0,0, 0.7);
text-align: center;
display:inline;
padding: 7px 7px 7px 7px;
}

#aktuellesthema::before {
content: " ";
height: 120px;
margin-top: -120px;
}