/* Eine Datei, keine Einbindung von aussen.
   Der Play Store prueft diese Seite bei JEDEM Update erneut. Sie darf deshalb
   von nichts abhaengen, was sich unabhaengig von ihr aendern kann - kein CDN,
   keine Schrift von Google, kein Skript. */

:root {
  --grund: #ffffff;
  --text: #1c1f24;
  --leise: #5b6470;
  --linie: #e2e6ea;
  --akzent: #b8860b;
}

@media (prefers-color-scheme: dark) {
  :root {
    --grund: #14161a;
    --text: #e9ecef;
    --leise: #a2abb6;
    --linie: #2b3038;
    --akzent: #ffcc00;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 2.5rem 1.25rem 5rem;
  background: var(--grund);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}

main { max-width: 46rem; margin: 0 auto; }

h1 { font-size: 1.9rem; line-height: 1.25; margin: 0 0 .35rem; }
h2 { font-size: 1.2rem; margin: 2.5rem 0 .6rem; padding-top: 1.2rem;
     border-top: 1px solid var(--linie); }
h3 { font-size: 1.02rem; margin: 1.6rem 0 .4rem; }

.stand { color: var(--leise); font-size: .95rem; margin: 0 0 2rem; }

a { color: var(--akzent); }
a:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }

ul { padding-left: 1.25rem; }
li { margin: .35rem 0; }

code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
       font-size: .92em; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { text-align: left; vertical-align: top; padding: .55rem .7rem;
         border-bottom: 1px solid var(--linie); }
th { font-weight: 600; }

/* Breite Tabellen scrollen in sich, statt die Seite waagerecht aufzuschieben -
   dieselbe Regel wie im Dashboard (design-system.css). */
.tabelle { overflow-x: auto; }

.fuss { margin-top: 3.5rem; padding-top: 1.2rem; border-top: 1px solid var(--linie);
        color: var(--leise); font-size: .95rem; }

address { font-style: normal; }