/* Grundwerte für Website und Konfigurator: Farben, Schriften, Formen.
   Beide lesen diese Datei, damit sie nicht auseinanderlaufen – die Website
   über webseite/vorlage.html, der Konfigurator über konfigurator/index.html.
   Was nur eine Seite braucht, steht in deren eigenem :root. */
:root{
  --blau:#004ce5; --blau-tief:#002673; --blau-hell:#e8f0ff; --blau-text:#cfdcff;
  --schwarz:#111214; --blau-akzent:#7fa6ff;
  --anthrazit:#22211f; --anthrazit-2:#33312e;
  /* --text-leise hält 4,5:1 auch auf --grund und --blau-hell (vorher #6b7280: 4,2:1) */
  --titel:#16181d; --text:#3d424c; --text-leise:#646b78;
  --grund:#eef0f3; --karte:#fff; --linie:#e2e5ea;
  --anzeige:'Fira Sans Extra Condensed','Fira Sans',system-ui,sans-serif;
  --ui:'Fira Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --lauf:'Lato',system-ui,-apple-system,'Segoe UI',sans-serif;
  --breite:1300px;
  --r:14px; --r-klein:8px;
  --schraeg:-12deg;
  --schatten:0 2px 4px rgba(20,22,28,.06), 0 10px 24px -10px rgba(20,22,28,.22);
  --schatten-hoch:0 4px 8px rgba(20,22,28,.08), 0 22px 40px -16px rgba(20,22,28,.32);
  --kurve:cubic-bezier(.16,1,.3,1);
}