/* Gemeinsame Basis. Abschnittsdetails stehen ausschließlich in css/modules/. */
:root {
  --lemp-cream: #f4eddf;
  --lemp-ink: #292622;
  --lemp-red: #a5242d;
  --lemp-red-hover: #8f1f27;
  --lemp-font-body: "Source Sans 3", Arial, sans-serif;
  --lemp-font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
  --lemp-font-hand: "Caveat", cursive;
}
body { margin: 0; color: var(--lemp-ink); background: var(--lemp-cream); font-family: var(--lemp-font-body); }
img { max-width: 100%; height: auto; }
a { color: inherit; }
.lemp-container { --bs-gutter-x: 2.5rem; }
.lemp-skip-link { position: fixed; top: .5rem; left: .5rem; z-index: 2000; padding: .75rem 1rem; background: white; color: var(--lemp-ink); transform: translateY(-200%); }
.lemp-skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid #156d96; outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media (min-width: 1400px) { .lemp-container { max-width: 1320px; } }

/* Gemeinsamer Abstand für Sprungziele unter der festen Navigation. */
[data-lemp-module][id], main#top { scroll-margin-top: 100px; }