/* Teamseite nach der bisherigen Website; nur auf dieser Seite geladen. */
.team-page {
  background: var(--paper);
  color: var(--ink);
  font-size: 17px;
  line-height: 1.65;
}
.team-content {
  max-width: 1250px;
  margin: 0 auto;
  padding: 110px 40px 90px;
}
.team-content h1 {
  color: var(--moss);
  font-family: Georgia, serif;
  font-size: clamp(2.4rem, 4vw, 2.9rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 0 0 88px;
}
.team-content h1::after {
  content: "";
  display: block;
  width: 67px;
  height: 3px;
  background: var(--moss);
  margin-top: 12px;
}
.team-intro {
  max-width: 610px;
  margin: 0 0 64px;
}
.team-roles {
  border-top: 1px solid var(--line);
  margin: 0;
  padding: 48px 0 0 10.5%;
}
.team-role {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 20px;
}
.team-role dt, .team-role dd { margin: 0; font-weight: 400; }
.team-contact { background: var(--moss); color: var(--paper); padding: 65px 40px; }
.team-contact-inner { max-width: 1170px; margin: 0 auto; }
.team-contact h2 {
  font: 400 2rem/1.3 Georgia, serif;
  color: var(--moss);
  letter-spacing: -0.025em;
  margin-bottom: 32px;
}
.team-contact h3 { font: inherit; font-weight: 600; margin: 0 0 4px; }
.team-contact-inner > div { margin-top: 22px; }
.team-contact a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.team-contact a:hover { color: var(--gold); }
@media (max-width: 850px) {
  .team-content { padding: 70px 24px; }
  .team-content h1 { margin-bottom: 52px; }
  .team-roles { padding-left: 0; }
  .team-role { grid-template-columns: 230px minmax(0, 1fr); }
  .team-contact { padding: 48px 24px; }
}
@media (max-width: 600px) {
  .team-page { font-size: 16px; }
  .team-content { padding: 54px 22px; }
  .team-intro { margin-bottom: 38px; }
  .team-roles { padding-top: 32px; }
  .team-role { grid-template-columns: minmax(0, 1fr); gap: 4px; margin-bottom: 24px; }
  .team-role dt { font-weight: 600; color: var(--ink); }
}

.team-contact h2 { color: var(--paper); }
