:root {
  --background-color: #fff;
  --main-color: #006632;
  --main-color-darken: #005c2d;
  --error-color: #800;
  --error-color-darken: #7a0000;
  --orange-color: #D9620D;
  --light-blue-color: #3498A0;
  --dark-blue-color: #144C64;
  --dark-blue-text-color: #BAE3E6;
  --border-color: #B8B8B8;
  --button-color: #FFD53D;
  --booking-color: #b34743;
  --openbooking-color: #77dd77;
  --partialbooking-color: #f9e3a4;
  --fullbooking-color: #b34743;
  --afventer: #d7bd06;
  --afslag: #800;
  --godkendt: #0bb006;
  --border-radius: 25px;
  --border-radius-medium: 12px;
  --big-spacing: 4rem;
  --medium-spacing: 2rem;
  --small-spacing: 1rem;
  --tiny-spacing: 0.5rem;
}
* {
  box-sizing: border-box;
}
@keyframes scaleup {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes slide-fade-in {
  from {
    opacity: 0;
    tranform: translateY(5vh);
  }
}
@keyframes slideInFromLeft {
  0% {
    visible: hidden;
    display: none;
    transform: translateX(-20%);
  }
  100% {
    visible: visible;
    display: block;
    transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@keyframes slideInFromBottom {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes slideInFromTop {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 6';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('fonts/fa-regular-400.woff2') format('woff2'), url('fonts/fa-regular-400.ttf') format('truetype');
}
html {
  font-family: Candara, Arial, Roboto;
}
body {
  background: var(--background-color);
  padding: 0;
  margin: 0;
}
body[data-wk-userid="0"] #top .login-button-list .minside,
body[data-wk-userid="0"] #top .login-button-list .logout {
  display: none;
}
body[data-wk-userid="0"] #top .login-button-list .opret-bruger,
body[data-wk-userid="0"] #top .login-button-list .login {
  display: block;
}
button {
  font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--main-color);
}
h1 {
  font-size: clamp(3.5rem, 1.5vw, 8rem);
}
h2 {
  font-size: clamp(2rem, 1.5vw, 3rem);
}
h3 {
  font-size: clamp(1.5rem, 1.5vw, 2rem);
}
#indhold,
.login-formular,
.intro-tekst,
.top-indhold-wrapper,
#toplinje {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
body[data-wk-page-identifier="26"] #indhold {
  max-width: unset;
}
#top {
  background-image: url(billeder/topbanner/banner.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
#top p {
  margin: 0;
}
#top a {
  display: block;
}
#top .logotekst a {
  color: #fff;
  font-size: 3rem;
  text-decoration: none;
}
#top #top-indhold {
  background: linear-gradient(90deg, #006632 0%, rgba(0, 102, 50, 0.75) 30%, rgba(0, 102, 50, 0) 100%);
  width: 100%;
  height: 100%;
}
#top .top-indhold-wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: var(--medium-spacing) 0;
}
#top .top-indhold-wrapper .login-button-list {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--tiny-spacing);
  color: #fff;
  margin-left: auto;
}
#top .top-indhold-wrapper .login-button-list a {
  display: block;
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: var(--small-spacing) var(--medium-spacing);
  box-shadow: 0 0 5px #00000029;
  text-decoration: none;
}
#top .top-indhold-wrapper .login-button-list a:hover {
  background: var(--main-color);
  color: #fff;
  border: 1px solid var(--orange-color);
}
#top .opret-bruger,
#top .login {
  display: none;
}
#bruger-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--medium-spacing);
  list-style: none;
  padding: 0;
  margin-top: calc(var(--medium-spacing) * -1);
}
#bruger-menu li {
  position: relative;
}
#bruger-menu li a {
  display: block;
  font-size: 20px;
  text-decoration: none;
  background: #fff;
  color: #000;
  padding: 24px 40px;
  box-shadow: 0 0 5px #00000029;
}
#bruger-menu li a:hover {
  background: var(--main-color);
  color: #fff;
}
#bruger-menu li:hover:after {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(67deg) brightness(104%) contrast(102%);
}
#bruger-menu li:has(.niveau2):after {
  content: "";
  background: url(billeder/arrow-down.svg);
  background-size: cover;
  position: absolute;
  inset: 35px 0 0 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
