/* =========================================================================
   goldwyn-bp-frontend.css — Design-Overrides für berufungpflege.ch
   unter goldwynpartners.com/berufungpflege
   Fügt goldwynpartners Header/Subbar/Footer hinzu.
   ========================================================================= */

/* goldwynpartners Farbpalette */
:root {
  --gw-navy:      #1a2342;
  --gw-navy-mid:  #232f4d;
  --gw-red:       #E8462B;
}

/* Body-Font auf Lato */
body {
  font-family: 'Lato', system-ui, -apple-system, sans-serif;
}

/* -------------------------------------------------------------------------
   goldwynpartners Hauptnavigation
   ------------------------------------------------------------------------- */
.gw-header {
  background: var(--gw-navy);
  border-bottom: 1px solid rgba(255,255,255,.10);
  position: sticky;
  top: 0;
  z-index: 100;
}
.gw-header__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  height: 64px;
}
.gw-header__nav {
  display: flex;
  list-style: none;
  gap: 2px;
  margin: 0;
  padding: 0;
  flex: 1;
}
.gw-header__nav a {
  color: rgba(255,255,255,.80);
  font-family: 'Montserrat', system-ui, sans-serif;
  font-size: .73rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 8px 9px;
  border-radius: 4px;
  white-space: nowrap;
  text-decoration: none;
  transition: color .15s;
}
.gw-header__nav a:hover,
.gw-header__nav a:focus { color: #fff; text-decoration: none; }
.gw-header__cta {
  margin-left: auto;
  background: var(--gw-red);
  color: #fff;
  font-family: 'Montserrat', system-ui, sans-serif;
  font-size: .73rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 16px;
  border-radius: 6px;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
}
.gw-header__cta:hover { background: #c73620; color: #fff; text-decoration: none; }

/* -------------------------------------------------------------------------
   berufungpflege Subbar
   ------------------------------------------------------------------------- */
.bp-subbar {
  background: var(--gw-navy-mid);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.bp-subbar__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
}
.bp-subbar__label {
  color: rgba(255,255,255,.45);
  font-size: .7rem;
  font-family: 'Montserrat', system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.bp-subbar__sep { color: rgba(255,255,255,.25); font-size: .8rem; }
.bp-subbar__name {
  color: #fff;
  font-size: .78rem;
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
}
.bp-subbar__name:hover { color: rgba(255,255,255,.85); text-decoration: none; }
.bp-subbar__tagline { color: rgba(255,255,255,.50); font-size: .75rem; }

/* -------------------------------------------------------------------------
   goldwynpartners Footer
   ------------------------------------------------------------------------- */
.gw-bp-footer {
  background: var(--gw-navy);
  color: rgba(255,255,255,.75);
  margin-top: 60px;
  padding: 48px 0 0;
  font-size: .88rem;
}
.gw-bp-footer__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px 40px;
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr 1fr;
  gap: 32px;
}
.gw-bp-footer__brand { padding-right: 16px; }
.gw-bp-footer__brand p {
  margin: 0 0 8px;
  color: rgba(255,255,255,.60);
  line-height: 1.5;
}
.gw-bp-footer__brand a { color: rgba(255,255,255,.80); text-decoration: underline; }
.gw-bp-footer__brand a:hover { color: #fff; }
.gw-bp-footer__links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.gw-bp-footer__links strong {
  color: #fff;
  font-family: 'Montserrat', system-ui, sans-serif;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}
.gw-bp-footer__links a {
  color: rgba(255,255,255,.60);
  text-decoration: none;
  font-size: .82rem;
  line-height: 1.4;
  transition: color .15s;
}
.gw-bp-footer__links a:hover { color: #fff; text-decoration: none; }
.gw-bp-footer__bottom {
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 14px 24px;
  max-width: 1100px;
  margin: 0 auto;
  color: rgba(255,255,255,.40);
  font-size: .78rem;
}
.gw-bp-footer__bottom a { color: rgba(255,255,255,.55); }
.gw-bp-footer__bottom a:hover { color: #fff; }

/* Verstecke den originalen bp-header (ersetzt durch gw-header) */
.bp-header { display: none !important; }
/* Verstecke den originalen bp-footer */
.bp-footer { display: none !important; }

/* -------------------------------------------------------------------------
   goldwynpartners Stats-Bar
   ------------------------------------------------------------------------- */
.gw-stats-bar { background: #f0ede8; border-bottom: 1px solid #ddd9d2; }
.gw-stats-bar__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  height: 34px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.gw-stats-bar__item { font-size: .72rem; color: #4a4540; white-space: nowrap; }
.gw-stats-bar__item strong { color: #1a2342; font-weight: 700; }
.gw-stats-bar__sep { color: #bbb; font-size: .8rem; flex-shrink: 0; }
@media (max-width: 640px) {
  .gw-stats-bar__inner { gap: 8px; padding: 0 16px; }
  .gw-stats-bar__item:nth-child(7),
  .gw-stats-bar__item:nth-child(8),
  .gw-stats-bar__sep:nth-child(6),
  .gw-stats-bar__sep:nth-child(7) { display: none; }
}

/* -------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .gw-bp-footer__inner { grid-template-columns: 1fr 1fr; }
  .gw-bp-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .gw-header__nav { display: none; }
  .gw-header__cta { font-size: .72rem; padding: 7px 12px; }
  .gw-header__inner, .bp-subbar__inner { padding-left: 16px; padding-right: 16px; }
  .gw-bp-footer__inner { grid-template-columns: 1fr; padding: 0 16px 32px; }
  .gw-bp-footer__bottom { padding: 12px 16px; }
}
