/* WGRCMS-Step-0024 Brand/Header Restore */
:root{
  --wgr-blue:#0069a8;
  --wgr-blue-dark:#00598f;
  --wgr-green:#93bd3e;
  --wgr-text:#063052;
}

/* Header näher an WG-Röblingen: kräftiges Blau, großes Logo, ruhiger */
.site-header{
  background:var(--wgr-blue)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.16)!important;
}

.header-inner{
  min-height:122px!important;
  height:auto!important;
  padding:16px 46px!important;
  gap:34px!important;
}

.brand{
  min-width:360px!important;
  display:flex!important;
  align-items:center!important;
}

.brand img{
  max-width:360px!important;
  max-height:96px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}

/* Navigation kompakter und originalnäher */
.main-nav{
  gap:22px!important;
  align-items:center!important;
}

.main-nav a{
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  padding:48px 0 38px!important;
  border-bottom:4px solid transparent!important;
  text-shadow:none!important;
}

.main-nav a:hover,
.main-nav a:first-child{
  border-bottom-color:#fff!important;
}

.header-contact{
  color:#fff!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:700!important;
  gap:14px!important;
}

/* Hero-Farben ruhiger, weniger generisch */
.hero{
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.18) 100%),
    linear-gradient(135deg,#edf8fc 0%,#d8edf7 38%,#dcebc4 100%)!important;
}

.eyebrow,
.hero h1,
.quick-card h3,
.section-head h2,
.news-body h3,
.info-text h2,
.office h3{
  color:var(--wgr-blue)!important;
}

.btn.primary{
  background:var(--wgr-blue)!important;
  border-color:var(--wgr-blue)!important;
}

.btn.ghost{
  color:var(--wgr-blue)!important;
  border-color:var(--wgr-blue)!important;
}

/* Gebäude-Visual mehr WG-Farbgefühl */
.roof{
  background:linear-gradient(135deg,#b44b28,#d87545)!important;
}

.building span{
  border-color:var(--wgr-green)!important;
}

.green{
  background:linear-gradient(135deg,#7fb65a,#b7ce68)!important;
}

/* Quickcards sauberer */
.quick-grid{
  border-top:5px solid var(--wgr-blue)!important;
}

.quick-icon{
  color:var(--wgr-green)!important;
}

/* Footer */
.footer{
  background:var(--wgr-blue)!important;
}

/* Mobile: Logo darf nicht erschlagen, aber sichtbar bleiben */
@media(max-width:1100px){
  .header-inner{
    padding:18px 22px!important;
  }
  .brand{
    min-width:0!important;
  }
  .brand img{
    max-width:320px!important;
    max-height:88px!important;
  }
  .main-nav a{
    padding:8px 0!important;
  }
}

@media(max-width:520px){
  .brand img{
    max-width:260px!important;
  }
}