*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}
/* Nichts laesst sich mehr blau markieren — ein Doppelklick oder ein
   Ziehen ueber Beschriftungen, Chips oder Bilder faerbte sonst halbe
   Bereiche ein. Getippt und markiert wird nur dort, wo auch etwas
   einzugeben ist: in den Eingabefeldern.                            */
* {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea,
[contenteditable='true'] {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

:root {
  --serif: 'EB Garamond', Georgia, serif;
  --sans: 'Urbanist', 'Century Gothic', Futura, sans-serif;
  --black: #000;
  --white: #fff;
  --mid: #686868;
  --light: #b0b0b0;
  --border: #e6e6e6;
  --xlight: #f5f5f5;
  --green: #4d9a5e;
  --red: #e8391c;
  --sw: 272px; /* Seitenbreite — links und rechts identisch */
  /* Waagerechte Mittelachse des Hauptbildes. Oben steht es 2*pad + 42
     unter der Fensterkante (Rand plus Schriftzug), unten 2*pad + 68
     darueber (Rand plus Fusshoehe) — der Seitenrand faellt beim Mitteln
     heraus, es bleiben (100vh - 26px) / 2. Beide Aufklappmenues haengen
     daran, damit sie mit dem Bild fluchten und nicht mit dem Fenster. */
  --bild-achse: calc((100vh - 26px) / 2);
  /* Hoehe der Menues: drei Materialplaetze statt vier, in derselben
     Groesse wie bisher. Aus der alten Hoehe (100vh - 2*pad - 109) sind
     das drei Viertel.                                                */
  --menue-h: calc(0.75 * (100vh - 2 * var(--pad) - 109px));
  --pad: 28px; /* Fensterrand */
  --ph-dunkel: #232323; /* Platzhalterlinien beim Ueberfahren: fuenffach dunkler als #b0b0b0 */
}

html {
  height: 100%;
  background: var(--white);
  overflow: hidden;
  overflow-x: clip;
}
body {
  height: 100%;
  color: var(--black);
  background: transparent;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  padding: var(--pad);
}

/* Beim Start verborgen, bis ui/initial-display.js daraus style.display macht */
[data-hidden] {
  display: none !important;
}