/* Andejagt.dk: faelles stilark for alle sider.
   Mobil foerst (designets Web_M_*), desktop (Web_*) fra 900 px.
   Desktopvaerdierne er designets 1920-px-maal, skaleret ned med clamp().
   Sidespecifikt hoerer til i css/side-<slug>.css, ikke her. */

@font-face{font-family:'Bangers';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bangers-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bangers';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bangers-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-900-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-ext-900-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --yel:#FFD400;--ink:#111;--org:#FF5A1F;--white:#fff;
  --green:#2F8A3B;--blue:#1F5FAE;--purple:#7B4FB8;--muted:#C9C2A4;
  --fd:'Bangers',Impact,'Arial Narrow',sans-serif;
  --fb:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- Grundlag ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:var(--fb);font-weight:700;color:var(--ink);
  background-color:var(--yel);position:relative}
/* Solstraaler (RETTELSER 26): eet lag oeverst paa siden, der ruller med. Fast hoejde i px (aldrig
   hoejere end selve siden, saa korte sider ikke faar scroll), centrum i px fra toppen, og en maske der
   fader straalerne bloedt ud mod bunden, saa resten af siden er ren gul. Ligger bag header, indhold og footer. */
body::before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;pointer-events:none;
  height:min(1150px,100%);
  background-image:repeating-conic-gradient(from 0deg at 70% 150px,rgba(255,120,0,.2) 0 7deg,rgba(255,255,255,.14) 7deg 14deg);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 40%,rgba(0,0,0,.55) 70%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 40%,rgba(0,0,0,.55) 70%,transparent 100%)}
img{max-width:100%;height:auto}
:where(.aj) :is(h1,h2,h3,h4){margin:0;font-weight:400}
:where(.aj) p{margin:0}
:where(.aj) a{color:var(--ink)}
.aj a:focus-visible,.aj summary:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-80px;z-index:50;background:var(--ink);color:var(--yel) !important;padding:10px 16px;border-radius:10px;font-family:var(--fd);font-size:22px;letter-spacing:1px;text-decoration:none}
.skip:focus{top:12px}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page{width:100%;max-width:720px;margin:0 auto;padding:12px 16px 36px}

/* ---------- Header (mobil: hvid bjaelke + burgermenu) ---------- */
.hd{position:relative;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;
  padding:0 10px 0 12px;background:var(--white);border:4px solid var(--ink);border-radius:18px;box-shadow:5px 6px 0 var(--ink);font-family:var(--fd)}
.hd .lg{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:34px;letter-spacing:1px;line-height:1}
.hd .lg img{width:40px;height:40px;object-fit:contain}
.hd .lg span{display:inline-block;transform:skewX(-6deg);padding-top:3px}
.nav-d{display:none}
.nav-m summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:var(--org);border:3px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m summary i{display:block;width:22px;height:4px;background:var(--white);border-radius:2px;box-shadow:0 0 0 1.5px var(--ink)}
.nav-m[open] summary{background:var(--ink)}
.nav-m .menu{position:absolute;left:0;right:0;top:72px;display:flex;flex-direction:column;background:var(--white);border:4px solid var(--ink);border-radius:18px;
  box-shadow:5px 6px 0 var(--ink);padding:8px 18px;font-size:28px;letter-spacing:1px;max-height:calc(100vh - 110px);overflow:auto}
