title: Sticky header overlap content
body: <p>I found answers for this question but it doesn't help my situation. This is my <a href="https://kieferorthop%C3%A4die-dietze.de/praxis/#team/" rel="nofollow noreferrer">site</a>, when I jump to content, the header overlapped by sticky header.</p>
  
  <p>This is my idea to fix it:</p>
  
  <ol>
  <li><p>I will get #team from the link (e.g: <a href="https://kieferorthop%C3%A4die-dietze.de/praxis/#team/" rel="nofollow noreferrer">https://kieferorthopädie-dietze.de/praxis/#team/</a>)</p></li>
  <li><p>Then will compare the #team with container, if the container has the same id with link, I will add padding-top to the body.</p></li>
  <li><p>If user scroll up, body will remove padding-top.</p></li>
  </ol>
  
  <p>Hope anyone can give tell me how to code to fix this issue. Thanks in advance!</p>