/* Skrifterne ligger hos os selv. Ingen kald til Google.
   newsreader.woff2       Newsreader, kun vaegt 400, optisk stoerrelse 20-72. Kursiv er droppet.
   instrument-sans.woff2  Instrument Sans, variabel 400-700. Alle fire vaegte bruges.
   apport-logo.woff2      Inter Black, kun bogstaverne A P O R T til ordmaerket i logoet.
                          Aendrer du logoteksten, skal filen laves om. */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(newsreader.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(instrument-sans.woff2) format("woff2")}
@font-face{font-family:"Apport Logo";font-style:normal;font-weight:900;font-display:swap;src:url(apport-logo.woff2) format("woff2")}

:root{
  /* MOERK UDGAVE. Samme opbygning, samme tekst, kun farverne er nye.
     Grunden er et trin over #100E0D, saa de moerke afsnit kan ligge UNDER den. */
  --papir:#14110F; --flade:#1D1A17; --flade2:#272320;
  --blaek:#F2EFE9; --daempet:#B8B2A8; --svag:#9A948B;
  --streg:#302B27; --streg2:#554E46; --kant-ui:#726860;
  --orange:#C8441E; --orange-lys:#D9673F; --orange-dyb:#E4794F; --orange-blid:#2A1712;
  --nat:#0A0908; --nat-streg:rgba(242,239,233,.14); --nat-tekst:#F2EFE9; --nat-daempet:#B2ACA3;
  --bil-kant:rgba(242,239,233,.17); --bil-kant-hov:rgba(242,239,233,.34);
  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --kant:clamp(16px,4.2vw,64px); --bred:1320px;
  --ud:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papir);color:var(--blaek);font:400 17px/1.6 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
::selection{background:var(--orange);color:#FBF7F3}
:focus-visible{outline:2px solid var(--orange-lys);outline-offset:3px;border-radius:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.022em;line-height:1.05;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.wrap{max-width:var(--bred);margin-inline:auto;padding-inline:var(--kant)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tal{font-variant-numeric:tabular-nums lining-nums}
.spring{position:absolute;left:12px;top:-70px;background:var(--blaek);color:var(--papir);padding:10px 16px;border-radius:999px;z-index:60}
.spring:focus{top:12px}

/* knapper */
.knap{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.5em;border-radius:999px;font:600 16px/1 var(--sans);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:background-color .3s,box-shadow .5s var(--ud),transform .2s var(--ud),color .3s}
.knap:active{transform:translateY(1px) scale(.99)}
.knap-accent{background:var(--orange);color:#FBF7F3;box-shadow:inset 0 0 0 1px rgba(242,239,233,.16)}
.knap-accent:hover{background:var(--orange);box-shadow:inset 0 0 0 1px rgba(242,239,233,.5)}
.knap-moerk{background:var(--blaek);color:var(--papir)}
.knap-moerk:hover{background:#E2DDD4}
.knap-linje{background:transparent;color:var(--blaek);box-shadow:inset 0 0 0 1px var(--kant-ui)}
.knap-linje:hover{box-shadow:inset 0 0 0 1px var(--blaek)}
.knap-lys{background:var(--nat-tekst);color:var(--nat)}
.knap-lys:hover{background:#E2DDD4}
.pil{width:1.05em;height:1.05em;flex:none}

/* top */
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--papir) 86%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.top.rullet{border-bottom-color:var(--streg)}
.top .wrap{display:flex;align-items:center;gap:clamp(14px,3vw,36px);height:68px}
.logo{display:inline-flex;color:var(--blaek);flex:none}
.logo svg{height:28px;width:auto}
.menu{display:flex;gap:clamp(12px,2vw,28px);margin-left:auto;align-items:center}
.menu a:not(.knap){font-size:15px;font-weight:500;color:var(--daempet);text-decoration:none;white-space:nowrap}
.menu a:not(.knap):hover{color:var(--blaek)}
.menu .knap{min-height:42px;padding:0 18px;font-size:15px}
@media (max-width:900px){.menu a:not(.knap){display:none}}

/* hero */
.hero{position:relative;padding-block:clamp(36px,6vw,76px) clamp(28px,4vw,52px);overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;background:var(--flade2) center/cover no-repeat}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--papir) 34%,rgba(20,17,15,.93) 58%,rgba(20,17,15,.72))}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(2.55rem,5.3vw,4.9rem);line-height:1;letter-spacing:-.03em;max-width:13ch}
.hero h1 em{font-style:normal;font-size:1.18em;letter-spacing:-.04em}
.hero .ind{margin-top:22px;font-size:clamp(1.1rem,1.4vw,1.3rem);color:var(--daempet);max-width:40ch}
.hero .ind b{color:var(--blaek);font-weight:600}
.hero-knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-fakta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;list-style:none;font-size:14.5px;font-weight:500;color:var(--daempet)}
.hero-fakta li{display:flex;align-items:center;gap:7px}
.hero-fakta svg{width:16px;height:16px;color:var(--orange);flex:none}
.stak{position:relative;aspect-ratio:1/.92}
.stak figure{margin:0;position:absolute;width:74%;border-radius:10px;overflow:hidden;background:var(--flade2);box-shadow:0 0 0 1px var(--bil-kant),0 30px 64px -30px rgba(0,0,0,.9)}
.stak figure img{aspect-ratio:1440/1000;object-fit:cover;object-position:top;width:100%}
.stak .s1{left:0;top:0}.stak .s2{right:0;top:27%}.stak .s3{left:9%;bottom:0}
.stak-tekst{margin-top:16px;font-size:13.5px;color:var(--svag);max-width:48ch}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.stak{aspect-ratio:1/.86}.hero h1{max-width:none}}

