body{ font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 1.375em; color: #3A3733; margin: 0; font-weight: 400; background-color: #C5C1BC; padding-top: 88px; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin: 0; outline: none; -webkit-text-size-adjust: none; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.alignleft{ text-align: left; }
.cursor{ cursor: pointer; }
.center{ text-align: center; }
.abscenter{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.relative{ position:relative; } 
.ucase{ text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }

.table{ display: table; }
.table > div{ display: table-row; }
.table > div > span{ display: table-cell; vertical-align: middle; }
.bottom{ vertical-align: bottom!important; }
.middle{ vertical-align: middle!important; }

img{ vertical-align: middle; }

ul{ list-style-type: none; margin: 0; padding: 0; }
ul li{ background: none; padding: 0; position: relative; }

article ul li{ padding-left: 15px; }
article ul li:before { content:"•"; font-family: arial; font-size:15px; display: block; position: absolute; top: 0; left: 0; }

body.fixed { overflow: hidden; }

p:empty{ display: block; line-height: 1rem; min-height: 1.375em; }

.object-fit-cover{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.object-fit-contain{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }

.artist label,
.artist div.label { top: auto!important; bottom: 0; }

header{ max-width: 2000px; margin: 0 auto; background-color: #fff; }
footer,
section{ max-width: 2000px; margin: 0 auto; padding: 50px 0; background-color: #fff; }
section.stats{ padding: 32px 0; }

article{ max-width: 2000px; margin: 0 auto; background-color: #fff; }

small { font-size: 14px; line-height: 18px; display: inline-block; }

section.banner.top { position: relative; z-index: 1; text-align: center; padding: 0; }
section.banner.top .text{ position: absolute; width: 100%; bottom: 50px; z-index: 2; color: #fff; font-size: 24px; line-height: 1.166666666666667; color: #fff; text-align: center; }
section.banner.top .text h3{ font-size: 48px; line-height: 1.083333333333333; color: #fff; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; }

section.banner.top .wrapper {  max-width: 1200px; margin: 0 auto; }
section.banner.top .image{ height: 500px; overflow: hidden; position: relative; }
section.banner.top .filler{ height: 260px; }

.content { background: #fff; padding: 50px 13.145%; position: relative; z-index: 2; }
.col-lg-4.boxes{ padding-top: 50px; }

a.button,
form button{ display: inline-block; padding: 10px 16px 9px 16px; font-size: 16px; line-height: 1.313; width: 100%; max-width: 242px; text-align: center; border-radius: 4px; font-weight: 700; border: unset; vertical-align: middle; cursor: pointer; }

div.col-md-4 form button.button.theme-18{ max-width: unset; }

a.button:hover{ background-color: #E6E6E6; transition: all .3s ease; }

a.back{ display: inline-block; font-weight: 700; }
a.back i{ margin-right: 11px; font-size: 20px; position: relative; top: 2px; }

article.box a.button{ max-width: 100%!important; }

body article a.button.theme-18{ color: #fff!important; }

a.button.theme-18.chevron::after{ content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(svg/chevron-right-white.svg) no-repeat; background-size: contain; position: relative; top: -1px; left: 5px; }

article a.button + a.button{ margin-left: 6px; }

a.button.alert{ background-color: #BF0F0F!important; color: #fff; width: auto!important; padding-left: 30px!important; padding-right: 30px!important; border: none!important; }

form a.button.alert{ padding: 10px 16px 9px 16px!important; }

.stats h3{ font-size: 20px; }
.stats h6{ text-transform: none; }

article.box div{ color: inherit!important; }

article.box a:not(.button){ position: relative; display: inline-block; }
article.box a:not(.button):after{ content: ""; display: block; position: absolute; top: calc(100% - 3px); width: 100%; height: 1px; border-bottom: 1px solid #fff; border-color: inherit!important;  }

.boxes article.box{ margin-bottom: 2em; }

.evaluation-header{ background-color: #F5F1E8; margin: -100px -100px 50px -100px; padding: 100px 100px 40px 100px; }
.evaluation-header h2{ text-transform: uppercase; }

.evaluation-header h4 + strong{ position: relative; top: -20px; }

/*grå*/
.theme-01{ background-color: #E3E1DE; }

label.label-35,/*undervisere*/
.theme-02{ background-color: #C1B8AD; }

label.label-7,/*førskole*/
.theme-03{ background-color: #3A3733; color: #fff; }

.theme-02 h3,
.theme-03 h3{ color: #fff; }

/*gul*/
.theme-04{ background-color: #F5F1E8; }
.theme-05{ background-color: #ECDEBE; }

label.label-8,/*indskoling*/
.theme-06{ background-color: #F9B004; color: #fff; }
.theme-07{ background-color: #AF7604; color: #fff; }

.theme-06 h3,
.theme-07 h3{ color: #fff; }

/*rød*/
.theme-08{ background-color: #F8E9EE; }
.theme-09{ background-color: #EDB7CA; }

label.label-34,/*familie*/
.theme-10{ background-color: #A7084D; color: #fff; }
.theme-11{ background-color: #7E0037; color: #fff; }

.theme-10 h3,
.theme-11 h3{ color: #fff; }

.theme-08 h3,
.theme-09 h3{ color: #A7084D!important; }

/*grøn*/
.theme-12{ background-color: #F1F8F8; }
.theme-13{ background-color: #D4EEED; }

.theme-13-2{ background-color: #aedad2; }

label.label-10,/*udskoling*/
.theme-14{ background-color: #08A7A3; color: #fff; }
.theme-15{ background-color: #1D4046; color: #fff; }

.theme-14 h3,
.theme-15 h3{ color: #fff; }

.theme-12 h3,
.theme-13 h3{ color: #08A7A3!important; }

/*blå*/
.theme-16{ background-color: #DDF2F6; }
.theme-16 h5{ color: #17A8C6; }

.theme-17{ background-color: #B3E2EC!important; }

label.label-9,/*mellemtrin*/
.theme-18{ background-color: #17A8C6; color: #fff; }
.theme-19{ background-color: #1D4046; color: #fff; }

article.box.theme-18 a:not(.button){ color: #fff; }

i.theme-18:hover{ background-color: #5DC2D7; transition: all .2s ease; }

.theme-18 h3,
.theme-19 h3{ color: #fff; }

a.blue-link,
.theme-17 h3{ color: #17A8C6!important; }

.theme-06.box a,
.theme-07.box a{ color: #ECDEBE; }

.theme-10.box a,
.theme-11.box a{ color: #EDB7CA; }

.theme-14.box a,
.theme-15.box a{ color: #fff; }

.theme-18.box a,
.theme-19.box a{ color: #B3E2EC; }

.black{ background-color: #282623; }
article.black{ color: #fff!important; }
article.black h3{ color: #fff!important; }

.main{ background-color: #3A3733; }
.secondary1{ background-color: #C1B8AD; }

.secondary2{ background-color: #F9B004; }
.secondary3{ background-color: #A7084D; }
.secondary4{ background-color: #08A7A3; }
.secondary5{ background-color: #17A8C6; color: #fff; }

.main *,
.secondary1 *,
.secondary2 *{}

.secondary3 *{}
.secondary4 *{}
.secondary5 *{ color: #fff; }

a.main,
a.secondary1,
a.secondary2,
a.secondary3,
a.secondary4,
a.secondary5{ color: #fff!important; }

a.main:hover{ background-color: #6B6966; }
a.secondary1:hover{ background-color: #C1B8AD; }
a.secondary2:hover{ background-color: #FAC850; }
a.secondary3:hover{ background-color: #C15383; }
a.secondary4:hover{ background-color: #53C1BF; }
a.secondary5:hover{ background-color: #5DC2D7; }

.container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.fixed-menu{ position: fixed; top: 0;  width: 100%; height: 88px; z-index: 10; }
header{ height: 88px; box-shadow: inset 0 -1px 0 0 #E3E1DE, 0 -1px 0 0 #3A3633; position: relative; z-index: 3; }
header a.logo{ display: block; position: absolute; background: url(/files/layout/css/logo.svg); background-size: cover; width: 200px; height: 52px; margin-top: 15px; }

header nav{ float: left;  width: calc(100% - 426px); margin-left: 250px; box-shadow: inset -1px 0 0 0 #E3E1DE, inset 1px 0 0 0 #E3E1DE; }

header ul.menu{ display: block; height: 88px; padding: 0 35px; float: left; }

header ul.menu > li{ display: block; float: left; padding-top: 40px; margin: 0 20px; }
header ul.menu > li > a{ font-size: 18px; font-weight: 700;	line-height: 1.333333em; border-bottom: 2px solid transparent; }
header ul.menu > li > a:hover{ color: #F9B004; }
header ul.menu > li > a.True{ border-bottom: 2px solid #F9B004; }

header ul.menu > li > ul{ position: absolute; top: 100%; width: 200px; padding-top: 22px; display: none; }
header ul.menu > li > ul > li{ padding: 25px 23px; box-shadow: inset 0 -1px 0 0 #E3E1DE; background-color: #fff; font-weight: 700;
  border-left: 1px solid #E3E1DE; border-right: 1px solid #E3E1DE; }

header .search{ display: block; width: 88px; height: 88px; float: right; }
header .search a{ display: block; width: 88px; height: 88px; float: right; text-align: center; padding-top: 22px; }
header .search a:hover{ background-color: #CCCCCC; transition: all .2s ease; }
header .search a i.fa-times{ display: none; font-size: 33px; }
header .search a.open{ background-color: #F1F8F8; }

header .search a.open i.fa-search,
header .search a.open b{ display: none; }

header .search a.open i.fa-times{ display: inline-block; }

header .search b{ font-size: 14px; display: block; }

header .login{ float: right; position: relative; z-index: 1; box-shadow: inset 0 -1px 0 0 #E3E1DE, inset 1px 0 0 0 #E3E1DE; }
header .login > a{ display: block; width: 88px; height: 88px; text-align: center; padding-top: 22px; background-color: #F9B004; }
header .login > button:hover{ background-color: #FAC850; transition: all .2s ease; }
header .login > a.open::before{ content: ""; background-color: #F9B004; position: absolute; top: 0; left: 0; z-index: 2; }
header .login b{ font-size: 14px; display: block; }

header .login form { display: none; position: absolute; top: 100%; right: 0; width: 288px; background-color: #F9B004; padding: 24px; padding-bottom: 15px; border-radius: 0; }

header .login form{
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
}

header .login form .field{ margin-bottom: 16px; }
header .login form input{ height: 40px; background-color: #ECDEBE; color: #3A3733; border: 1px solid #ECDEBE; }
header .login form small{ margin-top: 1.5em; }
header .login form h3 { font-size: 28px; line-height: 1.214285714285714; text-transform: uppercase; margin-bottom: 16px; }
header .login form div.checkbox label::before { top: -2px; background-color: unset; }

header .login form .links{ margin-top: 16px; }
header .login form .links > div{ margin-top: 10px; font-size: 14px; }

a.submit{ display: inline-block; line-height: 40px; color: #fff!important; min-width: 130px; padding: 0 20px; text-align: center; border-radius: 4px; font-weight: 700; }

.unsubscribe button.submit,
.newsletter button.submit,
.login button.submit{ background-color: #3A3733; width: 100%; color: #fff; font-family: "proxima-nova", sans-serif; }

.dd.logintype{ display: block; }
.dd.logintype > label{ line-height: 40px!important; display: block; border: 1px solid #30383A; border-radius: 4px; line-height: 24px; padding: 0 10px; }

.search-results .see-all a{ display: none; }

.search-results .scroller{ max-height: 415px; padding: 15px 0 0 15px; margin: -15px -15px 0 -15px; }
.search-results .focus{ position: relative; }
.search-results .scroller{ background-color: #D4EEED; }
.search-results .scroller a.item{ padding-right: 10px; }

 .checkbox input#autologin:checked + label:before { color: #000!important; }

.buttons.roles a { min-width: 185px; }
.buttons.roles div + div { margin-top: 16px; }

header div.login a.mobileonly,
header div.login div.roles{ display: none; }

header div.login div.roles{ background-color: #fff; font-weight: 700; position: fixed; height: 100vh; overflow: auto; width: 100%!important; margin: 0px; background-color: #fff; z-index: 5; top: 0; left: 0; }
header div.login div.roles ul li{ border-bottom: 1px solid #E3E1DE; padding: 0 32px; min-height: 64px; }

header div.login div.roles ul li > a,
header div.login div.roles ul li > strong{ display: block; padding: 20px 0; }

header div.login div.roles ul li svg{ float: right; margin-top: 21px; }

header div.login div.roles ul li > div.role{ position: relative; padding: 0 24px 20px 32px; font-weight: normal; }
header div.login div.roles ul li > div > i{ position: absolute; top: 3px; left: 0; }

header div.login div.roles ul li > div.role a.true{ font-weight: 700; }

body[data-showLogins=true] header div.login div.roles{ display: block; }
body[data-showLogins=true] header .login{ z-index: 2; }

@media (min-width: 1241px){
  header nav ul.menu > li:hover > ul{ display: block; }
  header nav div.close-nav,
  header nav .contacts,
  header nav .band-name{ display: none; } 
  
  header nav{ display: block!important; }

  .burger-wrapper{ display: none; }
  
}

@media (min-width: 576px) { .container { max-width:100%!important; } }
@media (min-width: 768px) { .container { max-width:100%!important; } }
@media (min-width: 992px) {
  .container { max-width:1290px!important; }
  article.box + article.box{ margin-top: 24px!important; }
  section.banner.top{ min-height: 270px; }

  header div.login div.roles{ display: none!important; }

} 
@media (min-width: 1290px) { .container { max-width:1290px; } }

@media (max-width: 991px){
  .col-lg-4.boxes { padding-top: 0px; }

  header div.login a.mobileonly,
  header div.login div.mobileonly{ display: block; }
  
  header div.login a.desktoponly{ display: none; }

}

@media (max-width: 767px){
  #createProduction { left: 15px; }
}

@media (max-width: 575px){
  .search-results .see-all{ opacity: 0; height: 20px!important; }

  section.stats div.container > div.row > div { padding: 0 15px!important; }
  section.stats .single-chart { width: unset; padding: 0; }
  section.stats .single-chart svg { width: 50px; }
  .stats a.button { line-height: 32px; }

  article.box a.button { padding: 10px 16px; line-height: 1.25; }
  section.stats{ display: none; }

}