/* HolisticTouch shared typography tokens – v31.5. */
:root {
  --ht-type-course-info-link: 1.8rem;
  --ht-type-course-info-link-mobile: 1.7rem;
  --ht-type-course-info-line-height: 1.5;
  --ht-type-course-info-weight: 600;
}
/* One shared component for course informational links. */
.ht-detail a.ht-info-link,
.ht-fees > a.ht-course-link[href*="registration-and-cancellation"],
.ht-fees > a.ht-course-link[href*="anmeldung-und-stornierung"] {
  font-size: var(--ht-type-course-info-link);
  line-height: var(--ht-type-course-info-line-height);
  font-weight: var(--ht-type-course-info-weight);
}
@media (max-width:650px) {
  .ht-detail a.ht-info-link,
  .ht-fees > a.ht-course-link[href*="registration-and-cancellation"],
  .ht-fees > a.ht-course-link[href*="anmeldung-und-stornierung"] {
    font-size: var(--ht-type-course-info-link-mobile);
  }
}
/* Homepage introduction: preserve the original text width. */
.section-introduction .ht-intro-expand { margin-top: 0; margin-bottom: 1.5rem; }
.section-introduction .ht-intro-expand > summary {
  display: inline-block; cursor: pointer; color: #803300;
  font-weight: 600; font-size: 1.8rem; line-height: 1.5;
  text-decoration: underline; text-underline-offset: 4px;
  padding: .2rem 0; list-style: none;
}
.section-introduction .ht-intro-expand > summary::-webkit-details-marker { display:none; }
.section-introduction .ht-intro-expand > summary::marker { content: ''; }
.section-introduction .ht-intro-expand > summary:focus-visible { outline: 2px solid #803300; outline-offset: 4px; }
.section-introduction .ht-intro-expand > summary::after { content: ' ▾'; }
.section-introduction .ht-intro-expand[open] > summary::after { content: ' ▴'; }
.section-introduction .ht-intro-expand .introduction-text { margin-top: .7rem; }
@media(max-width:650px) {
  .section-introduction .ht-intro-expand > summary { font-size:1.7rem; }
}

/* v31.6: expanded paragraphs match introduction typography. */
.section-introduction .ht-intro-expand > p {
  font-size: 2.4rem; line-height: 1.8; font-weight: 400; margin-bottom: 1.6em;
}
@media (max-width: 59em) {
  .section-introduction .ht-intro-expand > p { font-size: 2rem; }
}