/* Unterseite /ueber-mich. Diese Datei ist die Quelle und wird von Hand gepflegt.
   Herkunft: DGs Vorlage v40 (docs/archiv/dg/), eingefroren am 24.09.2026.
   Farbwerte stehen in token.css (hier nur Verweise),
   die Schrift kommt ueber --schrift (Inter, lokal). */
@import url("/stil/token.css");

:root{
  --offen: var(--opm-violet-500);
}
*{box-sizing:border-box;border-radius:0;}
html,body{margin:0;padding:0;overflow-x:hidden;}
body{
  background:var(--mitternacht);color:var(--papier);
  font-family:var(--schrift);
  line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;
}
.wrap{max-width:34rem;margin:0 auto;padding-block:2.2rem 3.5rem;
      padding-left:1.4rem;padding-right:1.4rem;}

.zurueck{
  display:inline-block;text-decoration:none;
  text-transform:uppercase;font-size:.58rem;font-weight:400;
  letter-spacing:.2em;color:var(--leise);margin-bottom:2.6rem;
}
.zurueck:hover,.zurueck:focus-visible{color:var(--papier);outline:none;}

h1{font-weight:800;font-size:clamp(2rem,9vw,2.9rem);line-height:.97;
   letter-spacing:-.05em;margin:0 0 1.5rem;overflow-wrap:break-word;}

.kapitel{
  text-transform:uppercase;font-size:.57rem;font-weight:500;
  letter-spacing:.28em;color:var(--leise);margin:3rem 0 .9rem;
}
p{font-size:1.02rem;font-weight:300;line-height:1.62;
  color:var(--papier-82);margin:0 0 1.1rem;}
p b{color:var(--papier);font-weight:600;}
.gross{font-size:1.18rem;font-weight:400;color:var(--papier);line-height:1.5;}

.zitat{
  border-left:1px solid var(--linie-stark);
  padding:.1rem 0 .1rem 1.15rem;margin:1.8rem 0;
}
.zitat p{font-size:1.1rem;font-weight:400;color:var(--papier);
         margin:0;line-height:1.45;letter-spacing:-.01em;}

.offen{border:1px dashed var(--offen);padding:1.05rem 1.1rem;margin:1.6rem 0;}
.offen p{font-size:.88rem;color:var(--papier-70);margin:0;}
.offen p + p{margin-top:.5rem;}
.offen .marke{
  display:block;text-transform:uppercase;font-size:.55rem;font-weight:500;
  letter-spacing:.24em;color:var(--offen);margin-bottom:.55rem;
}

.liste{border-top:1px solid var(--linie);margin:1.4rem 0 0;}
.zeile{
  display:flex;align-items:baseline;gap:.9rem;
  padding:.8rem 0;border-bottom:1px solid var(--linie);
  text-decoration:none;color:inherit;
}
a.zeile:hover,a.zeile:focus-visible{outline:none;background:var(--papier-04);}
.z-name{font-size:.98rem;font-weight:500;flex:none;min-width:9.5rem;}
.z-was{font-size:.87rem;font-weight:300;color:var(--leise);}
/* "in German" an Links zu rein deutschen Seiten - nur auf /en/ (DG 10.10.2026). */
.z-sprache{margin-left:auto;flex:none;white-space:nowrap;font-size:.55rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--leise);}

.fuss{margin-top:3.4rem;padding-top:1.2rem;border-top:1px solid var(--linie);}
.claim{text-transform:uppercase;font-size:.61rem;font-weight:400;
       letter-spacing:.26em;color:var(--papier);margin:0 0 .7rem;}
.recht{font-size:.56rem;font-weight:400;letter-spacing:.16em;
       text-transform:uppercase;color:var(--leise);margin:0;}
.recht a{color:inherit;text-decoration:none;}
.recht a:hover{color:var(--papier);}
.recht span{margin:0 .4rem;opacity:.4;}
.recht-hinweis{font-size:.7rem;font-weight:300;line-height:1.5;color:var(--leise);margin:.7rem 0 0;}

/* Kopfzeile: zurueck links, Sprachwahl rechts (DG 09.10.2026). */
.oben{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.6rem;}
.oben .zurueck{margin-bottom:0;}
/* ── Sprachwahl DE / EN (DG 09.10.2026) ──────────────────
   Klein wie die Rollenzeile, Papier fuer die aktive Sprache, leise fuer die
   andere. Normale Links auf /sprache (Edge Function setzt dg_lang). */
.sprachwahl{
  display:flex;align-items:center;flex:none;
  text-transform:uppercase;font-size:.58rem;font-weight:500;letter-spacing:.2em;
}
.sprachwahl a{color:var(--leise);text-decoration:none;padding:.55rem .2rem;}
.sprachwahl a[aria-current]{color:var(--papier);}
.sprachwahl a:hover,.sprachwahl a:focus-visible{color:var(--papier);outline:none;text-decoration:underline;text-underline-offset:3px;}
.sprachwahl span{margin:0 .25rem;opacity:.4;}