/* HSG V4.5.6.17.4: eigenstaendiges Wappen-CSS, vermeidet zwischengespeicherte Altregeln. */
.hsg-app img.hsg-wappen {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0;
  padding: 0 !important;
  max-width: none;
}
.hsg-app .hsg-sidebar-brand.hsg-brand-with-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 7px;
  font-size: clamp(.92rem, 1.1vw, 1.05rem);
  line-height: 1.18;
}
.hsg-app .hsg-wappen-sidebar { width: 62px; height: 70px; }
.hsg-app .hsg-brand-wordmark { display: block; min-width: 0; overflow-wrap: anywhere; }
.hsg-app .hsg-sidebar-brand.hsg-brand-with-logo small { margin-top: 5px; letter-spacing: .025em; }
.hsg-app .hsg-header-brand.hsg-brand-with-logo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  line-height: 1.2;
}
.hsg-app .hsg-wappen-header { width: 40px; height: 45px; }
.hsg-app .hsg-header-brand.hsg-brand-with-logo > span { min-width: 0; overflow-wrap: anywhere; white-space: normal; text-transform: none; }
.hsg-app .hsg-brand-wordmark { text-transform: none; letter-spacing: normal; white-space: normal; }
@media (max-width: 900px) {
  .hsg-app .hsg-header-brand.hsg-brand-with-logo { gap: 7px; }
  .hsg-app .hsg-wappen-header { width: 35px; height: 40px; }
}
@media (max-width: 420px) {
  .hsg-app .hsg-header-brand.hsg-brand-with-logo { font-size: .93rem; }
  .hsg-app .hsg-wappen-header { width: 32px; height: 37px; }
}