/* Studio Stilhed: faelles stil for alle sider. Off-hvid, off-sort, elektrisk orange som eneste pop. */
:root{--grund:#F7F7F5;--blaek:#1A1A1A;--pop:#FF5A1F;--foto:#E6E6E2}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light;background:var(--grund)}
body{background:var(--grund);color:var(--blaek);font:400 18px/1.5 "Rethink Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--pop);color:var(--blaek)}
:focus-visible{outline:3px solid var(--blaek);outline-offset:3px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
img{display:block;width:100%;height:auto;background:var(--foto)}
h1,h2,h3{text-wrap:balance}
h2{font-size:2.5rem}
.ramme{max-width:1200px;margin-inline:auto;padding-left:24px;padding-right:24px}
section{padding-top:48px;padding-bottom:48px}
.baand{background:var(--blaek);color:var(--grund);font-size:14px;line-height:1.4;padding:8px 24px;text-align:center}
header{border-bottom:1px solid var(--blaek)}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:16px;padding-bottom:16px}
.navn-top{font:800 22px/1 Epilogue,sans-serif;letter-spacing:-.01em;text-decoration:none}
.top nav{display:flex;flex-wrap:wrap;gap:8px 24px;width:100%;order:3;font-weight:500}
.top nav a,.tlf{text-decoration:none;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.top nav a:hover,.tlf:hover{text-decoration:underline}
.tlf{font-weight:500;font-variant-numeric:tabular-nums}
.hero{padding-top:40px}
.hero h1{font-size:18px;font-weight:500;margin-bottom:16px}
.slogan{font:800 clamp(2.5rem,7.5vw,7rem)/.95 Epilogue,sans-serif;letter-spacing:-.025em;max-width:16ch}
.slogan u{text-decoration:underline;text-decoration-color:var(--pop);text-decoration-thickness:.12em;text-underline-offset:.06em;text-decoration-skip-ink:none}
.indled{display:flex;flex-wrap:wrap;align-items:center;gap:16px 40px;margin-top:32px}
.indled p{max-width:38ch}
.knap{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 32px;background:var(--pop);color:var(--blaek);font-weight:500;font-size:18px;text-decoration:none;white-space:nowrap}
.knap:hover{background:#E84E14}
.skema-titel{font:800 clamp(2rem,4vw,3.5rem)/1.05 Epilogue,sans-serif;letter-spacing:-.02em;margin-bottom:24px}
.skema{display:grid;grid-template-columns:6rem 1fr;border-top:1px solid var(--blaek);border-left:1px solid var(--blaek)}
.dag,.hold{border-right:1px solid var(--blaek);border-bottom:1px solid var(--blaek);padding:12px 16px;min-height:56px}
.dag{grid-column:1;grid-row:span 3;font-weight:500;display:flex;align-items:flex-start}
.hold{grid-column:2;display:flex;gap:16px;align-items:baseline;text-decoration:none;font-weight:500;transition:background-color .15s ease-out}
.hold:hover,.hold:focus-visible{background:var(--pop);outline-offset:-3px}
.tid{font-variant-numeric:tabular-nums;font-weight:400;min-width:3.2em}
.hint{margin-top:16px}
.foto-stor{padding-top:0;padding-bottom:48px}
.foto-stor img{aspect-ratio:2/1;object-fit:cover}
.priser h2,.fotos h2,.ord h2,.findos h2{font:800 clamp(2rem,4vw,3.5rem)/1.05 Epilogue,sans-serif;letter-spacing:-.02em;margin-bottom:32px}
.pris-liste{display:grid;gap:32px;border-top:1px solid var(--blaek)}
.pris{padding-top:24px;border-top:1px solid var(--blaek)}
.pris:first-child{border-top:0}
.pris .tal{font:800 clamp(3rem,6vw,5.5rem)/1 Epilogue,sans-serif;letter-spacing:-.03em;display:block;margin-bottom:8px}
.pris .tal small{font:500 18px/1 "Rethink Sans",system-ui,sans-serif;letter-spacing:0}
.pris h3{font-size:24px;font-weight:500;margin-bottom:8px}
.pris p{max-width:38ch}
.fotos .rad{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px}
.foto-baand{margin:48px auto 0;max-width:1200px;padding-left:var(--side,24px);padding-right:var(--side,24px)}
.foto-baand img{width:100%;aspect-ratio:3/2;object-fit:cover}
.foto-baand figcaption{margin-top:12px;max-width:44ch;font-size:15px}
.fotos figure img{aspect-ratio:3/2;object-fit:cover}
.fotos figure.kvadrat img{aspect-ratio:1/1}
.fotos figcaption{margin-top:12px;max-width:38ch}
.ord .plads{border:1px solid var(--blaek);padding:32px 24px;max-width:60ch}
.ord .plads p{font:800 clamp(1.5rem,2.5vw,2rem)/1.2 Epilogue,sans-serif;letter-spacing:-.01em;text-wrap:balance}
.findos .kolonner{display:grid;gap:32px}
.findos h3{font-size:24px;font-weight:500;margin-bottom:8px}
.findos p{max-width:38ch}
address{font-style:normal}
footer{border-top:1px solid var(--blaek);padding-top:32px;padding-bottom:32px;font-size:16px}
footer .ramme{display:grid;gap:8px}
@media (min-width:768px){
  section{padding-top:80px;padding-bottom:80px}
  .top nav{width:auto;order:0}
  .hero{padding-top:64px}
  .indled{margin-top:48px}
  .skema{grid-template-columns:repeat(7,1fr);grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
  .dag{grid-column:auto;grid-row:auto}
  .hold{grid-column:auto;flex-direction:column;gap:2px;padding:16px;min-height:88px}
  .tid{min-width:0}
  .foto-stor{padding-top:0;padding-bottom:80px}
  .pris-liste{grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--blaek)}
  .pris,.pris:first-child{border-top:0;padding-top:32px}
  .fotos .rad{grid-template-columns:3fr 2fr 3fr;align-items:start}
  .fotos figure:nth-child(4){grid-column:1}
  .foto-baand{margin-top:80px}
  .findos .kolonner{grid-template-columns:repeat(3,1fr)}
  footer .ramme{grid-template-columns:1fr auto;align-items:center}
}
@media (prefers-reduced-motion:reduce){.hold{transition:none}}

/* ---- faelles chrome paa alle sider ---- */
.spring-ind{position:fixed;top:-120px;left:0;z-index:20;background:var(--pop);color:var(--blaek);padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;font-weight:500;text-decoration:none}
.spring-ind:focus,.spring-ind:focus-visible{top:0}
.top nav a[aria-current="page"]{box-shadow:inset 0 -4px 0 var(--pop)}
.top .knap{min-height:44px;padding:8px 20px;font-size:16px}

/* sidehoved paa undersider */
.sidetitel{padding-top:40px;padding-bottom:0}
.sidetitel h1{font:800 clamp(2.25rem,6vw,5rem)/.98 Epilogue,sans-serif;letter-spacing:-.025em;max-width:18ch;text-wrap:balance}
.sidetitel p{margin-top:24px;max-width:46ch;font-size:19px}
@media (min-width:768px){.sidetitel{padding-top:64px}}

/* stort foto i fuld bredde med tekst under */
.fuldfoto{padding-top:0;padding-bottom:48px}
.fuldfoto img{aspect-ratio:2/1;object-fit:cover}
.fuldfoto figcaption{margin-top:12px;max-width:44ch;font-size:15px}
@media (min-width:768px){.fuldfoto{padding-bottom:80px}}

/* tekstliste med tal i venstre spalte */
.punkter{border-top:1px solid var(--blaek)}
.punkter > div{padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--blaek)}
.punkter h3{font:800 24px/1.1 Epilogue,sans-serif;letter-spacing:-.01em;margin-bottom:8px}
.punkter p{max-width:60ch}
@media (min-width:768px){
  .punkter > div{display:grid;grid-template-columns:14rem 1fr;gap:32px;align-items:baseline;padding-top:32px;padding-bottom:32px}
  .punkter h3{margin-bottom:0}
}

/* to fotos ved siden af hinanden */
.parfoto{display:grid;gap:32px 16px;grid-template-columns:1fr 1fr}
.parfoto>*{min-width:0}
.parfoto figure{margin:0}
.parfoto img{aspect-ratio:3/2;object-fit:cover}
.parfoto figcaption{margin-top:12px;max-width:38ch;font-size:16px}
@media (max-width:767px){.parfoto{grid-template-columns:1fr;gap:32px}}

/* spoergsmaal */
.spoergsmaal dl{border-top:1px solid var(--blaek);max-width:70ch}
.spoergsmaal dt{font:800 22px/1.2 Epilogue,sans-serif;letter-spacing:-.01em;padding-top:24px}
.spoergsmaal dd{padding-top:8px;padding-bottom:24px;border-bottom:1px solid var(--blaek)}

/* videre */
.videre-to{display:grid;gap:0;border-top:1px solid var(--blaek)}
.videre-to a{display:block;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--blaek);text-decoration:none;min-width:0}
.videre-to b{display:block;font:800 26px/1.1 Epilogue,sans-serif;letter-spacing:-.02em}
.videre-to a:hover b{text-decoration:underline;text-decoration-color:var(--pop);text-decoration-thickness:.1em}
.videre-to span{display:block;margin-top:4px;font-size:16px}
@media (min-width:768px){.videre-to{grid-template-columns:1fr 1fr;column-gap:32px}}

.skema-blok{padding-top:48px}