@import url("/assets/vendor/fonts-608e4e8a.css");
/* App-skal ≤768px for indloggede sider (proeve 15.10). Kun aktiv når html.as-on (sat af app-shell.js). */
.as-top,.as-bund,.as-ark,.as-guide{display:none}
html.as-on .as-top{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:70;min-height:52px;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;background:#0c1f2b;color:#fff;box-shadow:0 1px 0 rgba(143,220,207,.2)}
html.as-on .as-maerke{width:28px;height:28px}
html.as-on .as-rolle{font:700 16px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.as-on .as-sp{flex:1}
html.as-on .as-skift,html.as-on .as-prof{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 12px;border-radius:999px;border:1px solid rgba(143,220,207,.55);background:rgba(255,255,255,.06);color:#fff;font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
html.as-on .as-prof{padding:0}
html.as-on .as-top img:not(.as-maerke){width:22px;height:22px}
html.as-on :is(.as-skift,.as-prof):focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
/* skjul de gamle bjælker på mobil */
html.as-on :is(header.hh,header.ak-hd,.ak-header,.rs-bar,.rolleskift,nav.rs-tabs,nav.hnav,nav.bud-tabs,.rs-skift,nav.rskift,nav.v2nav){display:none!important}
html.as-on body>header.hd{display:none!important}
html.as-on .demo-bar,html.as-on .ak-demo{display:block;padding:2px 12px!important;font-size:11px!important;line-height:18px!important;letter-spacing:.04em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0!important;text-align:center;background:#e6f2f0!important;color:#0c1f2b!important}
/* bundnavigation */
html.as-on .as-bund{display:grid;box-sizing:border-box;height:calc(var(--as-bund) + env(safe-area-inset-bottom));align-items:center;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(12,31,43,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(143,220,207,.25)}
html.as-on .as-bund>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:2px;border:0;border-radius:12px;background:transparent;color:#c9e6e1;text-decoration:none;font:600 11.5px/1.15 Inter,system-ui,sans-serif;cursor:pointer;text-align:center}
html.as-on .as-bund img{width:26px;height:26px;padding:3px;border-radius:9px;background:rgba(255,255,255,.1);box-sizing:content-box}
html.as-on .as-bund [aria-current]{color:#fff;background:rgba(143,220,207,.16)}
html.as-on .as-bund>*:focus-visible{outline:2px solid #8fdccf;outline-offset:-2px}
html.as-on{--as-bund:64px}
html.as-on body{padding-bottom:calc(var(--as-bund) + env(safe-area-inset-bottom))!important}
html.as-on footer.of .of-demo{display:none!important}
html.as-on :is(section,article,.ak-card,.gr-kort,[id]){scroll-margin-top:64px}
/* chatboble over bundnavigationen */
html.as-on .oa-fab{bottom:calc(var(--as-bund) + 16px + env(safe-area-inset-bottom))!important;right:16px!important;width:48px;height:48px;min-height:48px!important;padding:0!important;justify-content:center;font-size:0!important;gap:0!important}
html.as-on .oa-fab-i{width:32px;height:32px}
/* bundark */
html.as-on .as-ark:not([hidden]){display:block;position:fixed;inset:0;z-index:90}
.as-bag{position:absolute;inset:0;background:rgba(12,31,43,.55)}
.as-boks{position:absolute;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;background:#fff;color:#0c1f2b;border-radius:20px 20px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px rgba(12,31,43,.3)}
.as-ark-hd{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.as-ark-t{margin:0;font:700 18px/1.2 Inter,system-ui,sans-serif;color:#0c1f2b}
.as-luk{min-width:44px;min-height:44px;border:0;border-radius:999px;background:#e6f2f0;color:#0c1f2b;font-size:24px;cursor:pointer}
.as-liste{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.as-liste a,.as-liste button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;border:1px solid #dfe8e8;border-radius:12px;background:#fff;color:#0c1f2b;text-decoration:none;font:600 16px/1.3 Inter,system-ui,sans-serif;cursor:pointer;text-align:left}
.as-liste [aria-current]{background:#0b5e5a;border-color:#0b5e5a;color:#fff}
.as-liste :is(a,button):focus-visible,.as-luk:focus-visible{outline:2px solid #0b5e5a;outline-offset:2px}
.as-navn{margin:0 0 8px;color:#4f6168;font:500 14px/1.4 Inter,system-ui,sans-serif}
html.as-laast{overflow:hidden}
/* hjemmeskærm-guide */
html.as-on .as-guide{display:flex;align-items:center;gap:10px;position:fixed;left:12px;right:12px;bottom:calc(var(--as-bund) + 76px + env(safe-area-inset-bottom));z-index:75;padding:10px 12px;border-radius:14px;background:#fff;color:#0c1f2b;box-shadow:0 8px 24px rgba(12,31,43,.25);border:1px solid #dfe8e8}
.as-guide p{margin:0;flex:1;font:400 14px/1.4 Inter,system-ui,sans-serif}
.as-ginst{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#0b5e5a;color:#fff;font:600 14px/1 Inter,system-ui,sans-serif}
.as-gluk{min-width:40px;min-height:40px;border:0;border-radius:999px;background:#e6f2f0;color:#0c1f2b;font-size:20px}
/* stor scanner-knap på landingssiderne */
.as-scanstor{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 18px;border-radius:16px;background:#0b5e5a;color:#fff!important;text-decoration:none;max-width:420px;box-shadow:0 6px 18px rgba(11,94,90,.3)}
.as-scanstor b{display:block;font:700 18px/1.2 Inter,system-ui,sans-serif}.as-scanstor small{display:block;font:500 14px/1.3 Inter,system-ui,sans-serif;color:#e6f2f0}
.as-scanstor:hover{background:#137a72}.as-scanstor:focus-visible{outline:3px solid #8fdccf;outline-offset:2px}
.as-scanhint{margin:8px 0 0;max-width:420px;font:400 13px/1.45 Inter,system-ui,sans-serif;color:#4f6168}.mg-hero .as-scanhint{color:#c9e6e1}
/* Design 15.10: chatknappen må ikke dække heroens knaprækker på mobil */
html.as-on :is(.pl-ctas,.gr-hero .gr-links,.mg-hero .gr-links,.hw .cta,.hw .ctas,[class*="hero"] [class*="cta"],.ak-hero .ak-knapper){padding-right:64px!important;box-sizing:border-box}
html.as-on .mg-hero .as-scanstor{margin-right:64px}
/* Kanal pwa 16.10: ingen overflow ved 360, Hanken Grotesk i H1–H3 (efter omni-premium.css' inherit!important), 44 px trykflader også på desktop */
html.as-on .as-top{box-sizing:border-box;width:100%;max-width:100vw;overflow:hidden}
html.as-on .as-rolle{min-width:0;flex:0 1 auto}
html.as-on .as-sp{min-width:0}
html.as-on .as-maerke{flex:0 0 28px}
html.as-on :is(.ak-demo,.demo-bar){box-sizing:border-box;max-width:100vw}
html:root body :is(h1,h2,h3):not(.ms):not(.as-ark-t):not(#as-x1):not(#as-x2){font-family:"Hanken Grotesk",Inter,system-ui,sans-serif!important}
html:root body{--pr-display:"Hanken Grotesk",Inter,system-ui,sans-serif;--lv-display:"Hanken Grotesk",Inter,system-ui,sans-serif}
html:root body :is(.gr-btn,.gr-job,.ak-btn,.pl-cta2,.rg-form select,.rg-form input:not([type=checkbox]):not([type=radio]),.gr-links a,.gr-felt select,.gr-felt input:not([type=checkbox]):not([type=radio])){min-height:44px!important;box-sizing:border-box}
html:root body .pl-cta2{display:inline-flex;align-items:center}
html:root body .gr-links a.gr-btn,html:root body a.gr-btn{display:inline-flex;align-items:center;justify-content:center}
html.as-on main{max-width:100vw;overflow-x:clip}
@media(max-width:600px){html:root body .gr-valg{grid-template-columns:1fr!important}html:root body .gr-valg label{min-width:0;overflow-wrap:anywhere}}
html:root body main :is(a[class*="btn"],a[class*="cta"],button,select,input:not([type=checkbox]):not([type=radio]),.gr-links a,.ak-card-link,a.pl-cta2):not(#as-x1):not(#as-x2){min-height:44px!important;box-sizing:border-box}
html:root body main :is(a[class*="btn"],a[class*="cta"],.gr-links a):not(#as-x1):not(#as-x2){display:inline-flex;align-items:center}
/* home-f.css zoomer html til .9 ved 1024–1699 px; 49 px CSS = 44 px på skærmen */
@media(min-width:1024px) and (max-width:1699px){html:root body main :is(a[class*="btn"],a[class*="cta"],button,select,input:not([type=checkbox]):not([type=radio]),.gr-links a,a.pl-cta2):not(#as-x1):not(#as-x2){min-height:49px!important}}

/* Design 16.10 (kanal pwa-app): rolleskift-bjælken/-knappen er væk i alle bredder; Skift rolle ligger i Menu */
#rskift,nav.rskift,.ak-rs,.ak-rs-b,.rs-skift{display:none!important}
.as-dprof{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(143,220,207,.55);background:rgba(255,255,255,.06);color:#fff;font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;margin:0 8px}
.as-dprof img{width:20px;height:20px}
.as-dprof:focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
html.as-on .as-dprof{display:none}
/* solid baggrund, så kontrasten holder uanset headerens gradient (≥ 4.5:1) */
html:root body .as-dprof,html:root body .as-dprof span{color:#fff!important}
html:root body .as-dprof{background:#0b5e5a!important;border-color:#8fdccf!important}
.as-dprof-ik{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html:root body .as-dprof.as-lys,html:root body .as-dprof.as-lys span{color:#0b5e5a!important}
html:root body .as-dprof.as-lys{background:#fff!important;border-color:#0b5e5a!important}
@media(min-width:769px){html:root body .as-dgemt{display:none!important}}
/* Design 16.10: "Log ud" i headeren havde 2,22:1 – solid baggrund giver 7:1 */
html:root body :is(.ak-header,header.hh,header.top) :is(#ud,#rs-ud){background:#0b5e5a!important;color:#fff!important;border:1px solid #8fdccf!important}
/* bundark som dialog i midten på desktop */
@media(min-width:769px){.as-ark:not([hidden]){display:block;position:fixed;inset:0;z-index:90}.as-ark .as-boks{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(440px,92vw);border-radius:20px;padding:8px 16px 16px;box-shadow:0 20px 48px rgba(12,31,43,.35)}}
/* pil tilbage på undersider */
html.as-on .as-tilbage{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;border-radius:999px;color:#fff;text-decoration:none;font:700 22px/1 Inter,system-ui,sans-serif;background:rgba(255,255,255,.06);border:1px solid rgba(143,220,207,.55)}
html.as-on .as-tilbage:focus-visible{outline:2px solid #8fdccf;outline-offset:2px}
.as-tilbage{display:none}
html.as-on .as-top .as-tilbage+.as-maerke{display:none}

/* demoorg: skillelinje i Menu */
.as-liste .as-sep{height:0;border-top:1px solid #dfe8e8;margin:6px 4px}
/* demoorg v3: Tilbage-tekst i topbjælken og på desktop (/demo-forening) */
.as-tilbage .as-tilbage-t{margin-left:4px;font-weight:600}
html.as-on .as-tilbage:has(.as-tilbage-t){flex:0 0 auto;padding:0 12px;font-size:16px}
.as-dtilbage{display:inline-flex;align-items:center;min-height:var(--tap,44px);padding:0 12px;margin-left:8px;color:inherit;font-weight:600;text-decoration:none;border-radius:999px}
.as-dtilbage:focus-visible{outline:2px solid currentColor;outline-offset:2px}
html.as-on .as-dtilbage{display:none}