/* nav-voll.css · Verus · 15.10.2026 · Die volle Navigation ist bei jeder Breite erreichbar.
   Bis 1100px: Menü-Knopf allein (wie bisher), ab 1101px: Top-Links plus Menü-Knopf plus Termin-Button.
   Das Menü ist nach Firmenkunden / Branchen / Arbeitgeber & Vorsorge / Ratgeber & Service gruppiert. */
.nav-mobile{display:block!important;position:static}
.main-nav{display:flex}
.main-nav+.nav-mobile{margin-left:0}
.nav-mobile summary{cursor:pointer}
@media (max-width:1100px){
  .main-nav{display:none!important}
  .nav-mobile{margin-left:auto}
}
/* Top-Link Ratgeber: leicht hervorgehoben, deutlich schwächer als „Termin buchen“ */
.main-nav a.nav-ratgeber{font-weight:700;color:var(--noir-ink,#f4f0ea)}
.main-nav a.nav-ratgeber:after{transform:scaleX(1)!important;background:var(--red,#cf2e2e)!important;height:2px!important}
.site-header.on-paper .main-nav a.nav-ratgeber{color:var(--paper-ink,#0b0b0d)}
/* Gruppen im Menü */
.nav-mobile nav .nav-group{display:block;margin:0}
.nav-mobile nav .nav-group-title{margin:1.1rem 0 .15rem;padding:0;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a29d94}
.nav-mobile nav .nav-group-title+a{border-top:0}
.nav-mobile nav .nav-group a.nav-ratgeber{color:#f05a55;font-weight:700}
@media (min-width:1101px){
  .nav-mobile nav{position:fixed;left:0;right:0;top:calc(var(--head-h,72px) + var(--pv-h,0px));bottom:auto;
    max-height:calc(100vh - var(--head-h,72px) - var(--pv-h,0px));overflow:auto;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 2.5rem;align-items:start;
    padding:1.2rem max(var(--gutter,24px),calc((100vw - 1280px)/2)) 2.4rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
  .nav-mobile nav a.menu-cta{display:none}
  .nav-mobile nav .nav-group a{min-height:40px;border-top:0;font-size:.95rem}
  .nav-mobile nav .nav-group a:hover{color:#f05a55}
}