/* surrobonds · behutsame Weiterentwicklung des vorhandenen Signets.
   Die offenen Linien nehmen den bisherigen Kreis auf, ihre Nähe steht für Verbindung.
   Typografie, Farben, Abstände und Grundlayout bleiben unverändert. */
.brand-mark,
.install-mark {
  display: inline-block;
  flex: none;
  width: 47px;
  height: 47px;
  border: 0;
  border-radius: 0;
  background: url("surrobonds-mark.svg?v=3") center / contain no-repeat;
  transform: none;
}
.brand-mark::before,
.brand-mark::after,
.install-mark::before,
.install-mark::after { content: none; display: none; }
.brand-text { letter-spacing: -.055em; }
/* Wortmarke: surro bleibt im ursprünglichen Dunkelgrün. Nur bonds erhält
   einen gedeckten Salbeiton. Keine neue Schrift, kein Textverlauf. */
/* The accent is an actual text segment, not a CSS gradient over all letters. */
.brand .brand-text > .brand-wordmark__accent,
.install-brand .brand-wordmark__accent { color: #567562; }
/* Die Unterzeile bleibt in regulärer Schrift und im vorhandenen Farbton. */
@media (max-width: 650px) {
  .brand-mark { width: 39px; height: 39px; }
}
/* Im Einrichtungsassistenten wird das gleiche Markenzeichen verwendet. */
.install-mark { width: 40px; height: 40px; }