html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Street Society: fælles stilark for alle undersider */
*{box-sizing:border-box}
body{margin:0;background:#FAF6F2;color:#141414;font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#AA0C00}a:hover{color:#850900}
img{display:block}
.page{position:relative;z-index:0;min-height:100%;overflow-x:clip;padding-bottom:48px}
.wrap{max-width:1232px;margin:0 auto;padding:0 24px}
.disp{font-family:MuseoModerno,sans-serif;font-weight:800;letter-spacing:-.01em}
.tag{font-family:"Sedgwick Ave Display",cursive;font-weight:400}
.h1{font-size:88px;line-height:.95;margin:0}
.h2{font-size:60px;line-height:1;margin:0}
.h3{font-size:30px;line-height:1.08;margin:0}
.lead{font-size:20px;line-height:1.6;margin:0}
.p{font-size:17px;line-height:1.6;margin:0}
.muted{color:#55504C}
.white{color:#FFFFFF}
.pad{padding:52px 56px}
.sec{margin-top:96px}

/* fliser og skygger */
.tile{background:#FFFFFF;border-radius:34px;box-shadow:0 2px 3px rgba(40,25,10,.10),0 8px 18px rgba(40,25,10,.14),0 24px 48px rgba(40,25,10,.18),0 56px 110px rgba(40,25,10,.16)}
.sh{box-shadow:0 2px 3px rgba(40,25,10,.10),0 8px 18px rgba(40,25,10,.14),0 24px 48px rgba(40,25,10,.18),0 56px 110px rgba(40,25,10,.16)}
.sh-dark{box-shadow:0 2px 3px rgba(0,0,0,.3),0 10px 24px rgba(0,0,0,.35),0 30px 64px rgba(0,0,0,.35)}
.red{color:#FFFFFF;background:linear-gradient(155deg,#C8301F 0%,#AA0C00 46%,#850900 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 3px rgba(110,8,0,.22),0 10px 24px rgba(170,12,0,.32),0 30px 64px rgba(170,12,0,.30),0 60px 120px rgba(170,12,0,.18)}
.yellow{color:#141414;background:linear-gradient(155deg,#FDFB8A 0%,#FCF951 46%,#E6E02E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 3px rgba(150,140,0,.22),0 10px 24px rgba(200,190,30,.32),0 30px 64px rgba(200,190,30,.30),0 60px 120px rgba(200,190,30,.18)}
.asph-tile{color:#FFFFFF;background:linear-gradient(155deg,#C8301F 0%,#AA0C00 46%,#850900 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 3px rgba(110,8,0,.22),0 10px 24px rgba(170,12,0,.32),0 30px 64px rgba(170,12,0,.30),0 60px 120px rgba(170,12,0,.18)}
.ink{color:#FFFFFF;background:#141414;box-shadow:0 2px 3px rgba(20,20,20,.14),0 14px 32px rgba(20,20,20,.22)}
.asph-tile p{color:#FFFFFF !important}
.asph-tile .btn-red{color:#FFFFFF;background:#141414;box-shadow:0 6px 14px rgba(60,0,0,.25)}
.pink{color:#141414;background:linear-gradient(155deg,#ECC9E0 0%,#E0B2D0 46%,#CB95BA 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 3px rgba(122,61,102,.22),0 10px 24px rgba(204,151,187,.38),0 30px 64px rgba(204,151,187,.34),0 60px 120px rgba(204,151,187,.2)}
.r34{border-radius:34px}.r40{border-radius:40px}.r28{border-radius:28px}
.photo{overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}

/* knapper */
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:Montserrat,sans-serif;transition:transform .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-red{color:#FFFFFF;background:linear-gradient(180deg,#C8301F 0%,#AA0C00 55%,#8A0900 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(110,8,0,.25),0 8px 18px rgba(170,12,0,.32)}
.btn-red:hover{color:#FFFFFF}
.btn-dark{color:#FFFFFF;background:linear-gradient(180deg,#34322D,#171816);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(0,0,0,.2)}
.btn-dark:hover{color:#FFFFFF}
.btn-white{color:#141414;background:#FFFFFF;box-shadow:0 1px 2px rgba(40,25,10,.12),0 6px 14px rgba(40,25,10,.18),0 16px 32px rgba(40,25,10,.14)}
.btn-white:hover{color:#141414}
.btn-yellow{color:#141414;background:linear-gradient(180deg,#FDFB8A 0%,#FCF951 55%,#E6E02E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(200,190,30,.3)}
.btn-yellow:hover{color:#141414}
.chip{display:inline-block;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}

/* menu */
.sb-head{background:#000000;border-radius:22px;color:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 3px rgba(40,25,10,.18),0 10px 22px rgba(40,25,10,.2),0 28px 56px rgba(40,25,10,.22),0 56px 110px rgba(40,25,10,.16)}
.sb-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px 16px 30px}
.sb-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.sb{position:relative;display:inline-flex;align-items:baseline;padding:12px 4px;color:rgba(255,255,255,.78);text-decoration:none;font-family:MuseoModerno,sans-serif;font-weight:600;font-size:18px;transition:color .25s ease,text-shadow .25s ease}
.sb::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;border-radius:2px;background:#AA0C00;box-shadow:0 0 10px rgba(210,58,38,.85);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.3,.7,.2,1)}
.sb:hover,.sb.on{color:#FFFFFF;text-shadow:0 0 14px rgba(255,255,255,.45)}
.sb:hover::after,.sb.on::after,.sb:focus-visible::after{transform:scaleX(1)}
.sb-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:15px;background:linear-gradient(180deg,#D23A26 0%,#AA0C00 55%,#860900 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 20px rgba(170,12,0,.45);border:0;cursor:pointer;font-family:Montserrat,sans-serif;transition:transform .2s ease}
.sb-cta:hover{color:#FFFFFF;transform:translateY(-2px)}
.sb-cta.menu-btn{display:none}

/* sprayeffekter */
.spray{animation:clipin 1.1s cubic-bezier(.35,.6,.2,1) .2s both}
@keyframes clipin{from{clip-path:inset(-15% 100% -30% -8%)}to{clip-path:inset(-15% -8% -30% -8%)}}
@keyframes spray{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
.stroke{stroke-dasharray:1200;stroke-dashoffset:0;animation:draw 1.1s cubic-bezier(.4,.1,.2,1) 1.2s both}
@keyframes draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
.tagin{animation:tagin .9s cubic-bezier(.3,.7,.2,1) 1s both}
@keyframes tagin{from{opacity:0;transform:scale(1.25) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}
.stamp{animation:stamp .7s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes stamp{from{opacity:0;transform:scale(1.6) rotate(var(--r,-8deg))}to{opacity:.92;transform:scale(1) rotate(var(--r,-8deg))}}


/* bevægelse */
.lift{transition:transform .2s ease}.lift:hover{transform:translateY(-3px)}
.zoom img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.zoom:hover img{transform:scale(1.05)}
.float{animation:float 7s ease-in-out infinite}
.float2{animation:float 7s ease-in-out -3.5s infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.swing{animation:swing 4.2s ease-in-out infinite alternate}
.swing2{animation:swing 3.6s ease-in-out -1.8s infinite alternate}
@keyframes swing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.sway{animation:sway 3s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
.bob{animation:bob 2.8s ease-in-out infinite}
.bob2{animation:bob 2.8s ease-in-out -1.4s infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.net{animation:net 2.4s ease-in-out infinite alternate;transform-origin:50% 0}
@keyframes net{from{transform:skewX(-3deg) scaleY(1)}to{transform:skewX(3deg) scaleY(.96)}}
.road-dash{animation:dash 30s linear infinite}
@keyframes dash{to{stroke-dashoffset:-600}}
.chalk{stroke-dasharray:900;stroke-dashoffset:900;animation:chalk 2.4s ease-out .6s forwards}
@keyframes chalk{to{stroke-dashoffset:0}}
.band{background:linear-gradient(90deg,#AA0C00,#FCF951,#161616,#E0B2D0,#AA0C00);background-size:400% 100%;animation:band 7s linear infinite}
@keyframes band{to{background-position:400% 0}}
.plane{offset-rotate:auto;animation:fly 9s linear infinite}
@keyframes fly{from{offset-distance:0%}to{offset-distance:100%}}

/* underlag: asfalt, græs, hal, bane, væg */
.asphalt{background-color:#262626;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.6px),radial-gradient(rgba(0,0,0,.35) 1px,transparent 1.8px),radial-gradient(rgba(255,255,255,.04) 2px,transparent 2.6px),linear-gradient(180deg,#2B2B2B,#1E1E1E);background-size:7px 7px,11px 11px,23px 23px,100% 100%;background-position:0 0,3px 5px,9px 2px,0 0;color:#FFFFFF}
.grass{background-color:#3E8E3A;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 110px,rgba(0,0,0,.05) 110px 220px),radial-gradient(rgba(0,0,0,.12) 1px,transparent 1.5px);background-size:auto,6px 6px;color:#FFFFFF}
.wood{background-color:#D6A466;background-image:repeating-linear-gradient(0deg,rgba(90,50,10,.10) 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 180px,rgba(120,70,20,.08) 180px 360px),linear-gradient(180deg,#DDAE70,#CB955A)}
.court{background-color:#B4493A;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.6px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.8px);background-size:7px 7px,11px 11px;background-position:0 0,4px 6px;color:#FFFFFF}
.wall{background-color:#2A2A2A;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px),radial-gradient(rgba(0,0,0,.3) 1.5px,transparent 2px),linear-gradient(180deg,#303030,#232323);background-size:5px 5px,13px 13px,100% 100%;color:#FFFFFF}
.chalkboard{background-color:#1F3328;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.5px),linear-gradient(160deg,#25402F,#18291F);background-size:6px 6px,100% 100%;color:#FFFFFF}
.line{position:absolute;border:3px solid rgba(255,255,255,.82);pointer-events:none}
.zebra{position:relative;background:#FFFFFF;color:#141414;border-radius:24px;box-shadow:0 2px 3px rgba(40,25,10,.10),0 10px 26px rgba(40,25,10,.16)}

/* plakater */
.poster{position:relative;background:#FBF8F1;color:#141414;box-shadow:0 2px 3px rgba(0,0,0,.25),0 14px 30px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.3,.7,.2,1)}
.poster:hover{transform:rotate(0deg) scale(1.02) !important}
.tape{position:absolute;width:92px;height:28px;background:rgba(236,226,200,.78);box-shadow:0 1px 2px rgba(0,0,0,.2)}

/* boldrammer */
.ball{position:relative}
.ball .in{position:absolute;inset:14%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1.5px rgba(20,20,20,.6),0 3px 8px rgba(0,0,0,.35)}
.ball .in img{width:100%;height:100%;object-fit:cover}
.ball svg{position:absolute;inset:0;width:100%;height:100%}

/* skabe */
.locker{position:relative;height:440px;border-radius:10px;background:#1B1B1B;perspective:1100px}
.locker .inside{position:absolute;inset:0;padding:36px 30px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;border-radius:10px;background:linear-gradient(180deg,#2E2E2E,#191919);color:#FFFFFF}
.locker .door{position:absolute;inset:0;border-radius:10px;transform-origin:left center;transition:transform .8s cubic-bezier(.3,.7,.2,1);background:linear-gradient(90deg,#B8BEC4 0%,#D9DEE2 30%,#C5CBD0 70%,#AAB0B6 100%);box-shadow:inset 0 0 0 3px rgba(0,0,0,.12),0 12px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;padding-top:34px;gap:10px}
.locker:hover .door,.locker:focus-within .door{transform:rotateY(-78deg)}
.vent{width:62%;height:7px;border-radius:4px;background:#5D6369;box-shadow:inset 0 2px 2px rgba(0,0,0,.5)}

/* billet */
.ticket{position:relative;display:grid;grid-template-columns:1fr 170px;background:#FFFFFF;border-radius:26px;overflow:hidden;box-shadow:0 2px 3px rgba(40,25,10,.10),0 10px 24px rgba(40,25,10,.16),0 30px 60px rgba(40,25,10,.16)}
.ticket .stub{position:relative;border-left:2px dashed #D8CFC6;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between}
.ticket .stub::before,.ticket .stub::after{content:"";position:absolute;left:-14px;width:26px;height:26px;border-radius:50%;background:var(--hole,#FAF6F2)}
.ticket .stub::before{top:-13px}.ticket .stub::after{bottom:-13px}
.barcode{height:44px;background:repeating-linear-gradient(90deg,#141414 0 2px,transparent 2px 4px,#141414 4px 7px,transparent 7px 9px,#141414 9px 10px,transparent 10px 13px)}
.field-l{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5F5852}
.field-v{font-family:MuseoModerno,sans-serif;font-weight:800;font-size:30px;line-height:1}

/* formularer */
.form label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.form input,.form select,.form textarea{width:100%;border:1.5px solid #E1D6CB;border-radius:14px;padding:13px 16px;font:400 16px Montserrat,sans-serif;background:#FFFFFF;color:#141414}
.form textarea{min-height:130px;resize:vertical}

/* gitter */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.split{display:grid;grid-template-columns:7fr 5fr;gap:20px}
.split-r{display:grid;grid-template-columns:5fr 7fr;gap:20px}
.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:16px}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:span 6}.r2{grid-row:span 2}
.foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.tl{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:0 24px;align-items:center}

.tk-grid{display:grid;grid-template-columns:300px minmax(0,1fr);min-width:0}
@media (max-width:1180px){.btn{white-space:normal}}
@media (max-width:960px){.hide-m{display:none}.tk-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:960px){
.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.split,.split-r,.g2{grid-template-columns:minmax(0,1fr)}
.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
.mosaic>*{grid-column:auto;grid-row:auto}
.mosaic>*:first-child{grid-column:span 2}
.foot{grid-template-columns:repeat(2,minmax(0,1fr))}
.sb-nav .sb{display:none}
.sb-cta.menu-btn{display:inline-flex}
.h1{font-size:64px}.h2{font-size:46px}
.pad{padding:36px 30px}
.tl{grid-template-columns:60px minmax(0,1fr)}
.tl .tl-gap{display:none}
.ticket{grid-template-columns:minmax(0,1fr)}
.ticket .stub{border-left:0;border-top:2px dashed #D8CFC6}
.ticket .stub::before,.ticket .stub::after{display:none}
}
@media (max-width:600px){
.g4,.g3,.foot{grid-template-columns:minmax(0,1fr)}
.h1{font-size:48px}.h2{font-size:38px}.h3{font-size:26px}
.pad{padding:28px 22px}
.sec{margin-top:60px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
/* titler: ingen enlige ord, lange titler på én linje */
h1,h2,h3,.h1,.h2,.h3{text-wrap:balance}
p,.lead,.p{text-wrap:pretty}
:has(> .fit){container-type:inline-size}
.fit{white-space:nowrap;font-size:min(var(--max,88px),calc(100cqi / (var(--n,20) * .45))) !important;line-height:1.05 !important}
.h1,.h2{overflow-wrap:normal;hyphens:manual}
.fit2{font-size:min(var(--max,88px),calc(100cqi / (var(--n,20) * .45))) !important;line-height:1.02 !important}
:has(> .fit2){container-type:inline-size}
/* titler: ens højde i kortgrupper */
.fitbox{container-type:inline-size;width:100%;min-width:0}
.tgrid>*{container-type:inline-size;min-width:0}
.tgrid .tfit{white-space:nowrap !important;font-size:min(var(--tmax,30px),calc(100cqi / (var(--tn,20) * .47))) !important;line-height:1.12 !important;text-wrap:nowrap}
a.plink{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
a.plink:hover{opacity:.75}
.tgrid2 .tfit2{min-height:2.3em;line-height:1.15 !important;text-wrap:balance}

.sb-cta{position:relative}
.sb-cta.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-9px;height:3px;border-radius:2px;background:#AA0C00;box-shadow:0 0 10px rgba(210,58,38,.85)}
/* mobilmenu */
.mnav{display:none;position:relative}
.mnav-btn{list-style:none;display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;background:#1E1E1E;color:#FFFFFF;font-family:Montserrat,sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2);user-select:none;-webkit-tap-highlight-color:transparent}
.mnav-btn::-webkit-details-marker{display:none}
.mnav-btn::marker{content:""}
.hb{position:relative;display:inline-block;width:18px;height:14px}
.hb i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#FFFFFF;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.hb i:nth-child(1){top:0}.hb i:nth-child(2){top:6px}.hb i:nth-child(3){top:12px}
.mnav[open] .hb i:nth-child(1){top:6px;transform:rotate(45deg)}
.mnav[open] .hb i:nth-child(2){opacity:0}
.mnav[open] .hb i:nth-child(3){top:6px;transform:rotate(-45deg)}
.mnav-panel{position:absolute;right:0;top:calc(100% + 16px);z-index:60;width:min(300px,calc(100vw - 32px));display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:18px;background:#000000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 18px 40px rgba(0,0,0,.45);animation:mdrop .22s ease both}
@keyframes mdrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mnav-panel a{display:block;padding:14px 16px;border-radius:12px;color:rgba(255,255,255,.82);text-decoration:none;font-family:MuseoModerno,sans-serif;font-weight:600;font-size:19px}
.mnav-panel a:hover,.mnav-panel a.on{color:#FFFFFF;background:rgba(255,255,255,.07);box-shadow:inset 3px 0 0 #AA0C00}
@media (max-width:960px){.mnav{display:block}.sb-nav{flex-wrap:nowrap;gap:10px}.sb-row{padding:12px 12px 12px 20px}.sb-cta.menu-btn{display:none}}
@media (max-width:440px){.sb-nav .sb-cta{display:none}.sb-row img{height:38px !important}}
/* eksakt titelbredde: --w og --tw måles i em ved fuld skrift */
.tbox{container-type:inline-size;min-width:0}
.fit{font-size:min(var(--max,88px),calc(100cqi / var(--w,calc(var(--n,20) * .5)))) !important}
.tgrid .tfit{font-size:min(var(--tmax,30px),calc(100cqi / var(--tw,calc(var(--tn,20) * .5)))) !important}
@media (max-width:600px){.fit{white-space:normal !important;text-wrap:balance;hyphens:auto;font-size:clamp(24px,calc(100cqi / var(--w,calc(var(--n,20) * .5))),var(--max,88px)) !important;line-height:1.08 !important}}
@media (max-width:600px){.tg-wrapm .tfit{white-space:normal !important;text-wrap:balance;font-size:min(var(--tmax,30px),22px) !important;line-height:1.15 !important}}
p,.p,.lead,li,figcaption{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.sb-cta{background:#AA0C00 !important;box-shadow:none !important;text-shadow:none !important}.sb-cta:hover{background:#930A00 !important;transform:none !important}.sb-cta svg{display:none}
.fit.fitf{--max:60px;white-space:normal !important;text-wrap:balance;font-size:clamp(var(--min,38px),calc(100cqi / var(--w,20)),var(--max)) !important;line-height:1.08 !important}
@media (max-width:960px){.fit.fitf{--max:48px}}
@media (max-width:600px){.fit.fitf{--max:38px;font-size:clamp(24px,calc(100cqi / var(--w,20)),var(--max)) !important}}
.fit2{font-size:min(var(--max,88px),calc(100cqi / var(--w2,calc(var(--n,20) * .45)))) !important}
@media (max-width:600px){.fit2{font-size:clamp(22px,calc(100cqi / var(--w2,calc(var(--n,20) * .45))),var(--max,88px)) !important}}
.fit.fitf{--min:32px}
.fit.fitf.fitf3{--max:30px;--min:22px}
@media (max-width:600px){.fit.fitf.fitf3{--max:26px;font-size:clamp(20px,calc(100cqi / var(--w,20)),var(--max)) !important}}

.onbg{font-weight:600 !important;letter-spacing:.005em}
.turf .onbg{width:auto;max-width:none;padding:14px 20px;border-radius:18px;background:rgba(22,15,8,.6);color:#FFFFFF !important}
@media (max-width:600px){.turf .onbg{padding:12px 16px;border-radius:16px}}

.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}

.stickhead{position:sticky !important;top:0;z-index:60 !important;padding-top:12px !important;padding-bottom:4px}
section[id],div[id]{scroll-margin-top:110px}
@media (max-width:600px){.stickhead{padding-top:8px !important}}

/* ===== Mobil: fælles lag (kun under 600px) ===== */
@media (max-width:600px){
.wrap{padding:0 16px}
.pad{padding:28px 20px}
[style*="padding: 64px 56px"],[style*="padding: 90px 56px"],[style*="padding: 70px 56px"],[style*="padding: 64px 48px"],[style*="padding: 48px 48px"],[style*="padding: 44px 40px"]{padding-left:20px !important;padding-right:20px !important}
[style*="padding: 64px 56px"],[style*="padding: 90px 56px"],[style*="padding: 70px 56px"],[style*="padding: 64px 48px"]{padding-top:34px !important}
.lead{font-size:17px;line-height:1.55}
.photo[style*="--ar"],.ph[style*="--ar"]{min-height:0 !important;height:auto !important;aspect-ratio:var(--ar)}
.photo img,.ph img{display:block}
.mosaic{grid-auto-rows:auto}
.mosaic>.photo{aspect-ratio:var(--ar,4/3)}
.mosaic>*:last-child:nth-child(even){grid-column:span 2}
.btn{justify-content:center;text-align:center}
.chip{white-space:normal}
.field-l{font-size:13px}
}
@media (max-width:600px){
.mini{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-16px;padding:4px 16px 10px 2px;scroll-snap-type:x proximity}
.mini::-webkit-scrollbar{display:none}
.mini>*{flex:none;scroll-snap-align:start}
}
/* Boardingkort og billetter på mobil: kompakt stub med huller i rivelinjen */
@media (max-width:960px){
.ticket .stub{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:16px 22px}
.ticket .stub::before,.ticket .stub::after{display:block;top:-14px;bottom:auto}
.ticket .stub::before{left:-14px}
.ticket .stub::after{left:auto;right:-14px}
.ticket .stub .barcode{width:96px;height:30px;margin-left:auto;flex:none}
.field-l{margin-bottom:4px}
}
@media (max-width:600px){.ticket .field-v{font-size:24px}}
/* Mobil-bane: kompakt banemotiv mellem sektioner */
.mcourt{display:none}
@media (max-width:600px){.mcourt{display:block;margin:34px 16px 6px;pointer-events:none}.mcourt svg{display:block;width:100%;height:auto;overflow:visible}}
@media (max-width:600px){
/* talbokse: 2 x 2 og mindre tal */
.g4:has(>.r34>div.disp),.g3:has(>.r34>div.disp),.g2:has(>.r34>div.disp){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.g4>.r34:has(>div.disp),.g3>.r34:has(>div.disp),.g2>.r34:has(>div.disp){padding:18px 16px !important;border-radius:24px !important}
.r34>.disp[style*="font-size: 5"],.r34>.disp[style*="font-size: 6"],.r34>.disp[style*="font-size: 4"]{font-size:36px !important}
.r34>.disp+.p{font-size:14px;line-height:1.4;margin-top:6px !important}
/* "Se også"-kort som vandret række */
.g4.tgrid:has(>a.tile.lift){display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin-right:-16px;padding:4px 16px 14px 2px;scrollbar-width:none}
.g4.tgrid:has(>a.tile.lift)::-webkit-scrollbar{display:none}
.g4.tgrid>a.tile.lift{flex:0 0 74%;scroll-snap-align:start}
/* trinkort: ingen kunstig højde */
.zebra{min-height:0 !important;padding:20px 18px !important}
.zebra h3 br{display:none}
}
@media (max-width:600px){
.g4:has(>.r34>div.disp)>:not(:has(>div.disp)),.g3:has(>.r34>div.disp)>:not(:has(>div.disp)),.g2:has(>.r34>div.disp)>:not(:has(>div.disp)){grid-column:1/-1}
}
@media (max-width:600px){.g3:has(>.r34>div.disp)>.r34:has(>div.disp):last-child:nth-child(odd),.g4:has(>.r34>div.disp)>.r34:has(>div.disp):last-child:nth-child(odd){grid-column:1/-1}}

/* justified photo rows: same height, no cropping */
.jrow{display:flex;gap:16px}
.jrow+.jrow{margin-top:16px}
.jrow>.photo{flex:var(--ar) 1 0;aspect-ratio:var(--ar);height:auto !important;min-height:0 !important;min-width:0}
@media (max-width:600px){.jrow{flex-wrap:wrap;gap:12px}.jrow+.jrow{margin-top:12px}.jrow>.photo{flex:1 1 100%}}
.nw{white-space:nowrap}

/* Ingen orddeling: ord må aldrig knækkes med bindestreg */
*,*::before,*::after{-webkit-hyphens:none !important;hyphens:none !important}
.nw{white-space:nowrap !important}
.foot{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) minmax(0,1fr)}
@media (max-width:960px){.foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.foot{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){html body .g2.g2.g2:has(>.r34),html body .g3.g3.g3:has(>.r34),html body .g4.g4.g4:has(>.r34),html body .g3.g3.tgrid:has(>.offer),html body .g4.g4.tgrid:has(>.board),html body .g4.g4.tgrid:has(>.tile),html body .cy-goals.cy-goals{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:340px){.p{font-size:15px !important}}

/* Bannermenu: rullebanner, smal */
.bhd{position:sticky !important;top:0;z-index:60 !important;height:80px}
.bhd .btog{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.bhd .hd-bar{position:absolute;left:0;right:0;top:0;height:80px;background:transparent;transition:height .5s cubic-bezier(.3,.7,.2,1),box-shadow .5s}
.bhd .hd-in{position:relative;max-width:1240px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:flex-start;justify-content:space-between}
.bhd .lg{display:flex;color:#141414;margin-top:20px;transform-origin:0 0;transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.bhd .rail{display:flex;gap:10px;align-items:flex-start}
.bhd .bn{position:relative;display:block;width:42px;text-decoration:none;transform-origin:50% 0;animation:bsway var(--t) ease-in-out var(--d) infinite alternate;filter:drop-shadow(0 4px 6px rgba(40,25,10,.14))}
.bhd .cloth{position:relative;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;height:var(--len);padding:0 0 22px;background:rgb(var(--c));transition:height .55s cubic-bezier(.3,.7,.2,1)}
.bhd .cloth::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.10) 0%,rgba(255,255,255,.10) 18%,rgba(0,0,0,.06) 38%,rgba(255,255,255,.08) 58%,rgba(0,0,0,.10) 80%,rgba(255,255,255,.06) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);pointer-events:none;z-index:1}
.bhd .lbltxt{position:relative;z-index:2;font-family:MuseoModerno,sans-serif;font-weight:700;font-size:14px;line-height:1.15;text-align:center;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);transition:opacity .35s}
.bhd .hem{position:absolute;z-index:3;left:-4px;right:-4px;bottom:0;height:7px;border-radius:4px;background:linear-gradient(180deg,#8C867F,#2E2A27);box-shadow:0 3px 5px rgba(0,0,0,.3);transition:opacity .3s}
.bhd .hem::before,.bhd .hem::after{content:"";position:absolute;top:-1px;width:7px;height:9px;border-radius:3px;background:#141414}
.bhd .hem::before{left:-2px}.bhd .hem::after{right:-2px}
.bhd .roll{position:absolute;left:0;right:0;bottom:0;height:0;opacity:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(255,255,255,.28) 45%,rgba(0,0,0,.42));transition:opacity .3s}
.bhd .bn.f-ink,.bhd .bn.f-ink:hover{--c:20,20,20;color:#FFFFFF}
.bhd .bn.f-yel,.bhd .bn.f-yel:hover{--c:252,249,81;color:#141414}
.bhd .bn.f-lil,.bhd .bn.f-lil:hover{--c:178,173,197;color:#141414}
.bhd .bn.f-pnk,.bhd .bn.f-pnk:hover{--c:224,178,208;color:#141414}
.bhd .bn.f-red,.bhd .bn.f-red:hover{--c:170,12,0;color:#FFFFFF}
.bhd .bn:focus-visible{outline:2px solid #AA0C00;outline-offset:4px}
.bhd .bn.on .cloth,.bhd .bn:hover .cloth,.bhd .bn:focus-visible .cloth{height:calc(var(--len) + 14px)}
.bhd .bn.on .cloth{box-shadow:inset 0 -3px 0 rgba(255,255,255,.35)}
@keyframes bsway{0%{transform:rotate(-1.4deg) skewX(.7deg)}50%{transform:rotate(.4deg) skewX(-.3deg)}100%{transform:rotate(1.3deg) skewX(-.7deg)}}
.bhd .mtoggle,.bhd .mclose{display:none}
@media (min-width:901px){
 .bhd.small .hd-bar{height:60px}
 .bhd.small .lg{transform:translateY(-8px) scale(.8)}
 .bhd.small .cloth{height:22px;padding-bottom:0}
 .bhd.small .bn.on .cloth{height:28px}
 .bhd.small .lbltxt,.bhd.small .hem{opacity:0}
 .bhd.small .roll{height:8px;opacity:1}
 .bhd.small .bn:hover .cloth,.bhd.small .bn:focus-visible .cloth{height:var(--len);padding-bottom:22px}
 .bhd.small .bn:hover .lbltxt,.bhd.small .bn:focus-visible .lbltxt,.bhd.small .bn:hover .hem,.bhd.small .bn:focus-visible .hem{opacity:1}
 .bhd.small .bn:hover .roll,.bhd.small .bn:focus-visible .roll{opacity:0;height:0}
 @supports (animation-timeline:scroll()){
  .bhd:not(.js) .hd-bar{animation:bhbar linear both;animation-timeline:scroll(root);animation-range:0 90px}
  .bhd:not(.js) .lg{animation:bhlg linear both;animation-timeline:scroll(root);animation-range:0 90px}
  .bhd:not(.js) .cloth{animation:bhcloth linear both;animation-timeline:scroll(root);animation-range:0 90px}
  .bhd:not(.js) .lbltxt,.bhd:not(.js) .hem{animation:bhfade linear both;animation-timeline:scroll(root);animation-range:0 60px}
  .bhd:not(.js) .roll{animation:bhroll linear both;animation-timeline:scroll(root);animation-range:40px 90px}
  .bhd:not(.js) .bn:hover .cloth,.bhd:not(.js) .bn:hover .lbltxt,.bhd:not(.js) .bn:hover .hem,.bhd:not(.js) .bn:hover .roll,.bhd:not(.js) .bn:focus-visible .cloth,.bhd:not(.js) .bn:focus-visible .lbltxt,.bhd:not(.js) .bn:focus-visible .hem,.bhd:not(.js) .bn:focus-visible .roll{animation:none}
 }
}
@keyframes bhbar{to{height:60px}}
@keyframes bhlg{to{transform:translateY(-8px) scale(.8)}}
@keyframes bhcloth{to{height:22px;padding-bottom:0}}
@keyframes bhfade{to{opacity:0}}
@keyframes bhroll{to{height:8px;opacity:1}}
@media (max-width:900px){
 .bhd{height:68px}
 .bhd .hd-bar{height:68px}
 .bhd .hd-in{padding:0 16px}
 .bhd .lg{margin-top:18px}
 .bhd .lg svg{height:30px !important}
 .bhd .rail{gap:8px;position:relative}
 .bhd .bn{width:34px}
 .bhd .bn .cloth,.bhd .bn.on .cloth,.bhd .bn:hover .cloth{height:30px;padding:0}
 .bhd .bn.on .cloth{height:36px}
 .bhd .bn .lbltxt{opacity:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:15px;margin-bottom:22px}
 .bhd .bn.on .lbltxt::after{display:none}
 .bhd .bn .hem{opacity:0}
 .bhd .bn .roll{height:8px;opacity:1}
 .bhd .mtoggle{display:block;position:absolute;inset:-4px -4px auto -4px;height:58px;cursor:pointer;z-index:5}
 .bhd .btog:checked ~ .hd-bar{height:100vh;background:rgba(250,246,242,.97)}
 .bhd .btog:checked ~ .hd-bar .bn .cloth{height:calc(var(--len) + 120px);padding:0}
 .bhd .btog:checked ~ .hd-bar .bn .lbltxt,.bhd .btog:checked ~ .hd-bar .bn .hem{opacity:1}
 .bhd .btog:checked ~ .hd-bar .bn .roll{opacity:0;height:0}
 .bhd .btog:checked ~ .hd-bar .mtoggle{display:none}
 .bhd .btog:checked ~ .hd-bar .mclose{display:flex;align-items:center;position:absolute;left:16px;top:84px;min-height:44px;padding:0 16px;border:1.5px solid #141414;background:#FAF6F2;color:#141414;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;cursor:pointer}
}
@media (max-width:380px){.bhd .rail{gap:5px}.bhd .bn{width:31px}.bhd .lg svg{height:26px !important}.bhd .hem{left:0;right:0}}
.bhd .lg{transition:transform .5s cubic-bezier(.3,.7,.2,1),color .3s,filter .3s}
.bhd[data-tone="dark"] .lg{color:#FFFFFF;filter:drop-shadow(0 1px 5px rgba(0,0,0,.4))}
@media (prefers-reduced-motion:reduce){.bhd .bn{animation:none}.bhd .cloth,.bhd .hd-bar,.bhd .lg{transition:none}}