a {
  display: inline-block;
  color: #cdcdcd;
  border-bottom: 2px solid transparent;
  transition: border-bottom 300ms;
  text-decoration: none;
  outline: none;
}
a,
a:hover,
a:focus {
  border-bottom: 2px solid rgba(205, 205, 205, 0.8);
}
header a, header a:hover, header a:focus {
  border: none;
}
main a, main .ziehharmonika h2 span {
  border-bottom: 2px solid rgba(205, 205, 205, 0.8);
}
h2 {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 2%;
}

.js header, .js main, footer {
  opacity: 0;
}