.nav-m .menu a{padding:10px 0;border-bottom:3px dashed #ddd;text-decoration:none;color:var(--ink);line-height:1.05}
.nav-m .menu a:last-child{border:0}
.nav-m .menu a.on{color:#C2410C}
.nav-m .menu a.cta{color:#C2410C}

/* ---------- Faelles komponenter (mobilvaerdier) ---------- */
.aj-main{padding:0 0 10px}
.aj-title{font-family:var(--fd);text-align:center;letter-spacing:2px;line-height:1.02;transform:skewX(-8deg);
  font-size:clamp(56px,17vw,80px);margin-top:28px;
  text-shadow:4px 0 0 #fff,-4px 0 0 #fff,0 4px 0 #fff,4px 4px 0 #fff,6px 7px 0 #111;overflow-wrap:anywhere}
.aj-bar{background:var(--org);transform:skewX(-24deg) rotate(-1deg);margin:-2px auto 0;width:230px;max-width:70%;height:12px}
.aj-lead{text-align:center;font-weight:800;margin:18px auto 26px;font-size:17px;line-height:1.45}
.aj-box{position:relative;background:var(--white);border:5px solid var(--ink);border-radius:20px;box-shadow:6px 8px 0 var(--ink);padding:20px 18px;min-width:0}
.aj-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.aj-h3{font-family:var(--fd);letter-spacing:1px;line-height:1;transform:skewX(-6deg);transform-origin:left;font-size:32px}
.aj-ul{background:var(--org);transform:skewX(-20deg);width:70px;height:6px;margin:6px 0 12px}
.aj-p{font-weight:700;font-size:16px;line-height:1.5}
.aj-p + .aj-p{margin-top:.8em}
.aj-num{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--yel);font-family:var(--fd);flex:none;
  width:46px;height:46px;border-radius:10px;font-size:32px;line-height:1;padding-top:.035em}
.aj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.aj-list li{display:flex;align-items:center;font-weight:800;gap:12px;font-size:16px;line-height:1.4}
.aj-ck{flex:none;position:relative;border-radius:6px;background:var(--c,var(--green));border:3px solid var(--ink);width:24px;height:24px}
.aj-ck::after{content:"";position:absolute;left:50%;top:44%;width:26%;height:52%;border:solid #fff;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(42deg)}
.aj-tag{display:inline-block;font-family:var(--fd);letter-spacing:1px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg);
  font-size:20px;padding:5px 12px 3px;background:var(--white);color:var(--ink);line-height:1.15}
.aj-tag.green{background:var(--green);color:#fff}
.aj-tag.blue{background:var(--blue);color:#fff}
.aj-tag.purple{background:var(--purple);color:#fff}
.aj-tag.ink{background:var(--ink);color:var(--yel)}
.aj-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--org);color:#fff !important;text-decoration:none;
  border:5px solid var(--ink);border-radius:14px;box-shadow:4px 6px 0 var(--ink);font-family:var(--fd);letter-spacing:1px;
  min-height:62px;padding:4px 26px 0;font-size:34px;width:100%;line-height:1;text-align:center;transition:transform .08s,box-shadow .08s}
.aj-btn:hover{transform:translate(2px,2px);box-shadow:2px 4px 0 var(--ink)}
.aj-btn.ink{background:var(--ink);color:var(--yel) !important}
.aj-q{font-family:var(--fd);letter-spacing:1px;line-height:1.05;font-size:25px;margin-bottom:8px}
.aj-row{display:flex;align-items:center}
.aj-c{text-align:center}
.aj-big{font-family:var(--fd);letter-spacing:1px;line-height:1}
.aj-ct{font-size:54px}
.aj-price{font-size:64px}
.aj-mail{font-size:clamp(22px,7vw,28px);overflow-wrap:anywhere}
.aj-bst{clip-path:polygon(97% 50%,86% 57%,98% 70%,81% 71%,86% 87%,71% 82%,68% 94%,57% 87%,50% 100%,43% 87%,31% 96%,29% 82%,14% 86%,18% 71%,2% 70%,13% 57%,3% 50%,13% 43%,7% 32%,18% 29%,13% 13%,29% 18%,31% 4%,43% 13%,50% 0%,57% 13%,68% 8%,71% 18%,85% 15%,82% 29%,98% 30%,86% 43%)}
/* Kort i et grid bliver lige hoeje; .aj-push skubber fx et tag ned i bunden (erstatter tomme <br>) */
.aj-box.flex{display:flex;flex-direction:column}
.aj-push{margin-top:auto}
.aj-donly{display:none !important}
.aj-sec{margin-top:40px}

/* ---------- Footer ---------- */
.aj-foot{background:var(--ink);color:#fff;border-radius:24px;display:grid;font-family:var(--fb);font-weight:700;
  margin:34px 0 0;padding:26px 22px;grid-template-columns:minmax(0,1fr);gap:22px;font-size:15px;line-height:1.6}
.aj .aj-foot a{color:var(--yel);text-decoration:none}
.aj .aj-foot a:hover{text-decoration:underline}
.aj-foot .fl{font-family:var(--fd);color:var(--yel);letter-spacing:1px;line-height:1;font-size:38px;margin-bottom:6px}
.aj-foot .fh{font-family:var(--fd);letter-spacing:1px;color:#fff;line-height:1;font-size:24px;margin:0 0 6px}
.aj-foot .fc{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.aj-foot .fm{color:var(--muted);font-style:normal}

/* ---------- Desktop-header fra 1100 px (menuen er for bred under det) ---------- */
@media (min-width:1100px){
  .hd{height:clamp(84px,6.35vw,122px);border-width:6px;border-radius:26px;box-shadow:9px 11px 0 var(--ink);background:var(--yel);
    padding:0 calc(clamp(12px,1.15vw,22px) + 5px) 0 clamp(12px,1.15vw,22px)}
  /* hoejre = venstre + CTA-skyggens 5 px, saa luften efter "BESTIL SPIL" (inkl. skygge) = luften foer logoet */
  .hd .lg{gap:10px;font-size:clamp(44px,4.375vw,84px)}
  .hd .lg img{width:clamp(56px,5.4vw,104px);height:clamp(56px,5.4vw,104px)}
  .hd .lg span{transform:skewX(-8deg);padding-top:6px}
  .nav-m{display:none}
  .nav-d{display:flex;align-items:center;gap:clamp(12px,1.56vw,30px);font-size:clamp(19px,1.77vw,34px);letter-spacing:1px}
  .nav-d a{color:var(--ink);text-decoration:none;line-height:1;padding-top:4px;white-space:nowrap}
  .nav-d a:hover{text-decoration:underline;text-decoration-thickness:3px}
  .nav-d a.on{background:var(--ink);color:var(--yel);padding:.26em .47em .15em;border-radius:12px;text-decoration:none}
  .nav-d a.cta{background:var(--org);color:#fff;border:clamp(3px,.26vw,5px) solid var(--ink);border-radius:14px;box-shadow:5px 6px 0 var(--ink);
    padding:.32em .58em .18em;font-size:1.12em}
  .nav-d a.cta:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:3px 4px 0 var(--ink)}
}

/* ---------- Desktop-layout fra 900 px ---------- */
@media (min-width:900px){
  body::before{height:min(clamp(1300px,90vw,1700px),100%);
    background-image:repeating-conic-gradient(from 0deg at 50% clamp(80px,5vw,100px),rgba(255,120,0,.2) 0 7deg,rgba(255,255,255,.14) 7deg 14deg)}
  .page{max-width:1920px;padding:clamp(12px,.94vw,18px) clamp(16px,2.19vw,42px) clamp(24px,2.1vw,40px)}
  .aj-main{padding:clamp(36px,2.6vw,50px) clamp(8px,6.1vw,118px) clamp(40px,3.65vw,70px)}
  .aj-title{font-size:clamp(84px,7.8vw,150px);margin-top:0;line-height:.95;text-shadow:.053em .06em 0 #fff,.08em .087em 0 #111}
  .aj-bar{width:clamp(280px,27vw,520px);height:clamp(12px,.94vw,18px);margin-top:-4px;max-width:none}
  .aj-lead{font-size:clamp(19px,1.41vw,27px);line-height:1.4;max-width:1150px;margin-top:clamp(20px,1.56vw,30px);margin-bottom:clamp(36px,2.9vw,56px)}
  .aj-box{border-width:6px;border-radius:22px;box-shadow:10px 12px 0 var(--ink);padding:clamp(24px,1.77vw,34px) clamp(24px,1.875vw,36px)}
  .aj-grid{gap:clamp(28px,2.3vw,44px)}
  .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aj-h3{font-size:clamp(32px,2.5vw,48px)}
  .aj-ul{width:96px;height:8px;margin:10px 0 18px}
  .aj-p{font-size:clamp(16px,1.1vw,21px);line-height:1.5}
  .aj-num{width:clamp(50px,3.44vw,66px);height:clamp(50px,3.44vw,66px);border-radius:14px;font-size:clamp(34px,2.4vw,46px)}
  .aj-list{gap:14px}
  .aj-list li{gap:16px;font-size:clamp(16px,1.1vw,21px);line-height:1.35}
  .aj-ck{width:30px;height:30px}
  .aj-tag{font-size:clamp(20px,1.35vw,26px);padding:7px 16px 4px}
  .aj-btn{width:auto;min-height:clamp(64px,4.48vw,86px);padding:6px clamp(28px,2.3vw,44px) 0;font-size:clamp(36px,2.6vw,50px);border-width:6px;box-shadow:6px 8px 0 var(--ink)}
  .aj-q{font-size:clamp(25px,1.77vw,34px);margin-bottom:10px}
  .aj-ct{font-size:clamp(54px,4.58vw,88px)}
  .aj-price{font-size:clamp(70px,5.73vw,110px)}
  .aj-mail{font-size:clamp(32px,3.125vw,60px)}
  .aj-donly{display:revert !important}
  .aj-monly{display:none !important}
  .aj-sec{margin-top:clamp(48px,3.6vw,70px)}
  .aj-foot{margin:0;padding:clamp(30px,2.3vw,44px) clamp(30px,2.7vw,52px);grid-template-columns:1.3fr 1fr 1fr;gap:40px;font-size:clamp(16px,1vw,19px)}
  .aj-foot .fl{font-size:clamp(40px,2.9vw,56px);margin-bottom:8px}
  .aj-foot .fh{font-size:clamp(24px,1.56vw,30px);margin-bottom:10px}
}
@media (min-width:1100px){
  .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1400px){
  .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .aj-btn,.nav-d a.cta{transition:none}
}

/* Visuel gennemgang 18/10: ingen enkeltord alene paa sidste linje, og laeselige linjelaengder */
.aj-lead,.aj-title,.aj-h3,.aj-q{text-wrap:balance}
@media (min-width:900px){
  .aj-lead{max-width:min(1150px,64ch)}
}
/* 900-1099 px: g3 staar i een kolonne; hold kortene smalle nok til korte linjer */
@media (min-width:900px) and (max-width:1099px){
  .g3{max-width:780px;margin-inline:auto}
}