@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FAF8F4;color:#232C7A;font-family:'Jost',sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:#232C7A}a:hover{color:#C98E4B}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #C98E4B;outline-offset:3px}
[id]{scroll-margin-top:130px}
.skip{position:absolute;left:-9999px;top:0;background:#232C7A;color:#FAF8F4;padding:10px 16px;z-index:50}
.skip:focus{left:12px;top:12px;color:#FAF8F4}

/* Desktop-menu */
.nav-tema-panel{display:none}.nav-tema:hover .nav-tema-panel,.nav-tema:focus-within .nav-tema-panel{display:block}.nav-tema-knap:hover{color:#C98E4B}
a[style*="border-radius: 999px"]{transition:background-color .2s,color .2s}a[style*="border-radius: 999px"]:hover{background:#C98E4B!important;color:#FAF8F4!important}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.desk-nav a[aria-current="page"]{color:#C98E4B}

/* Fælles kolonnelinje: højre kolonne starter samme sted på alle sider */
@media (min-width:821px){
 [style*="flex: 1 1 320px"],[style*="flex: 1 1 380px; min-width: 0; max-width: 500px"],[style*="flex: 1 1 380px; min-width: 0; max-width: 480px"]{flex:0 0 38%!important;max-width:none!important}
 [style*="flex: 2 1 520px"],[style*="flex: 1 1 420px; min-width: 0; max-width: 560px"],[style*="flex: 1 1 420px; min-width: 0; max-width: 540px"]{flex:1 1 0!important;max-width:680px!important}
}
.faq-mob{display:none}
@media (max-width:600px){.faq-pre{display:none}.faq-mob{display:inline}}

/* Burger og mobilmenu */
.burger{display:none;background:none;border:0;padding:12px 0 12px 12px;margin:0;cursor:pointer;width:44px;height:44px;position:relative;color:#232C7A}
.burger span{display:block;position:absolute;right:0;width:26px;height:1px;background:currentColor;transition:transform .25s,top .25s}
.burger span:first-child{top:17px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.mobilmenu{display:none}

@media (max-width:960px){
 .hdr{grid-template-columns:1fr auto!important;align-items:center!important;padding-top:22px!important;padding-bottom:18px!important}
 .desk-nav,.desk-book{display:none!important}
 .burger{display:block}
 .mobilmenu:not([hidden]){display:block;grid-column:1 / -1;max-height:calc(100vh - 90px);overflow-y:auto;padding:18px 0 28px;border-top:1px solid rgba(35,44,122,.15);text-transform:none;letter-spacing:0}
 .mobilmenu ul{list-style:none;margin:0;padding:0}
 .mobilmenu li a{display:block;padding:9px 0;text-decoration:none;font-size:17px;font-weight:300}
 .mobilmenu a[aria-current="page"]{color:#C98E4B}
 .mm-label{margin:0 0 6px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
 .mm-main{margin-top:18px!important;padding-top:18px!important;border-top:1px solid rgba(35,44,122,.15)!important}
 .mm-main a{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px!important;font-weight:400!important}
 .mm-book{display:inline-block;margin-top:22px;text-decoration:none;background:#232C7A;color:#FAF8F4!important;padding:14px 28px;border-radius:999px;font-weight:400;font-size:15px}
 body.menu-open{overflow:hidden}
}

/* Små skærme */
@media (max-width:600px){
 h1{overflow-wrap:break-word}
 footer{flex-direction:column;align-items:flex-start;gap:16px!important}
 [style*="flex: 0 1 236px"]{flex:1 1 100%!important}
 [style*="flex: 0 1 400px"]{flex:1 1 100%!important}
 #temaer > div{grid-template-columns:1fr 1fr!important;column-gap:16px!important;row-gap:36px!important}
 #temaer > div > a{gap:12px!important}
 #temaer > div > a > span:first-of-type{font-size:12px!important;letter-spacing:.12em!important}
 #temaer > div > a > span:last-of-type{font-size:15px!important}
}

/* FAQ i to kolonner: undgå dobbelt streg, når kolonnerne stables */
@media (max-width:860px){#faq [style*="grid-template-columns"] > div:first-child > details:last-child{border-bottom:0!important}}

/* Fælles margen og prikker */
:root{--gutter:24px}
.dot{display:inline-block;width:.42em;height:.42em;border-radius:50%;background:#C98E4B;vertical-align:.14em}

/* Tablet */
@media (max-width:960px){
 :root{--gutter:56px}
 main img{max-width:360px;margin-left:auto;margin-right:auto}
}

/* Mobil */
@media (max-width:600px){
 :root{--gutter:32px}
 body > div{font-size:16px!important;line-height:1.7!important}
 p[style*="font-size: 17px"]{font-size:16px!important}
 p[style*="font-size: 16px"],span[style*="font-size: 16px"]{font-size:15px!important}
 p[style*="font-size: 19px"]{font-size:17px!important}
 [style*="clamp(25px"]{font-size:22px!important}
 [style*="clamp(23px"]{font-size:21px!important}
 summary{font-size:17px!important}
 main img{max-width:280px}
 #temaer > div{column-gap:20px!important}
 .mobilmenu li a{font-size:16px}
}
@media (min-width:601px) and (max-width:960px){#temaer > div{grid-template-columns:repeat(4,1fr)!important;column-gap:20px!important;row-gap:40px!important}#temaer > div > a > span:first-of-type{font-size:12px!important;letter-spacing:.12em!important}#temaer > div > a > span:last-of-type{font-size:15px!important}}

/* Justering 2: smallere kort, mindre billeder, større margener */
@media (max-width:960px){
 :root{--gutter:72px}
 main img{max-width:320px}
}
@media (max-width:600px){
 :root{--gutter:40px}
 main img{max-width:240px}
 [style*="flex: 0 1 236px"]{flex:1 1 100%!important;max-width:290px!important;margin-left:auto;margin-right:auto;padding:26px 22px 28px!important;gap:14px!important}
 [style*="flex: 0 1 236px"] p{font-size:15px!important}
}

/* Mindre prikker */
.dot{width:.3em;height:.3em;vertical-align:.2em}
@media (max-width:960px){.dot{width:.26em;height:.26em}}