/* vitaLibris – gemeinsame Gestaltung
   Farben und Schriften zentral hier ändern. Alle Schriften liegen lokal im
   Ordner fonts/ (keine Verbindung zu fremden Servern). */

:root {
  --text: #000000;        /* Textfarbe wie in der Word-Vorlage */
  --grund: #ffffff;       /* Seitenhintergrund */
  --leise: #595959;       /* Fußzeile */
  --linie: #d9d9d9;       /* Trennlinie über der Fußzeile */
  --fokus: #2e74b5;       /* Tastaturfokus */

  /* Calibri wird bevorzugt, wenn installiert; Carlito ist maßgleich und wird mitgeliefert */
  --schrift-text:   Calibri, "Carlito", sans-serif;
  --schrift-serif:  "DejaVu Serif", "DejaVu Serif Web", Georgia, serif;
  --schrift-sans:   "DejaVu Sans", "DejaVu Sans Web", Verdana, sans-serif;
}

@font-face { font-family: "Carlito"; src: url("fonts/carlito-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Carlito"; src: url("fonts/carlito-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "DejaVu Serif Web"; src: url("fonts/dejavu-serif-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "DejaVu Sans Web"; src: url("fonts/dejavu-sans.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "DejaVu Sans Web"; src: url("fonts/dejavu-sans-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

*, *::before, *::after { box-sizing: border-box; }

html { background: var(--grund); color-scheme: light; }
body {
  margin: 0;
  background: var(--grund);
  color: var(--text);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Die Seite entspricht der Satzbreite der Word-Vorlage (A4 = 794 px).
   Auf schmaleren Bildschirmen wird alles maßstäblich verkleinert,
   auf Smartphones fließt der Text frei (siehe @container weiter unten). */
.seite {
  container-type: inline-size;
  width: min(100%, 794px);
  margin: 0 auto;
}
.seite > * { --u: calc(100cqw / 794); }   /* 1 px der Vorlage */
.blatt {
  position: relative;
  display: flow-root;   /* verhindert, dass der erste Abstand aus dem Blatt herausfällt */
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--fokus); outline-offset: 2px; border-radius: 2px; }

.fuss {
  margin: calc(56 * var(--u)) calc(48 * var(--u)) 0;
  padding: calc(14 * var(--u)) 0 calc(40 * var(--u));
  border-top: 1px solid var(--linie);
  font-family: var(--schrift-text);
  font-size: calc(14.667 * var(--u));
  color: var(--leise);
  text-align: center;
}
.fuss a { margin: 0 0.9em; }
.fuss a[aria-current="page"] { color: var(--text); }

@container (max-width: 600px) {
  .fuss { margin: 40px 20px 0; padding: 14px 0 32px; font-size: 15px; }
}