.LogoContainer{display:flex;justify-content:center;align-items:center;height:100dvh;width:100%}.emnerblokke{display:flex;flex-direction:column;gap:15px}.blokke{display:flex;justify-content:space-evenly}.blokke img{display:block;width:40vw}.modulcontainer{display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-bottom:calc(var(--navbar-height) + 3vh);padding-top:8vh;height:100vh}.headline{color:#414141;font-family:new-zen,sans-serif;font-size:10vw;text-align:center;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.tilbageknap{position:absolute;left:0;margin-left:16px;top:3%;display:block;width:7vw;cursor:pointer}.tilbageknaplevels{z-index:5;position:absolute;top:3%;left:16px;display:block;width:7vw;cursor:pointer}.levelsinlinesvg{width:100%;height:100%;display:block}.levelscontainer{position:relative;width:100%;height:100vh;overflow:hidden}.svg-wrapper{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.levelogknap{width:100%;height:100vh;position:relative;padding-bottom:var(--navbar-height)}.button-grid-moduler{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.category-button-moduler{display:inline-block;width:calc(50% - 12px);padding:0vh 4px;height:20vh;border-radius:20px;background:var(--bl, #0eb7de);box-shadow:0 0 5px #00000040;color:#fff;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;border:none}.link-button-moduler{display:flex;justify-content:center;align-items:center}.headline-underemner{color:#414141;font-family:new-zen,sans-serif;font-size:8vw;text-align:center;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}@media (max-height: 700px){.streglevelknap{top:79%}}.avatar-page{display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-bottom:calc(var(--navbar-height) + 3vh);padding-top:8vh;height:100vh}.avatar-image-container{display:flex;justify-content:center}.avatar-image{height:30vh;object-fit:contain;max-width:100%}.button-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.category-button{display:inline-block;width:calc(50% - 12px);padding:3vh 0px;border-radius:20px;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;color:#414141;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:700;line-height:normal;text-decoration:none;border:none}.avatar-page h1{color:#414141;font-family:new-zen,sans-serif;font-size:6vw;text-align:center;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.link-button{display:flex;justify-content:center}.category-title{border-radius:20px;background:var(--hvid, #fff);padding:3vh 0px;box-shadow:0 0 5px #00000040;color:#414141;font-family:new-zen,sans-serif;font-size:5vw;text-align:center;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.icon-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.item-icon{width:auto;height:10vh}.knapperkol{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.personligcontainer{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 16px;padding-bottom:var(--navbar-height);height:100vh}.personligcontainer h1{color:#414141;text-align:center;font-family:new-zen;font-size:10vw;font-style:normal;font-weight:600;line-height:normal}.knapperkol button{display:flex;width:100%;height:auto;padding:24px 0;justify-content:center;align-items:center;flex-shrink:0;border-radius:20px;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;border:none;cursor:pointer;color:#000;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal}.logudknappersonlig{background:var(--bl, #0eb7de)!important;color:#fff!important}.venner-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 16px;padding-bottom:calc(var(--navbar-height) + 3vh);padding-top:8vh;height:100vh}.leader-container{display:flex;justify-content:center;flex-direction:column;gap:5vh}.leader1-icon{display:block;width:100%;height:auto}.venner-container h2{color:#414141;text-align:center;font-family:new-zen;font-size:6vw;font-style:normal;font-weight:600;line-height:normal}.venner-button{border-radius:20px;width:50%;background:var(--bl, #0eb7de)!important;color:#fff!important;box-shadow:0 0 5px #00000040;border:none;cursor:pointer;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;padding:2vh 0px}.venicon{position:absolute;top:3%;right:0;display:block;width:7vw;cursor:pointer;margin-right:16px}.top4knap{display:flex;width:100%;justify-content:space-between;align-items:center;border-radius:15px;color:#414141;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;padding:16px;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal}.badgeogantal{display:flex;gap:12px;align-items:center}.badgeicon{display:block;width:5vw;height:auto}.top4kknapper{display:flex;flex-direction:column;gap:12px}.top4knapbruger{display:flex;width:100%;justify-content:space-between;align-items:center;border-radius:15px;color:#414141;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;padding:16px;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;border:1px solid var(--mrkegr, #b3b2b2)}.container-loginside{display:flex;flex-direction:column;justify-content:space-around;padding:0 16px;padding-top:8vh;padding-bottom:8vh;height:100vh;touch-action:none;overscroll-behavior:contain}.formcontainer{display:flex;flex-direction:column;gap:25px;width:100%}.emailbox,.passwordbox,.usernamebox{border-radius:20px;width:100%;height:max(6vh,24px);background:#fff;box-shadow:0 0 5px #00000040;border:none;padding:0 12px;font-size:4vw}.formcontainer h4{color:#000;font-family:New-Zen;font-size:4vw;font-style:normal;font-weight:400;line-height:normal}.container-loginside h2{color:#000;text-align:center;font-family:new-zen,sans-serif;font-size:10vw;font-style:normal;font-weight:400;line-height:normal}.registrerbruger{color:#000;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal}.regknap{border:none;background-color:transparent;color:#00f;text-decoration:underline;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal}.loginknap{margin-top:6vh;border-radius:20px;background:var(--bl, #0eb7de);padding:2.5vh 0px;box-shadow:0 0 5px #00000040;border:none;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;color:#fff}.emailbox,.passwordbox,.usernamebox{font-size:max(4vw,16px)!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content{background:#fff;padding:5vh 12vw;border-radius:20px;text-align:center;position:relative;width:90%}.overlay-content h2{padding-bottom:3vh;color:#1f1f1f;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:6vw;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.knap-gruppe{display:flex;flex-direction:column;gap:14px;margin-top:24px;margin-bottom:24px;justify-content:center}.knap-gruppe button{flex:1;width:100%;padding:2vh 0px;border-radius:20px;background:var(--bl, #0eb7de);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.knap-gruppe button:active{background-color:#a58686;transform:scale(.95);transition:transform .1s ease-in}.luk-knap{position:absolute;top:0;right:0;background:transparent;border:none;width:5vw;margin:10px}.luk-knap img{width:100%;height:100%}.luk-knap img:active{transform:scale(.95);transition:transform .1s ease-in}.answer-button{flex:0 0 33.33%;padding:12px 16px;background-color:#fff;color:#000;border:none;border-radius:10px;font-size:16px;text-align:center}.answer-button-quiz1{flex:1;padding:12px 16px;background-color:#fff;color:#000;border:none;border-radius:10px;font-size:16px;text-align:center}.correct-answer{background-color:#4caf50!important;color:#fff!important}.answer-button2{flex:1;padding:2vh 4vw;background-color:#fff;color:#000;border:none;border-radius:10px;font-size:4vw;text-align:center}.answer-button2:active{background-color:#f0f0f0;transform:scale(.95);transition:transform .1s ease-in}.answer-button:active{background-color:#d6d6d6;transform:scale(.95);transition:transform .1s ease-in}.answer-box{width:100%;box-shadow:0 5px 4px #00000040;display:flex;justify-content:center;gap:16px;border-radius:20px;margin-bottom:20vh}.answer-box-quiz1{width:100%;align-items:center;display:flex;justify-content:center;gap:16px;border-radius:20px;margin-bottom:20vh}.container-skyggequiz1{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-top:8vh;padding-bottom:8vh;height:100vh}.tekstinfo h4{color:#fff;text-align:center;font-family:new-zen,sans-serif;font-size:5.5vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;border:none}.tekstinfo h3{color:#fff;text-align:center;font-family:new-zen,sans-serif;font-size:3.5vw;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;border:none;padding-top:3vh}.feedback{position:absolute;background-color:#000000b3;padding:12px;border-radius:8px;text-align:left;font-size:4vw;color:#fff;bottom:2%;left:50%;width:50vw;transform:translate(-50%)}.fuldskraem-billede{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.luk-ikon{position:absolute;width:15vw;top:0;right:0;padding:20px}.luk-ikon:active{transform:scale(.95);transition:transform .1s ease-in}.done-baggrund{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.done-indhold{position:relative;height:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:15vh}.done-container{width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-top:8vh;padding-bottom:8vh;height:100vh}.done-knap{width:100%;padding:3vh 0px;border-radius:20px;background:var(--grn, #81c25e);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.done-knap2{width:100%;padding:3vh 0px;border-radius:20px;background:var(--bl, #0eb7de);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.elefanttaler-skyggequiz1{display:block;width:25vw;height:auto;position:absolute;bottom:2%;right:3%;z-index:2}.correct-answer1{background-color:#4caf50!important;color:#fff!important}.wrong-answer1{background-color:#f44336!important;color:#fff!important}.stg-game-wrapper{background-image:url(/assets/Skyggequiz4bg-pm-EQWbA.svg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-top:8vh;padding-bottom:8vh;height:100vh}.stg-drop-wrapper{display:flex;justify-content:space-between;margin-bottom:2rem;gap:1rem}.stg-drop-label-wrapper{flex:1}.stg-label-text{color:#fff;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;padding-bottom:2vh}.stg-drop-zone{border:2px dashed #ccc;min-height:25vh;padding:1rem;border-radius:20px;background-color:#f9f9f9}.stg-incorrect{border-color:red;background-color:#ffe6e6}.stg-matched-item{background-color:#d0f0c0;padding:8vh 5px;margin:.5rem 0;border-radius:4px;height:10vh;width:100%;display:flex;align-items:center;box-sizing:border-box;text-align:center}.stg-drag-wrapper{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:1rem;padding-bottom:6vh}.stg-draggable-item{background-color:#fff;padding:2vh 12px;border-radius:5px;cursor:grab;box-shadow:0 5px 4px #00000040;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;touch-action:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none}.stg-feedback{margin-top:1rem;font-weight:700;padding:.75rem;border-radius:5px;text-align:center}.video-page video{width:100%;height:100%;object-fit:cover}.video-page2 video{width:100%;height:100%;object-fit:cover}.video-page{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.video-page2{position:relative;display:flex;justify-content:center;align-items:center;padding-bottom:calc(var(--navbar-height));width:100%;height:100vh}.popup-overlay{position:fixed;display:flex;justify-content:center;align-items:center;z-index:1000}@keyframes popup-zoom{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.popup-box{background:#fff;padding:4vh;border-radius:20px;position:relative;text-align:center;width:90%;box-shadow:0 5px 4px #00000040;animation:popup-zoom .4s ease-out;transform-origin:center center}.close-icon{position:absolute;top:1rem;right:1rem;width:24px;height:24px;cursor:pointer}.popup-image.top,.popup-image.bottom{display:block;width:20vw;margin:2rem auto}.popup-text{color:#000;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.button-row{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.button1row{width:100%;padding:3vh 12px;border-radius:20px;background:var(--grn, #81c25e);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.button2row{width:100%;padding:3vh 12px;border-radius:20px;background:var(--bl, #0eb7de);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}.button-container-startsofie{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.start-quiz-button{width:100%;padding:2.5vh 10vw;border-radius:20px;background:var(--bl, #0eb7de);color:#fff;border:none;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;cursor:pointer;animation:popup-zoom .4s ease-out;transform-origin:center center}.game-container{background-image:url(/assets/hulen-GM4juMtT.svg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-top:8vh;padding-bottom:8vh;height:100vh;touch-action:none;overscroll-behavior:contain}.drop-container{flex-wrap:wrap;position:relative;display:flex;flex-direction:row;width:100%;gap:1rem;padding:2vh 0px;touch-action:none}.drop-box-label-wrapper{position:relative;display:flex;flex:1 1;flex-direction:column;text-align:center;align-items:center;justify-content:space-between;background:#f7f7f7;box-shadow:0 5px 4px #00000040;padding:5vw;border-radius:20px;gap:2vh;color:#414141;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.label-text{flex:1;font-size:1rem}.drop-box{width:20vw;height:10vh;background-color:#e2e2e2;border:2px dashed #999;border-radius:8px;display:flex;align-items:center;justify-content:center;touch-action:none}.matched-box{display:flex;align-items:center;justify-content:center;color:#fff;width:120px;height:123px;border-radius:8px;font-weight:700;font-size:1rem}.matched-image{width:20vw;height:auto;display:block}.matched-label{position:absolute;bottom:32px;width:100%;color:#414141;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;text-align:center;color:#fff;text-shadow:0 0 3px black;pointer-events:none}.drag-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:600px;padding-bottom:5vh;touch-action:none}.draggable-box{position:relative;height:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none}.draggable-image{width:20vw;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.drop-box.incorrect{border:2px solid red;animation:shake .3s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.feedback-message{position:absolute;bottom:5%;margin-top:1rem;font-weight:700;font-size:1.2rem;text-align:center;background-color:#000000b3;color:#fff;border-radius:10px;padding:20px}.image-label{position:absolute;bottom:8px;width:100%;color:#414141;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:400;line-height:normal;text-align:center;color:#fff;text-shadow:0 0 3px black;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}:root{--navbar-height: 80px}body{font-family:sans-serif;background:var( --gradien-lilla-bl, linear-gradient(180deg, #f3e5f5 0%, #e7ffff 100%) )}nav{display:flex;position:fixed;width:100%;bottom:0;background-color:#fff;box-shadow:0 0 6px 2px #d8d8d8;height:var(--navbar-height)}.navikoner{width:100%;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.navikoner img{height:auto}.forside-header{display:flex;align-items:flex-start;justify-content:space-between}.forside-header h2{color:#000;font-family:new-zen,sans-serif;font-weight:400;font-style:normal;line-height:normal;font-size:1.2rem}.forside-header h2 span{font-weight:600}.forside-username{width:140px;display:flex;flex-direction:column}.avatarognavn{display:flex;align-items:flex-start;gap:18px}.forside-container{display:flex;flex-direction:column;justify-content:space-between;padding:0 16px;padding-bottom:calc(var(--navbar-height) + 3vh);padding-top:3vh;height:100vh}.forside-klokke{display:block;width:10vw}.forside-avatar{width:25vw;height:auto}.knappertopbokse1{padding:2vh 0px;display:flex;flex:1;align-items:center;justify-content:center;gap:12px;border-radius:20px;background:var(--grn, #81c25e);box-shadow:0 0 5px #00000040}.knappertopbokse2{flex:1;padding:2vh 0px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:20px;background:var(--bl, #0eb7de);box-shadow:0 0 5px #00000040;width:50%}.knappertopbokse1 h4,.knappertopbokse2 h4{color:#f5f5f5;text-align:center;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.knappertop{display:flex;justify-content:space-between;gap:18px;width:100%}.knappertop img{display:block}.sidstebokse{display:flex;justify-content:space-between;gap:24px;width:100%}.forside-avatarmockup{display:block;width:60vw}.forside-klokke{display:block;width:7vw}.avartarboks{border-radius:20px;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;padding:4vh 0px;display:flex;flex-direction:column;align-items:center;gap:5vh}.avartarboks img{display:block;height:20vh;width:auto}.linkwrapava{text-decoration:none}.avartarboks h4{color:#414141;font-family:new-zen,sans-serif;font-size:4vw;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.nedersterkasser{border-radius:20px;background:var(--hvid, #fff);box-shadow:0 0 5px #00000040;padding:5vh 0px;display:flex;flex-direction:column;justify-content:center;gap:25px;align-items:center;width:100%}.nedersterkasser img{display:block;height:auto}.nedersterkasser h4{color:#414141;text-align:center;font-family:new-zen,sans-serif;font-size:3.5vw;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}.sidstebokse>*{flex:1}.link-wrapper{display:flex;flex:1;text-decoration:none}@media (max-height: 700px){.nedersterkasser{padding:2.5vh 0px}.avartarboks{padding:2vh 0px}}.brugernavnogbadge{display:flex;flex-direction:column;gap:12px}.badgeogantal{font-family:new-zen,sans-serif;font-size:5vw;font-style:normal;font-weight:400;line-height:normal}