/* OPSEC-Branding. Erzeugt von opsec-brand.py - nicht von Hand
   aendern, der naechste Lauf ueberschreibt diese Datei. */

/* Die Wortmarke.
   Im Original ein Inline-SVG ohne viewBox: der Pfad ist 491
   Benutzereinheiten breit, der Rahmen aber nur rund 200 Pixel - das Wort
   wird schlicht abgeschnitten. Wir blenden den Pfad aus und legen unsere
   Marke als Maske darueber. Die Farbe kommt aus derselben Variablen wie
   vorher, folgt also hellem und dunklem Erscheinungsbild von allein.
   Zwei Attributselektoren schlagen die Klasse des Originals, deshalb
   braucht es kein !important.

   Diese Regel gibt dem Element bewusst KEINE eigenen Masse. Dasselbe
   Element steckt naemlich auch in der Titelleiste des Desktop-Clients, wo
   es viel kleiner sitzt; eine feste Breitenangabe blaeht es dort auf die
   volle Fensterbreite auf und legt es ueber die Oberflaeche. Die Maske
   passt sich mit contain von allein in jeden Rahmen ein, in den das
   Original auch gehoert.
   (Und keine CSS-Eigenschaftsnamen mit Doppelpunkt in diesen Kommentar
   schreiben - sonst zaehlt jedes spaetere grep sie mit.) */
svg[width="500"][height="94"] > path {
  display: none;
}

svg[width="500"][height="94"] {
  background-color: var(--md-sys-color-on-surface, #E3E1E9);
  -webkit-mask-image: url("/brand/wortmarke.svg");
          mask-image: url("/brand/wortmarke.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-size: contain;
          mask-size: contain;
}