/* haupt.css – Ergänzungen R29 für die Hauptseiten (Paket A7, 30.10.2026). Lädt nach style.css.
   1. Startseite (M2.01, E19): Kopf als Zeilenstapel Name · Formel · Abschluss und Ort; Porträt neben dem Namen,
      Relief in der Höhe begrenzt, damit alle drei Welten-Zeilen samt Knopf bei 390×844 und 1366×768 über der Falz
      liegen (Tor 17, betrieb/tor_falz.txt). Nur Grade aus tokens.css (Skala 8.1), keine neuen Schriftgrössen.
   2. Kursive Newsreader nur auf /person/ (M8.13, Hinweis A2a): Kontakt und 404 setzen Leitsatz und Stimme aufrecht
      (Klasse .aufrecht am body), damit die Italic-Datei dort nicht geladen wird.
   Rückweg: Verweis auf haupt.css in index.html, kontakt/index.html, 404.html entfernen. */

/* ── 1 Startseite ───────────────────────────────────────────────────── */
.start .titelblatt{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 32px}
.start .titel-text{flex-direction:row;align-items:center;gap:24px;padding:0}
.start .portraet-kopf{width:112px;height:112px}
.start-formel{margin:6px 0 0;font:400 var(--t4)/1.3 var(--serif);color:var(--elfenbein)}
.start .start-zeile{margin:4px 0 0;font-size:var(--t2);color:var(--hell-85)}
.start .relief{justify-self:end}
.start .relief img{width:auto;height:auto;max-width:100%;max-height:200px}
.start .partitur{margin-top:16px}
.start .stimm-zeile{padding:2px 0}
.start .stimm-satz{margin-bottom:4px}
.start .stimm-takt .linien5{--l:5px}
.start .stimm-fakten{margin-top:4px}
.start .st-sub a{min-height:36px}
/* Fensterhöhe ≤ 800 px: Relief niedriger (M2.01 «Kopf bei Fensterhöhe ≤ 800 px verdichten») */
@media (min-width:641px) and (max-height:800px){
  .start .relief img{max-height:180px}
  .start .portraet-kopf{width:96px;height:96px}
  .start .stimm-takt .linien5{--l:4px}
}
@media (max-width:1180px){
  .start .titelblatt{grid-template-columns:minmax(0,1fr) auto}
  .start .portraet-kopf{width:88px;height:88px}
}
@media (max-width:900px){
  .start .titelblatt{grid-template-columns:minmax(0,1fr)}
  .start .relief{justify-self:stretch}
  .start .relief img{margin-left:auto}
}
/* Handy: Porträt neben Name und Formel, Abschlusszeile darunter über die volle Breite; Relief-Feld 122 px */
@media (max-width:640px){
  .start .titelblatt{gap:10px}
  .start .titel-text{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:0;align-items:center}
  .start .titel-namen{display:contents}
  .start .portraet-kopf{width:64px;height:64px;grid-row:1 / 3}
  .start .start-name{grid-column:2;align-self:end}
  .start-formel{grid-column:2;align-self:start;margin:2px 0 0;font-size:var(--t3)}
  .start .start-zeile{grid-column:1 / -1;margin:8px 0 0!important;font-size:var(--t2);color:var(--hell-85)}
  .start .relief{height:122px;aspect-ratio:auto;padding-top:10px}
  .start .relief img{width:100%;height:112px;max-width:none;max-height:none;object-fit:cover;object-position:62% 48%}
  .start .partitur{margin-top:10px}
  .start .stimm-zeile{padding:4px 0}
  .start .stimm-satz{margin:2px 0 4px}
}

/* ── 2 Aufrecht statt kursiv (Kontakt, 404) ─────────────────────────── */
.aufrecht :is(.leit,.stimme){font-style:normal}

/* ── 3 Person (M3.02 PDF neben h1, M3.03 Werdegang scanbar) ──────────── */
.titel-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin:0 0 14px}
.titel-pdf .seiten-titel{margin:0}
.kurz-liste{margin:0 0 6px;padding-left:1.1em}
.kurz-liste li{margin:0 0 2px}
.kurz-liste li::marker{color:var(--slate)}
.aufgaben{margin:2px 0 8px}
.aufgaben summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:600 var(--t2)/1.2 var(--sans);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.aufgaben summary::marker{content:""}
.aufgaben summary::before{content:"+";display:inline-block;width:1.1em;font-weight:600}
.aufgaben[open] summary::before{content:"−"}
.aufgaben ul{margin:0 0 6px;padding-left:1.1em}
.aufgaben li{margin:0 0 2px}
.aufgaben p{margin:0 0 6px}
.aufgaben summary::-webkit-details-marker{display:none}
.blatt-liste a p{margin:0;max-width:none}
ul.tasten{list-style:none;padding:0;margin-bottom:0}
ul.tasten li{margin:0;max-width:none}