html { -webkit-font-smoothing: antialiased; }
body{ opacity: 1; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

::-webkit-input-placeholder { color: #243046; opacity: 0.5; }
::-moz-placeholder { color: #243046; opacity: 0.5; }
:-ms-input-placeholder { color: #243046; opacity: 0.5; }
:-moz-placeholder { color: #243046; opacity: 0.5; }

.news-list .item h3,
.search-results .col-3,
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

article.box .col-12  span.scrambleemail a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; line-height: 22px; }
article.box .col-8  span.scrambleemail a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; line-height: 22px; }
article.box .col-8  span.scrambleemail{ margin-left: 5px; }

h6.production-name,
h6.production{ text-transform: none; font-weight: 700; }

.evaluation-header div.name{ margin-bottom: 1em; }

.evaluation-header .pager{ margin-top: 15px; color: #17A8C6; font-weight: 700; }
.evaluation-header .pager span{ margin: 0 5px; }
.evaluation-header .pager a{ display: inline-block; width: 32px; height: 32px; text-align: center; }


#moreinfo .program ul.eval-by li{ display: none; }
#moreinfo .program ul.eval-by li.show{ display: block; }


#moreinfo .program .ratings .rating{ display: none; }
#moreinfo .program .ratings .rating.show{ display: block; }

aside.ipcheck-wrapper{ position: fixed; z-index: 999; background-color: #fff; font-size: 10px; top: 50vh; }
aside.ipcheck-wrapper > h3{ background-color: #ff9900; font-size: 10px; margin: 0; color: #fff; padding: 5px 10px; }
aside.ipcheck-wrapper > div{ padding: 5px 10px; }
aside.ipcheck-wrapper > div + div{ border-top: 1px solid #eee; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

video { width: 100% !important; height: auto !important; }

input[type=text],
input[type=email],
input[type=number],
input[type=password],
textarea,
select { -webkit-appearance: none; border-radius: 0; width: 100%; font-family: inherit; font-size: 18px; color: inherit; border-radius: 4px; padding: 0 15px; height: 40px; background-color: #fff; border: 1px solid #30383A; color: #30383A; }

textarea { resize: none; height: auto; padding-top: 15px; padding-bottom: 15px; color: #3A3733; }

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus{ border: 2px solid #30383A; padding: 0 14px; }
textarea:focus{ border: 2px solid #30383A; padding: 14px; }

input[type=text] + div.counter{ position: absolute; font-size: 14px; display: none; width: 100%; font-weight: 700; }
textarea + div.counter{ position: absolute; font-size: 14px; display: none; width: 100%; margin-top: -6px; font-weight: 700; }

input[type=text]:focus + div.counter,
textarea:focus + div.counter{ display: block; }

form .alert{ border: 2px solid #DD4C52!important; padding: 0 14px; }
textarea.alert{ border: 2px solid #DD4C52!important; padding: 14px; }

form *:user-invalid{ border: 2px solid #DD4C52!important; }


input[type=hidden].alert + .dropzone{ border: 2px solid #DD4C52!important; }

form .dd input[type=hidden].alert + label{ border: 2px solid #DD4C52!important; line-height: 38px; }

form input[type=hidden].alert + .checkbox-list{ border: 2px solid #DD4C52!important; padding: 15px; }

form .valid{ border: 1px solid rgba(15,210,88,0.5); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); background-color: #ECFFF3!important; }

form .field{ margin-bottom: 19px; }
form .field > label{ display: block; margin-bottom: 4px; }
form .field > label em{ color: #D20F14; }

form .field > label small{ color: #30383A; font-size: 12px; margin-bottom: 5px; font-weight: normal; }

form .field span.readonly{ display: block; color: #C1B8AD; }

select {-webkit-appearance: none; border-radius: 0; background: none; border: 1px solid #30383A; border-radius: 4px; }
select::-ms-expand { display: none; }

.select { position: relative; }
.select select { position: relative; z-index: 2; width: 100%; background: none!important; }
.select:after { content: ""; display: block; position: absolute; top: 50%; right: 15px; line-height: 0; z-index: 1; background: url(dd-select-arrow.svg); width: 18px; height: 18px; margin-top: -8px; }
.select { width: 100%; background: #fff; }


*{ margin: 0; outline: none; -webkit-text-size-adjust: none; }

.image img{ max-width: 100%; height: auto; }
img{ border: 0; }

.ease{ transition: all 0.3s ease; }
.multiply{ mix-blend-mode: multiply; }

sub{ vertical-align:text-bottom; font-size:60%; }
sup { vertical-align:text-top; font-size:60%; position: relative; top: -3px; }

body.fixed{ overflow: hidden; }
body.fixed > #page{ height: 100vh; } /*må ikke have overflow hidden, da den scroller til top ved moreinfo visning*/
body.fixed .blinds{ position: fixed; width: 100%; height: 100%; z-index: 3; background: rgba(255,255,255,.4); top: 0; }

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

ol{ margin-left: 17px; }
ol li{ margin-bottom: 17px; }

strong,b{ font-weight: 700; }

table{ border-collapse: collapse; }
table td, table th{ padding: 0; }

h1,h2,h3,h4{ margin: 0; padding: 0; color: #3A3733; }

/*
h1{ font-size: 48px; font-weight: 800; line-height: 1.083333333333333; margin-bottom: 0.5em; text-transform: uppercase; }
h1 small{ font-size: 40px; line-height: 1.083333333333333; }
h2{ font-size: 32px; font-weight: 700; line-height: 1.1875; margin-bottom: 0.5em; }
h3{ font-size: 24px; line-height: 1.166666666666667em; margin-bottom: 0.3333333333333333em; font-weight: 800; }
h4 { font-size: 20px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
h5 { font-size: 18px; font-weight: 700; line-height: 1.333333333333333em; margin-bottom: 5px; }
h6 { font-size: 16px; font-weight: 700; line-height: 1.25em; margin: 0; text-transform: uppercase; }
*/

h1,h2,h3,h4{ margin: 0; padding: 0; color: #3A3733; font-weight: 800; }
h1{ font-size: 48px; line-height: 1.083333333333333; margin-bottom: 0.5em; text-transform: uppercase; }
h1 small{ font-size: 40px; line-height: 1.083333333333333; }
h2{ font-size: 40px; font-weight: 800; line-height: 1.1875; margin-bottom: 0.5em; }
h3{ font-size: 32px; line-height: 1.166666666666667em; margin-bottom: 0.3333333333333333em; font-weight: 800; }
h4 { font-size: 28px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
h5 { font-size: 24px; font-weight: 800; line-height: 1.2; margin-bottom: 0.65em; text-transform: uppercase; }
h6 { font-size: 20px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
h7 { font-size: 18px; font-weight: 700; line-height: 1.2; margin-bottom: 0.85em; }

.edit-form h3,
article h3,
.three-col h3,
.news-list h3{ text-transform: uppercase; }

.stats h1{ font-size: 28px; line-height: 1.214285714285714em; font-weight: 700; margin-top: 8px; margin-bottom: 6px; text-transform: none; }

article:not(.box) h3 { font-size: 16px; font-weight: 800; line-height: 1.25em; margin-bottom: 5px; }

.content.slideUp{ margin-top: -245px; transform: translateY(-1px); transition: all 1s ease; }

a{ color: inherit; text-decoration: none; cursor: pointer; display: inline-block; position: relative; z-index: 1; }
a:hover,a:focus{ color: #6B6966; text-decoration: none; }

article a{ color: #17A8C6; }
article a:hover{ color: #5DC2D7; }

article.box{ padding: 32px; }
article.box h3 { font-size: 20px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
article.box .image.top{ margin: -32px; margin-bottom: 32px; }
article.box .image.bottom{ margin: -32px; margin-top: 32px; }
article.box .image > a::after { display: none; }

article blockquote{ text-align: center; color: #A7084D; font-style: italic; font-weight: 700; margin: 1em 0 3em 0; }
article blockquote::before{ content:"“"; display: inline-block; font-size: 90px; line-height: .5; position: relative; top: .3em; }
article blockquote h3{ font-size: 24px; line-height: 1.166666666666667; color: #A7084D; font-style: normal; font-weight: 700; text-transform: none; margin-bottom: 1em; }

.radio-list .radio{ margin-bottom: 15px; }
.radio-list .radio:last-child{ margin: 0; }

.radio label{ cursor: pointer; padding-left: 35px; position: relative; line-height: 22px; display: inline-block; }
.radio input{ position: absolute; pointer-events: none; opacity: 0;  }
.radio input + label:before{ content: ""; display: block; height: 22px; width: 22px; background-color: #fff; cursor: pointer; position: absolute; top: 0; left: 0; border-radius: 50%; border: 1px solid #3A3733; }
.radio input:checked + label:after{ content: ""; display: block; height: 14px; width: 14px; background-color: #3A3733; cursor: pointer; position: absolute; top: 4px; left: 4px; border-radius: 50%; }

.checkbox label:before,
.radio label:before { display: inline-block; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.checkbox label{ cursor: pointer; padding-left: 35px; position: relative; line-height: 22px; display: inline-block; }
.checkbox input{ position: absolute; pointer-events: none; opacity: 0; }
.checkbox input + label:before{ content: ""; display: block; height: 24px; width: 24px; cursor: pointer; position: absolute; top: -1px; left: 0; border: 1px solid #3A3733; background-color: #fff; }
.checkbox input:checked + label:before{ content: "\f00c"; text-align: center; padding-top: 5px; color: #17A8C6; font-size: 13px; line-height: 12px; }

.checkbox-list{ padding-top: 2px; }
.checkbox-list .checkbox{ margin-bottom: 16px; }
.checkbox-list .checkbox:last-child{ margin: 0; }

.checkbox label a{ border-bottom: 1px solid #aaa; }

.tourplan div.table .checkbox{ display: inline-block; vertical-align: middle; }
.tourplan div.table .checkbox input + label { text-transform: none; font-size: 16px; font-weight: 700; color: #000; line-height: 23px; padding-top: 1px; }
.tourplan div.table .checkall.checkbox input + label { padding-left: 50px; }

/*div.indberetning div.wrapper > div:nth-child(even) div.table.line{ background-color: #f2fafc; }*/

span.state > label{ display: inline-block; font-size: 12px; line-height: 24px; text-transform: none!important; padding: 0 8px; border-radius: 12px; }
span.state > label svg{ margin: 0px 10px 0 5px; position: relative; top: 3px; }

h5 > span.state { margin-left: 34px; position: relative; top: -4px; font-weight: normal; }

section.find-concert div.links{ font-weight: 700; }
section.find-concert div.links a + a { margin-left: 40px; }

.filters .checkbox-list .checkbox{ margin-bottom: 8px; }

form.placeholder .field label{ display: inline-block; margin-bottom: 5px; color: #666; }
form.placeholder .field div.label{ position: absolute; top: 23px; color: #666; left: 16px; transition: all 0.3s ease; line-height: 1em; z-index: 1; }
form.placeholder .field input[type=text]{ width: 100%; padding: 18px 15px 6px 15px; }
form.placeholder .field input[type=email]{ width: 100%; padding: 18px 15px 6px 15px; }
form.placeholder .field textarea{ width: 100%; padding: 18px 15px 6px 15px; }
form.placeholder .field select{ width: 100%;  padding: 18px 15px 6px 15px; }
form.placeholder .field.placeholder-wrapper { position: relative; background: #ffF; border: 1px solid #aaa; border-radius: 2px; }
form.placeholder .field div.label.active{ top: 6px; transition: all 0.3s ease; font-size: 12px; color: #bbb; left: 15px; z-index: 4; }
form.placeholder .field .placeholder:focus + div.label{ top: 6px; transition: all 0.3s ease; font-size: 12px; color: #bbb; left: 15px; z-index: 4; }

.intrinsic-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; }
.intrinsic-container iframe { position: absolute; top:0; left: 0; width: 100%!important; height: 100%!important; }
.content .intrinsic-container p{ display: none; }

span.x{ width: 16px; height: 16px; position: absolute; right: 0; display: block; background: url(white-x.svg) no-repeat; top: -26px; cursor: pointer; }
.fs-video span.x{ top: 25px; right: 25px; z-index: 2; }

.tourplan .links em.disabled{ display: inline-block!important; opacity: .2; color: #17A8C6; }

.disabled{ position: relative; z-index: 1; display: block; }
.disabled:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.disabled *{ opacity: 0.5; }

.mb-default{ margin-bottom: 1em; }
.mb-default2x{ margin-bottom: 2em; }
.mb-default3x{ margin-bottom: 3em; }	
.mb-default4x{ margin-bottom: 4em; }

.slick .item { margin: 0 15px; }

.news-list a.item:hover *{ color: #6B6966; transition: all .3s ease; }

.show-more { font-weight: 700; margin-top: 10px; text-align: right; }
.show-more a:hover{ color: #6B6966; transition: all .3s ease; }

.unsubscribe button.submit:hover,
.newsletter button.submit:hover,
.login button.submit:hover { background-color: #6B6966; transition: all .3s ease; }

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


.dd{ position: relative; display: inline-block; min-width: 160px; z-index: 5; }
.dd.clicked{ z-index: 6; }
.dd ul{ position: absolute; display: none; left: 0; top: calc(100% + 3px); background: #fff; min-width: 100%; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); max-height: 344px; overflow: auto; z-index: 2; }
.dd ul li{ cursor: pointer; white-space: nowrap; }
.dd ul li:hover{ background-color: #E3E1DE; }

.dd ul li.True{ font-weight: 700; }

/*
.dd ul li:not(:first-child):hover{ background-color: #E3E1DE; }
.dd ul li:first-child::after{ content: ""; display: inline-block; background: url(dd-select-arrow.svg) no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; right: 20px; z-index: 1; margin-top: -8px; transform: rotate(180deg); }
*/
.filters .dd > label{ max-width: 250px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }

.context-menu ul{ display: none; padding: 0 0 10px 0; border-radius: 5px; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); position: absolute; top: 0; text-align: left; z-index: 2; }
.context-menu ul li .scrollbar{ max-height: 325px; overflow: hidden; padding-top: 2px; }

.dd > label,
.context-menu > label{ font-weight: 700; height: 40px; line-height: 40px; padding: 0 45px 0 16px; cursor: pointer; display: block; border-radius: 5px!important; position: relative; z-index: 1; }

.dd > label::after,
.context-menu > label::after { content: ""; display: inline-block; background: url(dd-select-arrow.svg) center center no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; z-index: 1; margin-top: -8px; transition: all .2s ease; }

.dd ul li,
.context-menu ul li{ padding: 10px 20px; border-bottom: 1px solid #eee; }
.dd ul li::before{ display: none!important; }

.dd ul li:last-child,
.context-menu ul li:last-child{ border: 0; }

.dd > ul > li > label,
.context-menu > ul > li > label{ margin: -10px -20px; font-weight: 700; height: 40px; line-height: 40px; padding: 0 50px 0 20px; cursor: pointer; display: block; position: relative; z-index: 1; background: #fff;  }

.clicked > label::after { content: ""; display: inline-block; background: url(dd-select-arrow.svg) center center no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; z-index: 1; margin-top: -9px; transform: rotate(180deg); }

/*
.clicked > ul > li > label::after { content: ""; display: inline-block; background: url(dd-select-arrow.svg) no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; right: 20px; z-index: 1; margin-top: -8px; transform: rotate(180deg); transition: all .2s ease; }
*/

div.context-menu{ position: relative; }

div.daterange{ position: relative; background-color: #B3E2EC; border-radius: 5px; }
div.daterange input{ background: none; padding-top: 3px; position: relative; z-index: 3; cursor: pointer; }
div.daterange span{ display: block; background: url(dd-select-arrow.svg) no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; right: 20px; z-index: 1; margin-top: -8px; transition: all .2s ease; }
div.daterange.focus span{ transform: rotate(180deg); z-index: 5; cursor: pointer; }

.dd > label.theme-18::after,
.context-menu > label.theme-18::after { background: url(dd-select-arrow-white.svg) no-repeat; }

.filters.focus .context-menu.clicked{ z-index: 4; }
.filters{ margin-top: 36px; margin-bottom: 20px; position: relative; z-index: 2; }
.filters input[type=text]{ border: none; }
.filters .context-menu{ position: relative; z-index: 10; }
.filters .context-menu.clicked{ z-index: 100; }

.filters .context-menu.active > label,
.filters .context-menu.clicked > label{ background: #fff; }

.filters .context-menu ul{ min-width: 220px; }

.filters.new .buttons a.button + span.next{ display: inline-block!important; margin-left: 20px; }
.filters.new{ margin: 30px 0 0 0!important; z-index: 1; }

.selected-filters > div.count{ min-width: 100px; }
.selected-filters > div{ display: inline-block; }
.selected-filters > div label{ border: 1px solid #30383A; border-radius: 4px; line-height: 24px; padding: 0 10px; display: inline-block; margin: 0 8px; }
.selected-filters > div label i{ font-size: 12px; margin-left: 10px; }
.selected-filters .filter-labels{ padding: 0 16px; }
.selected-filters .filter-labels label{ cursor: pointer; }
.selected-filters a.clear-filter{ display: none; }

form:not(.show) div.clear-filter{ display: none; }

.selected-filters > div a{ border: 1px solid #30383A; border-radius: 4px; line-height: 24px; padding: 0 10px; display: block; margin: 0 8px; }
.selected-filters > div a i{ font-size: 12px; margin-left: 10px; }


.find-artist .filters .dd > label,
.find-artist .filters .context-menu > label { background-color: #D4EEED; }
.find-artist .filters .context-menu .action a.button{ background-color: #08A7A3; color: #fff; }
.find-artist .filters .context-menu .action a.button:hover{ background-color: #53C1BF!important; transition: all .3s ease; color: #E6E6E6; }

.find-concert .filters .context-menu > label { background-color: #B3E2EC; }
.find-concert .filters .context-menu .action a.button{ background-color: #17A8C6; color: #fff; }
.find-concert .filters .context-menu .action a.button:hover{ background-color: #5DC2D7!important; transition: all .3s ease; color: #E6E6E6; }

a.blue-link:hover{ color: #5DC2D7!important; transition: all .3s ease; }

button.theme-18:hover,
a.button.theme-18:hover,
a.submit.theme-18:hover{ background-color: #5DC2D7!important; color: #fff!important; transition: all .3s ease; }

a.button.theme-09{ color: initial; }
a.button.theme-09:hover{ background-color: #F8E9EE; }

.mCSB_inside>.mCSB_container { padding-top: 2px; }

table.info{ display: table; width: 100%; }
table.info > tr > td{ display: table-cell; vertical-align: top; padding-bottom: 5px; }
table.info > div > span:not(:first-child){ padding-left: 10px; }

a.add{ display: block; background-color: #DDF2F6; text-align: center; line-height: 40px; border: 1px solid rgba(77,77,77,0.3); border-radius: 4px; }
a.add i{ font-size: 21px; position: relative; top: 2px; }
.fake-input{ display: block; line-height: 40px; border: 1px solid rgba(77,77,77,0.3); border-radius: 4px; padding: 0 15px; background-color: #d4eeed; }

.media{ display: block; background-color: #DDF2F6; line-height: 40px; border-radius: 4px; padding: 0 0 0 16px; margin-bottom: 16px; }
.media .fa-play{ font-size: 21px; position: relative; top: 2px; margin-right: 20px; }
.media .fa-times{ font-size: 12px; float: right; line-height: 40px; width: 40px; cursor: pointer; text-align: center; }

.media-wrapper{ margin-bottom: 16px; }
.media-wrapper .media{ margin-bottom: 10px; }

.field .fake-input i.fa-play{ margin-right: 10px; cursor: pointer; }
.field .fake-input i.fa-times{ float: right; margin-top: 14px; font-size: 12px; cursor: pointer; }

hr{ height: 1px; background: #3A3733; border: none; opacity: 0.1; margin-bottom: 16px; }

ul.faq > li > a{ display: block; position: relative; z-index: 1; color: #3A3733!important; font-weight: 700; }
ul.faq > li > a + div{ display: none; margin-top: 10px; padding-bottom: 10px; }
ul.faq > li > a.show::after{ transform: rotate(180deg); }
ul.faq > li > a::after{ content: ""; width: 16px; height: 16px; display: block; background: url(chevron-down.svg) center center; background-size: cover; transition: all .3s ease; position: absolute; top: 2px; right: 3px; }
ul.faq > li{ border-bottom: 1px solid #17A8C6; padding: 9px 0 8px 0; }
ul.faq > li:first-child{ border-top: 1px solid #17A8C6; }

.ratings label{ display: block; font-weight: 700; }

.datascheme:not(.edit) { display: table; border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 16px; width: 496px; max-width: 100%; }
.datascheme > label{ margin-bottom: 6px; }
.datascheme .stars{ display: table; float: left; }
.datascheme .stars + h3{ float: right; margin: 0; }
.datascheme .stars i { color: #08A7A3; margin-right: 10px; font-size: 24px; }
.datascheme .norating { display: inline-block; width: auto; border: 1px solid #08A7A3; border-radius: 4px; line-height: 24px; padding: 0 10px; font-size: 12px; color: #08A7A3; }

.datascheme .norating + div{ margin-top: 6px; }
.datascheme .norating + textarea{ margin-top: 9px; }

.datascheme .stars ul{ float: left; }
.datascheme .stars ul li{ display: inline-block; }
.datascheme p{ display: table; width: 100%; }

.datascheme.edit .stars{ margin-bottom: 9px; }
.datascheme.edit .stars ul li i{ color: #17A8C6; cursor: pointer; }
.datascheme.edit .norating.selected{ background-color: #17A8C6; color: #fff; }

.container .button.edit{ background-color: #A7084D; color: #fff; max-width: 184px!important; width: 100%; text-align: left; }
.container .button.edit:hover{ background-color: #C15383; transition: all .2s ease; }

.container .button.edit i{ color: #fff!important; }

article.box .button.edit + a.button{ margin-left: 0; margin-top: 16px; }

dialog{ top: 50%; transform: translateY(-50%); max-width: 100%; margin: 0  auto; border: none; background: none; padding: 0; overflow: visible; }
dialog::backdrop { background: rgb(0 0 0 / 0.75); }
dialog[open] .lms-overlay{ background-color: #fff; max-height: calc(100dvh - 100px); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
dialog[open] .lms-overlay > small{ text-transform: uppercase; font-size: 12px; display: block; opacity: .7; }

.lms-overlay{ box-shadow: 0 0 6px 2px rgba(0,0,0,0.5); width: 600px; max-width: 100%; border: 1px solid #94908B; padding: 50px; background-color: #fff;  border-radius: 3px; }
.lms-overlay form .field > label{ font-weight: normal; color: #3A3733; font-size: 12px; line-height: 14px; margin-bottom: 5px; }
.lms-overlay .x{ font-size: 22px; position: absolute; top: 15px; right: 15px; z-index: 1; }

.lms-overlay{ overflow: auto; max-height: calc(100vh); }

.lms-overlay form select,
.lms-overlay form input[type=email],
.lms-overlay form input[type=text]{ color: #3A3733; }

.edit.members{ margin-top: 50px; }
.edit.members .member{ background-color: #DDF2F6; padding: 15px 30px; margin-bottom: 16px; position: relative; z-index: 1; }
.edit.members .member .wrapper{ position: relative; z-index: 1; display: flex; }
.edit.members .member .fixed-inline{ width: 134px; display: inline-block; }
.edit.members .member a.edit{position: absolute;z-index: 1;top: -4px;right: -20px; color: #A7084D;font-size: 20px;}
.edit.members .member a.edit:hover{ color: #C15383; transition: all .2s ease; }

.edit.members .member h5{ margin: 0; }
.edit.members .member .info{ display: table; }
.edit.members .member form .field > label{ font-weight: normal; color: #3A3733; font-size: 12px; line-height: 14px; margin-bottom: 5px; }
.edit.members .member form select,
.edit.members .member form input[type=email],
.edit.members .member form input[type=text]{ color: #3A3733; }
.edit.members .member .dropzone{ width: 80px; height: 105px; float: left; margin-right: 25px; position: relative; top: 4px; z-index: 1; }
.edit.members .member .dropzone .dz-message{ margin: 0; height: 105px; position: relative; }
.edit.members .member .dropzone .dz-message i{ position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -7px; }
.edit.members .member .dropzone + a{ position: absolute; top: 110px; left: 25px;  }

header > div.container{ z-index: 2; }
header .search-wrapper { position: absolute; top: 88px; width: 100%; padding: 50px 0 94px 0; background-color: #F1F8F8; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);}
header .search-wrapper form{ max-width: 600px; margin: 0 auto; position: relative; }
header .search-wrapper form input[type=text]{ border: none; box-shadow: inset 0 -1px 0 0 #868078; border-radius: 0; background: none; padding-right: 40px; padding-left: 0; font-style: italic; }
header .search-wrapper form i.fa-search{ position: absolute; top: 12px; right: 0; }
header .search-wrapper form #count{ margin-top: 8px; }

.search-wrapper { position: relative; display: none; z-index: 1; overflow: hidden; max-height: 680px; }
.search-wrapper div.see-all{ height: 57px; color: #17A8C6; font-weight: 700; }
.search-wrapper div.see-all a{  }
.search-wrapper h3{ text-transform: uppercase; margin-bottom: 10px; font-size: 24px; }
.search-wrapper a.item{ display: block; white-space: pre-line }
.search-wrapper .item{ font-size: 14px; line-height: 18px; border-bottom: 1px solid #DDF2F6; padding-bottom: 6px; margin-bottom: 16px; }
.search-wrapper .item h6{ margin-bottom: 6px; font-size: 16px; }
.search-wrapper .item .text small{ font-size: 12px; }
.search-wrapper .col-sm-3 .webcontent .item .text{ height: 80px; overflow: hidden; }
.search-wrapper .col-sm-3 .artistcontent .item{ border-bottom: none; padding: 0; margin-bottom: 8px; height: 96px; overflow: hidden; background-color: #DDF2F6; }
.search-wrapper .col-sm-3 .artistcontent .item .image{ width: 110px; float: left; }
.search-wrapper .col-sm-3 .artistcontent .item .image > div{ width: 110px; height: 70px; background-size: cover!important; background-position: center center!important; }
.search-wrapper .col-sm-3 .artistcontent .item label{ display: block; text-align: center; line-height: 26px; font-weight: 600; }
.search-wrapper .col-sm-3 .artistcontent .item .text{ float: left; width: calc(100% - 110px); height: 80px; overflow: hidden; padding: 0 10px 0 15px; margin: 8px 0; }
.search-wrapper .col-sm-3 .artistcontent .item .text h6 { overflow-wrap: break-word; }
.search-wrapper::after { content: ""; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 95px;	 background: linear-gradient(180deg, rgba(241,248,248,0) 0%, rgba(241,248,248,0.08) 7.52%, rgba(241,248,248,0.58) 41.31%, #F1F8F8 100%, #DDF2F6 100%);}
.search-wrapper .search-results .container{ margin-top: 50px; }

.helptext{ font-size: 12px; line-height: 14px; }
.fake-input + .helptext{ margin-top: 8px; }

i.saved{ display: inline-block; line-height: 24px; width: 56px; text-align: center; border-radius: 3px; background-color: #D4EEED; color: #08A7A3; font-size: 14px; font-style: normal; font-weight: 700; position: absolute; top: 35px; right: 8px; }
.radiolist i.saved{ top: 30px; }

#moreinfo{ position: fixed; top: 0; max-width: 920px; width: 100%; height: 100vh; z-index: 10; background-color: #fff; right: -100%; padding: 100px 100px 50px 100px; transition: all .5s ease; overflow: auto; }
#moreinfo{ box-shadow: -2px 0 6px 0 rgba(58,55,51,0.6); }
#moreinfo.show{ right: 0; }
#moreinfo .buttons{ margin-top: 48px; }
#moreinfo .buttons .button + .button{ margin-left: 20px; }
#moreinfo a.button{ height: 40px; line-height: 40px; width: unset; padding: 0 16px; max-width: unset; }
#moreinfo a.close{ position: absolute; top: 40px; right: 40px; width: 20px; height: 20px; background: url(times-regular-blue.svg) center center no-repeat; transition: all .3s ease; }
#moreinfo a.close:hover{ background: url(times-regular-blue-hover.svg) center center no-repeat; }

#moreconcertinfo{ position: fixed; top: 0; max-width: 920px; width: 100%; height: 100vh; z-index: 10; background-color: #fff; right: -100%; transition: all .5s ease; overflow: auto; }
#moreconcertinfo{ box-shadow: -2px 0 6px 0 rgba(58,55,51,0.6); }
#moreconcertinfo.show{ right: 0; }
#moreconcertinfo a.button{ height: 40px; line-height: 40px; }
#moreconcertinfo a.close{ position: absolute; top: 50px; right: 30px; width: 40px; height: 40px; background: url(times-regular-blue.svg) center center no-repeat; transition: all .3s ease; }
#moreconcertinfo a.close:hover{ background: url(times-regular-blue-hover.svg) center center no-repeat; }


#map_canvas{ height: 100vh; max-height: 100%; position: absolute; width: 100%; top: 0; left: 0; }
#map_canvas + a.close{ right: auto; left: 30px; top: 30px; }

section.find-artist .artist:hover{ background-color: #c1bfbb; transition: all .3s ease; }
.artist .image span.nophoto{ display: block; padding-bottom: 66.66666666666667%; }

.press .item:hover .text{ background-color: #c1bfbb; }

.download a.button { max-width: 100%; min-width: 185px; }

div.season-name{ text-transform: uppercase; font-weight: 800; }

h1 + .last-modified{ margin-top: -16px; }
.last-modified{  font-size: 12px; line-height: 14px; }


.dropzone .dz-preview.dz-success .dz-remove{ display: none!important; }

article.box  table.list.data{ width: 100%; margin-bottom: 2em; }
article.box  table.list.data td:nth-child(2){ text-align: right; }
article.box  table.list.data td{ border-bottom: 1px solid #b0c1c4; }
article.box  table.list.data tr:not(:first-child) td{ padding-top: 20px; }


div.nav-links{ margin: 0; margin-top: 4em; }
div.nav-links a{ font-weight: 700; background-size: 32px 32px; line-height: 32px; }
div.nav-links a.prev{ background: url(chevron-left.svg) left center no-repeat; padding-left: 48px; }
div.nav-links a.next{ background: url(chevron-right.svg) right center no-repeat; padding-right: 48px; }

.evaluation-header h4 + h6.production-name{ margin-top: -1em; text-transform: none; }

.contact.image{ display: inline; position: relative; }
.contact.image a.remove{ position: absolute; top: -50px; right: -8px; background: #000; color: #fff; height: 24px; width: 24px; border-radius: 50%; text-align: center; }

.daterangepicker{ margin-top: -40px!important; }
.daterangepicker:before,
.daterangepicker:after{ display: none!important; }			

.daterangepicker .drp-buttons .cancelBtn{ border: none; background-color: #ccc; border-radius: 2px; cursor: pointer; display: none; }
.daterangepicker .drp-buttons .applyBtn{ border: none; background-color: #17A8C6; color: #fff; border-radius: 2px; cursor: pointer; line-height: 32px; width: 193px; font-size: 16px; padding: 0!important; }
 
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #17A8C6; color: #fff; }
.daterangepicker td.in-range { background-color: #D4EEED; }
.daterange input[type=text]{ font-size: 16px; }

.member form{ padding-top: 10px; }
.member form a.close{ position: absolute; top: 10px; right: 13px; width: 20px; height: 20px; background: url(times-regular-blue.svg) center center no-repeat; transition: all .3s ease; }
.member form a.close:hover{ background: url(times-regular-blue-hover.svg) center center no-repeat; }

.program h2 { padding-right: 35px; }

.program .context-menu { min-width: 290px; }
.program .context-menu ul{ width: 100%; }

header .login b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 2px; }

section.stats.new{ padding: 0; }
section.stats.new > div.container > div.row > div{ padding-top: 8px; padding-bottom: 8px; } 
section.stats.new > div.container > div.row > div:not(:last-child)::after{ content: ""; display: block; width: 1px; height: 72px; border-right: 1px solid #ECDEBE; position: absolute; right: 15px; top: 0; }


section.stats.new div.single-chart{ margin: 0 -8px; width: unset; text-align: left; font-size: 14px; line-height: 18px; }
section.stats.new div.single-chart a.button{ min-width: 110px; line-height: 32px; margin-top: 0; }
section.stats.new div.single-chart > div{ padding: 0 8px; }
section.stats.new .single-chart svg{ width: 60px; margin: 0; }
section.stats.new .circular-chart { display: block; max-width: 56px; max-height: 56px; }
section.stats.new .circular-chart .circle-bg { stroke-width: 10; }
section.stats.new .circular-chart .circle { stroke-width: 10; }
section.stats.new .single-chart div.text{ width: 166px; }
section.stats.new .single-chart table.evaluation{ width: 240px; }
section.stats.new .single-chart table.evaluation td{ padding: 0; text-align: left!important; }

section.summary{ background: #ECDEBE; padding: 16px 0 15px 0; position: fixed; width: 100%; bottom: 0; z-index: 9; left: 50%; transform: translateX(-50%); }
section.summary a.button{ padding: 0 20px; }
section.summary span{ display: inline-block; margin-left: 16px; }

section.summary div.info{ text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
section.summary div.col-auto + div.col-auto{ padding-left: 56px; }

section.summary div.total{ font-weight: 700; margin-right: 49px; display: inline-block; border-bottom: 1px solid; height: 22px; }

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

#moreinfo div.indberetning h5 img{ display: inline-block; margin-right: 17px; position: relative; top: -2px; }
#moreinfo div.indberetning h5 a.update{ margin-left: 25px; position: relative; top: -4px; }
#moreinfo div.indberetning div.info label > img{ display: inline-block; margin-right: 10px; position: relative; top: -2px; }
#moreinfo div.indberetning .info label{ margin-bottom: 10px; }

#moreinfo div.indberetning div.est-distance{ position: relative; width: 93px; }
#moreinfo div.indberetning div.est-distance input{ text-align: right; padding-right: 42px; padding-left: 5px; }
#moreinfo div.indberetning div.est-distance > span{ position: absolute; top: 9px; right: 15px; font-size: 18px; width: unset; }
#moreinfo div.indberetning small.smaller{ font-size: 12px; }
#moreinfo div.indberetning div.info { margin-bottom: 30px; }

#moreinfo.indberetning{ max-width: 710px; padding-top: 70px; opacity: 0; }
#moreinfo.indberetning.show{ opacity: 1; }

#moreinfo.indberetning div.dropzone{ background-color: #DDF2F6; border: 1px solid #30383A; border-radius: 4px; padding: 8px; margin: 0; cursor: pointer; }
#moreinfo.indberetning div.dropzone div.dz-message{ border: 1px dashed #D5D5D5; border-radius: 4px; height: 100%; height: 88px; display: flex; align-items: center; justify-content: center; margin: 0; }
#moreinfo.indberetning div.dropzone div.dz-message span.button{ width: 185px; line-height: 32px; text-align: center; border-radius: 4px; }

div#moreinfo div.image.receipt{ width: 288px; height: 288px; position: relative; background-color: #dedfe1!important; }

div.item > div.image.receipt { position: relative; padding-bottom: 100%;  background-color: #dedfe1!important; }
div.image.receipt img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; }
div.image.receipt i{ position: absolute; top: 0; right: 0; cursor: pointer; padding: 7px 9px; }

#moreinfo.indberetning form div.buttons{ margin-top: 50px; }
#moreinfo.indberetning form div.buttons a.button{ width: unset; max-width: unset; padding: 0 15px!important; }
#moreinfo.indberetning form div.buttons a + a { margin-left: 25px; }

#moreinfo.indberetning form div.date-picker{ position: relative; }
#moreinfo.indberetning form div.date-picker input{ background-color: transparent; position: relative; z-index: 1; cursor: pointer; }
#moreinfo.indberetning form div.date-picker i{ position: absolute; font-size: 24px; color: #74706b; right: 10px; top: 8px; }

#moreinfo div.program div.artist{ position: relative; }
#moreinfo div.program div.artist img { width: 100%; height: auto; }
#moreinfo div.program div.artist label { font-weight: bold; padding: 3px 15px 2px 15px; position: absolute; bottom: 0; left: 0; }

section.receipts{  }
section.receipts div.item{ margin: 15px 0; background-color: #E3E1DE; position: relative; }

section.receipts div.item .checkbox{ position: absolute; top: 0; left: 15px; z-index: 2; }
section.receipts div.item .checkbox input + label:before { background: #fff; }

section.receipts div.item div.image p{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: rgba(249,176,4,.8); font-size: 18px; font-weight: 700; text-align: center; }
section.receipts div.item div.data{ padding: 15px; position: relative; }
section.receipts div.item div.data b + p{ margin-top: 8px; }
section.receipts div.item div.data a.blue-link{ position: absolute; top: 12px; right: 15px; font-size: 24px; }

section.resume table{ width: 100%; }
section.resume div.container + div.container{ margin-top: 25px; }
section.resume table td a.blue-link{ font-weight: 700; margin-left: 25px; }

section.resume table.list td{ border-bottom: 1px solid #B3E2EC; padding: 15px 15px; }
section.resume table.list td:nth-child(1){ width: 100px; }
section.resume table.list td:nth-child(3){ width: 150px; text-align: right; }
section.resume table.list td:nth-child(4){ width: 150px; text-align: right; }

section.resume table.list tr.receipts{ display: none;}
section.resume table.list tr.receipts.open{ display: table-row; }
section.resume table.list tr.receipts td{ padding: 0; }
section.resume table.list tr.receipts section.receipts{ padding: 0; }
section.resume table.list tr.receipts section.receipts div.container{ padding: 0; margin-top: -15px; }
section.resume table.list tr.receipts section.receipts div.container::before{ content: ""; display: block; position: absolute; top: 14px; width: 100%; height: 1px; background-color: #fff; z-index: 2; }

section.resume table.total{ margin-top: 24px; }
section.resume table.total td{ font-weight: 700; background: #DDF2F6; padding: 13px 15px; }
section.resume table.total td:last-child{ text-align: right; }

section.resume table.invoice td{ border-bottom: 1px solid #B3E2EC; padding: 15px 15px; background-color: #f7fcfd; }
section.resume table.invoice td:not(:first-child){ width: 150px; text-align: right; }

section.resume div.pre-line{ white-space: pre-line; }

section.resume hr{ background: #b3e2ec; opacity: 1; margin: 25px 0 30px 0; }

section.resume a.button{ width: unset; max-width: unset; padding: 0 20px; }

a.button.danger { background-color: #BF0F0F!important; color: #fff; }


div.indberetninger table{ width: 100%; border-collapse: collapse; }
div.indberetninger table thead{ background-color: #DDF2F6; }
div.indberetninger table :is(th,td){ text-align: left; padding: 8px 16px; }
div.indberetninger table td{ box-shadow: inset 0px -1px 0px #B3E2EC; }

.three-col{ text-align: center; }
.three-col .image{ margin-bottom: 15px; height: 78px; line-height: 78px; }
.three-col .image img{ width: auto; height: auto; max-height: 78px; }
.three-col a{ font-size: 18px; }
.three-col h3{ margin-bottom: 1em; font-size: 32px;  }

section.three-col + section.three-col{ padding-top: 0; }

.three-col .wrapper{ width: 288px; height: auto; margin: 0 auto; padding: 20px; }

section.banner + section.banner{ padding: 50px 0; }
section.banner { position: relative; z-index: 1; padding: 0; }
section.banner.info .container{ overflow: hidden; text-align: left!important;  }
section.banner.info .image,
section.banner.info .image a{ display: block; position: absolute; z-index: -1; min-width: calc(100% - 16px); min-height: 100%; top: 0; left: 8px; background-size: cover!important; }

section.banner.info .image img{ min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; }
section.banner.info .image img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


section.banner.info .wrapper{ min-height: 300px; max-width: 360px; padding: 40px; margin: 0; }

section.banner.info *{ color: #fff; text-transform: none; font-weight: 600; }
section.banner.info h3{ color: #fff; font-size: 24px; }
section.citat h3{ color: #fff; font-size: 24px; }

footer{ background-color: #3A3733; padding: 50px 0; max-width: 2000px; margin: 0 auto; color: #fff; font-size: 14px; line-height: 18px;  }

footer .info{ float: left; margin-right: 50px; }
footer .SoMe{ float: left; }

footer .info:last-child{ margin: 0; }

footer .SoMe a + a{ margin-left: 32px; }

footer a.logo{ margin-top: -14px; display: inline-block; }
footer h5{ text-transform: uppercase; margin: 0; }
footer .sponsored{ text-align: left; display: inline-block; margin-top: -16px; }

footer a.policies{ color: #C1B8AD; margin-top: 50px; }

section.newsletter{ background-color: #F9B004; }
section.newsletter h4{ color: #fff; line-height: 40px; float: left; margin-left: 30px; font-size: 20px; }
section.newsletter form .wrapper{ width: 100%; max-width: 474px; float: right; }
section.newsletter form input[type=email]{ background-color: #ECDEBE; border: 2px solid #ECDEBE; }
section.newsletter form .action{ max-width: 195px; }
section.newsletter form button.submit + a{ display: inline-block; font-size: 14px; width: 195px; text-align: center; position: relative; bottom: -8px; }

form .response{ color: #BF0F0F; font-size: 14px; font-weight: 700; margin-top: 5px; display: none; }

footer a:hover{ color: #E6E6E6; }


.circular-chart {
  display: block;
  max-width: 120px;
  max-height: 120px;
}

.circle-bg {
  fill: none;
  stroke: #e2ded5;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 3.6;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart .circle {
  stroke: #08A7A3;
}

.percentage {
  font-size: 0.6em;
  font-weight: 800;
  text-anchor: middle;
}

.hidden{ display: none; }


@media (min-width: 992px){
	
	
	.koncert-list div.date strong{ display: block; }
	#toggleFilter{ display: none; }
	
	form.filters > a.button.secondary5{ display: none; }
	
	section.stats > .container,
	section.member nav { display: block!important; }
	
	a.toggler{ display: none; }
	
	/*header .band-name{ display: none; }*/
	
}


@media (min-width: 1024px){
	.three-col .wrapper:hover{ box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5), 0 0 6px 0 rgba(0,0,0,0.5); transition: all .3s ease; }
}

@media (max-width: 1240px){

	header .band-name{ font-weight: 700; color: #F9B004; text-transform: uppercase; height: 64px; line-height: 64px;  padding: 0 40px; }
	
	header .search-wrapper { top: 64px; }
	header .search-wrapper { max-height: calc(100vh - 64px); overflow: auto; }

	div.member-fixed { top: 64px!important; }
	div.member-fixed section.member nav { float: left; width: calc(100% - 176px); margin: 0; box-shadow: unset; border-right: 1px solid #E3E1DE; }	

	ul.burger { position: relative; top: 3px; right: 0; cursor: pointer; }
	ul.burger { background: rgba(0,0,0,0); padding: 0px; width: 16px; height: 20px; display: block; margin: 0 auto; }
	ul.burger li{ display: block; height: 2px; background: #3A3733; margin: 0; padding: 0; }
	ul.burger li:nth-child(2){ margin: 2px 0; transition: all 0.3s ease; }
	
	header ul.menu span.haschild { display: inline-block; background: url(chevron-down.svg) center center no-repeat; background-size: 16px 16px; width: 24px; height: 24px; position: absolute; top: 20px; right: 19px; cursor: pointer; transition: all .2s ease; }
	header ul.menu span.haschild.True { transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: all .2s ease; }

	
	ul.burger.open li:nth-child(1){ -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.3s ease; position: relative; top: 2px; }
	ul.burger.open li:nth-child(2){ display: none; }
	ul.burger.open li:nth-child(3){ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.3s ease; }
	
	
	header nav { display: none; float: none; position: fixed; height: 100vh; overflow: auto; width: 100%!important; margin: 0px; background-color: #fff; z-index: 5; left: 0; }
	header div.close-nav{ width: 64px; height: 64px; position: absolute; top: 0; right: 0; }
	header div.close-nav a{ width: 64px; height: 64px; background: url(black-x.svg) center center no-repeat; background-size: 16px 16px; }
	
	header ul.menu { display: block; height: auto; margin: 0; padding: 0; float: none; }
	header ul.menu li { display: block; float: none; padding-top: 0px; margin: 0; }
	header ul.menu li a{ height: 64px; line-height: 64px; padding: 0 40px; }
	
	header ul.menu > li{ border-top: 1px solid #e3e1de; }
	header ul.menu > li > a.True { border-bottom: none; color: #F9B004; }
	
	header ul.menu > li > ul { position: static; width: 100%; padding-top: 0; display: none; border-top: 1px solid #e3e1de; }
	header ul.menu > li > ul.True{ display: block; }
	
	header ul.menu > li > ul > li { padding: 0; background-color: #F9B004; border: none; box-shadow: inset 0 0 0 0 #E3E1DE; border-bottom: 1px solid #e3e1de; }
	header ul.menu > li > ul > li:last-child{ border: none; }
	
	header nav .contacts{ border-bottom: 1px solid #e3e1de; }
	header nav .contacts a{ display: block; height: 64px; line-height: 64px; padding: 0 40px; border-top: 1px solid #e3e1de; font-size: 18px; font-weight: 700; color: #08A7A3 }
	header nav .contacts a.phone::before{ content: ""; display: inline-block; width: 32px; height: 32px; background: url(mobile.svg) center center no-repeat; margin-right: 16px; position: relative; top: 8px; }
	header nav .contacts a.mail::before{ content: ""; display: inline-block; width: 32px; height: 24px; background: url(envelope.svg) center center no-repeat; margin-right: 16px; position: relative; top: 7px; }
	
	header{ height: 64px; }
	header a.logo { width: 146px; height: 38px; }

	header .search{ height: 63px; }

	header .search a,
	header a.burger-wrapper,
	header .login > a{ width: 59px; height: 63px; padding-top: 11px; background-color: #fff; border-left: 1px solid #E3E1DE; }
	
	header a.burger-wrapper{ float: right; border-right: 1px solid #E3E1DE; position: relative; text-align: center; font-size: 14px; padding-top: 13px; }

	.fixed-menu{ height: 64px; }
	div.member-fixed { top: 64px; }
	section.member nav { width: calc(100% - 166px); height: 48px; margin-left: 0px; box-shadow: inset -1px 0 0 0 #E3E1DE, inset 0px 0 0 0 #E3E1DE; text-align: right; }
	
	
	section.member nav ul {
		display: inline-block;
	}

	
	body { padding-top: 64px; }
	
}

@media (max-width: 1199px){
	div.tourplans.indberetning .table.line > div{ display: block; position: relative; padding: 10px 0; box-shadow: inset 0px -1px 0px #B3E2EC; }
	div.tourplans.indberetning .table.line > div > span{ display: inline-block; border: unset; }

	div.indberetning .tourplan div.table.line span.price{ line-height: unset; width: unset; position: absolute; top: 24px; right: 55px; }
	
	div.tourplans.indberetning .table.line > div > span.distance{ position: absolute; top: 24px; right: 55px; }

	div.tourplans.indberetning .table.line > div > span.chevron-right{ position: absolute; bottom: 13px; right: 0; width: 50px!important; margin: 0!important; }

	div.tourplans.indberetning .table.line > div > span.from,
	div.tourplans.indberetning .table.line > div > span.diet{ display: block; width: unset; padding-left: 64px; }
	div.tourplans.indberetning .table.line > div > span.arrow img{ margin-left: 4px; position: relative; top: -2px; }

	div.tourplans.indberetning .table.line > div > span.from > div.comma,
	div.tourplans.indberetning .table.line > div > span.destination > div.comma{ display: inline; }

	div.tourplans.indberetning .table.line > div > span.from > div.comma::before,
	div.tourplans.indberetning .table.line > div > span.destination > div.comma::before{ content: ","; display: inline-block; margin-right: 3px; }

	div.indberetning .tourplan div.table span.from,
	div.indberetning .tourplan div.table span.destination{ width: unset; }

	div.indberetning .table.totals span{ width: 33.33%; padding: 0 15px!important; }
	div.indberetning .table.totals span:first-child{ text-align: left!important; }
}

@media (max-width: 991px){

	.desktoponly{ display: none; }
	.mobileonly{ display: block; }
	
	
	div.member-fixed { top: unset!important; bottom: 0; }
	section.member .band-name { display: none!important; }
	
	body { padding-top: 64px; }
	
	article + article { margin-top: 0; padding-top: 0; }
	article.box { padding: 20px 15px; margin-top: 2em!important; }
	
	div.fixed-menu + article.box{ margin-top: 0!important; }
	div.member-fixed + article.box{ margin-top: 0!important; }
	
	.content.slideUp { margin-top: 0; transform: translateY(0px); transition: all 0s ease; }
	.content { padding: 0; }
	
	section.banner.hasimage0 .filler,
	section.banner.hasimageFalse .filler{ background-color: #fff; height: 0; }
	
	div.production{ padding-top: 32px; }
	
	article, section { padding: 32px 0; }

	div.content > article:first-child{ padding-top: 0; }
	
	.koncert-list{ padding: 15px; position: relative; display: block; }
	.koncert-list .img{ display: none!important; }
	.koncert-list > div{ display: block; width: auto!important; padding: 5px 0; }
	.koncert-list > div.date strong{ font-weight: 400; display: inline; margin-right: 5px; }
	
	.koncert-list > div.artist strong{ font-size: 24px; text-transform: uppercase; font-weight: 800; }
	
	.find-concert .results{ margin-left: -15px; margin-right: -15px; }
	
	#toggleFilter a{ display: block; color: #fff; max-width: 100%; }
	
	.selected-filters .filter-labels { padding: 0; }
	.selected-filters > div label	{ margin: 0 5px 7px 5px; white-space: nowrap; }
	.selected-filters > div a	{ white-space: nowrap; }
	
	.selected-filters { top: -22px; }
	
	form.show .selected-filters { position: static; border-top: 1px solid #e3e1de; margin-top: 64px; height: 64px; overflow-y: hidden; overflow-x: auto; margin-bottom: 55px; -webkit-overflow-scrolling: touch; }
	
	form .selected-filters .filter-labels { display: none; }
	/*
	form.show .selected-filters .filter-labels{ display: block; padding: 16px 0;
			display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;	
	}
	*/
	
	form.show .selected-filters > div.count{ display: none; }
	
	form[name=findartist] + .results,
	form[name=findconcert] + .results { margin-top: 64px; }
	
	form + .results { margin-top: 32px; padding: 0; }
	
	/*.selected-filters > div.count { padding-bottom: 15px; position: absolute; }*/
	.selected-filters > div.count {
		padding-bottom: 0;
		position: absolute;
		top: 84px;
		left: 15px;
		z-index: 2;
	}
	
	
	form.filters.show{ position: fixed; height: 100vh; padding-bottom: 130px; width: 100%; overflow: auto; background-color: #fff; top: 0; z-index: 15; display: block!important; -webkit-overflow-scrolling: touch; }
	
	form.filters.show .dd > label{ background-color: #fff; }
	
	
	form.filters .clear-filter{ display: none!important;  }
	form.filters.show .clear-filter{ display: block!important; position: absolute; top: 22px; left: 12px; border: none; padding: 0; }
	
	form[name=findconcert] .clear-filter,
	form[name=findartist] .clear-filter{ margin-bottom: 80px; }
	
	/*
	form.filters .context-menu ul{ display: block!important; position: static; }
	form.filters .context-menu .action,
	form.filters .context-menu > label{ display: none; }
	*/
	
	

	
	form.filters.show .dd { box-shadow: 0 2px 4px 0 rgba(0,0,0,0); border-bottom: 1px solid #e3e1de; margin-bottom: 10px; border-radius: 0; }
	form.filters .context-menu ul { box-shadow: 0 2px 4px 0 rgba(0,0,0,0); border-bottom: 1px solid #e3e1de; margin-bottom: 10px; border-radius: 0; }
	form.filters .context-menu ul li{ border: none; }
	form.filters .context-menu ul li:first-child > label{ font-size: 20px; text-transform: uppercase; font-weight: 800; }
	form.filters .search-phrase-wrapper{ position: absolute; width: 100%; top: 130px; padding: 0 20px!important; }
	form.filters .search-phrase-wrapper input[type=text]:focus{ padding: 0; }
	form.filters .search-phrase-wrapper input[type=text] + i.fas { right: 25px; }
	form.filters  a.close{ width: 64px; height: 64px; background: url(black-x.svg) center center no-repeat; background-size: 16px 16px; position: absolute; top: 0; right: 0; display: none; }
	form.filters > a.button{ position: fixed; bottom: 0; z-index: 10; width: 100%; line-height: 63px; border-radius: 0; max-width: 100%; margin-top: -10px; display: none; color: #fff; }
	
	form.filters.show .adaptive,
	form.filters.show a.close,
	form.filters.show div.clear-filter,
	form.filters.show > a.button{ display: block!important; }
	
	form.filters.show .adaptive{ padding: 0; }
	form.filters.show .adaptive .dd ul{ position: relative; }
	
	.context-menu ul li .scrollbar {  max-height: 210px; }
	
	form.filters.show .col-6,
	form.filters.show #toggleFilter{ display: none; }

	form.row.filters { margin-bottom: 0; }
	
	form.row.filters #download{ display: none!important; }
	
	
	.daterangepicker{ top: auto!important; bottom: 90px; }
	div.daterange { background-color: #fff; padding: 10px 20px 20px 20px; }
	div.daterange #daterange{ padding: 0; }
	.daterange::before{ content: "Periode"; display: block; font-size: 20px; text-transform: uppercase; font-weight: 800; }
	.daterangepicker .drp-selected{ display: block; text-align: left; margin-bottom: 10px; }
	div.daterange span { top: 50px; transform: rotate(180deg); left: 200px; right: auto; }
	div.daterange.focus span { transform: rotate(360deg); }
	
	.fixed-menu { height: 64px; }
	
	section.member .band-name { float: none; display: block; line-height: 48px; width: 100%; }
	section.member .band-name span { width: 100%; }
	
	.member-fixed ul.burger{ display: block; position: absolute; top: 0; left: 0; margin: 0; width: 48px; height: 48px; padding: 18px 16px 0 16px; }
	.member-fixed ul.burger li{ background: #fff; }
	
	div.member-fixed section.member { background-color: #fff!important; box-shadow: inset 0 -1px 0 0 #E3E1DE, 0 -1px 0 0 #3A3633;  }
	div.member-fixed section.member .container { height: 64px; }
	
	div.member-fixed section.member nav{ float: none; width: auto; margin: 0 -15px; }
	div.member-fixed section.member nav ul{ padding: 0; display: flex; flex-wrap: nowrap; }
	div.member-fixed section.member nav ul > li { float: none; padding: 0;  }
	div.member-fixed section.member nav ul > li a{ color: #94908B; font-size: 10px; font-weight: 400;	line-height: 1; display: block; }
	
	section.member nav ul > li{ width: 20%; text-align: center; line-height: 1; }
	section.member nav ul > li a{ border: none!important; height: 64px; padding-top: 11px; }
	section.member nav ul > li a::before{ content: ""; display: block; width: 24px; height: 24px; margin: 0 auto; margin-bottom: 7px; }


	section.member nav ul > li.start a::before{ background: url('icon start.svg') center center no-repeat; }
	section.member nav ul > li.indberetning a::before{ background: url('icon indberetning.svg') center center no-repeat; }

	section.member nav ul > li.koncerter a::before,
	section.member nav ul > li.møder a::before,
	section.member nav ul > li.turnéplan a::before{ background: url('icon turneplan.svg') center center no-repeat; }
	
	section.member nav ul > li.møder a.True::before,
	section.member nav ul > li.koncerter a.True::before,
	section.member nav ul > li.turnéplan a.True::before{ background: url('icon turneplan-hover.svg') center center no-repeat; }
	
	section.member nav ul > li.evalueringer a::before{ background: url('icon evalueringer.svg') center center no-repeat; }
	section.member nav ul > li.evalueringer a.True::before{ background: url('icon evalueringer-hover.svg') center center no-repeat; }

	section.member nav ul > li.kontaktperson a::before,
	section.member nav ul > li.stamdata a::before,
	section.member nav ul > li.kommuneprofil a::before,
	section.member nav ul > li.profil a::before{ background: url('icon profil.svg') center center no-repeat; }
	
	section.member nav ul > li.kontaktperson a.True::before,
	section.member nav ul > li.stamdata a.True::before,
	section.member nav ul > li.kommuneprofil a.True::before,
	section.member nav ul > li.profil a.True::before{ background: url('icon profil-hover.svg') center center no-repeat; }

	section.member nav ul > li.medlemmer a::before,
	section.member nav ul > li.elever a::before{ background: url('icon elever.svg') center center no-repeat; }
	
	section.member nav ul > li.start a.True::before{ background: url('icon start-hover.svg') center center no-repeat; }
	section.member nav ul > li.indberetning a.True::before{ background: url('icon indberetning-hover.svg') center center no-repeat; }

	section.member nav ul > li.medlemmer a.True::before,
	section.member nav ul > li.elever a.True::before{ background: url('icon elever-hover.svg') center center no-repeat; }

	section.member nav ul > li.produktioner a::before{ background: url('icon produktioner.svg') center center no-repeat; }
	section.member nav ul > li.produktioner a.True::before{ background: url('icon produktioner-hover.svg') center center no-repeat; }
	
	section.member nav ul > li.ansøgning a::before{ background: url('icon ansøgninger.svg') center center no-repeat; }
	section.member nav ul > li.ansøgning a.True::before{ background: url('icon ansøgninger-hover.svg') center center no-repeat; }

	section.member nav ul > li.dokumenter a::before,
	section.member nav ul > li.kontrakt a::before{ background: url('icon kontrakt.svg') center center no-repeat; }
	
	section.member nav ul > li.dokumenter a.True::before,
	section.member nav ul > li.kontrakt a.True::before{ background: url('icon kontrakt-hover.svg') center center no-repeat; }

	section.member nav ul > li.skoleprofil a::before,
	section.member nav ul > li.spillesteder a::before,
	section.member nav ul > li.skoler a::before{ background: url('icon skoler.svg') center center no-repeat; }
	
	section.member nav ul > li.skoleprofil a.True::before,
	section.member nav ul > li.spillesteder a.True::before,
	section.member nav ul > li.skoler a.True::before{ background: url('icon skoler-hover.svg') center center no-repeat; }
	
	
	a.toggler{ display: block; height: 64px; text-align: center; max-width: 100%!important; background-color: #F5F1E8; }
	a.toggler::after{ content: ""; display: block; width: 20px; height: 20px; margin: 0 auto; background: url(chevron-down.svg) center center no-repeat; background-size: 14px 14px; }
	section.stats{ padding: 0; }
	
	

	section.stats.new > .container{ display: block; }
	section.stats.new div.single-chart{ padding: 0; }
	section.stats.new div.single-chart > div { padding: 0 7px; }
	
	section.stats.open > .container{ display: block; }
	section.stats.open{ padding: 25px 0; }

	section.find-concert div.links { margin: 16px 0; }
	
	section.stats.open a.toggler{ margin-bottom: -25px; margin-top: 25px; text-indent: 9999px; overflow: hidden; }
	section.stats.open a.toggler::after { position: relative; top: -15px; transform: rotate(180deg); }
	
	.charts{ display: flex; margin: 0 -15px; padding: 50px 0; }
	.single-chart { width: 50%; padding: 0 15px; margin: 0; }
	
	.schoolcontact{ margin-bottom: 50px; }
	
	form.filters .buttons { display: none; }
	form.filters .download { display: none; }
	
	form.filters.indberetning .buttons { display: block; position: absolute; top: 100%; right: 15px; margin-top: 15px; }

	.row article.box { margin-left: -15px; margin-right: -15px; }
	
	section.school-name { padding: 25px 0; }
	section.school-name h1 + .last-modified { margin: -10px 0 0 0!important; }
	
	section.school-name + section.edit-form,
	section.school-name + section.find-concert{ padding-top: 0; }
	
	ul.schooladmin { max-width: none; width: auto; margin-left: -15px; margin-right: -15px; margin-bottom: 25px; }
	ul.schooladmin a { padding: 0 15px; }
	
	form.familiekoncert{ padding-top: 25px; }

	section.summary { bottom: 64px; }
	section.summary div.diet { width: unset; }
	section.summary div.distance { width: unset; }

	form.filters.indberetning div.datetimepicker,
	form.filters.indberetning div.context-menu,
	form.filters.indberetning div.dd{ float: left!important; width: calc(33.33333% - 20px)!important; margin-top: 0!important; min-width: unset; }

	form.filters.indberetning div.dd + div.dd{ margin-left: 30px; }
	form.filters.indberetning .dd > label{ max-width: unset; }
	.tourplans.indberetning { margin-top: 15px;	}

	

}	

@media (max-width: 767px){
	
	/*
	.find-concert form.filters .col-12{ padding-top: 55px; }
	.find-concert .adaptive-production{ position: absolute; top: 0; width: 100%!important; left: 0; z-index: 10; }
	*/
	
	footer { padding: 25px 0; }
	
	/*
	.tourplan .table { display: block; }
	*/

	.tourplan .table.totals { display: table; }
	
	
	.find-productions  form.filters .dd,
	.find-concert form.filters .col .dd{ width: 100%; margin: 15px 0 0 0;  min-width: 0!important; }
	.find-concert form.filters .col .dd:first-child{ margin: 0; }
	
	.find-productions  form.filters .dd,
	.find-concert form.filters .col .dd ul{ min-width: 100%;  }
	
	.row.results,
	.tourplans { margin-top: 15px; }
	
	div.dd.clicked{ z-index: 11; }
	
	.tourplans .tourplan > .row { margin: 0!important; }
	.tourplans .tourplan .overview{ padding: 0 15px; margin: 0!important; }
	.tourplans .tourplan .overview > div{ padding: 0!important; }
	.tourplans .tourplan .overview > div.links{ margin-top: 10px; }
	.tourplans .tourplan a.artist{ margin-left: -15px; margin-right: -15px; display: block; background-color: #B3E2EC; padding: 0 15px 15px 15px; margin-bottom: 15px; min-height: 42px; }
	.tourplans .artistinfo .buttons { margin: 15px 0; }
	.tourplans .tourplan a.artist > label { left: 15px; }
	
	
	.tourplan .table.line span{ display: block; border: none!important; }
	.tourplan .table.line > div { border-bottom: 1px solid #DDF2F6; display: block; padding: 13px 15px; position: relative; }
	
	#moreinfo { padding: 0; }
	#moreinfo form{ padding: 15px; }
	#moreinfo .program hr { margin: 20px -15px; }
	#moreinfo div.nav-links { margin: 0; padding: 1em 0 2em 0; }
	
	#moreconcertinfo a.close,
	#moreinfo a.close { top: 15px; right: 15px; width: 32px; height: 32px; z-index: 3; }
	
	#moreinfo .evaluation-header { margin: -15px -15px 0 -15px; padding: 15px 15px 25px 15px; }
	#moreinfo .datascheme:not(.edit) { display: block; }
	
	#moreinfo .program .ratings { padding-top: 25px; }
	#moreinfo .datascheme .stars { display: inline-block; float: none; }
	#moreinfo .datascheme .stars + h3 { float: right; margin: 0; display: inline-block; }
	
	#moreinfo div.nav-links a.prev { padding-left: 25px; }
	#moreinfo div.nav-links a.next { padding-right: 25px; }
	
	#moreinfo.meetings hr{ display: none; }

	footer a.logo { margin: 0 0 1.5rem 0; }
	footer a.policies { margin-top: 30px; }


	/*
	.tourplan .table.line > div > span { padding: 2px 0; width: 100%; }
	.tourplan .table.line > div > span.locations { white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
	.tourplan .table.line .chevron-right { width: 10px!important; height: 22px; position: absolute; top: 50%; right: 20px; margin-top: -11px; }
	.tourplan .links { text-align: left; padding-top: 10px!important;}
	
	.tourplan .links * { margin-right: 0; margin-left: 0!important; }
	.tourplan .links *:last-child { margin-right: 0; float: right; }

	*/
	
	
	
	.koncert-list .chevron-right { width: 10px!important; height: 22px; position: absolute; top: 50%; right: 20px; margin-top: -11px; }
	.koncert-list .links * { margin: 0 20px 0 0 ; }
	.koncert-list *:last-child { margin-right: 0; }
	
	section.applications .container{ padding: 0; }
	section.applications table.applications,
	section.applications table.applications tbody,
	section.applications table.applications tr{ display: block!important; border-spacing: 0!important; }
	
	table.applications td{ display: block!important; border: none!important; padding: 2px 0; text-align: left!important; }
	table.applications tr { border-bottom: 1px solid #DDF2F6!important; display: block!important; padding: 13px 15px!important; position: relative; }
	table.applications .links { position: absolute; top: 50%; right: 20px; margin-top: -17px; }
	table.applications .links a{  width: 27px!important; height: 27px; overflow: hidden;  }
	
	section.applications h4:not(.table-title){ padding: 0 15px; }
	

	
	div.application ul.steps { max-width: 100%; display: none; }
	div.application .sticky ul.steps li{ margin-left: -15px; margin-right: -15px; }
	div.application .sticky ul.steps li a{ padding: 8px 15px; }
	div.application .sticky { margin-bottom: 50px; }
	div.application a.back { top: -25px; }
	div.application #helptext{ display: none!important; }
	
	h1 + .last-modified { margin: -10px 0 2em 0!important; }
	.mb-default3x{ margin-bottom: 2em; }
	
	.classes div.wrapper { margin: 0 -15px; padding: 0 8px } 
	.classes div.wrapper > div { margin-bottom: 16px; width: 25%; margin-right: 0; padding: 0 8px; }
	
	.preschool{ margin-bottom: 17px; }
	.middleschool{ margin-bottom: 17px; }
	
	table.schools{ margin: 0 -15px; width: auto; border-top: 1px solid #B3E2EC; }
	table.schools,
	table.schools tbody,
	table.schools tr,
	table.schools td{ display: block!important; position: relative; }
	table.schools tr:first-child{ display: none!important; }
	table.schools tr{ padding: 10px 15px; border-bottom: 1px solid #B3E2EC; }
	table.schools td{ border: none; padding: 0; height: auto; background-color: #fff!important; }
	table.schools td b{ display: block; margin-bottom: 10px; }
	table.schools .chevron-right { width: 10px!important; height: 22px; position: absolute; top: 50%; right: 20px; margin-top: -11px; }
	
	section.school-name a.back { margin-bottom: 25px; }
	
	ul.schooladmin > li { display: none; border-top: 1px solid #ad7519; margin-top: -1px; }
	ul.schooladmin.open > li { display: block; }
	ul.schooladmin > li.True{ display: block; }
	ul.schooladmin > li.True span{ width: 48px; height: 48px; display: block; background: url(chevron-down.svg) center center no-repeat; background-size: 16px 16px; position: absolute; top: 0; right: 0; z-index: 2; }

	table.meetings + table.meetings{ margin-top: 64px; }
	
	table.meetings{ margin: 0 -15px; width: auto; border-top: 1px solid #B3E2EC; }
	table.meetings,
	table.meetings tbody,
	table.meetings tr,
	table.meetings th,
	table.meetings td{ display: block!important; position: relative; }
	table.meetings tr:first-child{ padding: 0; }
	table.meetings tr:first-child th{ padding-top: 14px; }
	table.meetings tr{ padding: 10px 15px; border-bottom: 1px solid #B3E2EC; background-color: #fff!important; }
	table.meetings td{ border: none; padding: 2px 0; height: auto; background-color: #fff!important; }
	table.meetings td b{ display: block; margin-bottom: 10px; }
	table.meetings .chevron-right { width: 10px!important; height: 22px; position: absolute; top: 50%; right: 20px; margin-top: -11px; }	
	
	table.meetings td.location{ font-weight: 800; }
	
	div.documents{ margin-left: -15px; margin-right: -15px; }

	ul.steps > li { display: none; border-top: 1px solid #ad7519; margin-top: -1px; }
	ul.steps.open > li { display: block; }
	ul.steps > li.active{ display: block; }
	ul.steps > li.active span{ width: 48px; height: 48px; display: block; background: url(chevron-down.svg) center center no-repeat; background-size: 16px 16px; position: absolute; top: 0; right: 0; z-index: 2; }



	form.filters { margin-top: 16px; }
	form.filters.indberetning div.mobilepad{ padding-top: 55px; }

	
	form.filters.indberetning div.context-menu.adaptive-members{ width: 100%; }
	form.filters.indberetning div.dd.adaptive-production{ position: absolute; width: calc(100% - 30px)!important; top: 0; left: 15px; margin: 0!important; }

	
	form.filters.indberetning div.dd{ float: left!important; width: calc(50% - 10px)!important; }

	form.filters.indberetning div.context-menu.adaptive-members{ margin-left: 0; margin-top: 16px!important; margin-bottom: 16px!important; min-width: unset!important; width: 100%!important; }
	form.filters.indberetning div.datetimepicker{ margin-left: 0; margin-top: 16px!important; min-width: unset!important; width: 100%!important; }

	form.filters.indberetning div.dd + div.dd{ margin-left: 20px; }

	section.summary{ padding-bottom: 16px; }
	section.summary div.col-auto { width: 100%; }
	section.summary div.col-auto a.button{ width: 80px; float: right; }
	section.summary div.info{ padding: 7px 0; }

	section.summary div.col-auto div.diet{ display: flex; }
	section.summary div.col-auto div.diet > * { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1;	max-width: 100%; }
	section.summary div.col-auto div.diet > span{ text-align: right; }

	section.summary div.col-auto div.distance{ display: flex; padding: 7px 0; }
	section.summary div.col-auto div.distance > * { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1;	max-width: 100%; }
	section.summary div.col-auto div.distance > span{ text-align: right; }

	div.tourplans.indberetning > div.checkall.checkbox{ padding-left: 0; }
	div.tourplans.indberetning > div.wrapper .tourplan .table > div > span.date { padding-left: 0; padding-top: 13px; }
	
	/*
	div.tourplans.indberetning > div.wrapper{ margin: 0 -15px; }
	

	
	div.tourplans.indberetning > div.wrapper .tourplan .table.line .checkone { width: 60px; padding-left: 15px!important; }
	div.tourplans.indberetning > div.wrapper .tourplan .checkone .checkbox { height: 24px; }
	div.tourplans.indberetning > div.wrapper .tourplan .checkone .checkbox input + label:before { height: 24px; width: 24px; font-size: 16px; }
	div.tourplans.indberetning > div.wrapper .tourplan .checkone .checkbox input + label { min-height: 24px; width: 24px; position: relative; top: 2px; }

	*/
	
	div.indberetning .tourplan div.table .date .checkbox input:checked + label:before{ padding-top: 4px; }
	div.indberetning .tourplan .checkone .checkbox input:checked + label:before { padding-top: 5px; }

	section.resume table,
	div.indberetning .table.totals { width: calc(100% + 30px); margin: 0 -15px;	}

	section.resume table.list td:nth-child(1){ width: unset; }

}

@media (max-width: 640px){
	.lms-overlay { width: auto;  max-width: 100%; padding: 20px; }
	.logintype.clicked ul { top: auto; bottom: calc(100% + 3px); }
	

	
}

@media (max-width: 575px){

	h1{ font-size: 32px; line-height: 1.083333333333333; margin-bottom: 0.5em; text-transform: uppercase; }
	h1 small{ font-size: 28px; line-height: 1.083333333333333; }
	h2{ font-size: 28px; font-weight: 800; line-height: 1.1875; margin-bottom: 0.5em; }
	h3{ font-size: 26px; line-height: 1.166666666666667em; margin-bottom: 0.3333333333333333em; font-weight: 800; }
	h4 { font-size: 26px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
	h5 { font-size: 16px; font-weight: 800; line-height: 1.2; margin-bottom: 0.65em; text-transform: uppercase; }
	h6 { font-size: 20px; font-weight: 800; line-height: 1.2; margin-bottom: 0.85em; text-transform: uppercase; }
	h7 { font-size: 12px; font-weight: 700; line-height: 1.2; margin-bottom: 0.85em; }

	header > .container{ padding-right: 0; }
	section.banner.top .image { height: auto; }
	section.banner.top picture{ position: static; }
	
	section.banner.top .image picture img{ width: 100%; height: auto; }
	
	section.banner.top .text { display: none; }
	
	.concerts .slick .image { display: none; }
	
	.three-col{ text-align: left; }
	.three-col h3 { font-size: 26px; text-align: center; }
	.three-col .wrapper { width: auto; height: auto; padding: 0; display: flex; text-align: left; align-items: center; }
	.three-col .wrapper  .image{ width: 50px; margin: 0 30px 0 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; }
	
	section.citat h3 { font-size: 18px; }
	
	section.newsletter h4 { float: none;  margin-left: 0; }
	section.newsletter form .action { margin: 20px auto 0 auto; }
	
	footer div.container .sponsored { position: absolute; top: 50px; left: 15px; margin: 0; }
	footer div.container .info { margin-right: 0; width: 50%; }
	footer div.container .info.facebook{ margin-top: 25px; padding-left: 80px; }
	
	.artist-gallery button,
	.news-list .slick button{ display: none!important; }
	
	.artist-gallery .slick-slide img { max-height: 200px; }
	
	.slick button.slick-prev{ left: 10px; }
	.slick button.slick-next{ right: 10px; }
	.concerts .slick .text { display: block; width: auto; height: auto; padding: 20px; }
	
	section.banner + section.banner{ padding: 0!important; }
	
	section.banner.info .container{ padding: 0!important; }
	section.banner.info .image { min-width: 100%; left: 0; min-height: 100%; }
	
	section.newsletter{ text-align: center; }
	article.box.page-header h3 { font-size: 32px; }
	
	.administration + .col-md-6  article.box,
	div.content article.box,
	div.boxes article.box{ margin-left: -15px; margin-right: -15px; }
	
	article.box .image.top,
	article.box .image.bottom { margin-left: -15px; margin-right: -15px; margin-bottom: 1em; }
	
	.songs { padding: 15px!important; }
	.download-all { position: absolute; bottom: auto; top: 0; left: 160px; }
	
	.download-all a{ display: block; margin: 10px 0 20px 0; }
	.download-all a:not(:first-child) { margin-left: 0; }
	
	.intrinsic-container { margin-top: 2em; }
	
	.single-item .slick-slide{ margin: 0 8px; }
	.single-item{ margin-left: -15px!important; margin-right: -15px!important; }
	
	header .login form { width: 280px; padding: 20px; padding-bottom: 5px; }
	
	.edit.members .member .dropzone{ float: none; }
	.edit.members .member .dropzone + a{ position: absolute; top: 0; left: 90px; }
	
	section.stamdata article.box{ margin-left: -15px; margin-right: -15px; }
	
	.artist { min-height: 42px; }
	
	.save-button{ text-align: left!important; }
	
	.press .item,
	.boardmembers .person { margin-bottom: 1em; }
	
	.search-wrapper::after{ display: none; }
	
	.program .info > div.address + div.col-sm-6{ margin-top: 2em; }
	.program .artist{ margin-bottom: 32px; }
	
	#moreinfo div.nav-links,
	#moreconcertinfo div.nav-links { padding: 1em 0 100px 0; margin-top: 0; }

	form.filters .dd{ display: block; float: none; min-width: 0; }
	form.filters .dd > label { max-width: 100%; }

	section.stats.new > .container > div.row > div:not(:first-child){ display: none; }
	section.stats.new > div.container > div.row > div:not(:last-child)::after{ display: none; }

	
	section.resume table.invoice tr{ display: block; border-bottom: 1px solid #B3E2EC; padding: 10px 0; }
	section.resume table.invoice tr{ background-color: #f7fcfd; }
	section.resume table.invoice tr td{ display: inline-block; border: none!important; padding: 0 15px!important; }

	section.resume table.list tr td{ padding: 10px 16px; }
	section.resume table.list td { width: unset; }
	section.resume table.list td:nth-child(2) { width: 175px; padding: 10px 0; }
	section.resume table td a.blue-link{ margin: 0; }

/*	
	section.resume table.list td:nth-child(1) { width: 40px; }
	section.resume table.list td:nth-child(2) { width: calc(100% - 50px); padding-right: 0!important; }
	section.resume table.list td:nth-child(2) a.blue-link{ float: right; margin-right: 15px; }
	section.resume table.list td:nth-child(3) { padding-left: 60px!important; text-align: left; width: 40%; }
	section.resume table.list td:nth-child(4) { width: unset; }

*/	

	section.resume table.invoice td:nth-child(1) { display: block; margin-bottom: 5px; }
	section.resume table.invoice td:nth-child(1) a.blue-link{ float: right; }
	
	section.resume table.invoice td:nth-child(2),
	section.resume table.invoice td:nth-child(3),
	section.resume table.invoice td:nth-child(4) { width: calc(33.333333% - 3px); text-align: right!important; }

	div.indberetning .tourplan div.table span.destination{ width: calc(100% - 64px); }

	section.resume table.total{ margin-top: 0; background-color: #DDF2F6; }

	section.receipts div.row{ margin: 0 -8px; }
	section.receipts div.row > div { padding: 0 8px; }
	section.receipts div.receipt{ margin: 8px 0; }

	section.find-concert div.links a + a { margin-left: 0px; margin-top: 8px; }

	footer .SoMe { margin-top: 25px; padding-left: 80px; } 

	table.responsive{ display: block; }
	table.responsive thead{ display: none; }
	table.responsive tbody{ display: block; border-top: 1px solid #999; }
	table.responsive tbody tr{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #999; padding: 5px 0; }
	table.responsive tbody tr td:nth-child(1){ font-weight: bold; }
	table.responsive tbody tr td{ width: 100%; border: none; padding: 0; height: unset!important; padding: 5px 0; }
	table.responsive tbody tr td::before{ content: attr(data-label); display: block; font-weight: normal; opacity: .7; }


	form.filters.indberetning div.dd { width: calc(50% - 4px) !important; }
	form.filters.indberetning div.dd + div.dd { margin-left: 8px; }

	div.help.mobileonly{ margin-bottom: 1rem; }

	section div.application .sticky{ margin: 0; }
	div.sticky div#countdown { max-width: unset; margin-top: 30px; margin-bottom: 0; }	

}