.pc-nav{
  max-width: 1180px;
  margin: 0 auto 14px;
  /* Wichtig: kein extra Innen-Padding, sonst wirkt die Navi-Card schmaler als der Content */
  padding: 0;
  width: 100%;
}

/* If nav is rendered inside an already centered container (.pc-page),
   don't apply a second max-width/padding (otherwise it becomes narrower). */
.pc-page .pc-nav{
  max-width: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.pc-nav-inner{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  /* Mehr "Luft" damit die Navi-Card nicht so flach wie die Buttons wirkt */
  padding: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.pc-nav-title{ display:none; }
.pc-nav-links{ display:flex; flex-wrap:wrap; gap: 8px; align-items:center; }
.pc-nav-link{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  font-weight: 500;
  text-decoration:none;
}
.pc-nav-link:hover{ text-decoration:none; filter: brightness(0.98); }
.pc-nav-link.is-active{ background: rgba(59,130,246,.14); border-color: rgba(59,130,246,.35); font-weight: 500; }
.pc-nav-divider{ display:none; }
.pc-nav-link-role{ font-weight: 500; }

@media (max-width: 720px){
  /* Auf Mobile: Original-Navigation im Layout ausblenden (sonst doppelt) */
  .pc-nav,
  .pc-firma-nav{ display:none; }

  /* Im Hamburger-Overlay (Clone) wieder anzeigen */
  body.pc-nav-open .pc-mobile-overlay .pc-nav,
  body.pc-nav-open .pc-mobile-overlay .pc-firma-nav{ display:block; }

  /* Nav-Card im Overlay soll nicht schmaler wirken als Content */
  body.pc-nav-open .pc-mobile-overlay .pc-nav-inner{
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  /* Mobile: Links im Overlay vertikal, volle Breite */
  body.pc-nav-open .pc-nav-links{ flex-direction:column; align-items:stretch; }
  body.pc-nav-open .pc-nav-link{ width:100%; justify-content:flex-start; }

  /* Firmenchips im Overlay als Liste */
  body.pc-nav-open .pc-firma-nav.is-mobile .pc-firma-nav-inner{ flex-direction:column; align-items:stretch; }
  body.pc-nav-open .pc-firma-nav.is-mobile .pc-chip{ width:100%; justify-content:flex-start; }
}

/* Firmenchips */
.pc-firma-nav{ max-width: 1180px; margin: 12px auto 10px; padding: 0; }
.pc-firma-nav-inner{ display:flex; flex-wrap:wrap; gap: 8px; }
.pc-chip{
  display:inline-flex;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--text);
  font-weight: 500;
  text-decoration:none;
}
.pc-chip:hover{ text-decoration:none; filter: brightness(0.98); }
.pc-chip.is-active{ background: rgba(16,185,129,.14); border-color: rgba(16,185,129,.35); }
.pc-chip-off.is-active{ background: rgba(59,130,246,.14); border-color: rgba(59,130,246,.35); }

/* Klone im Mobile-Overlay */
.pc-nav.is-mobile{ max-width: none; margin: 0 0 12px; padding: 0; }
.pc-nav.is-mobile .pc-nav-inner{ flex-direction:column; align-items:flex-start; }
.pc-firma-nav.is-mobile{ max-width: none; margin: 0 0 12px; padding: 0; }