/**************************************** Root ****************************************/

:root {

/* Tekst farve */
--text-dark-blue: #0a344f;
--text-white: #FFFFFF;

/* Font weight */
--font-weight-bold: 700;
--font-weight-regular: 500;
--font-weight-light: 100;

/* Font-size */
--font-header-news: 2.5rem;
--font-header-large: 2rem;
--font-header-medium: 1.5rem;
--font-header-small: 1.25rem;
--font-size-large: 1.125rem;
--font-size-medium: 1rem;
--font-size-small: .875rem;

/* Border */
--border-dark: #0a344f;
--border-light: #00AABE;
--border-grey: #DCDCDC;
--border-dark-grey: #d7d9e0;
--border-yellow: #f4d011;
--border-white: #FFFFFF;

/* Background */
--bg-default: #FFFFFF;
--bg-primary: #F3F4F6;
--bg-secondary: #FFFFFF;
--bg-grey: #e4e7eb;
--bg-grey-light: #F3F4F6;
--bg-blue: #1a83c7;
--bg-blue-light: #e8f2f9;
--bg-yellow: #f4d011;
--flag-shadow:  0 1px 1px 0 rgb(60 64 67 / 8%), 0 1px 3px 1px rgb(60 64 67 / 16%);



--text-turkis: #00AABE;
--link-color: #008cd2;
--link-hover-turkis: #00AABE;
--text-underline-offset: 0.6em;
--text-decoration-thickness: 0.05em;

}



/**************************************** Screen width ****************************************/
.row {
    max-width: 1366px;
}


/**************************************** Section ****************************************/
section {
    padding: 50px 0;
}

section.primary-section,
section.secondary-section,
section.third-section
{
    background-color: transparent;
}

.Frontpage section.secondary-section {
    background-color: var(--bg-default);
}


/**************************************** Body & Header ****************************************/

body, h1, h2, h3, h4 {
    color: var(--text-dark-blue);
}

.h3, h3 {
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.5px;
}

.primary-section .hData,
.primary-section .header.page-header,
.primary-section .manchet.page-manchet,
.primary-section .text.page-text
{
    color: var(--text-dark-blue);
}


.Document .btn,
.Document .login-btn,
.persistedfileupload-clear,
.Document .primary-section .link.link--more,
.product-popup .popup-basket,
.product-popup .popup-more
{
    background: transparent;
    border: .5px solid var(--border-dark) !important;
    color: var(--link-color);    
}
.Document .btn:hover,
.Document .login-btn:hover,
.Document .primary-section .link.link--more:hover,
.product-popup .popup-basket:hover,
.product-popup .popup-more:hover
{
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
}


/**************************************** Visitation ****************************************/

/* Step-by-step linje */
.breadcrumbsteplist li:before {
   border: 1px solid #98a4ad;
}

/* Step-by-step cirkel farve */
.breadcrumbsteplist li.selected:before {
   background-color: #1a83c7;
   border: 1px solid #1a83c7;
}

#sectionContainer div.block.clearfix:not(.block.clearfix.r1) {
   margin-top: 40px;
}

/********** Download */
.required-download-button span {
    padding: 15px 30px;
    background-color: var(--bg-grey-light);
    border: .5px solid var(--border-dark);
    color: var(--link-color);
}
.required-download-button span:hover {
    padding: 15px 30px;
    background-color: var(--bg-grey);
    border: .5px solid var(--border-dark);
    color: var(--text-dark-blue);
}
.required-download-button {
    padding-bottom: 20px;
}

/********** Slet alt knap */
#btnSectionsCancel {
    background-color: var(--bg-default);
    border: .5px solid var(--border-dark) !important;
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-light);
}
#btnSectionsCancel:hover {
    background-color: #ffe0e0 !important;
    border: .5px solid #c00 !important;
}

/********** Næste, Tilbage & Bekræft knap */
#btnNextSection,
#btnPreviousSection,
#btnConfirm
{
    background-color: var(--bg-default);
    border-radius: .5px solid var(--border-dark) !important;
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-light);
}

#btnNextSection:hover,
#btnPreviousSection:hover
{
    background-color: var(--bg-grey-light);
    border: .5px solid var(--border-dark);
    color: var(--text-dark-blue);
}

/* Bekræft hover */
#btnConfirm:hover {
    background: var(--bg-yellow);
    border: 0.5px solid var(--border-dark);
}



/******************************************************************************** TAMANUT ATUUTTOQ ********************************************************************************/

/* Tabel - qalipaataat tungujortoq qaammarlugu */
.ArticlePage .medium-8:not(.service-box) table,
.NewsPage .medium-8:not(.service-box) table,
.SynchronizedArticlePage .medium-8:not(.service-box) table
{
    border: 0.5px solid #d1e6f3;
}

/* Række siulleq */
.ArticlePage .medium-8:not(.service-box) table tr:nth-child(odd),
.NewsPage .medium-8:not(.service-box) table tr:nth-child(odd),
.SynchronizedArticlePage .medium-8:not(.service-box) table tr:nth-child(odd)
{
    background: #e8f2f9;
}

.ArticlePage .medium-8:not(.service-box) table tr:nth-child(2n),
.NewsPage .medium-8:not(.service-box) table tr:nth-child(2n),
.SynchronizedArticlePage .medium-8:not(.service-box) table tr:nth-child(2n)
{
    background: var(--bg-default);
}

