/* Anpassungen am Theme-Design */
.body {
  background-color: #222b1b; /* Hintergrundfarbe */
}

.name {
  color: #f3ecd6; /* Titel */
}

.bio,
.bio p,
.bio li,
.bio h2,
.bio h3,
.bio h4,
.bio h5,
.bio h6 {
  color: #e4e8d6; /* Fließtext */
}

/* Schriften: Sans-Serif (Inter) für Titel und Überschriften,
   Serif (Lora) für Fließtext und Listen */
.name,
.tagline,
.bio h1,
.bio h2,
.bio h3,
.bio h4,
.bio h5,
.bio h6,
.text-block,
.credit {
  font-family: Inter, sans-serif;
}

.bio p,
.bio ul,
.bio ol {
  font-family: Lora, serif;
}

.list {
  font-family: Inter, sans-serif;
}

.bio h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.bio ul,
.bio ol {
  margin-bottom: 40px;
  padding-left: 22px;
  font-size: 18px;
  line-height: 150%;
}

.bio li {
  margin-bottom: 10px;
}

/* Kontakt */
.links {
  flex-direction: column;
}

.links .column {
  width: 100%;
  float: none;
  padding-left: 0;
  margin-bottom: 32px;
}

.text-block {
  color: #aab39a;
}

.list,
.list a {
  color: #e4e8d6;
}

.list {
  font-size: 18px;
}

.credit {
  color: #8a9480;
}

.bio strong {
  color: #ffffff;
}

.tagline {
  font-size: 32px; /* Untertitel */
  line-height: 120%;
}

@media screen and (max-width: 767px) {
  .tagline {
    font-size: 22px;
  }
}

.list a {
  display: inline-flex;
  align-items: center;
}

.link-icon {
  display: inline-flex;
  justify-content: center;
  width: 1.25em;
  margin-right: 12px;
}

.link-icon svg {
  width: 1em;
  height: 1em;
}

.back-link a {
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #e4e8d6;
}

/* Rechtliche Unterseiten: kleinerer Text */
.legal .bio p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 150%;
}

.legal .bio h2 {
  margin-top: 28px;
  font-size: 18px;
}