<header id="pageheader" class="pageheader">
      <figure>
         <img class="logo" src="https://www.w3.org/html/logo/img/mark-only-icon.png">
      </figure>
      <nav id="navigation" class="navigation">
         <a href="news.htm">News</a>
         <a href="info.htm">Über Mich</a>
         <a href="craniosacral.htm">Craniosacral</a>
         <a href="links.htm">Links</a>
         <a href="kontakt.htm">Kontakt</a>
      </nav>
   </header>

      .pageheader {
         background-color: #53829d;
         display: flex;
         justify-content: space-between;
         align-items: center;
      }
      .pageheader img {
         display: block;
         max-width: 80px;
         border: 0;
      }
      .navigation {
         display: flex;
         flex-wrap: wrap;
      }
      .navigation a {
         padding: 0.8rem 1rem 0.8rem 1rem;
      }