.brand-mark,
.site-brand-mark,
[class$="-brand-mark"] {
  background: center / contain no-repeat url("spieldeck-mark.svg") !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(8, 15, 20, 0.22);
}

.brand-copy strong,
.site-brand-copy strong,
[class$="-brand-copy"] strong {
  display: block;
  position: relative;
  width: 188px;
  max-width: 100%;
  min-height: 34px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}

.brand-copy strong::after,
.site-brand-copy strong::after,
[class$="-brand-copy"] strong::after {
  content: "";
  position: absolute;
  inset: 0;
  background: left center / contain no-repeat url("spieldeck-logo.svg");
}

@media (max-width: 640px) {
  .brand-copy strong,
  .site-brand-copy strong,
  [class$="-brand-copy"] strong {
    width: 160px;
    min-height: 30px;
  }
}