/********** Nyhed overskrift **********/
.Frontpage section.primary-section .moduleHeader {
    grid-column: 1 / span 3;
    color: var(--text-dark-blue);
    font-size: var(--font-header-large);
    font-weight: var(--font-weight-bold);
    margin: 30px 0 15px;
}

/********** Nyhed dato **********/
.Frontpage .newsitem__date {
    padding: 15px;
    color: var(--text-dark-blue);
    opacity: .75;
}

/********** Selve nyhed overskrift **********/
.Frontpage .newsitem__header {
    color: var(--text-dark-blue);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/********** Nyhed manchet **********/
.Frontpage .newsitem__excerpt {
    color: var(--text-dark-blue);
    font-size: var(--font-size-medium);
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 15px 15px 5px;
    word-spacing: 1px;
    opacity: .875;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/********** Nyhed læs mere **********/
.Frontpage .newsitem .read-more {
    color: var(--text-dark-blue);
    background: var(--bg-grey-light);
    width: 100%;
    bottom: 0;
    padding: 15px;
    border-top: 0.5px solid var(--border-grey);
    text-align: end;
}

/* Hover */
.Frontpage .newsitem.boxed:hover .read-more {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
    background: var(--bg-grey);
}

.Frontpage .newsitem .read-more:hover:after,
.Frontpage .newsitem.boxed:hover .read-more:after {
    text-decoration: none;
}

/********** Læs mere saqqaani inissinnera **********/
.Frontpage .link--more {
    grid-column: 3;
    justify-self: end;
}

.Frontpage .newsitem .read-more:after {
    content: "\f101";
    font-family: icons;
    font-size: var(--font-size-small);
    padding-left: 8px;
    padding-right: 8px;
    transition: .4s ease-in-out;
    padding-bottom: 3px;
}

/********** Alle nyheder knap **********/
.Frontpage .primary-section .link.link--more {
    color: var(--text-dark-blue);
    background: var(--bg-default);
    border: .5px solid var(--border-dark);
    font-weight: var(--font-weight-regular);
    padding: 15px 30px;
    transition: .1s;
}

.Frontpage .primary-section .link.link--more:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-dark);
}
.Frontpage .primary-section .link.link--more:after {
    content: "\f101";
    font-family: icons;
    font-size: var(--font-size-small);
    padding-left: 8px;
    transition: .4s ease-in-out;
    padding-bottom: 3px;
}


/******************** Nyhedsarkiv ********************/
.NewsArchivePage .filters .btn {
    background: var(--bg-default);
    color: var(--text-dark-blue);
    border: .5px solid var(--border-dark);
    margin-right: 8px;
}

.NewsArchivePage .filters .btn.selected {
    background: var(--bg-blue);
    color: var(--text-white);
    border: .5px solid var(--bg-blue);
}

.NewsArchivePage .filters .btn:hover {
    background: var(--bg-blue);
    color: var(--text-white);
    border: .5px solid var(--bg-blue);
}

/********** Arkiv NYHEDER - Alle nyheder oversigt **********/
.NewsArchivePage .newsitem {
    border-bottom: none;
    background: var(--bg-grey-light);
    padding: 30px 20px;
    margin-bottom: 20px;
}

.NewsArchivePage .newsitem__date {
    color: var(--text-dark-blue);
    opacity: .75;
}
.NewsArchivePage .newsitem span.newsitem__date strong {
    font-weight: var(--font-weight-light);
}


/******************** SECONDARY TEKST FARVE ********************/

.secondary-navigation ul li {
    margin-left: 30px;
}

.secondary-navigation a {
    color: var(--text-dark-blue);
    padding: 8px 4px;
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 1px),#0a344f 10px);
    background-repeat: no-repeat;
    background-size: 0 96%;
    transition: background-size .5s;
    letter-spacing: .75px;
}

.secondary-navigation a:hover {
    color: var(--text-dark-blue);
    background-size: 100% 96%;
}

.secondary-navigation li.selected {
    font-weight: var(--font-weight-bold);
}


/******************** FLAG ********************/
.language_switch ul li a.active {
    background-color: transparent;
}

.language_switch ul li a {
    background-size: 80px;
    width: 40px;
    height: 38px;
    margin-left: 10px;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 8%), 0 1px 3px 1px rgb(60 64 67 / 16%);
}

.language_switch {
    margin: 25px 0 35px 25px;
}


/******************** SECONDARY NAVIGATION-imi knap ********************/
.login.right {
    border: 0.5px solid var(--border-dark);
}
.login.right a {
    color: var(--text-dark-blue);
}
.login-btn:hover {
    background: var(--bg-yellow);
}
.login-btn {
    background: transparent;
}


/******************** NAVIGATION ********************/
.page-header .navbar {
    background: transparent;
}

.primary-navigation ul li a {
    color: var(--text-dark-blue);
    font-size: var(--font-header-small);
    padding: 10px 20px;
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 1px),#0a344f 10px);
    background-repeat: no-repeat;
    background-size: 0 95%;
    transition: background-size 1s;
    letter-spacing: .75px;
}

