/* Undersider genereret af seo/byg.py – samme farver og skrifter som index.html */
:root{
  --page:#FAF9F6;--card:#F4F3F1;--ink:#1B1D18;--graphite:#4D4D4D;--soft:#6A6A67;--ash:#D2D1CC;
  --lyng:#6B3A5A;--lyng-dark:#552D47;--moss:#1B1D18;
  --gutter:clamp(16px,2.2vw,30px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--graphite);font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;line-height:1.5}
a{color:inherit}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}

.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:clamp(14px,2vw,26px);padding-bottom:14px}
.brand{display:inline-flex;align-items:center;gap:.9em;height:48px;color:var(--ink);text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:300;letter-spacing:.42em;text-transform:uppercase;line-height:1}
.brand span{margin-right:-.24em}
.brand::before,.brand::after{content:"";display:block;width:.9em;height:1px;background:currentColor;opacity:.45}
.brand:hover{opacity:.7}
.top nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px);font-size:15px}
.top nav a{text-decoration:none;color:var(--ink)}
.top nav a:hover{text-decoration:underline;text-underline-offset:4px}
.top nav .cta{white-space:nowrap;padding:10px 16px;border-radius:8px;background:var(--lyng);color:#fff}
.top nav .cta:hover{background:var(--lyng-dark);text-decoration:none}
.mm{display:none;position:relative}
.mm summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border-radius:999px}
.mm summary::-webkit-details-marker{display:none}
.mm summary span{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .25s ease}
.mm[open] summary span:first-child{transform:translateY(3.75px) rotate(45deg)}
.mm[open] summary span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mm summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mm nav{position:absolute;right:0;top:52px;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:220px;padding:10px 0;background:var(--page);border:1px solid var(--ash);border-radius:10px;box-shadow:0 10px 30px rgba(90,50,40,.15)}
.mm nav a{padding:12px 20px;color:var(--ink);text-decoration:none;font-size:16px}
.mm nav a:hover{background:var(--card)}
@media (max-width:800px){.top>nav a:not(.cta){display:none}.top{gap:10px}.top>nav{margin-left:auto}.mm{display:block}}
@media (max-width:480px){.top>nav{display:none}.mm{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.mm summary span{transition:none}}

.hero{padding-top:clamp(48px,8vw,120px);padding-bottom:clamp(40px,6vw,80px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;font-size:14px;color:var(--soft)}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.6}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.kicker{margin:0 0 18px;font-family:"Source Serif 4",Georgia,serif;font-size:15px;color:var(--moss)}
h1{margin:0;max-width:18ch;font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:clamp(38px,5.2vw,74px);letter-spacing:-.03em;line-height:1;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.lead{margin:28px 0 0;max-width:60ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:34px 0 0}
.btn{display:inline-block;white-space:nowrap;padding:14px 22px;border-radius:8px;background:var(--lyng);color:#fff;text-decoration:none;font-weight:500}
.btn:hover{background:var(--lyng-dark)}
.ghost{color:var(--ink);text-underline-offset:4px}

.sek{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px);padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(44px,5vw,72px);border-top:1px solid var(--ash)}
.sek h2,.faq h2,.slut h2{margin:0;font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.01em;color:var(--ink)}
.sek p{margin:0 0 16px;max-width:62ch;line-height:1.65}
.sek ul{margin:8px 0 0;padding:0;list-style:none;border-top:1px solid var(--ash)}
.sek li{padding:14px 0 14px 26px;border-bottom:1px solid var(--ash);position:relative;color:var(--ink)}
.sek li::before{content:"";position:absolute;left:2px;top:22px;width:10px;height:1px;background:var(--moss)}

.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px);padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(56px,7vw,110px)}
.faq-l{border-top:1px solid var(--ash)}
.faq details{border-bottom:1px solid var(--ash)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:18px;font-weight:500;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .3s ease}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.faq summary h3{margin:0;font:inherit}
.faq details p{margin:0;padding:0 0 22px;max-width:62ch;line-height:1.6}

.slut{max-width:none;margin:0;padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);background:#222;color:#D6D5D0;scroll-margin-top:20px}
.slut-i{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.slut h2{color:#fff}
.slut-t p{margin:18px 0 0;max-width:42ch;line-height:1.6}
.slut a{color:#fff;text-underline-offset:4px}
.slut a:focus-visible,.kf :focus-visible{outline:2px solid #fff;outline-offset:3px}
.kf{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;align-content:start}
.kf .f{display:flex;flex-direction:column;gap:6px}
.kf .full,.kf button,.kf .pp{grid-column:1/-1}
.kf label{font-size:14px;color:#D6D5D0}
.kf label span{color:#A3A29D}
.kf input,.kf textarea{width:100%;padding:12px 14px;border:1px solid #5A5A57;border-radius:6px;background:#2C2C2A;color:#fff;font:inherit}
.kf input:focus,.kf textarea:focus{border-color:#fff;outline:none}
.kf button{justify-self:start;margin-top:4px;padding:14px 26px;border:0;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.kf button:hover{background:var(--card)}
.kf .pp{margin:10px 0 0;font-size:13px;color:#A3A29D}
@media (max-width:900px){.slut-i{grid-template-columns:1fr}}
@media (max-width:560px){.kf{grid-template-columns:1fr}}

.eks{padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(56px,6vw,96px);border-top:1px solid var(--ash)}
.eks-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 30px;margin-bottom:28px}
.eks h2{margin:0;font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,46px);line-height:1.05;color:var(--ink)}
.eks-h a{color:var(--ink);text-underline-offset:4px}
.eks-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.eks figure{margin:0}
.eks img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:6px;background:var(--card);box-shadow:0 5px 15px rgba(90,50,40,.15),0 4px 8px rgba(80,40,30,.10)}
.eks figcaption{margin-top:12px;font-size:14px;color:var(--soft)}
.eks figcaption b{font-weight:500;color:var(--ink)}
@media (max-width:700px){.eks-g{grid-template-columns:1fr}}

.rel{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--ash)}
.rel b{font-family:"Source Serif 4",Georgia,serif;font-weight:400;color:var(--moss)}
.rel a{color:var(--ink);text-underline-offset:4px}

.foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:44px;padding-bottom:44px;font-size:15px}
.foot div{display:flex;flex-direction:column;gap:6px}
.foot b{font-weight:500;color:var(--ink);margin-bottom:4px}
.foot a{text-decoration:none;padding:3px 0}
.foot a:hover{text-decoration:underline}
.foot .copy{grid-column:1/-1;margin:16px 0 0;color:var(--soft);font-size:14px}

@media (max-width:900px){.sek,.faq{grid-template-columns:1fr}}
@media (max-width:600px){.foot{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
.eks-n{margin:18px 0 0;font-size:13px;color:var(--soft)}

/* Touch: større trykflader uden at ændre udseendet, og 16px i felter så iPhone ikke zoomer ind */
@media (pointer:coarse){
  :is(.ghost,.eks-h a,.rel a,.foot a){position:relative}
  :is(.ghost,.eks-h a,.rel a,.foot a)::after{content:"";position:absolute;inset:-9px -4px}
  .foot a::after{inset:-3px -4px}
  input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}
}
/* 6.11: Samme overskrifter som resten af siden */
h1,.sek h2,.faq h2,.slut h2,.eks h2{font-family:"Manrope","Instrument Sans",system-ui,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}
.kicker{color:var(--soft)}