/* ERZEUGT von webseite/bauen.py - nicht von Hand aendern. Masse aus der Wortmarke und der Schrift. */
@font-face { font-family: "Saira"; src: url("saira.ttf") format("truetype"); font-weight: 100 900;
  font-stretch: 50% 125%; font-display: block; }
:root {
  /* Dateibreite der Wortmarke: das Zeichen ein Drittel der Fensterhoehe hoch, hoechstens die Breite minus Rand */
  --wm: min(100vw - 32px, calc(100vh * 0.333333) * 2.172680);
  --modul: calc(var(--wm) * 0.039858);                            /* Strich des n der Wortmarke */
  --buendig: calc(var(--wm) * 0.039858);                           /* linker Tintenrand des E */
  --t: max(2px, calc(var(--modul) / 8));               /* Staerke der Linie */
}
@supports (height: 100svh) {       /* am Handy: die Hoehe ohne ausgeblendete Leisten */
  :root { --wm: min(100vw - 32px, calc(100svh * 0.333333) * 2.172680); }
}
@supports (height: round(nearest, 1.5px, 1px)) {
  :root { --t: max(2px, round(nearest, calc(var(--modul) / 8), 1px)); }   /* auf ganze Pixel */
}
html, body { margin: 0; }
body { background: var(--bg-canvas); color: var(--text-primary); font-family: "Saira", sans-serif;
  position: relative; }
.seite { min-height: 100vh; min-height: 100svh; box-sizing: border-box; padding: 0 16px; display: flex;
  align-items: center; justify-content: center; }
.marke { width: var(--wm); }
.marke h1 { margin: 0; }
.wm { display: block; width: var(--wm); height: auto; aspect-ratio: 4215.000000 / 1087.000000; }
/* erste Grundlinie = Oberkante des Claims + Anker; sie liegt Linie + zwei Abstaende + Versalhoehe unter der Grundlinie
   der Marke (deren Datei endet UNTER Einheiten unter ihr) */
.claim { display: block; margin: 0;
  font-weight: 600; font-stretch: 100%; line-height: 1.376000;
  font-size: calc(var(--wm) * 0.057933);
  margin-top: calc(var(--modul) * 2 + var(--t) + 0.688000em - var(--wm) * 0.041756 - 1.5em); }
.anker { display: inline-block; position: relative; width: 0; height: 1.5em; vertical-align: baseline; }
/* die Linie: Unterkante ein Modul ueber der Versalhoehe, links am E (der Anker steht um die Vorbreite des C davor) */
.anker::before { content: ""; position: absolute; left: 0.061963em;
  width: calc(var(--wm) * 0.920285); bottom: calc(0.688000em + var(--modul) * 1);
  height: var(--t); background: var(--border-perimeter); }
.z { display: block; }
.k { display: inline-block; width: 0.132000em; height: 0.132000em; background: var(--action-kinetic); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.z1 { margin-left: calc(var(--buendig) - 0.061963em); }
.k1 { margin-left: 0.060489em; }
.z2 { margin-left: calc(var(--buendig) - 0.082247em); }
.k2 { margin-left: 0.086433em; }
.z3 { margin-left: calc(var(--buendig) - 0.082247em); }
.k3 { margin-left: 0.110054em; }
/* Fusszeile: Versalhoehe ein 3tel Modul, nie unter 1rem Schrift, je ein Modul Luft */
.fuss { flex: none; box-sizing: border-box; padding: var(--modul) 16px; text-align: center;
  color: var(--text-primary); font-weight: 400; font-stretch: 100%;
  line-height: 1.5; font-size: max(1rem, calc(var(--modul) / 3 / 0.688000)); }
.fuss-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;
  gap: 0.5em 2em; }
/* Christian 08.10.2026: hoher Kontrast, keine optischen Spielchen - weiss, immer unterstrichen */
.fuss a { color: inherit; text-decoration: underline; text-underline-offset: 0.2em; }
.fuss a:focus-visible { outline: 2px solid var(--border-perimeter); outline-offset: 4px; }
/* Startseite: die Fusszeile liegt UEBER dem Layout am unteren Rand - im Fluss verschob sie die Marke um Bruchteile
   eines Pixels, und Edge rundete die Grundlinie des Claims dann anders als die Linie (Bau 08.10.2026: 17,70 statt
   18,99 px bei 1366 x 658). Platz: das Zeichen ist hoechstens ein Drittel der Hoehe und steht in der Mitte. */
.seite ~ .fuss { position: absolute; left: 0; right: 0; bottom: 0; }
/* E-1: unten Platz freihalten, wenn Zeichen und zweimal Fusszeile nicht in die Hoehe passen (bei normaler Schrift 0) */
:root { --fl: 1.5; }
@media (max-width: 38.75em) { :root { --fl: 5.5; } }
@media (max-width: 13.54em) { :root { --fl: 11.5; } }
.seite { padding-bottom: max(0px, calc(var(--wm) * 0.460261 + 2 * (2 * var(--modul) + var(--fl) * max(1rem, calc(var(--modul) / 3 / 0.688000))) + 1rem - 100svh)); }
/* E-2: im Druck die helle Wortmarke (dunkle Buchstaben), am Bildschirm die dunkle - mit img davor, damit die Regel
   die Anzeige von .wm und .wm-klein (spaeter, gleich stark) ueberstimmt */
img.nur-druck { display: none; }
@media print { img.nur-schirm { display: none; } img.nur-druck { display: block; } }
/* Druck (Befund in A54): Linie und Punkte des Claims tragen ihre Farbe als Hintergrund - ausdruecklich mitdrucken */
@media print { .anker::before, .k { print-color-adjust: exact; } }