main {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%), url("../img/frankfurt-main.jpg");
    background-position: center 35%;
    background-repeat: no-repeat;
    max-height: 60vh;
    background-size: cover;
}
header {
  padding: 20px 0;
}
h1 {
  color: rgb(212, 175, 55);
}
h2, h3 {
  margin-bottom: 0;
  padding: 10px 0;
  word-wrap: break-word;
  hyphens: auto;
}
li[lang="de"] {
  margin-bottom: 10px;
}
img {
  border-radius: 12px;
}
.container {
  background-color: rgba(255, 255, 255, 0.92);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.header-spacer {
  display: block;
  height: 50px;
}
.portrait {
  border: 3px solid rgb(212, 175, 55);
  border-radius: 4px;
  padding: 10px;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 768px) {
    h1 {
      font-size: 2em;
    }
    .header-spacer {
      height: 20px;
    }
}