/* Farbakzente der freigegebenen Gestaltung: Kontaktknopf im Kopf und der
   Abschluss der Startseite. Nur Farben – Maße, Texte und Raster bleiben. */

/* Kopfzeile: „Persönlich sprechen“ in Markenrot. */
.design-studio .nav .button {
  background: #c81035;
  color: #fff;
  border-color: #c81035;
}
.design-studio .nav .button .arrow {
  color: #fff;
}
.design-studio .nav .button:hover {
  background: #a20829;
  color: #fff;
  border-color: #a20829;
}
.design-studio .nav .button:focus-visible {
  outline: 2px solid #c81035;
  outline-offset: 3px;
}

/* Abschluss der Startseite in tiefem Markenrot. */
.design-studio .final[data-final-red] {
  background: #b00c28;
  color: #fff;
  --muted: #ffdfe5;
  --hot: #ffdfe5;
}
.design-studio .final[data-final-red] h2 {
  color: #fff;
}
.design-studio .final[data-final-red] p {
  color: #ffeaee;
}
.design-studio .final[data-final-red] .micro {
  color: #ffdfe5;
}
.design-studio .final[data-final-red] em {
  color: #fff;
}
.design-studio .final[data-final-red] .button {
  background: #181718;
  color: #fff;
  border-color: #181718;
}
.design-studio .final[data-final-red] .button .arrow {
  color: #fff;
}
.design-studio .final[data-final-red] .button:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
.design-studio .final[data-final-red] .final-aside {
  border-color: #ffffff59;
}
.design-studio .final[data-final-red] .final-aside strong {
  color: #fff;
}
.design-studio .final[data-final-red] .final-aside a {
  color: #fff;
  border-color: #ffffff6b;
}
.design-studio .final[data-final-red] .final-aside a:hover {
  border-color: #fff;
}
.design-studio .final[data-final-red] .final-aside small {
  color: #ffeaee;
}

/* Shared reading scale for the seven current pages. */
.design-studio {
  --sc-body-size: 18px;
  --sc-heading-size: clamp(38px, 3.8vw, 56px);
  --sc-card-size: clamp(24px, 2vw, 28px);
}
.design-studio .site-main h2,
.design-studio #solution-heading,
.design-studio #rechner .intro h2,
.design-studio #entscheidungen .decision-intro h2,
.design-studio #menschen .people-copy h2 {
  font-size: var(--sc-heading-size);
  line-height: 1.12;
}
.design-studio .site-main h2 em {
  font-size: 1.04em;
  line-height: 1.08;
}
.design-studio #pressure-heading {
  font-size: clamp(36px, 3.4vw, 48px);
}
.design-studio .site-main h3 {
  font-size: var(--sc-card-size);
  line-height: 1.25;
}
.design-studio .hero .lead,
.design-studio .hero .support {
  font-family: Manrope, Arial, sans-serif;
  font-size: var(--sc-body-size);
  line-height: 1.75;
  font-weight: 400;
  letter-spacing: 0;
  color: #555354;
  max-width: 570px;
}
.design-studio .hero h1 .accent,
.design-studio .hero h1 .accent em,
.design-studio .hero h1 .hl-final,
.design-studio .hero h1 .hl-time {
  color: #c81035;
}
/* Keep the benefit line subordinate and together at ordinary viewport sizes. */
.design-studio #solution-heading > br,
.design-studio #menschen .people-copy h2 > br {
  display: none;
}
.design-studio #solution-heading > em {
  display: block;
  margin-top: 16px;
  color: #c81035;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.design-studio #menschen .people-copy h2 > em {
  display: block;
  margin-top: 12px;
  font-size: 0.82em;
  line-height: 1.2;
}
.design-studio #wissen h2,
.design-studio #fragen h2 {
  font-size: clamp(34px, 3.1vw, 44px);
}
.design-studio #wissen h2 > em,
.design-studio #fragen h2 > em {
  font-size: 1em;
}
/* Existing per-section rules include inline sizes; only the reading size is unified. */
.design-studio
  .site-main
  :is(
    .split-heading,
    .evening-copy,
    .evidence-copy,
    .evidence-secondary,
    .growth-copy,
    .people-copy,
    .decision-intro,
    .decision-item,
    .psychology,
    .psy-content,
    .way-card,
    .knowledge-link,
    .faq-intro,
    .faq-list,
    .final-grid,
    .family-grid,
    .personal-choice,
    .journey-grid,
    .person-v4,
    .principle-grid,
    .conversation-steps,
    .knowledge-article,
    .knowledge-bridge
  )
  p:not(.micro, .evidence-foot, .growth-caption, .growth-note, .knowledge-source, .experience-note),