.primary-navigation ul li a:hover {
    background-size: 100% 95%;
    color: var(--text-dark-blue);
    background-color: transparent;
    background-image: linear-gradient(transparent calc(100% - 1px),#0a344f 10px) !important;
    background-repeat: no-repeat;
    transition: background-size 1s;
}


/******************** Søgefunktion ********************/

.search input {
    font-size: var(--font-header-small);
    width: 250px;
    background: url(/-/media/Allorfik/System/Ikoner/search4) no-repeat;
    background-position-x: 4%;
    background-position-y: 50%;
    background-size: 20px;
    border: transparent;
    margin: 0;
    padding: 14px;
    padding-left: 40px;
}

.search input:hover {
    cursor: pointer;
}

/********** Søgefunktion - fokus **********/
.search input[type=password]:focus,
.search input[type=text]:focus,
.search textarea:focus
{
    border: none;
    border-bottom: 1px solid var(--border-dark);
    color: var(--text-dark-blue);
    width: 250px !important;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 3px;
}

#globalSearchFormTop::placeholder {
    color: rgba(255, 255, 255, 0);
}

.search input::placeholder {
    color: var(--border-dark-grey)  !important;
}

.search input:focus::placeholder {
    color: var(--text-dark-blue) !important;
}


/******************** BREADCRUMBS ********************/
.breadcrumbsContainer {
    background-color: transparent;
}

.breadcrumbsContainer .breadcrumbs {
    padding: 10px 20px;
    background: var(--bg-grey-light);
    margin: 10px 0;
}

.breadcrumbsContainer .breadcrumbs a {
    color: var(--text-dark-blue);
    opacity: .5;
}

.NewsPage .breadcrumbsContainer a:after,
.SearchResultPage .breadcrumbsContainer a:after {
    color: var(--text-dark-blue);
    opacity: .5;
}

.NewsPage .breadcrumbsContainer .active,
.NewsPage .breadcrumbsContainer a:last-child,
.SearchResultPage .breadcrumbsContainer .active,
.SearchResultPage .breadcrumbsContainer a:last-child
{
    font-weight: var(--font-weight-regular);
}

.NewsPage .breadcrumbsContainer,
.SearchResultPage .breadcrumbsContainer
{
    padding-bottom: 0;
    background: transparent;
}


/******************** Venstre menu ********************/
/* Baggrund */
section .context-menu,
section .root-menu
{
    background-color: var(--bg-grey-light);
    margin-bottom: 40px;
}

/* Område-p qulequtaa */
li.root a {
    text-transform: uppercase;
    padding: 15px 15px 15px 15px !important;
}

/* Toqqarneqaqqasoq */
section .context-menu .selected,
section .root-menu .selected
{
    background-color: var(--bg-grey);
}

/* Tekst farve */
section .context-menu a, section .root-menu a {
    color: var(--text-dark-blue);
}

/* Hover */
section .context-menu a:hover,
section .root-menu a:hover
{
    background-color: var(--bg-grey);
}

/* Toqqaqqasumi titarneq standard peerlugu */
section .context-menu.context-menu--accordian a.selected-parent:before,
section .context-menu.context-menu--accordian a.selected:before
{
    content: none;
}


/******************** Forside kampagne siulleq 1/4 ********************/
.Frontpage .campaign.campaign--textinside.campaign--tall.campaign_left {
    background-position: 50% 0% !important;
}

.Frontpage .campaign__content.theme-dark {
    background-image: linear-gradient(180deg,#1a83c7,#0a344f);
}

/* Saqqaani kampagne */
.Frontpage .campaign--tall .campaign__content {
    bottom: 25%;
    padding: 20px;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
}

.Frontpage .campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-white);
    font-size: var(--font-header-medium);
    font-weight: var(--font-weight-bold);
}

.Frontpage .campaign--tall .campaign__title p {
    font-size: var(--font-size-medium);
    color: var(--text-white);
}

.Frontpage .campaign .btn {
    color: var(--text-white);
    background: transparent;
    border: .5px solid var(--border-white);
}

.Frontpage .btn.cta--arrow:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-yellow);
}
.campaign .btn:after {
    content: "\f101";
    font-family: icons;
    font-size: 0.875rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
}

.campaign p {
    margin: 15px 0;
    font-size: var(--font-size-large);
}


/******************** Forside kampagne tullia 2/4 ********************/
.Frontpage section.secondary-section .columns.medium-12 .campaign .campaign__content.theme-dark {
    color: var(--text-dark-blue);
    margin-left: 0px;
    right: 1.0125%;
    padding: 20px;
    background: linear-gradient(180deg,#FFF,#e4e7eb);
    bottom: 15%;
}

.Frontpage section.secondary-section .campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-dark-blue);
}

/********** Kampagne manchet **********/
.Frontpage section.secondary-section .campaign--tall .campaign__title p {
    width: 100%;
    color: inherit;
}

/********** Kampagne CTA **********/
.Frontpage section.secondary-section .campaign .btn {
    color: var(--text-dark-blue);
    background: transparent;
    border: .5px solid var(--border-dark);
}

/********** Kampagne CTA hover **********/
.Frontpage section.secondary-section .campaign .btn:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-dark);
}

/********** 2nd kampagne på forside **********/
.columns.medium-12 .campaign.campaign--tall .campaign__content {
    bottom: 50%;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
}


/* Saqqaani genveje */
.Frontpage section:nth-child(3) > div {
    background: url(/-/media/Allorfik/System/Cover/Allorfik-baggrund2);
    background-size: cover;
    background-position: 0% 92%;
}

.Frontpage .cont-nav.block {
    background-color: var(--bg-default);
    border-radius: 0;
    width: 100%;
    min-height: 136px;
    display: grid;
    grid-template-columns: 1fr;
    padding: 10px;
    border: 0.5px solid var(--border-dark);
    transition: .1s;
}

