/* Grundgestaltung der Platzhalterseite. Bewusst klein: keine Webfonts,
   keine Fremdressourcen. Farben und Schrift werden im Gestaltungs-Prompt
   festgelegt. */
:root {
  --farbe-text: #1f2328;
  --farbe-hintergrund: #ffffff;
  --farbe-akzent: #e8572a;
  --farbe-akzent-dunkel: #c3461f;
  --breite: 44rem;
}
* { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  color: var(--farbe-text);
  background: var(--farbe-hintergrund);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.kopf, .inhalt, .fuss { width: min(100% - 2rem, var(--breite)); margin-inline: auto; }
.kopf { padding: 1.25rem 0; }
.marke { font-weight: 700; text-decoration: none; color: inherit; }
.inhalt { flex: 1; padding: 2rem 0; }
.dachzeile { text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; color: var(--farbe-akzent); margin: 0 0 .5rem; }
h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; margin: 0 0 1rem; }
.knopf {
  display: inline-block; padding: .75rem 1.25rem; border-radius: .375rem;
  background: var(--farbe-akzent); color: #fff; text-decoration: none; font-weight: 600;
}
.knopf:hover, .knopf:focus-visible { background: var(--farbe-akzent-dunkel); }
.fuss { padding: 1.5rem 0; font-size: .875rem; color: #57606a; }
.fuss a { color: inherit; }