/* Anmeldeseite des Kaeufer-Exposes. Eigene Datei, weil sie vor der Anmeldung
   ladbar sein muss und deshalb an der Passwortpruefung vorbeigeht. Sie enthaelt
   keine Inhalte, nur Gestaltung. */
:root {
  --cream: #FAF8F3; --ink: #1C1B18; --text: #423F38;
  --muted: #8A8578; --line: #E2DDD2; --gold: #B08D57; --gold-dark: #8A6D40;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--cream); color: var(--text);
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 24px; line-height: 1.6;
}
.tor { width: 100%; max-width: 420px; text-align: center; }
.eyebrow {
  font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--gold); font-weight: 500; display: block; margin-bottom: 20px;
}
h1 {
  font-family: Georgia, 'Times New Roman', serif; font-weight: 400;
  font-size: clamp(30px, 8vw, 42px); line-height: 1.08; color: var(--ink);
  letter-spacing: 0.005em;
}
h1 em { font-style: italic; color: var(--gold-dark); }
.hinweis, .fehler { font-size: 14px; margin-top: 18px; }
.hinweis { color: var(--muted); }
.fehler { color: #9A2E2E; }
form { margin-top: 28px; text-align: left; }
label {
  display: block; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--muted); font-weight: 500; margin-bottom: 8px;
}
input {
  width: 100%; padding: 14px 16px; font-size: 16px; font-family: inherit;
  color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 2px;
}
input:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(176,141,87,0.16); }
button {
  width: 100%; margin-top: 14px; padding: 14px 20px; font-family: inherit;
  font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 500;
  color: var(--cream); background: var(--ink); border: none; border-radius: 2px;
  cursor: pointer; transition: background 0.2s;
}
button:hover { background: #33302A; }
.fuss { margin-top: 32px; font-size: 12px; color: var(--muted); }