/* Farvepalet 15/10 (afstemt med glansikonerne). Gaelder alle sider; indlaeses sidst. */
:root{--navy-900:#0b1c30;--navy-700:#0b1c30;--navy-500:#3a5a92;--navy-50:#dbe4ef;--groen-800:#005c55;--groen-600:#0f766e;--groen-200:#cfe3d7;--groen-100:#e7f1ec;--groen-50:#f3f8f5;--neutral-50:#f4f6f9;--neutral-100:#e9eef4;--neutral-300:#c5cdd9;--linje:#dde3eb;--tekst-2:#575f6d;--guld-linje:#0f766e;--amber-100:#e8f1f0;--amber-500:#f59e0b;--amber-900:#7c2d12;
--navy:var(--navy-900);--cr:var(--neutral-50);--cr2:var(--neutral-100);--line:var(--linje);--mut:var(--tekst-2);--gold:#0b5f58;--goldbg:var(--groen-100);--focus:var(--navy-700)}
.s.alt{background:#fff}.cta .kick{color:#bfe0db}.cta .btn:hover{background:var(--groen-100)}.cta .lnk:hover{color:#bfe0db;border-color:#bfe0db}
/* OMNI – responsiv overhaling (mobil, tablet, laptop, store skærme). Indlæses sidst. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg,canvas{max-width:100%}img,video{height:auto}
.hasph img,.band img,.pl video,.vid video,.vid iframe{height:100%}
h1,h2,h3{overflow-wrap:break-word;hyphens:manual;text-wrap:balance}
p,li{overflow-wrap:break-word;text-wrap:pretty}
:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}
/* Tap targets */
.lnk{min-height:44px;padding-bottom:0;box-sizing:border-box}
.wm{min-height:44px;justify-content:center}
.chip{min-height:44px}
.faq summary{min-height:44px}
.ftn a{display:inline-flex;align-items:center;min-height:36px}
/* Mobil-undernav: synligt fade, så man ser at den kan scrolles */
@media(max-width:899px){
 .mnav .wrap{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);scroll-snap-type:x proximity;padding-right:40px}
 .mnav a{scroll-snap-align:start}
 .s{padding:clamp(56px,10vw,96px) 0}
}
@media(max-width:600px){
 .wrap{--gut:20px}
 .acts,.hero .acts{flex-wrap:wrap;gap:12px}
 .acts .btn,.acts .nb,.cta .btn{width:100%;justify-content:center}
 .podh{grid-template-columns:96px 1fr!important;gap:16px!important;margin-bottom:28px!important}
 .podc{width:96px!important;height:96px!important}
 .next b{font-size:19px}
}
@media(max-width:380px){.wrap{--gut:16px}h1{font-size:clamp(30px,9vw,40px)!important}}
/* Tablet landskab */
@media(min-width:900px) and (max-width:1199px){.c4{grid-template-columns:repeat(2,1fr)}.mg{grid-template-columns:repeat(2,1fr)!important}}
/* Store skærme: skalér hele layoutet proportionalt i stedet for en lille spalte midt på skærmen */
@media(min-width:1700px){html{zoom:1.15}}
@media(min-width:2000px){html{zoom:1.35}}
@media(min-width:2400px){html{zoom:1.6}}
@media(min-width:3200px){html{zoom:2}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:899px),(pointer:coarse){.ftn a{min-height:44px}.ftn ul{gap:0!important}.wm{min-height:44px;padding:2px 0}}
@media(max-width:600px){.hd .nb{white-space:nowrap;font-size:13.5px;padding-left:12px;padding-right:12px}}
@media(max-width:400px){.hd .hdi{gap:8px}.hd .nb{font-size:12.5px;padding-left:10px;padding-right:10px}}
.beboer-acts{margin-top:32px;align-items:center;gap:16px;display:flex;flex-wrap:wrap}.beboer-acts .login{margin:0;color:var(--mut,#5b6478);font-size:14px}
.ph picture{display:block;width:100%;height:100%}

/* Tæthed 13/10: kun skærme >= 1024px (laptop/desktop). Mobil og tablet uændret. */
@media (min-width:1024px){html{zoom:.9}:root{--max:1400px}}
/* Kolonnefix 13/10: intro-afsnit ved siden af sektionsoverskrift fik kun 1 af 12 kolonner. */
.sh>p.l{grid-column:8/-1;align-self:end;margin:0}
@media(max-width:899px){.sh>p.l{grid-column:1/-1}}
@media(max-width:480px){.omni-lang{display:none}}
/* Footer-redesign 13/10: tydelig adskillelse fra navy CTA, kort med accenter, navy bundbjælke. Tekster/links uændrede. */
footer.ft{position:relative;background:var(--neutral-100);padding:56px 0 0!important;box-shadow:inset 0 18px 22px -18px rgba(11,28,48,.45);overflow:hidden}
footer.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--navy-900) 0 33%,var(--groen-600) 33% 66%,var(--guld-linje) 66%)}
footer.ft .ftn{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;border-bottom:0!important;padding-bottom:0!important;margin-bottom:40px!important}
footer.ft .ftn>div{background:#fff;border:1px solid var(--linje);border-top:3px solid var(--navy-900);border-radius:14px;padding:24px 24px 22px;box-shadow:0 1px 2px rgba(11,28,48,.05),0 8px 24px -16px rgba(11,28,48,.25);grid-column:auto!important}
footer.ft .ftn>div:nth-child(2){border-top-color:var(--groen-600)}footer.ft .ftn>div:nth-child(3){border-top-color:var(--guld-linje)}
footer.ft .ftn>div:first-child p{color:#3d4658;font-size:15px;line-height:1.6;max-width:34ch}
footer.ft .ftn h4{color:var(--navy-900)!important;font-size:12px;letter-spacing:.2em;margin:0 0 16px!important;padding-bottom:10px;border-bottom:1px solid var(--linje);position:relative}
footer.ft .ftn h4::after{content:"";position:absolute;left:0;bottom:-1px;width:28px;height:2px;background:var(--guld-linje)}
footer.ft .ftn ul{gap:2px!important}
footer.ft .ftn li a{display:flex;align-items:center;gap:8px;min-height:34px;padding:2px 8px;margin:0 -8px;border-radius:8px;color:var(--navy-900)!important;font-size:14.5px;transition:background .15s,color .15s,padding .15s}
footer.ft .ftn li a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--neutral-300);flex:none;transition:background .15s}
footer.ft .ftn li a:hover,footer.ft .ftn li a:focus-visible{background:var(--groen-100);color:var(--groen-600)!important;padding-left:12px}
footer.ft .ftn li a:hover::before,footer.ft .ftn li a:focus-visible::before{background:var(--groen-600)}
footer.ft .note,footer.ft .cred,footer.ft .fr{background:var(--navy-900);box-shadow:0 0 0 100vmax var(--navy-900);clip-path:inset(0 -100vmax);margin:0!important;color:#c9cfdb!important;max-width:none!important}
footer.ft .note{padding:28px 0 6px;font-size:13.5px;line-height:1.6;color:#e6e9f0!important}
footer.ft .note::before{content:"";display:block;width:36px;height:2px;background:var(--guld-linje);margin-bottom:14px}
footer.ft .cred{padding:4px 0 20px;font-size:12px}footer.ft .cred a{color:var(--navy-50)!important}footer.ft .cred a:hover{color:#fff!important}
footer.ft .fr{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0 24px;border-top:1px solid rgba(255,255,255,.14);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
footer.ft .fr span:last-child{color:var(--navy-50)}
@media(max-width:899px){footer.ft .ftn{grid-template-columns:1fr 1fr}footer.ft .ftn>div:first-child{grid-column:1/-1!important}}
@media(max-width:600px){footer.ft{padding-top:36px!important}footer.ft .ftn{grid-template-columns:1fr;gap:14px;margin-bottom:28px!important}footer.ft .ftn>div{padding:20px 18px}footer.ft .ftn li a{min-height:44px}footer.ft .fr{flex-direction:column;gap:6px}}
footer.ft::before{background:linear-gradient(90deg,var(--groen-600),var(--guld-linje))}
footer.ft .note,footer.ft .cred{border:0!important;margin-bottom:-1px!important;padding-bottom:7px}footer.ft .cred{padding-bottom:21px}
footer.ft .note,footer.ft .cred,footer.ft .fr{clip-path:inset(-1px -100vmax)}footer.ft .fr{clip-path:inset(-1px -100vmax 0)}
@media(max-width:1023px){footer.ft .fr{padding-bottom:calc(24px + 4.25rem)!important;margin-bottom:-4.25rem!important}}
@media(max-width:1023px){body:has(>footer.ft){padding-bottom:0!important}footer.ft .fr{margin-bottom:0!important}}
footer.ft{background:linear-gradient(var(--neutral-100),var(--neutral-100)) top/100% calc(100% - 60px) no-repeat,var(--navy-900)!important}
/* 15/10 fælles topmenu: ESG-knap, kompakt konto, ingen ombrydning */
.hd nav a.t.esgk{border:1px solid #0f766e;border-radius:2px;color:#005c55;font-weight:600;padding:7px 12px}.hd nav a.t.esgk:hover{background:#e6f2f0}
.mnav a.esgk{color:#005c55;font-weight:600}.mnav a.esgk:before{content:"";width:8px;height:8px;border-radius:2px;background:#0f766e;margin-right:6px}
#esg{scroll-margin-top:16px}
.hd nav a{white-space:nowrap}
.omni-login-knap{white-space:nowrap;background:#fff!important;color:var(--navy-900)!important;border:1px solid var(--navy-900)}
.omni-bruger{position:relative;display:inline-flex;align-items:center}
.omni-konto{width:40px;height:40px;min-height:40px;border-radius:50%;border:1px solid var(--navy-900);background:#fff;color:var(--navy-900);font:600 13px/1 Inter,sans-serif;letter-spacing:.04em;cursor:pointer;display:inline-grid;place-items:center;padding:0}
.omni-konto:hover,.omni-konto[aria-expanded="true"]{background:var(--navy-900);color:#fff}.omni-konto:focus-visible{outline:2px solid #0f766e;outline-offset:2px}
.omni-konto-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:1000;background:#fff;border:1px solid var(--linje);border-radius:2px;box-shadow:0 6px 18px rgba(0,0,0,.12);min-width:200px;padding:4px 0}
.omni-konto-menu[hidden]{display:none}
.omni-konto-navn{margin:0;padding:10px 14px;font-size:13px;color:#575f6d;border-bottom:1px solid var(--linje);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.omni-konto-menu a,.omni-konto-menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 14px;color:var(--navy-900);font:600 14px Inter,sans-serif;text-decoration:none;background:none;border:0;cursor:pointer;text-align:left}
.omni-konto-menu a:hover,.omni-konto-menu button:hover,.omni-konto-menu a:focus-visible,.omni-konto-menu button:focus-visible{background:#e6f2f0;outline:none}
@media(min-width:900px) and (max-width:1199px){.hd nav{gap:4px}.hd nav a.t{padding:8px 8px;font-size:14px}.hd nav a.t.esgk{padding:7px 8px}.hd .sep{margin:0 6px}.hd .nb{padding:12px 14px;font-size:14px;white-space:nowrap}}
.omni-bruger .omni-konto-menu button{font-size:14px!important;padding:0 14px!important}.omni-bruger .omni-konto{padding:0!important;font-size:13px!important}

/* 3D-glansikoner (stil 1) – erstatter guldringe/cremebund */
img.i3d{display:block;flex:none;object-fit:contain;max-width:none}
.i3dw{background:none!important;border:0!important;box-shadow:none!important;border-radius:50%;overflow:visible}
.i3dw>img.i3d{width:100%;height:100%}
img.i3d-ms{width:28px;height:28px}
a>img.i3d,span>img.i3d:not(:only-child){display:inline-block;vertical-align:middle}
/* Brødkrumme som nav>ol (QA F1), samme udseende som før */
nav.crumb ol{list-style:none;margin:0;padding:0;display:inline}nav.crumb li{display:inline}nav.crumb li+li::before{content:" / "}

/* P1 – fælles variabler (palet/P1.css) */
:root{
  --p-ink:#0c1f2b;
  --p-deep:#0d3640;
  --p-teal:#0b5e5a;
  --p-teal2:#137a72;
  --p-accent:#8fdccf;
  --p-surface:#f6f9f9;
  --p-surface2:#e8f1f0;
  --p-line:#d6e4e2;
  --p-text:#0c1f2b;
  --p-mut:#4f6168;
  --p-onDark:#f6f9f9;
  --p-onDark2:#cfe3e3;
  --p-btnBg:#f6f9f9;
  --p-btnTx:#0b5e5a;
  --p-grad:linear-gradient(160deg,#0c1f2b 0%,#0d3640 50%,#0b5e5a 100%);
  --p-glass:rgba(255,255,255,.08);--p-glass-line:rgba(255,255,255,.22);
  --p-warn:#9a6412;--p-warn-bg:#fef3c7;
}
:root{--goldbg:#e8f1f0;--cr:#f6f9f9;--cr2:#e8f1f0;--line:#d6e4e2;--gold:#0b5e5a;--navy:#0c1f2b;--mut:#4f6168;--focus:#137a72}

/* v6: brevpapir-logo i /demo/-undersidernes header holdes >=44px på skærmen trods zoom:.9 */
@media(min-width:1024px){header.top img.wm3-l[src*="brevpapir"]{height:calc(44px / .9)!important}}