title: CSS Anchor Links Behind Navigation bar
body: <p>My CSS:</p>
  
  <pre><code>      html,body {margin:0;
                             overflow: hidden;
  
                  background: #3D537C;
                  font-family: 'Montserrat', sans-serif;
                  padding-top: 47px;
              }
  
              .navbar {
                //  overflow: hidden;
                  background-color: #333;
                  position: fixed;
                  top: 0;
                  width: 100%;
                  z-index: 1;
              }
  
              .navbar a {
                  float: left;
                  display: block;
                  color: #f2f2f2;
                  text-align: center;
                  padding: 14px 16px;
                  text-decoration: none;
                  font-size: 17px;
              }
  
              .main {
                  padding: 16px;
                  margin-top: 30px;
                  height: 1500px; /* Used in this example to enable scrolling */
              }
              /*Just Sidebar*/
              .sidebar {
                  position: fixed;
                  width: 200px;
                  height: auto;
                  margin: 50px auto;
                  background: #3D537C;
              }
              .content {
                  margin-left: 200px;
                  height: 2500px;
                  width: auto;
                  background: #AFCBFF;
                  overflow: auto;
                  top: -10px;
                  z-index: 2;
                  padding-top: 40px; 
                  margin-top: -40px;
              }
              /*.info {
                  width: 1440px;
                  height: 300px;
                  position: relative;
                  background: #f55;
              }*/
              a.anchor {
      display: block;
      position: relative;
      top: -250px;
      visibility: hidden;
          }
  }
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="navbar"&gt;
          &lt;a href="#About"&gt;Home&lt;/a&gt;
          &lt;a href="#news"&gt;News&lt;/a&gt;
          &lt;a href="#contact"&gt;Contact&lt;/a&gt;
          &lt;a href="#about"&gt;About&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="sidebar"&gt; &lt;a href="#About"&gt;About&lt;/a&gt;
                      &lt;a href="#random"&gt;Random&lt;/a&gt;
  
  
      &lt;/div&gt;
      &lt;div class="content"&gt;
          &lt;div id="About"&gt;
              &lt;p&gt;Hier wird was über mich stehen&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;&lt;/div&gt;
  
  
          &lt;div id="random"&gt; Hier wird irgendwas kommen
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
          &lt;p&gt;Some text some text some text some text..&lt;/p&gt;
  </code></pre>
  
  <p>When clicking on the Sidebar/Navigationbar anchor link the Text is being blocked by my fixed Navigation Bar. Whatever I tried, i can't find a solution and i'm not really that good in CSS.</p>
  
  <p><strong>PS: Just plain CSS please, no JS/JQuery</strong></p>
  
  <p>Fiddle:
  <a href="https://jsfiddle.net/ent848pf/" rel="nofollow noreferrer">https://jsfiddle.net/ent848pf/</a></p>