/* F-stil for demo/ og typeskilt/ – kun udseende; markup og scripts uændret. */
:root{--ivory:#f6f9f9;--ink:#0f1f3d;--navy:#0f1f3d;--gold:#0b5f58;--gold-xl:#e8f1f0;--line:#d6e4e2;--line-2:#d9d0c0;--paper:#fff;--muted:#5b6478;--r:12px;--shadow:0 1px 2px rgba(15,31,61,.04);--gold-grad:linear-gradient(135deg,#0b5e5a,#0b5e5a);--f-mono:'Inter',system-ui,sans-serif;--cr:#f6f9f9}
body{background:var(--ivory)}
/* Demo-banner: tynd, rolig linje */
.demo-banner{height:28px;background:var(--navy);color:#d6e4e2;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.2em}
/* Topbar som F-header */
.top{background:rgba(232,241,240,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top::after{display:none}
.top-in{max-width:1200px;padding:12px 24px;min-height:64px;box-sizing:border-box}
.brand.wmf{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;color:var(--navy);min-height:44px}
.brand.wmf b{font:500 22px/1 "Hanken Grotesk",sans-serif;letter-spacing:.32em;margin-right:-.32em}
.brand.wmf small{font:600 8.5px/1 Inter,sans-serif;letter-spacing:.42em;margin-top:5px;color:var(--navy)}
.brand.wmf small:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:4px;vertical-align:1px}
.stepper li{font:500 11.5px/1 Inter,sans-serif;letter-spacing:.12em;border-radius:999px}
.stepper li .n{border-width:1px}
.stepper li.now{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.stepper li.now .n{border-color:var(--gold);box-shadow:none}
/* Undernavigation: Stripe-agtige faner med guld-understregning */
.subnav{background:transparent;border-top:1px solid var(--line)!important;border-bottom:0!important}
.subnav-in{max-width:1200px!important;padding:0 24px!important;gap:4px!important}
.subnav a{font:500 14px/1 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;background:none!important;border:0!important;border-radius:0!important;min-height:46px;display:inline-flex;align-items:center;padding:0 12px!important;box-shadow:inset 0 -2px 0 transparent}
.subnav a:hover{color:var(--navy)!important}
.subnav a[aria-current],.subnav a.on,.subnav a.active,.subnav a[aria-current="page"]{color:var(--navy)!important;box-shadow:inset 0 -2px 0 var(--gold)!important}
/* Brugerknapper i toppen */
.topbruger a,.topbruger button{border-radius:8px!important;font:500 13px Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.topbruger .bookknap{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.omni-ts-bar a{border-radius:8px!important;font:500 14px Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* Typeskilt: login-bjælke (inline styles) i F-stil og max bredde */
#omni-ts-top{background:rgba(232,241,240,.95)!important;border-bottom:1px solid var(--line)!important;font:500 14px Inter,sans-serif!important;padding:8px max(16px,calc((100% - 1200px)/2 + 24px))!important;box-sizing:border-box}
#omni-ts-top a{flex:0 1 auto!important;padding:0 16px!important;border-radius:8px!important;border-color:var(--line-2)!important;background:#fff}
#omni-ts-top a:hover{border-color:var(--navy)!important}
#omni-ts-top button{margin-left:auto;border-radius:8px!important;background:transparent!important}
@media(max-width:600px){#omni-ts-top a{flex:1 1 auto!important}}
/* Typografi */
h1{font-family:"Hanken Grotesk",sans-serif;font-size:clamp(28px,3.6vw,44px)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:600}
h2{letter-spacing:-.02em}
.eyebrow,.kicker,.ey{font-family:Inter,sans-serif!important;letter-spacing:.2em!important;color:var(--gold)!important;font-weight:600!important}
/* Kort og knapper */
.card{border-radius:12px;border-color:var(--line);box-shadow:none;transition:box-shadow .2s,border-color .2s}
a.card:hover,.card a:hover{border-color:#137a72}
.btn{border-radius:8px;font-weight:500;letter-spacing:0}
.btn.primary{box-shadow:none}.btn.primary:hover{background:#1b2d52}
.btn.gold{background:var(--gold);color:#fff;box-shadow:none}
.btn.secondary{border-width:1px}
.btn.big{min-height:56px}
input,select,textarea{border-radius:8px}
/* Sidefod */
.foot{background:transparent;border-top:1px solid var(--line)}
.foot-in{max-width:1200px}
.foot .off{font:500 11px/1 Inter,sans-serif;letter-spacing:.14em}
.foot nav a{text-decoration:none!important;border-bottom:1px solid var(--line-2);min-height:44px}
.foot nav a:hover{color:var(--gold)}
@media(max-width:600px){.top-in{padding:8px 16px;min-height:56px}.brand.wmf b{font-size:19px}}

/* fra sideopt */
@media(min-width:601px){.omni-ts-bar{display:flex;justify-content:flex-start}.omni-ts-bar a{min-height:40px;display:inline-flex;align-items:center}}
@media(max-width:600px){.omni-ts-bar{padding:8px 12px!important}.omni-ts-bar a{min-height:44px!important}}
@media(min-width:1700px){.top,.foot{max-width:none}}