@charset "UTF-8";
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{position:relative;font-family:'Barlow', sans-serif;background-color:#FFF;color:#000;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
.noanim *{transition:none!important;}
body.spinner{cursor:progress!important;}

h1,h2,h3,h4,h5,h6,p,q{font-family:'Barlow', sans-serif;position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;overflow-wrap:break-word;}
h1,form h2{font-family:'Barlow Semi Condensed', sans-serif;font-size:4.8rem;}
h2,form h3{font-family:'Barlow Semi Condensed', sans-serif;font-size:2.8rem;}/*widget overskrift*/
h3,p.intro,p.large{font-size:2.0rem;font-weight:600;line-height:1.1;}/*manchetter*/
p.intro, p.large{line-height:1.2;}
p,ul,ol,.unfoldBtn{font-size:1.8rem;font-weight:400;line-height:1.3;min-height:2.0rem;}
ul,ol{margin:0;padding-left:1.8rem;}
input{font-family:'Barlow', sans-serif;}
.page.l h1, .page.l h2{font-family:'Barlow Semi Condensed', sans-serif;text-shadow:none;color:inherit;}
.page.l h2{font-size:2.8rem;padding-top:20px;}

/*      Buttons     */
a,button{position:relative;box-sizing:border-box;color:inherit;/*text-decoration:none;*/line-height:inherit;cursor:pointer;font-family:inherit;border:0;}
fieldset{margin:0;padding:0;border:0;outline:0;}

.downloadBtn, .redirectBtn{display:block;color:#7bded0;font-size:1.8rem;font-weight:500;margin:0px 30px 0 0;padding-left:4rem;padding-right:.2rem;transition:all .2s ease-out;min-height:3rem;line-height:3rem;/*white-space:nowrap;*/text-decoration:underline;}
.downloadBtn:before, .redirectBtn:before{content:"";position:absolute;left:0;top:0;width:3rem;height:3rem;background:url("../Grx/download_colore.svg") no-repeat;background-position:center;background-size:80%;box-sizing:border-box;border-radius:100%;border:2px solid #4c2819;}
.redirectBtn:before{background-image:url("../Grx/arrowright_colore.svg");}
.downloadBtn:hover, .downloadBtn:focus, .redirectBtn:hover, .redirectBtn:focus{padding-left:4.2rem;padding-right:0;}
.widget.color .downloadBtn, .widget.color .redirectBtn{color:#7bded0;}
.widget.color .downloadBtn:before{background-image:url("../Grx/download_colord.svg");border-color:#7bded0;}
.widget.color .redirectBtn:before{background-image:url("../Grx/arrowright_colord.svg");border-color:#7bded0;}
.downloadBtn + .downloadBtn, .downloadBtn + .redirectBtn, .redirectBtn + .downloadBtn, .redirectBtn + .redirectBtn{margin-top:10px;}

.downloadPdfBtn, .viewPdfBtn{display:inline-block;color:#7bded0;font-size:1.6rem;font-weight:500;margin:0px 15px 0 0;padding-left:4rem;padding-right:.2rem;transition:all .2s ease-out;height:3rem;line-height:3rem;/*white-space:nowrap;*/text-decoration:underline;}
.downloadPdfBtn:before{content:"";position:absolute;left:0;top:0;width:3rem;height:3rem;background:url("../Grx/download_colore.svg") no-repeat;background-position:center;background-size:80%;box-sizing:border-box;border-radius:100%;border:2px solid #4c2819;}
.viewPdfBtn:before{content:"";position:absolute;left:0;top:0;width:3rem;height:3rem;background:url("../Grx/eye_colord.svg") no-repeat;background-position:center;background-size:80%;box-sizing:border-box;border-radius:100%;border:2px solid #4c2819;}
.downloadPdfBtn:hover, .downloadPdfBtn:focus, .viewPdfBtn:hover, .viewPdfBtn:focus{padding-left:4.2rem;padding-right:0;}

.closeBtn{display:block;color:#FFF;width:6rem;height:6rem;background-color:rgba(0,0,0,.6);border-radius:100%;transition:all .2s ease-out;}
.closeBtn:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url("../Grx/close.svg") no-repeat;background-position:center;background-size:40%;box-sizing:border-box;}
.closeBtn:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,1);}

.nextBtn{display:block;color:#FFF;width:6rem;height:6rem;background-color:rgba(0,0,0,.6);border-radius:100%;transition:all .2s ease-out;}
.nextBtn:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url("../Grx/arrowright.svg") no-repeat;background-position:center;background-size:80%;box-sizing:border-box;}
.altBtn{display:block;width:6rem;height:6rem;background-color:rgba(0,0,0,.6);border-radius:100%;transition:all .2s ease-out;}
.altBtn:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url("../Grx/image-alt-text-svgrepo-com.svg") no-repeat;background-position:center;background-size:60%;box-sizing:border-box;}
.nextBtn:hover,.altBtn:hover{transform:scale(1.1,1.1);background-color:rgba(0,0,0,1);}
.nextBtn.prev:before{transform:scale(-1);}

.m .orderBtn{position:relative;display:block;width:100%;height:5rem;line-height:5rem;font-size:2rem;font-weight:600;background-color:#7bded0;color:#000;text-align:center;text-decoration:none;border-radius:2.5rem;transition:all .2s ease-out;}/*7bded0*/
.m .orderBtn:hover, .m .orderBtn:focus{background-color:#dcdcd2;}

.backBtn{position:relative;display:inline-block;font-size:2.0rem;color:#FFF;text-decoration:none;padding:12px 20px 12px 40px;font-weight:600;z-index:2;background:transparent;transition:opacity .3s ease-out;}
.backBtn:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/menubg.jpg") no-repeat;background-size:cover;z-index:-1;}
.backBtn:after{-webkit-mask-image:url("../Grx/menu3.svg");mask-image:url("../Grx/menu3.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center left;-webkit-mask-position:center left;}
.backBtn:before{content:"";position:absolute;left:-5%;top:-5%;width:110%;height:130%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-1;opacity:1;}
.backBtn .arrow{position:absolute;left:10px;top:1rem;width:25px;height:20px;background:url("../Grx/arrowright.svg") no-repeat;background-size:cover;transform:scaleX(-1);transition:transform .2s ease-out;}
.backBtn:hover .arrow{transform:scaleX(-1) translateX(2px);}
.backBtn.next{padding:12px 40px 12px 20px;}
.backBtn.next .arrow{left:auto;right:10px;transform:none;}
.backBtn.next:hover .arrow{transform:translateX(2px);}
.backBtn.hide{opacity:0;pointer-events:none;}

.standardLink{transition:opacity .2s ease-out;}
.standardLink:hover{opacity:.7;}

@media all and (max-width:767.5px){
    h1,form h2{font-size:3.0rem;}
    h2,form h3{font-size:2.4rem;}
    h3,p.intro{font-size:1.8rem;line-height:1.2;}
    .veryzoomed p.intro{font-size:1.2rem;}
    p,ul,ol,.unfoldBtn{font-size:1.6rem;line-height:1.2;min-height:1.8rem;}
    ul,ol{padding-left:1.6rem;}
    .page.l h2{font-size:1.8rem;}
    .downloadBtn, .redirectBtn{font-size:1.6rem;}
    .downloadPdfBtn, .viewPdfBtn{font-size:1.4rem;}
    .closeBtn, .nextBtn, .altBtn{width:4rem;height:4rem;}
}

/*      Media       */
img,video,.lazy .img{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);}
.fade{opacity:0;transition:opacity .6s ease-in-out;}
.fade.in{opacity:1;}
.lazy{position:relative;width:100%;}
.lazy.bg{position:fixed;left:0;top:0;width:100vw;height:100vh;}
.lazy.bg .rel{padding-top:0!important;position:absolute;left:0;top:0;width:100%;height:100%;}
.lazy .rel{position:relative;display:block;width:100%;overflow:hidden;}
.lazy .rel .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease-in-out;/*, transform 2.0s ease-out;*/}
.lazy .rel .img.instant.in{transition:none;opacity:1;}
.embeddedvideo{position:relative;width:100%;padding-top:56.25%;}
.externalvideoplayer, .embeddedvideo iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;outline:0;margin:0;padding:0;}/*youtube and vimeo*/


header{position:relative;color:#1d1d1b;left:0;top:0;width:100%;height:85px;z-index:1000;box-sizing:border-box;/*padding:50px;*/}
header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7bded0;}
/* Logo (padding trick for old IE) */
header .logo{position:absolute;left:20px;top:17px;width:175px;height:52px;background:url("../Grx/logo_2026.svg") no-repeat;background-position:center;background-size:contain;transition:opacity .3s ease-out;}
header .logo:hover{opacity:.7;}
header .mainmenu{position:absolute;left:50%;top:0;text-align:center;}
.marketing header .mainmenu{left:auto;right:30px;}
.marketing header .mainmenu:not(.burgermenu) .childrenmenu a{-webkit-mask-image:url("../Grx/menu1.png");mask-image:url("../Grx/menu1.png");}
header .mainmenu:not(.burgermenu) .toggle{display:none;}
header .mainmenu:not(.burgermenu) .label{display:none;}
header .mainmenu:not(.burgermenu) .adultmenu{position:absolute;left:50%;top:5px;white-space:nowrap;transform:translateX(-50%);}
header .mainmenu:not(.burgermenu) .adultmenu a{font-size:1.5rem;font-weight:500;padding:10px;display:inline-block;vertical-align:top;text-decoration:none;transition:color .2s ease-out;}
header .mainmenu:not(.burgermenu) .adultmenu a:not(:last-of-type):after{color:#1d1d1b;content:"•";position:absolute;right:-2px;}
header .mainmenu:not(.burgermenu) .adultmenu a:hover, header .mainmenu:not(.burgermenu) .adultmenu a:focus, header .mainmenu:not(.burgermenu) .adultmenu a[aria-current="page"]{/*color:#7bded0;*/text-decoration:underline;}
header .mainmenu:not(.burgermenu) .childrenmenu{position:absolute;left:50%;top:60px;white-space:nowrap;transform:translateX(-50%);color:#FFF;}
header .mainmenu:not(.burgermenu) .childrenmenu a{display:inline-flex;align-items:center;font-size:1.6rem;font-weight:600;padding:0 1.5rem 0 4rem;min-width:7.5rem;height:4rem;text-decoration:none;vertical-align:top;background-color:#000;}
header .mainmenu:not(.burgermenu) .childrenmenu a{-webkit-mask-image:url("../Grx/menu1.png");mask-image:url("../Grx/menu1.png");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
header .mainmenu:not(.burgermenu) .childrenmenu a:nth-of-type(2){-webkit-mask-image:url("../Grx/menu2.png");mask-image:url("../Grx/menu2.png");}
header .mainmenu:not(.burgermenu) .childrenmenu a:nth-of-type(3){-webkit-mask-image:url("../Grx/menu3.png");mask-image:url("../Grx/menu3.png");}
header .mainmenu:not(.burgermenu) .childrenmenu a:nth-of-type(4){-webkit-mask-image:url("../Grx/menu4.png");mask-image:url("../Grx/menu4.png");}
header .mainmenu:not(.burgermenu) .childrenmenu a:nth-of-type(5){-webkit-mask-image:url("../Grx/menu4.png");mask-image:url("../Grx/menu5.png");}
header .mainmenu:not(.burgermenu) .childrenmenu a:not(:last-of-type){margin-right:10px;}
header .mainmenu:not(.burgermenu) .childrenmenu a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/menubg.jpg") no-repeat;z-index:-1;background-size:cover;}
header .mainmenu:not(.burgermenu) .childrenmenu a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#4c2819;opacity:0;z-index:-1;transition:opacity .2s ease-out;}
header .mainmenu:not(.burgermenu) .childrenmenu a:hover:after, header .mainmenu:not(.burgermenu) .childrenmenu a:focus:after{opacity:.5;/*.1*/}
header .mainmenu:not(.burgermenu) .childrenmenu a:focus-visible:before{box-sizing:border-box;border:4px solid #7bded0;background-color:transparent;}/*show border when focused*/
header .mainmenu:not(.burgermenu) .childrenmenu a[aria-current="page"]:after{opacity:1;}
/*header .mainmenu:not(.burgermenu) .childrenmenu a[aria-current="page"]{color:#000;background-color:#FFF;}*/
header .mainmenu .childrenmenu a .icon{position:absolute;left:1rem;top:.75rem;width:1.8rem;height:2.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;}
header .mainmenu .childrenmenu a .icon.opdag{background-image:url("../Grx/opdag.svg");}
/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.opdag{background-image:url("../Grx/opdag_dark.svg");}*/
header .mainmenu .childrenmenu a .icon.fotohistorier{background-image:url("../Grx/camera.svg");}
/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.fotohistorier{background-image:url("../Grx/camera_dark.svg");}*/
header .mainmenu .childrenmenu a .icon.kalender{background-image:url("../Grx/kalender.svg");}
/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.kalender{background-image:url("../Grx/kalender_dark.svg");}*/
header .mainmenu .childrenmenu a .icon.kids{background-image:url("../Grx/kids.svg");}
/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.kids{background-image:url("../Grx/kids_dark.svg");}*/
header .mainmenu .childrenmenu a .icon.microphone{background-image:url("../Grx/boernereporter.svg");background-size:125%;}
/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.microphone{background-image:url("../Grx/boernereporter_dark.svg");}*/
header .mainmenu .childrenmenu a .icon.ramasjang{background-image:url("../Grx/ultra_ramasjang.png");left:2rem;margin:auto;width:8.3rem;height:2.8rem;}
header .mainmenu .childrenmenu a .icon.greenschool{background-image:url("../Grx/gron_skole.svg");background-size:175%;}
header .mainmenu .childrenmenu a .icon.klimamissionen{background-image:url("../Grx/indonesien_regn.svg");background-size:150%;}

/*header .mainmenu .childrenmenu a[aria-current="page"] .icon.greenschool{background-image:url("../Grx/gron_skole_dark.svg");}*/
header .mainmenu .childrenmenu a:last-of-type{display:inline-block;text-align:center;min-width:unset;}
header .mainmenu .childrenmenu a:last-of-type {min-width: 12rem;}

/* Marketing (single item) version */
.marketing header .mainmenu .childrenmenu{position:relative;left:auto;transform:none;}
.marketing header .mainmenu .childrenmenu a .icon.logo{background-image:url("../Grx/logo_notxt.svg");left:auto;right:1.5rem;top:1rem;width:3.5rem;height:3.5rem;}
.marketing header .mainmenu .childrenmenu a{padding:2rem 6rem 2rem 1.5rem;height:auto;}

header .mainmenu.burgermenu{position:absolute;left:auto;right:0;top:0;width:50%;height:0;box-sizing:border-box;padding:50px 10px 40px 10px;overflow:auto;}
header .mainmenu.burgermenu.open{width:100%;height:100vh;/*background-color:#7bded0;*/background-color:rgba(0,0,0,.8);}
header .mainmenu.burgermenu .toggle{position:absolute;right:20px;top:18px;width:35px;height:35px;background:url("../Grx/burger_dark.svg") no-repeat;background-size:contain;background-position:center;}
header .mainmenu.burgermenu .toggle span{position:absolute;left:-1rem;top:50%;font-size:1.8rem;font-weight:500;transform:translate(-100%, -50%);}
header .mainmenu.burgermenu.open .toggle{background-image:url("../Grx/close.svg");height:30px;margin-top:3px;}
header .mainmenu.burgermenu .label{color:#FFF;position:relative;font-size:1.8rem;font-weight:600;display:table;margin:60px auto -10px auto;transform:translateY(-20px);z-index:1;padding:10px 20px;text-transform:uppercase;filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));}
header .mainmenu.burgermenu .label:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/menubg.png") no-repeat;z-index:-1;background-size:cover;}
header .mainmenu.burgermenu .adultmenu, header .mainmenu.burgermenu .childrenmenu{display:none;position:relative;background:url("../Grx/paper_texture.jpg") no-repeat;background-size:cover;box-shadow:4px 4px 16px rgba(0,0,0,.5);padding-bottom:15px;}
header .mainmenu.burgermenu.open .adultmenu, header .mainmenu.burgermenu.open .childrenmenu{display:block;} 
header .mainmenu.burgermenu .adultmenu a, header .mainmenu.burgermenu .childrenmenu a{font-size:1.8rem;font-weight:600;text-decoration:none;color:#000;padding:1rem;display:table;margin:auto;padding-left:4rem;width:20rem;text-align:left;}
header .mainmenu.burgermenu .childrenmenu a .icon{left:0;top:.75rem;width:2.5rem;height:2.5rem;}
header .mainmenu.burgermenu .childrenmenu a .icon.ramasjang{position:relative;display:block;left:auto;top:auto;width:100px;height:37px;mix-blend-mode:multiply;margin-bottom:-15px;}
header .mainmenu.burgermenu .childrenmenu a .icon.opdag{background-image:url("../Grx/opdag_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a .icon.fotohistorier{background-image:url("../Grx/camera_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a .icon.kalender{background-image:url("../Grx/kalender_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a .icon.kids{background-image:url("../Grx/kids_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a .icon.microphone{background-image:url("../Grx/boernereporter_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a .icon.greenschool{background-image:url("../Grx/gron_skole_dark.svg");background-size:150%;}
header .mainmenu.burgermenu .childrenmenu a .icon.klimamissionen{background-image:url("../Grx/indonesien_regn_dark.svg");}
header .mainmenu.burgermenu .childrenmenu a:last-of-type{padding-left:0;}

main{position:relative;width:100%;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;}
.page{position:relative;box-sizing:border-box;font-size:0;margin:auto;width:100%;width:calc(100% - 40px);max-width:1300px;padding-top:65px;text-align:center;}

.submenu{position:relative;display:inline-block;vertical-align:top;font-weight:bold;width:20%;margin-left:-20px;font-size:1.6rem;z-index:2;text-align:left;}
.submenu.sticky{position:sticky;position:-webkit-sticky;top:0;}
.submenu .label{display:flex;align-items:center;min-height:40px;background-color:#4c2819;color:#FFF;box-sizing:border-box;padding:5px 15px 5px 30px;font-weight:600;}
.submenu a{display:flex;align-items:center;min-height:40px;background-color:#FFF;color:#222;padding:5px 15px 5px 30px;margin-top:1px;font-weight:500;text-decoration:none;transition:all .2s ease-out;}
.submenu a + .label{margin-top:30px;}
.submenu a:hover{background-color:#dcdcd2;}
.submenu a[aria-current="page"]{background-color:#7bded0;}

.genveje{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:100;}
/*filters kill performance, so we use a png (black blur) instead */
.genveje a{display:block;width:100px;height:60px;margin-bottom:-5px;text-align:right;transform:translateX(-40px);transition:transform .3s ease-out;/*filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.8));-webkit-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.8));*/will-change:transform;}
.genveje a:after{content:"";position:absolute;left:-10%;top:0;width:120%;height:130%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-1;opacity:.4;}
.genveje a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.genveje a:nth-of-type(7){z-index:0;}
.genveje a:nth-of-type(6){z-index:1;}
.genveje a:nth-of-type(5){z-index:2;}
.genveje a:nth-of-type(4){z-index:3;}
.genveje a:nth-of-type(3){z-index:4;}
.genveje a:nth-of-type(2){z-index:5;}
.genveje a:nth-of-type(1){z-index:6;}
.genveje a img{display:inline-block;width:50px;height:60px;position:relative;z-index:2;margin-right:5px;margin-top:2px;}
.genveje a.selected{transform:translateX(0px);}
.genveje a:not(.selected):hover, .genveje a:not(.selected):focus{transform:translateX(-20px);}
.genveje a:before{-webkit-mask-image:url("../Grx/menu1.png");mask-image:url("../Grx/menu1.png");-webkit-mask-size:200% 200%;mask-size:200% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:top right;-webkit-mask-position:center right;}
.genveje a:nth-of-type(5):before{-webkit-mask-image:url("../Grx/menu2.png");mask-image:url("../Grx/menu2.png");}
.genveje a:nth-of-type(3):before, .genveje a:nth-of-type(7):before{-webkit-mask-image:url("../Grx/menu4.png");mask-image:url("../Grx/menu4.png");}
.genveje a:nth-of-type(2):before{-webkit-mask-image:url("../Grx/menu5.png");mask-image:url("../Grx/menu5.png");}
.genveje a:nth-of-type(7) img{width:34px;margin:5px 12px 0 0;}

/* Module template */
.m{position:relative;display:inline-block;width:calc(80% - 10px);box-sizing:border-box;min-height:100vh;font-size:0;margin-left:30px;}
.fullw{position:relative;width:100%;box-sizing:border-box;min-height:100vh;padding-bottom:120px;}/*Opdag*/
.fullw > .bg{overflow:hidden;/*will-change:transform;*/}
.fullw > .bg .rel{height:140vh;overflow:hidden;}
.zoomed .fullw > .bg .rel{margin-top:-20vh;height:200vh;}
.veryzoomed .fullw > .bg .rel{margin-top:-100vh;height:300vh;}
/*.veryzoomed .fullw > .bg{margin-top:-60px;}*/
.fullw:before{content:"";position:absolute;left:0;top:0;width:100%;height:30px;z-index:1;margin-top:-10px;}
.fullw:first-of-type:before{display:none;}/*don't use topbar in first section*/
.fullw .page{width:calc(100% - 400px);max-width:1150px;}
.fullw .page.l{text-align:left;}
.fullw .page.white{color:#FFF;}
.fullw .page.l p{padding-top:20px;}

.videoplayer .overlayTitle::before, .genveje .s1:before, .fullw.s1:before, .fullw.s1 .teaser .sidebar, .fullw.s1 .teaser .sidebarbottom, .fullw.s1 p.intro:before, .fullw.s1 .overlayTitle:before, .fullw.s1 .stackgallery .lazy .desc .inner:before, .fullw.s1 .quiz .content .step .answer.selected, .fullw.s1 .stackgallery .altOverlay, .fullw.s1 .teaser.bookthumb:before, .fullw.s1 .flipbook .hard, .fullw.s1 .book .chapters .chooseBtn, .fullw.s1 .teaser .sidebar .label{background-color:#7bded0;}
.genveje .s2:before, .fullw.s2:before, .fullw.s2 .teaser .sidebar, .fullw.s2 .teaser .sidebarbottom, .fullw.s2 p.intro:before, .fullw.s2 .overlayTitle:before, .fullw.s2 .stackgallery .lazy .desc .inner:before, .fullw.s2 .quiz .content .step .answer.selected, .fullw.s2 .stackgallery .altOverlay, .fullw.s2 .teaser.bookthumb:before, .fullw.s2 .flipbook .hard, .fullw.s2 .book .chapters .chooseBtn, .fullw.s2 .teaser .sidebar .label{background-color:#EBC17D;}
.genveje .s3:before, .fullw.s3:before, .fullw.s3 .teaser .sidebar, .fullw.s3 .teaser .sidebarbottom, .fullw.s3 p.intro:before, .fullw.s3 .overlayTitle:before, .fullw.s3 .stackgallery .lazy .desc .inner:before, .fullw.s3 .quiz .content .step .answer.selected, .fullw.s3 .stackgallery .altOverlay, .fullw.s3 .teaser.bookthumb:before, .fullw.s3 .flipbook .hard, .fullw.s3 .book .chapters .chooseBtn, .fullw.s3 .teaser .sidebar .label{background-color:#D1EFA7;}
.genveje .s4:before, .fullw.s4:before, .fullw.s4 .teaser .sidebar, .fullw.s4 .teaser .sidebarbottom, .fullw.s4 p.intro:before, .fullw.s4 .overlayTitle:before, .fullw.s4 .stackgallery .lazy .desc .inner:before, .fullw.s4 .quiz .content .step .answer.selected, .fullw.s4 .stackgallery .altOverlay, .fullw.s4 .teaser.bookthumb:before, .fullw.s4 .flipbook .hard, .fullw.s4 .book .chapters .chooseBtn, .fullw.s4 .teaser .sidebar .label{background-color:#8BA6BB;}
.genveje .s5:before, .fullw.s5:before, .fullw.s5 .teaser .sidebar, .fullw.s5 .teaser .sidebarbottom, .fullw.s5 p.intro:before, .fullw.s5 .overlayTitle:before, .fullw.s5 .stackgallery .lazy .desc .inner:before, .fullw.s5 .quiz .content .step .answer.selected, .fullw.s5 .stackgallery .altOverlay, .fullw.s5 .teaser.bookthumb:before, .fullw.s5 .flipbook .hard, .fullw.s5 .book .chapters .chooseBtn, .fullw.s5 .teaser .sidebar .label{background-color:#B2F2F0;}
.genveje .s6:before, .fullw.s6:before, .fullw.s6 .teaser .sidebar, .fullw.s6 .teaser .sidebarbottom, .fullw.s6 p.intro:before, .fullw.s6 .overlayTitle:before, .fullw.s6 .stackgallery .lazy .desc .inner:before, .fullw.s6 .quiz .content .step .answer.selected, .fullw.s6 .stackgallery .altOverlay, .fullw.s6 .teaser.bookthumb:before, .fullw.s6 .flipbook .hard, .fullw.s6 .book .chapters .chooseBtn, .fullw.s6 .teaser .sidebar .label{background-color:#FFACCB;}
.genveje .s7:before, .fullw.s7:before, .fullw.s7 .teaser .sidebar, .fullw.s7 .teaser .sidebarbottom, .fullw.s7 p.intro:before, .fullw.s7 .overlayTitle:before, .fullw.s7 .stackgallery .lazy .desc .inner:before, .fullw.s7 .quiz .content .step .answer.selected, .fullw.s7 .stackgallery .altOverlay, .fullw.s7 .teaser.bookthumb:before, .fullw.s7 .flipbook .hard, .fullw.s7 .book .chapters .chooseBtn, .fullw.s7 .teaser .sidebar .label{background-color:#FFF0A2;}


/* Content element (article etc.) */
.c{position:relative;float:left;background-color:#FFF;box-sizing:border-box;padding:30px;width:calc(70% - 30px);text-align:left;}
.c.nopadding{padding:0 30px;}
.full .c{width:100%;}
.full.alone{margin:auto;/*width:100%;*/}
/* Centeralign is used for entrance pages to Fotohistorier and Kalender */
.alone.centeralign{text-align:center;margin-top:80px;}
.alone.centeralign .c{margin:auto;float:none;text-align:center;border-radius:30px;box-shadow:2px 2px 16px rgba(0,0,0,.4);background-color:transparent;}
.alone.centeralign .c:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/papir2.jpg") no-repeat;opacity:.85;border-radius:30px;}

.full.frontpage{margin:40px auto 0 auto;width:100%;display:inline-block;}
.m * + h2, .m * + h3{padding-top:40px;}/*when titles are not first in element*/
.m p{padding-top:20px;}
.m .lazy{padding-top:30px;}
.m .embeddedvideo{margin-top:30px;}
.m p + h1, .m .cover + h1{padding-top:30px;}
.m p.intro + p{padding-top:30px;}
.m h2 + p, .m h3 + p{padding-top:10px;}
.m ul, .m ol{padding-top:10px;}
.m .inlineimg{position:relative;display:inline;float:left;font-size:1.5rem;line-height:1.05;width:50%;font-style:italic;margin:5px 1.5rem 10px 0;}
.m .inlineimg .lazy{display:inline-block;padding-top:0;}
.m .inlineimg .lazy .rel{margin-bottom:5px;}
.m .inlineimg.right{float:right;margin:5px 0 10px 1.5rem;}
.m .fullimg{width:100%;margin:30px 0;min-height:0;padding-top:0;font-size:1.5rem;line-height:1.05;font-style:italic;}
.m .fullimg.cover{width:calc(100% + 60px);margin:-30px 0 0 -30px;}/*compensates for parent's padding*/
.m .fullimg img{width:100%;}
.m .inlinebox{width:100%;background-color:#f1f1ed;box-sizing:border-box;padding:30px;margin:30px 0 10px 0;}
.m .inlinebox p:first-child{padding-top:0;}/*if paragraph is first remove top padding*/
.m a{color:#4c2819;text-decoration:underline;}
.widgets{position:relative;float:right;width:30%;padding-bottom:30px;text-align:left;}
/* widgets right side (integrated mobile) */
.widget{position:relative;display:block;background-color:#f1f1ed;color:#000;box-sizing:border-box;width:100%;border-top:10px solid #7bded0;text-align:left;}
.widget.color{background-color:#4c2819;color:#FFF;border-top:10px solid #7bded0;}
.widget img{width:100%;}
.widget .lazy{padding-top:0;}
.widget .content{box-sizing:border-box;width:100%;padding:30px;}
/* archive (image with download links) */
.m .archive{display:block;width:100%;padding:30px 0;box-sizing:border-box;font-size:0;}
.m .archive .lazy{width:50%;display:inline-block;vertical-align:top;padding-top:0;}
.m .archive .content{width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;padding-left:30px;}
.m .archive + .archive{padding-top:0;}

.m .applinks{position:relative;display:block;width:100%;margin:40px auto;}
.m .applinks .iconBtn{display:inline-block;width:50%;font-size:1.6rem;text-align:center;}
.m .applinks .iconBtn .icon{display:block;width:100%;height:60px;}
.m .applinks .iconBtn.tablet .icon{background:url("../Grx/device-tablet-dark.png") no-repeat;background-position:center;}
.m .applinks .iconBtn.desktop .icon{background:url("../Grx/device-desktop-dark.png") no-repeat;background-position:center top;}

.m .applinks .iconBtn .label{display:inline-block;color:#FFF;font-weight:600;font-size:1.8rem;letter-spacing:1px;width:auto;border-radius:30px;box-sizing:border-box;padding:15px 40px;text-decoration:none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ecbc6a+0,004d5d+100 */
    background: #7bded0; /* Old browsers */
    background: -moz-linear-gradient(top,  #7bded0 0%, #b66b45 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7bded0 0%,#b66b45 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7bded0 0%,#b66b45 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bded0', endColorstr='#b66b45',GradientType=0 ); /* IE6-9 */
color:#000;box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.3);transition:box-shadow .15s ease-out;}
.m .applinks .iconBtn:hover .label{box-shadow:1px 1px 8px 1px rgba(0, 0, 0, 0.6);/*border:1px solid rgba(255, 255, 255, .7);*/}



/* forms */
.form{position:relative;width:100%;margin-top:30px;}
.product{position:relative;overflow:hidden;transition:all .5s ease-out;}
.product.featured{position:relative;z-index:1;overflow:visible;}
.product.featured:before{content:"";position:absolute;left:-30px;top:0;width:calc(100% + 60px);height:100%;background-color:#f1f1ed;z-index:-1;}
.product.hidden{opacity:0;pointer-events:none;}
.product .title{display:inline-block;vertical-align:top;width:72%;}
.product .price{display:inline-block;vertical-align:top;width:25%;text-align:right;font-size:2.8rem;}
.product h2 .price{padding-top:1.2rem;float:right;line-height:1.25;}
.product h2 .moms, .product h3 .moms{display:block;color:#999;font-size:1.8rem;white-space:nowrap;padding-top:5px;}
.product:not(.featured){border-bottom:1px solid #222;}
.product-header h2, .product-header h3{padding:1rem 0;}
.product p{width:80%;padding-top:1rem;}
.product .description{display:inline-block;vertical-align:top;width:75%;padding:2rem 0;}
.product.featured .description{padding-top:.5rem;}
.product .control-group{display:inline-block;vertical-align:top;width:25%;text-align:right;box-sizing:border-box;padding-top:2rem;padding-left:1rem;}
.product label{font-family:'Barlow', sans-serif;font-size:1.6rem;display:inline-block;margin-right:.75rem;}
.product input[type=number]{display:inline-block;font-size:1.6rem;box-sizing:border-box;border-radius:0;width:4rem;text-align:center;border:1px solid #222;padding:0;height:3rem;line-height:3rem;padding-left:1rem;}
.product input[type=number]:focus{outline:0;border-width:2px;}
.product .control-group .checkbox{margin-top:1rem;margin-right:3rem;height:4rem;}
.product .control-group .minus, .product .control-group .plus{position:relative;display:inline-block;vertical-align:top;width:3rem;height:3rem;background-color:transparent;cursor:pointer;transition:transform .2s ease-out;}
.product .control-group .minus:focus, .product .control-group .plus:focus{outline:0;border:0;}
.product .control-group .minus:after{content:"";position:absolute;left:30%;top:50%;margin-top:-1px;width:40%;height:2px;background-color:#222;}
.product .control-group .plus:before{content:"";position:absolute;left:50%;margin-left:-1px;top:30%;width:2px;height:40%;background-color:#222;}
.product .control-group .plus:after{content:"";position:absolute;left:30%;top:50%;margin-top:-1px;width:40%;height:2px;background-color:#222;}
.product .control-group .minus:hover, .product .control-group .plus:hover{transform:scale(1.2);}
.product .control-group .counter{display:inline-block;padding:1rem 0;}
.checkbox{display:block;position:relative;cursor:pointer;font-size:1.6rem;box-sizing:border-box;padding-top:.75rem;padding-right:4rem;}
.checkbox input{position:absolute;width:0;height:0;cursor:pointer;opacity:0;}
.checkmark{position:absolute;top:0;right:0;width:3rem;height:3rem;background-color:#FFF;border:1px solid #222;}
.checkbox:hover input ~ .checkmark{border-width:2px;}
.checkbox input:checked ~ .checkmark, .checkbox input:focus ~ .checkmark{border-width:2px;}
.checkmark:after{content:"";position:absolute;display:none;}
.checkbox input:checked ~ .checkmark:after{display:block;}
.checkbox .checkmark:after{left:1.1rem;top:.6rem;width:.5rem;height:1rem;border:solid #222;border-width:0 .3rem .3rem 0;transform:rotate(45deg);}

.fields{font-size:0;margin:30px 0 10px 0;}
.fields .group{position:relative;display:inline-block;vertical-align:top;margin:1rem 0;width:50%;}
.fields .group label{display:block;font-size:1.6rem;font-weight:500;padding-bottom:.5rem;}
.fields input{box-sizing:border-box;font-size:1.6rem;height:4rem;padding:0 1rem;width:100%;border-radius:0;box-sizing:border-box;border:1px solid #222;}
.fields input:focus, .fields input:hover{outline:1px solid #222;}

/*2024*/
.fields .group.full{width:100%;}
.fields .group.full p{width:20%;display:inline-block;vertical-align:middle;padding:0 0 0 0;}
.fields .group.full input[type="radio"]{width:13px;height:auto;display:inline-block;vertical-align:middle;padding:0;outline:0;border:0;margin:0;}
.fields .group.full label{width:calc(30% - 13px);display:inline-block;vertical-align:middle;font-weight:600;box-sizing:border-box;padding:0 0 0 8px;}
.fields .group.full input:nth-of-type(2){margin-left:30px;}
.fields .group.full .org-name{display:block;text-align:right;width:100%;box-sizing:border-box;padding-left:calc(50% + 30px);margin-top:20px;visibility:hidden;}
.fields .group.full .org-name label{width:100%;display:block;text-align:left;padding:0 5px .5rem 0;}
.fields .group.full .org-name input{width:100%;display:block;text-align:left;margin-bottom:0;}
.fields .group.full input[type="radio"]:nth-of-type(2):checked + label + .org-name{visibility:visible;}

label.error{color:#e02500;}
.autocompleteList{position:relative;display:block;width:100%;background-color:#FFF;box-sizing:border-box;border-left:1px solid #222;border-right:1px solid #222;}
.autocompleteList .suggestion{display:block;width:100%;padding:1.5rem;font-size:1.6rem;color:#000;background-color:#FFF;text-align:left;border-bottom:1px solid #222;}
.autocompleteList .suggestion:hover, .autocompleteList .suggestion.focused{background-color:#dcdcd2;}

.form input[type=submit]{position:relative;display:inline-table;appearance:none;background-color:#4c2819;color:#FFF;border-radius:4rem;min-width:calc(50% - 30px);margin-left:calc(50% + 30px);margin-top:20px;margin-bottom:15px;height:4rem;padding:0 3rem;font-size:1.8rem;font-weight:600;cursor:pointer;outline:0;border:0;transition:background-color .2s ease-out, color .2s ease-out;}
.form input[type=submit]:focus, .form input[type=submit]:hover{background-color:#7bded0;color:#000;}
.form .thankyou{float:right;width:50%;text-align:center;margin-bottom:1rem;}
.form .errormsg{float:right;width:50%;text-align:center;margin-bottom:1rem;}
.form .noproductsselected{float:right;width:50%;text-align:center;margin-bottom:1rem;}
.form .thankyou.hidden, .form .errormsg.hidden, .form .noproductsselected.hidden{display:none;}
.form .images{position:relative;display:block;width:100%;margin-bottom:30px;}
.form .images .lazy{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;}
.form .images .lazy:nth-of-type(1){padding-right:10px;}
.form .images .lazy:nth-of-type(2){padding-left:10px;}

.actionmenu{width:100%;border-top:1px solid #7c756e;margin-top:30px;}
.actionmenu a, .actionmenu button{background:none;display:inline-block;font-size:1.6rem;font-weight:500;color:#000;margin-right:28px;padding-left:4rem;padding-right:.2rem;margin-top:15px;vertical-align:top;white-space:nowrap;line-height:3.0rem;opacity:.6;transition:all .2s ease-out;text-decoration:underline;}
.actionmenu a:hover, .actionmenu a:focus, .actionmenu button:hover, .actionmenu button:focus{opacity:1;padding-left:4.2rem;padding-right:0rem;}
.actionmenu button:last-of-type{margin-right:0;}
.actionmenu a .icon, .actionmenu button .icon{position:absolute;left:0;top:0;width:3rem;height:3rem;background-position:center;background-size:70%;background-repeat:no-repeat;border-radius:100%;border:2px solid #000;box-sizing:border-box;}
.actionmenu .icon.facebook{background-image:url("../Grx/facebook.svg");background-position:60% center;}
.actionmenu .icon.link{background-image:url("../Grx/link.svg");}
.actionmenu .icon.print{background-image:url("../Grx/printer-f.svg");}

.skiptomain{position:absolute;left:0;top:0;color:#FFF;z-index:1001;opacity:0;font-size:1.2rem;}
.skiptomain:focus{opacity:1;}

/* Frontpage */
.frontThumb{position:relative;display:block;width:100%;text-align:left;text-decoration:none;box-shadow:0 8px 16px rgba(0,0,0,.5);transition:transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);visibility:hidden;}
.frontThumb.instant{transition-duration:0s;}
.frontThumb.on{visibility:visible;}
.frontThumb .label{position:absolute;left:0;top:0;font-size:2.0rem;line-height:1;font-weight:600;color:#000;box-sizing:border-box;padding:15px 30px;}
.largefonts .frontThumb .label{font-size:1.6rem;}
.frontThumb .bottom{position:absolute;box-sizing:border-box;padding:30px 20px;bottom:0;opacity:0;transition:opacity .8s ease-in-out .5s;}
.frontThumb.on .bottom{opacity:1;}
.frontThumb .title, .sixtyBanner .title{position:relative;display:block;font-family:'Barlow Semi Condensed', sans-serif;font-size:4.6rem;line-height:calc(24px + 2.4rem);color:#FFF;text-shadow:0 0 4px rgba(0,0,0,.8), 2px 2px 2px #000000;margin-top:20px;}
.largefonts .frontThumb .title, .largefonts .sixtyBanner .title{font-size:3.2rem;line-height:calc(16px + 1.6rem);}
.frontThumb .desc{position:relative;display:inline-block;font-size:2.0rem;line-height:1.1;font-weight:600;color:#000;box-sizing:border-box;padding:5px 10px;margin-top:20px;}
.frontThumb .desc{-webkit-mask-image:url("../Grx/txt_mask.svg");mask-image:url("../Grx/txt_mask.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.largefonts .frontThumb .desc{font-size:1.4rem;line-height:1;}
.frontThumb .lazy{display:block;width:100%;overflow:hidden;padding:0;}
.frontThumb .lazy .rel{transition:transform .4s ease-out;will-change:transform;}
.frontThumb:hover .lazy .rel{transform:scale(1.03,1.03);}
.frontThumb .lazy .rel{padding-top:100%;}
.frontThumb .lazy .rel:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;}
.frontThumb:nth-of-type(1){background-color:#7bded0;}
.frontThumb:nth-of-type(1) .lazy .rel{padding-top:133%;}
.frontThumb:nth-of-type(1) .desc{background-color:#f7b38b;}
.frontThumb:nth-of-type(1) .lazy .rel:after{background:linear-gradient(0deg, rgba(255,139,79,1) 0%, rgba(255,139,79,0) 100%);}
.frontThumb:nth-of-type(2){background-color:#9abd6c;}
.frontThumb:nth-of-type(2) .label{background-color:#c8e79a;}
.frontThumb:nth-of-type(2) .desc{background-color:#c8e79a;}
.frontThumb:nth-of-type(2) .lazy .rel:after{background:linear-gradient(0deg, rgba(214,177,123,1) 0%, rgba(214,177,123,0) 100%);}
.frontThumb:nth-of-type(3){background-color:#de7b5d;}
.frontThumb:nth-of-type(3) .label{background-color:#ffe997;}
/*.frontThumb:nth-of-type(3) .lazy .rel .img{object-fit:contain;object-position:right 0px;width:60%;margin-left:40%;}*/
.frontThumb:nth-of-type(3) .desc{background-color:#ffe997;}
.frontThumb:nth-of-type(3) .lazy .rel:after{background:linear-gradient(0deg, rgb(255,233,151) 0%, rgba(255,233,151,0) 100%);}
.frontThumb:nth-of-type(4){background-color:#cbbff2;}
.frontThumb:nth-of-type(4) .label{background-color:#99e6c0;}
.frontThumb:nth-of-type(4) .desc{background-color:#99e6c0;}
.frontThumb:nth-of-type(4) .lazy .rel:after{background:linear-gradient(0deg, rgb(153,230,192) 0%, rgba(153,230,192,0) 100%);}
.frontThumb:nth-of-type(4) .title{font-size:4.3rem;}
.frontThumb:nth-of-type(5){background-color:#ffb7bf;}
.frontThumb:nth-of-type(4) .label, .frontThumb:nth-of-type(5) .label{left:15px;top:15px;border-radius:100%;width:120px;height:120px;max-width:100%;max-height:100%;text-align:center;padding:40px 0 0 0;}
.frontThumb:nth-of-type(5) .label{background-color:#ffb7bf;}
.frontThumb:nth-of-type(5) .lazy .rel:after{background:linear-gradient(0deg, rgb(255,183,191) 0%, rgba(255,183,191,0) 100%);}
.frontThumb:nth-of-type(5) .title{font-size:4.3rem;}
.frontThumb:nth-of-type(6){background-color:#9bf0ff;}
.frontThumb:nth-of-type(6) .label{background-color:#9bf0ff;}
.frontThumb:nth-of-type(6) .desc{background-color:#9bf0ff;}
.frontThumb:nth-of-type(6) .lazy .rel:after{background:linear-gradient(0deg, rgb(155,240,255) 0%, rgba(155,240,255,0) 100%);}
.frontThumb:nth-of-type(7){background-color:#cbc5f2;}
.frontThumb:nth-of-type(7) .label{background-color:#cbc5f2;}
.frontThumb:nth-of-type(7) .desc{background-color:#cbc5f2;}
.frontThumb:nth-of-type(7) .lazy .rel:after{background:linear-gradient(0deg, rgb(203,197,242) 0%, rgba(203,197,242,0) 100%);}
.largefonts .frontThumb:nth-of-type(4) .label, .largefonts .frontThumb:nth-of-type(5) .label, .largefonts .frontThumb:nth-of-type(6) .label{padding:35px 2px 0 2px;}

.sixtyBanner{display:flex;position:relative;width:100%;min-height:145px;text-align:center;margin:75px auto;text-decoration:none;}
.sixtyBanner .lazy{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:hidden;padding:0;}
.sixtyBanner .lazy .rel, .sixtyBanner .lazy .rel .img{height:100%;}
.sixtyBanner .title{display:flex;margin:auto;padding:25px 30px 30px 30px;color:#e9b77e;}
.sixtyBanner .lazy .rel{transition:transform .4s ease-out;will-change:transform;}
.sixtyBanner:hover .lazy .rel{transform:scale(1.03,1.03);}

@media all and (min-width:767.5px){
    .frontThumb{width:33%;vertical-align:top;float:left;box-shadow:0 0 32px rgba(0,0,0,.5);}
    .frontThumb .bottom{padding:20px 20px 30px 20px;}
    .largefonts .frontThumb .bottom{padding:20px;}
    .frontThumb:nth-of-type(1){width:64.5%;margin-left:2.5%;z-index:6;vertical-align:bottom;display:inline-block;float:none;}
    .frontThumb:nth-of-type(1) .lazy .rel{padding-top:55%;}
    .frontThumb:nth-of-type(1) .desc{width:70%;}
    .frontThumb:nth-of-type(2){width:33%;vertical-align:bottom;z-index:5;display:inline-block;float:none;}
    .frontThumb:nth-of-type(3){width:34%;z-index:1;}
    .frontThumb:nth-of-type(3) .lazy .rel{padding-top:185%;}
    /*.frontThumb:nth-of-type(3) .lazy .rel .img{object-position:right 30px;width:95%;margin-left:5%;}*/
    .frontThumb:nth-of-type(4){z-index:3;}
    .frontThumb:nth-of-type(5){z-index:2;}
    .frontThumb:nth-of-type(6){z-index:6;}
    .frontThumb:nth-of-type(7){width:30%;}
    .frontThumb:nth-of-type(7) .lazy .rel{padding-top:109.5%;}
}


/* Topbanner (optional) */
.banner{position:absolute;left:0;top:0;width:100%;height:auto;color:#FFF;box-sizing:border-box;padding-top:65px;z-index:0;text-align:left;}
.banner .bg{position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);}
.banner .bg .lazy.bg{width:100%;}
.banner .m{padding-left:calc(20% + 10px);margin-left:0;min-height:0;width:100%;}
.banner h1{color:#FFF;}
.banner ul{font-size:2.0rem;padding-top:30px;padding-left:2.0rem;}
.banner ul li{padding:.5rem 0;}
.banner .images{position:relative;display:block;width:30%;float:right;}
.banner .images .lazy{width:calc(100% - 60px);}
.banner .images .lazy:nth-of-type(1){margin-left:55px;}
.banner .images .lazy:nth-of-type(2){margin-left:5px;margin-top:-45px;}
.banner .txt{position:relative;display:block;width:calc(70% - 30px);float:left;box-sizing:border-box;padding:0 30px;text-align:left;}
/*.banner .bestil{position:relative;display:inline-block;width:calc(70% - 30px);margin:30px 0 50px 0;box-sizing:border-box;padding:0 30px;vertical-align:bottom;}*/
.banner .bestil{position:relative;display:inline-block;width:33%;margin:75px 0 50px 0;box-sizing:border-box;padding:0 30px;vertical-align:bottom;text-align:center}
.banner .bestil .title{font-size:2.8rem;font-weight:500;display:inline-block;width:19rem;max-width:100%;padding-bottom:20px;}
.banner .bestil .price{font-size:4.8rem;font-weight:600;display:inline-block;width:30rem;max-width:100%;}
.banner .order{position:relative;display:inline-block;width:30%;margin:0 0 50px 30px;box-sizing:border-box;text-align:left;}/*-30px*/
.banner .order p{font-size:2.0rem;color:#FFF;}
.banner .order .orderBtn{margin:30px 0 0 0;}

.fullimg.slideshow{position:relative;padding-top:56.25%;overflow:hidden;}
.slideshow .el{position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity 1s ease-in-out;}
.slideshow .el:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:25%;background:linear-gradient(0deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s ease-out;}
.slideshow .el.selected:focus{border:2px solid #7bded0;}
.slideshow:hover .el.selected:after, .slideshow .el:focus:after{opacity:1;}
.slideshow .el .lazy, .slideshow .el .rel{padding:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.slideshow .el p{font-family:'Barlow Semi Condensed', sans-serif;font-size:2.8rem;font-weight:600;position:absolute;left:30px;bottom:40px;width:40%;padding-right:30px;color:#FFF;text-shadow:1px 1px 4px rgba(0,0,0,1);z-index:2;}
.slideshow .el:not(.selected){pointer-events:none;opacity:0;}
.slideshow .navDots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:5;}
.slideshow .navDots .dot{position:relative;width:24px;height:20px;/*border:0;outline:0;*/padding:0;background-color:transparent;}
.slideshow .navDots .dot:before{content:"";position:absolute;left:6px;top:4px;width:12px;height:12px;background-color:#000;border-radius:100%;opacity:.5;transition:all .2s ease-out;}
.slideshow .navDots .dot:hover:before, .slideshow .navDots .dot.selected:before, .slideshow .navDots .dot:focus:before{opacity:1;background-color:#7bded0;}

.subjectsorting{position:relative;width:calc(100% + 60px);margin:40px 0 0 -30px;background-color:#f1f1ed;color:#000;box-sizing:border-box;padding:20px 20px 20px 30px;}
.subjectsorting p{margin:0 0 15px 0;padding:0;font-size:1.6rem;font-weight:600;}
.subjectsorting button{display:inline-block;vertical-align:top;padding:1rem 2rem;background-color:#dcdcd2;color:#000;font-size:1.6rem;font-weight:500;margin-right:10px;margin-bottom:10px;}
.subjectsorting button:not(.selected):hover{text-decoration:underline;}
.subjectsorting button.selected{background-color:#7bded0;}
.subjectsorting .downloadPdfBtn, .subjectsorting .viewPdfBtn{margin-top:15px;margin-right:20px;}

.opgave{position:relative;width:100%;margin-top:30px;background-color:#f1f1ed;border:1px solid #dcdcd2;}
.opgave + .opgave{margin-top:15px;}
.opgave .subjects{position:relative;width:100%;color:#000;background-color:#dcdcd2;}
.opgave .subjects .fag{font-size:1.6rem;font-weight:500;display:inline-block;vertical-align:top;box-sizing:border-box;padding:12px 20px;}
.opgave .subjects .fag.selected{background-color:#7bded0;}
.opgave .desc, .opgave .details{box-sizing:border-box;padding:20px 20px;display:inline-block;vertical-align:top;}
.opgave .desc{width:65%;}
.opgave .details{width:35%;}
.opgave .details h3{font-size:2.8rem;font-family:'Barlow Semi Condensed', sans-serif;}
.opgave .details ul, .opgave .details p{font-weight:500;padding-top:20px;}
.opgave .details ul li{padding-bottom:10px;}
.opgave .details a{color:#000;}
.opgave .downloadPdfBtn, .opgave .viewPdfBtn{margin-top:10px;margin-right:20px;}
.opgave .downloadPdfBtn:before{background-image:url("../Grx/download.svg");border-color:#000;}
.opgave .viewPdfBtn:before{background-image:url("../Grx/eye.svg");border-color:#000;}
.opgave a:last-of-type{margin-right:0;}
.otherTasks p{font-size:1.6rem;font-weight:600;}

.pdfViewer{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:1001;text-align:center;box-sizing:border-box;padding-top:80px;}
.pdfViewer .closeBtn{position:absolute;right:10px;top:10px;}
.pdfViewer .iframe{position:relative;margin:auto;width:calc(100% - 80px);height:calc(100% - 40px);background-color:#FFF;border:0;outline:0;max-width:1300px;}

.audioPlayer{position:relative;max-width:calc(100% - 30px);background-color:#dcdcd2;min-height:40px;border-radius:20px;white-space:nowrap;box-sizing:border-box;padding:0 15px 0 10px;overflow:auto;}
.audioPlayer::-webkit-scrollbar{width:0px;height:0px;}
.audioPlayer .playPauseBtn{display:inline-block;vertical-align:top;/*border:0;outline:0;*/padding:0;height:100%;background:transparent;}
.audioPlayer .playPauseBtn .label{display:inline-block;vertical-align:top;font-weight:500;font-size:1.6rem;line-height:40px;padding-left:5px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .playPauseBtn .icon{display:inline-block;vertical-align:top;background:url("../Grx/play.svg") no-repeat;background-position:center;background-size:20px 100%;width:30px;height:40px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .playPauseBtn.pause .icon{background-image:url("../Grx/pause.svg");}
.audioPlayer .playPauseBtn:hover .icon/*, .audioPlayer .playPauseBtn:focus .icon*/{transform:scale(1.1,1.1);}
.audioPlayer .playPauseBtn:hover .label{transform:translateX(1px);}
.audioPlayer .restartBtn{display:inline-block;vertical-align:top;/*border:0;outline:0;*/padding:0;background:url("../Grx/til_start.svg") no-repeat;background-position:center;background-size:20px 100%;width:30px;height:40px;transition:transform .2s ease-out;will-change:transform;}
.audioPlayer .restartBtn:hover/*, .audioPlayer .restartBtn:focus*/{transform:scale(1.1,1.1);}
.audioPlayer .progress{position:relative;display:inline-block;vertical-align:top;width:140px;/*max-width:20%;*/height:40px;margin-left:20px;}
.audioPlayer .progress .bg{position:absolute;left:0;top:50%;margin-top:-1px;width:100%;height:2px;background-color:#000;}
.audioPlayer .progress .handle{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background-color:#000;border-radius:100%;/*outline:0;border:0;*/padding:0;transition:transform .2s ease-out;}
.audioPlayer .progress .handle:hover, .audioPlayer .progress .handle:focus{transform:scale(1.1,1.1);}
.audioPlayer .time{display:inline-block;vertical-align:top;width:8rem;margin-left:1rem;font-weight:500;font-size:1.6rem;line-height:40px;text-align:right;}
.audioPlayer.fade{opacity:0;}
.audioPlayer.fade:not(.in){pointer-events:none;visibility:hidden;}
.audioPlayer.fade.in{opacity:1;transition:opacity .6s ease-in-out .3s;}
/* Variations */
.audioPlayer[data-controlstype="2"] .progress, .audioPlayer[data-controlstype="2"] .time{display:none;}

/* Block for "Lydbøger" */
.soundbook{position:relative;width:100%;margin-top:30px;background-color:#f1f1ed;border:1px solid #dcdcd2;/*display:table;*/}
.soundbook .coverBtn{display:inline-block;width:30%;padding:0;border:0;z-index:2;}
.soundbook .coverBtn .playPauseBtn{position:absolute;left:35%;top:35%;width:30%;height:30%;background-color:rgba(0,0,0,.6);border-radius:100%;transition:background-color .2s ease-out;}
.soundbook .coverBtn .playPauseBtn .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../Grx/play_white.svg") no-repeat;background-position:center;width:70%;height:70%;transition:transform .2s ease-out;}
.soundbook .coverBtn.pause .playPauseBtn .icon{background-image:url("../Grx/pause_white.svg");}
.soundbook .coverBtn .lazy{padding-top:0;}
.soundbook .coverBtn:hover .playPauseBtn .icon{transform:translate(-50%,-50%) scale(1.05,1.05);}
.soundbook .coverBtn:hover .playPauseBtn{background-color:rgba(0,0,0,.7);}
.soundbook .desc{display:inline-block;vertical-align:top;width:70%;height:100%;color:#000;box-sizing:border-box;padding:30px;}
.soundbook .desc p{padding-bottom:9rem;}
.soundbook .bottomalign{position:absolute;width:100%;left:0;bottom:20px;box-sizing:border-box;padding:0 20px 0 30%;}
.soundbook .audioPlayer{display:inline-block;vertical-align:top;margin-left:30px;margin-bottom:10px;}
.soundbook .audioPlayer + a{display:inline-block;vertical-align:top;margin:0 0 0 30px;color:#000;}
.soundbook .audioPlayer + .downloadBtn:before{border-color:#000;background-image:url("../Grx/download.svg");}

/* Billedbank */
.inpagenav{position:relative;width:calc(100% + 60px);box-sizing:border-box;padding:30px;margin:30px 0 0 -30px;background-color:#f1f1ed;}
.inpagenav h2{font-size:2.4rem;}
.inpagenav a{background-color:#FFF;color:#000;position:relative;display:inline-block;vertical-align:top;margin:10px 10px 0 0;font-size:1.6rem;font-weight:500;text-decoration:none;}
.inpagenav:not(.fixed) a{white-space:nowrap;max-width:100%;}
.inpagenav:not(.fixed) a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.inpagenav:not(.fixed) h2{margin-bottom:10px;}
.inpagenav.fixed a{width:calc((100% - 60px) / 3);margin:30px 30px 0 0;}
.inpagenav.fixed a:nth-of-type(3n){margin-right:0;}
.inpagenav:not(.fixed) a:hover{text-decoration:underline;}
.inpagenav a > span:first-of-type{display:block;background-color:#dcdcd2;box-sizing:border-box;padding:1rem;line-height:1.2;white-space:nowrap;}
.inpagenav a .lazy{padding-top:0;width:80%;margin-left:10%;margin:30px auto;}
.inpagenav a .lazy .rel{z-index:2;}
.inpagenav a .lazy .rel:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#4c2819;opacity:0;transition:opacity .2s ease-out;}
.inpagenav a .lazy .rel:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/pictures_white.svg") no-repeat;background-position:center;background-size:20%;z-index:2;opacity:0;transform:scale(.9,.9);transition:all .2s ease-out;will-change:transform;}
.inpagenav a .lazy:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#999;transform:rotate(-3deg);z-index:1;}
.inpagenav a .lazy:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#555;transform:rotate(-6deg);z-index:0;}
.inpagenav a:nth-of-type(2n+2) .lazy:before{transform:rotate(-2deg);}/*variation*/
.inpagenav a:nth-of-type(2n+3) .lazy:after{transform:rotate(4deg);}/*variation*/
.inpagenav a:hover .lazy .rel:after{opacity:.7;}
.inpagenav a:hover .lazy .rel:before{opacity:1;transform:scale(1,1);}

.gallerypreview{position:relative;width:100%;box-sizing:border-box;padding:30px 0;}
.gallerypreview > span:first-of-type{display:block;width:50%;font-size:1.4rem;}
.gallerypreview h3{display:block;width:50%;margin:0;padding-top:.5rem;}
.gallerypreview .lazy{display:inline-block;vertical-align:top;width:calc((100% - 60px) / 3);margin:30px 30px 0 0;padding-top:0;cursor:pointer;}
.gallerypreview .lazy:before{content:"";position:absolute;left:3px;top:3px;width:100%;height:100%;background-color:#555;}
.gallerypreview .lazy:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/eye_white.svg") no-repeat;background-position:center;background-size:20%;z-index:2;opacity:0;transform:scale(.9,.9);transition:all .2s ease-out;will-change:transform;}
.gallerypreview .downloadBtn{position:absolute;right:0;top:30px;margin-top:1.4rem;color:#000;margin-right:0;}
.gallerypreview .downloadBtn:before{border-color:#000;background-image:url("../Grx/download.svg");}
.gallerypreview .lazy:nth-of-type(3n){margin-right:0;}
.gallerypreview .lazy .rel:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7bded0;opacity:0;transition:opacity .2s ease-out;}
.gallerypreview .lazy:hover .rel:after, .gallerypreview .lazy:focus .rel:after{opacity:.7;}
.gallerypreview .lazy:hover:after{opacity:1;transform:scale(1,1);}

/* Fullscreen gallery */
.gallery{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;}
.gallery .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease-out;}
.gallery.on .bg{opacity:.8;}
.gallery .image{position:absolute;left:50%;top:50%;max-width:calc(100vw - 200px);transform:translate(-50%,-50%);}
.gallery .image:focus{outline:0;border:0;}
.gallery .image:not(.on){pointer-events:none;display:none;}
.gallery .image .bar{display:block;position:relative;margin-top:-1px;width:100%;background-color:#FFF;color:#000;box-sizing:border-box;padding:1rem 1.5rem;}
/*.gallery .image .bar .downloadBtn{display:inline-block;vertical-align:middle;color:#000;width:12rem;margin:0;}
.gallery .image .bar .downloadBtn:before{border-color:#000;background-image:url("../Grx/download.svg");}*/
.gallery .image .bar p{display:inline-block;vertical-align:middle;width:calc(100% - 12rem);min-width:100px;text-align:left;font-size:1.6rem;max-height:6rem;overflow:auto;/*padding:0 10px;*/}
.gallery .image .bar .progress{width:12rem;text-align:right;font-size:1.6rem;}
.gallery .closeBtn{position:absolute;right:10px;top:10px;}
.gallery .nextBtn{position:absolute;right:15px;top:50%;margin-top:-3rem;}
.gallery .nextBtn.prev{position:absolute;right:auto;left:15px;}

.filmcategory{position:relative;width:100%;margin-top:30px;}
.filmcategory .videothumb{position:relative;display:block;width:100%;margin-top:30px;color:#000;}
.filmcategory .videothumb .videoBtn{position:relative;display:inline-block;vertical-align:top;width:50%;margin:0;padding:0;}
.filmcategory .videothumb .videoBtn:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#4c2819;opacity:0;transition:opacity .2s ease-out;}
.filmcategory .videothumb .videoBtn .label{display:block;position:absolute;left:0;top:0;max-width:100%;color:#000;background-color:#7bded0;z-index:2;font-size:1.6rem;font-weight:500;padding:1rem 2rem;}
.filmcategory .videothumb .lazy{padding-top:0;}
.filmcategory .videothumb .description{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding:0 30px;}
.filmcategory .videothumb .description h3{font-size:2.8rem;font-family:'Barlow Semi Condensed', sans-serif;}
.filmcategory .videothumb .videoBtn:hover:after{opacity:.7;}
.filmcategory .videothumb .videoBtn .playPauseBtn{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;background-color:rgba(0,0,0,.6);border-radius:100%;transition:background-color .2s ease-out;z-index:2;}
.filmcategory .videothumb .videoBtn .playPauseBtn .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../Grx/play_white.svg") no-repeat;background-position:center;width:70%;height:70%;transition:transform .2s ease-out;}
.filmcategory .videothumb .videoBtn:hover .playPauseBtn .icon{transform:translate(-50%,-50%) scale(1.05,1.05);}
.filmcategory .videothumb .videoBtn:hover .playPauseBtn{background-color:rgba(0,0,0,.7);}

.videoplayer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;}
.videoplayer .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease-out;}
.videoplayer.on .bg{opacity:.8;}
.videoplayer .closeBtn{position:absolute;right:10px;top:10px;}
.videoplayer .player{position:absolute;left:50%;top:50%;width:calc(((16 / 9) * ((100vh - 60px) - 4rem)));max-width:80vw;transform:translate(-50%,-50%);}/*hardcoded to relation 16/9*/
.videoplayer .player .rel{position:relative;width:100%;padding-top:56.25%;}
.videoplayer .player .rel .videoiframe{position:absolute;left:0;top:0;border:0;outline:0;padding:0;margin:0;width:100%;height:100%;}
.videoplayer .player .bar{display:block;position:relative;margin-top:-1px;width:100%;background-color:#FFF;color:#000;box-sizing:border-box;padding:1rem 1.5rem;}
.videoplayer .player .bar p{display:inline-block;vertical-align:middle;width:100%;text-align:center;font-size:1.6rem;max-height:6rem;overflow:auto;}
.veryzoomed .videoplayer .player .bar p{font-size:0.8rem;}

/* Opdag elements */
.fullw h1, .fullw h2{font-family:'Barlow';font-weight:600;color:#FFF;text-shadow:0 0 4px rgba(0,0,0,.9), 2px 2px 2px #000000;font-size:7.2rem;line-height:1;}
.fullw .title{font-size:3.6rem;font-family:'Barlow Semi Condensed', sans-serif;}
.teaser-row.three .teaser .title{font-size:3.2rem;}
.fullw h1{z-index:2;}
.fullw p.intro{position:relative;display:inline-block;max-width:80%;margin:40px auto;z-index:2;padding:20px 25px;}
.fullw .videothumb{position:relative;width:50%;margin:-30px auto 0 auto;z-index:1;transition:transform .6s ease-out;}
.fullw .videothumb .overlayTitle{display:none;}
.fullw .videothumb.hero{transform:scale(.7,.7);}
.fullw .videothumb.hero.in{transform:scale(1,1);}
.fullw .videothumb .videoBtn{position:relative;width:100%;padding:0;margin:0;padding-top:96%;background:url("../Grx/topteaser_25.png") no-repeat;background-size:100% 100%;}
.fullw .videothumb .lazy{position:absolute;left:23.5%;top:31.5%;width:55.5%;height:45%;border-radius:15%;overflow:hidden;z-index:-1;/*will-change:transform;*/background-color:#FFF;}
.fullw .videothumb .lazy .rel{width:100%;height:100%;}
.fullw .videothumb.hero.in:hover{transform:scale(1.05,1.05);transition-duration:.4s;}

.fullw .videothumb .videoBtn .playPauseBtn{position:absolute;left:53%;top:55%;width:70px;height:70px;margin:-35px 0 0 -35px;background-color:rgba(0,0,0,.6);border-radius:100%;transition:background-color .2s ease-out;z-index:2;}
.fullw .videothumb .videoBtn .playPauseBtn .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("../Grx/play_white.svg") no-repeat;background-position:center;width:70%;height:70%;transition:transform .2s ease-out;will-change:transform;}
.fullw .videothumb .videoBtn .playPauseBtn:hover .icon{transform:translate(-50%,-50%) scale(1.05,1.05);}
.fullw .videothumb .videoBtn .playPauseBtn:hover{background-color:rgba(0,0,0,.7);}

.teaser-row.two .teaser:nth-of-type(2n){margin-left:20%;}
.teaser-row.three .teaser{width:calc((100% - 80px) / 3);}
.teaser-row.three .teaser:nth-of-type(3n+2){margin-left:40px;margin-right:40px;}
.teaser{position:relative;vertical-align:top;display:inline-block;width:40%;border-radius:20px;background-color:transparent;overflow:hidden;text-align:left;z-index:1;margin-top:40px;padding:0;}
.teaser .rel{display:block;width:100%;padding-top:100%;}
.teaser .sidebar{position:absolute;left:0;top:0;width:60px;height:40%;color:#000;box-sizing:border-box;padding:15px 0 0 30px;z-index:1;}
.teaser .sidebar .label{display:inline-block;font-size:2.4rem;font-weight:600;transform-origin:0 50%;transform:rotate(90deg);white-space:nowrap;line-height:1;}
.fullw .teaser .sidebar.black .label{background-color:transparent;}
.fullw .teaser .sidebar.black, .fullw  .teaser .sidebarbottom.black{background-color:rgba(0,0,0,.5);color:#FFF;}
.teaser .sidebarbottom{position:absolute;left:0;top:40%;width:60px;height:60%;}
.teaser .sidebarbottom.movie{-webkit-mask-image:url("../Grx/film_mask.svg");mask-image:url("../Grx/film_mask.svg");-webkit-mask-size:60px auto;mask-size:60px auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:bottom left;-webkit-mask-position:bottom left;}
.teaser .rel > .lazy{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;overflow:hidden;}
.teaser .rel > .lazy .rel{transition:transform .4s ease-out;will-change:transform;}
.teaser .rel > .lazy.overlay{width:calc(100% - 60px);height:75%;left:60px;}
.teaser .rel > .lazy.overlay img{object-fit:contain;}
.teaser .polaroid{position:absolute;left:80px;top:35px;width:calc(100% - 105px);height:100%;background:url("../Grx/polaroids.png") no-repeat;background-size:100%;transition:transform .4s ease-out;will-change:transform;}
.teaser .polaroid .lazy{position:absolute;left:3.4%;top:7%;width:86.8%;/*height:71.7%;*/}
.teaser .polaroid .lazy .rel{padding-top:67.5%;}
.teaser .title{position:absolute;left:60px;bottom:20px;box-sizing:border-box;padding:0 10px 0 15px;width:58%;z-index:1;line-height:.9;word-break:break-word;}
.teaser.white{background-color:rgba(0,0,0,.6);}
.teaser.white > .rel > .lazy:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);}
.teaser.white .title{color:#FFF;text-shadow:1px 1px 6px rgba(0,0,0,1);}
.teaser.paper{background:url("../Grx/papir_low.jpg");background-size:100% 100%;}
.teaser.bookthumb{background-color:transparent;}
.teaser.bookthumb:before{content:"";position:absolute;left:0;top:0;width:100%;height:95.5%;z-index:-2;border-radius:20px;}
.teaser.bookthumb:after{content:"";position:absolute;left:1.5%;top:1.5%;width:97%;height:93.5%;background:url("../Grx/bookthumb.jpg") no-repeat;background-size:100%;background-position:right top;z-index:-2;border-radius:20px;}
.teaser.bookthumb .rel > .lazy{left:-3px;/*margin-left:-2.2%;*/margin-top:3%;border-radius:0 20px 20px 0;width:97.8%;height:97%;}
.teaser.bookthumb .sidebar{top:3%;}
.teaser .btn{position:absolute;right:20px;bottom:20px;width:70px;height:70px;border-radius:100%;overflow:hidden;z-index:1;}
.teaser .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;background-color:#000;opacity:.5;transition:opacity .2s ease-out;will-change:opacity;}
.teaser .btn:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.teaser .btn.view:after{background:url("../Grx/eye_white.svg") no-repeat;background-size:65% 65%;background-position:center;}
.teaser .btn.play:after{background:url("../Grx/play_white.svg") no-repeat;background-size:60% 60%;background-position:center;}
.zoomed .teaser .btn{transform-origin:100% 100%;transform:scale(.75,.75);right:10px;bottom:10px;}
.teaser.bookthumb .btn:after{background:url("../Grx/bog_aaben_icon.svg") no-repeat;background-size:60% 60%;background-position:center;}
.teaser:hover .btn:before, .teaser:focus .btn:before{opacity:.8;}
.teaser:hover .rel > .lazy .rel, .teaser:focus .rel > .lazy .rel{transform:scale(1.03,1.03);}
.teaser:hover .polaroid{transform:scale(1.02,1.02) rotate(-1deg);}

@media all and (max-width:1400.5px){
    .teaser .sidebar{height:50%;}
    .teaser .sidebarbottom{top:50%;height:50%;}
}
@media all and (max-width:1000.5px){
    .fullw .videothumb{width:75%;}
    .fullw .videothumb .videoBtn .playPauseBtn{width:60px;height:60px;margin:-30px 0 0 -30px;}
}

.quiz{position:relative;width:100%;font-family:'Kalam';font-variant-ligatures:no-common-ligatures;color:#FFF;margin-top:120px;margin-bottom:16rem;}
.quiz .content{position:relative;width:100%;box-sizing:border-box;top:0;padding:40px 5%;text-align:left;background:url("../Grx/tavle_bund.jpg") no-repeat;background-size:100% 100%;border-radius:0 0 30px 30px;}
.quiz .content:before{content:"";position:absolute;left:0;top:1px;width:100%;padding-top:5.56%;background:url("../Grx/tavle_top.png") no-repeat;background-size:100% auto;transform:translateY(-100%);border-radius:30px 30px 0 0;}
.quiz .content h3{font-size:4.8rem;font-family:inherit;box-sizing:border-box;line-height:1;margin-bottom:15px;}
.quiz .steps{position:relative;display:block;white-space:nowrap;width:100%;}
.quiz .step{display:inline-block;vertical-align:top;white-space:normal;box-sizing:border-box;padding-bottom:2%;width:100%;}
.quiz .step:not(:first-of-type){margin-left:-100%;}
.quiz .step .l{position:relative;display:inline-block;vertical-align:top;width:40%;box-sizing:border-box;}
.quiz .content .step .l .lazy{position:relative;width:100%;overflow:hidden;}
.quiz .content .step .l .lazy:nth-of-type(2){position:absolute;left:0;top:0;}
.quiz .content .step .l .lazy .rel{padding-top:100%;}
.quiz .step .r{position:relative;display:inline-block;vertical-align:top;width:60%;box-sizing:border-box;padding:0 0 75px 60px;}
.quiz .content .step .feedback{position:absolute;left:18%;top:100%;width:60%;transition:all .4s ease-out;text-align:center;z-index:2;box-sizing:border-box;padding:55px 20px 20px 20px;}
.quiz .content .step .feedback .shade{position:absolute;left:-10%;width:120%;height:120%;top:5%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-1;opacity:.4;}
.quiz .content .step .feedback p{font-family:'Barlow', sans-serif;font-size:2.0rem;padding:0;min-height:unset;}
.quiz .content .step .feedback:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/papir2.jpg") no-repeat;background-size:cover;}
.quiz .content .step .feedback:before{-webkit-mask-image:url("../Grx/txt_mask.svg");mask-image:url("../Grx/txt_mask.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.quiz .content .step .feedback:after{content:"";position:absolute;left:35%;top:0;width:30%;padding-top:30%;background:url("../Grx/klemme.png") no-repeat;background-size:100% auto;transform:translateY(-75%);background-position:center bottom;}
.quiz .content .step .feedback span{font-weight:600;display:block;}
.quiz .content .step .feedback.right{color:#1f6d39;}
.quiz .content .step .feedback.wrong{color:#d20000;}
.quiz .content .step .feedback:not(.on){opacity:0;transform:scale(1.1,1.1) rotate(-2deg);pointer-events:none;visibility:hidden;}
.quiz .content .step p{font-family:'Kalam';font-variant-ligatures:no-common-ligatures;font-size:2.4rem;padding-bottom:25px;line-height:1.2;}
.quiz .content .step .answer{font-family:'Barlow', sans-serif;font-weight:600;display:block;width:100%;text-align:center;font-size:2.0rem;background-color:transparent;border:2px solid #FFF;padding:15px 0;border-radius:30px;margin-bottom:20px;transition:background-color .2s ease-out, color .2s ease-out;overflow:hidden;z-index:1;}
.quiz .content .step .answer:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:url("../Grx/papir2.jpg") no-repeat;background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease-out;}
.quiz .content .step .answer:not(.selected):hover:before, .quiz .content .step .answer:not(.selected):focus:before{opacity:1;}
.quiz .content .step .answer.locked{pointer-events:none;}
.quiz .content .step .answer:last-of-type{margin-bottom:0;}
.quiz .content .step .answer.selected{color:#000;}
.quiz .content .step .answer:hover, .quiz .content .step .answer:focus{color:#000;}
.quiz .qnextBtn{position:absolute;right:5%;bottom:60px;background-color:#1f6d39;border:2px solid #FFF;font-family:'Barlow', sans-serif;font-weight:600;font-size:2.0rem;padding:15px 60px 15px 25px;border-radius:30px;transition:all .4s ease-out .2s;}
.quiz .qnextBtn:not(.on){opacity:0;pointer-events:none;transform:translateY(8px);visibility:hidden;}
.quiz .qnextBtn .arrow{position:absolute;right:15px;top:1rem;width:35px;height:30px;background:url("../Grx/arrowright.svg") no-repeat;background-size:cover;}
@media all and (min-width:1030.5px){
    .quiz .qnextBtn:hover, .quiz .qnextBtn:focus{padding-right:58px;padding-left:27px;transition:all .2s ease-out;}
}


.book{position:relative;width:100%;font-family:'Kalam';font-variant-ligatures:no-common-ligatures;color:#FFF;margin-top:40px;margin-bottom:200px;box-shadow:4px 4px 32px rgba(0,0,0,.4);border-radius:20px;}
.book:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/bord_opdag.jpg") no-repeat;background-size:cover;overflow:hidden;border-radius:20px;}
.book[data-popup="true"]{display:none;}
.book .wrapper{position:relative;width:100%;height:100%;box-sizing:border-box;padding:80px 20px 22px 20px;}
.book .content{position:relative;width:100%;padding-top:calc(50% + 10px);text-align:left;z-index:1;top:auto;}
.book .inner{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transform:translateX(32px);transition:opacity 1s ease-in-out .3s, transform 1s ease-out .3s;}
.book .inner.on{opacity:1;transform:translateX(0px);}
.book .overlayTitle{top:-10px;}
.flipbook{width:100%;height:100%;}
.book .inner.on .flipbook{transition:margin .6s ease-out;}
.flipbook .page-wrapper{perspective:3000px;z-index:1;/*overflow:hidden;*/}
.flipbook .page-wrapper > div:nth-of-type(3){border-radius:10px;will-change:background-color;}/*shade beneath hardcover*/
.veryzoomed .flipbook .page-wrapper > div:nth-of-type(3){border-radius:2%;}/*shade beneath hardcover*/
.flipbook .page{position:relative;width:50%;height:100%;max-width:unset;padding-top:0!important;text-align:left;overflow:hidden;margin:0;}
.flipbook .page .bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:2;}
.flipbook .depth{position:absolute;top:10px;width:16px;height:calc(100% - 15px);opacity:0;background-image:url("../Grx/sides.png");background-size:32px 100%;z-index:3;transition:opacity .2s ease-out 0s;}
.flipbook .depth.show{opacity:1;transition:opacity .4s ease-out .6s;}
.flipbook .front-side .depth{left:2px;background-position:0 0;}
.flipbook .back-side .depth{right:2px;background-position:right 0;}
.flipbook .hard{transform-style:preserve-3d;}
.flipbook .hard.even{border-radius:15px 0 0 15px;}
.flipbook .hard.odd{border-radius:0 15px 15px 0;}
.veryzoomed .flipbook .hard.even{border-radius:2% 0 0 2%;}
.veryzoomed  .flipbook .hard.odd{border-radius:0 2% 2% 0;}
.flipbook .hard.even .bg{left:15px;width:calc(100% - 15px);top:13px;height:calc(100% - 25px);}
.flipbook .hard.odd .bg{left:0px;width:calc(100% - 15px);top:13px;height:calc(100% - 25px);}
.flipbook .container{position:relative;width:100%;height:100%;background-color:#FFF;color:#000;overflow:auto;box-sizing:border-box;z-index:2;padding:38px;line-height:1.5;font-family:'Barlow', sans-serif;}
/* White shade to indicate more text on page */
.flipbook .container:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:35px;background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);pointer-events:none;transition:opacity .6s ease-out;}
.flipbook .container.scrolled:after{opacity:0;transition:opacity .2s ease-out;}
.flipbook .hard.even .container, .flipbook .front-side .container{width:calc(100% - 15px);height:calc(100% - 25px);margin:13px 0 0 15px;}
.flipbook .hard.odd .container, .flipbook .back-side .container{width:calc(100% - 15px);height:calc(100% - 25px);margin:13px 0 0 0;}
.flipbook .own-size{width:100%;height:100%;/*overwritten by js*/}
.flipbook .shadow{display:none;}

.book .nextBtn{position:absolute;right:-30px;top:50%;margin-top:0px;z-index:100;}
.book .nextBtn.prev{right:auto;left:-30px;}

.book .container>*{display:block;line-height:inherit;}
.book .container > p, .book .container > ul, .book .container > ol{font-size:1.6rem;margin:0;}
.book .container > .large{font-size:2.0rem;}
/*.book .container > p.indent{text-indent:20px;}*/
.book .container > p.indent br+span{width:20px;display:inline-block;}
.book .container > p.large.indent br+span{width:25px;}
.book .container > p + p, .book .container > p + h2, .book .container > p + ul, .book .container > p + ol{margin-top:3.6rem;}
.book .container > ul + p, .book .container > ol + p, .book .container > ul + h2, .book .container > ol + h2, .book .container > ol + ol, .book .container > ul + ul, .book .container > ul + ol, .book .container > ol + ul{margin-top:3.6rem;}
.book .container > h1, .book .container > h2, .book .container > h3, .book .container > h4{font-family:'Barlow Semi Condensed', sans-serif;font-size:2.4rem;margin-bottom:1.5rem;text-shadow:none;color:inherit;box-sizing:border-box;line-height:1;}
.book .container > h1{font-size:3.2rem;}
.book .container > h2.chapter{padding:5px 15px;border:1px solid #000;display:inline-block;clear:both;font-size:1.6rem;margin-bottom:3.0rem;}
.book .container > ul, .book .container > ul li{list-style:disc;padding:0;}
.book .container > ol, .book .container > ol li{list-style:decimal;padding:0;}
.book .container > ul, .book .container > ol{padding-left:1.6rem;}
.book .container > *:last-child{margin-bottom:0;}
/* Frontpage adjustments */
.book .page.p1 .container{background-color:transparent;text-align:center;position:absolute;bottom:0;height:auto;max-height:100%;padding-bottom:50px;}
.book .page.p1 .container > h1, .book .page.p1 .container > h2{color:#FFF;text-shadow:0 0 4px rgba(0,0,0,.8), 2px 2px 2px #000000;}
.book .page.p1 .container > h1{margin-bottom:10px;}
.book .page.p1 .container > h2{font-size:2.2rem;}
.book .page.p1 .container:after{background:linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);height:100%;z-index:-1;bottom:11px;}

.book .chapters{position:absolute;left:50%;top:20px;margin-left:-100px;min-width:100px;font-family:'Barlow', sans-serif;z-index:0;}
.book .chapters.open{z-index:10;height:100%;}
.book .chapters .chooseBtn{position:relative;color:#000;/*border:0;outline:0;*/margin:0;font-size:1.6rem;font-weight:600;z-index:2;padding:0 45px 0 15px;line-height:40px;}
.book .chapters .chooseBtn:after{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;border-left:2px solid #000;border-top:2px solid #000;width:8px;height:8px;transform:rotate(-135deg);transition:transform .2s ease-out;}
.book .chapters.open .chooseBtn:after{transform:translateY(4px) rotate(45deg);}
.book .chapters:not(.open) .chooseBtn:hover:after{transform:translateY(2px) rotate(-135deg);}
.book .chapters.open .chooseBtn:hover:after{transform:translateY(2px) rotate(45deg);}
.book .chapters .dropdown{position:relative;display:block;background:url("../Grx/papir2.jpg") no-repeat;background-size:cover;min-width:100px;box-shadow:4px 4px 32px rgba(0,0,0,.4);opacity:0;height:0;overflow:auto;}
.book .chapters:not(.open) .dropdown{pointer-events:none;}
.book .chapters.open .dropdown{max-height:75%;height:auto;opacity:1;transition:opacity .4s ease-out;}
.book .chapters .dropdown .chapterBtn{position:relative;display:block;background-color:rgba(255,255,255,.1);font-size:1.6rem;color:#000;white-space:nowrap;overflow:hidden;max-width:250px;text-overflow:ellipsis;padding:10px 15px;width:100%;border:1px solid transparent;transition:all .2s ease-out;text-align:left;}
.book .chapters .dropdown .chapterBtn:hover, .book .chapters .dropdown .chapterBtn:focus{border:1px solid #000;background-color:rgba(255,255,255,.5);}

.book .audioPlayer{position:absolute;top:20px;font-family:'Barlow', sans-serif;color:#000;}
.book .audioPlayer.left{left:45px;}
.book .audioPlayer.right{right:45px;}

.googlemap{position:relative;width:90%;margin-left:5%;padding-top:60%;margin-top:40px;margin-bottom:40px;box-shadow:4px 4px 32px rgba(0,0,0,.4);}
.googlemap:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/papir.jpg") repeat-y;background-size:100% 60%;}
.googlemap .map{position:absolute;left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 70px);background-color:#000;}
.googlemap p{margin-top:-38px;width:100%;text-align:center;font-size:1.6rem;font-weight:600;line-height:1.1;padding:0 15px;}
.googlemap .marker{height:48px;margin-left:-32px;margin-top:-44px;cursor:pointer;}
.googlemap .marker img{display:block;transition:transform .3s ease-out;}
.googlemap .marker:hover img{transform:scale(1.1,1.1);}
.googlemap .H_imprint{text-align:left;}/*move watermark*/

@media all and (max-width:1000.5px){
    .book .inner{transform:translateX(0px);}
    .book .wrapper{padding:100px 15px 15px 15px;}
    .book .overlayTitle{left:-10px;top:-20px;}
    .flipbook{transition:margin .3s ease-out;}
    .book.single .content{padding-top:140%;}
    .zoomed .book.single .content{padding-top:80%;}
    .veryzoomed .book.single .content{padding-top:140%;}
    .book.single .content .flipbook .page{width:100%;}
    .flipbook .depth{display:none;}
    .flipbook .hard.even .container, .flipbook .hard.odd .container, .flipbook .hard .container, .flipbook .front-side .container, .flipbook .back-side .container{width:100%;height:100%;margin:0;}
    .book .container{padding:15px;}
    .book .container > h1{font-size:2.8rem;}
    .book .page.p1 .container{padding-bottom:30px;}
    .book .page.p1 .container:after{bottom:0;}
    .book .chapters{left:auto;right:15px;top:40px;}
    .book .chapters .chooseBtn{padding:0 30px 0 12px;font-size:1.4rem;}
    .book .chapters .chooseBtn:after{right:10px;}
    .book .audioPlayer.left{left:15px;top:40px;}
    .book .audioPlayer.right{right:auto;left:15px;top:40px;}
    .book .nextBtn{right:-15px;}
    .book .nextBtn.prev{left:-15px;}
    .googlemap p{font-size:1.4rem;}
}

.stackgallery{position:relative;width:90%;margin:160px auto 120px auto;padding-top:56.25%;z-index:2;}
.stackgallery[data-popup="true"]{display:none;}
.stackgallery .lazy{position:absolute;left:0;top:50%;width:100%;z-index:1;transform:translate3d(0,-50%,0);display:none;}
.stackgallery .lazy.on{display:block;}
.stackgallery .lazy .bg{position:absolute;z-index:-1;left:-15px;top:-15px;width:calc(100% + 30px);height:calc(100% + 30px);background:url("../Grx/papir2.jpg") no-repeat;background-size:100% 100%;box-shadow:2px 2px 16px rgba(0,0,0, .1);}
.stackgallery .paper{position:absolute;z-index:-10;left:-15px;top:-15px;width:calc(100% + 30px);height:calc(100% + 30px);background:url("../Grx/papir2.jpg") no-repeat;background-size:100% 100%;transform:rotate(2deg);/*box-shadow:2px 2px 16px rgba(0,0,0, .2);*/}
.stackgallery .paper.b{transform:rotate(3deg);}
.stackgallery .lazy .desc{position:absolute;left:0;top:100%;z-index:2;width:100%;}
.stackgallery .lazy .desc .inner{position:relative;display:inline-block;box-sizing:border-box;padding:15px 20px;transform:translateY(-25%);opacity:0;transition:all .4s ease-out;text-align:left;max-width:90%;}
.stackgallery .lazy.active .desc .inner{opacity:1;transform:translateY(-50%);}
.stackgallery .lazy .desc .inner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
/*.stackgallery .lazy .desc .inner:before{-webkit-mask-image:url("../Grx/txt_mask.svg");mask-image:url("../Grx/txt_mask.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}*/
.stackgallery .lazy .desc .inner span{position:relative;z-index:1;}
.stackgallery .nextBtn{position:absolute;right:-30px;top:50%;margin-top:-30px;}
.stackgallery .nextBtn.prev{right:auto;left:-30px;}
.stackgallery .altBtn{position:absolute;right:-30px;top:0;}
.stackgallery .lazy .rel{background-color:#000;}
.stackgallery .lazy .altOverlay{position:absolute;left:50%;top:50%;width:60%;transform:translate(-50%,-50%);color:#000;box-sizing:border-box;padding:15px 20px;box-shadow:4px 4px 32px rgba(0,0,0,.4);overflow:auto;max-height:50%;}
.stackgallery .lazy.altOpen .img{opacity:.3;transition:opacity .3s ease-out;}
/*.zoomed .stackgallery .lazy.active .desc{position:relative;}
.zoomed .stackgallery .lazy.active .desc .inner{transform:none;margin-top:0;}*/


.txtOnPaper{position:relative;color:#000;text-align:left;width:90%;margin-left:5%;box-sizing:border-box;padding:40px;z-index:2;display:block;min-height:unset;}
.txtOnPaper h2, .txtOnPaper h3, .txtOnPaper h4{padding:40px 0 20px 0;}

.overlayTitle{position:absolute;left:0;top:30px;z-index:8;color:#000;box-sizing:border-box;padding:10px 15px;transform:translate(-50%,-50%);text-align:left;max-width:45%;}
.fullw p.intro:after, .overlayTitle:after{content:"";position:absolute;left:-5%;top:0;width:110%;height:130%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-1;opacity:.4;}
.fullw p.intro span{position:relative;z-index:1;}
.fullw p.intro:before, .overlayTitle:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.overlayTitle:before{-webkit-mask-image:url("../Grx/txt_mask.svg");mask-image:url("../Grx/txt_mask.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.fullw p.intro:before{-webkit-mask-image:url("../Grx/menu1.svg");mask-image:url("../Grx/menu1.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center right;-webkit-mask-position:center right;}
.txtOnPaper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../Grx/papir2.jpg");background-size:100% 100%;opacity:.8;}
.txtOnPaper:before{-webkit-mask-image:url("../Grx/txt_mask.svg");mask-image:url("../Grx/txt_mask.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.txtOnPaper:after{content:"";position:absolute;left:-10%;top:0;width:120%;height:130%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-1;opacity:.2;}
.opdagvideo{display:none;}

/* NGO banner */
body.ngocolor{background-color:#b3c7bd;}
.ngobanner{position:relative;width:100%;height:40vw;z-index:2;overflow:hidden;}
.ngobanner > .lazy{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ngobanner > .lazy video{object-fit:cover;object-position:center bottom;}
.globalAnimationsToggle, .ngobanner .lazy .playPauseBtn{position:absolute;right:15px;top:15px;display:block;z-index:5;background-color:rgba(0,0,0,.5);width:40px;height:40px;border-radius:100%;transition:background-color .2s ease-out;}
.globalAnimationsToggle .icon, .ngobanner .lazy .playPauseBtn .icon{display:inline-block;vertical-align:top;background:url("../Grx/play_white.svg") no-repeat;background-position:center;background-size:20px 20px;width:20px;height:20px;transition:transform .2s ease-out;will-change:transform;margin-left:-1px;}
.globalAnimationsToggle.pause .icon, .ngobanner .lazy .playPauseBtn.pause .icon{background-image:url("../Grx/pause_white.svg");}
.globalAnimationsToggle:hover, .ngobanner .lazy .playPauseBtn:hover{background-color:rgba(0,0,0,.8);}
.globalAnimationsToggle:hover .icon, .ngobanner .lazy .playPauseBtn:hover .icon{transform:scale(1.1,1.1);}
.ngobanner .profile{position:absolute;display:block;text-decoration:none;text-align:center;box-sizing:border-box;transform:scale(.75,.75);opacity:0;transition:all .8s ease-out;}
.ngobanner .profile.in{transform:scale(1,1);opacity:1;}
.ngobanner .profile .lazy{position:relative;display:block;overflow:hidden;width:230px;height:230px;border:12px solid #FFF;box-shadow:4px 4px 16px rgba(0,0,0,.6);border-radius:100%;transition:transform .3s ease-out;box-sizing:border-box;margin-bottom:-30px;}
.ngobanner .profile .lazy .rel{height:100%;}
.ngobanner .profile .name{position:relative;display:inline-block;width:auto;white-space:nowrap;font-size:2.4rem;font-weight:600;color:#FFF;padding:10px 20px;z-index:1;transition:transform .3s ease-out;}
.ngobanner .profile .name:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d86f4c;-webkit-mask-image:url("../Grx/menu1.svg");mask-image:url("../Grx/menu1.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:-1;transition:background-color .3s ease-out;}
.ngobanner .profile:nth-of-type(2) .name:before{-webkit-mask-image:url("../Grx/menu3.svg");mask-image:url("../Grx/menu3.svg");}
.ngobanner .profile .name:after{content:"";position:absolute;left:-8%;width:120%;height:120%;top:5%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-2;opacity:.6;}
.ngobanner .profile:nth-of-type(1){left:50%;bottom:27%;margin-left:-470px;}
.ngobanner .profile:nth-of-type(2){left:50%;bottom:50%;margin-left:-120px;}
.ngobanner .profile:nth-of-type(3){left:50%;bottom:35%;margin-left:250px;}
.ngobanner .profile:hover .lazy, .ngobanner .profile:focus .lazy{transform:scale(1.025,1.025);}
.ngobanner .profile:hover .name, .ngobanner .profile:focus .name{transform:translateY(4px);}
.ngobanner .profile:hover .name:before, .ngobanner .profile:focus .name:before{background-color:#7bded0;}
.ngobanner h1{position:absolute;left:0;text-align:center;bottom:70px;width:100%;}
.ngobanner .lazy.cutout{left:auto;right:20%;width:auto;top:auto;bottom:0;z-index:3;height:90%;}
.ngobanner .lazy.cutout.right{right:10%;}
.ngobanner .lazy.cutout .rel{width:auto;height:100%;}
.ngobanner .lazy.cutout .rel img{position:relative;object-fit:contain;width:auto;}
.ngobanner .backBtn{position:absolute;left:40px;top:40px;z-index:4;}

.unfoldBtn{color:inherit;background:transparent;text-decoration:underline;transition:opacity .2s ease-out;display:block;padding:20px 0 0 0;}
.unfoldBtn:hover{opacity:.5;}
.unfold{display:none;}

.ngomenu{position:relative;text-align:center;z-index:2;margin-top:-300px;padding-top:100px;}
.ngomenu:before{content:"";position:absolute;left:0;top:0;width:100%;height:300px;background:linear-gradient(0deg, #b3c7bd 0%, rgba(255,222,169, 0) 100%);}
.ngomenu .links{position:relative;width:100%;max-width:1600px;margin:auto;box-sizing:border-box;padding:0 5%;font-size:0;}
.ngomenu button{position:relative;display:inline-block;vertical-align:top;/*min-width:200px;*/width:calc((100% - 280px) / 5);background:transparent;padding:0;margin-right:70px;transition:transform .4s ease-out;will-change:transform;}
.ngomenu button:last-of-type{margin-right:0;}
.ngomenu button .lazy{position:absolute;display:block;}
.ngomenu button .name{position:relative;display:inline-block;width:auto;white-space:nowrap;font-size:2.0rem;font-weight:600;color:#FFF;padding:10px 20px;z-index:1;transition:transform .3s ease-out;margin-top:-15px;}
.ngomenu button .name:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d86f4c;-webkit-mask-image:url("../Grx/menu1.svg");mask-image:url("../Grx/menu1.svg");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:-1;transition:background-color .3s ease-out;}
.ngomenu button .name:after{content:"";position:absolute;left:-8%;width:120%;height:120%;top:5%;background:url("../Grx/menu_shade.png") no-repeat;background-size:100% 100%;z-index:-2;opacity:.6;}
.ngomenu .fotoalbumBtn .bg{position:relative;display:block;width:100%;padding-top:100%;background:url("../Grx/papir_low.jpg") no-repeat;background-size:cover;box-shadow:1px 1px 4px rgba(0,0,0,.5);margin-left:-10px;}
.ngomenu .fotoalbumBtn .bg:after{content:"";position:absolute;left:20px;top:0px;width:100%;padding-top:100%;background:url("../Grx/papir_low.jpg") no-repeat;background-size:cover;transform:rotate(5deg);box-shadow:1px 1px 8px rgba(0,0,0,.5);margin-left:-10px;}
.ngomenu .fotoalbumBtn .lazy{left:20px;top:5%;margin-left:5%;width:90%;transform:rotate(5deg);margin-left:-10px;}
.ngomenu .fotoalbumBtn .lazy .rel{padding-top:100%;}
.ngomenu .filmBtn .bg{position:relative;display:block;width:100%;padding-top:100%;background:url("../Grx/filmstrimmel.png") no-repeat;background-size:cover;box-shadow:8px 4px 8px rgba(0,0,0,.3);margin-left:-10px;transform:rotate(-4deg);}
.ngomenu .filmBtn .lazy{left:5%;top:15%;width:92%;transform:rotate(-4deg);margin-left:-10px;}
.ngomenu .filmBtn .lazy .rel{padding-top:70%;}
.ngomenu .bogBtn .bg{position:relative;display:block;width:100%;padding-top:100%;background:url("../Grx/TN_vennebog.png") no-repeat;background-size:contain;}
.ngomenu .tidshjulBtn .bg{position:relative;display:block;width:100%;padding-top:100%;background:url("../Grx/TN_tidshjul_2021_uden_viser.png") no-repeat;background-size:contain;margin-top:10px;margin-bottom:-10px;}
.ngomenu button:hover .name, .ngomenu button:focus .name{transform:translateY(-4px);}
.ngomenu button:hover .name:before, .ngomenu button:focus .name:before{background-color:#7bded0;}
.ngomenu button:hover{transform:scale(1.025,1.025);}

.lightbox{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10001;}
.lightbox > .bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .3s ease-out;}
.lightbox.on > .bg{opacity:.8;}
.lightbox .page{width:calc(100% - 100px);height:100%;padding-top:0!important;max-width:calc(140vh - 140px);/*compensate for not scrolling*/}
.lightbox .page.wider{width:calc(100% - 100px);max-width:calc(170vh - 120px);}/*book*/
.lightbox .closeBtn{position:fixed;right:10px;top:10px;z-index:10;}
.lightbox .stackgallery{position:absolute;left:5%;top:50%;transform:translateY(-50%);display:block;opacity:0;transition:opacity 1s ease-in-out;margin:auto;}
.lightbox .book{position:absolute;left:0%;top:50%;transform:translateY(-50%);display:block;opacity:0;transition:opacity 1s ease-in-out;margin:auto;}
.zoomed .lightbox{overflow:auto;}
.videoplayer .overlayTitle, .lightbox .overlayTitle{left:20px;top:-2px;transform:translate(0, -100%) rotate(-2deg);transition:transform .5s ease-out;will-change:transform;}
.lightbox.on .stackgallery{opacity:1;}
.lightbox.on .book{opacity:1;}
.videoplayer.on .overlayTitle, .lightbox.on .overlayTitle{transform:translate(0,0) rotate(0deg);}

.fotoalbum{display:none;}
.lightbox .fotoalbum{position:relative;width:100%;top:50%;padding-top:63%;background:url("../Grx/vennebog25.png") no-repeat;background-size:cover;transform:translateY(-50%);opacity:0;transition:opacity 1s ease-in-out;display:block;}
.lightbox .fotoalbum.friends{background-image:url("../Grx/vennebog.png");}
.lightbox.on .fotoalbum{opacity:1;}
.fotoalbum .clips{position:relative;width:70%;margin:auto;top:-20%;height:35%;}
.fotoalbum .clips .imgs{position:absolute;left:0;top:0;width:100%;}
.fotoalbum .clips .imgs:before{content:"";position:absolute;left:0;top:0;width:100%;padding-top:95.66%;background:url("../Grx/polaroid_vennebog_front.png") no-repeat;background-size:cover;}
.fotoalbum .clips .imgs:after{content:"";position:absolute;left:20%;top:-20%;width:50%;padding-top:35%;background:url("../Grx/klemme.png") no-repeat;background-size:cover;transform:translateY(-37%) rotate(-8deg);}
.fotoalbum .clips .imgs .lazy{position:absolute;left:15%;top:0;padding-top:15%;width:64%;transform:rotate(-8deg);}
.fotoalbum .clips .imgs .lazy .rel{padding-top:82%;}
.foralbum .polaroid{position:absolute;width:25%;z-index:0;opacity:0;transition:all .6s ease-out .6s;}
.foralbum .polaroid.a{left:-14%;bottom:40%;transform:translateX(100px) rotate(-15deg);}
.foralbum .polaroid.b{right:-5%;top:20%;transform:translateX(-100px) rotate(0deg);}
.foralbum .polaroid:before{content:"";position:absolute;left:0;top:0;width:100%;padding-top:92.25%;background:url("../Grx/polaroid_vennebog_back.png") no-repeat;background-size:cover;}
.foralbum .polaroid .lazy{position:absolute;left:32%;padding-top:24%;width:56%;transform:rotate(20deg);}
.foralbum .polaroid .lazy .rel{padding-top:80%;}
.lightbox.on .polaroid.a{opacity:1;transform:translateX(0px) rotate(-25deg);}
.lightbox.on .polaroid.b{opacity:1;transform:translateX(0px) rotate(-10deg);}

.fotoalbum .p{position:absolute;left:0;top:0;width:50%;height:100%;display:inline-block;vertical-align:top;box-sizing:border-box;padding:6% 5% 9% 5%;text-align:left;transition:opacity .8s ease-in-out .2s;}
.fotoalbum.friends .p{padding-bottom:5%;}
.fotoalbum .p:not(.in){opacity:0;pointer-events:none;transition:opacity .2s ease-out 0s;}
.fotoalbum .p .inner{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:auto;}
.fotoalbum .p.scrolls:after{content:"";position:absolute;left:6%;bottom:12%;width:80%;height:50px;background:linear-gradient(to bottom, rgba(245, 238, 218, 0) 0%,#e6dccb 100%);pointer-events:none;transition:opacity .3s ease-out;}
.fotoalbum.friends .p.scrolls:after{bottom:8%;}
.fotoalbum .p.scrolls.fadescrolls:after{opacity:0;}
.fotoalbum .clips + .inner{height:65%;}
.fotoalbum .p .inner.autoheight{height:80%;}
.fotoalbum .p:nth-of-type(2n){left:50%;}
.fotoalbum.friends .p p{color:#0e4194;}
.fotoalbum.friends .p:nth-of-type(2).scrolls:after{bottom:24%;}
.fotoalbum .p p{font-family:'Kalam';font-variant-ligatures:no-common-ligatures;font-size:1.8rem;line-height:1.2;padding-top:20px;}
.fotoalbum.friends .p p{padding-top:8px;}
.fotoalbum .p h3{font-family:'Barlow Semi Condensed', sans-serif;}
.veryzoomed .fotoalbum .p h3{font-size:1.0rem;}
.fotoalbum .p .cat{font-family:'Barlow Semi Condensed', sans-serif;font-weight:normal;padding-right:5px;color:#000;}
.fotoalbum .postit{position:relative;float:right;width:60%;margin-top:20px;}
.fotoalbum .postit .imgs{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;background:url("../Grx/post_it.png") no-repeat;background-size:100% auto;}
.fotoalbum .postit .imgs .text{position:relative;width:100%;padding-top:100%;transform:rotate(4deg);box-sizing:border-box;/**/}
.fotoalbum .postit p{position:absolute;left:0;top:8%;width:100%;transform-origin:0 0;height:83%;padding:8% 10% 5% 15%;overflow:auto;}
.fotoalbum .backBtn{position:absolute;top:auto;bottom:80px;margin-bottom:-5rem;left:-25px;}
.fotoalbum .backBtn.next{left:auto;right:-25px;}

.videogallery{display:none;}
.lightbox .videogallery{position:relative;width:100%;top:50%;padding-top:63%;background:url("../Grx/papir3.jpg") no-repeat;background-size:cover;transform:translateY(-50%);opacity:0;transition:opacity 1s ease-in-out;display:block;border-radius:30px;box-shadow:4px 4px 16px rgba(0,0,0,1);}
.lightbox.on .videogallery{opacity:1;}
.lightbox .videogallery .overlayTitle{color:#FFF;}
.lightbox .videogallery .overlayTitle:before{background-color:#4c2819;}
.videogallery .content{position:absolute;left:0;top:0;width:100%;height:100%;/*border:1px solid red;*/box-sizing:border-box;padding:12% 5% 7% 5%;}
.videogallery .player{display:inline-block;vertical-align:top;width:75%;box-sizing:border-box;box-shadow:2px 2px 4px rgba(0,0,0,.5);}
.videogallery .player .inner{position:relative;width:100%;padding-top:56.25%;background-color:#000;}/*16:9 format*/
.videogallery .player .description{position:relative;width:100%;background-color:#FFF;color:#000;font-size:2.4rem;font-weight:600;min-height:4.0rem;text-align:left;box-sizing:border-box;padding:15px;}
.videogallery .player .inner .playPauseBtn{position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;display:block;z-index:5;background-color:rgba(0,0,0,.5);width:70px;height:70px;border-radius:100%;transition:background-color .2s ease-out;}
.videogallery .player .inner .playPauseBtn .icon{display:inline-block;vertical-align:top;background:url("../Grx/play_white.svg") no-repeat;background-position:center;background-size:40px 40px;width:40px;height:40px;transition:transform .2s ease-out;will-change:transform;margin-left:-1px;}
.videogallery .player .inner .playPauseBtn:hover{background-color:rgba(0,0,0,.8);}
.videogallery .player .inner .playPauseBtn:hover .icon{transform:scale(1.1,1.1);}
.veryzoomed .videogallery .player .inner .playPauseBtn{transform:scale(.5,.5);}
.videogallery .player .inner .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;object-fit:cover;}
.videogallery .videos{position:relative;display:inline-block;vertical-align:top;width:25%;box-sizing:border-box;padding-left:40px;height:100%;overflow:auto;}
.videogallery .videos.scrollbar{-webkit-mask-image:linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%);}
.videogallery .videos .videoBtn{position:relative;display:block;width:100%;height:calc((100% - 21px) / 3);background:transparent;padding:0;margin-bottom:10px;text-align:left;color:#0e4194;box-shadow:2px 2px 4px rgba(0,0,0,.5);}
.videogallery .videos .videoBtn:last-of-type{margin-bottom:0;}
.videogallery .videos.scrollbar .videoBtn:last-of-type{margin-bottom:40px;}
.videogallery .videos .videoBtn .lazy{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.videogallery .videos .videoBtn .lazy .rel{height:100%;transition:transform .3s ease-out;will-change:transform;}
.videogallery .videos .videoBtn .description{position:absolute;left:0;bottom:-1px;width:100%;background-color:#FFF;box-sizing:border-box;padding:5px 10px;font-size:1.4rem;font-weight:600;line-height:1.2;}
.zoomed .videogallery .videos .videoBtn .description{font-size:0.8rem;}
.videogallery .videos .videoBtn:hover .lazy .rel{transform:scale(1.025,1.025);}
.videogallery .videos .videoBtn .lazy:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7bded0;opacity:0;transition:opacity .3s ease-out;}
.videogallery .videos .videoBtn:hover .lazy:after, .videogallery .videos .videoBtn:focus .lazy:after, .videogallery .videos .videoBtn.selected .lazy:after{opacity:.4;}
.videogallery .player .videoiframe{border:0;padding:0;margin:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:6;pointer-events:none;}
.videogallery .player.iframeOn .videoiframe{opacity:1;transition:opacity .6s ease-in-out .2s;pointer-events:all;}

.timewheel{display:none;}
.lightbox .timewheel{position:relative;width:100%;top:50%;padding-top:63%;background:url("../Grx/papir3.jpg") no-repeat;background-size:cover;transform:translateY(-50%);opacity:0;transition:opacity 1s ease-in-out;display:block;border-radius:30px;box-shadow:4px 4px 16px rgba(0,0,0,1);}
.lightbox.on .timewheel{opacity:1;}
.lightbox .timewheel .overlayTitle{color:#FFF;}
.lightbox .timewheel .overlayTitle:before{background-color:#4c2819;}
.timewheel .content{position:absolute;left:0;top:0;width:100%;height:100%;/*border:1px solid red;*/box-sizing:border-box;padding:12% 5% 5% 5%;}
.timewheel .content .description{width:35%;display:inline-block;vertical-align:top;height:calc(100% - 4rem);text-align:left;opacity:0;box-sizing:border-box;overflow:auto;color:#4c2819;/*0e4194*/padding:0 5% 0 0;}
.timewheel .content .description.in{opacity:1;transition:opacity .4s ease-out;}
.timewheel .content .description p{padding-top:20px;}
.timewheel .content .charts{width:65%;display:inline-block;vertical-align:top;height:100%;font-size:1.4rem;pointer-events:none;}
/*.timewheel .content .charts svg text{font-size:1.6rem;font-family:'Barlow', sans-serif;}
.timewheel .content .charts svg text[fill="#ffffff"]{text-shadow:1px 1px 2px rgba(0,0,0,1);}*/
.timewheel .backBtn{position:absolute;top:auto;bottom:35px;left:-25px;}
.timewheel .backBtn.next{left:auto;right:-25px;}
.zoomed .timewheel .content{padding-bottom:0px;}

@media all and (max-width:1500.5px){
    .ngobanner h1{bottom:40px;}
}

@media all and (max-width:1250.5px){
    .ngobanner .profile:nth-of-type(1){bottom:30%;margin-left:-400px;}
    .ngobanner .profile:nth-of-type(2){bottom:35%;}
    .ngobanner .profile:nth-of-type(3){margin-left:160px;}
    .ngomenu button .name{font-size:1.6rem;}
    .ngomenu .filmBtn .bg, .ngomenu .filmBtn .lazy{margin-left:0;}
    .videogallery .player .description{font-size:1.8rem;min-height:2.8rem;}
}
@media all and (max-width:1000.5px){
    .ngobanner{height:auto;text-align:center;padding-top:20px;padding-bottom:20px;}
    .ngobanner .profile{width:100%;margin-bottom:20px;}
    .ngobanner .profile .lazy{width:160px;height:160px;border:6px solid #FFF;box-shadow:2px 2px 8px rgba(0,0,0,.6);margin:0 auto -30px auto;}
    .ngobanner .profile .name{font-size:2.0rem;}
    .ngobanner .profile:nth-of-type(1){position:relative;bottom:auto;left:auto;margin-left:0;}
    .ngobanner .profile:nth-of-type(2){position:relative;bottom:auto;left:auto;margin-left:0;}
    .ngobanner .profile:nth-of-type(3){position:relative;bottom:auto;left:auto;margin-left:0;}
    .ngobanner h1{position:relative;left:auto;bottom:auto;margin-top:20px;}

    .ngobanner .backBtn{position:absolute;left:15px;top:15px;}
    .ngobanner .lazy.cutout{position:relative;right:auto;bottom:auto;height:400px;margin:-20px auto;}
    .ngobanner .lazy.cutout.right{right:auto;}
    .ngomenu{margin-top:-100px;padding-top:0;}
    .ngomenu:before{height:100px;}
    .ngomenu button{display:block;margin:0 auto 20px auto;width:60%;}
    .ngomenu button:last-of-type{margin-right:auto;}

    .globalAnimationsToggle, .ngobanner .lazy .playPauseBtn{top:10px;}
}

/* Move browse buttons a little down */
@media all and (min-width:1000.5px) and (max-height:600px){
    .fotoalbum .backBtn, .timewheel .backBtn{bottom:20px;}
}


/* Mobile */
@media all and (max-width:1000.5px){
    .lightbox .page{width:100%;}
    .lightbox .page.wider{width:calc(100% - 0px);}/*book*/
    .lightbox .foralbum{padding-left:20px;padding-right:20px;max-width:calc(80vh - 40px);}
    .lightbox .fotoalbum{top:50%;padding-top:125.83%;background-image:url("../Grx/vennebog23_single.png");}
    .lightbox .fotoalbum.friends{background-image:url("../Grx/vennebog_single.png");}
    .fotoalbum .backBtn, .fotoalbum .backBtn.next{bottom:-10px;}
    .fotoalbum .backBtn{left:-15px;}
    .fotoalbum .backBtn.next{right:-15px;}
    .fotoalbum .p{width:100%;padding:8% 8% 12% 10%;}
    .fotoalbum.friends .p{padding-bottom:14%;}
    .fotoalbum .p:nth-of-type(2n){left:0;}
    .fotoalbum .p p{font-size:1.4rem;padding-top:15px;}
    .fotoalbum.friends .p p{padding-top:10px;}
    .fotoalbum .p.scrolls:after{bottom:8%;width:85%;}
    .veryzoomed .fotoalbum.friends .p p{padding-top:5px;min-height:5px;}
    .fotoalbum .postit{float:right;margin-right:20%;}
    .foralbum .polaroid{width:40%;}
    .lightbox.on .polaroid.b{right:0;}

    .lightbox .videogallery{padding-top:0;height:auto;margin-left:15px;width:calc(100% - 30px);}
    .lightbox .videogallery .content{position:relative;}
    .lightbox .videogallery .overlayTitle{left:20px;top:-20px;transform:none;transition:none;}
    .zoomed .lightbox .videogallery{margin-left:0;width:100%;}

    .videogallery .player{width:100%;display:block;height:auto;}
    .videogallery .videos{width:100%;display:block;margin-top:20px;padding:0;height:auto;}
    .videogallery .videos.scrollbar{-webkit-mask-image:none;mask-image:none;}
    .videogallery .player .description{font-size:1.4rem;min-height:2.0rem;padding:10px;}
    .videogallery .videos .videoBtn{display:inline-block;vertical-align:top;width:calc((100% - 20px) / 3);margin-right:10px;box-shadow:none;}
    .videogallery .videos .videoBtn:last-of-type{margin-right:0;}
    .videogallery .videos.scrollbar .videoBtn:last-of-type{margin-bottom:0;}
    .videogallery .videos .videoBtn .lazy{position:relative;display:block;height:auto;}
    .videogallery .videos .videoBtn .lazy .rel{height:0;padding-top:56.25%;}
    .videogallery .videos .videoBtn .description{position:relative;display:block;font-size:1.2rem;background-color:transparent;padding:5px;}

    .lightbox .timewheel{padding-top:70vh;}
    .timewheel .content{padding-top:20%;padding-bottom:20%;display:flex;flex-wrap:wrap;overflow:auto;}
    .timewheel .content .description{width:100%;display:block;height:auto;overflow:auto;order:2;padding-bottom:15%;}
    .timewheel .content .description p{padding-top:10px;}
    .timewheel .content .charts{width:100%;display:block;height:30rem;margin-bottom:40px;order:1;font-size:1.2rem;}
    .timewheel .backBtn{bottom:-10px;}
    .timewheel .backBtn{left:-15px;}
    .timewheel .backBtn.next{right:-15px;}
    .veryzoomed .timewheel .content h3{font-size:0.8rem;}
    .veryzoomed .timewheel .content p{font-size:0.6rem;padding-top:5px;}

    /* Compensate for desktop zooms */
    .zoomed .lightbox .videogallery, .zoomed .timewheel, .zoomed .book, .zoomed .book:before{border-radius:5%;}
    .veryzoomed .lightbox .videogallery .content{padding:5px;}
    .zoomed .lightbox .videogallery .overlayTitle, .zoomed .lightbox .timewheel .overlayTitle{transform:scale(.5,.5);}
    .zoomed .videogallery .player .description{font-size:0.8rem;}
    .zoomed .videogallery .videos .videoBtn .description{font-size:0.4rem;}
    .zoomed .fotoalbum .p p{font-size:0.8rem;}
    .veryzoomed .fotoalbum .p p{font-size:0.6rem;}
    .zoomed .fotoalbum .backBtn{/*font-size:0.8rem;*/bottom:25px;}
    .zoomed .timewheel .backBtn{bottom:-25px;}
    .zoomed .fotoalbum .backBtn, .zoomed .timewheel .backBtn{left:-60px;}
    .zoomed .fotoalbum .backBtn.next, .zoomed .timewheel .backBtn.next{left:auto;right:-60px;}
    .zoomed .fotoalbum .postit{margin-right:5%;margin-top:5px;}
    .veryzoomed .fotoalbum .postit p{padding-top:2px;height:92%;top:2%;}
    .veryzoomed .fotoalbum .backBtn, .veryzoomed .timewheel .backBtn{transform:scale(.35,.35);}
    .veryzoomed .fotoalbum{padding-top:80vh;}
    .veryzoomed .lightbox .foralbum{max-width:calc(140vh - 70px);}
    .veryzoomed .fotoalbum .p.scrolls:after{display:none;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
    body:not(.zoomed) .fotoalbum .backBtn, body:not(.zoomed) .fotoalbum .backBtn.next{bottom:-20px;}
    body:not(.zoomed) .fotoalbum .backBtn{left:-30px;}
    body:not(.zoomed) .fotoalbum .backBtn.next{right:-30px;}
    
    .lightbox .videogallery .overlayTitle, .lightbox .timewheel .overlayTitle{position:absolute;left:-60px;top:-10px;}
    .lightbox .videogallery .content{height:calc(100vh - 40px);padding:20px;overflow:auto;}

    .timewheel .content{padding-top:30%;}
    body:not(.zoomed) .timewheel .backBtn{bottom:-20px;}
    body:not(.zoomed) .timewheel .backBtn{left:-30px;}
    body:not(.zoomed) .timewheel .backBtn.next{right:-30px;}
}


footer{position:relative;width:100%;margin-top:60px;}
footer .graphic{position:relative;width:100%;padding-top:16.25%;background:url("../Grx/rwanda_bundfrise.png") no-repeat;background-size:100% auto;}
footer .content{position:relative;width:100%;background-color:#000;height:10vw;min-height:140px;margin-top:-1px;text-align:center;padding-bottom:3em;}
.largefonts footer .content{min-height:160px;}
footer .content .page{padding-top:0;}
footer .content a{display:inline-block;vertical-align:middle;height:55px;margin-right:90px;color:#FFF;transition:opacity .3s ease-out;}
footer .content a:last-of-type{margin-right:0;}
footer .content a.rightaligned{font-size:1.6rem;margin:0;padding:15px 10px;}
footer .content a:hover{opacity:.6;}
.veryzoomed footer .content a.rightaligned{font-size:1.0rem;}
footer .content a:nth-of-type(2):not(.iltp){height:65px;}/*unicef*/
footer .content a:nth-of-type(3):not(.iltp){height:100px;}/*dr*/

/*footer .content a:nth-of-type(2){height:58px;margin-right:105px}*/
/*footer .content a:nth-of-type(3){height:30px;}
footer .content a:nth-of-type(4){height:30px;margin-right:0;}*/
/*footer .content a:nth-of-type(4){margin-right:10px;}/*0 but 10 looks better*/
footer .content a img{height:100%;}
/*#csconsentlink{float:right;font-size:1.6rem;padding-top:20px;height:auto;vertical-align:bottom;margin-right:0;transition:opacity .3s ease-out;}
#csconsentlink:hover{opacity:.5;}*/
footer .content .iltp{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;}

.totop{position:fixed;right:30px;bottom:30px;z-index:1002;font-size:1.6rem;font-weight:600;line-height:1;color:#FFF;background-color:#4c2819;white-space:nowrap;padding:10px 15px;box-shadow:2px 2px 8px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:box-shadow .2s ease-out, opacity .4s ease-out;}
.totop:hover{box-shadow:2px 2px 8px rgba(0,0,0,.6);}
.totop.on{opacity:1;pointer-events:all;}

/* Larger desktop only */
@media all and (min-width:1200.5px){
    /* Alone article (no submenu) has larger padding*/
    .full.alone .c{padding:30px 150px;}
    /*.m.full.alone .fullimg.cover{width:calc(100% + 300px);margin:-150px 0 0 -150px;}*/
    .m.full.alone .fullimg.cover{width:calc(100% + 300px);margin:-30px 0 0 -150px;}
    .m.full.alone .subjectsorting{width:calc(100% + 300px);margin-left:-150px;padding-left:150px;padding-right:150px;}
    .m.full.alone .product.featured:before{width:calc(100% + 300px);margin-left:-120px;}
    footer .content .page{padding-top:10px;}
}

/* Desktop only */
@media all and (min-width:1000.5px){
    .widget + .widget{margin-top:30px;}
    .mobile{display:none;}
    .submenu .toggle{display:none;}
    .fields .group:nth-of-type(2n){width:calc(50% - 30px);margin-left:30px;}

    .m .archive .content p:last-of-type{padding-bottom:10px;}

    .filmcategory .videothumb .description p:last-of-type{padding-bottom:10px;}
    .lightbox.on .videogallery .overlayTitle, .lightbox.on .timewheel .overlayTitle{left:-20px;top:20px;}
    .zoomed .lightbox.on .videogallery .overlayTitle, .zoomed .lightbox.on .timewheel .overlayTitle{top:0;}

    .teaser-row + .teaser-row{margin-top:60px;}
}

/* Smaller desktop (tablet etc.) */
/*@media all and (max-width:1400px){
    header .mainmenu:not(.burgermenu) .childrenmenu{top:75px;}
}*/
@media all and (max-width:1300px){
    .fullw .title{font-size:3.2rem;}
    .teaser-row.three .teaser .title{font-size:2.4rem;}
}
@media all and (min-width:1000.5px) and (max-width:1200px){
    header .logo{width:140px;height:48px;top:20px;}
    header .mainmenu:not(.burgermenu){margin-left:30px;}/*not centered because of the narrow screen*/
    .submenu{width:220px;}
    .submenu .label, .submenu a{padding-left:20px;min-height:35px;}
    .submenu a + .label{margin-top:20px;}

    .m, .banner .m{width:calc(100% - 220px);margin-left:20px;}
    .banner .m{padding-left:0px;}

    .c{padding:20px;width:calc(70% - 20px);}
    .widget .content{padding:20px;}
    .m p + h1, .m .cover + h1{padding-top:20px;}
    .m .lazy{padding-top:20px;}
    .m .embeddedvideo{margin-top:20px;}
    .m .fullimg{margin:20px 0;}
    .m .fullimg.cover{width:calc(100% + 40px);margin:-20px 0 0 -20px;}/*compensates for parent's padding*/
    .m .inlinebox{padding:20px;}
    
    .widgets{padding-bottom:20px;}
    .widget + .widget{margin-top:20px;}
    .m .archive{padding:20px 0;}
    .m .archive .lazy{width:40%;}
    .m .archive .content{width:60%;padding-left:20px;}

    .product.featured:before{left:-20px;width:calc(100% + 40px);}

    .form .images{margin-bottom:20px;}

    .actionmenu a, .actionmenu button{margin-right:20px;}
    
    .frontThumb .label{font-size:1.6rem;}
    .frontThumb:nth-of-type(5) .label, .frontThumb:nth-of-type(6) .label, .frontThumb:nth-of-type(7) .label{width:80px;height:80px;padding-top:25px;}
    .largefonts .frontThumb:nth-of-type(5) .label, .largefonts .frontThumb:nth-of-type(6) .label{padding-top:20px;}
    .largefonts .frontThumb:nth-of-type(7) .label{display:none;}
    .frontThumb:nth-of-type(7) .label{padding-top:32px;}
    .frontThumb .lazy{padding-top:0;}
    .frontThumb .bottom{padding:30px 20px;}
    .frontThumb .title{font-size:3.6rem;line-height:calc(18px + 1.8rem);}
    .largefonts .frontThumb .title{font-size:3.2rem;line-height:calc(16px + 1.6rem);}
    .frontThumb .desc{font-size:1.8rem;}
    .largefonts .frontThumb .desc{font-size:1.2rem;line-height:1;}
    .largefonts .frontThumb .label{font-size:1.0rem;line-height:1;}

    .banner{margin-bottom:-45px;/*pull up content below*/}
    .banner .page .m{padding-left:20%;padding-right:0;}
    .banner .txt{padding:0 20px;width:calc(70% - 20px);}

    .slideshow .el p{left:20px;width:50%;}

    .subjectsorting{width:calc(100% + 40px);margin:20px 0 0 -20px;padding:20px 10px 20px 20px;}
    .opgave .desc{width:60%;}
    .opgave .details{width:40%;}

    .pdfViewer .iframe{height:calc(100% - 80px);}

    .soundbook{margin-top:20px;}
    .soundbook .desc{padding:20px;}
    .soundbook .bottomalign{bottom:10px;}
    .soundbook .audioPlayer{margin-left:20px;}
    .soundbook .audioPlayer .progress{width:100px;}
    .soundbook .audioPlayer + a{margin:0 0 0 20px;}

    .inpagenav{width:calc(100% + 40px);margin:30px 0 0 -20px;padding:20px;}
    .inpagenav.fixed a{width:calc((100% - 40px) / 3);margin:20px 20px 0 0;}
    .gallerypreview .lazy{padding-top:0;width:calc((100% - 40px) / 3);margin:20px 20px 0 0;}
    

    .filmcategory .videothumb{margin-top:20px;}
    .filmcategory .videothumb .videoBtn{width:40%;}
    .filmcategory .videothumb .description{width:60%;padding:0 20px;}

    .teaser{width:calc((100% - 20px) / 2);}
    .teaser-row.two .teaser:nth-of-type(2n){margin-left:20px;}
    .teaser-row.three .teaser{width:calc((100% - 40px) / 3);}
    .teaser-row.three .teaser:nth-of-type(3n+2){margin-left:20px;margin-right:20px;}
    .teaser .sidebar{padding:15px 0 0 23px;width:40px;height:60%;}
    .teaser .sidebar .label{font-size:2.0rem;}
    .teaser .sidebarbottom{top:60%;width:40px;height:40%;}
    .teaser .sidebarbottom.movie{-webkit-mask-size:40px auto;mask-size:40px auto;}
    .teaser .rel > .lazy.overlay, .teaser .title{left:40px;}
    .teaser .polaroid{left:60px;width:calc(100% - 85px);top:20px;}
    .teaser .btn{width:60px;height:60px;}
    
    .totop{right:20px;bottom:20px;}
}

/* Mobile overall (from 1000.5 and down) */
@media all and (max-width:1000.5px){
    .desktop{display:none;}
    body.marketing.submenuopen header{z-index:0;}
    header{height:70px;}
    header .logo{width:165px;height:50px;left:10px;top:11px;}
    header .mainmenu .childrenmenu a .icon.logo{width:4rem;height:3rem;right:.5rem;top:1rem;}
    .marketing header .mainmenu{right:10px;}
    .marketing header .mainmenu a{white-space:normal;width:auto;text-align:left;}
    .marketing header .mainmenu .childrenmenu a{padding:1.5rem 5.5rem 1.5rem 1.5rem;height:auto;}
    .marketing header .mainmenu .childrenmenu a .icon.logo{top:.75rem;height:3rem;}    
    .marketing header .mainmenu:not(.burgermenu) .childrenmenu{top:85px;}
    
    .submenu{position:absolute;left:0;top:0;width:68vw;z-index:5;margin:0;transition:transform .3s ease-out;}
    .submenu .toggle{position:absolute;left:100%;top:20px;height:4.0rem;background-color:#7bded0;color:#1d1d1b;font-size:1.8rem;font-weight:500;box-sizing:border-box;padding:0 4rem 0 20px;border-radius:0 2rem 2rem 0;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
    .submenu .toggle:focus{outline:0;border:0;}
    .submenu .toggle:after{position:absolute;content:"";right:0;top:0;width:4rem;height:4rem;background:url("../Grx/arrowright_dark.svg") no-repeat;background-size:50%;background-position:center;transition:transform .3s ease-out .3s;}
    .submenu:not(.open){transform:translateX(-68vw);}
    .submenu nav{margin-top:20px;}
    .submenu.open .toggle{border-left:2px dashed #FFF;}
    .submenu.open .toggle:after{transform:rotate(180deg);}
    /* Dim content when opening submenu */
    body .m:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);pointer-events:none;opacity:0;transition:opacity .3s ease-out;}
    body.submenuopen .m:after{opacity:1;transition:opacity .4s ease-out;}

    .page{width:100%;padding-top:0px;}
    .m{display:block;width:100%;margin-left:0;}
    .c{width:100%;padding:80px 20px 20px 20px;float:none;}
    .full.alone .c{padding-top:20px;}
    .m * + h2, .m * + h3{padding-top:30px;}/*when titles are not first in element*/
    .m p + h1, .m .cover + h1{padding-top:10px;}
    .m p.intro + p{padding-top:20px;}
    .m .lazy{padding-top:20px;}
    .m .embeddedvideo{margin-top:20px;}
    .m .fullimg{margin:20px 0;}
    .m .fullimg.cover{width:calc(100% + 40px);margin:-40px 0 20px -20px;}/*compensates for parent's padding*/
    .m .inlineimg{font-size:1.2rem;}    

    .alone.centeralign{margin-top:20px;}
    .alone.centeralign .c{width:calc(100% - 40px);padding-top:30px;}
    .m .applinks .iconBtn{display:block;width:100%;margin:40px auto;}
    .m .applinks .iconBtn .label{min-width:215px;}

    .widgets{display:none;}
    .widget{width:calc(100% + 40px);margin:20px 0 20px -20px;}
    .widget .content{padding:20px;}
    .m .archive .lazy{width:40%;}
    .m .archive .content{width:60%;padding-left:20px;}

    .product .description{position:static;width:100%;padding-bottom:1.5rem;}
    .product.featured .description{padding-top:2rem;}
    .product h2 .price{float:none;}
    .product-header h2, .product-header h3{position:static;padding-top:0;}
    .product .title{display:block;width:100%;}
    .product .price{text-align:left;font-size:2.2rem;width:auto;}
    .product h2 .moms, .product h3 .moms{font-size:1.6rem;}
    /*.product .price{position:absolute;bottom:2.2rem;left:0;display:block;width:auto;text-align:left;font-size:2.4rem;}*/
    .product p{width:100%;}
    .product .control-group{display:block;width:100%;padding-bottom:1rem;padding-top:0;}
    .product.featured:before{left:-20px;width:calc(100% + 40px);}

    .fields{margin:40px 0 20px 0;}
    .fields .group{display:block;margin:1rem 0;width:100%;}
    .form input[type=submit]{display:block;width:100%;margin:20px 0;}
   
    /*2024*/
    .fields .group.full p{width:100%;display:block;padding:10px 0 15px 0;}
    .fields .group.full label{width:calc(100% - 13px);display:inline-block;vertical-align:middle;font-weight:600;box-sizing:border-box;padding:10px 0 0 8px;}
    .fields .group.full input, .fields .group.full label{margin-bottom:10px;}
    .fields .group.full input:nth-of-type(2){margin-left:0;}
    .fields .group.full .org-name{text-align:left;width:100%;padding-left:0;margin-top:15px;visibility:hidden;}
    


    .full.frontpage{margin:0 auto 0 auto;width:100%;}
    .sixtyBanner{width:calc(100% - 40px);box-sizing:border-box;}
    .frontThumb .lazy{padding-top:0;}

    .banner{position:relative;left:auto;top:auto;padding-top:80px;}
    .marketing .banner{padding-top:140px;}
    .banner .bg{left:0;transform:none;}
    .banner .submenu{display:none;}
    
    .slideshow .el p{font-size:2.4rem;left:20px;bottom:30px;width:calc(100% - 20px);padding-right:20px;}
    .slideshow .navDots{bottom:6px;}
    .slideshow .navDots .dot{width:18px;height:20px;}
    .slideshow .navDots .dot:before{left:5px;top:6px;width:8px;height:8px;}

    .subjectsorting{width:100%;margin:20px 0 20px 0;padding:15px;}
    .subjectsorting p{font-size:1.4rem;}
    .subjectsorting button{margin-right:5px;margin-bottom:5px;font-size:1.4rem;}
    .opgave .subjects .fag{font-size:1.4rem;padding:10px 15px;}
    .opgave .desc, .opgave .details{width:100%;display:block;padding:15px;}
    .opgave .details{padding-top:10px;}
    .opgave .details h3{font-size:1.8rem;}
    .otherTasks p{font-size:1.4rem;}

    .pdfViewer{padding-top:60px;}
    .pdfViewer .closeBtn{top:10px;right:10px;}
    .pdfViewer .iframe{width:calc(100% - 40px);height:calc(100% - 60px);}

    .soundbook .coverBtn{display:block;width:100%;}
    .soundbook .desc{display:block;width:100%;padding:25px 15px 15px 15px;}
    .soundbook .desc p{padding-bottom:20px;}
    .soundbook .bottomalign{position:relative;left:auto;bottom:auto;padding:0;}
    .soundbook .audioPlayer{margin:0;}
    .audioPlayer{max-width:100%;}
    .audioPlayer .progress{width:70px;}
    .audioPlayer .playPauseBtn .label{font-size:1.4rem;}
    .audioPlayer .time{font-size:1.4rem;width:7.5rem;}
    .soundbook .audioPlayer + a{display:block;margin:10px 0 0 0;}

    .inpagenav{width:calc(100% + 40px);margin:30px 0 0 -20px;padding:20px;}
    .inpagenav a{margin:10px 10px 0 0;}
    .inpagenav.fixed a{width:100%;margin:20px 0 0 0;}
    .inpagenav:not(.fixed) a{font-size:1.4rem;}

    .gallerypreview .lazy{padding-top:0;margin:20px 20px 0 0;width:calc((100% - 20px) / 2);}
    .gallerypreview .lazy:nth-of-type(3n){margin-right:20px;}
    .gallerypreview .lazy:nth-of-type(2n){margin-right:0;}
    .gallerypreview > span:first-of-type{width:100%;}
    .gallerypreview h3{padding-top:.5rem;width:100%;}
    .gallerypreview .downloadBtn{position:relative;right:auto;top:auto;margin-top:10px;font-size:1.4rem;}
    
    .gallery .closeBtn{top:10px;right:10px;}
    .gallery .nextBtn{right:5px;}
    .gallery .nextBtn.prev{left:5px;}
    .gallery .image{max-width:calc(100vw - 40px);}
    
    .gallery .image .bar .downloadBtn{width:auto;}
    .gallery .image .bar p{/*width:100%;*/min-height:0;max-height:12rem;/*margin-top:1rem;text-align:left;*/}
    /*.gallery .image .bar .progress{position:absolute;right:1.5rem;top:0;}*/

    .filmcategory .videothumb .videoBtn{width:100%;}
    .filmcategory .videothumb .videoBtn .label{font-size:1.4rem;padding:.75rem 1.5rem;}
    .filmcategory .videothumb .description{width:100%;padding:20px 0;}

    .videoplayer .player{max-width:calc(100% - 40px);}
    .zoomed .videoplayer .player{max-width:80%;}

    .quiz{margin-top:40px;margin-bottom:12rem;}
    
    footer .content{height:120px;}
    footer .content .page{padding:20px 15px 0 15px;}/*20px sides but now 4 logos*/
    footer .content a{display:inline-block;vertical-align:middle;height:25px;margin-right:25px;}
    footer .content a:nth-of-type(1):not(.iltp){height:30px;}
    footer .content a:nth-of-type(2):not(.iltp){height:40px;}
    footer .content a:nth-of-type(3):not(.iltp){height:55px;}
    /*footer .content a:nth-of-type(4){height:15px;}*/

    .genveje{display:none;}
    .fullw{padding-bottom:80px;}
    .fullw h1, .fullw h2{font-size:4.8rem;}
    .fullw .page, .fullw .page.wider{width:calc(100% - 40px);max-width:unset;padding-top:40px;}
    .fullw .title, .teaser-row.three .teaser .title{font-size:2.4rem;}    
    .teaser{max-width:420px;margin-top:20px;}
    /*.teaser-row.two .teaser:nth-of-type(2n){margin-top}*/
    /*.teaser{width:calc((100% - 20px) / 2);}*/
    /*.teaser-row.three .teaser:nth-of-type(3n+2){margin-left:20px;margin-right:20px;}*/
    .teaser .sidebar .label{font-size:2.0rem;}
    .teaser .sidebar{padding:15px 0 0 22px;width:40px;height:50%;}
    .teaser .sidebarbottom{top:50%;width:40px;height:50%;}
    .teaser .sidebarbottom.movie{-webkit-mask-size:40px auto;mask-size:40px auto;}
    .teaser .rel > .lazy.overlay, .teaser .title{left:40px;}
    .teaser .polaroid{left:60px;width:calc(100% - 85px);top:20px;}
    .teaser .btn{width:60px;height:60px;}
    .fullw p.intro{max-width:100%;padding:30px 20px;}
    .overlayTitle{transform:none;left:-20px;top:-20px;}
    .fullw p.intro:after, .overlayTitle:after{left:-10px;width:calc(100% + 20px);}
    .googlemap{padding-top:100%;}
    .googlemap .map{height:calc(100% - 90px);}
    .googlemap p{margin-top:-65px;}
    .txtOnPaper{width:100%;margin-left:0;padding:25px;}
    .txtOnPaper h2, .txtOnPaper h3, .txtOnPaper h4{padding:30px 0 15px 0;}
    .txtOnPaper:after{display:none;}
    .stackgallery{margin-top:80px;}
    .stackgallery .overlayTitle{top:-40px;}
    .stackgallery .lazy .desc .inner{margin-top:20px;max-width:calc(100% - 30px);}
    .stackgallery .lazy .desc p{font-size:1.4rem;}
    .lightbox .stackgallery{margin-top:-80px;}

    /* Compensate for desktop zooms */
    .veryzoomed .fullw .title, .veryzoomed .teaser-row.three .teaser .title{font-size:1.4rem;}
    .veryzoomed .teaser .btn{transform-origin:100% 100%;transform:scale(.5,.5);}
    .zoomed .teaser .sidebar .label{font-size:1.2rem;}
    .veryzoomed .teaser .sidebar .label{font-size:0.8rem;}
    .veryzoomed .teaser .sidebar{width:20px;padding:0 0 0 12px;}
    .veryzoomed .teaser .sidebarbottom{width:20px;}
    .veryzoomed .teaser .rel > .lazy.overlay, .veryzoomed .teaser .title{left:10px;}
    .zoomed .stackgallery .lazy .desc .inner{font-size:1.0rem;padding:5px 5px;max-width:100%;}
    .veryzoomed .stackgallery .lazy .desc .inner{font-size:0.6rem;}
    .veryzoomed .nextBtn, .veryzoomed .altBtn, .veryzoomed .closeBtn{transform:scale(.5,.5);}
    .veryzoomed .stackgallery .nextBtn{margin-top:-20px;}
    .zoomed .stackgallery .altBtn{top:-30px;}
    .zoomed .stackgallery .paper{margin-top:-10%;}
    .zoomed .stackgallery .lazy{transform:translate3d(0,-70%,0);}
    .veryzoomed .stackgallery .overlayTitle, .veryzoomed .videoplayer .overlayTitle, .veryzoomed .lightbox .overlayTitle{transform-origin:0 0;transform:scale(.5,.5);}
    .veryzoomed .stackgallery .paper, .veryzoomed .stackgallery .lazy .bg{left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px);}
    .zoomed .stackgallery .lazy .altOverlay{padding:2px;}
    .zoomed .stackgallery .lazy .altOverlay p{font-size:1.0rem;}
    .veryzoomed .stackgallery .lazy .altOverlay p{font-size:0.6rem;}
    .veryzoomed .videoplayer .player{width:calc(((16 / 9) * ((100vh - 30px) - 2rem)));}
    .veryzoomed .book .nextBtn.prev{left:-25px;}
    .veryzoomed .book .nextBtn{right:-25px;}
    .zoomed .book .audioPlayer{transform:scale(.6,.6);transform-origin:0 0;}
    .veryzoomed .book .audioPlayer{max-width:unset;transform:scale(.3,.3);transform-origin:0 0;top:5px;left:5px;}
    .zoomed .book .chapters{transform:scale(.6,.6);transform-origin:100% 0;}
    .veryzoomed .book .chapters{transform:scale(.3,.3);transform-origin:100% 0;right:5px;top:5px;margin-left:0;min-width:unset;}
    .veryzoomed .book .chapters .chooseBtn, .veryzoomed .book .chapters .dropdown .chapterBtn{font-size:1.0rem;}
    .veryzoomed .book .audioPlayer .playPauseBtn .label{font-size:1.0rem;}
    .veryzoomed .book .container{padding:5px;}
    .book .container > p + p, .book .container > p + h2, .book .container > p + ul, .book .container > p + ol{margin-top:5px;}
    .veryzoomed .book .container > p, .book .container > ul, .book .container > ol{font-size:0.6rem;}
    .veryzoomed .book .container > .large{font-size:0.8rem;}
    .veryzoomed .book .container > h1, .book .container > h2, .book .container > h3, .book .container > h4{font-size:1.2rem;margin-bottom:1.0rem;}
    .veryzoomed .book .container > h1{font-size:1.2rem;}
    .veryzoomed .book .container > h2.chapter{font-size:0.8rem;margin-bottom:1.5rem;}
    .veryzoomed .book .page.p1 .container{padding-bottom:5px;}
    .veryzoomed .book .page.p1 .container > h2{font-size:1.1rem;}
    .veryzoomed .book .wrapper{padding-top:45px;}
    .veryzoomed .lightbox .stackgallery{margin-top:0;}

    .totop{right:15px;bottom:15px;font-size:1.4rem;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
    .fullw .lightbox .page, .fullw .lightbox .page.wider{max-width:calc(100vh - 180px);}
    .zoomed .fullw .lightbox .page, .zoomed .fullw .lightbox .page.wider{max-width:calc(100vh - 80px);}
    .lightbox .stackgallery{margin-top:0;}
    .veryzoomed .lightbox .page{max-width:90vh;}
    .veryzoomed .fullw .lightbox .page{max-width:70vh;}
    .veryzoomed .fullw .lightbox .page.wider{max-width:70vh;}
    .veryzoomed .book .wrapper{padding:25px 10px 10px 10px;}
}
/* Tablet portrait */
@media all and (max-width:1000.5px) and (min-width:767.5px){
    .m{padding:40px 20px 20px 20px;}
    .marketing header .mainmenu:not(.burgermenu) .childrenmenu{top:45px;}

    .widget{display:inline-block;margin:30px 0 30px -20px}
    .widget .content{padding:30px;}
    .widget .content .bodytext{column-count:2;column-gap:30px;padding-top:20px;}
    .widget .content .bodytext p:first-of-type{padding-top:0;}
    .widget .lazy{float:right;margin-top:9rem;width:calc(50% - 30px);margin-bottom:30px;margin-right:10px;}
    .widget .lazy + .content{padding:30px 0 30px 30px;width:50%;float:left;}
    .widget .lazy + .content .bodytext{column-count:1;}
    .widget .lazy + .content h2{width:200%;}
    .widget .content h2 + .bodytext{padding-top:30px;}

    .frontThumb .label{font-size:1.6rem;}
    .largefonts .frontThumb .label{font-size:1.0rem;}
    .frontThumb .bottom{padding:20px 15px;}
    .frontThumb .title{font-size:3.2rem;line-height:calc(16px + 1.6rem);}
    .largefonts .frontThumb .title{font-size:2.0rem;line-height:calc(10px + 1.0rem);}
    .frontThumb .desc{font-size:1.6rem;}
    .largefonts .frontThumb .desc{font-size:1.0rem;line-height:1;}
    .frontThumb:nth-of-type(5) .label, .frontThumb:nth-of-type(6) .label, .frontThumb:nth-of-type(7) .label{left:10px;top:10px;width:100px;height:100px;padding:35px 2px 0 2px;}
    .largefonts .frontThumb:nth-of-type(5) .label, .largefonts .frontThumb:nth-of-type(6) .label, .largefonts .frontThumb:nth-of-type(7) .label{padding-top:30px;}
    .largefonts .frontThumb:nth-of-type(2) .label, .frontThumb:nth-of-type(7) .label{display:none;}
    
    .marketing .banner{padding-top:80px;}
    .banner .m{padding:0;display:inline-block;}
    .banner .images{width:calc(45% - 20px);margin-bottom:30px;}
    .banner .images .lazy{width:calc(100% - 100px);}
    .banner .images .lazy:nth-of-type(1){margin-left:75px;}
    .banner .images .lazy:nth-of-type(2){margin-left:25px;margin-top:-45px;}
    .banner .txt{padding:0 20px 30px 20px;width:55%;}
    .banner .bestil{width:calc(45% - 20px);float:right;padding:0 20px;margin:0 0 20px 0;}
    .banner .order{width:calc(45% - 20px);float:right;padding:0 20px;margin:0 0 30px 0;}
    
    footer .content .page{padding-top:20px;}
    footer .content a.rightaligned{padding-top:25px;}
}
/* Mobile smaller */
@media all and (max-width:767.5px){
    header .mainmenu.burgermenu .toggle span{display:none;}
    .marketing .submenu .toggle{top:80px;}
    .marketing .c{padding-top:140px;}
    .banner + .m .c{padding-top:40px;}/*banner has the padding*/
    
    .m .inlinebox{padding:30px;margin:20px 0 10px -20px;width:calc(100% + 40px);}

    .m .archive .lazy{width:100%;}
    .m .archive .content{width:100%;padding:20px 0;}

    .actionmenu{padding-top:5px;}
    .actionmenu a, .actionmenu button{margin-right:0;display:table;margin-top:10px;}

    .banner .m{padding-left:0;margin-left:0;min-height:0;width:100%;}
    .banner h1{font-size:3.6rem;}
    .banner p.intro{font-size:2.0rem;}
    .banner ul{font-size:1.9rem;padding-top:30px;padding-left:1.9rem;}
    .banner .images{float:none;width:100%;margin-bottom:30px;}
    .banner .images .lazy{width:calc(100% - 60px);}
    .banner .images .lazy:nth-of-type(1){margin-left:40px;}
    .banner .images .lazy:nth-of-type(2){margin-left:20px;margin-top:-60px;}
    .banner .txt{width:100%;padding:0 20px;float:none;}
    .banner .bestil{display:block;width:100%;padding:0;float:none;margin:40px 0 10px 0;}
    .banner .bestil .title{width:100%;font-size:2.4rem;padding-bottom:5px;}
    .banner .bestil .price{font-size:4.0rem;}
    .banner .order{width:100%;display:block;margin:0;padding:0 20px 30px 20px;}

    .full.alone .fullimg.cover{margin-top:-20px;}

    /*#csconsentlink{float:none;display:table;font-size:1.4rem;padding-top:30px;}*/

    .teaser{display:block;width:100%!important;max-width:420px;margin:20px auto!important;}

    .fullw .videothumb{width:100%;}
    
    .quiz .content h3{font-size:2.4rem;}
    .quiz .content .step{padding-bottom:8rem;}
    .quiz .content .step p{font-size:1.8rem;}
    .quiz .content .step .l, .quiz .content .step .r{display:block;width:100%;margin-top:5px;}
    .quiz .content .step .r{padding:20px 10px 0 10px;}
    .quiz .content .step .answer{font-size:1.6rem;padding:12px 0;}
    .quiz .content .step .feedback{padding-top:35px;left:5%;width:90%;margin-top:10px;}
    .quiz .content .step .feedback p{font-size:1.4rem;}
    .quiz .qnextBtn{font-size:1.6rem;padding:12px 40px 12px 15px;right:5%;margin-right:10px;}
    .quiz .qnextBtn .arrow{right:10px;top:.5rem;width:25px;height:20px;}

    footer .content .page{padding-top:20px;}
    footer .content a.rightaligned{font-size:1.4rem;padding-top:25px;}
}



/* Mobile standard sizes */
@media all and (max-width:640.5px){
    header .mainmenu .toggle span{font-size:1.4rem;}

    .form .images{width:calc(100% - 10px);margin-left:-10px;margin-bottom:60px;}
    .form .images .lazy:nth-of-type(1){display:block;margin-top:-10px;width:100%;}
    .form .images .lazy:nth-of-type(2){position:absolute;display:block;margin-top:50px;transform:translate(40px,-100%);width:100%;}
}
@media all and (max-width:640.5px) and (orientation:portrait){
    /*.fullw p.intro:before{-webkit-mask-size:auto 100%;mask-size:auto 100%;}*/
    .stackgallery .lazy .desc .inner:before{-webkit-mask-image:none;mask-image:none;}/*removed because text vary so much*/
}

/* Curl effect for external book links */
.page-curl-wrapper{background-color:#7c756e;box-sizing:border-box;margin:20px 0px;padding:20px 0px;text-align:center;}
.page-curl-caption {font-family:'Barlow', sans-serif;font-size:2.0rem;font-weight:600;margin-top:20px;color:#FFF;}
.page-curl{position:relative;/*overflow:hidden;*/width:60%;margin:0px auto;text-align:center;display:inline-block;}
.page-curl .lazy{position:relative;width:100%;padding-top:0;}
.page-curl .lazy .rel{overflow:visible;}
.page-curl .lazy .rel img{box-shadow:4px 4px 16px rgba(0,0,0,.3);}
.page-curl > span{position:absolute;top:0;left:0;width:100%;height:100%;}
.page-curl .corner:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;transition:opacity .4s ease-out;background-image:linear-gradient(-45deg, #000000 0%, transparent 40%, rgba(255, 255, 255, 0.15));}
.page-curl .maximize{left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;background-color:rgba(0,0,0,.7);border-radius:10px;}
.page-curl .maximize:after{content:"";position:absolute;left:20%;top:20%;width:60%;height:60%;background:url("../Grx/maximize.svg") no-repeat;background-size:100% 100%;z-index:2;}
.page-curl .arrowr{background:url("../Grx/arrowright.svg") no-repeat;background-size:40px auto;display:inline-block;position:absolute;bottom:10px;right:10px;width:40px;height:40px;opacity:0;z-index:1;transition:opacity .2s ease-out 0s;}
.page-curl .curl{position:absolute;bottom:0;right:0;width:0;height:0;background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #bbbbbb 38%, #aaaaaa 44%, #888888 50%, rgba(0, 0, 0, .7) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, .3));box-shadow:0 0 10px rgba(0, 0, 0, .5);transition:all .4s ease-out;}
.page-curl .curl:before, .page-curl .curl:after{content:'';position:absolute;z-index:-1;left:12%;bottom:6%;width:70%;height:55%;max-width:320px;max-height:120px;box-shadow:0 12px 15px rgba(0, 0, 0, .3);transform:skew(-10deg) rotate(-6deg);}
.page-curl .curl:after{left:auto;right:6%;bottom:auto;top:14%;transform:skew(-15deg) rotate(-84deg);}
@media (hover:hover){    
    .page-curl:hover .corner:before, .page-curl:focus .corner:before{opacity:1;}
    .page-curl:hover .arrowr, .page-curl:focus .arrowr{opacity:1;transition:opacity .3s ease-out .1s;}
    .page-curl:hover .curl, .page-curl:focus .curl{width:120px;height:120px;}
}

/*Used for mobile measurement of vh unit */
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}

/* Print styles */
@media print{
    header .mainmenu, .submenu, footer, .actionmenu{display:none;}
    @page{
        size:330mm 427mm;
        margin:14mm;
    }
    .lazy.bg, .lazy[data-type="youtube"], .lazy[data-type="vimeo"]{display:none;}
    .m .inlineimg{width:25%;}
    .m{margin-top:0!important;}
}