/* Topmenu: Privat og Erhverv er klikbare sider med en dropdown med retsomraader (2026-10-02).
   Maks. to niveauer. Hover aabner paa enheder med mus; knappen ved pilen aabner ved tryk og tastatur.
   Selektorerne er bevidst specifikke, fordi hver side ogsaa har sine egne nav-regler. */

.nav-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-nav .nav-links .nav-gruppe{position:relative}
.site-nav .nav-links .nav-toggle{position:absolute;margin:0;padding:0;border:0;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.site-nav .nav-links .nav-panel ul{list-style:none;margin:0;padding:0}

/* Links i panelet nulstiller topmenuens versaler, spatiering og understregning */
.site-nav .nav-links .nav-panel a.np-link,
.site-nav .nav-links .nav-panel a.np-all{font-family:'Poppins',sans-serif;text-transform:none;letter-spacing:0;white-space:normal;border:0;text-decoration:none}
.site-nav .nav-links .nav-panel a.np-link::before,
.site-nav .nav-links .nav-panel a.np-link::after,
.site-nav .nav-links .nav-panel a.np-all::before{content:none}

/* ---------- Mobil: harmonika i burgermenuen ---------- */
@media(max-width:767px){
  /* site.css gav burgermenuen 2.4rem luft mellem punkterne; menuen skal se ens ud paa alle sider */
  .site-nav .nav-links{gap:0}
  .site-nav .nav-links .nav-gruppe>a .nav-chev{display:none}
  .site-nav .nav-links .nav-gruppe>a{min-height:3.6rem;display:flex;align-items:center}
  .site-nav .nav-links .nav-toggle{top:0;right:0;width:4.2rem;height:3.6rem}
  .site-nav .nav-links .nav-toggle::before{content:'';position:absolute;left:0;top:28%;bottom:28%;width:1px;background:rgba(20,25,36,.12)}
  .site-nav .nav-links .nav-panel{display:none;background:#F4F5F7;border-bottom:1px solid rgba(20,25,36,.08)}
  .site-nav .nav-links .nav-gruppe.aaben>.nav-panel{display:block}
  .site-nav .nav-links .nav-panel .np-intro,
  .site-nav .nav-links .nav-panel .np-d{display:none}
  .site-nav .nav-links .nav-panel a.np-link{display:block;padding:.9rem 1.2rem .9rem 2rem;border-bottom:1px solid rgba(20,25,36,.07);font-size:14.5px;line-height:1.35;color:#333B4A}
  .site-nav .nav-links .nav-panel li:last-child a.np-link{border-bottom:0}
  .site-nav .nav-links .nav-panel a.np-link:hover{color:#141924}
  .site-nav .nav-links .nav-panel .np-t{font-weight:400}
}

/* ---------- Tablet og computer: dropdown under menupunktet ---------- */
@media(min-width:768px){
  .site-nav .nav-links .nav-gruppe>a .nav-chev{display:inline-block;width:.36em;height:.36em;margin:0 0 0 .55em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.22em) rotate(45deg);transition:transform .25s var(--ease,ease)}
  .site-nav .nav-links .nav-gruppe.aaben>a .nav-chev{transform:translateY(.05em) rotate(225deg)}
  .site-nav .nav-links .nav-toggle{top:50%;right:-.55rem;width:1.7rem;height:2.75rem;transform:translateY(-50%)}

  .site-nav .nav-links .nav-panel{position:absolute;top:100%;left:-1.75rem;padding-top:2.35rem;z-index:var(--z-dropdown,110);
    opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
    transition:opacity .18s ease .12s,transform .22s ease .12s,visibility 0s linear .34s}
  .site-nav .nav-links .nav-gruppe.aaben>.nav-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;
    transition:opacity .2s ease,transform .3s var(--ease,ease),visibility 0s}

  .site-nav .nav-links .np-card{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:0;width:min(34rem,calc(100vw - 2rem));
    background:#fff;border:1px solid rgba(20,25,36,.08);box-shadow:0 22px 50px -12px rgba(20,28,42,.28);text-align:left}
  .site-nav .nav-links .np-intro{padding:1.7rem 1.6rem 1.6rem 1.75rem;border-right:1px solid #E7EAEF;display:flex;flex-direction:column}
  .site-nav .nav-links .np-kicker{font:500 10.5px/1 'Poppins',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#C8A24A;margin:0 0 .85rem}
  .site-nav .nav-links .np-titel{font:300 1.55rem/1.12 'Alumni Sans',Georgia,serif;letter-spacing:-.005em;color:#141924;margin:0 0 .6rem;text-transform:none}
  .site-nav .nav-links .np-lead{font:400 12.5px/1.6 'Poppins',sans-serif;color:#5C6575;margin:0 0 1.3rem;letter-spacing:0;text-transform:none}
  .site-nav .nav-links .nav-panel a.np-all{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 0;
    font:500 10.5px/1.3 'Poppins',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#141924;transition:color .2s}
  .site-nav .nav-links .nav-panel a.np-all::after{content:'';position:static;display:inline-block;width:.38rem;height:.38rem;background:none;transform:rotate(-45deg);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transition:transform .2s}
  .site-nav .nav-links .nav-panel a.np-all:hover{color:#9A7A2E}
  .site-nav .nav-links .nav-panel a.np-all:hover::after{transform:translateX(3px) rotate(-45deg)}

  .site-nav .nav-links .np-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem;padding:.9rem 1rem 1rem;align-content:start}
  .site-nav .nav-links .nav-panel a.np-link{display:block;position:relative;padding:.62rem .8rem .64rem;border-radius:2px;color:#141924;transition:background .15s}
  .site-nav .nav-links .nav-panel a.np-link:hover,
  .site-nav .nav-links .nav-panel a.np-link:focus-visible{background:#F4F5F7}
  .site-nav .nav-links .np-t{display:flex;align-items:center;gap:.45rem;font:500 13.5px/1.3 'Poppins',sans-serif;color:#141924}
  .site-nav .nav-links .np-t::after{content:'';width:.34rem;height:.34rem;border-right:1.5px solid #C8A24A;border-bottom:1.5px solid #C8A24A;transform:translateX(-4px) rotate(-45deg);opacity:0;transition:opacity .15s,transform .2s}
  .site-nav .nav-links .nav-panel a.np-link:hover .np-t::after,
  .site-nav .nav-links .nav-panel a.np-link:focus-visible .np-t::after{opacity:1;transform:translateX(0) rotate(-45deg)}
  .site-nav .nav-links .np-d{display:block;font:400 11.5px/1.45 'Poppins',sans-serif;color:#5C6575;margin-top:.18rem}
  .site-nav .nav-links .nav-panel a.np-link[aria-current="page"]{background:#F4F5F7}
}

/* Hover aabner kun paa enheder, der har en rigtig mus */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
  .site-nav .nav-links .nav-gruppe:hover>.nav-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;
    transition:opacity .2s ease .06s,transform .3s var(--ease,ease) .06s,visibility 0s linear .06s}
  .site-nav .nav-links .nav-gruppe:hover>a .nav-chev{transform:translateY(.05em) rotate(225deg)}
}

/* Mellembredder: smallere panel med en kolonne i listen */
@media(min-width:768px) and (max-width:1023.98px){
  .site-nav .nav-links .np-card{grid-template-columns:11rem minmax(0,1fr);width:min(32rem,calc(100vw - 2rem))}
  .site-nav .nav-links .np-intro{padding:1.4rem 1.2rem}
  .site-nav .nav-links .np-list{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .site-nav .nav-links .nav-panel,
  .site-nav .nav-links .nav-gruppe>a .nav-chev{transition:none!important}
}

/* Sider med <body class="nav-over-hero">: topbjaelken ligger gennemsigtig over en moerk top, som paa Priser (2026-10-02) */
.nav-over-hero .site-nav{position:fixed;top:0;left:0;right:0;border-bottom-color:transparent;transition:border-color .35s ease}
.nav-over-hero .site-nav::before{transition:opacity .35s ease,background-color .35s ease,backdrop-filter .35s ease}
.nav-over-hero .site-nav:not(.is-scrolled)::before{opacity:0}
.nav-over-hero .site-nav.theme-dark.is-scrolled{border-bottom-color:rgba(255,255,255,.1)}