@charset "UTF-8";
:root {
  --color-brandcolor: #5a6e74;
  --color-brandcolor2: #3e5820;
  --color-contact: #17181C;
  --color-loginOverlay: #5a6e74;
  --color-shortcutBox: rgba(90, 110, 116, 0.8);
  --color-navigationLink: #5a6e74;
  --color-navigationBG: #5a6e74;
  --custom-radius: 7px;
}

.rent__page__title .green {
  color: var(--color-white);
}

.function-room-page__card-content {
  min-height: 27rem;
  max-height: 28rem;
}

.selvbetjening::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-brandcolor2);
  opacity: 0.8;
  z-index: -1;
}

.fordelskortet::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-brandcolor2);
  opacity: 0.8;
  z-index: -1;
}

.search-form__results label {
  text-align: center;
}
.search-form__results label #tenanciesResults {
  display: none;
}

.contact .contact__section #contactPersonal .contact__offices-boxes .contact__office .contact__office-item--left {
  grid-gap: 3rem;
}
.contact .contact__section #contactPersonal .contact__offices-boxes .contact__office .contact__office-item--left .contact__office-picture {
  width: 70px;
  height: 90px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.frontpage__shortcut-section .wrapper__linkbox.hoverEffect {
  border-radius: var(--custom-radius);
}
.frontpage__shortcut-section .wrapper__linkbox.hoverEffect:hover:before {
  border-radius: var(--custom-radius);
}
.frontpage__shortcut-section .wrapper__linkbox .wrapper__item {
  border-radius: var(--custom-radius);
}

.faq__category .wrapper__linkbox.hoverEffect {
  border-radius: var(--custom-radius);
}
.faq__category .wrapper__linkbox.hoverEffect:hover:before {
  border-radius: var(--custom-radius);
}

.createcase__grid-box {
  border-radius: var(--custom-radius);
}

.createcase__form-wrapper {
  border-radius: var(--custom-radius);
}

.mat-accordion .mat-expansion-panel {
  border-radius: var(--custom-radius);
}

.personal-docs .mdc-list-item.mdc-ripple-upgraded {
  border-radius: var(--custom-radius);
}
.personal-docs .mdc-list__custom__note {
  border-radius: var(--custom-radius);
}

.rent .mat-accordion .mat-expansion-panel {
  border-radius: var(--custom-radius);
}
.rent .rent__ExpansionPanelDetails {
  border-radius: var(--custom-radius);
}

.department-document .mdc-list-item {
  border-radius: var(--custom-radius);
}

.contact__office {
  border-radius: var(--custom-radius);
}

.contact__member {
  border-radius: var(--custom-radius);
}

.wishlist-card {
  border-radius: var(--custom-radius);
}

.offerlist .search-card {
  border-radius: var(--custom-radius);
}
.offerlist .offerlist__card {
  border-radius: var(--custom-radius);
}

.search-tenancies .search-form {
  border-radius: var(--custom-radius);
}

#search-results-section .search-card {
  border-radius: var(--custom-radius);
}

.cases .mdc-list .mdc-list-item .cases__item {
  border-radius: var(--custom-radius);
}

#header.mdc-top-app-bar.mdc-top-app-bar--fixed {
  /*.top-bar {
      .logo-container{
          img{
              height:40px;
          }
      }*/
  /*.icon-actions {
          a {
              span {
                  color: var(--color-brandcolor);
              }
          }
      }

      &:after {
          background-color: var(--color-white);
      }*/
  /*}*/
  /*.bottom-bar {
      background-color: var(--color-navigationBG);

      .menu-bar {
          background: var(--color-navigationBG);
      }

      .menu-link {
          background: var(--color-navigationBG);
          color: var(--color-white);

          &:hover {
              color: var(--color-navigationBG);
              background: var(--color-white);
          }
      }
  }*/
}

/*.frontpage__shortcut-section {
    .wrapper__linkbox {
        &.hoverEffect {
            &:before {
                background-color: var(--color-brandcolor2) !important;
                color: #FFFFFF !important;
            }

            &:after {

                color: #FFFFFF !important;
            }
        }
    }
}*/
#changeappartment .fa-file-alt::before {
  content: "\f0e0";
}

#complain .fa-file-alt::before {
  content: "\f675";
}

#householdappliances .fa-file-alt::before {
  content: "\f898";
}

#petdeclaration .fa-file-alt::before {
  content: "\f6d3";
}

.header-block {
  /*&.faq__boligstøtte {
      .header-block__title {
          text-transform: capitalize;
      }

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f51e";
          }
      }
  }

  &.faq__bredbåndsmuligheder {
      .header-block__title {
          text-transform: capitalize;
      }

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f1eb";
          }
      }
  }

  &.faq__håndværkerfradrag {
      .header-block__title {
          text-transform: capitalize;
      }

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f82c";
          }
      }
  }

  &.faq__nårduflytter {
      .header-block__title {
          text-transform: capitalize;
      }

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f4cf";
          }
      }
  }

  &.faq__råderetten {

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f0e3";
          }
      }
  }

  &.faq__sorteringafaffald {

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f1b8";
          }
      }
  }

  &.faq__vedligeholdelsesreglement {

      .header-block__icon {
          font-family: 'Font Awesome 5 Pro Light';

          &::before {
              content: "\f7d9";
          }
      }
  }*/
}
.header-block.changeappartment .fa-file-plus {
  font-family: "Font Awesome 5 Pro Light";
}
.header-block.changeappartment .fa-file-plus::before {
  content: "\f0e0";
}
.header-block.complain .fa-file-plus {
  font-family: "Font Awesome 5 Pro Light";
}
.header-block.complain .fa-file-plus::before {
  content: "\f675";
}
.header-block.householdappliances .fa-file-plus {
  font-family: "Font Awesome 5 Pro Light";
}
.header-block.householdappliances .fa-file-plus::before {
  content: "\f898";
}
.header-block.petdeclaration .fa-file-plus {
  font-family: "Font Awesome 5 Pro Light";
}
.header-block.petdeclaration .fa-file-plus::before {
  content: "\f6d3";
}

.fa-envelope.departmentreferater {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentreferater::before {
  content: "\f304";
}
.fa-envelope.departmentgeneral {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentgeneral::before {
  content: "\f015";
}
.fa-envelope.afdelingsdokumenter {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.afdelingsdokumenter::before {
  content: "\f15b";
}
.fa-envelope.departmentdagsordner {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentdagsordner::before {
  content: "\f333";
}
.fa-envelope.departmentbudgetter {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentbudgetter::before {
  content: "\f51e";
}
.fa-envelope.departmentmeeting {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentmeeting::before {
  content: "\f0c0";
}
.fa-envelope.departmentblanket {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentblanket::before {
  content: "\f15c";
}
.fa-envelope.departmentregnskaber {
  font-family: "Font Awesome 5 Pro Light";
}
.fa-envelope.departmentregnskaber::before {
  content: "\f0d6";
}

@media (min-width: 576px) {
  .faq__category .wrapper__linkbox.hoverEffect {
    text-align: center;
  }
  .faq__category .wrapper__linkbox.hoverEffect p {
    min-height: 40px;
  }
}