.Frontpage .cont-nav.block .cont-nav__title {
    font-size: var(--font-size-large);
    color: var(--text-dark-blue);
    text-align: center;
    white-space: break-spaces;
}


/******************** Forside NYHED ********************/
.Frontpage .newsitem.boxed {
    background: var(--bg-grey-light);
    padding: 0;
    border-bottom: none;
    transition: all,.2s;
}

/******************** Selve NYHED ********************/
.NewsPage .breadcrumbsContainer+section {
    padding-bottom: 40px;
}

.NewsPage .breadcrumbsContainer+section+section,
.SearchResultPage .reset-list:first-child li:first-child .newsitem
{
    padding-top: 40px;
}

.NewsPage h1 {
    font-size: var(--font-header-news);
    margin-bottom: 7.5px;
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-bold);
}

.NewsPage section:nth-child(3) div.row-fluid {
    font-size: var(--font-size-small);
}

.NewsPage .image-element {
    margin-bottom: 15px;
    max-width: 75%;
    padding-top: 20px;
}

/******************** Selve NYHED - Relaterede nyheder ********************/

.NewsPage .newsitem {
    border-bottom: none;
    background: var(--bg-grey-light);
    padding: 30px 20px;
    width: 100%;
    display: inline-block;
}

.newsitem__header {
    color: var(--text-dark-blue);
}

.newsitem__excerpt {
    color: var(--text-dark-blue);
}

.newsitem .read-more {
    color: var(--text-dark-blue);
    text-align: end;
    display: block;
}

.NewsPage .large-block-grid-3>li:nth-of-type(1n) {
    clear: both;
}

.NewsPage .large-block-grid-3>li {
    width: 100%;
}


/******************** Kampagner under Vidensportal ********************/

.columns.medium-6 .campaign {
    display: grid;
    background: var(--bg-grey-light);
    height: 100% !important;
}

.columns.medium-6 .campaign__theme {
    font-size: var(--font-header-medium);
    position: relative;
    background: transparent;
    color: var(--text-dark-blue);
    order: 2;
}

.columns.medium-6 .campaign figure {
    order: 1;
}

.columns.medium-6 .campaign p {
    margin: 0;
    order: 3;
    background: var(--bg-grey-light);
}

.columns.medium-6 .campaign .btn {
    color: var(--text-dark-blue);
    border: .5px solid var(--border-dark);
    margin: 10px 20px;
    background: var(--bg-grey-light);
    order: 4;
    width: fit-content;
    right: 0;
}

.columns.medium-6 .campaign .btn.cta--arrow:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-dark);
}


/* Quppernerit ataani isikkoq nutaaq */

.SubjectPage .campaign--tall .campaign__content {
    max-width: 100%;
}

/* Quppernerup qulequtaa */
.campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-dark-blue);
    font-weight: 700;
}

/* Quppernerup manchet */
.Subject .campaign--tall .campaign__title p {
    color: var(--text-dark-blue);
}



/******************** ACCORDIONS ********************/
.accordion {
    margin: 0 0 40px;
    border-bottom: .5px solid var(--border-dark);
}

.accordion .accordion-header {
    color: var(--text-dark-blue);
    border-top: .5px solid var(--border-dark);
    border-bottom: none;
    background-color: transparent;
    padding: 15px 40px;
}

.accordion .accordion-header:before {
    content: "+";
    width: 0;
    height: 0;
    border: none;
    font-size: var(--font-size-large);
    left: 2%;
    top: 25%;
    position: absolute;
}

.accordion .accordion-header:after {
    display: none;
}

.accordion .accordion-header:hover {
    background-color: var(--bg-grey-light);
}

.accordion .accordion-container {
    background-color: var(--bg-grey-light);
}

.accordion .accordion-text {
    color: var(--text-dark-blue);
    padding: 15px 40px;
}

.accordion .accordion-text a {
    color: var(--link-color) !important;
    text-decoration: none;
}
.accordion .accordion-text a:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 0.06em;
}

.accordion .accordion-header.open-container {
    border-bottom: none;
    background-color: var(--bg-grey-light);
    font-weight: var(--font-weight-bold);
}

.accordion .accordion-header.open-container:before {
    content: "–";
}


/******************** Kontakt ********************/

.SubjectPage .large-block-grid-3>li {
    width: 100%;
    padding: 0;
}

.SubjectPage [class*=block-grid-] .read-more {
    display: none;
}

.SubjectPage .primary-section .cont-nav__label,
.SubjectPage .cont-nav__label
{
    color: var(--text-white);
    background: var(--bg-blue);
    padding: 15px;
    width: 100%;
}

.SubjectPage .primary-section .cont-nav__label:after,
.SubjectPage .cont-nav__label:after
{
    color: var(--text-white);
    content: "\f101";
    font-family: icons;
    font-size: var(--font-size-medium);
    padding-left: 16px;
}

