.design-three { color: #202823; background: #f5f1e8; }
.design-three .dossier-shell { display: grid; grid-template-columns: 290px minmax(0, 1fr); min-height: 100vh; }
.design-three .side-rail { position: sticky; z-index: 40; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 2rem 1.7rem; color: var(--cream); background: var(--forest); }
.design-three .side-top { display: flex; align-items: center; justify-content: space-between; }
.design-three .side-rail .brand { color: var(--cream); }
.design-three .side-rail .brand-copy span, .legal-header .brand-copy span { color: var(--coral-bright); }
.design-three .side-person { margin-top: 3.2rem; }
.design-three .side-person .portrait-crop { width: 112px; aspect-ratio: 1; border-radius: 50%; border: 4px solid var(--mint); }
.design-three .side-person strong, .design-three .side-person span { display: block; }
.design-three .side-person strong { margin-top: 1rem; font-size: .9rem; }
.design-three .side-person span { color: #adc6bd; font-size: .7rem; }
.design-three .main-nav { display: grid; margin-top: 3rem; border-top: 1px solid rgba(255,255,255,.18); }
.design-three .main-nav a { display: grid; grid-template-columns: 35px 1fr; align-items: center; padding: .8rem 0; color: #d9e4e0; border-bottom: 1px solid rgba(255,255,255,.15); text-decoration: none; }
.design-three .main-nav span { color: var(--mint); font: 700 .65rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.design-three .main-nav b { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.design-three .side-bottom { margin-top: auto; }
.design-three .side-bottom .language button { color: var(--cream); }
.design-three .side-bottom .language button[aria-pressed="true"] { color: var(--forest); background: var(--mint); border-color: var(--mint); }
.design-three .side-bottom p { margin: 1rem 0 0; color: #9fb9b0; font: 700 .65rem ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.design-three main { min-width: 0; }
.design-three h1, .design-three h2 { margin: 0; color: var(--forest); line-height: 1.05; letter-spacing: -.045em; }
.design-three h1 { max-width: 1000px; font-size: clamp(3.7rem, 8vw, 8.5rem); font-weight: 520; }
.design-three h2 { max-width: 900px; font-size: clamp(2.3rem, 4.5vw, 4.8rem); font-weight: 560; }
.design-three .dossier-hero { min-height: 100vh; padding: 2rem clamp(2rem, 6vw, 6.5rem) 0; display: flex; flex-direction: column; }
.design-three .record-top { display: flex; justify-content: space-between; gap: 2rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(23,58,53,.3); font: 700 .66rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.design-three .dossier-hero > .eyebrow { margin-top: auto; color: var(--coral); }
.design-three .hero-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 3rem; margin-top: 2.4rem; }
.design-three .hero-summary p { max-width: 750px; margin: 0; color: #505b55; font-size: clamp(1.08rem, 1.6vw, 1.35rem); }
.design-three .dossier-button { color: var(--cream); background: var(--forest); font: 750 .72rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .07em; text-transform: uppercase; }
.design-three .fact-matrix { display: grid; grid-template-columns: repeat(4, 1fr); margin: auto calc(clamp(2rem, 6vw, 6.5rem) * -1) 0; padding: 0 clamp(2rem, 6vw, 6.5rem); color: var(--cream); background: var(--forest); }
.design-three .fact-matrix > div { padding: 1.4rem 1.2rem; border-left: 1px solid rgba(255,255,255,.18); }
.design-three .fact-matrix > div:first-child { border-left: 0; }
.design-three .fact-matrix dt { color: var(--mint); font: 700 .63rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; }
.design-three .fact-matrix dd { margin: .45rem 0 0; font-size: .95rem; font-weight: 700; }
.design-three .field-note { display: grid; grid-template-columns: 180px minmax(0, 1fr); padding: clamp(5rem, 9vw, 9rem) clamp(2rem, 6vw, 6.5rem); border-bottom: 1px solid rgba(23,58,53,.25); }
.design-three .section-code { display: grid; align-content: start; gap: .55rem; padding-right: 2rem; }
.design-three .section-code span, .design-three .section-code b { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.design-three .section-code span { color: var(--coral); font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.design-three .section-code b { color: #5c6761; font-size: .65rem; letter-spacing: .06em; }
.design-three .two-column-copy { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(2rem, 5vw, 5rem); margin-top: 3rem; }
.design-three .two-column-copy p { margin: 0; color: #515c56; }
.design-three .field-table { margin-top: 4rem; border-top: 2px solid var(--forest); }
.design-three .field-table article { display: grid; grid-template-columns: 55px minmax(230px, .75fr) minmax(270px, 1fr); gap: 2rem; padding: 1.7rem 0; border-bottom: 1px solid rgba(23,58,53,.24); }
.design-three .field-table article > span { color: var(--coral); font: 800 .68rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.design-three .field-table h3, .design-three .field-table p { margin: 0; }
.design-three .field-table h3 { color: var(--forest); font-size: 1.08rem; }
.design-three .field-table p { color: #59635e; font-size: .92rem; }
.design-three .diplomatic-record { display: grid; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr); gap: clamp(3rem, 7vw, 7rem); padding: clamp(5rem, 9vw, 9rem) clamp(2rem, 6vw, 6.5rem); color: var(--cream); background: var(--forest); }
.design-three .record-stamp { align-self: start; display: grid; justify-items: center; padding: 2rem 1.5rem; border: 2px solid var(--coral-bright); color: var(--coral-bright); transform: rotate(-3deg); }
.design-three .record-stamp span { font: 800 .72rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; text-align: center; }
.design-three .record-stamp b { margin-top: .7rem; font-size: 2.1rem; }
.design-three .record-copy .eyebrow { color: var(--mint); }
.design-three .record-copy h2 { color: var(--cream); }
.design-three .record-copy > p:last-child { max-width: 790px; margin: 2rem 0 0; color: #c5d6d0; }
.design-three .career-records { margin-top: 4rem; border-top: 2px solid var(--forest); }
.design-three .career-records article { display: grid; grid-template-columns: 150px 1fr; gap: 2rem; padding: 1.8rem 0; border-bottom: 1px solid rgba(23,58,53,.24); }
.design-three .career-records time { color: var(--coral); font: 800 .7rem ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.design-three .career-records h3 { margin: 0; color: var(--forest); font-size: 1.15rem; }
.design-three .career-records p { margin: .35rem 0 0; color: var(--muted); font-size: .9rem; }
.design-three .career-records .marked { position: relative; background: rgba(217,104,79,.08); }
.design-three .career-records .marked::before { position: absolute; top: 0; bottom: 0; left: -1rem; width: 4px; background: var(--coral); content: ""; }
.design-three .dossier-contact { padding: clamp(5rem, 9vw, 8rem) clamp(2rem, 6vw, 6.5rem); background: var(--mint); }
.design-three .contact-code { margin-bottom: 2rem; color: var(--forest); font: 800 .68rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.design-three .dossier-contact > div:last-child { display: flex; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(23,58,53,.4); font: 750 .75rem ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.design-three .dossier-contact a { color: var(--forest); font-size: 1rem; text-decoration: none; }
.design-three footer { display: flex; justify-content: space-between; gap: 2rem; padding: 1.4rem clamp(2rem, 6vw, 6.5rem); color: #adbfba; background: #102e29; font: 700 .6rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.design-three footer nav { display: flex; flex-wrap: wrap; gap: 1.3rem; }
.design-three footer a { color: #d7e3df; text-decoration: none; }
.design-three footer a:hover { color: var(--mint); }

.legal-page { min-height: 100vh; background: #f5f1e8; }
.legal-header { padding: 1.4rem clamp(1.25rem, 5vw, 5rem); color: var(--cream); background: var(--forest); }
.legal-header .brand { color: var(--cream); }
.legal-main { width: min(calc(100% - 2.5rem), 860px); margin-inline: auto; padding: clamp(4rem, 9vw, 8rem) 0; }
.legal-main .eyebrow { color: var(--coral); }
.legal-main h1 { margin: 0 0 2.5rem; color: var(--forest); font-size: clamp(2.8rem, 7vw, 5.8rem); font-weight: 560; line-height: 1; letter-spacing: -.05em; }
.legal-main h2 { margin: 2.8rem 0 .8rem; color: var(--forest); font-size: 1.45rem; line-height: 1.2; letter-spacing: -.025em; }
.legal-main h3 { margin: 2rem 0 .6rem; color: var(--forest); font-size: 1.05rem; }
.legal-main p, .legal-main li { color: #4e5a54; }
.legal-main address { color: var(--charcoal); font-style: normal; }
.legal-main a { color: var(--forest); text-underline-offset: .2em; }
.legal-note { margin-top: 3rem; padding: 1.2rem 1.4rem; border-left: 4px solid var(--coral); background: #eee6d8; }
.legal-footer { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.5rem clamp(1.25rem, 5vw, 5rem); color: #adc1ba; background: #102e29; font-size: .78rem; }
.legal-footer nav { display: flex; gap: 1.2rem; }
.legal-footer a { color: #d7e3df; text-decoration: none; }

@media (max-width: 980px) {
  .design-three .dossier-shell { grid-template-columns: 230px minmax(0, 1fr); }
  .design-three .side-rail { padding-inline: 1.2rem; }
  .design-three .side-person .portrait-crop { width: 90px; }
  .design-three .field-note { grid-template-columns: 125px minmax(0, 1fr); }
  .design-three .field-table article { grid-template-columns: 42px 1fr; }
  .design-three .field-table article p { grid-column: 2; }
  .design-three .fact-matrix { grid-template-columns: repeat(2, 1fr); }
  .design-three .fact-matrix > div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
  .design-three .fact-matrix > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 760px) {
  .design-three .dossier-shell { display: block; }
  .design-three .side-rail { position: sticky; top: 0; height: auto; padding: .7rem .9rem; box-shadow: 0 8px 24px rgba(9, 34, 30, .16); }
  .design-three .side-top { min-height: 54px; }
  .design-three .side-person, .design-three .side-bottom { display: none; }
  .design-three .mobile-language button { color: var(--cream); }
  .design-three .mobile-language button[aria-pressed="true"] { color: var(--forest); background: var(--mint); border-color: var(--mint); }
  .design-three .main-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: .4rem .9rem 1rem; background: var(--forest); box-shadow: 0 16px 30px rgba(9, 34, 30, .22); }
  .design-three .main-nav.is-open { display: grid; }
  .design-three .main-nav a { min-height: 48px; }
  .design-three #top, .design-three #felder, .design-three #diplomatie, .design-three #erfahrung, .design-three #kontakt { scroll-margin-top: 82px; }
  .design-three .dossier-hero { min-height: 0; padding: 1.25rem 1.25rem 0; }
  .design-three .record-top { gap: 1rem; }
  .design-three .dossier-hero > .eyebrow { margin-top: 3.75rem; }
  .design-three h1 { font-size: clamp(2.85rem, 14vw, 4.4rem); line-height: 1.02; }
  .design-three h2 { font-size: clamp(2.2rem, 10vw, 3.25rem); }
  .design-three .hero-summary { grid-template-columns: 1fr; align-items: start; gap: 1.6rem; }
  .design-three .hero-summary p { font-size: 1.05rem; line-height: 1.58; }
  .design-three .dossier-button { justify-self: start; }
  .design-three .fact-matrix { margin: 3.5rem -1.25rem 0; padding: 0 1.25rem; }
  .design-three .fact-matrix > div { padding: 1.15rem .8rem; }
  .design-three .fact-matrix dd { font-size: .9rem; }
  .design-three .field-note { grid-template-columns: 1fr; gap: 2rem; padding: 4rem 1.25rem; }
  .design-three .section-code { padding: 0 0 1rem; border-bottom: 1px solid rgba(23,58,53,.25); }
  .design-three .two-column-copy { grid-template-columns: 1fr; gap: 1.4rem; margin-top: 2.25rem; }
  .design-three .field-table { display: grid; gap: .8rem; margin-top: 2.5rem; border-top: 0; }
  .design-three .field-table article { grid-template-columns: 32px 1fr; gap: .6rem .9rem; padding: 1.15rem; border: 1px solid rgba(23,58,53,.16); border-radius: 14px; background: rgba(255,250,242,.72); box-shadow: 0 10px 28px rgba(23,58,53,.055); }
  .design-three .field-table article p { grid-column: 2; font-size: .96rem; }
  .design-three .diplomatic-record { grid-template-columns: 1fr; gap: 2.5rem; padding: 4rem 1.25rem; }
  .design-three .record-stamp { justify-self: start; max-width: 280px; }
  .design-three .career-records { display: grid; gap: .75rem; margin-top: 2.5rem; border-top: 0; }
  .design-three .career-records article { gap: .45rem; padding: 1.15rem; border: 1px solid rgba(23,58,53,.15); border-radius: 12px; background: rgba(255,250,242,.62); }
  .design-three .career-records p { font-size: .96rem; }
  .design-three .career-records .marked::before { left: 0; border-radius: 12px 0 0 12px; }
  .design-three .dossier-contact { padding: 4rem 1.25rem; }
  .design-three .dossier-contact a { overflow-wrap: anywhere; }
  .design-three footer { padding-inline: 1.25rem; }
}

@media (max-width: 520px) {
  .design-three .record-top span:nth-child(2) { display: none; }
  .design-three .fact-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-three .fact-matrix > div { border-top: 1px solid rgba(255,255,255,.18); }
  .design-three .fact-matrix > div:nth-child(odd) { border-left: 0; }
  .design-three .fact-matrix > div:nth-child(-n+2) { border-top: 0; }
  .design-three .field-table article { grid-template-columns: 30px 1fr; }
  .design-three .career-records article { grid-template-columns: 1fr; gap: .6rem; }
  .design-three .dossier-button { width: 100%; }
  .design-three .dossier-contact > div:last-child, .design-three footer { flex-direction: column; }
  .legal-footer { flex-direction: column; }
}