/* ============================================================================
   Ospitra Website - Ergaenzung zu tokens.css 1.2.0
   Nur neue Namen. Ueberschreibt nichts aus tokens.css. Keine Farbe, kein
   Verlauf, kein Schatten.

   --web-hero, --web-titel   Schriftstufen als font-Kurzform: Groesse/Zeilenhoehe
                             und Familie. Verwendung: font: var(--web-hero);
                             danach font-weight setzen. Die Groesse folgt der
                             Breite des Seitenrahmens (container-type am
                             Seitenwurzelelement), 1440 ergibt den Hoechstwert,
                             390 den Mindestwert.
   --web-s10, --web-s11      Abschnittsabstaende ueber --s9 hinaus.
   --web-lesebreite          Hoechstbreite fuer Fliesstext.
   --web-display             Groesste Stufe, nur eine Zeile je Seite (Seitenaussage).
   --web-lead                Einleitungssatz unter Seiten- und Abschnittszeilen.
   --web-rahmen              Hoechstbreite des Inhalts; Produktbuehnen duerfen
                             darueber hinaus bis zum Rand laufen.
   ========================================================================= */

:root {
  --web-hero: clamp(40px, 5.6cqi, 80px)/1.04 var(--font);
  --web-titel: clamp(28px, 2.5cqi, 36px)/1.25 var(--font);
  --web-s10: clamp(64px, 6.67cqi, 96px);
  --web-s11: clamp(80px, 8.89cqi, 128px);
  --web-lesebreite: 640px;
  --web-display: clamp(44px, 7.2cqi, 112px)/0.98 var(--font);
  --web-lead: clamp(18px, 1.39cqi, 21px)/1.45 var(--font);
  --web-rahmen: 1240px;
}