#bruger-menu .niveau2 {
  position: absolute;
  list-style: none;
  padding: 0;
  width: 100%;
}
#bruger-menu .niveau2 li a {
  padding: var(--small-spacing) var(--medium-spacing);
}
.intro-tekst {
  margin-top: var(--big-spacing);
  margin-bottom: var(--big-spacing);
  font-size: 1.5rem;
  line-height: 1.5;
}
#forside .boks-panel-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
#forside .boks-liste {
  grid-template-columns: 1fr 1fr;
}
#forside .sidepanel {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--medium-spacing);
  padding: 0 var(--small-spacing);
  width: 100%;
}
#forside .sidepanel > div {
  box-shadow: 0 0 5px #00000029;
  padding: 0 var(--small-spacing) var(--medium-spacing) var(--small-spacing);
  background: var(--main-color);
}
#forside .sidepanel > div h2 {
  padding-left: 1em;
  color: #fff;
}
#forside .sidepanel > div p {
  color: #fff;
}
#forside .sidepanel > div ul {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--tiny-spacing);
}
#forside .sidepanel > div .forklaringstekst {
  display: block;
  font-size: 0.9em;
  margin-bottom: 7px;
}
#forside .sidepanel > div li {
  color: #fff;
}
#forside .sidepanel > div a {
  color: #fff;
}
.kontaktliste {
  display: flex;
  flex-flow: column wrap;
  gap: var(--medium-spacing);
}
.kontaktliste .kontakt {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--medium-spacing);
  box-shadow: 0 0 5px #00000029;
}
.kontaktliste .kontakt .kontaktafdeling {
  padding: var(--medium-spacing);
  background: var(--main-color);
}
.kontaktliste .kontakt .kontaktafdeling h2 {
  color: #fff;
  font-size: 1.1rem;
}
.kontaktliste .kontakt .kontaktinfo {
  display: flex;
  flex-flow: column wrap;
  gap: var(--tiny-spacing);
  padding: var(--medium-spacing);
}
.kontaktliste .kontakt .kontaktinfo p {
  margin: 0;
}
.kontaktliste .kontakt .kontaktinfo .flerekontaktpersoner {
  display: flex;
  flex-flow: row wrap;
  gap: var(--medium-spacing);
}
.boks-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--medium-spacing);
  width: 100%;
  max-width: 1440px;
  margin: 0 auto var(--medium-spacing) auto;
}
.boks-liste .boks {
  box-shadow: 0 0 5px #00000029;
}
.boks-liste .boks:hover {
  cursor: pointer;
}
.boks-liste .boks:hover .image-container img {
  animation: scaleup 4s backwards;
}
.boks-liste .boks h2 {
  color: #000;
  margin: 0;
  font-size: clamp(0.8rem, 1.5vw, 1.4rem);
}
.boks-liste .boks p {
  color: #000;
}
.boks-liste .boks a {
  display: flex;
  flex-flow: column nowrap;
  text-decoration: none;
  color: #000;
}
.boks-liste .boks .image-container {
  overflow: hidden;
}
.boks-liste .boks .image-container img {
  width: 100% !important;
  height: auto !important;
}
.boks-liste .boks .tekst-container {
  padding: var(--small-spacing);
}
body[data-wk-page-identifier="31"] #infowrapper .infoboxtitle {
  display: none;
  width: 100%;
  background: var(--main-color);
  color: #fff;
  font-size: 20px;
  padding: 5px 15px;
}
body[data-wk-page-identifier="31"] #infowrapper .infobox {
  display: none;
  padding: 5px 15px;
  border: 1px solid var(--main-color);
}
body[data-wk-page-identifier="31"] label {
  margin-top: 10px;
  display: block;
}
body[data-wk-page-identifier="31"] #infochoise {
  padding: 10px 10px;
  margin-bottom: 10px;
}
body[data-wk-page-identifier="31"] #infodone {
  padding: 10px 10px;
  margin-left: 15px;
  background: transparent;
  border: 2px solid var(--main-color);
  color: var(--main-color);
  cursor: pointer;
  text-decoration: none;
}
body[data-wk-page-identifier="31"] #infodone:hover {
  background: var(--main-color);
  color: #fff;
}
.debtor-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.debtor-fieldset .grupperolle-felt {
  display: none;
}
.debtor-fieldset > ul {
  list-style: none;
  padding: 0;
}
.debtor-fieldset > legend {
  display: none;
}
.debtor-fieldset fieldset {
  border: 1px solid #000;
}
.debtor-fieldset fieldset.fieldgroup {
  border: none;
}
.debtor-fieldset fieldset.fieldgroup div.docInfoFirst ul,
.debtor-fieldset fieldset.fieldgroup div.docInfoSecond ul {
  list-style: circle;
  padding-left: 32px;
  margin-bottom: 16px;
}
.debtor-fieldset fieldset.fieldgroup div.docInfoFirst ul::marker,
.debtor-fieldset fieldset.fieldgroup div.docInfoSecond ul::marker {
  display: none;
}
.debtor-fieldset fieldset.fieldgroup legend {
  margin-top: 2rem;
  font-size: 1.1rem;
  color: var(--main-color);
  margin-bottom: 2rem;
  padding-top: 1rem;
  width: 100%;
}
.debtor-fieldset fieldset.fieldgroup ul {
  display: flex;
  flex-flow: column wrap;
  gap: 1rem;
  list-style: none;
  padding: 0;
}
.debtor-fieldset fieldset.fieldgroup ul > li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.debtor-fieldset fieldset.fieldgroup ul > li label {
  display: inline-block;
}
.debtor-fieldset fieldset.fieldgroup ul > li input,
.debtor-fieldset fieldset.fieldgroup ul > li select,
.debtor-fieldset fieldset.fieldgroup ul > li textarea {
  width: 100%;
  padding: 10px 10px;
}
.debtor-fieldset fieldset.fieldgroup ul > li textarea {
  resize: vertical;
}
.debtor-fieldset fieldset.fieldgroup ul > li .select2 {
  width: 100% !important;
}
.debtor-fieldset fieldset.fieldgroup ul > li .select2 .select2-search__field {
  width: 100% !important;
}
.debtor-fieldset fieldset.fieldgroup ul > li label.spaerret-felt {
  width: 100%;
  margin-bottom: 0.5rem;
}
.debtor-fieldset fieldset.fieldgroup ul > li div.spaerret-felt {
  width: 100%;
  padding: 10px;
  border: 1px solid #000;
  font-style: italic;
  color: #000;
  background: #fff;
}
.debtor-fieldset fieldset.fieldgroup ul li.fejl {
  display: flex;
  flex-flow: row wrap;
}
.debtor-fieldset fieldset.fieldgroup ul li.fejl label {
  order: 1;
}
.debtor-fieldset fieldset.fieldgroup ul li.fejl .fejl-meddelelse {
  order: 2;
  position: relative;
  right: auto;
  width: 100%;
  text-align: left;
}
.debtor-fieldset fieldset.fieldgroup ul li.fejl input,
.debtor-fieldset fieldset.fieldgroup ul li.fejl select,
.debtor-fieldset fieldset.fieldgroup ul li.fejl textarea {
  order: 3;
}
.debtor-fieldset fieldset.fieldgroup ul .fejl {
  position: relative;
}
.debtor-fieldset fieldset.fieldgroup ul .fejl input {
  border-left: 5px solid #800;
}
.debtor-fieldset fieldset.fieldgroup ul .fejl .skal-udfyldes-symbol {
  color: #800;
}
.debtor-fieldset fieldset.fieldgroup ul .fejl .fejl-meddelelse {
  position: absolute;
  right: 0;
  color: #800;
}
fieldset.knapset {
  border: none;
}
.resource-search {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.resource-search .resource-search-form {
  display: grid;
  grid-template-columns: 1fr 200px;
  background: var(--main-color);
}
.resource-search .resource-search-form fieldset {
  border: none;
  padding: var(--small-spacing) var(--medium-spacing);
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: var(--small-spacing);
}
.resource-search .resource-search-form fieldset div {
  display: flex;
  flex-flow: column wrap;
}
.resource-search .resource-search-form fieldset div input,
.resource-search .resource-search-form fieldset div select {
  font-size: 16px;
  max-width: 250px;
}
.resource-search .resource-search-form fieldset button {
  border: none;
  padding: var(--tiny-spacing) var(--small-spacing);
  background: var(--orange-color);
  color: #fff;
}
.resource-search .resource-search-form fieldset button:hover {
  cursor: pointer;
  box-shadow: 1px 1px 3px #000;
}
.ressourcesoegning {
  background: var(--main-color);
  color: #fff;
  padding: var(--medium-spacing);
  margin: var(--big-spacing) 0;
}
.ressourcesoegning form {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: end;
}
.ressourcesoegning form fieldset {
  border: none;
  padding: 0;
}
.ressourcesoegning form .resource-search-field-group {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 1rem;
}
.ressourcesoegning form .resource-search-field-group div label {
  display: block;
}
.ressourcesoegning form .resource-search-field-group div input,
.ressourcesoegning form .resource-search-field-group div select {
  width: 100%;
  min-height: 25px;
}
#resourcebookingform .booking-survey {
  width: 100%;
}
#resourcebookingform .image-container {
  position: absolute;
  right: 20px;
  top: 20px;
  max-width: 40%;
  overflow: hidden;
}
#resourcebookingform .image-container img {
  width: 100% !important;
  height: auto !important;
}
#resourcebookingform fieldset.booking-survey,
#resourcebookingform .fieldset-comment,
#resourcebookingform .fieldset-bookingfor,
#resourcebookingform .fieldset-props,
#resourcebookingform .fieldset-time,
#resourcebookingform .fieldset-participant-count,
#resourcebookingform .fieldset-subject,
#resourcebookingform .fieldset-price {
  width: 100%;
}
#resourcebookingform .fieldset-buttons {
  width: 100%;
  margin: 0;
}
#resourcebookingform #input-comment {
  width: 100% !important;
}
.res-form {
  vertical-align: top;
  margin-right: 15px;
  display: block;
  width: 100%;
  position: relative;
  color: #000;
}
.res-form .reason-line {
  margin: 16px 0;
}
.res-form .reason-line label {
  margin-right: 8px;
}
.res-form .button-line button {
  margin-right: 16px;
}
.res-form .weekday-fields legend {
  width: auto;
  margin: 0;
}
.res-form fieldset {
  width: 50%;
  margin: 0 0 1em 0;
  border: none;
  background: #fff;
  padding: 1.5em;
}
.res-form fieldset legend {
  width: 100%;
  margin-bottom: 1em;
  font-size: 1.3em;
}
.res-form fieldset div.time-select {
  margin-top: 10px;
}
.res-form fieldset div.time-select .locked {
  background: #efefef;
  font-style: italic;
}
.res-form fieldset div.time-select .locked:hover {
  cursor: not-allowed;
}
.res-form fieldset.fieldset-time {
  width: 100%;
  margin-top: 1em;
  padding-bottom: 4em;
}
.res-form fieldset.fieldset-time .datetime-selectors {
  margin-bottom: 1em;
}
.res-form fieldset.fieldset-time div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  vertical-align: top;
  margin-bottom: 0.5em;
}
.res-form fieldset.fieldset-time div .startdatestarttimewrap,
.res-form fieldset.fieldset-time div .enddateendtimewrap {
  width: 100%;
}
.res-form fieldset.fieldset-time div .startdatestarttimewrap div .label,
.res-form fieldset.fieldset-time div .enddateendtimewrap div .label,
.res-form fieldset.fieldset-time div .startdatestarttimewrap div label,
.res-form fieldset.fieldset-time div .enddateendtimewrap div label {
  margin-right: 5px;
}
.res-form fieldset.fieldset-time div .startdatestarttimewrap .startdate,
.res-form fieldset.fieldset-time div .enddateendtimewrap .startdate,
.res-form fieldset.fieldset-time div .startdatestarttimewrap .enddate-select,
.res-form fieldset.fieldset-time div .enddateendtimewrap .enddate-select {
  margin-right: 30px;
}
.res-form fieldset.fieldset-time div .startdatestarttimewrap .startdate:before,
.res-form fieldset.fieldset-time div .enddateendtimewrap .startdate:before {
  width: 120px;
  content: 'Starttidspunkt: ';
}
.res-form fieldset.fieldset-time div .startdatestarttimewrap .enddate-select:before,
.res-form fieldset.fieldset-time div .enddateendtimewrap .enddate-select:before {
  width: 120px;
  content: 'Sluttidspunkt: ';
}
.res-form fieldset.fieldset-time .resource-table-holder {
  display: inline-block;
  min-height: auto;
  height: auto;
  overflow-x: scroll;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table thead th {
  position: relative;
  width: 40px;
  font-size: 0.8em;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table thead th:first-child {
  width: 40px;
}
.res-form fieldset.fieldset-time .resource-table-holder .resource-table td.current {
  background-color: #b6d7a8 !important;
}
.res-form fieldset.fieldset-subject .subject label {
  margin-right: 1em;
}
.res-form fieldset.fieldset-price .label {
  margin-right: 1em;
}
.res-form fieldset.fieldset-bookingfor {
  width: 100%;
}
.res-form fieldset.fieldset-bookingfor label[for='input-bookingfor'] {
  display: block;
  width: 100%;
  margin-bottom: 0.2em;
}
.res-form fieldset.booking-survey div.survey-question {
  width: 100%;
  margin-bottom: 1em;
}
.res-form fieldset.booking-survey div.survey-question label {
  display: block;
}
.res-form fieldset.booking-survey div.survey-question input[type='text'] {
  padding: 0.5em;
  width: 100%;
}
.res-form fieldset.booking-survey div.survey-question textarea {
  width: 100%;
}
.res-form fieldset.booking-survey div.survey-question.error label {
  font-weight: bold;
  color: #800;
}
.res-form fieldset.booking-survey fieldset {
  width: 100%;
  border: 1px solid #ccc;
}
.res-form fieldset.booking-survey fieldset legend {
  font-size: 1em;
}
.res-form fieldset.booking-survey fieldset label.radio-label {
  display: inline-block;
}
.res-form fieldset.fieldset-buttons {
  border: 0;
  background: transparent;
  padding-left: 0;
  margin: 0 auto;
  text-align: center;
}
.res-form fieldset.fieldset-buttons a {
  border-color: red;
}
.res-form fieldset.fieldset-buttons a:after {
  color: red;
}
.res-form fieldset.fieldset-buttons a:hover {
  background: red;
}
.res-create fieldset.fieldset-props .prop-list,
.res-form fieldset.fieldset-props .prop-list {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  padding: 0;
  gap: 1rem;
}
.res-create fieldset.fieldset-props .prop-list li,
.res-form fieldset.fieldset-props .prop-list li {
  width: 100%;
}
.res-create fieldset.fieldset-props .prop-list li label,
.res-form fieldset.fieldset-props .prop-list li label {
  width: 100%;
}
.res-create fieldset.fieldset-props .prop-list li select,
.res-form fieldset.fieldset-props .prop-list li select,
.res-create fieldset.fieldset-props .prop-list li input,
.res-form fieldset.fieldset-props .prop-list li input {
  width: 100%;
  max-width: 200px;
}
.res-create fieldset.fieldset-props label,
.res-form fieldset.fieldset-props label {
  display: inline-block;
  width: 100px;
}
.res-create fieldset.fieldset-props label:after,
.res-form fieldset.fieldset-props label:after {
  content: ':';
}
.res-create fieldset.fieldset-props select,
.res-form fieldset.fieldset-props select {
  min-width: 75px;
}
.lokale-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1440px;
  margin: var(--big-spacing) auto;
  gap: var(--medium-spacing);
}
.lokale-liste .lokale {
  box-shadow: 0 0 5px #00000029;
}
.lokale-liste .lokale .lokale-tekst {
  padding: var(--small-spacing);
}
.lokale-liste .lokale .lokale-tekst a {
  color: #000;
  text-decoration: none;
}
.lokale-liste .lokale:hover {
  cursor: pointer;
}
.lokale-liste img {
  width: 100%;
  height: auto;
}
.resource-resultlist-container ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--medium-spacing);
  list-style: none;
  padding: 0;
}
.resource-resultlist-container ul li {
  padding: var(--medium-spacing);
  box-shadow: 0 0 5px #00000029;
}
.login-formular legend {
  display: none;
}
.login-formular fieldset {
  border: none;
}
.login-formular .login-field-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: column wrap;
  gap: var(--medium-spacing);
}
.login-formular .login-field-list label {
  display: block;
}
.login-formular .login-field-list .reveal-login-toggle-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--tiny-spacing);
}
.associationsearch-container form {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  gap: var(--medium-spacing);
}
.associationsearch-container form > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: var(--small-spacing);
}
.associationsearch-container form > div input {
  padding: var(--tiny-spacing);
}
.associationsearch-container form .debtor-list-map-container #DebtorListMap {
  width: 100%;
}
.associationsearch-container form .associationsearch-freetext-container label {
  font-weight: bold;
}
.associationsearch-container form .associationsearch-freetext-container input {
  width: 100%;
  max-width: 300px;
}
.associationsearch-container form .associationsearch-filterfields-group-container {
  align-items: flex-start;
}
.associationsearch-container form .associationsearch-submit-button-container button {
  padding: var(--small-spacing) var(--medium-spacing);
}
.associationsearch-container form .associationsearch-submit-button-container button[type="submit"] {
  background: var(--main-color);
  border: none;
  color: #fff;
}
.associationsearch-container form .associationsearch-submit-button-container button[type="submit"]:hover {
  cursor: pointer;
  background: var(--main-color-darken);
}
.associationsearch-container form .associationsearch-submit-button-container button[type="reset"] {
  background: #800;
  border: none;
  color: #fff;
}
.associationsearch-container form .associationsearch-submit-button-container button[type="reset"]:hover {
  cursor: pointer;
  background: var(--error-color-darken);
}
.associationsearch-container form .associationsearch-categories-container button {
  background: var(--main-color);
  padding: var(--small-spacing) var(--medium-spacing);
  border: 1px solid #000;
  color: #fff;
}
.associationsearch-container form .associationsearch-categories-container button:hover {
  cursor: pointer;
  background: var(--main-color-darken);
}
.associationsearch-container form .associationsearch-results-container {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: flex-start;
}
.associationsearch-container form .associationsearch-results-container table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.associationsearch-container form .associationsearch-results-container table th {
  background: var(--main-color);
  color: #fff;
}
.associationsearch-container form .associationsearch-results-container table th,
.associationsearch-container form .associationsearch-results-container table td {
  padding: 2px 4px;
}
#bund {
  background: var(--main-color);
  color: #fff;
  padding: var(--big-spacing);
  margin-top: var(--big-spacing);
}
#bund #bund-indhold {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
#bund a {
  color: #fff;
}
#bund h1,
#bund h2,
#bund h3 {
  font-size: 1rem;
  color: #fff;
}
#bund .box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#bund .box > h1 {
  width: 100%;
}
#bund .box .day {
  display: inline-flex;
  width: 100px;
  margin: 0;
}
#bund .box .time {
  display: inline-flex;
  width: auto;
  margin: 0;
}
#blog .blog-liste {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  margin: 0;
}
#blog .blog-liste li {
  display: flex;
  flex-flow: column nowrap;
  background: #fff;
  padding: 2rem;
  color: #000;
  animation: 800ms ease-out 0s 1 slideInFromBottom;
  animation-fill-mode: forwards;
  opacity: 0;
  border: 1px solid #ccc;
}
#blog .blog-liste li:nth-child(2) {
  animation-delay: 150ms;
}
#blog .blog-liste li:nth-child(3) {
  animation-delay: 300ms;
}
#blog .blog-liste li:nth-child(4) {
  animation-delay: 450ms;
}
#blog .blog-liste li:nth-child(5) {
  animation-delay: 600ms;
}
#blog .blog-liste li:nth-child(6) {
  animation-delay: 750ms;
}
#blog .blog-liste li:nth-child(7) {
  animation-delay: 900ms;
}
#blog .blog-liste li:nth-child(8) {
  animation-delay: 1050ms;
}
#blog .blog-liste li:nth-child(9) {
  animation-delay: 1200ms;
}
#blog .blog-liste li:nth-child(10) {
  animation-delay: 1350ms;
}
#blog .blog-liste li:nth-child(11) {
  animation-delay: 1500ms;
}
#blog .blog-liste li:nth-child(12) {
  animation-delay: 1650ms;
}
#blog .blog-liste li h2 {
  order: 1;
  margin-top: 0;
  padding-top: 0;
}
#blog .blog-liste li h2 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: var(--main-color);
  text-decoration: none;
  font-size: 18px;
}
#blog .blog-liste li .blog-indlaeg-info {
  order: 2;
}
#blog .blog-liste li .blog-indlaeg-info .dato:before {
  content: "NYHED";
  margin-right: 3px;
}
#blog .blog-liste li .blog-indlaeg-tekst {
  order: 3;
}
#blog .blog-liste li .blog-indlaeg-tekst > div {
  display: none;
}
#blog .blog-liste li .blog-indlaeg-tekst p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
#blog .blog-liste li .blog-indlaeg-tekst a {
  color: var(--main-color);
}
.resbook-calendar-format-links {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--small-spacing);
}
.calendar-color-legend {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.calendar-color-legend div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.calendar-color-legend .open-legend .color {
  background: var(--openbooking-color);
}
.calendar-color-legend .partial-legend .color {
  background: var(--partialbooking-color);
}
.calendar-color-legend .full-legend .color.full {
  background: var(--fullbooking-color);
}
.calendar-color-legend div.too-old {
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII) #eaeaea;
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.calendar-color-legend div.blocked {
  width: 15px;
  height: 15px;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
.resource-table-holder {
  max-width: 1440px;
  overflow-x: scroll;
}
.resource-table-holder table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALElEQVQYlWN48ODBfwY84P379//v3buHVw1cEV7DRhUxMDAwMBCj6P379/8BOBpuKdEIDHIAAAAASUVORK5CYII=);
}
.resource-table-holder table thead th {
  border: 1px solid #ccc;
}
.resource-table-holder table thead th.SearchHeading {
  width: 300px;
}
.resource-table-holder table thead th:not(.SearchHeading) {
  width: 70px;
}
.resource-table-holder table tbody th.row-header.resource {
  width: 200px;
}
.resource-table-holder table tbody th {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
.resource-table-holder table tbody td {
  border: 1px solid #ccc;
  padding: 5px;
}
.resource-table-holder table tbody td.blocked.booked {
  background-color: var(--fullbooking-color) !important;
  color: #fff;
  overflow: hidden;
}
.resource-table-holder table tbody td.available,
.resource-table-holder table tbody td.open {
  background-color: var(--openbooking-color);
  border-color: #ccc !important;
}
.resource-table-holder table tbody td.partial {
  background-color: var(--partialbooking-color) !important;
  border-color: #d2c08a !important;
}
.resource-table-holder table tbody td.full {
  background-color: var(--booking-color) !important;
  border-color: var(--booking-color) !important;
}
.resource-table-holder table tbody td.too-old,
.resource-table-holder table tbody td.too-new {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-color: #ccc !important;
}
.resource-table-holder table tbody td.available {
  cursor: pointer;
  font-size: 0;
}
.resource-table-holder table tbody td.outside-profile {
  background: transparent !important;
}
.resource-table-holder table tbody td.outside-profile.available:hover {
  background: #b6d7a8 !important;
}
.resource-table-holder table tbody .resource-description {
  white-space: normal;
  font-weight: normal;
  max-height: 35px;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
  overflow: hidden;
}
.resource-table-holder table tbody .resource-description:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 3em;
}
.resource-table-holder table tbody .resource-description .descriptionToggler {
  background: url(open-icon.png) center right no-repeat;
}
.resource-table-holder table tbody .resource-description.showAll .descriptionToggler {
  background: url(close-icon.png) center right no-repeat;
}
.resource-table-holder table tbody .resource-description.showAll {
  max-height: 90000px;
  transition: max-height 2s ease-in-out;
}
.resource-table-holder table tbody .resource-description.showAll:after {
  content: none;
}
.resource-table-holder table tbody .resource-description.showAll img {
  display: block;
}
.resource-table-holder table tbody .resource-description .location {
  font-size: 0.8rem;
  margin-bottom: 20px;
}
.resource-table-holder table tbody .resource-description .location .location-address + .separator {
  display: none;
}
.resource-table-holder table tbody .resource-description .location .location-city,
.resource-table-holder table tbody .resource-description .location .location-zip {
  display: none;
}
.resource-table-holder table tbody .resource-description .area {
  margin-bottom: 1em;
}
.resource-table-holder table tbody .resource-description .description-text {
  position: relative;
}
.resource-table-holder table tbody .resource-description .description-text img {
  display: block;
}
.resource-table-holder table tbody .resource-description .descriptionToggler {
  height: 30px;
  width: 100%;
  font-size: 0;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 999;
}
.resource-table-holder table tbody .resource-description .descriptionToggler :hover {
  cursor: pointer;
}
.bruger-formular label {
  order: 1;
  width: 100%;
}
.bruger-formular .forklaring {
  order: 2;
}
.bruger-formular input,
.bruger-formular select,
.bruger-formular span,
.bruger-formular .ext-multifield-container {
  order: 3;
}
.bruger-formular label.skal-udfyldes:after {
  content: '*';
  color: #800;
  margin-left: 5px;
}
.bruger-formular .skal-udfyldes-symbol {
  display: none;
}
.bruger-formular .forklaring {
  order: 2;
  font-style: italic;
}
.bruger-formular fieldset.gdpr .forklaring {
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 0.5rem;
  white-space: pre-line;
}
.bruger-formular fieldset.knapset button {
  border: none;
  background: var(--orange-color);
  padding: var(--small-spacing);
  color: #fff;
}
.bruger-formular fieldset.knapset button:hover {
  cursor: pointer;
}
.bruger-formular label.fil-felt {
  order: 1;
  width: 100%;
}
.bruger-formular input.fil-felt {
  order: 3 !important;
  width: calc(100% - 100px) !important;
}
.bruger-formular button.wk-file-field-button {
  order: 4;
  background: var(--main-color);
  color: #fff;
  border: none;
  height: 43px;
  padding: 10px 25px;
  margin-left: 5px;
}
.bruger-formular .debtor-fieldset {
  padding: 1rem;
}
.bruger-formular .debtor-fieldset li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.bruger-formular .debtor-fieldset li label.janej-felt {
  order: 2;
  Width: 800px;
  margin-left: 10px;
}
.bruger-formular .debtor-fieldset li input[type='checkbox'] {
  order: 1;
  width: auto;
  margin: 2px 5px 0;
}
.bruger-formular .debtor-fieldset fieldset {
  border: 1px solid var(--main-color);
  margin-bottom: 2rem;
  overflow: hidden;
}
.bruger-formular .debtor-fieldset fieldset legend {
  background: var(--main-color);
  color: #fff;
  padding: 5px 10px;
  width: calc(100% - 26px);
  margin-left: -13px;
}
.bruger-formular .debtor-fieldset fieldset.hidden {
  display: none;
}
.bruger-formular .debtor-fieldset label.spaerret-felt {
  order: 1;
  width: 100%;
}
.bruger-formular .debtor-fieldset div.spaerret-felt {
  order: 2;
  width: 100%;
  Height: 40px;
  padding: 11px;
  background: #ccc;
  border: 1px solid #000;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul {
  display: flex;
  flex-flow: column wrap;
  gap: 1rem;
  padding: 0;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li {
  display: grid;
  grid-template-columns: 150px 200px 1fr;
  align-items: center;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li label {
  order: 1;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li input,
.bruger-formular fieldset.tilmelding-felt-gruppe ul li select {
  order: 2;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li .hide-toggle {
  order: 3;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line {
  grid-template-columns: 150px 1fr;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line input {
  order: 1;
  margin-left: auto;
  margin-right: 0.5rem;
}
.bruger-formular fieldset.tilmelding-felt-gruppe ul li.hidden-contact-line label {
  order: 2;
}
.bruger-formular fieldset.Two_columns > ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.bruger-formular fieldset.Two_columns > ul li:last-child {
  margin-bottom: 10px !important;
}
body[data-wk-page-identifier="12"] .tilskudboks {
  display: none;
}
#ekstra-side-soeg-tilskud .tilskudwrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  width: 100%;
  margin-top: 30px;
  height: auto;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks {
  width: 100%;
  border: 1px solid var(--main-color);
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .tilskudtitel {
  position: relative;
  font-size: 15px;
  padding: 15px;
  min-height: 83px;
  background: var(--main-color);
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .tilskudtitel h2 {
  margin: 0;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .tilskudtitel a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .tilskudstatus {
  display: none;
  position: absolute;
  right: 10px;
  top: 3px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .afventer {
  background: var(--afventer);
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .afventer:before {
  display: block;
  line-height: 50px;
  font-size: 20px;
  font-family: "FontAwesome";
  content: "\f254";
  text-align: center;
  color: #fff;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .godkendt {
  background: var(--godkendt);
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudboks .godkendt:before {
  display: block;
  line-height: 50px;
  font-size: 20px;
  font-family: "FontAwesome";
  content: "\f00c";
  text-align: center;
  color: #fff;
}
#ekstra-side-soeg-tilskud .tilskudwrapper .tilskudbeskrivelse {
  padding: 15px;
}
#ekstra-side-soeg-tilskud .tilskudwrapper:hover {
  cursor: pointer;
}
#ekstra-side-soeg-tilskud .tilskudwrapper:hover .tilskudtitel {
  background: var(--main-color);
}
#ekstra-side-soeg-tilskud .tilskudboks.indsendt .tilskudtitel .afventer {
  display: block;
}
#ekstra-side-soeg-tilskud .tilskudboks.godkendt .tilskudtitel .godkendt {
  display: block;
}
@media screen and (max-width: 1200px) {
  #bruger-menu li a {
    padding: var(--small-spacing) var(--medium-spacing);
  }
}
@media screen and (max-width: 800px) {
  #bruger-menu {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: baseline;
    gap: var(--small-spacing);
    background: var(--main-color);
  }
  #bruger-menu li:after {
    display: none;
  }
  #bruger-menu li a {
    box-shadow: none;
    background: transparent;
    color: #fff;
    padding: var(--small-spacing);
  }
  #bruger-menu li .niveau2 {
    display: block !important;
    position: relative;
  }
  #bruger-menu li .niveau2 a {
    padding: var(--small-spacing);
  }
  #blog .blog-liste,
  .boks-liste {
    grid-template-columns: 1fr 1fr;
  }
  #bund-indhold .box {
    flex-flow: column wrap;
  }
}
.webprofildescription,
.webprofilgps {
  box-shadow: 0 0 5px #00000029;
}
.webprofildescription h2,
.webprofilgps h2 {
  background: var(--main-color);
  color: #fff;
  width: 100%;
  padding: var(--small-spacing);
}
.webprofildescription #debtor-description,
.webprofilgps #debtor-description {
  padding: var(--small-spacing);
}
.webprofildescription #debtor-description-edit-link-line,
.webprofilgps #debtor-description-edit-link-line {
  display: flex;
  flex-flow: row wrap;
  gap: var(--small-spacing);
  padding: var(--medium-spacing);
}
.webprofildescription #debtor-description-edit-link-line a,
.webprofilgps #debtor-description-edit-link-line a {
  display: inline-block;
  padding: var(--small-spacing);
  text-decoration: none;
  background: var(--orange-color);
  color: #fff;
}
.webprofildescription #debtor-description-edit-link-line a:hover,
.webprofilgps #debtor-description-edit-link-line a:hover {
  cursor: pointer;
  background: var(--main-color-darken);
}
.webprofildescription #debtor-gps-input-line,
.webprofilgps #debtor-gps-input-line {
  padding: var(--medium-spacing);
}
.webprofildescription #debtor-gps-input-line input,
.webprofilgps #debtor-gps-input-line input {
  min-width: 300px;
}
.webprofildescription #debtor-gps-button-line,
.webprofilgps #debtor-gps-button-line {
  padding: var(--medium-spacing);
}
.webprofildescription #debtor-gps-button-line button,
.webprofilgps #debtor-gps-button-line button {
  display: inline-block;
  padding: var(--small-spacing);
  text-decoration: none;
  background: var(--orange-color);
  color: #fff;
  border: none;
}
.webprofildescription #debtor-gps-button-line button:hover,
.webprofilgps #debtor-gps-button-line button:hover {
  cursor: pointer;
  background: var(--main-color-darken);
}
.webprofilwrapper {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: var(--medium-spacing);
}
.webprofilwrapper .webprofilindhold > div,
.webprofilwrapper .webprofilsidepanel > div {
  box-shadow: 0 0 5px #00000029;
}
.webprofilwrapper .webprofilindhold > div h2,
.webprofilwrapper .webprofilsidepanel > div h2 {
  color: #fff;
  background: var(--main-color);
  width: 100%;
  padding: 10px 0px 10px 15px;
  margin-bottom: 15px;
}
.webprofilwrapper .webprofilindhold #kontaktoplysninger,
.webprofilwrapper .webprofilsidepanel #kontaktoplysninger {
  padding-bottom: var(--tiny-spacing);
}
.webprofilwrapper .webprofilindhold #kontaktoplysninger p,
.webprofilwrapper .webprofilsidepanel #kontaktoplysninger p {
  margin-left: 10px;
}
@media screen and (max-width: 500px) {
  #top .top-indhold-wrapper {
    flex-flow: column wrap;
    padding: 0;
  }
  #blog .blog-liste,
  .boks-liste {
    grid-template-columns: 1fr;
  }
}