/* Logo F (Designs SVG) + mørkegrøn headerbjælke. Rune 15.10. */
.wm.wm3{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;line-height:1}
.wm3-l{display:block;width:168px;height:40px}
.wm3-s{font-size:11.5px;font-style:italic;letter-spacing:.01em;padding-left:48px;white-space:nowrap}
.wm3-m .wm3-s{color:#dce9ff}
.wm3-l + .wm3-s{transition:opacity .6s}.wm3-s.ud{opacity:0}
.wm3-l{}.wm3-l:only-child{}
.ft .wm3-s{color:#3e4947}
/* Mørk header */
.hd{background:linear-gradient(160deg,#0b1c30,#005c55)!important;color:#f8f9ff}
.hd .hdi{background:transparent}
.hd nav a.t{color:#dce9ff!important}
.hd nav a.t:hover{background:rgba(229,238,255,.12)!important;color:#f8f9ff!important}
.hd nav a.t[aria-current="page"]{color:#8fe3d6!important;box-shadow:inset 0 -2px 0 #8fe3d6!important}
.hd nav a.t.esgk{border-color:#8fe3d6!important;color:#8fe3d6!important}
.hd .sep{background:rgba(229,238,255,.3)!important}
.hd .nb{background:#f8f9ff!important;color:#005c55!important;font-weight:600;border-radius:12px}
.hd .nb:hover{background:#e5eeff!important}
.hd .mnav{background:transparent!important;border-color:rgba(229,238,255,.2)!important}
.hd .mnav a{color:#dce9ff!important}
.hd .mnav a.esgk{color:#8fe3d6!important}
.hd .mnav a[aria-current="page"]{color:#8fe3d6!important}
.hd a:focus-visible,.hd button:focus-visible{outline:3px solid #8fe3d6!important;outline-offset:2px}
.hd .omni-konto{background:#f8f9ff!important;color:#005c55!important;border-color:#f8f9ff!important}
.hd .omni-login-knap{color:#dce9ff!important}
.slogan-pause{color:#3e4947}
@media (max-width:899px){.wm3-l{width:140px;height:33px}.wm3-s{padding-left:40px;font-size:10.5px}}
@media (max-width:380px){.wm3-s{display:none}}
.ft .slogan-pause{display:block;margin-top:10px}.ft .wm.wm3{margin-bottom:4px}
/* Mobilmenu: ingen vandret scroll – menupunkter ombrydes */
.mnav .wrap{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;padding-right:0!important;gap:0 2px!important;row-gap:0!important}
.mnav a{padding:8px 8px!important;min-height:44px}
@media(max-width:899px){.hd .hdi nav .t{display:none}}

/* Pauseknap for slogans (15.10): diskret rund glasknap, 24px, synlig fokusring */
.slogan-pause,header .slogan-pause{box-sizing:border-box;flex:none;display:inline-grid!important;place-items:center;width:24px;height:24px;min-height:24px!important;padding:0!important;margin:0 0 2px -4px!important;align-self:flex-end;border-radius:50%!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e8f1f0!important;cursor:pointer;font-size:0;line-height:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.slogan-pause:hover{background:rgba(255,255,255,.22)!important}
.slogan-pause:focus-visible{outline:2px solid #8fdccf!important;outline-offset:2px}
.slogan-pause[aria-pressed=true]{background:rgba(143,220,207,.22)!important;border-color:#8fdccf!important}
.slogan-pause svg{display:block}
/* Slogan skal kunne ses helt: 375 → 1440 */
.wm3-s{white-space:nowrap;overflow:visible}
@media(max-width:480px){.wm3-s{display:block!important;font-size:10px!important;padding-left:40px!important}}
@media(max-width:340px){.wm3-s,.slogan-pause{display:none!important}}
.sp-rel{position:relative}.slogan-pause.sp-abs{position:absolute!important;margin:0!important}
.sp-rel>.wm3,.sp-rel>.wm2{margin-right:34px!important}.slogan-pause{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important}
@media(max-width:480px){.sp-rel>.wm3,.sp-rel>.wm2{margin-right:28px!important}.hd .hdi.sp-rel{column-gap:6px}}
/* Slogan v3 (15.10): krydsfade, reserveret bredde, lille inline pauseknap */
.slogan.sl-x{display:inline-grid!important;grid-template-areas:"s";white-space:nowrap;overflow:visible!important;padding-left:0!important}
.slogan.sl-x .sl-i{grid-area:s;opacity:0;transition:opacity .9s ease}
.slogan.sl-x .sl-i.on{opacity:1}
@media(prefers-reduced-motion:reduce){.slogan.sl-x .sl-i{transition:none}}
.sl-box{display:inline-flex;flex-direction:column;align-items:flex-start;flex:none;min-width:0}
.sl-box>a{margin-right:0!important}
.sl-row{display:inline-flex;align-items:center;gap:6px;padding-left:48px;margin-top:2px;min-height:20px}
.sl-row .slogan{padding-left:0!important}
.sp-rel>.wm3,.sp-rel>.wm2{margin-right:0!important}
.slogan-pause,header .slogan-pause{position:static!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;margin:0!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:50%!important;border:1px solid rgba(220,233,233,.35)!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;color:#cfe3e3!important;opacity:.85}
.slogan-pause:hover{opacity:1;background:rgba(255,255,255,.08)!important}
.slogan-pause:focus-visible{outline:2px solid #8fdccf!important;outline-offset:2px;opacity:1}
.slogan-pause[aria-pressed=true]{border-color:#8fdccf!important;color:#8fdccf!important}
@media(max-width:480px){.sl-row{padding-left:40px}.sl-row .slogan-pause{display:none!important}}
@media(max-width:340px){.sl-row{display:none}}
@media(max-width:899px){.sl-row{padding-left:40px}}
/* Kontrast (15.10): slogan og pauseknap lyse og fuldt dækkende på mørk header */
header .slogan.sl-x,header .slogan.sl-x .sl-i,header .wm3-s{color:#c9e6e1!important}
header .slogan.sl-x .sl-i.on{opacity:1}
.slogan-pause,header .slogan-pause{color:#c9e6e1!important;border-color:rgba(201,230,225,.7)!important;opacity:1!important}

/* Sekventiel fade (15.10): ud på 450ms, ind efter 500ms – ingen overlap; slogans stablet i samme celle, så bredden er fast */
.slogan.sl-x .sl-i{transition:opacity .45s ease!important}
@media(prefers-reduced-motion:reduce){.slogan.sl-x .sl-i{transition:none!important}}

span.slogan,.slogan{font-style:normal}