.SubjectPage .primary-section .cont-nav__label:hover,
.SubjectPage .cont-nav__label:hover
{
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

.SubjectPage .primary-section .cont-nav__label:hover:after,
.SubjectPage .cont-nav__label:hover:after {
    display: inline-block;
}

/* atorunnaarpoq 1/3 */
.SubjectPage [class*=block-grid-] h3 {
    background: var(--bg-blue);
    padding: 15px 30px;
    margin: 0;
    font-weight: var(--font-weight-regular);
    text-align: center;
    font-size: var(--font-header-small);
}

/* atorunnaarpoq 2/3 */
.SubjectPage [class*=block-grid-] h3 a {
    color: var(--text-white);
}

/* atorunnaarpoq 3/3 */
.SubjectPage [class*=block-grid-] h3 a:after {
    color: var(--text-white);
    content: "\f101";
    font-family: icons;
    font-size: var(--font-size-medium);
    padding-left: 16px;
}

.SubjectPage [class*=block-grid-] p {
    padding: 15px 30px 0;
    margin-bottom: .5rem;
}

.SubjectPage [class*=block-grid-] p a:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

.SubjectPage [class*=block-grid-] p:last-of-type {
    padding: 15px 15px 30px;
    background: var(--bg-default);
    font-size: var(--font-size-medium);
    border: 0.5px solid var(--bg-blue);
}


/******************** KONTAKT Arkiv ********************/
.OrganizationArchivePage  .header.page-header {
    font-size: var(--font-header-news);
    margin-bottom: 7.5px;
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-bold);
}

.OrganizationArchivePage .listing li>div {
    background: var(--bg-grey-light);
    padding: 25px 25px 60px;
}

/********** Filters **********/
.OrganizationArchivePage .filters .btn {
    background: var(--bg-default);
    color: var(--text-dark-blue);
    border: .5px solid var(--border-dark);
    margin-right: 8px;
    transition: .1s;
}

.OrganizationArchivePage .filters .btn.selected {
    background: var(--bg-blue);
    color: var(--text-white);
    border: .5px solid var(--bg-blue);
}

.OrganizationArchivePage .filters .btn:hover {
    background: var(--bg-blue);
    color: var(--text-white);
    border: .5px solid var(--bg-blue);
}

/********** Overskrift size **********/
.OrganizationArchivePage .listing li>div h3 {
    font-size: var(--font-header-medium);
    margin-bottom: var(--font-size-medium);
    word-break: break-word;
}

/********** Overskrift farve **********/
.OrganizationArchivePage .listing li>div h3 a {
    color: var(--text-dark-blue);
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 1px),#0a344f 10px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 1s;
    padding: 5px 0;
}

.OrganizationArchivePage .listing li>div h3 a:hover {
    background-size: 100% 100%;
    color: var(--text-dark-blue);
    background-color: transparent;
    background-image: linear-gradient(transparent calc(100% - 1px),#0a344f 10px) !important;
    background-repeat: no-repeat;
    transition: background-size 1s;
}

/********** Link hover **********/
.OrganizationArchivePage .listing li>div p a:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

.OrganizationArchivePage .listing li>div .read-more {
    color: var(--text-dark-blue);
    width: 100%;
    margin: 0;
    padding: 15px 25px;
    background: var(--bg-grey);
    text-align: end;
}
.OrganizationArchivePage .listing li>div .read-more:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.06em;
}
.OrganizationArchivePage .listing li>div .read-more:hover:after {
    text-decoration: none;
}

.OrganizationArchivePage .listing li>div .read-more:after {
    content: "\f101";
    font-family: icons;
    font-size: var(--font-size-small);
    padding-left: 8px;
    transition: .4s ease-in-out;
}


/******************** Selve KONTAKT ********************/

.OrganizationPage .header.page-header {
    font-size: var(--font-header-news);
    margin-bottom: 7.5px;
    color: var(--text-dark-blue);
    font-weight: var(--font-weight-bold);
    word-break: break-word;
}

/* Allorfik enhed */
.OrganizationPage .hData {
    background: var(--bg-default);
    display: flow-root;
    padding: 20px;
    border-top: 5px solid var(--bg-blue);
    border-left: .5px solid var(--bg-blue);
    border-bottom: .5px solid var(--bg-blue);
    border-right: .5px solid var(--bg-blue);
    margin-bottom: 40px;
}

.OrganizationPage .hData dd a,
.hData dt a
{
    color: var(--link-color);
}