.design-studio .site-main .lead,
.design-studio .knowledge-labels .knowledge-deck,
.design-studio .knowledge-articles .article-copy ul,
.design-studio .legal-section :is(p, address, li):not(.legal-section__num) {
  font-size: var(--sc-body-size) !important;
  line-height: 1.75;
}
.design-studio .site-main .growth-takeaway p,
.design-studio .site-main .knowledge-article .knowledge-source {
  font-size: 15px !important;
  line-height: 1.65;
}
.design-studio .site-main :is(.about-hero, .contact-v4-hero, .legal-v4-hero, .knowledge-hero) h1 {
  font-size: clamp(44px, 4.5vw, 68px);
  line-height: 1.08;
}
.design-studio .site-main .legal-section h2,
.design-studio .site-main .contact-v4-form-panel h2,
.design-studio .site-main .contact-v4-aside h2 {
  font-size: clamp(28px, 2.8vw, 38px);
}
.design-studio .site-main .legal-section h3,
.design-studio .site-main .journey-grid h3,
.design-studio .site-main .principle-grid h3 {
  font-size: 24px;
}
.design-studio .site-main .person-v4 h2 {
  font-size: clamp(34px, 3.2vw, 46px);
}
.design-studio .site-main .knowledge-index h2 {
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.04em;
}
.design-studio .knowledge-index > p,
.design-studio .knowledge-index nav a {
  font-size: 16px;
  line-height: 1.65;
}
.design-studio .knowledge-labels strong {
  font-size: clamp(24px, 2vw, 28px);
  color: var(--ink);
  line-height: 1.25;
}
.design-studio .knowledge-hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(40px, 5vw, 80px);
}
.design-studio .knowledge-hero h1 {
  margin: 24px 0;
}
.design-studio .knowledge-hero h1 > br {
  display: none;
}
.design-studio .knowledge-hero h1 > span {
  display: block;
  margin-top: 8px;
  font-size: 0.8em;
  line-height: 1.16;
  color: #c81035;
}
.design-studio .knowledge-reading-grid {
  grid-template-columns: minmax(250px, 0.65fr) minmax(0, 1.65fr);
  gap: clamp(40px, 5vw, 72px);
}
.design-studio .knowledge-photo img {
  height: 470px;
}
.design-studio .knowledge-reading {
  padding-top: 56px;
}
.design-studio .footer .footer-top p,
.design-studio .footer .footer-columns a,
.design-studio .footer .footer-qualification p,
.design-studio .footer .footer-columns h3 {
  font-size: 16px;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .design-studio .knowledge-hero-grid,
  .design-studio .knowledge-reading-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
  .design-studio .knowledge-index {
    position: static;
  }
  .design-studio .knowledge-photo img {
    height: auto;
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 600px) {
  .design-studio {
    --sc-body-size: 17px;
    --sc-heading-size: 36px;
    --sc-card-size: 25px;
  }
  .design-studio .site-main :is(.about-hero, .contact-v4-hero, .legal-v4-hero, .knowledge-hero) h1 {
    font-size: clamp(36px, 9.5vw, 48px);
  }
  .design-studio #solution-heading > em {
    margin-top: 12px;
    font-size: clamp(26px, 7.5vw, 32px);
  }
  .design-studio #wissen h2,
  .design-studio #fragen h2 {
    font-size: 34px;
  }
  .design-studio .knowledge-index h2 {
    font-size: 30px;
  }
}
.design-studio .knowledge-index h2 {
  color: var(--ink);
}

/* Remaining role-specific rules must follow the shared reading scale. */
.design-studio .proof-refined .proof-heading {
  font-size: var(--sc-heading-size);
  line-height: 1.12;
}
.design-studio .proof-refined .evidence-copy h3,
.design-studio #rechner .model h3 {
  font-size: var(--sc-card-size);
  line-height: 1.25;
}
.design-studio .site-main .growth-story-copy p,
.design-studio .site-main .growth-story-turn p,
.design-studio #rechner .intro-copy > p {
  font-size: var(--sc-body-size);
  line-height: 1.75;
  font-weight: 400;
}
.design-studio .site-main #zusammenarbeit.ways-section .way-card p {
  line-height: 1.75;
}
.design-studio .site-main #zusammenarbeit.ways-section .way-card h3 {
  font-size: var(--sc-card-size);
  line-height: 1.25;
}

.design-studio .evening-legend span {
  font-size: 14px;
  line-height: 1.5;
}