html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{font-family:'Pangram', sans-serif;background:var(--color-light);color:var(--color-dark);box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*text-rendering:optimizeSpeed;*/}
::selection{background:var(--color-dark);color:var(--color-light);}
/*::-webkit-scrollbar{width:0!important;}*/

/* fonts */
@font-face { font-family: 'Pangram'; src: url('/Assets/Fonts/PPPangramSans-NarrowExtrabold.woff2') format('woff2'), url('/Assets/Fonts/PPPangramSans-NarrowExtrabold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Pangram'; src: url('/Assets/Fonts/PPPangramSans-NarrowExtraboldItalic.woff2') format('woff2'), url('/Assets/Fonts/PPPangramSans-NarrowExtraboldItalic.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Pangram-oblique'; src: url('/Assets/Fonts/PPPangramSans-NarrowExtraboldReclined.woff2') format('woff2'), url('/Assets/Fonts/PPPangramSans-NarrowExtraboldReclined.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('/Assets/Fonts/PublicSans-Bold.woff2') format('woff2'), url('/Assets/Fonts/PublicSans-Bold.woff') format('woff'); font-weight: 800; font-style: bold; font-display: swap; }

:root{
    /*Easing*/
    --sine:cubic-bezier(0.39, 0.575, 0.565, 1);
    --quad:cubic-bezier(0.25, 0.46, 0.45, 0.94);/*cubic-bezier(0.5, 1, 0.89, 1);*/
    --quad-in-out:cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --cubic:cubic-bezier(0.215, 0.61, 0.355, 1);/*cubic-bezier(0.33, 1, 0.68, 1)*/
    --cubic-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);
    /*--quart:cubic-bezier(0.165, 0.84, 0.44, 1);*/
    --quart:cubic-bezier(0.25, 1, 0.5, 1);
    --quart-in-out:cubic-bezier(0.77, 0, 0.175, 1);
    --quint:cubic-bezier(0.23, 1, 0.32, 1);
    --expo:cubic-bezier(0.16, 1, 0.3, 1);
    /*--expo:cubic-bezier(0.19, 1, 0.22, 1);*/
    --back:cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --delay:0s;

    /* Colors */
    --color-white: #ffffff;
    --color-light: #faf7f0;
    --color-dark: #1a1917;
    /* Modstrøm */
    --color-red: #fb736b;
    --color-purple: #af62dd;
    --color-yellow: #f0e37f;
    --color-green: #76c485;
    --color-blue: #869ef7;
    /* FGU  */
    --color-fgu-red: #fbcaef;
    --color-fgu-purple: #d8b2ed;
    --color-fgu-yellow: #f7eeba;
    --color-fgu-green: #e4edb0;
    --color-fgu-blue: #d3e3f9;

    /* text */
    --text-xl: 7.2rem;
    --text-lg: 3.6rem;
    --text-md: 3.2rem;
    --text-sm: 1.7rem;
    
    /* spacing */
    --xl: 88px;
    --lg: 48px;
    --md: 24px;
    --sm: 20px;
    --xs: 12px;

    /* Max width */
    --text-max-width: 768px;
    --lg-max-width: 1600px;
    --md-max-width: 1080px;
}

/* Font settings - medium/500, semibold/600 and bold/700 */
h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {font-family: 'Pangram'; text-transform: uppercase; font-weight: 800;letter-spacing:-.05rem;}
h1 {font-size: var(--text-xl); line-height: 0.95;}
h2 {font-size: var(--text-xl); line-height: 0.95;}
h3 {font-size: var(--text-lg);letter-spacing:-.025rem;line-height:.9;}
h4 {font-size: var(--text-md);letter-spacing:-.02rem;}
p,ol,ul{font-family: 'Public Sans';font-size:var(--text-sm);line-height:1.4;min-height:calc(var(--text-sm) * 1.4);letter-spacing:-.02rem;}
q{display:block;font-size:1.6rem;line-height:1.5;min-height:2.4rem;}
ul{box-sizing:border-box;margin:0;padding:0 0 0 20px;}
li{position:relative;box-sizing:border-box;}
input, textarea, select, form label{font-family:'Public Sans';font-size:inherit;line-height:normal;appearance:none;background:none;display:block;color:inherit;box-sizing:border-box;padding:0;margin:0;outline:0;border:0;}
p a:not(.btn){text-decoration:underline;/*transform:skewX(-7deg);*/transition:opacity .3s ease;}
h2+p, h3+p, h4+p {padding-top:12px;}
p+h4, p+h3 {padding-top:24px;} 

/*.italic{ font-family:'Pangram', sans-serif; font-style: italic;}
.oblique{font-family: 'Pangram-oblique', sans-serif;}*/

/*      Buttons     */
a, button{position:relative;display:inline-block;box-sizing:border-box;margin:0;padding:0;text-decoration:none;border:none;background:none;color:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;font-weight:inherit;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);cursor:pointer;touch-action:manipulation;/*removes delay*/}
button:focus{outline:none;}

.btn {padding:22px 24px 21px 24px; background-color: var(--color-dark); color: var(--color-light); font-size: var(--text-sm); font-weight: 800; width: fit-content; min-width: 180px; height: fit-content; text-align: center; font-family: 'Public Sans';letter-spacing:-.02rem;}
.btn.light {background-color: var(--color-light); color: var(--color-dark);}
.btn.discord {position: relative; padding-left: calc(16px + var(--xs) + var(--sm));}
.btn.discord::before { content: url('/Assets/svg/discord.svg'); position: absolute; left: var(--sm); display: inline-block; vertical-align: middle; margin-right: var(--xs); width: 16px; height: 16px;}
.mask-btn{display:block;width:100%;background:var(--color-fgu-green);color:var(--color-dark);font-size:3.2rem;line-height:1;padding:24px 24px 21px 24px;text-align:center;text-transform:uppercase;letter-spacing:-.02rem;}
.mask-btn.fgu{background:var(--color-red);}
.btn,.mask-btn{transition:transform .3s ease;}

/* Masks */
.masked {  width: 100%; height: auto; -webkit-mask:url('/Assets/svg/frame-mask.svg');mask: url('/Assets/svg/frame-mask.svg') no-repeat; mask-size: 100% 100%; mask-mode: alpha; }
.mask { -webkit-mask:url('/Assets/svg/frame-mask.svg'); mask: url('/Assets/svg/frame-mask.svg') no-repeat; }
.mask-wide { -webkit-mask:url('/Assets/svg/frame-wide.svg'); mask: url('/Assets/svg/frame-wide.svg') no-repeat; }
/* .mask2 { mask: url('/Assets/svg/frame2-mask.svg') no-repeat; } */

.body-bg-light{background-color:var(--color-light);}
.body-bg-red{background-color:var(--color-red);}
.body-bg-purple{background-color:var(--color-purple);}
.body-bg-yellow{background-color:var(--color-yellow);}
.body-bg-green{background-color:var(--color-green);}
.body-bg-blue{background-color:var(--color-blue);}
.body-bg-fgu-red{background-color:var(--color-fgu-red);}
.body-bg-fgu-purple{background-color:var(--color-fgu-purple);}
.body-bg-fgu-yellow{background-color:var(--color-fgu-yellow);}
.body-bg-fgu-green{background-color:var(--color-fgu-green);}
.body-bg-fgu-blue{background-color:var(--color-fgu-blue);}
body.module-bg-blue .m.quote .bg {background-color: var(--color-blue);}
body.module-bg-light .m.quote .bg {background-color: var(--color-light);}
body.module-bg-red .m.quote .bg {background-color: var(--color-red);}
body.module-bg-purple .m.quote .bg {background-color: var(--color-purple);}
body.module-bg-yellow .m.quote .bg {background-color: var(--color-yellow);}
body.module-bg-green .m.quote .bg {background-color: var(--color-green);}
body.module-bg-fgu-red .m.quote .bg {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.quote .bg {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.quote .bg {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.quote .bg {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.quote .bg {background-color: var(--color-fgu-blue);}


/*      Media       */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
picture,img,.lazy svg,video:not(.native-controls){pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
body.scrolling .lazy .video iframe{pointer-events:none;}/*with smooth scrolling this helps scroll continuously*/
picture, video{width:100%;display:block;height:auto;box-sizing:border-box;padding:0;margin:0;overflow:hidden;}
picture img{position:relative;display:block;width:100%;height:auto;}
.lazy{position:relative;}
.lazy.video:before{content:"";display:block;padding-top:calc(var(--aspect) * 1%);width:100%;pointer-events:none;}/*fix aspect ratio for videos*/
.lazy .video, .lazy .video iframe, .lazy > svg{position:absolute;left:0;top:0;width:100%;height:100%;}
/* Thumbnail (not "poster"!) with play button */
.lazy.video .load-ui{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color-dark);z-index:2;display:flex;text-align:center;}
.lazy.video .load-ui .lazy{position:absolute;left:0;top:0;width:100%;height:100%;}
.lazy.video .load-ui .lazy video, .lazy.video .load-ui .lazy img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.lazy.video .load-ui .lazy::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color-dark);opacity:.2;}
/*.lazy.video .load-ui .play-btn{margin:auto;padding:20px;font-size:2.4rem;background-color:#333;color:#FFF;}*/
.lazy.video .load-ui .play-btn{background:#FFF;margin:auto;width:121px;height:129px;transition:transform .4s var(--quart);}
.lazy.video .load-ui .play-btn.small{width:62px;height:65px;}
.lazy.video .load-ui .play-btn::after{content:"";position:absolute;left:48px;top:48px;width:0;height:0;border-style:solid;border-width:15px 0px 15px 24px;border-color:transparent transparent transparent var(--color-dark);}
.lazy.video .load-ui .play-btn.small::after{left:24px;top:24px;border-width:9px 0px 9px 13px;}
.lazy.video .load-ui .play-btn{mask:url('/Assets/svg/button-sub-mask.svg') no-repeat;mask-size:100% 100%;mask-mode:alpha;}
.lazy.video .load-ui .play-btn:hover{transform:scale(1.025);}
.lazy.video.fade-ui .load-ui{opacity:0;transition:opacity .4s ease-in-out .1s;pointer-events:none;}
.lazy.video.hide-ui .load-ui{display:none;}

/* Animations */
.fade{opacity:0;}
.fade.in{opacity:1;transition:opacity 1s ease-in-out var(--delay);}
.zoom img{opacity:0;transform:scale(1.025,1.025);}
.zoom.in img{opacity:1;transform:scale(1,1);transition:transform 2s var(--quart) var(--delay), opacity .8s ease var(--delay);}
/* mask-scale works even better with :after using background-color (clip-path is a little slow) */
.mask-scale img{opacity:0;transform:translateY(33%) scale3d(1.2,1.2,1);clip-path:inset(99.5% 0% 0% 0%);-webkit-clip-path:inset(99.5% 0% 0% 0%);}/*not 100% because loading can get blocked*/
.mask-scale.in img{opacity:1;transform:translateY(0px) scale3d(1.0001,1.0001,1);clip-path:inset(0% 0% 0% 0%);-webkit-clip-path:inset(0% 0% 0% 0%);transition:transform 2s var(--expo) var(--delay), opacity .6s ease-out var(--delay), clip-path 2s var(--expo) var(--delay);;}
.skew-neutral { transform: skewX(0deg); transition: transform 0.1s var(--quart-in-out); }
.skew-left { transform: skewX(14deg); }
.skew-right { transform: skewX(-14deg); }

header{position:fixed;left:0;top:0;width:100%;height:0;z-index:15;box-sizing:border-box;}
header.open{height:100%;}
header .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:4;transition:opacity .4s ease;/*pointer-events:none;z-index:-1;*/}
header.open .bg{height:100vh;}
header.open:not(.closing) .bg{opacity:.3;transition:opacity .8s var(--quart);}
header .mask{mask:url('/Assets/svg/button-sub-mask.svg') no-repeat;mask-size:100% 100%;mask-mode:alpha;}
header .logo{position:absolute;left:24px;top:38px;width:132px;}
header .logo img{object-fit:cover;display:block;}
header .logo img:nth-of-type(1){width:132px;height:29px;}
header .logo img:nth-of-type(2){width:133px;height:18px;margin-top:1px;}

header .udforsk{position:absolute;left:50%;top:0;transform:translateX(-50%);text-align:center;z-index:2;transition:opacity .4s ease-out .1s;}
header.open:not(.closing) .udforsk{opacity:0;transition:opacity .2s ease;}
header .udforsk .toggle-udforsk{margin:-6px auto -3px auto;width:auto;font-size:1.7rem;letter-spacing:-.02rem;background-color:var(--color-dark);color:#FFF;text-transform:uppercase;box-sizing:border-box;padding:43px 30px 16px 30px;transition:transform .3s ease-out;z-index:1;}
header .udforsk .toggle-udforsk{mask:url('/Assets/svg/button-main-mask.svg') no-repeat;mask-size:100% 100%;mask-mode:alpha;}
header .udforsk .toggle-udforsk .label{padding-top:7px;}
header .udforsk .toggle-udforsk .label + span{position:relative;width:28px;height:30px;display:inline-block;vertical-align:middle;margin-left:12px;background:#FFF;transition:transform .3s ease;}
header .udforsk .toggle-udforsk .label + span::after{content:"";position:absolute;left:7px;top:12px;width:13px;height:8px;background:url("/Assets/svg/arrow_down_dark.svg") no-repeat;background-size:contain;background-position:center;transition:transform .4s var(--quart);}
header .udforsk .toggle-udforsk.open .label + span::after{transform:scaleY(-1);}
header .udforsk .submenu{display:block;background:var(--color-dark);color:#FFF;margin-top:-1px;overflow:hidden;max-height:0;transition:max-height .4s ease, opacity .2s ease;opacity:0;z-index:2;}
header .udforsk .submenu .inner{box-sizing:border-box;padding:32px 0;}
header .udforsk .submenu .primary{font-size:3.2rem;letter-spacing:-.02rem;width:100%;display:block;text-transform:uppercase;line-height:1;padding:12px 30px;}
header .udforsk .toggle-udforsk.open + .submenu{opacity:1;transition:max-height .5s var(--quart), opacity .3s ease;}
header .udforsk .discord{width:29px;height:22px;}

header .fgu-btn{position:absolute;right:94px;top:25px;width:auto;font-size:1.7rem;letter-spacing:-.02rem;background-color:var(--color-dark);color:#FFF;z-index:2;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:opacity .4s ease-out .1s, transform .3s ease;padding:22px 23px 21px 23px;}
header.open:not(.closing) .fgu-btn{opacity:0;transition:opacity .2s ease;}
header .toggle-btn{position:absolute;right:24px;top:24px;width:58px;height:62px;font-size:0;background-color:var(--color-dark);z-index:6;transition:background-color .3s ease, transform .3s ease;}
header .toggle-btn span{display:block;width:26px;height:2px;background:#FFF;margin:4px 0 4px 16px;transition:background-color .3s ease, transform .6s var(--quart);}
header .label, footer .label{display:inline-block;vertical-align:middle;transform-origin:0 100%;transition:transform .2s ease;}
header.open:not(.closing) .toggle-btn{background-color:#FFF;}
header.open:not(.closing) .toggle-btn span{background-color:var(--color-dark);}
header.open:not(.closing) .toggle-btn span:nth-of-type(2){transform:scaleX(0);transition:all .1s ease;}
header.open:not(.closing) .toggle-btn span:nth-of-type(1){transform:translateY(6px) rotate(45deg);}
header.open:not(.closing) .toggle-btn span:nth-of-type(3){transform:translateY(-6px) rotate(-45deg);}
header .menu{position:absolute;right:0;top:0;width:100%;max-width:505px;height:100%;overflow:auto;overscroll-behavior:contain;color:#FFF;background:url("/Assets/svg/menu_bg.svg") repeat;background-position:0 0;background-size:100% 100%;z-index:5;transform:translateX(100%);transition:transform .4s ease;}
header.open:not(.closing) .menu{transform:translateX(0%);transition:transform .8s var(--quart);}
header .menu .inner{margin:auto;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:130px 48px 0 48px;}
header .menu .primary{font-size:3.2rem;letter-spacing:-.02rem;width:100%;display:block;text-transform:uppercase;line-height:1;padding:25px 25px 22px 25px;border-top:1px solid #555;text-align:left;}
header .menu .primary.last{border-bottom:1px solid #555;}
header .menu button.primary .label + span{position:absolute;right:24px;top:32px;width:19px;height:10px;background:url("/Assets/svg/arrow_down.svg") no-repeat;background-size:contain;background-position:center;transition:transform .4s var(--quart);}
header .menu button.primary.open .label + span{transform:scaleY(-1);}
header .menu .secondary{font-size:1.7rem;letter-spacing:-.02rem;display:block;text-transform:uppercase;line-height:1;padding:10px 25px;}
/* Submenu */
header .menu .submenu{width:100%;overflow:hidden;max-height:0;transition:max-height .4s var(--quart);margin-top:-10px;margin-bottom:10px;/*pull up*/}
/*header .menu .submenu .secondary:first-of-type{padding-top:0;}*/
header .menu .submenu .secondary:last-of-type{padding-bottom:16px;}

header .menu .top{flex-grow:1;box-sizing:border-box;padding-bottom:48px;}
header .menu .bottom{border-top:1px solid #555;justify-self:flex-end;text-align:center;box-sizing:border-box;padding-bottom:25px;}
header .menu .bottom .secondary{padding:24px 0;text-transform:none;}

header .menu button.primary.open .label{transform:skewX(0deg);}
header .phone{display:inline-block;vertical-align:middle;width:25px;height:25px;background:url("/Assets/svg/phone.svg") no-repeat;background-size:contain;background-position:center;margin-right:12px;}
header .discord{display:inline-block;vertical-align:middle;width:21px;height:16px;background:url("/Assets/svg/discord.svg") no-repeat;background-size:contain;background-position:center;margin-right:12px;}
header .menu .selected .label, footer .selected .label, .udforsk .selected .label{transform:skewX(7deg);}

/* Smaller height */
@media all and (min-width:1000.5px) and (max-height:760px){
    header .menu .inner{padding-top:110px;}
    header .menu .primary{font-size:3.0rem;padding:22px 25px 19px 25px;}
    header .menu .secondary{font-size:1.6rem;padding:8px 25px;}
    header .menu .submenu{margin-top:-8px;margin-bottom:8px;}
    header .menu .bottom .secondary{padding:19px 0;}
    header .menu .bottom .mask-btn{padding:19px;}
}
@media all and (min-width:1000.5px) and (max-height:650px){
    header .menu .inner{padding-top:100px;}
    header .menu .primary{font-size:2.8rem;padding:19px 25px 16px 25px;}
    header .menu .secondary{font-size:1.5rem;padding:7px 25px;}
    header .menu .submenu{margin-top:-7px;margin-bottom:7px;}
    header .menu .bottom .mask-btn{padding:17px;}
}
@media all and (min-width:1000.5px) and (max-height:550px){
    header .menu .top{padding-bottom:24px;}
    header .menu .bottom{border-top:0;}
}

footer{position:relative;width:100%;height:auto;font-size:0;background-color:var(--color-dark);color:#FFF;box-sizing:border-box;padding:110px 24px 24px 24px;}
footer::before{content:"";position:absolute;left:0;top:-25px;width:100%;height:48px;background:url("/Assets/Grx/footer_bg.svg") no-repeat;background-position:0 0;background-size:100% 48px;z-index:1;}

footer .menu, footer .b{width:33.333%;display:inline-block;vertical-align:top;box-sizing:border-box;padding-right:24px;}
footer .menu .primary{font-size:3.6rem;letter-spacing:-.02rem;width:100%;display:block;text-transform:uppercase;line-height:.9;padding:12px 0;}
footer .menu .primary:first-of-type{padding-top:0;}
footer .social{margin-top:48px;}
footer .social a{display:inline-block;width:60px;height:60px;margin:0 11px 0 0;background:#FFF;transition:transform .3s ease;}
footer .social a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:55% auto;background-position:center;background-repeat:no-repeat;}
footer .social a.discord::after{background-image:url("/Assets/Grx/footer_discord.png");}
footer .social a.fb::after{background-image:url("/Assets/Grx/footer_fb.png");}
footer .social a.insta::after{background-image:url("/Assets/Grx/footer_ig.png");}
footer .social a.li::after{background-image:url("/Assets/Grx/footer_linkedin.png");}
footer .quote{width:100%;text-align:center;box-sizing:border-box;padding:72px 24px 48px 24px;}
footer .quote h3{font-size:2.4rem;letter-spacing:-.02rem;line-height:.9;color:#FFF;}
footer .logos{position:relative;width:100%;font-size:0;}
footer .logos a{display:inline-flex;vertical-align:top;width:25%;height:94px;box-sizing:border-box;padding:12px;border-top:1px solid #FFF;border-right:1px solid #FFF;border-bottom:1px solid #FFF;}
footer .logos a:first-of-type{border-left:1px solid #FFF;}
footer .logos a img{margin:auto;}
footer .bottom{position:relative;width:100%;font-size:0;box-sizing:border-box;padding-top:24px;}
footer .bottom p{display:inline-block;vertical-align:top;width:33.33%;}
footer .bottom p:nth-of-type(2){text-align:center;}
footer .bottom p:nth-of-type(3){text-align:right;}

footer p a:not(.btn){text-decoration:none;transform:none;transition:none;}
footer p a:not(.btn):hover{opacity:1;}
footer p a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#FFF;transform-origin:100% 0;transform:scaleX(0);transition:transform .4s var(--quart);}
footer p a:hover::after{transform-origin:0 0;transform:scaleX(1);}

main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;padding-top:160px;min-height:calc(100vh - 650px);}

/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;font-size:0;padding:calc(var(--xl) / 2) 0;}
.m div{position:relative;box-sizing:border-box;}
.page > .m:first-of-type{padding-top:0;}

.m.title-txt-media{text-align:center;padding:80px 0;}
.m.title-txt-media .inner{margin:auto;text-align:left;width:100%;padding:0 calc(var(--lg) / 2) 0 var(--lg);max-width: calc(var(--lg-max-width) + 2*var(--lg));}
.m.title-txt-media .title {width:100%; text-align: center;}
.m.title-txt-media .wrapper {display:flex;flex-direction:row;font-size:0;}
.m.title-txt-media .title + .wrapper{padding-top: var(--lg);}
.m.title-txt-media .txt{ vertical-align:middle;width:400px;min-height:100%; display:inline-flex; flex-direction: column; justify-content: center; }
.m.title-txt-media .buttons {display: flex; flex-direction: column; align-items: start; gap: var(--xs); padding-top: var(--lg);}
.m.title-txt-media .buttons a, .m.title-txt-media .buttons button {width: fit-content; min-width: 0;}
.m.title-txt-media .media {display:inline-block;vertical-align:middle;width:calc(100% - 448px);margin-left:48px;}
.m.title-text + .m.title-txt-media{padding-top:40px;}

.m.title-text{padding-top:90px;}
.m + .m.title-text{padding-bottom:90px;}
.m.title-text, .m.fgu-title{text-align:center;}
.m.title-text .pre-title { padding-bottom: var(--md);  }
.m.title-text .title, .m.fgu-title .title{width:100%;max-width:950px;margin:auto;}
.m.title-text .text, .m.fgu-title .text { display: inline-block; max-width: 768px; width: 100%; text-align: center; padding-top: var(--md); }
.m.title-text .buttons {width: fit-content; display: flex; gap: var(--md); flex-wrap: wrap; justify-content: center; margin: auto; padding-top: var(--lg);}
.m.fgu-title { position: relative;}
.m.fgu-title .icon { position: absolute;left:50%;top: -124px;margin-left:-72px;width:142px; /*width: 100%; height: 0; */z-index: 1; transform:rotate(88deg);}
.m.fgu-title .title h1 { font-size: 11.2rem; font-weight: 800; text-transform: uppercase; }

.m.body-text { text-align:center; padding: calc(var(--lg) / 2) 0; }
.page .m:last-of-type.body-text{padding-bottom:calc(var(--lg) * 2);}
.m.body-text .inner { margin:auto; padding: 0 var(--lg); max-width: calc(var(--text-max-width) + 2*var(--lg)); width: 100%; text-align:left}
.m.body-text h2+p,.m.body-text h3+p{padding-top:24px;}

.m.quote { text-align: center; padding: calc(var(--lg) / 2) 0; }
.m.quote .inner { margin: auto; padding: 0 var(--lg); max-width: calc(var(--md-max-width) + 2*var(--lg)); width: 100%; }
.m.quote .bg { padding: var(--lg); }
.m.quote .text q { max-width: var(--text-max-width); margin: auto; font-family: 'Pangram'; font-size: var(--text-xl); line-height:1; text-transform: uppercase;letter-spacing:-.05rem; }
.m.quote .author {font-size:1.4rem;min-height:1.4rem;margin: auto; width: 100%; padding-top: 20px; text-transform: uppercase; }

body.module-bg-blue .m.number-text-list .list-element {background-color: var(--color-blue);}
body.module-bg-light .m.number-text-list .list-element {background-color: var(--color-light);}
body.module-bg-red .m.number-text-list .list-element {background-color: var(--color-red);}
body.module-bg-purple .m.number-text-list .list-element {background-color: var(--color-purple);}
body.module-bg-yellow .m.number-text-list .list-element {background-color: var(--color-yellow);}
body.module-bg-green .m.number-text-list .list-element {background-color: var(--color-green);}
body.module-bg-fgu-red .m.number-text-list .list-element {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.number-text-list .list-element {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.number-text-list .list-element {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.number-text-list .list-element {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.number-text-list .list-element {background-color: var(--color-fgu-blue);}
.m.number-text-list { text-align: center; padding: var(--lg) 0; }
.m.number-text-list .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--md-max-width) + 2*var(--lg)); width: 100%; text-align: left; display: flex; flex-direction: column; gap: var(--xs); }
.m.number-text-list .list-element { display: flex; flex-direction: row; justify-content: space-between; padding: var(--md); }
.m.number-text-list .list-element .number { width: 80px; }
.m.number-text-list .list-element .text { max-width: 612px; display: flex; flex-direction: column; gap: var(--sm);}

.m.ungdomsraadet-struktur { text-align: center;overflow: hidden; position: relative; padding:100px 0;}
.m.ungdomsraadet-struktur::before { content: url("/Assets/svg/arm2.svg"); display: block; position: absolute; left: 0; top: 0; transform-origin: 60% 85%; transform: translate(-70%,0) rotate(45deg); width: auto; height: auto; transition: transform 0.5s var(--quart-in-out); }
.m.ungdomsraadet-struktur::after { content: url("/Assets/svg/arm1.svg"); display: block; position: absolute; right: 0; top: 0; transform-origin: 50% 85%; transform: translate(55%,0) rotate(-45deg); width: auto; height: auto; transition: transform 0.5s var(--quart-in-out); }
.m.ungdomsraadet-struktur .lazy { margin:auto; max-width: 767px; width: 100%; height: auto; z-index:2;}
.m.ungdomsraadet-struktur .lazy img{width:100%;}
@media all and (max-width:1200.5px){
    .m.ungdomsraadet-struktur::before {left: 0; top: 0; transform-origin: 60% 85%; transform: translate(-80%,0) rotate(45deg); width: auto; height: auto;  }
    .m.ungdomsraadet-struktur::after { right: 0; top: 0; transform-origin: 50% 85%; transform: translate(70%,0) rotate(-45deg); width: auto; height: auto; }
}

body.module-bg-blue .m.text-box .box {background-color: var(--color-blue);}
body.module-bg-light .m.text-box .box {background-color: var(--color-light);}
body.module-bg-red .m.text-box .box {background-color: var(--color-red);}
body.module-bg-purple .m.text-box .box {background-color: var(--color-purple);}
body.module-bg-yellow .m.text-box .box {background-color: var(--color-yellow);}
body.module-bg-green .m.text-box .box {background-color: var(--color-green);}
body.module-bg-fgu-red .m.text-box .box {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.text-box .box {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.text-box .box {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.text-box .box {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.text-box .box {background-color: var(--color-fgu-blue);}
.m.text-box { text-align: center; padding: calc(var(--lg) / 2) 0; }
.page > .m:last-of-type.text-box{padding-bottom:90px;}
.m.text-box .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + 2*var(--lg));width: 100%;/* height: fit-content;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;  */}
.m.text-box .box {display:inline-block;vertical-align:top; width:calc((100% - 20px) / 3);/* calc(360px + 2*var(--lg));*/ padding: var(--lg); text-align: left;margin-right:10px;background-color:var(--color-light);}
.m.text-box .box:nth-of-type(3n+3){margin-right:0;}
.m.text-box .body-text { padding-top: var(--sm); }
.m.text-box .box .media{margin:48px auto 0 auto;max-width:70%;}
.m.text-box:not(.no-icons) .box .text::after{content: "";display: block;width: 170px;height: 170px;margin: var(--lg) auto auto auto;background-size: contain;background-repeat: no-repeat;background-position: center;}
.m.text-box:not(.no-icons) .box:nth-of-type(3n+1) .text::after {background-image: url("/Assets/svg/megafon.svg");}
.m.text-box:not(.no-icons) .box:nth-of-type(3n+2) .text::after {background-image: url("/Assets/svg/peace.svg");transform:scaleX(-1);}
.m.text-box:not(.no-icons) .box:nth-of-type(3n+3) .text::after {background-image: url("/Assets/svg/udråbstegn.svg");}
.m.title-txt-media + .m.text-box{padding-top:0;}

.m.title-media-list{text-align:center;}
.m.title-media-list .inner{margin:auto;padding:0 calc(var(--lg) / 2);max-width: calc(var(--lg-max-width) + 2*var(--lg));width:100%;}
.m.title-media-list .list-element:first-of-type::before { content: ""; display: block; width: 100%; border-top: 1px solid var(--color-dark); padding-bottom: var(--md);}
.m.title-media-list .list-element{margin:auto;text-align:left;width:100%;max-width: calc(var(--lg-max-width) + 2*var(--lg));}
.m.title-media-list .list-element:after { content: ""; display: block; width: 100%; border-bottom: 1px solid var(--color-dark); padding-top: var(--md);}
.m.title-media-list .list-element ~ .list-element { padding-top: var(--md); }
.m.title-media-list .flex{ display: grid; grid-template-columns: 1fr 2fr; gap: var(--lg); }
.m.title-media-list .wrapper { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.m.title-media-list .media { width: 100%;}
/*.m.title-media-list .media img, .m.title-media-list .media video{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }*/

.m.thumbs-up{text-align:center;padding:calc(var(--lg) * 2) 0;}
.m.thumbs-up .inner{margin:auto;padding:0 calc(var(--lg) / 2);max-width: calc(var(--lg-max-width) + 2*var(--lg));width:100%;}
.m.thumbs-up h2{font-size:12vw;line-height:.8;letter-spacing:-.5vw;}
.m.thumbs-up h2 span{display:block;}
.m.thumbs-up h2 span:nth-of-type(3){font-size:10vw;}
.m.thumbs-up .lazy.fade{margin:-4% auto 0 auto;width:20%;transform:translate(-10px, 64px) rotate(8deg);opacity:0;transition:transform 1.4s var(--expo), opacity .5s ease;}
.m.thumbs-up.in .lazy.fade.in{transform:translate(-10px,0px) rotate(0deg);opacity:1;}

@media all and (min-width:1920.5px){
    .m.thumbs-up h2{font-size:23rem;/*line-height:.8;letter-spacing:-.5vw;*/letter-spacing:-1rem;}
    .m.thumbs-up h2 span:nth-of-type(3){font-size:19.2rem;}
    .m.thumbs-up .lazy.fade{width:385px;margin-top:-80px;}
}

.m.media { text-align: center; padding: calc(var(--lg) / 2) 0; }
.page .m:last-of-type.media{padding-bottom:calc(var(--lg) * 2);}
.m.media.lg .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + (2 * var(--lg))); }
.m.media.md .inner { margin: auto; padding: 0 var(--lg); max-width: calc(var(--md-max-width) + (2 * var(--lg))); }

.m.media-video { text-align: center; }
.page > .m:first-of-type.media-video{padding:0;margin-top:-160px;z-index:2;}
.m.media-video .grx{position:absolute;left:0;bottom:-50px;width:100%;height:175px;z-index:4;pointer-events:none;}
.m.media-video .grx::before{content:"";position:absolute;left:90px;bottom:0;width:175px;height:175px;background:url("/Assets/svg/megafon.svg") no-repeat;background-size:contain;}
.m.media-video .grx::after{content:"";position:absolute;right:90px;bottom:0;width:220px;height:175px;background:url("/Assets/svg/fisk.svg") no-repeat;background-size:contain;}

.m.media-video .inner-no-padding { position: relative; width: 100%; padding: 0; }
.m.media-video .separator { position: absolute; width: 100%; height: 50px; overflow-x: hidden;  display: flex; justify-content: center; align-items: center; z-index: 3; transform: scaleY(-1) translate(0, 50%); }
.m.media-video .separator > div { position: absolute; width: 110vw; height: 100%; background-color: var(--color-white);-webkit-mask: url("/Assets/svg/separator-mask.svg"); mask: URL("/Assets/svg/separator-mask.svg") no-repeat; mask-size: 100% 100%; }
.m.media-video .separator.after > div { transform: scale(-1); }
.m.media-video .media { width: 100%; }
.m.media-video .overlay{position:absolute;left:0;top:0;width:100%;height:100%;color:#FFF;display:flex;}
.m.media-video .overlay::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--color-dark);opacity:.2;}
.m.media-video .overlay .texts{margin:auto;width:100%;max-width:950px;padding-top:96px;}
.m.media-video .overlay .texts .text{padding-top:12px;}

.m.media-title-collection { text-align: center; }
.m.media-title-collection .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%;text-align:left;/*min-height:200px;*/}
.m.media-title-collection .element { width:calc((100% - 30px) / 4); display: inline-flex; flex-direction: column; gap: var(--sm); margin-right:10px; margin-bottom:48px;vertical-align:top;text-align:center;}
.m.media-title-collection .element .lazy img{transition:transform .6s var(--quart);}
.m.media-title-collection .element .title-text {display:flex;flex-direction:column;gap:0;padding:2px 12px 0 12px;}
.m.media-title-collection .element .pre-title p{text-transform:uppercase;font-size:1.4rem;min-height:1.8rem;}
.m.media-title-collection .element .pre-title .dot{display:inline-block;vertical-align:top;width:8px;height:8px;border-radius:50%;background:var(--color-dark);margin:5px 12px 0 12px;}
.m.media-title-collection .element .title { display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding-top:11px;}
.m.media-title-collection .element .text {display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding-top:10px;}
body.module-bg-blue .m.media-title-collection .element .pre-title .dot {background-color: var(--color-blue);}
body.module-bg-light .m.media-title-collection .element .pre-title .dot {background-color: var(--color-light);}
body.module-bg-red .m.media-title-collection .element .pre-title .dot {background-color: var(--color-red);}
body.module-bg-purple .m.media-title-collection .element .pre-title .dot {background-color: var(--color-purple);}
body.module-bg-yellow .m.media-title-collection .element .pre-title .dot {background-color: var(--color-yellow);}
body.module-bg-green .m.media-title-collection .element .pre-title .dot {background-color: var(--color-green);}
body.module-bg-fgu-red .m.media-title-collection .element .pre-title .dot {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.media-title-collection .element .pre-title .dot {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.media-title-collection .element .pre-title .dot {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.media-title-collection .element .pre-title .dot {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.media-title-collection .element .pre-title .dot {background-color: var(--color-fgu-blue);}

/*Filters*/
.m.media-title-collection .filters{margin:auto;font-size:0;z-index:2;padding-bottom:48px;}
.m.media-title-collection .filters .filter{display:inline-block;vertical-align:top;margin:0 12px;}
.m.media-title-collection .filters .filter .custom-select{width:202px;background:var(--color-light);margin-top:12px;}

/* Custom select (dropdown) */
.custom-select{position:relative;font-size:1.7rem;width:100%;height:55px;user-select:none;cursor:pointer;text-align:left;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;/*removes delay*/}
.custom-select select, .custom-select:not(.open) .options{visibility:hidden;height:0;}
.custom-select .select-selected{position:relative;width:100%;height:55px;line-height:normal;padding:16px 17px;border:1px solid #000;transition:box-shadow .3s ease;}
.custom-select .select-selected:after{content:"";position:absolute;right:16px;top:22px;width:13px;height:8px;background:url("/Assets/svg/arrow_down_dark.svg") no-repeat;background-size:contain;background-position:center;transition:transform .4s var(--quart);}
.custom-select.open .select-selected:after{transform:scaleY(-1);}
.custom-select .options{position:relative;width:100%;line-height:normal;border:1px solid var(--color-dark);border-top:none;max-height:400px;overflow:auto;}
.custom-select .options .option{position:relative;width:100%;padding:12px 17px;background-color:var(--color-light);}
.custom-select .options .option:hover, .custom-select .options .option:focus, .custom-select .options .option.selected{background-color:var(--color-blue);}
body.body-bg-fgu-green .custom-select .options .option:hover, body.body-bg-fgu-green .custom-select .options .option:focus, body.body-bg-fgu-green .custom-select .options .option.selected{background-color:var(--color-fgu-green);}
.custom-select .select-selected, .custom-select .options .option{font-family: 'Public Sans';font-size:var(--text-sm);letter-spacing:-.02rem;}

@media all and (min-width:1000.5px) and (max-width:1200.5px){
    .m.media-title-collection .element { width:calc((100% - 20px) / 3);}
    .m.media-title-collection .element:nth-of-type(3n+3){margin-right:0;}
}
@media all and (min-width:1200.5px){
    /*.m.media-title-collection .element { width:calc((100% - 20px) / 3);}*/
    .m.media-title-collection .element:nth-of-type(4n+4){margin-right:0;}
}


.m.large-links{padding:0 0 60px 0;}
.m.large-links a{display:inline-block;vertical-align:top;width:33.333%;}
.m.large-links a .inner{width:100%;padding-top:100%;}
.m.large-links a .lazy, .m.large-links a .lazy img, .m.large-links a .lazy video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.m.large-links a .btn { position: absolute; left:50%;top:50%;font-family: 'Pangram'; font-size: var(--text-lg); text-transform: uppercase; transform:translate(-50%,-50%);letter-spacing: -.05rem;line-height:.8;padding:29px 24px 25px 24px;white-space:nowrap;}
.m.large-links a .btn span{display:inline-block;vertical-align:middle;margin-right:12px;}
.m.large-links a .btn span.play{background:url("/Assets/Grx/play.svg") no-repeat;width:19px;height:22px;margin-bottom:4px;background-size:contain;}
.m.large-links a .btn span.discord{background:url("/Assets/svg/discord_dark.svg") no-repeat;width:32px;height:24px;margin-bottom:4px;background-size:contain;}

body.module-bg-blue .m.number-text-card .element {background-color: var(--color-blue);}
body.module-bg-light .m.number-text-card .element {background-color: var(--color-light);}
body.module-bg-red .m.number-text-card .element {background-color: var(--color-red);}
body.module-bg-purple .m.number-text-card .element {background-color: var(--color-purple);}
body.module-bg-yellow .m.number-text-card .element {background-color: var(--color-yellow);}
body.module-bg-green .m.number-text-card .element {background-color: var(--color-green);}
body.module-bg-fgu-red .m.number-text-card .element {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.number-text-card .element {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.number-text-card .element {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.number-text-card .element {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.number-text-card .element {background-color: var(--color-fgu-blue);}
.m.number-text-card { text-align: center;}
.page > .m:last-of-type.number-text-card{padding-bottom:90px;}
.m.number-text-card .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%; }
/*.m.number-text-card .flex { display: flex; flex-direction: row; gap: var(--sm); flex-wrap: wrap; justify-content: center; }*/
.m.number-text-card .element {vertical-align:top;width:calc((100% - 40px) / 3); background-color: var(--color-light); padding: var(--lg); display:inline-flex; flex-direction: column; gap: var(--sm); align-items: center; margin-right:20px;margin-bottom:24px;}
.m.number-text-card .element:nth-of-type(3n+3){margin-right:0;}
.m.number-text-card .element .number{ width: 200px; padding-bottom: var(--md);}
.m.number-text-card .element .number img{ width: 100%;}
.m.number-text-card .element .headline { text-align: center; }
.m.number-text-card .element .text { text-align: center; }

.m.media-grid { text-align: center; }
.m.media-grid .inner { margin: auto; padding: 0 calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%; }
.m.media-grid .grid {width:100%; display: grid; grid-template-columns:repeat(2, 1fr);grid-gap:5px;}
.m.media-grid .element { width: 100%; padding-top:105%;}
.m.media-grid .element .lazy { position: absolute; left:0;top:0;z-index: 0; width: 100%; height: 100%; object-fit: cover;} 
.m.media-grid .element .lazy img{height: 100%; object-fit: cover;}
.m.media-grid .element .btn { position: absolute; left:50%;top:50%;font-family: 'Pangram'; font-size: var(--text-lg); text-transform: uppercase; transform:translate(-50%,-50%);letter-spacing: -.05rem;line-height:.8;padding:29px 24px 25px 24px;white-space:nowrap;}

.m.person-card { text-align: center; padding:120px 0 90px 0;}
.m.person-card .inner { margin: auto; padding: 0 calc(var(--lg) / 2);padding-bottom:var(--lg); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%; }
.m.person-card .title{width:100%;padding-bottom:48px;}
.m.person-card .flex { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--xl) var(--xs); justify-items: center; }
.m.person-card .card { width: 100%; display: flex; flex-direction: column; grid-template-rows: auto; gap:24px; align-items: center; }
.m.person-card .card .media { width: 100%;}
.m.person-card .card .media img, .m.person-card .card .media video{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.m.person-card .card .role{padding-top:5px;}
.m.person-card .card .contact-info { padding-top: 22px;}
.m.person-card .card .contact-info p a{text-decoration:none;transform:none;}
@media all and (min-width:1000.5px) and (max-width:1200.5px){
    .m.person-card .flex {grid-template-columns: 1fr 1fr 1fr;}
    .m.person-card .card:nth-child(3n-1) { transform: translateY(var(--xl)); }
}
@media all and (min-width:1200.5px){
    .m.person-card .card:nth-child(4n+2), .m.person-card .card:nth-child(4n+4) { transform: translateY(var(--xl)); }
}

/* Carousel */
.m.latest-news{padding:120px 0 95px 0;text-align: center;}
.m.latest-news .inner {width:100%;}
.m.carousel{cursor:grab;user-select:none;padding:48px 0 0 0;}
.m.carousel.dragging{cursor:grabbing;}
.m.carousel .inner{position:relative;width:100%;overflow:hidden;}
.m.carousel .inner .scroller{position:relative;white-space:nowrap;font-size:0;padding:0 24px 0 12px;}
.m.carousel .el{display:inline-block;vertical-align:top;width:calc((100vw - 50px) / 3);padding:0 10px;}
.m.carousel .el .card{background:var(--color-light);color:var(--color-dark);padding:48px;}
.m.carousel .el .card .title-text {display:flex;flex-direction:column;gap:0;padding:22px 12px 0 12px;}
.m.carousel .el .card .pre-title p{text-transform:uppercase;font-size:1.4rem;min-height:1.8rem;}
.m.carousel .el .card .pre-title .dot{display:inline-block;vertical-align:top;width:8px;height:8px;border-radius:50%;background:var(--color-dark);margin:5px 12px 0 12px;}
.m.carousel .el .card .title { display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding-top:11px;}
.m.carousel .el .card .text {display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;padding-top:10px;}
.m.carousel .el .card .btn{margin-top:22px;}

body.body-bg-blue .m.carousel .el .card .btn {background-color: var(--color-blue);}
body.body-bg-light .m.carousel .el .card .btn {background-color: var(--color-dark);}
body.body-bg-red .m.carousel .el .card .btn {background-color: var(--color-red);}
body.body-bg-purple .m.carousel .el .card .btn {background-color: var(--color-purple);}
body.body-bg-yellow .m.carousel .el .card .btn {background-color: var(--color-yellow);}
body.body-bg-green .m.carousel .el .card .btn {background-color: var(--color-green);}
body.body-bg-fgu-red .m.carousel .el .card .btn {background-color: var(--color-fgu-red);}
/*body.body-bg-fgu-purple .m.carousel .el .card .btn {background-color: var(--color-fgu-purple);}*/
body.body-bg-fgu-yellow .m.carousel .el .card .btn {background-color: var(--color-fgu-yellow);}
body.body-bg-fgu-green .m.carousel .el .card .btn {background-color: var(--color-fgu-green);}
body.body-bg-fgu-blue .m.carousel .el .card .btn {background-color: var(--color-fgu-blue);}

.m.carousel .buttons{position:absolute;top:100px;left:0;width:100%;height:0;z-index:5;}
.m.carousel .buttons .browse-btn{position:absolute;left:24px;top:0;width:100px;height:107px;background-color:var(--color-light);transform:rotate(90deg);transition:opacity .3s ease;}
.m.carousel .buttons .browse-btn.next{left:auto;right:24px;transform:rotate(-90deg);}
.m.carousel .buttons .browse-btn::after{content:"";position:absolute;left:32px;top:45px;width:34px;height:20px;background:url("/Assets/svg/arrow_down_dark.svg") no-repeat;background-size:contain;background-position:center;transition:transform .4s var(--quart);}
.m.carousel.at-first .buttons .browse-btn:not(.next){opacity:0;pointer-events:none;}
.m.carousel.at-last .buttons .browse-btn.next{opacity:0;pointer-events:none;}

body.body-bg-blue .m.carousel .buttons .browse-btn{background-color: var(--color-blue);}
body.body-bg-light .m.carousel .buttons .browse-btn{background-color: var(--color-light);}
body.body-bg-red .m.carousel .buttons .browse-btn{background-color: var(--color-red);}
body.body-bg-purple .m.carousel .buttons .browse-btn{background-color: var(--color-light);}
body.body-bg-yellow .m.carousel .buttons .browse-btn{background-color: var(--color-yellow);}
body.body-bg-green .m.carousel .buttons .browse-btn{background-color: var(--color-green);}
body.body-bg-fgu-red .m.carousel .buttons .browse-btn{background-color: var(--color-fgu-red);}
body.body-bg-fgu-purple .m.carousel .buttons .browse-btn{background-color: var(--color-fgu-purple);}
body.body-bg-fgu-yellow .m.carousel .buttons .browse-btn{background-color: var(--color-fgu-yellow);}
body.body-bg-fgu-green .m.carousel .buttons .browse-btn{background-color: var(--color-fgu-green);}
body.body-bg-fgu-blue .m.carousel .buttons .browse-btn{background-color: var(--color-fgu-blue);}

body.module-bg-fgu-purple .m.carousel .el .card{background-color: var(--color-fgu-purple);}

.m.latest-news .links{text-align:center;margin-top:48px;}

/* Would require small adjustment in JS using at-last class
@media all and (min-width:1700.5px){
    .m.carousel .el{width:calc((100vw - 62px) / 4);padding:0 12px;}
}*/

.m.documents { text-align: center; }
.m.documents .inner { margin: auto; padding:calc(var(--lg) / 2); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%; }
.m.documents .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.m.documents .column { background-color: var(--color-dark); color: var(--color-white); padding: var(--lg); height:fit-content; }
.m.documents .column .text { color: var(--color-white);}
.m.documents .column .text h3 + p{padding-top:5px;}
.m.documents .column .files { display: flex; flex-direction: column; gap: var(--xs); align-items: center; padding-top: var(--lg);}
.m.documents .column .files a { background-color: var(--color-white); min-width: 0; width: fit-content; }

body.module-bg-blue .m.accordion .element {background-color: var(--color-blue);}
body.module-bg-light .m.accordion .element {background-color: var(--color-light);}
body.module-bg-red .m.accordion .element {background-color: var(--color-red);}
body.module-bg-purple .m.accordion .element {background-color: var(--color-purple);}
body.module-bg-yellow .m.accordion .element {background-color: var(--color-yellow);}
body.module-bg-green .m.accordion .element {background-color: var(--color-green);}
body.module-bg-fgu-red .m.accordion .element {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.accordion .element {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.accordion .element {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.accordion .element {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.accordion .element {background-color: var(--color-fgu-blue);}
.m.accordion { text-align: center; }
.m.accordion .inner { margin: auto; padding: 0 var(--lg); max-width: calc(var(--lg-max-width) + 2*var(--lg)); width: 100%; text-align: left; display: flex; flex-direction: column; gap: var(--md); }
.m.accordion .element { background-color: var(--color-light);  display: flex; flex-direction: column;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);cursor:pointer;touch-action:manipulation;}
.m.accordion .element .title-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; padding: var(--lg);}
.m.accordion .element .icon{display:inline-block;width:28px;height:30px;background:url("/Assets/svg/button-sub-mask.svg") no-repeat;background-size:contain;}
.m.accordion .element .icon::after{content:"";position:absolute;left:8px;top:12px;width:13px;height:8px;background:url("/Assets/svg/arrow_down.svg") no-repeat;background-size:contain;background-position:center;transition:transform .4s var(--quart);}
.m.accordion .element.open .icon::after{transform:scaleY(-1);}
.m.accordion .element .title { font-size: var(--text-md);transform-origin:0 100%;transition:transform .2s ease;max-width:calc(100% - 45px);}
.m.accordion .element .title h3{text-transform: uppercase;line-height:.95;}
.m.accordion .element .content-wrapper { display: grid; grid-template-columns: 1fr 3fr; gap: var(--xl);overflow:hidden;max-height:0;opacity:0;transition:all .6s cubic-bezier(0.25, 1, 0.5, 1);}
.m.accordion .element.open .content-wrapper{opacity:1;}
.m.accordion .element .content-wrapper .text { max-width: 612px; min-width: 400px;padding-bottom:var(--lg);}
.m.accordion .element .content-wrapper .text .btn{margin-top:24px;}
.m.accordion .element .content-wrapper .media { width: 80%; padding-bottom:var(--lg);}
.m.title-text + .m.accordion{padding-top:0;margin-top:-20px;}


.m.member-form{text-align:center;overflow:hidden;}
.m.member-form .inner{margin:auto;padding:0 var(--lg);max-width:calc(1080px + 2*var(--lg));width:100%;}
.m.member-form .inner::after{content:"";position:absolute;right:-20px;top:-25px;width:175px;height:205px;background:url("/Assets/svg/peace.svg") no-repeat;background-size:contain;transform:scaleX(-1);}
.m.member-form .btns{margin:auto;z-index:2;}
.m.member-form .btns .btn{font-family:'Pangram';text-transform:uppercase;font-weight:800;letter-spacing:-.02rem;font-size:1.7rem;padding-bottom:24px;transform-origin:50% 100%;}
.m.member-form .btns .btn + .btn{margin-left:12px;}
.m.member-form .btns .btn.active{color:var(--color-dark);}
.m.member-form .forms{width:100%;text-align:left;background:var(--color-light);color:var(--color-dark);padding:72px 120px;margin-top:-12px;}
.m.member-form .forms.extra{position:absolute;height:48px;margin-top:0;padding:0;width:50%;left:25%;}
.m.member-form .forms h3 + p{padding-top:24px;}
body.module-bg-blue .m.member-form .forms, body.module-bg-blue .m.member-form .btns .btn.active {background-color: var(--color-blue);}
body.module-bg-light .m.member-form .forms, body.module-bg-light .m.member-form .btns .btn.active {background-color: var(--color-light);}
body.module-bg-red .m.member-form .forms, body.module-bg-red .m.member-form .btns .btn.active {background-color: var(--color-red);}
body.module-bg-purple .m.member-form .forms, body.module-bg-purple .m.member-form .btns .btn.active {background-color: var(--color-purple);}
body.module-bg-yellow .m.member-form .forms, body.module-bg-yellow .m.member-form .btns .btn.active {background-color: var(--color-yellow);}
body.module-bg-green .m.member-form .forms, body.module-bg-green .m.member-form .btns .btn.active {background-color: var(--color-green);}
body.module-bg-fgu-red .m.member-form .forms, body.module-bg-fgu-red .m.member-form .btns .btn.active {background-color: var(--color-fgu-red);}
body.module-bg-fgu-purple .m.member-form .forms, body.module-bg-fgu-purple .m.member-form .btns .btn.active {background-color: var(--color-fgu-purple);}
body.module-bg-fgu-yellow .m.member-form .forms, body.module-bg-fgu-yellow .m.member-form .btns .btn.active {background-color: var(--color-fgu-yellow);}
body.module-bg-fgu-green .m.member-form .forms, body.module-bg-fgu-green .m.member-form .btns .btn.active {background-color: var(--color-fgu-green);}
body.module-bg-fgu-blue .m.member-form .forms, body.module-bg-fgu-blue .m.member-form .btns .btn.active {background-color: var(--color-fgu-blue);}
.m.member-form .forms form{padding-top:42px;}
.m.member-form .custom-form{transition:opacity .8s ease-in-out;}
.m.member-form .custom-form:not(.active){display:none;}
.m.member-form .custom-form:not(.in){opacity:0;}

.m.eventpulje-form{text-align:center;overflow:hidden;padding:calc(var(--lg) * 2) 0;margin-top:calc(var(--lg) * -1);}
.m.eventpulje-form .inner{margin:auto;padding:0 var(--lg);max-width:calc(1080px + 2*var(--lg));width:100%;}
.m.eventpulje-form .inner::after{content:"";position:absolute;right:-20px;top:-50px;width:175px;height:205px;background:url("/Assets/svg/peace.svg") no-repeat;background-size:contain;transform:scaleX(-1);}
.m.eventpulje-form .forms{width:100%;text-align:left;background:var(--color-light);color:var(--color-dark);padding:72px 120px;margin-top:-12px;}

/* Form */
.custom-form{position:relative;width:100%;font-size:1.7rem;}
.custom-form form{position:relative;width:100%;display:flex;flex-direction:column;}
.custom-form label:not(.custom-checkbox){font-family:'Pangram';text-transform:uppercase;font-weight:800;letter-spacing:-.05rem;font-size:3.2rem;line-height:.95;padding-bottom:10px;}
.custom-form label + p{margin-top:-4px;padding-bottom:12px;}
.custom-form input + label, .custom-form textarea + label{margin-top:24px;}
.custom-form input, .custom-form textarea{letter-spacing:-.02rem;font-size:1.7rem;width:100%;border:1px solid var(--color-dark);padding:10px;background:#FFF;resize:none;}
.custom-form input[name="message"], .custom-form input[name="c"]{opacity:0;position:absolute;left:0;top:0;width:0;height:0;z-index:-1;}
.custom-form .btn{align-self:end;margin-top:24px;}
.custom-form.submitted .text{display:none;}
.custom-form.submitted form{visibility:hidden;height:0;overflow:hidden;padding:0;margin:0;}
.custom-form form + .thankyou{opacity:0;transition:opacity .8s ease-in-out .2s;text-align:center;padding:100px 0;}
.custom-form form + .thankyou h2 + p{padding-top:24px;}
.custom-form:not(.submitted) form + .thankyou{visibility:hidden;position:absolute;pointer-events:none;}
.custom-form form + .thankyou.in{opacity:1;}

.custom-checkbox{position:relative;display:block;padding-left:56px;margin-top:24px;cursor:pointer;font-size:1.7rem;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;}
.custom-checkbox label{font-size:1.7rem;letter-spacing:-.02rem;}
/* Hide the browser's default checkbox */
.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;width:0;height:0;}
/* Create a custom checkbox */
.checkmark{position:absolute;left:0;top:0;width:32px;height:32px;border:1px solid var(--color-dark);background-color:var(--color-light);border-radius:50%;transition:transform .3s ease;}
.custom-checkbox:hover .checkmark, .custom-checkbox input:focus ~ .checkmark{transform:scale(1.1,1.1);}
.custom-checkbox input:checked ~ .checkmark{transform:scale(1,1);transition:transform .3s linear;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after{content:"";position:absolute;display:none;}
/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after{display:block;}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after{left:10px;top:5px;width:8px;height:16px;border:1px solid var(--color-dark);border-width: 0 3px 3px 0;transform:rotate(45deg);}


.page-transition{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--color-light);pointer-events:none;z-index:1000;transition:opacity .8s ease-in-out;will-change:opacity;}
.page-transition.loaded{opacity:0;}
.page-transition.in{opacity:1;transition:opacity .2s ease;}
.page-transition.fast{transition:none;}
.page-transition.under{z-index:10;}

.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;/*height:100svh;*/}/*Used for mobile measurement of vh (svh for smallest viewport height, lvh for largest - similar to just vh) */

@media (hover:hover){
    p a:not(.btn):hover{opacity:.4;}
    header .menu button.primary:not(.open):hover .label + span{transform:translateY(2px);}
    .primary:hover .label, .secondary:hover .label{transform:skewX(7deg);}
    .btn, .mask-btn, header .udforsk .toggle-udforsk, header .fgu-btn, header .toggle-btn{will-change:transform;}
    .mask-btn:hover{transform:scale(1.02);}
    header .menu .bottom .secondary{transition:transform .3s ease;}
    .btn:hover, header .fgu-btn:hover, header .toggle-btn:hover, header .menu .bottom .secondary:hover{transform:scale(1.025);}
    footer .social a:hover{transform:scale(1.05);}
    header .udforsk .toggle-udforsk:hover{transform:translateY(2px);}
    header .udforsk .toggle-udforsk:hover .label + span{transform:scale(1.075);}
    header .menu .bottom .secondary:hover .label{transform:none;}

    .m.media-title-collection .element:hover .lazy img{ transform: scale(1.025);}
    .custom-select:hover .select-selected{box-shadow:1px 1px 8px rgba(0,0,0,.32);}
    .m.large-links a:hover .btn, .m.media-grid .element:hover .btn{transform:translate(-50%,-50%) scale(1.025);}
    .m.accordion .element:not(.open) .title-wrapper:hover .title{transform:skewX(7deg);}
    .m.carousel .buttons .browse-btn:hover::after{transform:translateY(2px);}
}

/* Mobile only */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    .lazy.video:before{padding-top:calc(var(--aspectm, var(--aspect)) * 1%);}

    :root {
        --text-xl: 4.2rem;
        --text-md: 2.8rem;

        --xl: 48px;
        --md: 20px;
        --sm: 16px;
        --xs: 8px;
    }
    .lazy.video .load-ui .play-btn{width:62px;height:65px;}
    .lazy.video .load-ui .play-btn::after{left:24px;top:24px;border-width:9px 0px 9px 13px;}
    
    header .logo{left:12px;top:25px;width:98px;}
    header .logo img:nth-of-type(1){width:98px;height:21px;}
    header .logo img:nth-of-type(2){width:98px;height:13px;}
    header .udforsk{left:auto;right:71px;top:12px;transform:none;text-align:right;}
    header .udforsk .toggle-udforsk{padding:13px 12px 13px 12px;margin:auto;min-width:124px;}
    header .udforsk .toggle-udforsk .label{padding-top:5px;}
    header .udforsk .toggle-udforsk .label + span{width:22px;height:24px;margin-left:12px;}
    header .udforsk .toggle-udforsk .label + span::after{left:4px;top:10px;width:12px;height:7px;}
    header .udforsk .submenu{text-align:center;margin-top:-3px;}
    header .udforsk .submenu .primary{font-size:2.8rem;padding:10px 24px;}
    header .udforsk .discord{width:27px;height:20px;}
    header .fgu-btn{display:none;}
    header .toggle-btn{right:12px;top:12px;width:50px;height:50px;}
    header .toggle-btn span{width:26px;height:2px;margin:4px 0 4px 12px;}
    
    header .menu{width:calc(100% - 12px);}
    header .menu .inner{padding:86px 24px 0 24px;}
    header .menu .primary{font-size:2.8rem;padding:24px 12px 21px 12px;}
    header .menu .secondary{font-size:1.7rem;padding:10px 12px;}
    header .menu .submenu{margin-top:-10px;margin-bottom:10px;}
    header .menu .bottom{padding-bottom:14px;}
    header .menu .bottom .secondary{padding:12px 0 14px 0;}
    header .phone{width:20px;height:20px;}

    footer{padding:40px 12px 24px 12px;}
    footer::before{top:-10px;background-size:100% 21px;}
    footer .menu, footer .b{width:100%;display:block;padding:0;text-align:center;padding-top:32px;}
    footer .menu{display:flex;flex-direction:column;}
    footer .b.reverse-mobile{display:flex;flex-direction:column-reverse;}
    footer .social{margin:12px 0 48px 0;}
    footer .quote{padding:64px 12px;}
    footer .logos a{width:50%;padding:24px;border-top:1px solid #FFF;border-right:1px solid #FFF;border-bottom:0;}
    footer .logos{border-bottom:1px solid #FFF}
    footer .logos a:nth-of-type(3){border-left:1px solid #FFF;}
    footer .bottom{display:flex;flex-direction:column;padding-top:40px;}
    footer .bottom p{display:block;width:100%;text-align:center;padding:4px 0;}
    footer .bottom p:nth-of-type(1){order:3;}
    footer .bottom p:nth-of-type(2){order:1;}
    footer .bottom p:nth-of-type(3){text-align:center;order:2;}

    .page{padding-top:120px;}
    
    .btn {min-width: fit-content;}

    .m .inner, .m.media.lg .inner{padding: 0 var(--sm);}

    .m.title-text, .m.fgu-title{padding-left:16px;padding-right:16px;}

    .m.title-txt-media{padding:48px 0;}
    .m.title-txt-media .inner{padding: 0 var(--sm);}
    .m.title-txt-media .wrapper{display: flex; flex-direction: column-reverse;}
    .m.title-txt-media .title + .wrapper{padding-top:16px;}
    .m.title-txt-media .buttons{padding-top:32px;}
    .m.title-txt-media .txt {display:block;width:100%;padding-top:24px;}
    .m.title-txt-media .media{display:block;width:100%;margin:20px 0 0 0;}
    .m.title-text .text, .m.fgu-title .text { padding-top:16px; }
    .m.title-text .buttons{padding-top:24px;}
    .m + .m.title-text{padding-top:40px;padding-bottom:40px;}

    .m.fgu-title .title h1 { font-size: 4.2rem; }
    .m.fgu-title .icon {top: -82px;margin-left:-48px; width:85px;}

    .m.body-text .inner{padding:0 calc(var(--sm) * 2);}
    
    .m.quote .inner{padding: 0 var(--sm);}
    .m.quote .bg{padding:32px var(--sm);}
    .m.quote .author{padding-top:12px;}
     
    .m.number-text-list .inner{padding: 0 var(--sm);}
    .m.number-text-list .list-element { flex-direction: column; align-items: center; text-align: left; padding:32px var(--sm)}
    .m.number-text-list .list-element .text { max-width: 100%; min-width: 0; justify-content: center; }
    .m.number-text-list .list-element .number { display: none; }

    .m.ungdomsraadet-struktur .lazy{max-width:400px;}
    .m.ungdomsraadet-struktur::before { left: 0; top: 0; transform-origin: 50% 95%; transform: translate(-60%,-85%) scale(0.4) rotate(90deg); width: auto; height: auto;  }
    .m.ungdomsraadet-struktur::after { right: 0; bottom: 0; transform-origin: 50% 85%; transform: translate(65%,0%) scale(0.5) rotate(-90deg); width: auto; height: auto; }

    .m.text-box .inner{padding: 0 var(--sm);}
    .m.text-box .box {display:block;width:100%;padding: 32px var(--sm);margin-right:0;}
    .m.text-box .box + .box{margin-top:12px;}
    .m.text-box .box .text::after{width: 150px;height: 150px;margin-top:32px;}

    .m.title-media-list .inner{padding: 0 var(--sm);}
    .m.title-media-list .flex { grid-template-columns: 1fr; gap: var(--md); text-align: center; }
    .m.title-media-list .media {grid-row: 1;}
    
    .m.thumbs-up{padding:var(--lg) 0;}

    .page > .m:first-of-type.media-video{padding:0;margin-top:-120px;}
    .m.media-video .separator { height: 30px; }    
    .m.media-video .grx{bottom:-40px;height:1200px;}
    .m.media-video .grx::before{left:5px;bottom:0;width:90px;height:100px;}
    .m.media-video .grx::after{right:5px;bottom:0;width:130px;height:100px;}

    .m.media-title-collection .inner{padding: 0 var(--sm);}
    .m.media-title-collection .element{display:flex;width:100%;margin-right:0;}

    .m.media-title-collection .filters{text-align:center;}
    .m.media-title-collection .filters .filter{margin:0 4px;}
    .m.media-title-collection .filters .filter > p{font-size:1.3rem;}
    .m.media-title-collection .filters .filter .custom-select{width:120px;margin-top:0;}

    .custom-select{font-size:1.3rem;height:48px;}
    .custom-select .select-selected{height:48px;padding:16px 10px;}
    .custom-select .select-selected:after{right:10px;top:20px;}
    .custom-select .options .option{padding:12px 10px;}
    .custom-select .select-selected, .custom-select .options .option{font-size:1.3rem;}

    .m.large-links{padding:0 0 30px 0;}
    .m.large-links a{display:block;width:100%;}
    .m.large-links a .btn {font-size:2.2rem;padding:22px 19px 18px 19px;}
    .m.large-links a .btn span.play{width:14px;height:16px;}
    .m.large-links a .btn span.discord{width:24px;height:18px;}

    .m.number-text-card .inner{padding: 0 var(--sm);}
    .m.number-text-card .element{display:flex;width:100%;margin-right:0;padding:32px var(--sm);margin-bottom:12px;}
    .m.number-text-card .element .number{ width: 100px;}

    .m.media-grid .inner{padding: 0 var(--sm);}
    .m.media-grid .element .btn{font-size:3.2rem;padding:20px 16px 18px 16px;}
    .m.media-grid .grid { grid-template-columns: 1fr; }

    .m.person-card{padding:60px 0;}
    .m.person-card .inner{padding: 0 var(--sm);}
    .m.person-card .flex { grid-template-columns: 1fr 1fr;}
    
    .m.latest-news{padding:60px 0 80px 0;}
    .m.carousel{padding:48px 0 0 0;}
    .m.latest-news .inner, .m.carousel .inner{padding:0;}
    .m.carousel .inner .scroller{padding:0;}
    .m.carousel .el{width:100vw;padding:0 12px;}
    .m.carousel .el .card{padding:24px;}
    .m.carousel .el .card .title-text{padding-top:18px;}
    .m.carousel .buttons{top:90px;}
    .m.carousel .buttons .browse-btn{left:12px;top:0;width:65px;height:70px;}
    .m.carousel .buttons .browse-btn.next{left:auto;right:12px;}
    .m.carousel .buttons .browse-btn::after{left:20px;top:28px;width:26px;height:14px;}
    
    .m.documents .inner{padding: 0 var(--sm);}
    .m.documents .grid { grid-template-columns: 1fr; gap:4px;}

    .m.accordion .inner{padding:0 var(--sm);}
    .m.accordion .element .title-wrapper { padding: var(--md);transition:transform .6s cubic-bezier(0.25, 1, 0.5, 1);}
    .m.accordion .element .title-wrapper h3{font-size:2.8rem;}
    .m.accordion .element.open .title-wrapper{transform:translateY(8px);}
    .m.accordion .element .content-wrapper { grid-template-columns: 1fr !important; }
    .m.accordion .element .content-wrapper .media { display: none; }
    .m.accordion .element .content-wrapper .text { max-width: var(--text-max-width); min-width: 0; padding:0 var(--md) 25px var(--md);}
    .m.title-text + .m.accordion{padding-top:0;}

    .m.member-form .inner, .m.eventpulje-form .inner{padding:0 var(--sm);}
    .m.member-form .inner::after, .m.eventpulje-form .inner::after{display:none;}
    .m.member-form .forms, .m.eventpulje-form .forms{padding:72px 36px;margin-top:-24px;}
    .m.member-form .forms.extra{margin-top:0;width:80%;left:10%;}
    .m.member-form .forms h3 + p{padding-top:16px;}
    .m.member-form .forms form{padding-top:36px;}
    
    .custom-form label:not(.custom-checkbox){font-size:2.8rem;padding-bottom:8px;}
    .custom-form form + .thankyou{padding:48px 0;}
    .custom-checkbox{padding-left:48px;font-size:1.5rem;}
    .custom-checkbox label{font-size:1.5rem;}
}
@media all and (max-width:750.5px){
    .m.person-card .flex { grid-template-columns: 1fr; }
    .m.member-form .forms, .m.eventpulje-form .forms{padding:72px 20px;}
    .custom-form .btn{width:100%;align-self:center;}
}
@media all and (max-width:400.5px){
    .m.media-title-collection .filters .filter .custom-select{width:110px;}
    .custom-select{font-size:1.2rem;}
    .custom-select .select-selected{padding:16px 8px;}
    .custom-select .options .option{padding:12px 8px;}
    .custom-select .select-selected, .custom-select .options .option{font-size:1.2rem;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
    
}
/* Desktop only */
@media all and (min-width:1000.5px){
    .mobile{display:none;}
    .m.title-txt-media.reverse .inner{padding:0 var(--lg) 0 calc(var(--lg) / 2);}
    .m.title-txt-media.reverse .wrapper{flex-direction:row-reverse;}
    .m.title-txt-media.reverse .media{margin-left:0;margin-right:48px;}
    .m.large-links .buttons::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.5vw;background-color:var(--color-red);-webkit-mask:url('/Assets/svg/forside_mask.svg'); mask: url('/Assets/svg/forside_mask.svg') no-repeat;mask-size:102% auto; mask-mode: alpha;}
    .m.carousel.few-items{cursor:default;}
    .m.carousel.few-items .buttons{display:none;}
}