@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/IBMPlexSans-Regular.woff) format('woff')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/IBMPlexSans-Medium.woff) format('woff')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/IBMPlexSans-SemiBold.woff) format('woff')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/IBMPlexSans-Bold.woff) format('woff')}
:root{--bg:#ffffff;--ink:#17231c;--mute:#55655b;--panel:#f1f5f2;--dark:#1e4d3a;--on-dark:#f2f6f3;--line:#d3ddd6;--sig:#5aa57a;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1a14;--ink:#e4ede7;--mute:#9db3a5;--panel:#17251d;--dark:#0b1510;--line:#2b3d33}}
:root[data-theme="dark"]{--bg:#0f1a14;--ink:#e4ede7;--mute:#9db3a5;--panel:#17251d;--dark:#0b1510;--line:#2b3d33}
*{box-sizing:border-box}
html{scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Barlow,system-ui,sans-serif}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:1.02;margin:0;font-weight:700}
a{color:inherit}
:focus-visible{outline:3px solid var(--sig);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--dark);color:var(--on-dark)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:56px;flex-wrap:wrap;padding-block:8px}
.logo{font:700 24px 'Barlow Condensed',sans-serif;text-decoration:none;letter-spacing:.02em}
.logo b{color:var(--sig)}
.logo{display:inline-flex;align-items:center;gap:9px}
.logo .mark{width:48px;height:46px;flex:none}
nav{display:flex;gap:4px 18px;flex-wrap:wrap;font-weight:500;font-size:15px}
nav a{text-decoration:none;opacity:.85;padding:4px 0;border-bottom:3px solid transparent}
nav a:hover{opacity:1}
nav a[aria-current="page"]{opacity:1;border-bottom-color:var(--sig)}
.hero{background:var(--dark);color:var(--on-dark);padding:64px 0 72px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(52px,9vw,104px)}
.hero p{max-width:46ch;color:#d2e3d8;margin:22px 0 28px;font-size:19px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;font-weight:600;text-decoration:none;background:var(--sig);color:#10241a;border:2px solid var(--sig)}
.btn.alt{background:transparent;color:inherit;border-color:currentColor}
.btn:hover{filter:brightness(1.08)}
.radar{width:100%;height:auto}
.facts{background:var(--sig);color:#10241a}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.facts div{padding:20px 0}
.facts strong{display:block;font:700 44px/1 'Barlow Condensed',sans-serif}
.facts span{font-weight:500;font-size:15px}
.page{padding:64px 0 80px}
.page h1{font-size:clamp(44px,7vw,76px);margin-bottom:28px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.cols p,.page p{margin:0 0 14px;max-width:62ch}
.lead{font-size:21px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:8px}
.card{background:var(--panel);border-top:6px solid var(--sig);padding:24px}
.card h3{font-size:28px;margin-bottom:8px}
.card p{margin:0 0 14px;color:var(--mute)}
.card a{font-weight:600}
.band{background:var(--panel);border-block:1px solid var(--line);padding:56px 0}
.band h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:18px}
dl.info{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0 0 28px;font-size:19px}
dl.info dt{font-weight:600}dl.info dd{margin:0}
.panel{background:var(--panel);border-left:6px solid var(--sig);padding:22px 26px;max-width:62ch}
footer{background:var(--dark);color:#a9c4b4;font-size:14px;padding:26px 0}
.scroll{overflow-x:auto;margin:0 0 12px}
table{border-collapse:collapse;width:100%;min-width:560px;background:var(--panel);font-variant-numeric:tabular-nums}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{background:var(--dark);color:var(--on-dark);font-weight:600}
td.r{text-align:right}
.page h2{font-size:34px;margin:40px 0 8px}
.blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:12px}
.blk{margin:0;background:var(--panel);border-top:6px solid var(--sig);padding:10px}
.blk img{display:block;width:100%;height:auto;background:#fff}
.blk figcaption{padding:10px 4px 2px;display:flex;flex-direction:column}
.blk figcaption strong{font:700 28px 'Barlow Condensed',sans-serif}
.blk .n{color:var(--mute);font-size:15px}
.topbar{background:var(--dark);color:var(--on-dark);font-size:14px;border-bottom:1px solid rgba(255,255,255,.15)}
.topbar .wrap{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-block:6px}
.topbar i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#9aa;vertical-align:baseline}
.topbar i.on{background:#6fd69a}
.winter{background:var(--sig);color:#10241a;font-weight:600;text-align:center;padding:9px 22px;font-size:15px}
.winter a{text-decoration:underline}
nav a.cta{background:var(--sig);color:#10241a;opacity:1;padding:4px 12px;border-bottom:0;font-weight:600}
nav a.cta[aria-current="page"]{outline:2px solid var(--on-dark);outline-offset:1px}
.terms h3{font-size:26px;margin:30px 0 6px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.fld{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.fld.full{grid-column:1/-1}
.fld label{font-weight:600;font-size:15px}
.fld input,.fld select,.fld textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-bottom:3px solid var(--dark);padding:11px 12px;border-radius:0;width:100%}
.result{background:var(--dark);color:var(--on-dark);padding:24px 26px;margin-top:8px;max-width:62ch}
.result strong{display:block;font:700 56px/1 'Barlow Condensed',sans-serif;color:var(--sig)}
.result span{font-size:15px;color:#d2e3d8}
.chk{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.chk input{width:20px;height:20px;accent-color:var(--dark)}
@media (max-width:820px){.fgrid{grid-template-columns:1fr}}
.pt{min-width:760px}
.pt th[colspan]{text-align:center}
.pt td.g{border-left:1px solid var(--line)}
.pt th.g{border-left:1px solid rgba(255,255,255,.28)}
.pt td:not(:first-child),.pt thead tr:nth-child(2) th{text-align:right}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:12px}
.gal figure{margin:0;background:var(--panel);border-top:6px solid var(--sig)}
.gal img{display:block;width:100%;height:230px;object-fit:cover;background:#ddd}
.gal figcaption{padding:9px 12px;font-size:15px;color:var(--mute)}
@media (max-width:820px){.gal img{height:auto}}
.note{color:var(--mute);font-size:15px;margin:0 0 14px}
@media (max-width:820px){
.hero .wrap,.cols,.cards{grid-template-columns:1fr}
.facts .wrap{grid-template-columns:1fr 1fr}
.radar{max-width:340px}
.page{padding:44px 0 56px}dl.info{grid-template-columns:1fr;gap:2px}dl.info dd{margin-bottom:12px}}

/* ===== moderne tema: hvid + trækul, grøn som accent ===== */
:root{--bg:#ffffff;--ink:#1b2326;--mute:#5a666b;--panel:#f3f5f5;--dark:#1b2326;--on-dark:#f4f6f6;--line:#e2e6e6;--sig:#3fae74;--brand:#045a32}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1315;--ink:#e8ecec;--mute:#9aa6aa;--panel:#171d20;--dark:#0a0d0e;--line:#283034;--brand:#1f8a54}}
header{background:#fff;color:#1b2326;border-bottom:1px solid #e2e6e6}
header .wrap{min-height:78px}
.logo img{display:block;height:60px;width:auto}
nav{font-size:15.5px}
nav a{color:#1b2326;opacity:.8;border-bottom:2px solid transparent}
nav a:hover{opacity:1}
nav a[aria-current="page"]{opacity:1;border-bottom-color:var(--brand)}
nav a.cta{background:#045a32;color:#fff;border-radius:8px;padding:8px 16px;opacity:1;border-bottom:0}
nav a.cta[aria-current="page"]{outline:2px solid #1b2326;outline-offset:2px}
.topbar{background:#1b2326}
.topbar i.on{background:#4cd08a}
.winter{background:#e8f4ed;color:#124a2c}
.btn{background:#045a32;border-color:#045a32;color:#fff;border-radius:8px;padding:14px 26px}
.btn:hover{filter:none;background:#03472a;border-color:#03472a}
.btn.alt{background:transparent;color:inherit;border-color:currentColor}
.btn.alt:hover{background:rgba(127,140,145,.14)}
.btn.light{background:#fff;color:#1b2326;border-color:#fff}
.btn.light:hover{background:#e9eded;border-color:#e9eded}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.big{font-size:20px;padding:16px 32px}
.hero2{position:relative;min-height:600px;display:flex;align-items:flex-end;color:#fff;background:#1b2326;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,22,.2) 0%,rgba(15,20,22,.5) 50%,rgba(15,20,22,.85) 100%)}
.hero-in{position:relative;padding-block:80px 64px}
.hero2 h1{font-size:clamp(54px,9vw,112px);line-height:.98}
.hero2 p{max-width:52ch;font-size:20px;color:#e7ecec;margin:22px 0 30px}
.facts{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.facts div{padding:30px 20px 30px 0}
.facts strong{color:var(--brand);font-size:54px}
.facts span{color:var(--mute);font-weight:500;font-size:15.5px}
.sec{font-size:clamp(34px,4.5vw,52px);margin:0 0 24px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tile{display:block;text-decoration:none;background:var(--panel);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,25,28,.16)}
.tile img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;background:#dfe3e3}
.tile div{padding:18px 20px 22px}
.tile h3{font-size:28px;margin-bottom:6px}
.tile p{margin:0;color:var(--mute);font-size:16px}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:20px}
.tool{display:block;text-decoration:none;background:var(--panel);border-radius:14px;padding:26px;transition:background .2s}
.tool:hover{background:#e8edec}
.tool h3{font-size:30px;margin-bottom:6px}
.tool p{margin:0 0 12px;color:var(--mute)}
.tool b{color:var(--brand);font-weight:600}
.callband{background:#1b2326;color:#fff;padding:60px 0}
.callband .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.callband h2{font-size:clamp(34px,4.5vw,52px);margin:0 0 6px}
.callband p{margin:0;color:#c3cccd}
.card{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:14px;background:var(--bg)}
.panel{border-left-color:#045a32;border-radius:0 12px 12px 0;background:var(--panel)}
.band{background:var(--panel);border-block:0}
.gal figure{border-top:0;border-radius:14px;overflow:hidden}
.blk{border-top:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.result{background:#1b2326;border-radius:14px}
.result strong{color:#4cd08a}
.fld input,.fld select,.fld textarea{border-radius:8px;border:1px solid var(--line);border-bottom:1px solid var(--line)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid #045a32;outline-offset:1px}
.chk input{accent-color:#045a32}
.scroll{border-radius:10px}
footer{background:#1b2326}
@media (max-width:820px){.tiles,.tools{grid-template-columns:1fr}.hero2{min-height:520px}.hero-in{padding-block:56px 44px}.logo img{height:48px}header .wrap{min-height:64px}}
@media (min-width:821px) and (max-width:1020px){.tiles{grid-template-columns:repeat(2,1fr)}}
.callfab{display:none}
@media (max-width:820px){.callfab{display:flex;align-items:center;justify-content:center;gap:10px;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;background:#045a32;color:#fff;text-decoration:none;font-weight:600;font-size:18px;padding:15px 20px;border-radius:12px;box-shadow:0 6px 20px rgba(10,20,15,.35)}.callfab:active{background:#03472a}footer{padding-bottom:96px}}
@media print{.callfab{display:none!important}}

/* betonguide */
.gpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:8px 0 20px}
.gpick button{font:inherit;font-weight:600;text-align:left;padding:14px 16px;background:var(--panel);color:var(--ink);border:2px solid transparent;border-radius:10px;cursor:pointer}
.gpick button:hover{border-color:var(--line)}
.gpick button[aria-pressed="true"]{border-color:#045a32;background:var(--bg);box-shadow:0 0 0 1px #045a32 inset}
.gres{background:var(--panel);border-radius:14px;padding:24px;margin-bottom:8px}
.gres h2{margin:0 0 12px!important}
.gres dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 14px}
.gres dt{color:var(--mute)}.gres dd{margin:0;font-weight:600}
.gres .gnote{margin:0 0 14px;max-width:62ch}
.ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.gc{background:var(--panel);border-radius:12px;padding:18px}
.gc h3{font-size:24px;margin-bottom:4px}.gc p{margin:0}
.glist{max-width:62ch;padding-left:20px}.glist li{margin-bottom:8px}
@media (max-width:520px){.gres dl{grid-template-columns:1fr}.gres dt{margin-top:6px}}

/* prisberegner */
.ptab{border-collapse:collapse;width:100%;max-width:62ch;margin-top:14px}
.ptab td{padding:8px 4px;border-bottom:1px solid var(--line)}
.ptab td:last-child{text-align:right;white-space:nowrap}
.ptab .tot td{font-weight:700;border-bottom:0}

/* menu-grupper */
.ng{position:relative}
.ng>button{font:inherit;color:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:4px 14px 4px 0;opacity:.8;cursor:pointer;position:relative}
.ng>button::after{content:"";position:absolute;right:2px;top:50%;width:5px;height:5px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg)}
.ng>button:hover,.ng.open>button{opacity:1}
.ng.cur>button{opacity:1;border-bottom-color:var(--brand)}
.nd{display:none;position:absolute;top:100%;left:-12px;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:30;flex-direction:column}
.ng.open .nd{display:flex}
.nd a{padding:9px 12px;border-bottom:0!important;border-radius:6px;white-space:nowrap;opacity:1}
.nd a:hover{background:var(--panel)}
.nd a[aria-current="page"]{color:#045a32;font-weight:600}
@media (hover:hover) and (min-width:821px){.ng:hover .nd{display:flex}}
@media (max-width:820px){.nd{position:static;box-shadow:none;border:0;background:none;padding:0 0 0 12px;min-width:0}}

/* mørk tilstand: ret hårdkodede lyse farver */
:root{--hover:#e8edec}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hover:#222b2f;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f1315;--ink:#e8ecec;--mute:#9aa6aa;--panel:#171d20;--dark:#0a0d0e;--line:#283034;--brand:#1f8a54;--hover:#222b2f;color-scheme:dark}
header{background:var(--bg);color:var(--ink);border-bottom-color:var(--line)}
nav a{color:var(--ink)}
nav a.cta{color:#fff}
nav a.cta[aria-current="page"]{outline-color:var(--ink)}
.tool:hover{background:var(--hover)}
.nd{background:var(--bg);border-color:var(--line)}
.nd a:hover{background:var(--panel)}
.nd a[aria-current="page"]{color:var(--brand)}
.ng.cur>button,nav a[aria-current="page"]{border-bottom-color:var(--brand)}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .winter{background:#14261c!important;color:#8fd4ae!important}:root:not([data-theme="light"]) .winter a{color:inherit}}
:root[data-theme="dark"] .winter{background:#14261c!important;color:#8fd4ae!important}

/* nyt logo */
.lsvg{display:block;height:44px;width:auto}
.lsvg .li{fill:var(--ink)}.lsvg .lg{fill:var(--brand)}
@media (max-width:820px){.lsvg{height:32px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lsvg .lg{fill:#2fa56a}}
:root[data-theme="dark"] .lsvg .lg{fill:#2fa56a}

/* scroll-animation */
.js .rv{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.rv-in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;translate:none;transition:none}}

.fbrow{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;margin-top:28px;padding:22px 26px;background:var(--panel);border-radius:14px}
.fbrow p{margin:0;max-width:52ch;font-weight:500}

/* skriftprøve */
html[data-font] body,html[data-font] button,html[data-font] input,html[data-font] select,html[data-font] textarea{font-family:'IBM Plex Sans',system-ui,sans-serif}
html[data-font] h1,html[data-font] h2,html[data-font] h3,html[data-font] .facts strong,html[data-font] .blk figcaption strong,html[data-font] .result strong,html[data-font] .logo{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.1}
html[data-font] .hero2 h1{font-size:clamp(40px,7vw,84px);line-height:1.04}
html[data-font] .page h1{font-size:clamp(34px,5.4vw,58px)}
html[data-font] .sec,html[data-font] .callband h2{font-size:clamp(28px,3.8vw,42px)}
html[data-font] .tile h3,html[data-font] .tool h3{font-size:24px}
html[data-font] .page h2{font-size:28px}
html[data-font] .facts strong{font-size:46px}
html[data-font] .result strong{font-size:46px}
html[data-font="caps"] h1,html[data-font="caps"] h2,html[data-font="caps"] h3,html[data-font="caps"] nav a,html[data-font="caps"] .ng>button,html[data-font="caps"] .btn,html[data-font="caps"] .tool b,html[data-font="caps"] th,html[data-font="caps"] legend,html[data-font="caps"] .fld label,html[data-font="caps"] .facts span{text-transform:uppercase}
html[data-font="caps"] h1,html[data-font="caps"] h2,html[data-font="caps"] h3{letter-spacing:.01em}
html[data-font="caps"] nav a,html[data-font="caps"] .ng>button,html[data-font="caps"] .btn,html[data-font="caps"] .tool b,html[data-font="caps"] .fld label{letter-spacing:.06em;font-size:.86em}
html[data-font="allcaps"] body,html[data-font="allcaps"] button,html[data-font="allcaps"] input,html[data-font="allcaps"] select,html[data-font="allcaps"] textarea{text-transform:uppercase;letter-spacing:.03em}
html[data-font="allcaps"] h1,html[data-font="allcaps"] h2,html[data-font="allcaps"] h3{letter-spacing:.01em}
html[data-font="allcaps"] nav a,html[data-font="allcaps"] .ng>button,html[data-font="allcaps"] .btn{letter-spacing:.06em;font-size:.86em}
html[data-font="allcaps"] .hero2 h1{font-size:clamp(34px,6vw,72px)}
.fsw{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;box-shadow:0 6px 20px rgba(0,0,0,.18);font:500 13px system-ui,sans-serif;display:flex;gap:8px;align-items:center}
.fsw select{font:inherit;text-transform:none;letter-spacing:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:5px 6px}
@media (max-width:820px){.fsw{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:28px}
.sechead .sec{margin:0 0 10px}
.sechead p{margin:0;color:var(--mute);max-width:48ch;font-size:18px}
.kick{display:block;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:10px}
.kick::before{content:"";display:inline-block;width:28px;height:3px;background:var(--brand);vertical-align:middle;margin-right:10px;border-radius:2px}
html[data-font] .tile h3{font-size:21px;overflow-wrap:anywhere}

/* hjørneprøve */
html[data-corners="sharp"] *:not(#dot):not(#dot *),html[data-corners="sharp"] *::before,html[data-corners="sharp"] *::after{border-radius:0!important}
html[data-corners="sharp"] .tile:hover{box-shadow:none}

/* leveringskort */
.lmap{margin-top:24px;background:var(--panel);color:var(--ink);padding:18px}
.lmap svg{display:block;width:100%;height:auto;max-width:520px;margin:0 auto}
.lmap .lcap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:0 0 10px}
.lmap .lin{font-size:15px;line-height:1.55;color:var(--mute);padding:12px 0 0;border-top:1px solid var(--line);margin-top:10px}
.lmap .lin b{color:var(--ink)}}

/* professionelt udtryk */
.hero2{max-width:1280px;width:calc(100% - 32px);margin:24px auto 0;min-height:540px;align-items:center}
.hero-shade{background:linear-gradient(90deg,rgba(15,20,22,.35),rgba(15,20,22,.05))}
.hero2 .hero-in{margin:0 0 0 clamp(16px,4vw,48px);width:fit-content;max-width:min(860px,calc(100% - 32px));padding:34px 38px 38px;background:rgba(14,18,20,.82)}
.hero2 .hero-in::before{content:"";display:block;width:48px;height:4px;background:var(--sig);margin-bottom:22px}
.hero2 h1{font-size:clamp(24px,3.4vw,46px);line-height:1.08}
.hero2 p{font-size:17px;margin:16px 0 26px}
.usp{background:var(--panel);margin-top:24px;padding:44px 0}
.usp .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 32px}
.usp .u{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.usp h3{font-size:14px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 6px;line-height:1.2}
.usp p{margin:0;font-size:14.5px;color:var(--mute);line-height:1.5}
.toolband{background:var(--panel);padding:64px 0 72px}
.toolband .tools{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(184px,1fr))}
.toolband .tool{padding:22px}
.toolband .tool h3{font-size:20px}
.toolband .tool,.toolband .tool:hover{background:var(--bg);border:1px solid var(--line)}
.toolband .tool:hover{border-color:var(--brand)}
footer.ft{background:#1b2326;color:#a9c4b4;padding:56px 0 22px;font-size:14.5px}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.ft h4{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:600 13px/1.2 'IBM Plex Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.ft h4::before{content:"";width:20px;height:3px;background:#3fae74}
.ft a{display:block;color:#a9c4b4;text-decoration:none;padding:4px 0}
.ft a:hover{color:#fff}
.ft a.ia{display:inline;padding:0}
.ft p{margin:0 0 14px;line-height:1.55}
.fbot{margin-top:36px;padding-top:18px;border-top:1px solid #2b3a33;font-size:13px;color:#7f9a8b}
@media (max-width:1020px){.usp .wrap,.fcols{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.hero2{width:100%;margin-top:0;min-height:0;padding-top:230px;align-items:flex-end}.hero2 .hero-in{margin:0;max-width:none;width:100%;padding:26px 20px 30px;overflow-wrap:anywhere}html[data-font] .hero2 .hero-in h1{font-size:7.6vw;overflow-wrap:normal}.hero-shade{background:linear-gradient(180deg,rgba(15,20,22,.1),rgba(15,20,22,.2))}.usp .wrap,.fcols{grid-template-columns:1fr}footer.ft{padding-bottom:96px}.toolband{padding:48px 0 56px}}

/* samme stil på undersider */
.view .page h1,.view.page h1{position:relative;padding-top:26px;font-size:clamp(30px,4.2vw,50px);line-height:1.08}
.view .page h1::before,.view.page h1::before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;background:var(--sig)}
.view .page h2:not(.sec),.view.page h2:not(.sec){display:flex;align-items:center;gap:12px}
.view .page h2:not(.sec)::before,.view.page h2:not(.sec)::before{content:"";flex:none;width:20px;height:3px;background:var(--sig)}
.gres h2::before{display:none}
.gres h2{display:block!important}
.panel{background:var(--panel);border-left:4px solid var(--brand);padding:18px 22px}
.band{background:var(--panel)}
dl.info{border-top:1px solid var(--line)}
dl.info{gap:0 28px!important}
dl.info dt,dl.info dd{padding-block:12px;border-bottom:1px solid var(--line);margin:0}
.facts{background:var(--panel);border:0;padding:20px 0}
.facts .wrap{padding-left:22px;padding-right:22px}
.facts .wrap>div{padding-left:0}