/* Gemeinsame Grundlage aller Seiten: lokale Schriften, Farben aus design/STYLE.md, Grundstil. */

@font-face {
  font-family: "Alfa Slab One";
  src: url("/fonts/alfa-slab-one-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Bowlby One";
  src: url("/fonts/bowlby-one-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("/fonts/chivo-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("/fonts/chivo-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("/fonts/chivo-latin-900-normal.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
}

:root {
  --filz: #1D3A33;
  --filz-dunkel: #163029;
  --filz-sehr-dunkel: #0F2621;
  --schatten: #0B1A16;
  --tinte: #141414;
  --papier: #F4EBD6;
  --papier-grau: #D9CDB4;
  --karton: #DDBB86;
  --gelb: #FFC21A;
  --tomate: #EE4B2B;
  --teal: #19A58F;
  --tuerkis: #22B8CF;
  --limette: #B5D334;
  --gruengrau: #B9CBB8;
  --braun: #4A3A1E;
  --gesperrt: #3A5A50;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--filz);
  color: var(--papier);
  font-family: "Chivo", system-ui, sans-serif;
}

[hidden] { display: none !important; }

/* Handy-Basis, ab 900 px gilt das PC-Layout. */
.nur-pc { display: none; }
@media (min-width: 900px) {
  .nur-handy { display: none; }
  .nur-pc { display: revert; }
}

.nur-leser {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}