/* Dieselben Werte wie in der App: Grund #0B0B0D, Flaeche #161619,
   Akzent #5CD1C2, Haarlinie Weiss 7 %. Keine fremden Schriften und keine
   Fremdressourcen — die Seite laedt nichts nach. */
:root {
  --grund:#0B0B0D; --flaeche:#161619; --erhoeht:#1E1E22;
  --akzent:#5CD1C2; --linie:rgba(255,255,255,.07); --rand:rgba(255,255,255,.12);
  --schrift:#fff; --leise:rgba(255,255,255,.62); --sehrleise:rgba(255,255,255,.38);
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--grund); color:var(--schrift);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.blatt { max-width:720px; margin:0 auto; padding:72px 24px 120px; }
header { margin-bottom:64px; }
.marke { display:block; height:34px; width:auto; }
h1 { font-size:34px; line-height:1.15; letter-spacing:-.6px; margin:34px 0 10px; }
h2 { font-size:13px; font-weight:600; letter-spacing:.9px; text-transform:uppercase;
     color:var(--sehrleise); margin:56px 0 16px; }
h3 { font-size:19px; letter-spacing:-.2px; margin:0 0 8px; }
p  { color:var(--leise); margin:0 0 18px; }
a  { color:var(--akzent); text-decoration:none; }
a:hover { text-decoration:underline; }
.vorsatz { font-size:19px; color:var(--leise); margin-bottom:0; }
.frage { border-top:1px solid var(--linie); padding:26px 0; }
.frage:last-of-type { border-bottom:1px solid var(--linie); }
code { background:var(--erhoeht); border:1px solid var(--rand); border-radius:5px;
       padding:2px 7px; font-size:14px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
       color:var(--schrift); }
ul { color:var(--leise); padding-left:22px; margin:0 0 18px; }
li { margin-bottom:8px; }
.kasten { background:var(--flaeche); border:1px solid var(--rand);
          border-radius:12px; padding:24px 26px; margin:28px 0; }
.kasten p:last-child { margin-bottom:0; }
footer { margin-top:80px; padding-top:28px; border-top:1px solid var(--linie);
         color:var(--sehrleise); font-size:14px; }
footer a { color:var(--leise); }
@media (max-width:520px) {
  .blatt { padding:48px 20px 80px; }
  h1 { font-size:28px; }
}