.topbar {
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 20px; background:#101823; border-bottom:1px solid #1b2a3a;
}

/* ---- Branding in der Topbar (Logo + Text) ---- */
.brandlink{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
}

.brandlogo{
  height:50px;          /* fix: Logo wird nach Login nicht riesig */
  width:auto;
  display:block;
}

.brandtext{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

.brandname{
  font-weight:800;
  letter-spacing:0.3px;
}

.brandtag{
  font-size:12px;
  color:#93a4b7;
  margin-top:2px;
}

.navwrap{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@media (max-width: 520px){
  .brandlogo{ height:28px; }
  .brandtag{ display:none; }
}

.container { padding:20px; max-width:980px; margin:0 auto; }