/* offshorecontainer.dk – fælles stylesheet. Rettes her, ikke på de enkelte sider. */
:root{
  --nj-ink:#16202B;--nj-soft:#3F4954;--nj-muted:#5A6470;--nj-line:#DEDBD5;--nj-fill:#F4F2EE;
  --nj-red:#B4231B;--nj-red-dark:#8F1B15;
  --nj-font:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --global-palette1:#B4231B;--global-palette2:#8F1B15;--global-palette3:#16202B;--global-palette4:#16202B;
  --global-palette5:#3F4954;--global-palette6:#5A6470;--global-palette7:#F4F2EE;--global-palette8:#FFFFFF;--global-palette9:#FFFFFF;
  --global-body-font-family:var(--nj-font);--global-heading-font-family:var(--nj-font);
}
body{background:#fff;color:var(--nj-ink);font-family:var(--nj-font);font-size:17px;line-height:1.55}
h1,h2,h3,h4,h5,h6{font-family:var(--nj-font);color:var(--nj-ink)}
a{color:var(--nj-ink)}
a:hover{color:var(--nj-red)}

/* Sidehoved */
#masthead{border-top:4px solid var(--nj-red);border-bottom:1px solid var(--nj-line);background:#fff}
#masthead .site-header-row-container-inner{background:#fff}
#masthead .site-branding .site-title{font-family:var(--nj-font);font-size:18px;font-weight:600;color:var(--nj-ink)}
#masthead .main-navigation .primary-menu-container>ul>li.menu-item>a{font-family:var(--nj-font);font-size:16px;font-weight:400;color:var(--nj-ink)}
#masthead .main-navigation .primary-menu-container>ul>li.menu-item>a:hover{color:var(--nj-red)}
#masthead .main-navigation .primary-menu-container>ul>li.current-menu-item>a,
#masthead .main-navigation .primary-menu-container>ul>li.current-page-ancestor>a{color:var(--nj-ink);text-decoration:underline;text-underline-offset:6px}
#masthead .main-navigation li.nj-tlf>a,.mobile-navigation li.nj-tlf>a{font-weight:600!important}

/* Kadence-rammen neutraliseres, så siderne selv styrer bredden */
body.page .content-area{margin-top:0;margin-bottom:0}
body.page .content-container.site-container{max-width:none;padding:0}
body.page .content-bg,body.page .entry.content-bg{background:transparent;box-shadow:none;border-radius:0}
body.page .entry-content-wrap{padding:0}
body.page .entry-content{margin:0;padding:0 32px 88px}
body.page .entry-content>*{max-width:760px;margin-left:auto;margin-right:auto}
body.page .entry-content>.nj-bred{max-width:1160px}
body.page .entry-content>script,body.page .entry-content>style{display:none}

/* Løbende tekst */
.entry-content p,.entry-content li{color:var(--nj-soft)}
.entry-content>p,.nj-tekst p{margin-top:0;margin-bottom:16px}
.entry-content>h2,.nj-tekst h2{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.01em;margin-top:56px;margin-bottom:10px}
.entry-content>h3,.nj-tekst h3{font-size:19px;font-weight:500;line-height:1.3;margin-top:28px;margin-bottom:6px}
.entry-content>h4,.nj-tekst h4{font-size:17px;font-weight:500;margin-top:20px;margin-bottom:4px}
.entry-content>ul,.entry-content>ol,.nj-tekst ul,.nj-tekst ol{margin-top:0;margin-bottom:16px;padding-left:22px}
.entry-content li{padding:3px 0}
.entry-content strong{color:var(--nj-ink);font-weight:500}
.entry-content figure{margin-top:24px;margin-bottom:24px}
.entry-content figcaption{font-size:15px;color:var(--nj-muted);text-align:left;margin-top:8px}
.entry-content img{border-radius:0}

/* Tabeller */
.entry-content table{width:100%;border-collapse:collapse;border:0;border-top:2px solid var(--nj-red);font-size:16px;margin:0}
.entry-content table th{border:0;border-bottom:1px solid var(--nj-line);padding:10px 16px 10px 0;text-align:left;font-size:14px;font-weight:500;color:var(--nj-muted);background:transparent}
.entry-content table td{border:0;border-bottom:1px solid var(--nj-line);padding:10px 16px 10px 0;vertical-align:top;color:var(--nj-ink);background:transparent}
.entry-content table tr{background:transparent!important}
.entry-content .wp-block-table,.nj-tabel{overflow-x:auto}

/* Sidetop og knapper */
.nj-top{padding:56px 0 8px}
.nj-top h1,.nj-hero h1{margin:0;font-weight:600;font-size:44px;line-height:1.1;letter-spacing:-.01em;max-width:820px}
.nj-top .nj-lead,.nj-hero .nj-lead{margin:18px 0 0;font-size:20px;line-height:1.5;color:var(--nj-soft);max-width:680px}
.nj-hero{padding:72px 0 40px}
.nj-hero h1{font-size:48px;max-width:760px}
.nj-knapper{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px}
a.nj-knap{display:inline-block;background:var(--nj-red);color:#fff;text-decoration:none;font-weight:500;padding:14px 22px;border-radius:3px}
a.nj-knap:hover{background:var(--nj-red-dark);color:#fff}
a.nj-link{font-weight:500;padding:12px 0}
.nj-sektion{margin-top:96px!important}
.nj-sektion>h2,.nj-kontakt h2{margin:0 0 8px;font-weight:600;font-size:32px;line-height:1.15;letter-spacing:-.01em}
.nj-sektion>.nj-under{margin:0 0 24px;color:var(--nj-soft)}

/* Forsidens billeder */
.nj-fotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nj-fotos img{width:100%;height:400px;object-fit:cover;display:block}
.nj-fotos img:first-child{grid-column:1 / 3}

/* Typeliste */
.nj-typer{border-top:2px solid var(--nj-red)}
.nj-typer a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 0;border-bottom:1px solid var(--nj-line);text-decoration:none;color:var(--nj-ink)}
.nj-typer a:hover .nj-navn{color:var(--nj-red)}
.nj-typer img{width:112px;height:84px;object-fit:cover;display:block;background:var(--nj-fill);flex:0 0 112px}
.nj-typer img.nj-hel{object-fit:contain}
.nj-typer .nj-navn{flex:1 1 240px;font-weight:500;font-size:18px}
.nj-typer .nj-tal{flex:0 1 200px;display:flex;flex-direction:column}
.nj-typer .nj-tal small{font-size:13px;color:var(--nj-muted)}
.nj-typer .nj-brug{flex:0 1 220px;font-size:15px;color:var(--nj-muted)}
.nj-efter{margin:24px 0 0;color:var(--nj-soft)}

/* To spalter */
.nj-split{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start}
.nj-split>.nj-a{flex:1 1 360px}
.nj-split>.nj-b{flex:1.5 1 480px}
.nj-split h2{margin:0 0 16px;font-weight:600;font-size:32px;line-height:1.15;letter-spacing:-.01em}
.nj-split p{margin:0 0 12px}
.nj-linkliste{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.nj-linkliste a{padding:8px 0;font-weight:500}
.nj-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nj-par img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}
.nj-billedtekst{display:block;font-size:15px;color:var(--nj-muted);margin-top:10px}

/* Produktside */
.nj-produkt{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:flex-start;padding-top:48px}
.nj-produkt>.nj-galleri{flex:1.2 1 480px;display:flex;flex-direction:column;gap:12px;min-width:0}
.nj-produkt>.nj-fakta{flex:1 1 380px;min-width:0}
.nj-galleri img{width:100%;display:block;object-fit:cover}
.nj-galleri>a>img{height:auto;max-height:620px}
.nj-galleri .nj-smaa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nj-galleri .nj-smaa img{aspect-ratio:1 / 1}
.nj-fakta h1{margin:0 0 12px;font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-.01em}
.nj-fakta .nj-lead{margin:0 0 20px;font-size:19px;color:var(--nj-soft)}
.nj-fakta table td:first-child{color:var(--nj-muted);width:45%}
.nj-fakta table td:last-child{text-align:right;padding-right:0}
.nj-fakta .nj-note{margin:16px 0 0;font-size:15px;color:var(--nj-muted)}

/* Ofte stillede spørgsmål */
.nj-faq>div{padding:16px 0;border-top:1px solid var(--nj-line)}
.nj-faq>div:last-child{border-bottom:1px solid var(--nj-line)}
.nj-faq h3{margin:0 0 6px;font-size:17px;font-weight:500;line-height:1.4}
.nj-faq p{margin:0;color:var(--nj-soft)}

/* Kontakt */
.nj-kontakt{margin-top:96px!important;border-top:2px solid var(--nj-red);padding-top:32px;display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-start}
.nj-kontakt>.nj-a{flex:1 1 360px;min-width:0}
.nj-kontakt>.nj-b{flex:1 1 300px;display:flex;flex-direction:column;gap:4px;font-size:18px}
.nj-kontakt p{margin:0;color:var(--nj-soft);max-width:480px}
.nj-kontakt .nj-b a,.nj-kontakt .nj-b span{padding:6px 0}
.nj-kontakt .nj-b a:first-child{font-weight:600;text-decoration:none}
.nj-kontakt .nj-b span{color:var(--nj-soft)}
.nj-formular{margin-top:28px;max-width:560px}
.nj-formular .ff-btn-submit,.nj-formular button[type=submit]{background:var(--nj-red)!important;color:#fff!important;border:0!important;border-radius:3px!important;font-weight:500;padding:14px 22px}
.nj-formular .ff-btn-submit:hover{background:var(--nj-red-dark)!important}
.nj-formular input,.nj-formular textarea,.nj-formular select{border-radius:3px!important;font-family:var(--nj-font)}

/* Servicesiderne */
body.page .entry-content>.nj-tekst{margin-top:44px}
.nj-tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;margin:28px 0 8px;padding:20px 0;border-top:1px solid var(--nj-line);border-bottom:1px solid var(--nj-line)}
.nj-tre strong{display:block;margin-bottom:2px}
.nj-tre span{font-size:15px;color:var(--nj-muted)}
.nj-kort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:8px 0 16px;border-top:1px solid var(--nj-line)}
.nj-kort>div{padding:16px 0;border-bottom:1px solid var(--nj-line)}
.nj-kort h4{margin:0 0 4px;font-size:17px;font-weight:500}
.nj-kort p{margin:0;font-size:16px}
.nj-kort .spec{margin-top:6px;font-size:14px;color:var(--nj-muted)}
ol.nj-trin{margin:8px 0 16px;padding-left:22px}
ol.nj-trin li{padding:6px 0}
.nj-boks{margin:32px 0;padding:4px 0 4px 20px;border-left:2px solid var(--nj-red)}
.nj-boks h3{margin-top:0}
.nj-opfordring{margin:40px 0;padding:24px 0;border-top:1px solid var(--nj-line);border-bottom:1px solid var(--nj-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.nj-opfordring h3{margin:0 0 4px;font-size:19px;font-weight:500}
.nj-opfordring p{margin:0;font-size:16px}
.nj-foer-efter figure{margin:0!important}
.nj-foer-efter img{border-radius:0!important}

/* Sidefod */
#colophon{border-top:1px solid var(--nj-line);background:#fff}
#colophon .site-footer-row-container-inner{background:#fff}
#colophon,#colophon p,#colophon a{font-family:var(--nj-font);font-size:15px;color:var(--nj-muted)}

@media (max-width:900px){
  .nj-top h1,.nj-hero h1{font-size:36px}
  .nj-fakta h1{font-size:32px}
  .nj-hero{padding:48px 0 32px}
  .nj-fotos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nj-fotos img{height:220px}
  .nj-fotos img:first-child{height:280px}
  .nj-sektion,.nj-kontakt{margin-top:64px!important}
  .nj-typer .nj-brug{display:none}
}
@media (max-width:640px){
  body.page .entry-content{padding:0 18px 64px}
  .nj-top h1,.nj-hero h1{font-size:30px}
  .nj-top .nj-lead,.nj-hero .nj-lead{font-size:18px}
  .nj-sektion>h2,.nj-kontakt h2,.nj-split h2{font-size:26px}
  .entry-content>h2,.nj-tekst h2{font-size:24px;margin-top:44px}
  .nj-typer img{width:84px;height:63px;flex-basis:84px}
  .nj-typer .nj-navn{flex-basis:160px;font-size:17px}
  .nj-typer .nj-tal{flex-basis:100%;flex-direction:row;gap:8px;align-items:baseline}
  .nj-tre,.nj-kort{grid-template-columns:1fr}
  .nj-fakta table td:first-child{width:auto}
}