/* 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 */

:root {
  --font-body: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;
  --font-head: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", "Liberation Sans Narrow", sans-serif-condensed, sans-serif;
  --teal: #00695C;
  --teal-deep: #00382F;
  --mint: #A7F2E4;
  --amber: #FFB95C;
  --amber-text: #7A5900;
  --bg: #F4F6F3;
  --card: #FFFFFF;
  --ink: #17201E;
  --muted: #3F4946;
  --line: #C9D3CF;
  --max-width: 68rem;
  --measure: 44rem;
  --gutter: 1.25rem;
}
