:root{
  --bg:#eef1f4;--panel:#ffffff;--ink:#1f2a33;--muted:#56646f;--line:#cfd6dd;--gold:#e0b324;--gold-deep:#6b5200;--slate:#27343f;
  --font:Inter,Roboto,'Helvetica Neue','Arial Nova','Nimbus Sans',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--font);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--gold-deep)}
a:hover{background:rgba(224,179,36,.28)}
:focus-visible{outline:3px solid var(--slate);outline-offset:3px;box-shadow:0 0 0 6px var(--gold)}
.hopover{position:absolute;left:-999px;top:0;background:var(--slate);color:#fff;padding:.7rem 1rem;z-index:20}
.hopover:focus{left:0}
.frame{width:100%;max-width:72rem;margin:0 auto;padding:0 1rem}

/* topbar */
.bar{background:var(--slate);color:#fff}
.bar .frame{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;align-items:center;justify-content:space-between;padding-top:.8rem;padding-bottom:.8rem}
.bar a{color:#fff;text-decoration:none}
.bar a:hover{background:none;text-decoration:underline;text-decoration-color:var(--gold)}
.logo{font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:.6rem}
.logo i{display:inline-block;width:.95rem;height:.95rem;border-radius:50%;background:var(--gold)}
.logo span{font-weight:400;color:#c9d2da}
.menu{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;font-size:.95rem}
.menu a{padding:.25rem 0;border-bottom:2px solid transparent}
.menu a[aria-current="page"]{border-bottom-color:var(--gold)}

/* hero */
.opener{padding:2.2rem 0 1.5rem}
.opener .frame{display:grid;gap:1.8rem}
.opener h1{font-size:clamp(2rem,6.4vw,3.4rem);line-height:1.08;letter-spacing:-.02em;margin:.2rem 0 1rem;font-weight:800}
.opener .intro{font-size:1.12rem;color:#34434f;max-width:36rem}
.tag{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-deep);margin:0}
.notice{border-left:5px solid var(--gold);background:var(--panel);padding:.85rem 1rem;margin:1.3rem 0;max-width:38rem;font-size:.98rem}
.knap{display:inline-block;background:var(--gold);color:#1f2a33;font-weight:700;text-decoration:none;padding:.85rem 1.35rem;border:2px solid var(--slate);border-radius:4px;line-height:1.2}
.knap:hover{background:#f0c63f}
.row{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;margin-top:1.2rem}
.checklist{background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--slate);padding:1.2rem 1.2rem 1.4rem}
.checklist h2{font-size:1.15rem;margin:0 0 .8rem}
.checklist ol{list-style:none;margin:0;padding:0;counter-reset:n}
.checklist li{counter-increment:n;display:grid;grid-template-columns:2.4rem 1fr;gap:.5rem;padding:.7rem 0;border-top:1px solid var(--line)}
.checklist li:first-child{border-top:0}
.checklist li::before{content:counter(n,decimal-leading-zero);font-weight:800;color:var(--gold-deep);font-variant-numeric:tabular-nums}

/* sections */
.sek{padding:2.4rem 0}
.sek.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sek h2{font-size:clamp(1.55rem,4.4vw,2.1rem);line-height:1.18;letter-spacing:-.01em;margin:0 0 1rem}
.sek h3{font-size:1.15rem;line-height:1.3;margin:0 0 .4rem}
.grid{display:grid;gap:1.1rem}
.kort{background:var(--panel);border:1px solid var(--line);padding:1.2rem}
.alt .kort{background:var(--bg)}
.kort .nr{display:block;font-size:2rem;font-weight:800;color:var(--gold-deep);line-height:1;margin-bottom:.6rem;font-variant-numeric:tabular-nums}
.tekst{max-width:44rem}
.tekst p{margin:0 0 1.05rem}
.tekst h2{margin-top:2rem}
.tekst h2:first-child{margin-top:0}
.lead{font-size:1.12rem;color:#34434f}
.fodnote{font-size:.95rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.8rem;margin-top:1.4rem}
.stier{width:100%;max-width:30rem;margin:0 auto;display:block}
.stier .sti{fill:none;stroke:#27343f;stroke-width:2.5;stroke-linecap:round}
.stier .valgt{fill:none;stroke:#c99a00;stroke-width:4;stroke-linecap:round}
.stier .knude{fill:#fff;stroke:#27343f;stroke-width:2.5}
.stier .maal{fill:#e0b324;stroke:#27343f;stroke-width:2.5}
.stier text{font:600 13px Inter,Roboto,Arial,sans-serif;fill:#1f2a33}
.profil{display:grid;gap:1.4rem;align-items:start}
.profil img{display:block;width:100%;max-width:17rem;border:1px solid var(--line);border-bottom:6px solid var(--gold)}
.akut{background:var(--slate);color:#fff;padding:1rem 1.2rem;border-radius:4px;margin:1.6rem 0 0}
.akut a{color:#fff}
.akut strong{color:var(--gold)}
.sp{display:grid;gap:1rem;counter-reset:q}
.sp article{background:var(--panel);border:1px solid var(--line);padding:1.1rem 1.2rem;counter-increment:q}
.sp h2{font-size:1.15rem;margin:0 0 .5rem;display:grid;grid-template-columns:2.6rem 1fr;align-items:baseline}
.sp h2::before{content:"S"counter(q);font-weight:800;color:var(--gold-deep);font-size:.95rem}
.sp p{margin:0 0 .7rem}
.sp p:last-child{margin:0}
.sti-krumme{font-size:.9rem;color:var(--muted);margin:1.4rem 0 0}

/* footer */
.bund{background:var(--slate);color:#dfe5ea;margin-top:2rem;padding:2rem 0 2.4rem;font-size:.97rem}
.bund .frame{display:grid;gap:1.4rem}
.bund h2{color:#fff;font-size:1rem;margin:0 0 .5rem;letter-spacing:.04em;text-transform:uppercase}
.bund a{color:#fff;text-decoration-color:var(--gold)}
.bund p{margin:0 0 .6rem}
.bund a:hover{background:rgba(224,179,36,.3)}

@media(min-width:48rem){
  .frame{padding:0 1.5rem}
  .opener{padding:3.4rem 0 2.4rem}
  .opener .frame{grid-template-columns:repeat(12,1fr);gap:2rem;align-items:start}
  .opener .vl{grid-column:1/8}
  .opener .hl{grid-column:8/13}
  .grid.tre{grid-template-columns:repeat(3,1fr)}
  .grid.to{grid-template-columns:repeat(2,1fr)}
  .profil{grid-template-columns:repeat(12,1fr)}
  .profil img{grid-column:1/5}
  .profil .tekst{grid-column:5/13}
  .bund .frame{grid-template-columns:repeat(12,1fr)}
  .bund .b1{grid-column:1/7}
  .bund .b2{grid-column:7/10}
  .bund .b3{grid-column:10/13}
  .sek{padding:3.4rem 0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* faq */
.folde{display:grid;gap:.6rem;counter-reset:f;max-width:48rem;margin-top:1.2rem}
.folde details{background:var(--bg);border:1px solid var(--line);border-left:6px solid var(--slate);counter-increment:f}
.folde summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2.4rem 1fr 1.6rem;gap:.4rem;align-items:baseline;padding:.9rem 1rem;font-weight:700;line-height:1.35}
.folde summary::-webkit-details-marker{display:none}
.folde summary::before{content:counter(f,decimal-leading-zero);color:var(--gold-deep);font-variant-numeric:tabular-nums;font-weight:800}
.folde summary::after{content:"+";font-weight:800;font-size:1.3rem;line-height:1;text-align:center;color:var(--slate)}
.folde details[open]{background:#fff;border-left-color:var(--gold)}
.folde details[open] summary::after{content:"\2212"}
.folde summary:focus-visible{outline:3px solid var(--slate);outline-offset:2px;box-shadow:0 0 0 6px var(--gold)}
.folde .sv{padding:0 1rem 1rem 3.8rem}
.folde .sv p{margin:0}
.en-liste{margin:0 0 1.05rem;padding-left:1.2rem}
.en-liste li{margin:.3rem 0}