/* Schrift-Variablen (Aufträge V2, Panel angleichen): Grössen, Gewichte und Abstände an
   EINER Stelle für Website und Kundenpanel. Geladen von schrift_einbindung_html() in jedem
   Layout. Werte für das Handy, der Block unten vergrössert sie auf dem Computer.
   Die grossen Überschriften der Seiten setzen ihre Grösse selbst. */
:root {
  --schrift-text: 1.0625rem;
  --schrift-text-gross: 1.125rem;
  --schrift-text-klein: 0.9375rem;
  --schrift-karte-text: 1.0625rem;
  --schrift-knopf: 1.0625rem;
  --schrift-zeile-oben: 0.9375rem;
  --schrift-laufweite-zeile-oben: 0.08em;
  --schrift-untertitel: 1.125rem;
  --schrift-zeilenabstand: 1.6;
  --schrift-zeilenabstand-titel: 1.12;
  --schrift-titel-abschnitt: clamp(1.85rem, 1.25rem + 2.3vw, 2.85rem);
  --schrift-titel-karte: 1.625rem;
  --schrift-preis: 2.6rem;
  --schrift-gewicht-titel: 800;
  --schrift-gewicht-karte: 700;
  --schrift-gewicht-stark: 700;
  --schrift-laufweite-titel: -0.03em;
  --abstand-abschnitt: clamp(48px, 7vw, 88px);
  /* Logo (Auftrag V1c): Bildzeichen und Schriftzug "Swizz-IT" in jedem Kopf, in den
     Seitenleisten und auf den Anmeldeseiten; Handy 34 und 20 Pixel. */
  --marke-zeichen: 34px;
  --marke-schrift: 1.25rem;
  --marke-abstand: 10px;
  /* Seitenleisten von Panel und workdesk (schmal): dasselbe Verhältnis in der Grösse des Handys. */
  --marke-zeichen-leiste: 34px;
  --marke-schrift-leiste: 1.25rem;
  /* Rechtstexte (Auftrag V1c Teil O): kompakter als der übrige Fliesstext, auf Computer und
     Handy gleich. Farbe #334155 auf Weiss 10.3 zu 1 (mindestens 4.5). */
  --rechtstext-schrift: 0.9375rem;
  --rechtstext-zeilenabstand: 1.65;
  --rechtstext-gewicht: 400;
  --rechtstext-farbe: #334155;
  --rechtstext-titel-abschnitt: 1.1875rem;
  --rechtstext-untertitel: 1rem;
  --rechtstext-gewicht-titel: 700;
  --rechtstext-abstand-abschnitt: 28px;
  --rechtstext-abstand-absatz: 8px;
  --rechtstext-breite: 760px;
}

/* Computer: Fliesstext 18, Untertitel 21, kleine Zeile über dem Titel 16, Kartentitel 28 Pixel,
   Logo 40 Pixel mit Schriftzug 24 Pixel */
@media (min-width: 900px) {
  :root { --schrift-text: var(--schrift-text-gross); --schrift-untertitel: 1.3125rem; --schrift-zeile-oben: 1rem; --schrift-titel-karte: 1.75rem;
    --marke-zeichen: 40px; --marke-schrift: 1.5rem; --marke-abstand: 12px; }
}