.OrganizationPage .hData dd a:hover,
.hData dt a:hover
{
    color: var(--link-color);
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

/***** Sulisut ******/
.OrganizationPage .website-contact {
    background-color: var(--bg-primary);
    padding: 20px;
    margin: 0;
}

.OrganizationPage .website-contact a:hover {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

.website-contact .contactInfoHeader {
    font-size: var(--font-header-small);
    margin-top: .5em;
}

.website-contact .contactInfoDepartment {
    opacity: .875;
}

.website-contact p:nth-of-type(3):before {
    content: "\f118";
    font-family: 'icons';
    font-size: .875rem;
    opacity: .5;
    padding-right: 12px;
}

.website-contact p:nth-of-type(3):empty:before {
    display: none;
}

.website-contact p:nth-of-type(4):before {
    content: "\f108";
    font-family: 'icons';
    font-size: .875rem;
    opacity: .5;
    padding-right: 12px;
    top: 2px;
    position: relative;
}


/**************************************** FOKUS BOKS + VIDSTE DU ****************************************/

.SubjectPage [class*=block-grid-] {
    padding: 0;
    margin: 0;
}

.SubjectPage section.primary-section .medium-8 h3 {
    margin: 0px;
    background: rgba(26,131,199,0.25);
    padding: 30px 30px 15px;
}

.SubjectPage section.primary-section .medium-8 .content {
    margin: 0px;
    background: rgba(26,131,199,0.25);
    padding: 0 30px 30px;
    margin-bottom: 20px;
}


/********** Imarisaani vidste du.. **********/

/* 8-4-mi 4-taani section */
.SubjectPage .medium-4.columns h3 {
    background-color: var(--bg-grey);
    padding: 15px 15px 0;
    margin-bottom: 0;
}
.SubjectPage .medium-4.columns .content {
    background-color: var(--bg-grey);
    padding: 15px;
}


/******************** THEMEDBUTTON ********************/
.cont-nav.block {
    padding: 0;
    background: var(--bg-blue);
    float: left;
    border-radius: 50px;
    border: .5px solid var(--bg-blue);
    white-space: inherit;
}

.cont-nav.block:hover {
    color: var(--text-dark-blue);
    background: var(--bg-blue-light);
    border: 0.5px solid var(--bg-blue);
}

.cont-nav.block .cont-nav__title {
    font-size: var(--font-size-medium);
    margin: 0;
    text-transform: none;
    padding: 15px;
}


/* Forside themedbutton */
.Frontpage .cont-nav__iconcontainer {
    background-size: contain !important;
    transform: scale(1);
    height: 32px;
    width: 32px;
    margin: auto;
}

.Test .cont-nav__iconcontainer {
    background: url(/-/media/Allorfik/System/Ikoner/google-forms-96) no-repeat;
}

.Plan .cont-nav__iconcontainer {
    background: url(/-/media/Allorfik/System/Ikoner/calender) no-repeat;
}

.Allorfiit .cont-nav__iconcontainer {
    background: url(/-/media/Allorfik/System/Ikoner/location86) no-repeat;
}

.OrganizationPage .cont-nav.block[href$="pdf"] .cont-nav__title:after {
    content: "PDF";
    font-size: 0.625rem;
    color: #ffffffb5;
    position: relative;
    top: -6px;
    padding-left: 5px;
}

.OrganizationPage .cont-nav.block[href$="pdf"] .cont-nav__title:hover:after {
    color: var(--bg-blue);
}

.OrganizationPage .cont-nav__iconcontainer {
    display: none;
}


/**************************************** PAGE FOOTER ****************************************/

.page-footer-section {
    background: var(--bg-grey-light);
}

.page-footer .h3 {
    color: var(--text-dark-blue);
    font-size: var(--font-header-small);
}

.page-footer li,
.page-footer p,
.page-footer span
{
    color: var(--text-dark-blue);
}

.page-footer a {
    color: var(--link-color);
}

.page-footer a:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.07em;
}

.cookie-disclaimer .cookie-accept-trigger {
    background-color: var(--link-color);
}


/**************************************** Mobile menu ****************************************/

/* Background */
.mobile-menu {
    background-image: linear-gradient(180deg, #1a83c7, #0a344f);
}

/* Navigation */
.mobile-menu .primary-navigation ul li a {
    color: var(--text-white);
    font-size: var(--font-size-large);
}

/* Secondary */
.mobile-menu .secondary-navigation.right .selvbetjening a:before,
.mobile-menu .secondary-navigation.right a
{
    color: var(--text-white);
    font-size: var(--font-size-large);
}

/* Login knap */
.mobile-menu .login-btn {
    border: 0.5px solid var(--border-white);
}



/******************************************************************************** TAMANUT ATUUTTOQ naavoq ********************************************************************************/



/**************************************** Responsive break-points ****************************************/



/**************************************** iPhone Portrait ****************************************/

@media only screen and (max-width: 320px) {
/* Styles */
}




/**************************************** iPhone Landscape ****************************************/

@media only screen and (min-width: 321px) and (max-width: 480px) {
/* Styles */
}



/**************************************** Max-width 640 ****************************************/

@media only screen and (max-width: 640px)
{

/********** Section **********/
.Frontpage section.primary-section {
    padding: 0;
}

section.secondary-section,
section.third-section
{
    padding: 0 0 25px;
}

section:last-of-type {
    padding: 0 0 80px;
}

/********** Kampagne siulleq **********/
.Frontpage .campaign--tall .campaign__content {
    max-width: 100%;
    display: inline-block;
}

/********** Kampagne tullia **********/
.Frontpage section.secondary-section .columns.medium-12 .campaign.campaign--textinside.campaign--tall.campaign_left {
    margin-left: -5%;
    margin-right: -5%;
}

.Frontpage section.secondary-section .columns.medium-12 .campaign .campaign__content.theme-dark {
    width: 90%;
    margin: 0 auto;
    max-width: 90%;
}

/********** Imarisaani qulequtaa manchet-ilu **********/
.SubjectPage .campaign--tall .campaign__content {
    background: rgba(255, 255, 255, 0.95);
    padding: 5px 15px;
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 8%), 0 1px 3px 1px rgb(60 64 67 / 16%);
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
}

/* Imarisaa inissinniarlugu qulequtaa manchet-ilu inissillugit - pingaarpoq */
.SubjectPage div[data-equalizer-watch],
.SynchronizedSubjectPage div[data-equalizer-watch]
{
    min-height: 450px !important;
}

/********** Selve kontakt **********/
.OrganizationPage .website-contact {
    margin: 5% 0 0;
    width: 100%;
}

/* Imarisaani qulequtaq */
.SubjectPage .header.page-header,
.ArticlePage .header.page-header,
.SubjectPage .campaign--tall .campaign__title P.campaign__title--header
{
    font-size: var(--font-header-large);
    font-weight: var(--font-weight-bold);
    margin: 0.5rem 0;
}

/********** Page-footer **********/

/* Page-footer section siulleq ammut silaannalerlugu */
.page-footer div:nth-child(1) {
    margin-bottom: 20px;
}
}
/**** 640 ends ****/



/**************************************** iPad Portrait ****************************************/

@media only screen and (min-width: 481px) and (max-width: 768px) {

/* Saqqaani kampagne */
.Frontpage .campaign--tall .campaign__content {
    max-width: 80%;
    display: inline-block;
}
}


/**************************************** Min-width 641 ****************************************/

@media only screen and (min-width: 641px)
{

/* Subject indhold - atorunnaarpoq */
section.third-section div.medium-8.columns {
    width: 80%;
    margin-left: 15px;
}
section.third-section div.medium-4.columns {
    width: 20%;
}

/* Atuuttoq */
.SubjectPage .campaign {
    background-size: 100% !important;
}

/* Indhold section atuuttup inissinnera */
.SubjectPage .campaign--tall .campaign__content {
    max-width: 100%;
    background: rgba(255,255,255,0.95);
    padding: 20px 30px;
    width: fit-content;
}

/* Quppernerup qulequtaa */
.campaign--tall .campaign__title P.campaign__title--header {
    font-size: var(--font-header-large);
}

/* Quppernerup manchet */
.campaign--tall .campaign__title p {
    font-size: var(--font-header-small);
    color: var(--text-dark-blue);
}

/* Indhold ataani isikkua, soorlu Vidensportal ataani */
.ArticlePage section.third-section div.medium-8.columns {
    background: rgba(243, 244, 246, 0.95);
    padding: 20px 30px;
}


/******************** Saqqaani kampagne 4/4 ********************/

.Frontpage section:nth-child(3) .medium-6 {
    width: 33%;
}

/********** Campaign siulleq **********/

.Frontpage .campaign__content.theme-dark {
    background-image: linear-gradient(180deg,#1a83c7,#0a344f);
}

.Frontpage .campaign.campaign--textinside.campaign--tall.campaign_left {
    background-position: 50% 0% !important;
}

.Frontpage .campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-white);
    font-size: var(--font-header-large);
    font-weight: var(--font-weight-bold);
}

.Frontpage .campaign--tall .campaign__title p {
    font-size: var(--font-size-large);
    color: var(--text-white);
}

/* Saqqaani kampagne */
.Frontpage .campaign--tall .campaign__content {
    bottom: 25%;
    padding: 25px 50px;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
}

.Frontpage .campaign .btn {
    color: var(--text-white);
    background: transparent;
    border: 0.5px solid var(--border-white);
    position: relative;
    float: right;
}

.Frontpage .btn.cta--arrow:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-yellow);
}

