/* Tillæg til Design SPEC v1 (15.10): menu-knap ≤1100px, maske-fix på hero-foto. Loades efter omni-responsiv-v2.css. */
.o-menuknap{display:none}
@media(max-width:1600px){
 header.hd .hdi nav .t,nav.mnav{display:none!important}
 .o-menuknap{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(143,220,207,.55);background:transparent;color:#fff;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
 .o-menuknap:focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
 .o-mk-ik,.o-mk-ik:before,.o-mk-ik:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
 .o-mk-ik:before,.o-mk-ik:after{content:"";position:absolute;left:0}.o-mk-ik:before{top:-6px}.o-mk-ik:after{top:6px}
 .o-menu{position:absolute;left:0;right:0;top:100%;z-index:60;background:#0c1f2b;border-top:1px solid rgba(143,220,207,.25);box-shadow:0 18px 30px -18px rgba(0,0,0,.5);padding:8px var(--o-pad,20px) 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px}
 .o-menu[hidden]{display:none}
 .o-menu a{color:#fff;text-decoration:none;padding:12px 10px;border-radius:10px;font:500 16px/1.3 Inter,system-ui,sans-serif;min-height:44px;display:flex;align-items:center}
 .o-menu a:hover,.o-menu a[aria-current]{background:rgba(143,220,207,.14);color:#c9e6e1}
 .o-menu a:focus-visible{outline:2px solid #8fdccf;outline-offset:-2px}
 header.hd{position:sticky}
}
@media(min-width:1601px){.o-menu{display:none!important}}
.ph-hero figure.hph,.ph-hero figure.hph *,.hero .hr-ph,.hero .hr-ph img{-webkit-mask-image:none!important;mask-image:none!important}
.hero .hr-ph:before,.hero .hr-ph:after{display:none!important}
/* /log-ind (SPEC §4): foto til venstre, gammelt højrefoto skjules på desktop, ingen dobbelt-logo */
@media(min-width:900px){.gate .phx{display:none!important}}
.gate .lp .gate-logo{display:none!important}
.gate .lp .gate-titel{color:#fff;max-width:18ch;font:700 clamp(30px,1.2rem + 2vw,52px)/1.08 Inter,system-ui,sans-serif;margin:0 0 16px}
.gate .lp .gate-pkt{color:#e8f1f0}
@media(max-width:899px){.gate .lp .gate-titel{font-size:24px}}
/* Modul-ring på /ikoner (SPEC §5): hub ligger i et li for gyldig liste-markup */
.o-ring-fig{margin:0;min-width:0}
.o-ring-cap{text-align:center;font:600 13px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#0b5e5a;margin:0 0 8px}
.o-ring>.o-hub-li{position:absolute;inset:32%;list-style:none}
.o-ring>.o-hub-li>.o-hub{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;place-content:center}
.o-rolle{display:flex;align-items:center;justify-content:center;min-height:36px;padding:4px 8px;border-radius:999px;background:#e6f2f0;color:#0c1f2b;font:600 clamp(11px,2.4cqi,15px)/1.2 Inter,system-ui,sans-serif;text-align:center}
.o-ring>.o-node:nth-of-type(n){}
/* SPEC §7: sidefooter (omni-footer) altid fuld bredde, også på rollesiderne */
footer.of{width:100%!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box;margin-left:0!important;margin-right:0!important}
body:has(.gate)>header{width:100%!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box}
.gate .lp{min-height:min(100%,calc(100svh - 64px));border-radius:0!important}
.mg-hero .o-ring-cap{color:#8fdccf}
.o-rolle{white-space:normal;font-size:clamp(11px,2.2cqi,14px)}
.o-ring>.o-node img{width:clamp(44px,12cqi,72px)!important;height:clamp(44px,12cqi,72px)!important;object-fit:contain}
/* Forside: Produktjournal-kortet ligger UNDER fotoet, aldrig oven på (Design-retning 17:52: ingen kort oven på billedet) */
@media(min-width:1100px){.hero>.wrap.hw{grid-template-rows:auto auto;align-items:start}.hero .ht{grid-row:1 / span 2!important;align-self:center}.hero .hr-ph{grid-row:1!important;align-self:end}
 .hero figure.pj{position:relative!important;grid-column:2!important;grid-row:2!important;justify-self:start;align-self:start;margin:16px 0 0!important;width:min(380px,100%)!important}}
@media(max-width:1099px){.hero figure.pj{margin:16px auto 0!important}}
/* /log-ind: fotopanelet følger med i viewporten, så overskriften altid kan ses */
@media(min-width:900px){.gate .lp{position:sticky!important;top:0;height:calc(100svh - 64px);min-height:0!important;align-self:start}}
.hero figure.pj{transform:none!important;translate:none!important;animation:none!important}
.gate .lp{padding:clamp(28px,4vw,64px)!important;box-sizing:border-box}
.hero figure.pj{transition:none!important}
/* /min-aerlige-forklaring: portræt i kolonne 2, aldrig bag teksten */
.mg-hero.hero>.wrap.hw>.crumb{grid-column:1 / -1}
.mg-hero.hero>.wrap.hw>.ph{position:relative!important;inset:auto!important;grid-column:2;grid-row:2;width:min(100%,410px)!important;height:auto!important;justify-self:center;border-radius:22px;overflow:hidden;-webkit-mask-image:none!important;mask-image:none!important}
.mg-hero.hero>.wrap.hw>.ph:before,.mg-hero.hero>.wrap.hw>.ph:after{display:none!important}
.mg-hero.hero>.wrap.hw>.ph img{width:100%;height:auto;display:block}
.mg-hero.hero>.wrap.hw>.ht{grid-row:2}
@media(max-width:1099px){.mg-hero.hero>.wrap.hw>.ph{grid-column:1;grid-row:3;width:min(100%,320px)!important}}
/* /min-aerlige-forklaring (Rune 2560): én ren heroflade, ingen indre kort/kant/skygge, brødkrumme øverst, portræt centreret top */
.mg-hero.hero>.wrap.hw>.crumb{grid-row:1!important}
.mg-hero.hero>.wrap.hw>.ph{box-shadow:none!important;border:0!important;outline:0!important;align-self:center}
.mg-hero.hero>.wrap.hw>.ph img{object-fit:cover;object-position:center top;aspect-ratio:4/5}
.mg-hero.hero:after{display:none!important}
.mg-hero.hero{box-shadow:none!important;border-bottom:0!important}
/* Pauseknappen ved sloganet: tydelig ikon på mørk header (alle sider) */
header .slogan-pause{color:#c9e6e1!important;border-color:rgba(143,220,207,.6)!important;background:transparent!important}
header .slogan-pause svg{fill:currentColor}
.mg-hero.hero>.wrap.hw>.ht{grid-row:2!important;align-self:center}.mg-hero.hero>.wrap.hw>.ph{grid-row:2!important}
/* /medier: ens P1-mediekort (Design KORT-SPEC 15.10) */
a.mkort{display:block;background:#fff!important;border:1px solid #dfe8e8!important;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(12,31,43,.08)!important;text-decoration:none;color:inherit;transition:border-color .15s}
a.mkort:hover,a.mkort:focus-visible{border-color:#137a72!important}
a.mkort>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0c1f2b}
a.mkort>.mkort-b{padding:20px 24px!important}
/* Forside 15.10: ingen global html-zoom (gammel regel i responsiv.css skalerede op til 2x og klippede indhold i Edge); containeren klarer store skærme */
html{zoom:1!important}
.omni-login-cta{box-sizing:border-box;width:calc(100% - 2 * var(--o-pad))!important;max-width:calc(var(--o-max) - 2 * var(--o-pad))!important;margin-left:auto!important;margin-right:auto!important}
.omni-login-cta a:last-child,.omni-login-cta .btn,.omni-login-cta a[href*="log-ind"]{background:#0b5e5a!important;border-color:#0b5e5a!important;color:#fff!important}
.omni-login-cta a[href*="log-ind"]:hover{background:#137a72!important}

/* K&S 15.10: header må aldrig klippes – målt med getBoundingClientRect */
header.hd .hdi{min-width:0;max-width:100%;box-sizing:border-box}
header.hd .hdi>*{min-width:0}
@media(max-width:420px){header.hd .hdi{gap:6px!important;padding-left:12px!important;padding-right:12px!important}
 header.hd .wm3-l,header.hd .hdi img[src*="logo-f"]{width:132px!important;height:auto!important}
 header.hd .wm3-t,header.hd .slogan,header.hd .slogan-pause{display:none!important}
 .o-menuknap{padding:0 10px!important;gap:6px!important;flex-shrink:0}}
/* Rollesider: kun den fælles footer; demo-ansvarsfraskrivelsen som dæmpet linje øverst (Design 15.10) */
footer.of .of-demo{max-width:var(--o-max,1240px);margin:0 auto;padding:14px var(--o-pad,20px);border-bottom:1px solid rgba(143,220,207,.2);color:#c9e6e1;font:400 13px/1.5 Inter,system-ui,sans-serif}
footer.of .of-demo p{margin:0 0 4px}footer.of .of-demo a{color:#8fdccf;text-decoration:underline}
/* Tekniker: Reparér/Udskift-kortene må ikke blive bredere end skærmen ved 390 */
.gr-valg{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:12px;min-width:0;max-width:100%}
.gr-valg label{min-width:0!important;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
/* Design responsiv-v2 FIX C: alle 7 modulnoder ens 56 px, label altid lige under ikonet */
.o-ring>.o-node>a{display:flex!important;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.o-ring>.o-node img{width:56px!important;height:56px!important;object-fit:contain;display:block}
.o-ring>.o-node img{flex:0 0 56px;min-width:56px;max-width:none!important;transform:none!important}
.o-ring>.o-node span{display:block;line-height:1.2;white-space:nowrap}
/* Produktjournal-kortet: ≥1100 overlapper fotoets nederste venstre hjørne 30 px – aldrig teksten */
@media(min-width:1100px){.hero>.wrap.hw{column-gap:max(56px,4vw)!important}.hero figure.pj{margin:-30px 0 0 -30px!important;z-index:2}}
/* Ikon-popover: placeres ved knappen af ikon-popover.js */
.ikf-txt:empty{display:none!important}
/* /api: H1 flugter med logo og container (ikon over overskriften) */
.api-h{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
@media(min-width:1100px){.hero>.wrap.hw{row-gap:0!important}}
/* /api: hero-grafik (Design api-B, moduler på bus) i højre kolonne; under teksten på mobil */
.api-graf{margin:24px 0 0;min-width:0}
.api-graf img{display:block;width:100%;height:auto;border-radius:16px}
@media(min-width:1100px){.mg-api .api-w{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:center}
 .mg-api .api-w>*:not(.api-graf){grid-column:1}.mg-api .api-w>.api-graf{grid-column:2;grid-row:1 / span 4;margin:0}}