/* Lernwerkstatt KI - Grundstile. Das Layout steht als Inline-Stil in den HTML-Dateien. */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/source-sans-3-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/source-serif-4-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/source-serif-4-latin-700.woff2') format('woff2');
}

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #14233B; background: #FFFFFF; }
a { color: #1D4E9E; }
a:hover { color: #123670; }
h1, h2, h3 { text-wrap: balance; }
img { max-width: 100%; }
input:focus, select:focus, textarea:focus, a:focus-visible, button:focus-visible { outline: 3px solid #F0A23B; outline-offset: 2px; }
button[disabled] { opacity: 0.6; cursor: progress; }

/* Honeypot gegen Spam: fuer Menschen unsichtbar, nicht ausfuellen */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Rueckmeldung nach dem Absenden des Formulars */
.form-status { margin: 0; font-size: 16px; font-weight: 600; border-radius: 6px; padding: 12px 14px; }
.form-status:empty { display: none; }
.form-status.ok { background: #E8F5EC; color: #14532D; }
.form-status.err { background: #FDECEC; color: #8A1C1C; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
