.mtech_header_bar {
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: #2B2D35;
  color: white;
  height: 85px;
  margin-left: -8px;
  margin-right: -8px;
  z-index: 100;
}

.mtech_header_content > a {
  color: lightcoral;
}

#webseite {
    margin-top: 95px;
}

.mtech_header_content {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 140%;

  max-width: 890px;
  margin: auto;
}

h1.title {
  margin: 0;
  font-weight: lighter;
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  text-align: left;
  border: none;
  color: #F3F3F3;
  height: 30px;
  font-size: 32px;
  /* min of (12% of the view port width - 16px) and (32px).
  chose larger Xvw for font to shrink faster. */
  font-size: min(12vw - 16px, 32px);
}

img.titleicon {
  float: right;
  height: 60px; /* keep legacy browser support */
  height: min(12vw, 60px);
}