/*!*********** GENERELT **************/
@font-face{font-family:"Helsinki Std";src:url(HelsinkiStd.otf)format("opentype")}@font-face{font-family:musicca unicode;src:url(../../files/fonts/Musicca.woff2)format("woff2"),url(../../files/fonts/Musicca.woff)format("woff"),url(../../files/fonts/Musicca.otf)format("opentype");font-style:normal;font-weight:400}
/*!*********** SIDELAYOUT **************/
html:has(body.exercise){background:#fff}body.ovelser div.fix__content div.wrapper content:after{display:none}body.exercise,body.exercise .wrapper{background-color:#fff}#oevelsesbaggrund,button{background-color:#fff;border-radius:4px}.acc{font-family:musicca unicode,Arial Unicode MS,Lucida Sans Unicode}.default__page__content div{max-width:inherit}@media (max-width:800px){#table__opgave{margin:0 auto;width:100%}}@media (min-width:641px) and (max-width:1005px){section#ovelser{width:100%}}@media (max-width:1005px){.navigation__skjul{display:none}section#ovelser{width:100%}h1#opgaveoverskrift{font-size:1.5rem!important;line-height:1.7rem!important;height:27px!important}}#sideoverskrift{font-size:32px;margin-bottom:60px;text-align:center}@media (max-width:1005px){#sideoverskrift{font-size:28px;margin-top:5px}}@media (max-width:400px){#sideoverskrift{font-size:22px;text-align:center;margin-bottom:27px}}.navigation__desktop ul li.item-30 a{border-bottom:2px solid;border-color:#fff}@media (max-width:1005px){.greybg .wrapper{background:#fff}}.wrapper::after{content:""}@media (max-width:1005px){.greybg .wrapper.sektionsforside{background:#ebebeb}}.container .online__counter{display:none!important}button{font-size:1.1rem;font-family:"Open Sans",sans-serif;cursor:pointer;margin:5px;padding:8px 15px 11px;border-radius:10px;border:2px solid #d2d4d8;background-image:none;min-width:4%;max-width:100%;text-align:center;color:#000}@media (hover:hover){button:hover{border-color:#d2d4d8;background-color:#f2f2f2}}button:active{border-color:#bcbfc5;color:#333;background-color:#f2f2f2}button:disabled,button:disabled:hover{color:#e0e0e0;border-color:#e0e0e0;box-shadow:none;cursor:default;background-color:#fff}@media (max-width:800px){button:disabled{display:none}}@media (max-width:500px){button{font-size:1rem}}@media (max-width:400px){button{font-size:.85rem;letter-spacing:-.5px}}.navigation__pull+.navigation__pull{margin-top:20px}.sidebar__menu h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.niveaubarafsnit,.venstreboks h3,.venstreboks p{text-align:center}.venstreboks h3{line-height:24px}.niveaubarafsnit{font-size:.875em;line-height:1.429em}.niveaubarbaggrundintro{width:15px;height:20px;background:#ffbc00;float:left;margin-left:-15px}.niveaubarbaggrund{height:20px;width:calc(100% - 30px);background:#eee;margin-left:15px;padding:0 15px}.niveaubar{float:left;width:15px;background:url(../grafik/progress-bar-baggrund.png);background-size:200px 20px;height:20px}.niveaubarcirkel{width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;position:relative;top:-5px;font-size:14px;font-weight:600}.niveaubarcirkelFra{float:left;background:#ffbc00;color:#664b01}.niveaubarcirkelTil{float:right;background:#eee;color:#666}.venstreboks .sidebar__item a{display:inline;padding:0;color:#72ac51;opacity:1}#antalbesvaret{font-size:28px;line-height:28px;margin-top:5px}#emne_container,#emneoversigt,#result-boxes h3,ul.cirkel_container li div p{text-align:center}#emneoversigt li,#result-boxes p{background-color:#fff;text-align:center}#emneoversigt li{cursor:pointer;width:170px;display:inline-block;border-radius:20px;padding:10px;margin:10px;border:1px #000 solid}#emneoversigt li.valgt,#emneoversigt li:hover{background-color:#72ac51}#emneoversigt li.valgt a,#emneoversigt li:hover a{color:#fff}#emne_container{height:100%;width:100%;max-width:700px;margin:0 auto}h1#sideoverskrift.circle_heading{text-align:left;font-size:1.3em;font-weight:600;margin-bottom:40px}h2.cirkel_overskrift{font-weight:900}ul.cirkel_container{margin-left:-1.1rem}@media (min-width:401px){ul.cirkel_container{margin-top:-20px}}ul.cirkel_container li{display:inline-block;position:relative;width:33%;padding-left:20px;margin-bottom:20px}@media (max-width:630px){ul.cirkel_container li{width:50%}}@media (max-width:400px){ul.cirkel_container li{width:100%}}ul.cirkel_container li div{text-align:center;padding-top:10px;border:2px solid #d2d4d8;border-radius:6px}ul.cirkel_container li div h3.opgave__boks_overskrift{margin-top:12px;margin-bottom:10px;font-size:1.3em;text-align:left;font-weight:600;margin-left:0;padding:0 22px}ul.cirkel_container li div.uloest h3.opgave__boks_overskrift,ul.cirkel_container li div.uloest p{color:#999}ul.cirkel_container li div img.opgavestjerne{position:absolute;top:19px;right:21px;width:27px;height:27px}ul.cirkel_container li div img.opgaverettetegn{position:absolute;top:22px;right:21px;width:22px;height:22px}ul.cirkel_container li div .opgave__boks_navn{padding:0 22px;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (min-width:401px){ul.cirkel_container li div .opgave__boks_navn{height:90px}}ul.cirkel_container li div .cirkel_knap{margin-top:20px;min-width:140px;font-size:1em;padding:7px 7px 9px;border:2px solid #d2d4d8;border-radius:9px;transition:.3s ease}ul.cirkel_container li div .cirkel_knap:hover{color:#000;border-color:#d2d4d8;background-color:#f2f2f2}ul.cirkel_container li div button.standardvalg{color:#fff;background-color:#72ac51;border-color:#72ac51}ul.cirkel_container li div button.standardvalg:hover{color:#fff;background-color:#47752d;border-color:#47752d}.default__page__content img.lukOpgaveKnap{display:inline-block;cursor:pointer;width:24px;height:24px;float:left;margin-left:16px;margin-top:29px}@media (max-width:1005px){.default__page__content img.lukOpgaveKnap{margin-left:0;margin-top:22px}}.default__page__content #titlebutton:hover,.default__page__content img.lukOpgaveKnap:hover,.default__page__content table img.tooltips:hover{opacity:.8}.default__page__content table img.tooltips{display:inline-block;cursor:pointer;float:right;width:24px;height:24px;margin-right:16px;margin-top:29px}@media (max-width:1005px){.default__page__content table img.tooltips{margin-right:0;margin-top:22px}}.default__page__content #titlebutton{display:none;position:absolute;cursor:pointer;width:22px;height:22px;bottom:17px;right:39px}@media (max-width:1005px){.default__page__content #titlebutton{right:30px}}#copyrightbutton{padding-left:16px}#copyrightbutton:hover,.soundButton:hover{opacity:.8}.licenseTipText{margin-left:19px;text-indent:-19px}.licenseTipImage{width:15px;margin-right:4px;height:12px}.spoergsmaalTaeller{margin:30px 70px 0;text-align:center;background-color:#ebebeb;border-radius:20px}@media (max-width:1005px){.spoergsmaalTaeller{margin:22px 50px 0}}.spoergsmaalTaeller div{box-sizing:inherit;background-color:#ebebeb;border-radius:20px;width:0%;transition:width .5s}@media (max-width:640px){.spoergsmaalTaeller span{width:15px}.spoergsmaalTaeller span:first-child{width:16px}.spoergsmaalTaeller span:last-child{width:16px}}h1#opgaveoverskrift{margin-top:48px;text-align:center;font-size:2em;font-weight:200;color:#1b1b1b;height:23px}@media (max-width:400px){h1#opgaveoverskrift{margin-top:34px}}#respons{margin:0 auto;text-align:center;z-index:100;font-size:1.1em}@media (min-width:350px){#respons{margin-top:1.5em}}#resultatunderoverskrift{margin:10px auto 0;text-align:center;z-index:100;font-size:1.1em}@media (min-width:350px){#resultatunderoverskrift{margin-top:1.5em}}#result-boxes{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:18px;margin-top:20px}#result-boxes>div{min-width:160px;border-width:2px;border-style:solid;border-radius:8px}@media (max-width:630px){#result-boxes>div{min-width:130px}}#result-boxes h3{font-size:14px;font-weight:700;color:#fff;padding:1px 0 4px}#result-boxes p{border-radius:8px;padding:14px 0 18px;font-size:18px;font-weight:700}#result-boxes p:before{display:inline-block;width:27px;height:25px;margin-right:5px;position:relative;bottom:-6px}#result-points{background-color:#ffc802;border-color:#ffc802}#result-points p{color:#ffc802}#result-points p:before{content:url(../grafik/ikoner/result-points.svg)}#result-accuracy{background-color:#72ac52;border-color:#72ac52}#result-accuracy p{color:#72ac52}#result-accuracy p:before{content:url(../grafik/ikoner/result-accuracy.svg)}#result-time{background-color:#016fcd;border-color:#016fcd}#result-time p{color:#016fcd}#result-time p:before{content:url(../grafik/ikoner/result-time.svg)}#footericons.footerresult{padding:33px;border-top:2px #e5e5e5 solid;margin:auto 0 0}@media (max-width:630px){#footericons.footerresult{padding:20px;border-top:2px #e5e5e5 solid;margin:auto 0 0}}.footerresult p.svarknapper{text-align:right}.footerresult a:first-child{float:left}.content-with-footerresult,.default__page__content .andres_resultater h1#sideoverskrift{margin-bottom:40px}@media (max-width:1005px){.content-with-footerresult{margin-bottom:30px}}@media (max-width:630px){.content-with-footerresult{margin-bottom:25px}}.fejltekst{color:#db4437}#afspil-lyd-felt{position:relative;text-align:center}@media (max-width:400px){#afspil-lyd-felt{margin-bottom:1em}}#respons.med-afspil-lyd{margin-top:4.5em;margin-bottom:-2em}#afspil-lyd{position:absolute;left:0;right:0;text-align:center;padding-top:1.5em;z-index:100}#afspil-lyd img,.default__page__content .andres_resultater table.tabellen th{cursor:pointer}#spoergsmaal,#vissvar p{margin-left:auto;margin-right:auto}#spoergsmaal{width:100%}#vissvar{display:none}#vissvar p{text-align:center}#tildeltepoint{text-align:center;margin-top:0;font-size:2.4em;padding-bottom:10px}@media (min-width:500px){#tildeltepoint{padding-bottom:20px;font-size:3em;max-width:100%}}#venstreresultat{text-align:center;padding:0 20px}@media (min-width:500px){#venstreresultat{float:left;width:50%}}#venstreresultat #indrevenstreresultat{max-width:300px;margin:0 auto}#venstreresultat .niveaubarafsnit{padding-bottom:0}#hoejreresultat{margin-top:20px}@media (min-width:500px){#hoejreresultat{float:left;width:50%;margin-top:0}}#resultat .svarknapper{clear:both;max-width:100%;margin:auto;padding:1em 0 0}.accuracy100 img,.resultatstjerne{height:32px;width:32px;position:relative}.resultatstjerne{left:8px;bottom:3px}.accuracy100{text-align:right;height:0}.accuracy100 img{top:40px;right:-13px}.default__page__content .andres_resultater table.tabellen{display:table!important;width:100%;margin-bottom:45px}.default__page__content .andres_resultater table.tabellen th:nth-child(2){width:5em}.default__page__content .andres_resultater table.tabellen .dropdown .dropbtn img{width:16px;position:relative;bottom:1px;margin-left:3px}.default__page__content .andres_resultater table.tabellen td{padding-top:.7em;padding-bottom:.6em;vertical-align:top}.default__page__content .andres_resultater table.tabellen td:nth-child(2){text-align:right}.default__page__content .andres_resultater table.tabellen td.resultater{white-space:nowrap}.default__page__content .andres_resultater table.tabellen td.afkrydsning{width:24px;padding-top:5px;padding-bottom:0}.default__page__content .andres_resultater table.tabellen td.afkrydsning .afkrydsningsknap{padding-left:0}.default__page__content .andres_resultater .chzn-container{margin-bottom:0}.default__page__content .andres_resultater .chzn-search{display:none}.default__page__content .andres_resultater .chzn-results .active-result:first-child{display:none}.default__page__content .andres_resultater .custom-checkbox{position:relative;vertical-align:baseline;top:3px}.default__page__content .andres_resultater .custom-checkbox input[type=checkbox]{height:16px;width:20px}.default__page__content .andres_resultater .dropbtn{background:0 0;border:0;cursor:pointer;padding:1em 6px}.default__page__content .andres_resultater .dropdown{position:relative}.default__page__content .andres_resultater .dropdown-content{display:none;position:absolute;top:40px;background-color:#fff;min-width:300px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:2;max-height:300px;overflow:auto}.default__page__content .andres_resultater .dropdown-content a,.default__page__content .andres_resultater .dropdown-content span{color:#000;padding:3px 16px;text-decoration:none;display:block;font-weight:400}.default__page__content .andres_resultater .dropdown-content a:hover,.default__page__content .andres_resultater .dropdown-content span:hover{background-color:#f1f1f1}.default__page__content .andres_resultater .dropdown:hover .dropdown-content{display:block}.default__page__content .andres_resultater .dropdown:hover .dropbtn{background-color:#ccc}
/*!************ CIRKEL-ELEMENT **************/
#enkelt__cirkel{display:table;text-align:center;margin:0 auto;height:100%}.opgavetype_ikon{display:block;top:25px;position:relative;z-index:99}.afstand{clear:both}.center{margin:0 auto;position:relative;width:80%}.cirkel__noder{background-color:#ffe009}.cirkel__klaver{background-color:#1e9ff4}.cirkel__hoerelaere{background-color:#ff464a}.cirkel__billedgenkendelse{background-color:#73da33}.cirkel__rytme{background-color:#a560e8}@media (max-width:640px){.center{width:100%}}.delemne__titel{margin-top:2em;clear:both}@media (max-width:400px){.delemne__titel{margin-top:1em}}.delemne-container .cirkel{margin-top:17px;float:left;width:50%}@media (min-width:400px){.delemne-container .cirkel{margin-top:33px}}.delemne-container .sidste_cirkel{width:100%}@media (min-width:640px){.delemne-container .cirkel,.delemne-container .sidste_cirkel{width:33%}.delemne-container .cirkel_venstre{clear:left;margin-left:17%;width:33%}.delemne-container .cirkel_hoejre{width:33%;margin-right:17%}.delemne-container .cirkel_ny_linje{clear:left}}.delemne-container .cirkel_midt{width:100%}.cirkel-container{margin:0 auto}.cirkel-loader{width:100px;height:100px;position:relative;margin:0 auto;background-color:#eee;border-radius:100%}.cirkel-loader:hover{opacity:.8}.cirkel-loader::after{display:block;width:76%;height:38%;border-radius:100%;position:absolute;top:12%;left:12%;text-align:center;font:12px arial;line-height:0;padding-top:38%;color:#fff;text-shadow:0 1px 0#000}.cirkel-loader-half{width:50%;height:100%;position:absolute;left:50%;top:0;overflow:hidden;background:rgba(255,255,255,.08);border-radius:0 100% 100%0/0 50% 50%0}.cirkel-loader-half:last-child{-webkit-transform-origin:0 50%;-webkit-transform:rotate(-180.05deg)}.cirkel-loader-rotate{width:100px;height:100px;-webkit-transform-origin:0 50%;-webkit-transform:rotate(-180deg);overflow:hidden;position:absolute;opacity:1}.cirkel-loader-half:first-child .cirkel-loader-rotate{-webkit-transform:rotate(0deg)}.cirkel-loader-half:last-child .cirkel-loader-rotate{-webkit-transform:rotate(-180deg)}.cirkel-loader-cirkel{width:200%;height:100%;position:absolute;top:0;left:-100%;border-radius:100%}.cirkel-loader-half:first-child .cirkel-loader-cirkel{-webkit-transform:rotate(0deg)}.cirkel-loader-half:last-child .cirkel-loader-cirkel{-webkit-transform:rotate(0deg)}.cirkelstjerne{position:absolute;bottom:0;right:0;width:32px;height:32px}.opgavenavn{display:none}a.emne_opgave_oversigt{display:block;position:relative;z-index:10;margin:0 10px}.emne_opgave_oversigt ul li{margin-top:.6em}
/*!************ SVARKNAPPER **************/
.svarknapfelt{width:100%}.svarknapfelt,.svarknapper{margin:0 auto;text-align:center}@media (max-width:800px){.svarknapper button:disabled{display:none}.svarknapper button.aktiv:disabled{display:inline}}.svarknapper button.nodesvarknap{min-width:80px}.svarknapper button.nodesvarknap:disabled{display:inline}#svarknapper button.fravalgt:disabled,.svarknapper button.fravalgt:disabled{transition:.3s}#svarknapper button.forkert,.svarknapper button.forkert{color:#fff;background-color:#db4437;border-color:#db4437}#svarknapper button.rigtigt,#svarknapper button.standardvalg,.svarknapper button.rigtigt,.svarknapper button.standardvalg{color:#fff;background-color:#72ac51;border-color:#72ac51}.svarknapper button.standardvalg:hover{color:#fff;background-color:#47752d;border-color:#47752d}#svarknapper button.standardvalg{transition:.3s ease}@media (max-width:800px){.newline_big{display:none}}.smalleKnapperMedFastBredde{margin:0-10px}.smalleKnapperMedFastBredde button{width:2.7em;padding-left:0;padding-right:0}@media (max-width:500px){.smalleKnapperMedFastBredde button{width:2.3em}}@media (max-width:800px){.smalleKnapperMedFastBredde button:disabled{display:inline}}.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fb::first-letter,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fk::first-letter,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fn::first-letter{letter-spacing:-3px}@media (min-width:600px){.svarknapper_ja-JP .smalleKnapperMedFastBredde button{width:4em}.emne_jp_exercises_key-signatures #svar11,.emne_jp_exercises_key-signatures #svar19,.emne_jp_exercises_key-signatures #svar3,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fb,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fk,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fn{width:4.7em}}@media (max-width:599px){.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_en{padding-left:.4em;padding-right:.4em}.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_an{padding-left:.5em;padding-right:.5em}}@media (max-width:500px){.emne_jp_exercises_key-signatures #svar11,.emne_jp_exercises_key-signatures #svar19,.emne_jp_exercises_key-signatures #svar3,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fb,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fk,.svarknapper_ja-JP .smalleKnapperMedFastBredde .tone_fn{width:2.8em}}.emne_ru_uprazheniya_kljucevye-znaki #svar12,.emne_ru_uprazheniya_kljucevye-znaki #svar20,.emne_ru_uprazheniya_kljucevye-znaki #svar4,.svarknapper_ru-RU .smalleKnapperMedFastBredde .tone_gb,.svarknapper_ru-RU .smalleKnapperMedFastBredde .tone_gk,.svarknapper_ru-RU .smalleKnapperMedFastBredde .tone_gn{width:3.6em}.emne_ko_exercises_key-signatures .smalleKnapperMedFastBredde button{width:3.7em}.bredeKnapperMedFastMinimumbredde button{min-width:5em;padding-left:.5em;padding-right:.5em}@media (max-width:370px){.bredeKnapperMedFastMinimumbredde button{min-width:4.4em}}@media (max-width:800px){.bredeKnapperMedFastMinimumbredde button:disabled{display:inline}}@media (min-width:1006px){.intervalknapperMedAlleIntervaller button{padding-left:0;padding-right:0;width:109px;font-size:89%}.intervalknapperMedAlleIntervaller button:first-child{margin-left:0}.intervalknapperMedAlleIntervaller button:last-child{margin-right:0}.intervalknapperMedAlleIntervaller button#svar1{position:relative;left:0;top:57px}.intervalknapperMedAlleIntervaller button#svar2{position:relative;left:-119px;top:0}.intervalknapperMedAlleIntervaller button#svar3{position:relative;left:-119px;top:57px}.intervalknapperMedAlleIntervaller button#svar4,.intervalknapperMedAlleIntervaller button#svar5{position:relative;left:-238px;top:0}.intervalknapperMedAlleIntervaller button#svar6{position:relative;left:-357px;top:57px;width:228px}.intervalknapperMedAlleIntervaller button#svar7{position:relative;left:352px;top:-51px}.intervalknapperMedAlleIntervaller button#svar8{position:relative;left:352px;top:6px}.intervalknapperMedAlleIntervaller button#svar9{position:relative;left:233px;top:-51px}.intervalknapperMedAlleIntervaller button#svar10{position:relative;left:233px;top:6px}.intervalknapperMedAlleIntervaller button#svar11,.intervalknapperMedAlleIntervaller button#svar12{position:relative;left:114px;top:-51px}.default__page__content div .intervalknapperMedAlleIntervaller{max-width:1040px}}@media (max-width:1005px){div.intervalknapperMedAlleIntervaller{max-width:860px}}@media (min-width:1006px){.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button,.svarknapper_it-IT .intervalknapperMedAlleIntervaller button,.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button{font-size:100%;width:96px;vertical-align:top;padding-top:5px;height:58px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar0{position:relative;left:56px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar1{position:relative;left:56px;top:68px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar2{position:relative;left:-50px;top:0}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar3{position:relative;left:-50px;top:68px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar4,.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar5{position:relative;left:-156px;top:0}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar6{position:relative;left:-262px;top:68px;width:202px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar7{position:relative;left:-368px;top:0}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar8{position:relative;left:369px;top:0}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar9{position:relative;left:263px;top:-68px}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar10{position:relative;left:263px;top:0}.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar11,.svarknapper_fr-FR .intervalknapperMedAlleIntervaller button#svar12{position:relative;left:157px;top:-68px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar0{position:relative;left:56px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar1{position:relative;left:56px;top:68px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar2{position:relative;left:-50px;top:0}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar3{position:relative;left:-50px;top:68px;padding-left:4px;padding-right:4px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar4,.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar5{position:relative;left:-156px;top:0}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar6{position:relative;left:-262px;top:68px;width:202px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar7{position:relative;left:-368px;top:0}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar8{position:relative;left:369px;top:0;padding-left:4px;padding-right:4px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar9{position:relative;left:263px;top:-68px}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar10{position:relative;left:263px;top:0}.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar11,.svarknapper_it-IT .intervalknapperMedAlleIntervaller button#svar12{position:relative;left:157px;top:-68px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar0{position:relative;left:56px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar1{position:relative;left:56px;top:68px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar2{position:relative;left:-50px;top:0}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar3{position:relative;left:-50px;top:68px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar4,.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar5{position:relative;left:-156px;top:0}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar6{position:relative;left:-262px;top:68px;width:202px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar7{position:relative;left:-368px;top:0}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar8{position:relative;left:369px;top:0}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar9{position:relative;left:263px;top:-68px}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar10{position:relative;left:263px;top:0}.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar11,.svarknapper_ru-RU .intervalknapperMedAlleIntervaller button#svar12{position:relative;left:157px;top:-68px}}
/*!************ NODER **************/
.default__page__content div.nodebillede{max-width:892px}.nodebillede p{margin-top:-.25em}.nodebillede [type=radio]+span::before,.nodebillede input,.nodebillede span.custom-checkbox{display:none}.nodebillede label{float:left;cursor:pointer;margin:5px;padding:4px 8px 0;border-radius:10px;border:2px solid #d2d4d8;display:inline-block;min-width:50px;height:47px;text-align:center;background-color:#f2f2f2}.nodebillede label.valgt{background-color:#ddd;border-color:#bcbfc5}.nodebillede input[type=checkbox]:checked~span{background-color:#ddd;border-color:#bcbfc5}@media (max-width:500px){.nodebillede .svarknapper button{font-size:1.1rem}}@media (max-width:650px){.nodebillede .svarknapper button{font-size:1.1rem}}@media (min-width:700px){.nodebillede .redigeringsknapper{float:left;width:240px}.nodebillede button.nodesvarknap{margin-right:240px}}@media (max-width:400px){div.nodelaesning{margin-top:-1em}#spoergsmaal.ekstraMarginVedNL_toner{padding-left:48px;padding-right:48px}}@media (min-width:450px){.hoejtNodebilledePaaDesktop{margin-top:42px;margin-bottom:42px}}svg text{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}svg text::-moz-selection{background:0 0}svg text::selection{background:0 0}svg,svg .normal{fill:#000}svg .toneDerSlettes{fill:#cb8da4}svg .toneDerIndsaettes{fill:#999}svg .rigtigTone{fill:#72ac51;stroke:#72ac51}svg .forkertTone{fill:#db4437;stroke:#db4437}
/*!************ INSTRUMENTS **************/
.question_instrument_image,.question_instrument_image_with_play_button{position:relative;text-align:center;min-height:383px;padding-top:34px;padding-bottom:29px}.question_instrument_image_with_play_button{min-height:385px;padding-top:36px}img.instrument_image{max-width:100%;border-radius:6px}
/*!************ GENRES **************/
.genres_question{margin-top:30px}@media (min-width:640px){.genres_question{margin-top:130px}}
/*!************ DATA-TABEL **************/
table.datatabel{margin:0 auto 1em}table.datatabel thead{cursor:pointer;background:#b2d29f}table.datatabel thead tr th{font-weight:700;padding:.3em 1em .3em 2em}table.datatabel thead tr th span{padding-right:20px;background-repeat:no-repeat;background-position:100% 100%}table.datatabel thead tr th.headerSortDown,table.datatabel thead tr th.headerSortUp{background:#acc8dd}table.datatabel thead tr th.headerSortUp span::after{content:" в–І"}table.datatabel thead tr th.headerSortDown span::after{content:" в–ј"}table.datatabel tbody tr{color:#555}table.datatabel tbody tr td{padding:0 1em}table.datatabel tbody tr td.tal{text-align:right}table.datatabel tr:nth-child(even){background:#eee}.content__left.col-ovelser table.datatabel td{display:table-cell}
/*!************ KLAVIATUR **************/
.piano{text-align:center;margin:35px auto 37px;display:flex;max-width:600px}.piano .key:first-child>.white-key{border-left:1px solid rgba(32,32,32,.2)}.piano .key{display:inline-flex;flex-grow:1;position:relative;justify-content:center;cursor:default}.piano .skrivning{cursor:pointer}.key span,.key span i{display:flex;align-items:center}.key span{justify-content:flex-end;flex-direction:column}.key span i{justify-content:center;font-style:normal;font-variant:normal;margin-bottom:12px;width:20px;height:20px;border-radius:10px}@media (max-width:500px){.key span i{width:14px;height:14px;border-radius:7px}}.key .white-key{background:#fff;border-top:1px solid rgba(32,32,32,.2);border-right:1px solid rgba(32,32,32,.3);border-bottom:1px solid rgba(32,32,32,.3);border-radius:0 0 5px 5px;box-shadow:0 5px 1px rgba(32,32,32,.2);margin:0-2px;width:100%;height:190px}.key .black-key,.key .white-key,.key .white-key.active{transition:background-color .05s ease,box-shadow .05s ease}.key .white-key.active{background:#ebebeb;position:relative;top:5px;box-shadow:0 0 0 transparent}.key .white-key .active .black-key{top:-10px}.key .white-key .forkertTone,.key .white-key .normal,.key .white-key .rigtigTone{background-color:#999;color:transparent;box-shadow:inset -1px -3px 4px rgba(32,32,32,.3)}.key .white-key .forkertTone,.key .white-key .rigtigTone{background-color:#72ac51}.key .white-key .forkertTone{background-color:#db4437}.key .black-key{content:"";background:linear-gradient(-20deg,#222,#000,#222);background:#111;box-shadow:0 5px 1px rgba(32,32,32,.2);border-width:1px;border-radius:0 0 5px 5px;border-style:solid;border-color:#666 #222 #111 #555;height:110px;position:absolute;top:0;right:-40%;width:80%;z-index:10}.key .black-key.active{box-shadow:0 1px 1px rgba(32,32,32,.1);border-bottom-width:3px;height:110px;top:5px}.key .black-key i{color:#fff;font-size:10px;left:0;font-weight:600;line-height:.8rem}.key .black-key .forkertTone,.key .black-key .normal,.key .black-key .rigtigTone{background-color:#999;color:transparent;box-shadow:inset 3px 3px 4px rgba(255,255,255,.3)}.key .black-key .forkertTone,.key .black-key .rigtigTone{background-color:#72ac51}.key .black-key .forkertTone{background-color:#db4437}.hide--tablet,body.exercise footer{display:none}.hideNotes{width:124px}@media (max-width:640px){.hide--mobile{display:none}.key .black-key,.key .black-key.active{height:17.4vw}.key .white-key{height:30.16vw}.key .white-key.active{top:5px}}.afkrydsningsknap{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.afkrydsningsknap input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.afkrydsningsmaerke{height:25px;width:25px;background-color:#eee}.afkrydsningsknap:hover input~.afkrydsningsmaerke{background-color:#ccc}.afkrydsningsknap input:checked~.afkrydsningsmaerke{background-color:#72ac51}.afkrydsningsmaerke:after{content:"";position:absolute;display:none}.afkrydsningsknap input:checked~.afkrydsningsmaerke:after{display:block}.afkrydsningsknap .afkrydsningsmaerke:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.default__page__content div.extras-rhythm-buttons label,.notes-and-rests-buttons label,.rytmenodebillede{float:none}.rytmenodebillede button.nodesvarknap{margin-right:0}div.nodelaesning.rytmenodebillede,div.nodeskrivning.rytmenodebillede{margin-top:2.5em}div.nodelaesning.rytmenodebillede .svarknapper,div.nodeskrivning.rytmenodebillede .svarknapper{margin-top:1em}@media (min-width:640px){div.nodelaesning.rytmenodebillede,div.nodeskrivning.rytmenodebillede{margin-top:3em}}svg{stroke-width:0}svg,svg .normal{stroke:#000}svg .toneDerSlettes{stroke:#cb8da4}svg .toneDerIndsaettes{stroke:#999}svg .rigtigTone{stroke:#72ac51;fill:#72ac51}svg .wrongRhythmNote{stroke:#db4437;fill:#db4437}svg .missingRhythmNote{stroke:#db4437;fill:#fff}svg .closeRhythmNote{stroke:#ff9300;fill:#ff9300}svg .playing{stroke:#999;fill:#999}#rhythmTapInfoBox{background:#efefef;height:140px;width:calc(170px + 15%);margin-left:auto;margin-right:auto;border-radius:4px;padding-top:1em;margin-top:24px;cursor:pointer}#rhythmTapInfoBox p{text-align:center;margin:0;padding:.25em;font-weight:700}#rhythmTapInfoBox p#rhythmTapInfoText{line-height:1.2em;margin-bottom:8px}#rhythmTapInfoBox p#rhythmTapInfoImage{font-size:56px;line-height:56px;padding:0;height:85px}#rhythmTapInfoBox img{height:56px}#rhythmTapInfoBox.wrong-answer{background:#db4437;color:#fff}#rhythmTapInfoBox.correct-answer{background:#72ac51;color:#fff}svg .nbTone{stroke:#ff9300;fill:#ff9300}.notes-and-rests-buttons{float:left;text-align:left;margin-left:-5px}.default__page__content div.extras-rhythm-buttons{line-height:12px;max-width:500px;text-align:left;margin-left:-5px}.default__page__content div.extras-rhythm-buttons span.special-rhythm-buttons{display:inline-block}.default__page__content div.extras-rhythm-buttons .erase-rhythm-button{float:left;margin-bottom:43px}@media (max-width:1005px){body>.fix__content>.wrapper{background:#fff}}@media (min-width:991px) and (max-width:1005px){#sideoverskrift{font-size:28px;margin-bottom:60px}}@media (min-width:1006px){.default__page__content #footericons{padding-top:20px}}ul.cirkel_container li div .cirkel_knap{display:inline-block;min-width:140px;max-width:100%;margin:20px 5px 5px;font-family:"Open Sans",sans-serif;font-size:1em;line-height:normal;padding:7px 7px 9px;border:2px solid #d2d4d8;border-radius:9px;cursor:pointer;background-image:none;text-align:center;box-sizing:border-box;color:#1b1b1b}ul.cirkel_container li div span.standardvalg{color:#fff;background-color:#72ac51;border-color:#72ac51}.desktop_nav .menu_main li:nth-child(5n).menu__item{display:none}body.exercise .wrapper{display:flex;flex-direction:column;min-height:100svh;flex-grow:0}.content{flex:1}#footericons{text-align:right;margin:auto 19px 15px 0}@media (max-width:1005px){#footericons{margin:auto 15px 10px 0}}#footericons img{cursor:pointer;height:24px}.exercises-leaderboard-box .moduletable{padding:22px;background-color:#fff;border-radius:6px}.exercises-leaderboard-box h3{text-align:left}.exercises-leaderboard-box p{text-align:left;font-size:.875em;margin:13px 0 16px}.exercises-leaderboard-box p span{background-color:#ffbc00;color:#664b01;border-radius:6px;height:24px;padding:2px 10px 3px 9px;margin-left:5px}.exercises-leaderboard-box a{display:inline-block;text-align:left;margin-top:0;font-size:.875em;text-decoration:none}#tid{color:#999;font-weight:700;margin-right:20px;white-space:nowrap}#tid:before{display:inline-block;margin-right:8px;margin-left:20px;position:relative;bottom:-5px;content:url(../grafik/ikoner/time.svg)}
/*# sourceMappingURL=main.min.css.map */