/* Gemeinsames Blatt für die Textseiten. Schriften liegen daneben – auch hier
   wird nichts von fremden Servern geholt. */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/inter-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/inter-latinext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;
  src:url(/fonts/serif-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}

:root{
  --grund:#EDEAE3; --blatt:#F6F4EE; --ink:#12181C; --ink-2:#55605F; --ink-3:#7C857F;
  --linie:#D3CEC2; --zoll:#C98F1B;
  --body:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --grund:#0E1418; --blatt:#141B20; --ink:#EDEAE3; --ink-2:#A3ADA8; --ink-3:#77827E;
    --linie:#26302F; --zoll:#E9B23C;
  }
}
:root[data-theme="dark"]{
  --grund:#0E1418; --blatt:#141B20; --ink:#EDEAE3; --ink-2:#A3ADA8; --ink-3:#77827E;
  --linie:#26302F; --zoll:#E9B23C;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--grund);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.blatt{max-width:66ch;margin:0 auto;padding:0 24px 96px}
header.kopf{display:flex;align-items:center;gap:11px;padding:34px 0 8px}
.mark{width:28px;height:28px;border-radius:8px;background:#12181C;display:grid;place-items:center;flex:0 0 auto}
.mark svg{width:18px;height:18px}
.name{font-family:var(--display);font-size:21px;line-height:1;letter-spacing:-.01em}
.name span{color:var(--zoll)}
a.zurueck{margin-left:auto;font-size:14px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--linie)}
a.zurueck:hover{color:var(--ink)}

h1{font-family:var(--display);font-size:clamp(30px,6vw,42px);font-weight:400;line-height:1.1;margin:26px 0 6px;letter-spacing:-.015em}
h2{font-size:16px;font-weight:640;margin:30px 0 6px;letter-spacing:-.005em}
p{margin:0 0 13px}
a{color:inherit}
.stand{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.03em}
.muted{color:var(--ink-2)}
.small{font-size:14px}
dl{margin:10px 0 18px;padding:0}
dt{font-size:12.5px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-top:11px}
dd{margin:1px 0 0}
.luecke{
  background:rgba(201,143,27,.16);border-bottom:1.5px solid var(--zoll);
  padding:1px 5px;border-radius:2px;font-weight:600;
}
.kasten{background:var(--blatt);border:1px solid var(--linie);border-radius:4px;padding:16px 18px;margin:18px 0}
ul{padding-left:19px;margin:10px 0 14px}
li{margin:5px 0}
footer{margin-top:52px;padding-top:18px;border-top:1px solid var(--linie);font-size:13.5px;color:var(--ink-3);display:flex;gap:16px;flex-wrap:wrap}
footer a{color:inherit}