/* leohr.de – Variante A „Brief“ v5: ruhige Hierarchie, eine Schrift, vier Größen */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("fonts/newsreader-latin-opsz-wght-normal.woff2") format("woff2-variations"),url("fonts/newsreader-latin-opsz-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;
  src:url("fonts/newsreader-latin-opsz-wght-italic.woff2") format("woff2-variations"),url("fonts/newsreader-latin-opsz-wght-italic.woff2") format("woff2")}
:root{
  --bg:#f6f5f2;--text:#1a1a1a;--muted:#6b6b6b;--rule:#dcdad5;
  --font:"Newsreader",Georgia,"Times New Roman",serif;
  /* vier Größen */
  --fs-name:52px;--fs-lead:23px;--fs-text:18px;--fs-small:15px;
  --label:200px;--gutter:80px;--measure:600px;
  --sec-above:80px;--sec-below:32px;--top:120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-text);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,p{margin:0;font-weight:400}
strong{font-weight:500}
a{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--text);outline-offset:3px}
::selection{background:var(--text);color:var(--bg)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--text);color:var(--bg);padding:10px 14px;text-decoration:none;font-size:var(--fs-small)}
.skip:focus{left:8px}

.col{max-width:calc(880px + 48px);margin:0 auto;padding:0 24px}
.site-header{padding-top:24px;font-size:var(--fs-small);line-height:1.5}
.wordmark,.back{display:inline-flex;align-items:center;min-height:44px}
.wordmark{text-decoration:none}

/* Einstieg – einziger Akzent */
.intro{padding-top:var(--top)}
.photo{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover}
h1,.name{font-size:var(--fs-name);line-height:1.1;letter-spacing:-.01em}
.intro h1{margin-top:32px}
.lead{margin-top:28px;max-width:680px;font-size:var(--fs-lead);line-height:1.5}

/* Abschnitte: Überschrift links, Text rechts */
.section{margin-top:var(--sec-above);padding-top:var(--sec-below);border-top:1px solid var(--rule);
  display:grid;grid-template-columns:var(--label) minmax(0,var(--measure));column-gap:var(--gutter);align-items:baseline}
.label{font-size:var(--fs-small);font-style:italic;color:var(--muted);line-height:1.65}
.signature{margin-top:32px;font-size:var(--fs-lead);font-style:italic;line-height:1.5}
.links{display:flex;flex-wrap:wrap;gap:0 32px;margin:calc(32px - 7px) 0 0;padding:0;list-style:none}
.links a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}

/* Rechtstexte */
.legal{padding-top:var(--top);max-width:var(--measure)}
.legal h1{margin:0 0 32px;hyphens:manual}
.legal h2{font-size:var(--fs-small);font-style:italic;color:var(--muted);margin:48px 0 8px}
.legal h1 + h2,.legal .note + h2{margin-top:0}
.legal p + p{margin-top:1.2em}
.legal .note{margin-bottom:48px}
.placeholder{font-weight:500}

/* Footer */
.site-footer{margin-top:120px;border-top:1px solid var(--rule);padding:24px 0 24px calc(var(--label) + var(--gutter));font-size:var(--fs-small);line-height:1.5;color:var(--muted)}
.site-footer.plain{padding-left:0}
.site-footer a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}

@media (max-width:760px){
  :root{--fs-name:38px;--fs-lead:20px;--fs-text:17px;--sec-above:56px;--sec-below:24px;--top:64px}
  .section{display:block}
  .label{margin-bottom:12px}
  .site-footer{padding-left:0}
  .links{gap:0 24px}
}