/********** Campaign tullia **********/

.Frontpage section.secondary-section .columns.medium-12 .campaign .campaign__content.theme-dark {
    color: var(--text-dark-blue);
    margin-left: 0px;
    right: 1.0125%;
    padding: 25px 50px;
    background: linear-gradient(180deg,#FFF,#e4e7eb);
    bottom: 15%;
}

/********** Kampagne overskrift **********/
.Frontpage section.secondary-section .campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-dark-blue);
}

/********** Kampagne manchet **********/
.Frontpage section.secondary-section .campaign--tall .campaign__title p {
    width: 90%;
    color: inherit;
}

/********** Kampagne CTA **********/
.Frontpage section.secondary-section .campaign .btn {
    color: var(--text-dark-blue);
    background: transparent;
    border: .5px solid var(--border-dark);
}

/********** Kampagne CTA hover **********/
.Frontpage section.secondary-section .campaign .btn:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-dark);
}

/********** 2nd kampagne på forside **********/
.columns.medium-12 .campaign.campaign--tall .campaign__content {
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
}

/******************** Imarisaani qulequtaq ********************/
.SubjectPage .header.page-header,
.ArticlePage .header.page-header
{
    font-size: var(--font-header-large);
    font-weight: var(--font-weight-bold);
    margin: 0.5rem 0;
}

/******************** NYHEDER ********************/
.Frontpage section.primary-section .row .medium-12 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2%;
}

.Frontpage .newsitem.boxed {
    background: var(--bg-grey-light);
    padding: 0;
    border-bottom: none;
    min-height: 520px;
    height: 100%;
    transition: .1s;
}

/********** Nyhed læs mere **********/
.Frontpage .newsitem .read-more {
    position: absolute;
}

/******************** Kontakt-imi tulleriiaarneri ********************/

/* Baggrund */
.OrganizationPage section:nth-child(3) {
    background-size: 30% !important;
}

.large-block-grid-3>li {
    width: 33%;
}
.large-block-grid-3>li:nth-of-type(3n+1) {
    clear: none;
}

.medium-block-grid-2>li:nth-of-type(odd) {
    clear: none;
}

/***** Kontakt-imi asseq *****/
.OrganizationPage .image-element {
    max-width: 50%;
}

/***** Selve Kontakt adresse *****/
.OrganizationPage .hData dt {
    text-align: revert;
    width: 15%;
}

.OrganizationPage .hData dd {
    width: 70%;
}

/***** Sulisut *****/
.OrganizationPage section:last-of-type .row .medium-12 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}
}
/**** 641 ends ****/