/* tre spørgsmål, lille stribe */
.stribe{padding-bottom:clamp(28px,4vw,48px)}
.guide{background:var(--flade);border:1px solid var(--streg);border-radius:14px;box-shadow:inset 0 1px 0 rgba(242,239,233,.05)}
.guide-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px 18px}
.guide-bar p{font-size:15.5px;font-weight:500}
.guide-bar p span{color:var(--daempet);font-weight:400}
.guide-bar .knap{min-height:42px;padding:0 18px;font-size:15px;margin-left:auto}
.guide-krop{display:none;padding:0 18px 20px;border-top:1px solid var(--streg)}
.guide.aaben .guide-krop{display:block;padding-top:18px;animation:ind .45s var(--ud) both}
.trin{display:none}
.trin.nu{display:block;animation:ind .4s var(--ud) both}
.trin legend{padding:0;font:600 17px/1.3 var(--sans);margin-bottom:12px}
fieldset{border:0;margin:0;padding:0;min-width:0}
.valg-raekke{display:flex;flex-wrap:wrap;gap:8px}
.valg{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border-radius:999px;border:1px solid var(--kant-ui);background:var(--flade);font:500 14.5px/1.2 var(--sans);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}
.valg:hover{border-color:var(--blaek)}
.valg input{position:absolute;opacity:0;width:0;height:0}
.valg:has(input:checked){background:var(--blaek);color:var(--papir);border-color:var(--blaek)}
.valg:has(input:focus-visible){outline:2px solid var(--orange-lys);outline-offset:2px}
.trin-tal{font-size:13px;font-weight:600;color:var(--svag);margin-bottom:6px;display:block}
.svar{display:none}
.svar.vis{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;animation:ind .4s var(--ud) both}
.svar-pakke{font:400 28px/1 var(--serif)}
.svar-pris{font:600 20px/1 var(--sans);font-variant-numeric:tabular-nums}
.svar-tekst{font-size:14.5px;color:var(--daempet);flex-basis:100%;max-width:62ch}
.svar .knap{min-height:44px;padding:0 18px;font-size:15px}
.forfra{background:none;border:0;font:500 14px/1 var(--sans);color:var(--daempet);cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.forfra:hover{color:var(--blaek)}
@keyframes ind{from{opacity:0;transform:translateY(8px)}}

/* kapitler */
.kapitel{padding-block:clamp(56px,8vw,118px);position:relative}
.kapitel+.kapitel{border-top:1px solid var(--streg)}
.hoved{display:grid;grid-template-columns:clamp(52px,7vw,104px) 1fr;align-items:start;margin-bottom:clamp(28px,4vw,52px)}
.knr{font:400 clamp(2.6rem,5vw,4.4rem)/.9 var(--serif);color:var(--blaek)}
.hoved h2{font-size:clamp(2rem,4.1vw,3.6rem);line-height:1.03;max-width:19ch}
.hoved .ind{margin-top:16px;max-width:56ch;color:var(--daempet);font-size:clamp(1.02rem,1.25vw,1.16rem)}
.indryk{padding-left:clamp(52px,7vw,104px)}
@media (max-width:760px){.hoved{grid-template-columns:1fr}.knr{font-size:2.2rem;margin-bottom:8px}.indryk{padding-left:0}}

/* branchevalg */
.fliser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.flise{position:relative;display:block;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.flise-bil{display:block;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:var(--flade2);outline:1px solid var(--bil-kant);outline-offset:-1px}
.flise-bil img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s var(--ud),filter .4s}
.flise:hover .flise-bil img{transform:scale(1.04)}
.flise-navn{display:block;margin-top:10px;min-height:2.5em;text-wrap:balance;font:600 16px/1.25 var(--sans);letter-spacing:-.01em}
.flise-tal{display:block;font-size:13.5px;color:var(--svag)}
.flise[aria-pressed="true"] .flise-bil{outline:2px solid var(--blaek);outline-offset:-2px}
.flise[aria-pressed="true"] .flise-navn::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-left:8px;vertical-align:middle}
html[data-branche] .flise[aria-pressed="false"] .flise-bil img{filter:grayscale(.85) opacity(.62)}
html[data-branche] .flise[aria-pressed="false"]:hover .flise-bil img{filter:none}
@media (max-width:760px){.fliser{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* eksempler */
.valgt{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--daempet);margin-bottom:16px}
.valgt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--orange)}
.valgt button{background:none;border:0;font:600 14.5px/1 var(--sans);color:var(--blaek);cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:0}
.gruppe{padding-block:clamp(22px,2.6vw,34px);border-top:1px solid var(--streg);display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(18px,3vw,44px)}
.gruppe[hidden]{display:none}
.gruppe-navn h3{font:400 23px/1.15 var(--serif);letter-spacing:-.01em}
.gruppe-navn p{font-size:13.5px;color:var(--svag);margin-top:3px}
.kort-net{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.kort{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.skud{position:relative;display:block;aspect-ratio:16/10;border-radius:7px;overflow:hidden;background:var(--flade2);box-shadow:0 0 0 1px var(--bil-kant);transition:box-shadow .45s var(--ud),transform .45s var(--ud)}
.skud img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ud)}
.kort:hover .skud{transform:translateY(-3px);box-shadow:0 0 0 1px var(--bil-kant-hov),0 20px 42px -20px rgba(0,0,0,.9)}
.kort:hover .skud img{transform:scale(1.02)}
.skud::after{content:"Åbn siden";position:absolute;right:9px;bottom:9px;background:var(--blaek);color:var(--papir);font:500 12.5px/1 var(--sans);padding:7px 11px;border-radius:999px;opacity:0;transform:translateY(4px);transition:opacity .3s var(--ud),transform .3s var(--ud)}
.kort:hover .skud::after,.kort:focus-visible .skud::after{opacity:1;transform:none}
.kort-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-top:11px}
.kort-navn{font:600 15.5px/1.25 var(--sans);letter-spacing:-.01em}
.kort-bt{font-size:13.5px;color:var(--daempet);flex-basis:100%}
.maerke{font:500 12px/1 var(--sans);padding:4px 8px;border-radius:999px;border:1px solid var(--streg2);color:var(--daempet);white-space:nowrap}
.kort-net li.ekstra{display:none}
html[data-alle] .kort-net li.ekstra,html[data-branche] .kort-net li.ekstra{display:block}
.mere{margin:clamp(30px,3.6vw,46px) 0 0;display:flex;justify-content:center}
.mere .knap{min-height:48px;font-size:15px}
html[data-branche] .mere{display:none}
.eks-note{margin-top:26px;font-size:14.5px;color:var(--daempet);max-width:62ch;text-align:center;margin-inline:auto}
@media (max-width:1100px){.gruppe{grid-template-columns:1fr;gap:14px}.gruppe-navn{display:flex;align-items:baseline;gap:12px}.gruppe-navn p{margin:0}}
@media (max-width:860px){.kort-net{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.kort-net{grid-template-columns:1fr}}

/* telefon-ramme */
.tlf{position:relative;background:linear-gradient(160deg,#403A34,#262019 45%,#171310);border-radius:calc(var(--pb) * .152);padding:calc(var(--pb) * .031);width:var(--pb);--pb:280px;box-shadow:inset 0 0 0 1px rgba(242,239,233,.22),0 40px 80px -34px rgba(0,0,0,.85),0 14px 26px -16px rgba(0,0,0,.7)}
.tlf-skaerm{position:relative;border-radius:calc(var(--pb) * .125);overflow:hidden;background:#fff;aspect-ratio:390/844}
.tlf-skaerm>img{width:100%;height:100%;object-fit:cover;object-position:top}
.tlf::before{content:"";position:absolute;left:50%;top:calc(var(--pb) * .052);transform:translateX(-50%);width:calc(var(--pb) * .29);height:calc(var(--pb) * .082);background:#0A0A0B;border-radius:999px;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.tlf::after{content:"";position:absolute;left:calc(50% + var(--pb) * .086);top:calc(var(--pb) * .075);width:calc(var(--pb) * .034);height:calc(var(--pb) * .034);border-radius:50%;background:radial-gradient(circle at 35% 35%,#2B3A4A,#0B0F14 70%);z-index:4}

/* tre telefoner */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,4vw,64px);justify-items:center;align-items:start;margin-top:clamp(28px,4vw,54px)}
.trio a{text-decoration:none;color:inherit;display:block}
.trio .midt{margin-top:-2.6rem}
.trio .tlf{--pb:clamp(150px,20vw,290px)}
.trio figcaption{margin-top:18px;text-align:center}
.trio .bt{display:block;font-size:13.5px;color:var(--svag)}
.trio .nv{display:block;font:600 17px/1.25 var(--sans);margin-top:2px;letter-spacing:-.01em}
.trio a:hover .nv{text-decoration:underline;text-underline-offset:.2em}
.trio figure{margin:0;display:grid;justify-items:center}
@media (max-width:760px){
  .trio{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(var(--kant)*-1);padding:6px var(--kant) 18px;scrollbar-width:none}
  .trio::-webkit-scrollbar{display:none}
  .trio figure{scroll-snap-align:center}
  .trio .midt{margin-top:0}
  .trio .tlf{--pb:min(56vw,240px)}
}

/* før og efter */
.nat{background:var(--nat);color:var(--nat-tekst);position:relative;overflow:hidden;border-block:1px solid var(--nat-streg)}
.nat-bg{position:absolute;inset:0;background:var(--nat) center/cover no-repeat;opacity:.6}
.nat-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,.80),rgba(10,9,8,.93))}
.nat .wrap{position:relative;z-index:1}
.nat .knr,.nat .hoved h2{color:var(--nat-tekst)}
.nat .hoved .ind{color:var(--nat-daempet)}
.foer-efter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,72px);align-items:center}
.fe-tekst h3{font:400 clamp(1.5rem,2.3vw,2.1rem)/1.15 var(--serif);color:var(--nat-tekst);margin-top:26px}
.fe-tekst>div>p{color:var(--nat-daempet);margin-top:12px;max-width:44ch}
.fe-faner{display:flex;gap:8px;flex-wrap:wrap}
.fane{min-height:42px;padding:0 15px;border-radius:999px;border:1px solid var(--kant-ui);background:transparent;color:var(--nat-daempet);font:600 14.5px/1 var(--sans);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.fane:hover{color:var(--nat-tekst);border-color:rgba(242,239,233,.4)}
.fane[aria-selected="true"]{background:var(--nat-tekst);color:var(--nat);border-color:var(--nat-tekst)}
.fe-punkter{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--nat-streg)}
.fe-punkter li{padding:12px 0;border-bottom:1px solid var(--nat-streg);display:flex;gap:12px;color:var(--nat-daempet);font-size:15.5px}
.fe-punkter li::before{content:"";flex:none;width:8px;height:2px;background:var(--orange);margin-top:.75em}
.sml{display:grid;justify-items:center;gap:14px;--pos:50%;margin:0}
.sml .tlf{--pb:clamp(230px,26vw,320px)}
.sml-maerker{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:13px;color:var(--nat-daempet)}
.sml-maerker b{display:block;color:var(--nat-tekst);font-weight:600}
.sml-maerker span:last-child{text-align:right}
.sml .tlf-skaerm{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;container-type:inline-size}
.efter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;-webkit-user-drag:none}
.foer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.haandtag{position:absolute;top:0;bottom:0;left:var(--pos);width:0;pointer-events:none;z-index:2}
.haandtag::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--orange)}
.knop{position:absolute;top:50%;left:0;translate:-50% -50%;display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:999px;background:var(--orange);color:#FBF7F3;font:700 13px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 20px -6px rgba(0,0,0,.6);transition:scale .2s var(--ud)}
.sml.traekker .knop{scale:1.08}
.sml-skyder{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sml-note{font-size:12.5px;color:var(--nat-daempet);text-align:center;max-width:40ch}
.mock{position:absolute;inset:0;background:#D9DADC;font:400 3.9cqw/1.4 var(--sans);color:#55585E;display:flex;flex-direction:column;filter:grayscale(1)}
.mock-kort{flex:1;position:relative;background:
  linear-gradient(90deg,transparent 0 30%,#ECEDED 30% 33%,transparent 33%),
  linear-gradient(0deg,transparent 0 58%,#ECEDED 58% 61%,transparent 61%),
  linear-gradient(115deg,transparent 0 62%,#E6E7E8 62% 64.5%,transparent 64.5%),
  #CFD1D4}
.mock-soeg{position:absolute;top:13cqw;left:5cqw;right:5cqw;height:11cqw;border-radius:6cqw;background:#F4F4F5;display:flex;align-items:center;padding:0 5cqw;color:#5E6167;box-shadow:0 1cqw 3cqw rgba(0,0,0,.12)}
.mock-naal{position:absolute;left:52%;top:47%;width:9cqw;height:9cqw;background:#7A7D83;border-radius:50% 50% 50% 0;rotate:-45deg;translate:-50% -50%}
.mock-naal::after{content:"";position:absolute;inset:3cqw;border-radius:50%;background:#D9DADC}
.mock-ark{background:#F4F4F5;border-radius:6cqw 6cqw 0 0;padding:4cqw 6cqw 8cqw;margin-top:-6cqw;position:relative}
.mock-greb{width:12cqw;height:1.2cqw;border-radius:1cqw;background:#C5C7CA;margin:0 auto 4cqw}
.mock-navn{font-size:6.2cqw;font-weight:600;color:#3D4046;letter-spacing:-.01em}
.mock-slags{margin-top:.4em;color:#63666C}
.mock-raekker{margin-top:4cqw}
.mock-raekke{display:flex;align-items:center;gap:2.6cqw;padding:2.6cqw 0;border-top:1px solid #DFE0E2;white-space:nowrap}
.mock-raekke::before{content:"";flex:none;width:3.4cqw;height:.5cqw;background:#9A9DA2}
.mock-lap{position:absolute;right:4cqw;top:28cqw;background:rgba(40,42,46,.78);color:#F4F4F5;font-size:3.2cqw;font-weight:600;padding:1.2cqw 2.6cqw;border-radius:3cqw}
@media (max-width:900px){.foer-efter{grid-template-columns:1fr}.sml{order:-1}}

/* kunde */
.kunde{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.kunde-bil{position:relative;padding-right:11%;padding-bottom:6%}
.kunde-bil .d{border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--bil-kant),0 30px 60px -30px rgba(0,0,0,.9)}
.kunde-bil .tlf-plads{position:absolute;right:0;bottom:0}
.kunde-bil .tlf{--pb:clamp(92px,15vw,180px)}
.mrk{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--sans);margin-bottom:16px}
.mrk i{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.kunde h3{font-size:clamp(1.9rem,3.4vw,3rem)}
.kunde p.t{margin-top:18px;color:var(--daempet);font-size:17.5px;max-width:44ch}
.kunde dl{display:grid;grid-template-columns:auto 1fr;gap:9px 22px;margin:26px 0 28px;font-size:16px;border-top:1px solid var(--streg);padding-top:20px}
.kunde dt{color:var(--svag)}
.kunde dd{margin:0;font-weight:600}
.kunde dl.sag dd{font-weight:500}
.kunde dl.sag dt{white-space:nowrap}
@media (max-width:900px){.kunde{grid-template-columns:1fr}}

/* sådan foregår det */
.lys-bg{position:relative;overflow:hidden}
.lys-bg .bag{position:absolute;inset:0;background:var(--flade2) center/cover no-repeat;opacity:.5}
.lys-bg .bag::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,15,.88),rgba(20,17,15,.95))}
.lys-bg .wrap{position:relative;z-index:1}
.skridt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);position:relative}
.skridt::before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:var(--streg2)}
.skridt li{position:relative;padding-top:38px}
.skridt li::before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--papir);box-shadow:inset 0 0 0 1.5px var(--blaek)}
.skridt li:last-child::before{background:var(--orange);box-shadow:none}
.skridt .naar{font-size:13.5px;color:var(--svag)}
.skridt h3{font-size:clamp(1.3rem,1.9vw,1.75rem);margin-top:6px}
.skridt p{margin-top:11px;color:var(--daempet);font-size:16px;max-width:34ch}
.med-i{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(24px,4vw,64px);padding-top:clamp(30px,4vw,48px);border-top:1px solid var(--streg)}
.med-i h3{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.med-i>div>p{margin-top:14px;color:var(--daempet);max-width:40ch}
.med-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.med-liste li{padding:11px 0;border-top:1px solid var(--streg);display:flex;gap:11px;font-size:15.5px}
.med-liste svg{width:17px;height:17px;color:var(--orange);flex:none;margin-top:3px}
.citat{margin-top:clamp(32px,4vw,56px);font:400 clamp(1.3rem,2.2vw,1.9rem)/1.3 var(--serif);max-width:32ch;letter-spacing:-.015em}
@media (max-width:860px){.skridt{grid-template-columns:1fr;gap:0}.skridt::before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}.skridt li{padding:0 0 32px 34px}.skridt li::before{left:0;top:4px}.med-i{grid-template-columns:1fr}.med-liste{grid-template-columns:1fr}}

/* priser */
.pakker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--blaek);margin-top:clamp(28px,3.4vw,48px)}
.pakke{position:relative;padding:24px clamp(13px,1.5vw,22px) 26px;border-left:1px solid var(--streg);display:flex;flex-direction:column;transition:background-color .5s var(--ud)}
.pakke:first-child{border-left:0}
.pakke::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ud)}
.pakke.anbefalet::before{transform:scaleX(1)}
.pakke.anbefalet{background:linear-gradient(180deg,var(--orange-blid),transparent 62%)}
.pakke-flag{visibility:hidden;font:600 11.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;background:var(--orange);color:#FBF7F3;padding:4px 8px;border-radius:999px;align-self:flex-start;margin-bottom:9px}
.pakke.anbefalet .pakke-flag{visibility:visible}
.pakke h3{font:600 17px/1.2 var(--sans);letter-spacing:-.01em}
.pakke .lov{margin-top:6px;color:var(--daempet);font-size:14.5px;min-height:2.9em}
.pakke .pris{margin-top:16px;font:400 clamp(2rem,3.3vw,2.9rem)/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pakke .pris small{font:500 14px/1 var(--sans);color:var(--daempet);margin-left:4px;letter-spacing:0}
.pakke .dep{margin-top:9px;font-size:13.5px;color:var(--daempet);font-variant-numeric:tabular-nums}
.pakke ul{list-style:none;margin:16px 0 20px;padding:15px 0 0;border-top:1px solid var(--streg);display:grid;gap:9px;font-size:14.5px;flex:1;align-content:start}
.pakke li{padding-left:17px;position:relative;color:var(--daempet)}
.pakke li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--orange)}
.pakke li b{color:var(--blaek);font-weight:600}
.pakke .eks{display:block;width:100%;text-align:left;background:none;border:0;padding:0;margin-bottom:14px;cursor:pointer;color:inherit;font:inherit;text-decoration:none}
.pakke .eks .skud{aspect-ratio:16/10}
.pakke .eks span.t{display:block;font-size:13.5px;margin-top:8px;color:var(--daempet)}
.pakke .eks span.t b{color:var(--blaek);font-weight:500}
.pakke .knap{width:100%;min-height:46px;font-size:15px}
.pris-fod{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;font-size:15px;color:var(--daempet)}
.pris-fod a:not(.knap){color:var(--blaek);font-weight:600}
@media (max-width:1100px){.pakker{grid-template-columns:repeat(2,minmax(0,1fr))}.pakke:nth-child(3){border-left:0}.pakke:nth-child(n+3){border-top:1px solid var(--streg)}}
@media (max-width:600px){.pakker{grid-template-columns:1fr}.pakke{border-left:0;border-top:1px solid var(--streg)}.pakke:first-child{border-top:0}.pakke .lov{min-height:0}}

/* spørgsmål */
.faq-net{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(26px,5vw,80px)}
details{border-top:1px solid var(--streg)}
details:last-of-type{border-bottom:1px solid var(--streg)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font:600 17px/1.35 var(--sans);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary svg{width:19px;height:19px;flex:none;margin-top:3px;transition:transform .35s var(--ud)}
details[open] summary svg{transform:rotate(45deg)}
details p{padding:0 0 20px;color:var(--daempet);max-width:62ch}
details p+p{margin-top:-10px}
.faq-kontakt{color:var(--daempet);font-size:15.5px}
.faq-kontakt a{color:var(--blaek);font-weight:600}
@media (max-width:900px){.faq-net{grid-template-columns:1fr}}

/* slut */
.slut{padding-block:clamp(48px,7vw,96px)}
.slut-boks{background:#241511;color:var(--nat-tekst);box-shadow:inset 0 0 0 1px var(--orange);border-radius:18px;padding:clamp(30px,5.5vw,84px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.slut-boks h2{font-size:clamp(2.1rem,4.8vw,4.2rem);line-height:1;max-width:14ch}
.slut-boks .knr{display:block;margin-bottom:clamp(16px,3vw,36px);color:var(--orange-lys)}
.slut-boks p{font-size:clamp(1rem,1.3vw,1.2rem);max-width:40ch}
.slut-boks .knap{margin-top:24px}
.slut-boks .mail{margin-top:18px;font-size:14.5px}
@media (max-width:900px){.slut-boks{grid-template-columns:1fr;align-items:start}}

footer{border-top:1px solid var(--streg);padding-block:32px 46px;font-size:14px;color:var(--daempet)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{color:var(--blaek)}
footer .logo svg{height:22px;color:var(--blaek)}

/* definitionslister (v-dl) bruges paa om, saadan og branchesiderne */
.v-bt{color:var(--daempet);margin-top:4px}
.v-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding-block:14px;border-block:1px solid var(--streg);font-size:15px}
.v-dl dt{color:var(--svag)}
.v-dl dd{margin:0;font-weight:600}

/* bevægelse */
@media (prefers-reduced-motion:no-preference){
  .js .stak figure{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity 1s var(--ud),transform 1.1s var(--ud),filter 1s var(--ud)}
  .js .stak .s2{transition-delay:.1s}.js .stak .s3{transition-delay:.2s}
  .js.klar .stak figure{opacity:1;transform:none;filter:none}
  /* Kun forsiden (den har #grupper): dér sætter apport-forside.js .set, naar afsnittet rulles ind.
     21. sept 2026: reglen gjaldt foer alle sider, men kun forsiden har scriptet, saa alle h2 i
     .hoved var usynlige paa /priser/, /om/ og /shobe-beauty/. Browsere uden :has springer reglen over. */
  .js:has(#grupper) .hoved h2{clip-path:inset(0 0 100% 0);transform:translateY(.28em);transition:clip-path .95s var(--ud),transform .95s var(--ud)}
  .js:has(#grupper) .hoved.set h2{clip-path:inset(0 0 -22% 0);transform:none}
}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}

/* ---------- starttilbud: fem pladser ---------- */
.tilbud{display:block;background:var(--nat);color:var(--nat-tekst);box-shadow:inset 0 0 0 1px var(--nat-streg);border-radius:18px;padding:clamp(24px,3.4vw,48px);margin-bottom:clamp(32px,4vw,56px);position:relative;overflow:hidden}
.tilbud-ind{max-width:64ch}
.tilbud-tael{font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-lys);margin-bottom:16px;font-variant-numeric:tabular-nums}
.tilbud-tael[hidden]{display:none}
.tilbud h3{font-size:clamp(1.7rem,3.2vw,2.7rem);color:var(--nat-tekst);max-width:18ch}
.tilbud-t{margin-top:16px;color:var(--nat-daempet);font-size:clamp(1rem,1.2vw,1.12rem)}
.tilbud-t b{color:var(--nat-tekst);font-weight:600}
.tilbud .knap{margin-top:24px}
.tilbud[hidden]{display:none}
.tilbud-kort{padding:18px 20px;margin:32px 0 0;border-radius:14px;max-width:62ch}
.tilbud-kort h2{font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--nat-tekst);line-height:1.2}
.tilbud-kort .tilbud-tael{margin-bottom:10px}
.tilbud-kort .tilbud-t{margin-top:8px;font-size:1rem}

/* Byggemarkør. Må aldrig nå ud til en kunde. */
.tilbud-mangler{margin-top:24px;padding:16px;border:2px dashed #E9B949;border-radius:8px;color:#F0DFA8;font-size:14.5px;line-height:1.55}
.tilbud-mangler b{color:#F7E7B4}
.mangler{display:inline-block;background:#E9B949;color:#241B00;font:700 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:4px;margin:0 2px;white-space:nowrap}

/* ---------- tre pakker i stedet for fire ---------- */
.pakker-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){
  .pakker-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pakker-3 .pakke:nth-child(3){border-left:1px solid var(--streg)}
  .pakker-3 .pakke:nth-child(n+3){border-top:0}
}
@media (max-width:880px){
  .pakker-3{grid-template-columns:1fr}
  .pakker-3 .pakke{border-left:0;border-top:1px solid var(--streg)}
  .pakker-3 .pakke:first-child{border-top:0}
  .pakker-3 .pakke .lov{min-height:0}
}

/* =========================================================
   BESTILLING
   ========================================================= */
.best-top{padding-block:clamp(40px,6vw,88px) clamp(24px,3vw,40px)}
.best-top h1{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.02;max-width:16ch}
.best-ind{margin-top:24px;font-size:clamp(1.05rem,1.35vw,1.25rem);color:var(--daempet);max-width:54ch}
.best-fakta{display:flex;flex-wrap:wrap;gap:8px 32px;margin:24px 0 0;padding:0;list-style:none;font-size:15px;font-weight:500;color:var(--daempet)}
.best-fakta li{display:flex;align-items:center;gap:8px}
.best-fakta svg{width:16px;height:16px;color:var(--orange);flex:none}

.best{padding-block:0 clamp(56px,8vw,112px)}
.best-net{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,4vw,64px);align-items:start}

/* trinbjælke */
.best-trinbjaelke{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--streg)}
.trinliste{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;font-size:14.5px;font-weight:500;color:var(--svag);counter-reset:none}
.trinliste li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.trinliste .tn{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--flade2);color:var(--svag);font:600 13px/1 var(--sans);flex:none;transition:background-color .3s,color .3s}
.trinliste li[aria-current="step"]{color:var(--blaek)}
.trinliste li[aria-current="step"] .tn{background:var(--orange);color:#FBF7F3}
.trinliste li.klaret{color:var(--daempet)}
.trinliste li.klaret .tn{background:var(--blaek);color:var(--papir)}
.best-gemt{margin-left:auto;font-size:13px;color:var(--svag);min-height:1.2em}

/* trin */
.best-trin[hidden]{display:none}
.best-trin.nu{animation:ind .45s var(--ud) both}
.best-trin h2{font-size:clamp(1.7rem,3.2vw,2.6rem);max-width:20ch}
.best-trin h2:focus-visible{outline:2px solid var(--orange-lys);outline-offset:6px}
.best-hjaelp{margin-top:12px;color:var(--daempet);font-size:15.5px;max-width:60ch}
.best-hjaelp b{color:var(--blaek);font-weight:600}
.best-under{font:400 clamp(1.25rem,2vw,1.6rem)/1.2 var(--serif);margin-top:48px}
.best-note{margin-top:16px;font-size:14px;color:var(--svag);max-width:60ch}
.best-note a{color:var(--blaek);font-weight:600}

/* felter */
.felt{margin-top:32px;min-width:0}
.felt>label,.felt legend{display:block;font:600 16px/1.35 var(--sans);letter-spacing:-.01em;margin-bottom:8px;padding:0}
.felt .best-hjaelp{margin-top:-2px;margin-bottom:10px;font-size:14.5px}
.felt-under{margin-top:16px}
.skal{font:500 12.5px/1 var(--sans);color:var(--svag);margin-left:8px}
input[type=text],input[type=tel],input[type=email],textarea{
  width:100%;font:400 16px/1.5 var(--sans);color:var(--blaek);background:var(--flade);
  border:1px solid var(--kant-ui);border-radius:8px;padding:13px 15px;
  transition:border-color .25s,box-shadow .25s}
textarea{resize:vertical;min-height:88px}
input::placeholder,textarea::placeholder{color:var(--svag)}
input:hover,textarea:hover{border-color:var(--daempet)}
input:focus,textarea:focus{outline:0;border-color:var(--orange-lys);box-shadow:0 0 0 3px rgba(217,103,63,.3)}
input.har-fejl,textarea.har-fejl{border-color:#E0553C;box-shadow:0 0 0 3px rgba(224,85,60,.24)}
.fejl{margin-top:8px;font-size:14.5px;font-weight:500;color:#FF8A75;display:flex;gap:8px}
.fejl[hidden]{display:none}
.fejl::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#FF8A75;margin-top:.45em}
.fejl a{color:#FF8A75;font-weight:700}

/* pakkevalg */
.pakkevalg{display:grid;gap:12px}
.pv{position:relative;display:block;cursor:pointer}
.pv input{position:absolute;opacity:0;width:0;height:0}
.pv-ind{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:20px 24px;border:1px solid var(--kant-ui);border-radius:12px;background:var(--flade);transition:border-color .25s,background-color .25s,box-shadow .35s var(--ud)}
.pv:hover .pv-ind{border-color:var(--daempet)}
.pv input:checked+.pv-ind{border-color:var(--blaek);background:var(--papir);box-shadow:inset 0 0 0 1px var(--blaek)}
.pv input:focus-visible+.pv-ind{outline:2px solid var(--orange-lys);outline-offset:3px}
.pv-navn{font:600 17px/1.25 var(--sans);letter-spacing:-.01em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pv-flag{font:600 11.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;background:var(--orange);color:#FBF7F3;padding:4px 8px;border-radius:999px}
.pv-pris{font:400 24px/1 var(--serif);letter-spacing:-.02em;text-align:right;white-space:nowrap}
.pv-t{grid-column:1/-1;font-size:14.5px;color:var(--daempet);max-width:52ch}
@media (max-width:480px){.pv-ind{grid-template-columns:1fr;padding:16px 18px}.pv-pris{text-align:left}}

/* tilvalg */
.tilvalg{display:grid;gap:8px}
.tv{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:0 16px;padding:16px 20px;border:1px solid var(--kant-ui);border-radius:10px;background:var(--flade);cursor:pointer;transition:border-color .25s,background-color .25s}
.tv:hover{border-color:var(--daempet)}
.tv input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:2px 0 0;border:1.5px solid var(--kant-ui);border-radius:5px;background:var(--papir);cursor:pointer;flex:none;position:relative;transition:background-color .2s,border-color .2s}
.tv input:checked{background:var(--orange);border-color:var(--orange)}
.tv input:checked::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:2px solid #FBF7F3;border-top:0;border-left:0;transform:rotate(42deg)}
.tv input:focus-visible{outline:2px solid var(--orange-lys);outline-offset:3px}
.tv:has(input:checked){border-color:var(--blaek);background:var(--papir)}
.tv-navn{display:block;font:600 16px/1.35 var(--sans);letter-spacing:-.01em}
.tv-t{display:block;margin-top:4px;font-size:14.5px;color:var(--daempet);max-width:56ch}
.tv-pris{font:600 15.5px/1.4 var(--sans);white-space:nowrap;margin-top:1px}
.tilvalg-tung .tv{padding:20px 24px;border-color:var(--kant-ui)}
.tilvalg-tung .tv-navn{font-size:17px}
@media (max-width:560px){
  .tv{grid-template-columns:auto 1fr;gap:0 14px;padding:14px 16px}
  .tv-pris{grid-column:2;margin-top:8px}
}

.best-knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid var(--streg)}
.best-knapper .knap{min-height:52px}

/* kvittering ved siden af */
.kvit{position:sticky;top:92px;background:var(--flade);border:1px solid var(--streg);border-radius:14px;padding:24px;box-shadow:inset 0 1px 0 rgba(242,239,233,.05)}
.kvit h2{font:400 22px/1.2 var(--serif);letter-spacing:-.02em}
.kvit-liste{margin:16px 0 0;padding:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14.5px;align-items:baseline}
.kvit-liste dt{color:var(--svag);white-space:nowrap}
.kvit-liste dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.kvit-tom{grid-column:1/-1;color:var(--svag);font-size:14.5px}
.kvit-sum{margin-top:24px;padding-top:16px;border-top:1px solid var(--streg2)}
.kvit-raekke{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px}
.kvit-raekke+.kvit-raekke{margin-top:8px}
.kvit-raekke b{font:400 26px/1 var(--serif);letter-spacing:-.02em}
.kvit-dep span{color:var(--daempet)}
.kvit-dep b{font:600 17px/1 var(--sans);color:var(--orange-dyb)}
.kvit-moms{margin-top:12px;font-size:13px;color:var(--svag)}
.kvit-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--streg);font-size:13.5px;color:var(--daempet)}

@media (max-width:980px){
  .best-net{grid-template-columns:1fr}
  .kvit{position:static;order:2}
}

/* tilvalg som ren liste (prissiden, ingen afkrydsning) */
.tv-stat{grid-template-columns:1fr auto;cursor:default}
.tv-stat:hover{border-color:var(--kant-ui)}
.tilvalg-tung .tv-stat:hover{border-color:var(--kant-ui)}
@media (max-width:560px){.tv-stat{grid-template-columns:1fr}.tv-stat .tv-pris{grid-column:1;margin-top:8px}}
/* eksempel-link inde i en pakke */
a.eks{text-decoration:none;color:inherit;display:block;cursor:pointer}
a.eks:hover .skud{transform:translateY(-3px);box-shadow:0 0 0 1px var(--bil-kant-hov),0 20px 42px -20px rgba(0,0,0,.9)}
a.eks:hover span.t b{text-decoration:underline;text-underline-offset:.2em}

/* =========================================================
   EKSEMPELVÆGGEN
   ========================================================= */
.eks-advarsel{margin-top:24px;padding:16px 20px;background:var(--orange-blid);border-radius:8px;font-size:15px;color:var(--daempet);max-width:64ch}
.eks-advarsel b{color:var(--blaek);font-weight:600}
.eks-net{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ekort{display:block;text-decoration:none;color:inherit}
.eskud{display:block;aspect-ratio:390/560;border-radius:8px;overflow:hidden;background:var(--flade2);box-shadow:0 0 0 1px var(--bil-kant);transition:transform .45s var(--ud),box-shadow .45s var(--ud)}
.eskud img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ud)}
.ekort:hover .eskud{transform:translateY(-4px);box-shadow:0 0 0 1px var(--bil-kant-hov),0 24px 48px -22px rgba(0,0,0,.9)}
.ekort:hover .eskud img{transform:scale(1.02)}
.ekort:focus-visible .eskud{outline:2px solid var(--orange-lys);outline-offset:3px}
.ekort-navn{display:block;margin-top:12px;font:600 15.5px/1.25 var(--sans);letter-spacing:-.01em}
.ekort:hover .ekort-navn{text-decoration:underline;text-underline-offset:.2em}
.ekort-bt{display:block;font-size:13.5px;color:var(--svag);margin-top:2px}
@media (max-width:1000px){.eks-net{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.eks-net{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   TEKSTSIDER (betingelser, privatliv)
   ========================================================= */
.tekstside{max-width:none}
.tekstside h2{font:400 clamp(1.4rem,2.3vw,1.9rem)/1.2 var(--serif);letter-spacing:-.02em;margin-top:48px;max-width:24ch}
.tekstside h2:first-of-type{margin-top:0}
.tekstside p{margin-top:16px;max-width:68ch;color:var(--daempet);font-size:16.5px;line-height:1.65}
.tekstside p a{color:var(--blaek);font-weight:600}
.tekstside .tilbud-mangler{max-width:68ch}
.tekst-dato{margin-top:56px;padding-top:24px;border-top:1px solid var(--streg);font-size:14px;color:var(--svag)}

/* Byggemarkør på lys baggrund. Må aldrig nå ud til en kunde. */
.mangler-note{margin-top:24px;padding:16px;border:2px dashed #A98436;border-radius:8px;background:#2A2213;color:#E9C46A;font-size:14.5px;line-height:1.55;max-width:68ch}
.mangler-note b{color:#F7E7B4;font-weight:700}

.drift-pris{margin-top:40px;font:400 clamp(1.6rem,2.6vw,2.2rem)/1.2 var(--serif);letter-spacing:-.02em;max-width:34ch}
.drift-pris b{font-weight:400}

/* starttilbud inde i bestillingen */
.kvit-tilbud{margin-top:12px;padding:12px 14px;background:var(--nat);color:var(--nat-tekst);box-shadow:inset 0 0 0 1px var(--nat-streg);border-radius:8px;font-size:13.5px;line-height:1.5}
.kvit-tilbud b{display:block;color:var(--orange-lys);font:600 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.kvit-tilbud[hidden]{display:none}
.kvit-drift[hidden]{display:none}
.kvit-drift b{font:600 17px/1 var(--sans)}
.pv-foer{color:var(--svag);font-size:.62em;text-decoration-thickness:1px;margin-right:6px}
.pv-tilbud input:checked+.pv-ind{box-shadow:inset 0 0 0 2px var(--orange-lys)}
.pv-udenfor .pv-ind{opacity:.72}
.pv-udenfor:hover .pv-ind{opacity:1}

/* 21. sept 2026: fodens branchelinje og prisboksen på branchesiderne */
footer .fod-brancher{margin-top:18px;padding-top:16px;border-top:1px solid var(--streg);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-start;font-size:13.5px}
footer .fod-brancher span{color:var(--svag)}
.pris-boks .v-dl{max-width:60ch}
.pris-boks .v-dl dd{font-weight:500}
.pris-boks .hero-knapper{margin-top:26px}