/* kit/base.css – nur Technik: Box-Modell, Lesbarkeit, Zugänglichkeit, Grundraster.
   Keine Farben, keine Schriften, kein Look. Das kommt aus theme.tokens und theme.css des Projekts. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; overflow-wrap: break-word; }
img, svg { max-width: 100%; height: auto; display: block; }
:where(a) { color: inherit; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.kit-skip { position: absolute; left: -9999px; }
.kit-skip:focus { left: 1rem; top: 1rem; z-index: 10; }
.kit-wrap { width: 100%; max-width: var(--max-width, 70rem); margin-inline: auto; padding-inline: var(--gutter, 1.25rem); }
.kit-header .kit-wrap, .kit-footer .kit-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.kit-brand { display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; }
.kit-nav, .kit-legal, .kit-langs { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.kit-legal-page { max-width: var(--measure, 46rem); }
.kit-toc { padding-left: 1.5rem; }
.s > * { max-width: var(--max-width, 70rem); margin-inline: auto; padding-inline: var(--gutter, 1.25rem); }
.s-items { list-style: none; }
.kit-btn { display: inline-block; text-decoration: none; }
details > summary { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* erzeugt aus site.json theme.tokens/fonts */
@font-face { font-family: "Lato"; src: url("/assets/lato-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("/assets/lato-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("/assets/lato-black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
:root {
  --font-text: Lato, "Helvetica Neue", Arial, sans-serif;
  --font-code: "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --graphite: #1E1E24;
  --graphite-soft: #2A2A33;
  --tuerkis: #14B8A6;
  --tuerkis-ink: #0F766E;
  --paper: #FFFFFF;
  --mist: #F4F4F5;
  --line: #D4D4D8;
  --ink: #18181B;
  --grey: #52525B;
  --max-width: 72rem;
  --measure: 46rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
}