/**************************************** iPad Portrait ****************************************/
@media only screen and (min-width: 768px) and (max-width: 768px) {

/* Imarisaani qulequtaa manchet-ilu */
.SubjectPage .campaign--tall .campaign__content {
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 8%), 0 1px 3px 1px rgb(60 64 67 / 16%);
}
}

@media only screen and (min-width: 768) {

/* Quppernerup manchet */
.Subject .campaign--tall .campaign__title p {
    font-size: var(--font-header-medium);
}
}
/**** 768 ends ****/


/**************************************** iPad Landscape ****************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

/* Saqqaani kampagne */
.Frontpage .campaign--tall .campaign__content {
    max-width: 60%;
    display: inline-block;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
}
}



/**************************************** MacBook ****************************************/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
/* Styles */
}



/**************************************** WIDTH 1025 - 1440 ****************************************/

@media only screen and (min-width: 1025px) and (max-width: 1440px)
{
.SubjectPage section .row:not(.breadcrumbsContainer div),
.ArticlePage section .row:not(.breadcrumbsContainer div)
{
    max-width: 75% !important;
}

.NewsPage section .row:not(.breadcrumbsContainer div) {
    max-width: 75% !important;
}

.OrganizationArchivePage section .row:not(.breadcrumbsContainer div) {
    max-width: 75% !important;
}

.OrganizationPage section .row:not(.breadcrumbsContainer div) {
    max-width: 75% !important;
}

.page-footer section .row:not(.breadcrumbsContainer div) {
    max-width: 75% !important;
}

.SubjectPage .campaign .row {
    max-width: 75% !important;
}
}
/**** 1025 - 1440 ends ****/



/**************************************** Min 1180 ****************************************/
@media only screen and (min-width: 1180px) {

/******************** Saqqaani genveje ********************/
.Frontpage section:nth-child(3) > div {
    padding: 50px;
}

/* Page footer */
.page-footer .row .large-3 {
    width: 45%;
}
}


/**************************************** iMac ****************************************/
@media only screen and (min-width: 1281px) {
/* Styles */
}



/**************************************** XXLARGE Screen - Min 1920 ****************************************/

@media only screen and (min-width: 1920px)
{

/******************** WIDTH ********************/
.SubjectPage section .row:not(.breadcrumbsContainer div),
.ArticlePage section .row:not(.breadcrumbsContainer div)
{
    max-width: 40% !important;
}

.SubjectPage section.secondary-section .row:not(.breadcrumbsContainer div) {
    max-width: 40% !important;
}

.NewsPage section .row:not(.breadcrumbsContainer div) {
    max-width: 35% !important;
}

.OrganizationArchivePage section .row:not(.breadcrumbsContainer div) {
    max-width: 40% !important;
}

.OrganizationPage section .row:not(.breadcrumbsContainer div) {
    max-width: 40% !important;
}

.page-footer section .row {
    max-width: 40% !important;
}

.SubjectPage .campaign .row {
    max-width: 40% !important;
}


/******************** Saqqaani genveje ********************/
.Frontpage section:nth-child(3) > div {
    max-width: 1366px;
}

/* Imarisaani baggrund */
.SubjectPage .campaign {
    background-size: 60% 100% !important;
}

/********** Imarisaasa qulequtaat + manchet **********/
.campaign--tall .campaign__title P.campaign__title--header {
    font-size: var(--font-header-news);
}
.campaign--tall .campaign__title p {
    font-size: var(--font-header-medium);
}

/* Atorunnaartoq */
.SubjectPage .header.page-header {
    color: var(--text-dark-blue);
    font-size: 3rem;
    font-weight: 700;
}

.primary-navigation .selected.SubjectPage {
    font-weight: 700;
}

/********** Imarisaasa machet **********/
.SubjectPage .manchet {
    font-size: 1.5rem;
    color: var(--text-dark-blue) !important;
}

.SubjectPage h3 {
    color: var(--text-dark-blue);
    font-weight: 700;
    letter-spacing: 0.5px;
}


/******************** Saqqaani kampagne tullia 3/4 ********************/

.Frontpage section.secondary-section .campaign.campaign--textinside.campaign--tall.campaign_left {
    background-position: 10% 0% !important;
}

.Frontpage section.secondary-section .campaign--tall .campaign__title P.campaign__title--header {
    color: var(--text-dark-blue);
}

.Frontpage section.secondary-section .campaign--tall .campaign__title p {
    width: 90%;
    color: var(--text-dark-blue);
}

.Frontpage section.secondary-section .campaign .btn {
    color: var(--text-dark-blue);
    background: transparent;
    border: .5px solid var(--border-dark);
}

.Frontpage section.secondary-section .campaign .btn:hover {
    color: var(--text-dark-blue);
    background: var(--bg-yellow);
    border: .5px solid var(--border-dark);
}

/******************** NAVIGATION width ********************/
.page-header .navbar .medium-9 {
    width: 80%;
}

.page-header .navbar .large-3 {
    width: 20%;
    padding-bottom: 8px;
}

.primary-navigation ul li {
    margin-right: 20px;
}


/******************** HEADER WIDTH ********************/
.page-header .large-4 {
    width: 20%;
}

.page-header .medium-8 {
    width: 80%;
}

.logo {
    height: 63px;
}


/********** Kontakt asseq **********/
.OrganizationPage .image-element {
    max-width: 65%;
}
}
/**** XXL Screen ends ****/