:root {
  --color-brandcolor: #2c6080;
  --color-brandcolor2: #1f4359;
  --color-contact: #132733;
  --color-loginOverlay: #1f4359;
  --color-shortcutBox: rgba(50, 110, 147, 0.8);
  --color-navigationLink: #2c6080;
  --color-navigationBG: #326e93; }

#header.mdc-top-app-bar.mdc-top-app-bar--fixed .top-bar .logo-container img {
  height: 50px; }

.welcome-section-component .logo-container img {
  height: 120px; }

.welcome-section-component:after {
  opacity: .30; }

/*#header.mdc-top-app-bar.mdc-top-app-bar--fixed .top-bar::after {
    background-color: var(--color-white);
}*/
/*#header.mdc-top-app-bar.mdc-top-app-bar--fixed .top-bar .icon-actions a span {
    color: var(--color-brandcolor);
}

#header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar .menu-bar {
    background: var(--color-navigationBG);
}*/
#header.mdc-top-app-bar.mdc-top-app-bar--fixed .top-bar .icon-actions a span {
  color: var(--color-brandcolor); }

#header.mdc-top-app-bar.mdc-top-app-bar--fixed .top-bar:after {
  background-color: var(--color-white); }

#header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar {
  background-color: var(--color-navigationBG); }
  #header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar .menu-bar {
    background: var(--color-navigationBG); }
  #header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar .menu-link {
    background: var(--color-navigationBG);
    color: var(--color-white); }
    #header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar .menu-link:hover {
      color: var(--color-navigationBG);
      background: var(--color-white); }

/*#header.mdc-top-app-bar.mdc-top-app-bar--fixed .bottom-bar .menu-link {
    background: var(--color-navigationBG);
    color: var(--color-white);

    &:hover {
        color: var(--color-navigationBG);
        background: var(--color-white);
    }
}*/
.contact .contact__section #contactPersonal .contact__offices-boxes .contact__office .contact__office-item--left {
  grid-gap: 3.0rem; }
  .contact .contact__section #contactPersonal .contact__offices-boxes .contact__office .contact__office-item--left .contact__office-picture {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.contact .contact__section #contactPersonal .contact__offices-boxes .contact__office .contact__office-sublist.custom-height {
  min-height: 107px; }

#departmentBoard .contact__members-boxes .contact__member {
  grid-gap: 2.75rem; }
  #departmentBoard .contact__members-boxes .contact__member .contact__office-picture {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.item-details .cover-image {
  object-fit: contain; }

@media (min-width: 768px) {
  .frontpage__header-img {
    background-image: url("/cdn/images/backgrounds/background-welcome-1.jpg"); } }

.frontpage__header-img {
  background-image: url("/cdn/images/backgrounds/background-welcome-1.jpg"); }

.contact__office-phone a span {
  min-width: 15px; }

.contact__office-phone.zip-city a span {
  padding-left: 15px;
  margin-left: .375rem; }

/*#mainleasetermination {
    .fa-file-alt {
        &::before {
            content: "\f4df";
        }
    }
}

#appliancesapplication {
    .fa-file-alt {
        &::before {
            content: "\f7d9";
        }
    }
}

#orderkey {
    .fa-file-alt {
        &::before {
            content: "\f084";
        }
    }
}

#extrabasementapplication {
    .fa-file-alt {
        &::before {
            content: "\f909";
        }
    }
}*/
/*.header-block {
    &.mainleasetermination {
        .fa-file-plus {
            &::before {
                content: "\f4df";
            }
        }
    }

    &.appliancesapplication {
        .fa-file-plus {
            &::before {
                content: "\f7d9";
            }
        }
    }

    &.orderkey {
        .fa-file-plus {
            &::before {
                content: "\f084";
            }
        }
    }

    &.extrabasementapplication {
        font-family: 'Font Awesome 5 Pro Light';

        .fa-file-plus {
            &::before {
                content: "\f909";
            }
        }
    }

    &.faq__husleje {
        .header-block__title {
            text-transform: capitalize;
        }

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

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

    &.faq__beboerdemokrati {
        .header-block__title {
            text-transform: capitalize;
        }

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

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

    &.faq__indflytning {
        .header-block__title {
            text-transform: capitalize;
        }

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

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

    &.faq__service {
        .header-block__title {
            text-transform: capitalize;
        }

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

            &::before {
                content: "\f7d9";
            }
        }
    }
}*/
.fa-envelope.departmentmoeder-2020 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentmoeder-2020::before {
    content: "\f0c0"; }

.fa-envelope.departmentmoeder-2021 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentmoeder-2021::before {
    content: "\f0c0"; }

.fa-envelope.departmentmoeder-2022 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentmoeder-2022::before {
    content: "\f0c0"; }

.fa-envelope.departmentmoeder-2023 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentmoeder-2023::before {
    content: "\f0c0"; }

.fa-envelope.departmentmoeder-2024 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentmoeder-2024::before {
    content: "\f0c0"; }

.fa-envelope.departmentboardmoeder-2020 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentboardmoeder-2020::before {
    content: "\f63d"; }

.fa-envelope.departmentboardmoeder-2021 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentboardmoeder-2021::before {
    content: "\f63d"; }

.fa-envelope.departmentboardmoeder-2022 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentboardmoeder-2022::before {
    content: "\f63d"; }

.fa-envelope.departmentboardmoeder-2023 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentboardmoeder-2023::before {
    content: "\f63d"; }

.fa-envelope.departmentboardmoeder-2024 {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentboardmoeder-2024::before {
    content: "\f63d"; }

.fa-envelope.departmentinformation {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentinformation::before {
    content: "\f05a"; }

.fa-envelope.budget {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.budget::before {
    content: "\f571"; }

.fa-envelope.departmenthusorden {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmenthusorden::before {
    content: "\f0e3"; }

.fa-envelope.departmentvedligehold {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.departmentvedligehold::before {
    content: "\f5db"; }

.fa-envelope.accounting {
  font-family: 'Font Awesome 5 Pro Light'; }
  .fa-envelope.accounting::before {
    content: "\f659"; }