:root{
/* Djupblå gir troverdighet, turkis og korall gjør den lysere og mer folkelig. */
--blaa:#153b5c;--blaa-dyp:#0e2a44;--blaa-lys:#1e5280;
--tur:#0c8f81;--tur-mork:#07695f;--tur-lys:#e4f6f3;--tur-signal:#2fd9c0;
--kor:#e35d3b;--kor-mork:#c44a2b;--kor-lys:#fdeee9;
--sol:#e0930a;--sol-lys:#fff4de;
--rod:#b5382f;--rod-lys:#fbecea;
/* --graa-lys brukes til datolinjen, som er liten tekst og maa over WCAG AA 4,5:1.
   #5f6f7c gir 4,78 mot --bg og 5,18 mot hvitt. */
--bg:#f5f8fa;--kort:#fff;--tekst:#1e2b35;--graa:#53646f;--graa-lys:#5f6f7c;
--linje:#dee5eb;--maks:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
background:var(--bg);color:var(--tekst);line-height:1.65;font-size:17px}
a{color:var(--tur-mork)}a:hover{color:var(--blaa)}
img{max-width:100%;height:auto}
.skjul{position:absolute;left:-9999px}
.wrap{max-width:var(--maks);margin:0 auto;padding:0 20px}
.smal{max-width:820px;margin:0 auto;padding:0 20px}
.hoppe{position:absolute;left:-9999px;background:#fff;padding:10px 16px;z-index:200}
.hoppe:focus{left:8px;top:8px}
/* ---------------- topp og meny ---------------- */
.topp{background:var(--blaa-dyp);color:#fff;position:sticky;top:0;z-index:60;
box-shadow:0 2px 12px rgba(14,42,68,.3)}
.topp-indre{max-width:var(--maks);margin:0 auto;padding:0 20px;display:flex;align-items:center;
justify-content:space-between;min-height:58px;flex-wrap:nowrap;gap:8px}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.18rem;letter-spacing:-.02em;
padding:10px 0;white-space:nowrap;display:flex;align-items:center;gap:8px}
.logo b{color:var(--tur-signal)}
.logo:hover{color:#fff}
.logo svg{flex:none}
#burger{display:none;background:none;border:2px solid rgba(255,255,255,.4);color:#fff;
font-size:1.02rem;padding:6px 12px;border-radius:6px;cursor:pointer}
.sok-lenke{display:flex;align-items:center;justify-content:center;color:#e6eef4;padding:8px;border-radius:7px;flex:0 0 auto}
.sok-lenke:hover{color:var(--tur-signal);background:rgba(255,255,255,.09)}
.meny{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:0}
.meny>li{position:relative;white-space:nowrap}
.meny>li>a{display:block;color:#e6eef4;text-decoration:none;padding:17px 9px;font-size:.87rem;font-weight:600}
.meny>li>a:hover{color:var(--tur-signal)}
@media(min-width:1100px) and (max-width:1319.98px){.meny>li>a{padding:17px 4px;font-size:.79rem}.logo{font-size:1rem}}
.dd{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:266px;max-width:340px;list-style:none;
margin:0;padding:8px 0;box-shadow:0 12px 34px rgba(14,42,68,.24);border-radius:0 0 8px 8px;
border-top:3px solid var(--tur)}
.dd>li{position:relative}
.dd a{display:block;padding:8px 16px;color:var(--tekst);text-decoration:none;font-size:.9rem}
.dd a:hover{background:var(--tur-lys);color:var(--blaa)}
.dd .dd-alle a{font-weight:700;color:var(--tur-mork);border-top:1px solid var(--linje);
margin-top:6px;padding-top:10px}
@media(min-width:1100px){
.meny>li:hover>.dd,.meny>li:focus-within>.dd{display:block}
.meny>li:nth-last-child(-n+3) .dd{left:auto;right:0}
}
@media(max-width:1099.98px){
#burger{display:block}
.meny{display:none;position:fixed;top:58px;left:0;right:0;bottom:0;background:var(--blaa-dyp);
overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;padding:0 20px 70px;gap:0}
.meny.apen{display:flex}
.meny>li{white-space:normal}
.meny>li>a{padding:13px 4px;border-top:1px solid rgba(255,255,255,.12);font-size:1rem}
.meny>li:first-child>a{border-top:none}
.dd{position:static;display:none;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);
border-top:none;min-width:0;padding:0}
.dd a{color:#cfdce5;padding:9px 16px}
.dd a:hover{background:none;color:var(--tur-signal)}
.dd .dd-alle a{color:var(--tur-signal);border-top:1px solid rgba(255,255,255,.15)}
.meny>li.apen>.dd{display:block}
body.meny-laast{overflow:hidden}}
/* ---------------- hero ---------------- */
.hero{background:linear-gradient(135deg,var(--blaa-dyp) 0%,var(--blaa) 55%,#1d5c86 100%);
color:#fff;padding:52px 0 44px}
.hero.foto{background-size:cover;background-position:center;padding:0}
.hero.foto.kompakt{min-height:300px;display:flex;align-items:center;padding:44px 0}
.hero-panel{background:rgba(14,42,68,.92);border-radius:14px;padding:26px 32px;max-width:800px;
box-shadow:0 8px 40px rgba(0,0,0,.35)}
.hero-panel h1{margin:0 0 10px;font-size:1.95rem;line-height:1.2;letter-spacing:-.02em}
.hero .intro{font-size:1.05rem;color:#d7e4ee;max-width:720px;margin:0}
.hero .intro a{color:var(--tur-signal)}
@media(max-width:640px){.hero-panel{padding:20px}.hero-panel h1{font-size:1.42rem}}
.hero h1{font-size:2.35rem;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;max-width:760px}
.hero p.under{font-size:1.1rem;color:#cddeea;max-width:680px;margin:0 0 24px}
@media(max-width:640px){.hero h1{font-size:1.8rem}}
.storhero{position:relative;min-height:520px;height:70vh;max-height:680px;display:flex;
align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--blaa-dyp)}
.serie{position:absolute;inset:0;z-index:0}
.serie .bilde{position:absolute;inset:0;background-size:cover;background-position:center;
opacity:0;transition:opacity 1.5s ease}
.serie .bilde.aktiv{opacity:1}
/* Filteret over karusellen er delt i to: en lett gradient som bare demper topp
   og bunn (der menyen og knappene ligger), og et tettere sjal som foelger
   tekstblokken. Selve bildet staar dermed nesten ufiltrert i midtfeltet. */
.storhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(180deg,rgba(6,22,36,.56) 0%,rgba(6,22,36,.09) 30%,rgba(6,22,36,.11) 60%,rgba(6,22,36,.66) 100%)}
.storhero-innhold::before{content:"";position:absolute;inset:-9% -7%;z-index:-1;pointer-events:none;
background:radial-gradient(ellipse 56% 52% at 50% 47%,rgba(6,22,36,.70) 0%,rgba(6,22,36,.52) 46%,
rgba(6,22,36,.18) 76%,rgba(6,22,36,0) 100%)}
.storhero-innhold{position:relative;z-index:2;color:#fff;max-width:900px;padding:2rem 20px;width:100%;min-width:0}
.merkelapp{display:inline-block;background:var(--tur-signal);color:#04241f;font-size:.8rem;font-weight:700;
letter-spacing:.03em;padding:6px 15px;border-radius:50px;margin-bottom:18px;box-shadow:0 2px 14px rgba(0,0,0,.3)}
.storhero h1{font-size:clamp(1.95rem,1.1rem + 3.4vw,3.1rem);line-height:1.12;letter-spacing:-.025em;
margin:0 0 16px;text-shadow:0 2px 5px rgba(0,0,0,.92),0 5px 26px rgba(0,0,0,.8)}
.storhero .under{font-size:clamp(1.02rem,.95rem + .4vw,1.16rem);line-height:1.6;margin:0 auto 24px;
max-width:680px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.94),0 3px 20px rgba(0,0,0,.8)}
.herosok{display:flex;gap:8px;max-width:580px;margin:24px auto 0;background:#fff;
padding:7px 7px 7px 10px;border-radius:50px;border:1px solid rgba(255,255,255,.85);
box-shadow:0 14px 40px rgba(3,12,22,.5),0 2px 6px rgba(3,12,22,.35)}
.herosok .lupe{flex:none;align-self:center;color:var(--graa)}
.herosok input{flex:1 1 0;width:100%;min-width:0;border:none;background:transparent;color:var(--blaa);
font-size:1.02rem;padding:11px 8px}
.herosok input::placeholder{color:#67798a;opacity:1}
.herosok input:focus{outline:none}
.herosok:focus-within{box-shadow:0 0 0 4px rgba(47,217,192,.55),0 14px 40px rgba(3,12,22,.5)}
.herosok button{background:var(--kor);color:#fff;border:none;border-radius:50px;font-weight:700;
font-size:1rem;padding:12px 26px;cursor:pointer}
.herosok button:hover{background:var(--kor-mork)}
@media(max-width:520px){.herosok{padding:6px 6px 6px 8px}.herosok button{padding:11px 18px}}
@media(prefers-reduced-motion:reduce){.serie .bilde{transition:none}}
.hero-knapper{display:flex;flex-wrap:wrap;gap:12px}
.storhero .hero-knapper{justify-content:center}
.knapp{display:inline-block;background:var(--kor);color:#fff;text-decoration:none;font-weight:700;
padding:12px 22px;border-radius:9px;border:none;font-size:1rem;cursor:pointer}
.knapp:hover{background:var(--kor-mork);color:#fff}
.knapp.gronn{background:var(--tur)}.knapp.gronn:hover{background:var(--tur-mork)}
.knapp.sekundar{background:transparent;border:2px solid var(--tur-signal);color:var(--tur-signal)}
.knapp.sekundar:hover{background:rgba(47,217,192,.14);color:#7fe8d5}
/* ---------------- blokker og kort ---------------- */
.blokk{padding:44px 0}
.blokk.lys{background:#fff;border-top:1px solid var(--linje);border-bottom:1px solid var(--linje)}
.blokk h2.b-tittel{font-size:1.7rem;letter-spacing:-.01em;margin:0 0 6px}
.blokk p.b-under{color:var(--graa);margin:0 0 22px;max-width:720px}
.kortgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:18px}
.kortgrid.tre{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.kort{background:var(--kort);border:1px solid var(--linje);border-radius:12px;padding:20px 20px 16px;
display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(14,42,68,.05);position:relative;overflow:hidden}
.kort::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kor);opacity:0;transition:opacity .15s}
.kort:hover::before{opacity:1}
.kort h3{margin:0 0 8px;font-size:1.05rem;line-height:1.35}
.kort h3 a{text-decoration:none;color:var(--blaa)}
.kort h3 a::after{content:"";position:absolute;inset:0}
.kort p{margin:0;font-size:.9rem;color:var(--graa);flex-grow:1}
.kort .merk{display:inline-block;background:var(--tur-lys);color:var(--tur-mork);font-size:.71rem;
font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;
margin-bottom:10px;align-self:flex-start}
.kort .kdato{font-size:.76rem;color:var(--graa-lys);margin-top:10px}
.seksjonskort{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.sk{display:block;background:var(--kort);border:1px solid var(--linje);border-radius:12px;
padding:22px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(14,42,68,.05);
border-top:4px solid var(--tur)}
.sk:hover{box-shadow:0 8px 24px rgba(14,42,68,.1);color:inherit}
.sk h3{margin:0 0 7px;color:var(--blaa);font-size:1.1rem}
.sk p{margin:0;font-size:.9rem;color:var(--graa)}
.sk .antall{display:block;margin-top:10px;font-size:.78rem;font-weight:700;color:var(--kor);
text-transform:uppercase;letter-spacing:.04em}
/* ---------------- artikkel ---------------- */
.brod{font-size:.83rem;color:var(--graa);padding:18px 0 0}
.brod a{color:var(--graa)}
.art-hode{padding:10px 0 6px}
.art-hode h1{font-size:2.05rem;line-height:1.18;letter-spacing:-.02em;margin:6px 0 10px}
.art-hode .ingress{font-size:1.12rem;color:var(--graa);margin:0 0 8px;line-height:1.55}
.art-hode .dato{font-size:.82rem;color:var(--graa-lys)}
.art-bilde{border-radius:12px;overflow:hidden;margin:18px 0 0;line-height:0}
.art-bilde img{width:100%;display:block}
.art-bilde figcaption{background:var(--kort);border:1px solid var(--linje);border-top:none;
font-size:.78rem;color:var(--graa-lys);padding:7px 12px;line-height:1.5}
.innhold{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:34px 38px;margin:22px 0}
@media(max-width:640px){.innhold{padding:22px 18px}.art-hode h1{font-size:1.56rem}}
.innhold h2{font-size:1.4rem;letter-spacing:-.01em;margin:34px 0 12px;color:var(--blaa)}
.innhold h2:first-child{margin-top:0}
.hubintro{padding:26px 32px}
.hubintro p:last-child{margin-bottom:0}
@media(max-width:640px){.hubintro{padding:20px}}
.innhold h3{font-size:1.1rem;margin:24px 0 8px;color:var(--blaa)}
.innhold table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.93rem;display:block;overflow-x:auto}
.innhold th,.innhold td{border:1px solid var(--linje);padding:9px 12px;text-align:left;vertical-align:top}
.innhold th{background:var(--tur-lys);color:var(--blaa)}
.innhold tr:nth-child(even) td{background:#fafcfd}
.innhold ul,.innhold ol{padding-left:22px}
.innhold li{margin:5px 0}
.innhold img.arvbilde{float:right;margin:6px 0 14px 18px;max-width:340px;border-radius:10px}
@media(max-width:640px){.innhold img.arvbilde{float:none;margin:14px 0;max-width:100%}}
.tips,.advarsel,.fakta,.kilde{border-radius:10px;padding:14px 18px;margin:20px 0;font-size:.95rem}
.tips{background:var(--tur-lys);border-left:4px solid var(--tur)}
.advarsel{background:var(--kor-lys);border-left:4px solid var(--kor)}
.fakta{background:#e9f2f9;border-left:4px solid var(--blaa)}
.kilde{background:#f3f6f8;border-left:4px solid var(--graa-lys);font-size:.87rem;color:var(--graa)}
.tips p:first-child,.advarsel p:first-child,.fakta p:first-child,.kilde p:first-child{margin-top:0}
.tips p:last-child,.advarsel p:last-child,.fakta p:last-child,.kilde p:last-child{margin-bottom:0}
.tips b,.advarsel b,.fakta b{color:var(--blaa)}
/* Regnearkformler og kommandoer. Lagt til 12.08.2026: to filer i runde 5 tok
   <code> i bruk, og uten en regel her arvet den bare nettleserens monospace. */
.innhold code{background:#f3f6f8;border:1px solid var(--linje);border-radius:5px;
padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:.88em;white-space:nowrap}
.tips code,.advarsel code,.fakta code{background:rgba(255,255,255,.72)}
.faq details{border:1px solid var(--linje);border-radius:9px;margin:10px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:700;padding:13px 16px;color:var(--blaa)}
.faq details[open] summary{border-bottom:1px solid var(--linje)}
.faq .faq-svar{padding:12px 16px}
.lesogsa{background:var(--tur-lys);border-radius:12px;padding:22px 26px;margin:26px 0}
.lesogsa h2{margin:0 0 12px;font-size:1.14rem;color:var(--blaa)}
.lesogsa ul{margin:0;padding-left:20px}
.lesogsa li{margin:6px 0}
.kildeliste{background:var(--kort);border:1px solid var(--linje);border-radius:12px;padding:20px 24px;margin:22px 0}
.kildeliste h2{margin:0 0 10px;font-size:1.08rem;color:var(--blaa)}
.kildeliste ul{margin:0;padding-left:20px;font-size:.9rem;color:var(--graa)}
.kildeliste li{margin:5px 0}
.arkivmerke{background:var(--sol-lys);border-left:4px solid var(--sol);border-radius:10px;
padding:12px 18px;margin:0 0 20px;font-size:.9rem}
.arkivmerke p{margin:0}
/* ---------------- forsidens arkivutdrag ---------------- */
.utdrag{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:26px 30px;margin:18px 0}
.utdrag h3{margin:0 0 4px;font-size:1.25rem;line-height:1.3}
.utdrag h3 a{color:var(--blaa);text-decoration:none}
.utdrag .dato{font-size:.79rem;color:var(--graa-lys);margin:0 0 12px}
.utdrag p{margin:0 0 12px}
.utdrag .mer{font-weight:700}
@media(max-width:640px){.utdrag{padding:20px 18px}}
.velkomst{background:var(--kort);border:1px solid var(--linje);border-left:5px solid var(--tur);
border-radius:14px;padding:28px 32px}
.velkomst h2{margin:0 0 12px;color:var(--blaa);font-size:1.5rem}
@media(max-width:640px){.velkomst{padding:22px 18px}}
/* ---------------- data og verktøy ---------------- */
.statrad{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:22px 0}
.stat{background:var(--kort);border:1px solid var(--linje);border-radius:11px;padding:15px 17px}
.stat .etikett{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--graa-lys);font-weight:700}
.stat .verdi{font-size:1.5rem;font-weight:800;color:var(--blaa);letter-spacing:-.02em;line-height:1.25;margin-top:3px}
.stat .verdi small{font-size:.82rem;font-weight:600;color:var(--graa)}
.stat .under{font-size:.8rem;color:var(--graa);margin-top:2px}
.stat.fram{background:var(--blaa);border-color:var(--blaa)}
.stat.fram .etikett{color:#a5c6dd}
.stat.fram .verdi{color:#fff}
.stat.fram .verdi small,.stat.fram .under{color:#c2d8e6}
.vkt-form{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:24px 28px;margin:20px 0}
.vkt-form fieldset{border:none;margin:0 0 18px;padding:0}
.vkt-form legend{font-weight:700;color:var(--blaa);margin-bottom:6px}
.vkt-form label{display:block;margin:5px 0}
.vkt-form .stor-label{font-weight:700;color:var(--blaa);margin:14px 0 6px;display:block}
.vkt-form input[type=number],.vkt-form input[type=text],.vkt-form input[type=search],.vkt-form select{
width:100%;max-width:380px;padding:10px 12px;font-size:1rem;border:1px solid var(--linje);border-radius:8px;background:#fff}
.vkt-form input[type=range]{width:100%;max-width:380px}
.vkt-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.tosidig{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
@media(max-width:660px){.tosidig{grid-template-columns:1fr;gap:4px}}
.vkt-resultat{background:var(--kort);border:2px solid var(--tur);border-radius:14px;padding:22px 26px;margin:20px 0}
.vkt-resultat h2{margin:0 0 12px;color:var(--blaa);font-size:1.25rem}
.resultattall{font-size:2rem;font-weight:800;color:var(--tur-mork);letter-spacing:-.02em;line-height:1.2}
.resultattall small{font-size:.9rem;font-weight:600;color:var(--graa)}
.fordeling{display:flex;height:26px;border-radius:6px;overflow:hidden;margin:14px 0 8px;border:1px solid var(--linje)}
.fordeling span{display:block;height:100%}
.f-a{background:var(--tur)}.f-b{background:var(--kor)}.f-c{background:var(--sol)}.f-d{background:var(--blaa-lys)}
.tegnforklaring{display:flex;flex-wrap:wrap;gap:14px;font-size:.84rem;color:var(--graa)}
.tegnforklaring i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.datatabell{width:100%;border-collapse:collapse;font-size:.93rem;background:var(--kort)}
.datatabell th,.datatabell td{border-bottom:1px solid var(--linje);padding:9px 11px;text-align:left}
.datatabell th{background:var(--tur-lys);color:var(--blaa)}
.datatabell td.tall,.datatabell th.tall{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tabellramme{overflow-x:auto;border:1px solid var(--linje);border-radius:11px;margin:18px 0}
.mini{font-size:.8rem;color:var(--graa)}
.liten{font-size:.85rem;color:var(--graa)}
#tabellfilter,.filterfelt{width:100%;max-width:430px;padding:11px 14px;font-size:1rem;
border:1px solid var(--linje);border-radius:8px;margin:10px 0 14px}
.merkerad{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.merkerad a,.merkerad span{display:inline-block;background:var(--kort);border:1px solid var(--linje);
border-radius:50px;padding:5px 13px;text-decoration:none;font-size:.85rem;font-weight:600;color:var(--blaa)}
.merkerad a:hover{background:var(--tur-lys);border-color:var(--tur)}
/* ---------------- klynger og ordliste ---------------- */
.klynge{margin-bottom:14px}
.klynge-tittel{font-size:1.32rem;letter-spacing:-.01em;color:var(--blaa);margin:34px 0 14px;
padding-bottom:8px;border-bottom:3px solid var(--tur)}
.klynge:first-of-type .klynge-tittel{margin-top:16px}
.alfarad{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.alfarad a{display:inline-block;background:var(--kort);border:1px solid var(--linje);border-radius:6px;
padding:4px 10px;text-decoration:none;font-weight:700;color:var(--blaa)}
.alfarad a:hover{background:var(--tur-lys)}
.ord{background:var(--kort);border:1px solid var(--linje);border-radius:11px;padding:16px 20px;margin:10px 0}
.ord h3{margin:0 0 6px;color:var(--blaa)}
.ord p{margin:0}
.kredittliste{list-style:none;padding:0;margin:0}
.kredittliste li{background:var(--kort);border:1px solid var(--linje);border-radius:9px;
padding:12px 16px;margin:9px 0;font-size:.9rem}
.kredittliste b{color:var(--blaa)}
/* ---------------- bunn ---------------- */
.bunn{background:var(--blaa-dyp);color:#bccbd8;margin-top:54px;padding:44px 0 26px;font-size:.9rem}
.bunn a{color:#d2e2ec;text-decoration:none}.bunn a:hover{color:var(--tur-signal)}
.bunn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:26px;margin-bottom:26px}
.bunn h2{color:#fff;font-size:.95rem;margin:0 0 10px;font-weight:700;letter-spacing:0}
.bunn ul{list-style:none;margin:0;padding:0}
.bunn li{margin:5px 0}
.bunn .kolofon{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:.81rem;color:#93a8b8}
.bunn button.lenkeknapp{background:none;border:none;color:#d2e2ec;font:inherit;padding:0;cursor:pointer;text-align:left}
.bunn button.lenkeknapp:hover{color:var(--tur-signal);text-decoration:underline}
/* ---------------- samtykke ---------------- */
#samtykke{position:fixed;bottom:0;left:0;right:0;background:var(--blaa-dyp);color:#e7eff5;z-index:100;
padding:18px 20px;box-shadow:0 -4px 20px rgba(14,42,68,.35)}
#samtykke .wrap{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
#samtykke p{margin:0;font-size:.88rem;max-width:730px}
#samtykke a{color:var(--tur-signal)}
#samtykke .knapper{display:flex;gap:10px}
#samtykke button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.92rem;font-weight:700;border:none}
#s-ja{background:var(--tur);color:#fff}
#s-nei{background:transparent;color:#d2e2ec;border:1px solid #55707f}
@media print{.topp,.bunn,#samtykke,.lesogsa,.brod{display:none!important}body{background:#fff}}


/* bakgrunnsbilder, smal fil under 720 px */
.bg-arkiv{background-image:url('/bilder/arkiv-sm.webp')}
.bg-bil{background-image:url('/bilder/bil-sm.webp')}
.bg-bolig{background-image:url('/bilder/bolig-sm.webp')}
.bg-budsjett{background-image:url('/bilder/budsjett-sm.webp')}
.bg-familie{background-image:url('/bilder/familie-sm.webp')}
.bg-forbruker{background-image:url('/bilder/forbruker-sm.webp')}
.bg-forside{background-image:url('/bilder/forside-sm.webp')}
.bg-forsikring{background-image:url('/bilder/forsikring-sm.webp')}
.bg-hytte{background-image:url('/bilder/hytte-sm.webp')}
.bg-inkasso{background-image:url('/bilder/inkasso-sm.webp')}
.bg-inntekt{background-image:url('/bilder/inntekt-sm.webp')}
.bg-karusell-1{background-image:url('/bilder/karusell-1-sm.webp')}
.bg-kredittkort{background-image:url('/bilder/kredittkort-sm.webp')}
.bg-lan{background-image:url('/bilder/lan-sm.webp')}
.bg-okonomirad{background-image:url('/bilder/okonomirad-sm.webp')}
.bg-pensjon{background-image:url('/bilder/pensjon-sm.webp')}
.bg-skatt{background-image:url('/bilder/skatt-sm.webp')}
.bg-sparetips{background-image:url('/bilder/sparetips-sm.webp')}
.bg-sparing{background-image:url('/bilder/sparing-sm.webp')}
.bg-svindel{background-image:url('/bilder/svindel-sm.webp')}
.bg-utland{background-image:url('/bilder/utland-sm.webp')}
.bg-verktoy{background-image:url('/bilder/verktoy-sm.webp')}
@media(min-width:720px){.bg-arkiv{background-image:url('/bilder/arkiv.webp')}.bg-bil{background-image:url('/bilder/bil.webp')}.bg-bolig{background-image:url('/bilder/bolig.webp')}.bg-budsjett{background-image:url('/bilder/budsjett.webp')}.bg-familie{background-image:url('/bilder/familie.webp')}.bg-forbruker{background-image:url('/bilder/forbruker.webp')}.bg-forside{background-image:url('/bilder/forside.webp')}.bg-forsikring{background-image:url('/bilder/forsikring.webp')}.bg-hytte{background-image:url('/bilder/hytte.webp')}.bg-inkasso{background-image:url('/bilder/inkasso.webp')}.bg-inntekt{background-image:url('/bilder/inntekt.webp')}.bg-karusell-1{background-image:url('/bilder/karusell-1.webp')}.bg-kredittkort{background-image:url('/bilder/kredittkort.webp')}.bg-lan{background-image:url('/bilder/lan.webp')}.bg-okonomirad{background-image:url('/bilder/okonomirad.webp')}.bg-pensjon{background-image:url('/bilder/pensjon.webp')}.bg-skatt{background-image:url('/bilder/skatt.webp')}.bg-sparetips{background-image:url('/bilder/sparetips.webp')}.bg-sparing{background-image:url('/bilder/sparing.webp')}.bg-svindel{background-image:url('/bilder/svindel.webp')}.bg-utland{background-image:url('/bilder/utland.webp')}.bg-verktoy{background-image:url('/bilder/verktoy.webp')}}