/* Schriften – lokal eingebunden (keine Verbindung zu Google) */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/figtree-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/figtree-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/figtree-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/literata-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/literata-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Literata'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/literata-latin-600-normal.woff2') format('woff2'); }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F3F2EE; }
img { max-width: 100%; }
a { color: #3F5A3E; }
a:hover { color: #2A3D2A; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #B88A4A; outline-offset: 2px;
}
input:focus, select:focus, textarea:focus { border-color: #4E6B4C !important; }
section[id] { scroll-margin-top: 16px; }

/* Spam-Schutz: für Menschen unsichtbares Feld */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.formfehler {
  flex-basis: 100%; margin: 0; padding: 14px 18px; border-radius: 12px;
  background: #F6E3DC; color: #6B2E1A; font-size: 0.9375rem;
}

@media (max-width: 600px) {
  section { padding-top: 64px !important; padding-bottom: 64px !important; }
  #start { padding-top: 48px !important; }
  #start > div:last-child { height: 300px !important; }
  h2 { font-size: 2rem !important; }
}