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

:root{
/* Font-family */


/* Baggrund */
    --bg-purple: #C0B5E6;
    --bg-light-purble: #efeef9;
    --bg-orange: #D4BDC2;

/* Tekst størrelse */
    --h1: 3.5rem;
    --manchet: 1.625rem;
    --font-normal: 1.25rem;
    --secondary: 0.813rem;

/* Tekst farver */
    --font-color-black: #222;
    --link: #004D99;
    --link-hover: #000040;

/* Tekst padding */


/* Border */


}


/***************************************************** Responsive*****************************************************/

.mobile-show--menu:after {
    color: #820041;
}

.mobile-menu {
    background: #820041;
}

.mobile-menu .primary-navigation ul li a {
    text-transform: capitalize;
    opacity: .7;
    text-align: left;
}

.mobile-menu .secondary-navigation.right {
    bottom: auto !important;
}

.mobile-menu .secondary-navigation.right a {
    color: #fff;
}

/***************************************************** Global *****************************************************/



/**************************************************** Font ****************************************************/


.medium-8 h1 {
    font-size: var(--h1);
}

.manchet,
h2, .h2,
.ArticlePage .medium-8 h3 {
    font-size: var(--manchet);
}

.content h2,
.content .h2,
.ArticlePage .medium-8 h3{
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: #a50905;
}

.NewsPage .medium-8:not(.service-box) p,
.ArticlePage .medium-8:not(.service-box) p,
.SynchronizedArticlePage .medium-8:not(.service-box) p,
.accordion .accordion-header,
.content ul,
.content ol,
.content dl,
.accordion-text ul,
.accordion-text ol,
.accordion-text dl,
p {
     font-size: var(--font-normal);
}

.primary-navigation ul li a {
    font-size: var(--secondary);
    text-transform: uppercase;
}

.primary-navigation ul li a:hover {
    color: #F3B5A4;
    background: none;
}

.accordion .accordion-text a {
    color: #008CD1 !important;
}




/**************************************************** Liste ****************************************************/

.NewsPage .medium-8:not(.service-box) ul li:before,
.NewsPage .medium-8:not(.service-box) ol li:before,
.ArticlePage .medium-8:not(.service-box) ul li:before,
.ArticlePage .medium-8:not(.service-box) ol li:before,
.SynchronizedArticlePage .medium-8:not(.service-box) ul li:before,
.SynchronizedArticlePage .medium-8:not(.service-box) ol li:before,
::marker {
    color: #a50905;
}


/***************************************************** Header *****************************************************/

.page-header .navbar {
    background: #820041;
}

.primary-navigation .root-menu {
    text-align: right;
}

.primary-navigation ul li a {
    padding: 13px 20px;
}

.secondary-navigation {
    position: absolute;
    bottom: 0;
    padding-top: 0;
}

.secondary-navigation .root-menu {
    text-align: left;
}

.secondary-navigation a {
    padding: 0 7.5px 0 8.5px;
    color: #222;
    border-right: 2px solid #a50905;
}

.secondary-navigation li:last-child a {
    color: #222;
    border-right: none;
}

.secondary-navigation a:hover,
.secondary-navigation li:last-child  a:hover {
    color: #a50905;
    text-decoration: underline;
    text-underline-offset: 3px;
}



/***************************************************** Søgefelt *****************************************************/

.search {
    width: 100%;
}

.search input {
    border: 1px solid #F5F6F4;
    margin: 0;
    background: url(/-/media/Demens/Ikon/search) no-repeat;
    background-color: #F5F6F4;
    background-position: 7px 9px;
    width: 100%;
    color: #222;
}

#globalSearchFormTop {
    min-height: 44px;
}

#globalSearchQueryTop ::placeholder {
    color: #37245C !important;
}



/* Fokus */
.search input:focus
{
   color: #37245C;
}


/*** Søgefelt - input - focus ***/
input[type="text"]:focus {
	background-position-x: -26px;
	padding-left: 9px;
	transition: 300ms;
	transition-timing-function: ease-in-out;
	border: 1px solid #ccc;
}

/* Placeholder */
#globalSearchFormTop::placeholder {
   color: #37245C;
}

.search input::placeholder {
   color: #37245C !important;
}

.search input:focus::placeholder {
   color: #37245C !important;
   opacity: 0.5;
}

.suggested-search-list,
search-support,
.SearchResultPage .medium-12 .medium-4,
.SearchResultPage .medium-12 h1 {
   display: none !important;
}


.SearchResultPage .manchet {
    font-size: var(--font-normal);
}


/***************************************************** Sprog versionering *****************************************************/

.language_switch {
	grid-column: 2/2;
	grid-row: 1/1;
}


.language_switch ul li a {
	width: 40px;
	height: 38px;
	background-size: 80px;
	border-radius: 50%;
	margin-right: 15px;
}

.language_switch ul li {
	display: inline-block;
}

.language_switch ul li:nth-child(1) {
	float: none;
}

.language_switch ul li:nth-child(2) {
	float: left;
}

.language_switch ul li:nth-child(3) {
	float: right;
}



/***************************************************** Breadcrumb *****************************************************/

.breadcrumbsContainer {
    border-top: 1px solid;
    background-color: #fff;
}

.breadcrumbsContainer .breadcrumbs a {
    text-decoration: underline;
    color: var(--font-color-black);
    opacity: 1;
}

.breadcrumbsContainer .breadcrumbs a:last-child {
    text-decoration: none;
    pointer-events: none;
}

.breadcrumbsContainer .breadcrumbs a::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 17px;
    background-image: url('/-/media/Demens/Ikon/right');
    background-size: 24px;
}

.breadcrumbsContainer .breadcrumbs a:last-child::after {
    display: none;
}




/***************************************************** Footer *****************************************************/

.page-footer .small-12 .columns {
        display: inline-block;
}

.page-footer .small-12 .columns:last-child {
    float: right;
}

.page-footer div:nth-child(3) {
    clear: none;
}

.page-footer-section {
    background: #1f2440;
}

.page-footer {
    padding: 30px 0 1.5rem;
}

.page-footer .h3 {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 5px;
}


.cookie-disclaimer {
    background-color: #fff;
    color: #222;
    padding: 1rem 0;
}

.cookie-disclaimer .cookie-accept-trigger {
    background-color: #fff;
    padding: 1px 5px;
    border: 1px solid;
    border-radius: 4px;;
}

.cookie-disclaimer .column a {
    color: #222;
}


/***************************************************** Forside billede *****************************************************/

.Frontpage .campaign--tall {
    background-size: cover;
    background-color: rgb(77 82 86 / 40%);
    background-blend-mode: multiply;
}

.campaign--tall .campaign__content {
    bottom: 68%;
    max-width: 76%;
    color: #FFFFFF;
}

.campaign__content.theme-dark {
        background-image: none;
}

.campaign--tall .campaign__title P.campaign__title--header {
        font-size: var(--h1);
}

.campaign--tall .campaign__title p {
        font-size: var(--manchet);
}

.campaign--textinside a.btn {
    background: none;
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--font-normal);
}

.campaign--textinside a.btn:hover {
    background: #ffffff;
    color: #222;
}



/***************************************************** Forside Nyhed*****************************************************/

.Frontpage section:nth-child(3) .medium-12 {
    display: grid;
    column-gap: 10px;
}

.Frontpage .moduleHeader {
    grid-column: 1 / 4;
    font-size: var(--manchet);
}

.newsitem.boxed {
/*    display: grid;*/
    grid-template-rows: 41% 7% 13% 31% 6%;
    text-wrap: balance;
    padding: 0;
    border-radius: 8px;
    background: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.newsitem.boxed figure {
    grid-row: 1;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.newsitem__date {
    font-size: var(--secondary);
    grid-row: 2;
    padding: 6px 20px;
}


.newsitem__header {
    font-size: var(--font-normal);
    grid-row: 3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding: 5px 20px;
    margin: 0;
}


.newsitem.boxed:hover .newsitem__header {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.newsitem__excerpt {
    font-size: var(--secondary);
    grid-row: 4;
/*    -webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
*/    text-overflow: ellipsis;*/
    display: -webkit-box;
    text-wrap: balance;
    padding: 0px 20px;
    opacity: .5;
    margin-bottom: 40px;
}


.newsitem.boxed:hover .newsitem__excerpt {
    color: var(--font-color-black);
    opacity: 1;
}


.newsitem .read-more {
    font-size: var(--secondary);
    color: var(--link);
    grid-row: 5;
    margin: 15px 0;
    padding-left: 20px;
    position: absolute;
    bottom: 0;
}

.newsitem .read-more::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 17px;
    background-image: url('/-/media/Demens/Ikon/circle_right');
    background-size: 15px;
    background-repeat: no-repeat;
}

.newsitem.boxed:hover .read-more::after {
    background-image: url('/-/media/Demens/Ikon/circle_right_dark');
}

.newsitem.boxed:hover .read-more {
    color: var(--link-hover);
}

.link--more {
    color: #820041;
    grid-column: 1 / 4;
    border: 1px solid;
    justify-self: end;
    background: none;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px 20px;
    text-decoration: none;
}

.link--more:hover {
    border-color: #820041;
    background: #820041;
    color: #fff;
}



/***************************************************** Nyhed - Oversigt *****************************************************/

.NewsArchivePage .filters {
    display: none;
}


/***************************************************** Venstremenu *****************************************************/



section .root-menu,
section .context-menu {
    background-color: #fff;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

section .root-menu a,
section .context-menu a {
    color: #222;
    padding: 4px 16px 4px 16px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

section .context-menu li:not(.root) a {
    padding-left: 30px !important;
}

section .root-menu li:last-child a,
section .context-menu li:last-child a {
    border-bottom: none;
}

section .root-menu .selected,
section .context-menu .selected {
    background-color: #F5F6F4;
    border-left: 3px solid #a50905;
}

section .root-menu a:hover,
section .context-menu a:hover {
    background-color: #F5F6F5;
}

section .context-menu.context-menu--accordian a.selected::before {
    display: none;
}

section .context-menu.context-menu--accordian a.selected.isParent::before,
section .context-menu.context-menu--accordian a.isParent::before {
    content: "+";
    position: absolute;
    left: 10px;
    top: 3px;
    color: #820041;
}

section .context-menu.context-menu--accordian a.selected.isParent:before, section .context-menu.context-menu--accordian a.selected-parent::before, section .context-menu.context-menu--accordian a.selected.SubjectSubPage.isParent::before {
    content: "-" !important;
}

section .context-menu.context-menu--accordian li > ul.depth1 a {
    padding-left: 45px !important;
}





/***************************************************** Accordion *****************************************************/



/*** Accordion - Header ***/
.accordion .accordion-header {
    border-top: 1px solid var(--bg-orange);
    background: none;
    color: var(--font-color-black);
    padding: 0;
    display: -webkit-flex;
    align-items: center;
}


/*** Accordion - Header - Hover ***/
.accordion .accordion-header:hover {
	background-color: #f6f6f7;
}


/*** Accordion - Header - After ***/
.accordion .accordion-header::after {
	display:none
}


/*** Accordion - Header - Before ***/
.accordion-header::before {
	content: "+";
	font-size: 2.4rem;
	border: 2.5px solid;
	border-radius: 50%;
	border-color: #C96B69;
	padding: 4px 3px 8px;
	line-height: 1rem;
	transition: 0;
	margin: 10px 10px 10px 0;
}


/*** Accordion - Header - Hover ***/
div.accordion .accordion-header:hover::before {
	content: "+";
	font-size: 2.4rem;
	border-color: #a50905;
	color: #fff;
	background: #a50905;
	transition: 0;
}


/*** Accordion - Header - Before ***/
.accordion-header.open-container::before {
	content: "–";
	font-size: 2.4rem;
	border-color: #a50905;
	color: #fff;
	background: #a50905;
	transition: 0;
}


/*** Accordion - Header - Hover ***/
.accordion-header.open-container:hover::before {
	content: url('/-/media/Demens/Ikon/Accordion/minus_white.png');
	content: "–" !important;
	font-size: var(--font-size-indhold);
	transition: 0;
	transform: none;
	color: #fff;
	transition: 0;
	transform: none;
}


/*** Accordion - Header - Open ***/
.accordion-header.open-container {
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	background-color: var(--bg-dark-grey);
}


/*** Accordion - Container  ***/
.accordion .accordion-container {
	margin-bottom: 0px;
	background-color: #fff;
	transition: 0s;
}


/*** Accordion - Container - Tekst ***/
.accordion .accordion-text {
	color: var(--font-color-black);
	padding-left: 35px;
}



/***************************************************** Fuldskærm *****************************************************/

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




/***************************************************** Header *****************************************************/

.page-header {
    display: flex;
    flex-direction: column-reverse;
}


/***************************************************** Nyhed - Forside *****************************************************/


.Frontpage section:nth-child(3) .medium-12 {
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 25px;
}

.Frontpage section:nth-child(3) .medium-12 .moduleHeader {
    grid-column: 1 / 4;
        font-size: var(--manchet);
        font-weight: 600;
}

.NewsPage .medium-8:not(.service-box) ul li:before {
    padding: 15px 5px 0 23px;
}


.NewsPage .medium-8:not(.service-box) ol li {
    list-style-type: inherit;
}


.NewsPage .medium-8:not(.service-box) ol li:before {
    content: " ";
    padding: 23px;
}




/***************************************************** Section *****************************************************/

.page-header .large-4 {
width: 11%;
}

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




/***************************************************** Footer *****************************************************/


.page-footer .medium-12 .medium-6:nth-child(2) {
width: 50%;
}


}




/************************************************************************************************** Større – 1440px **************************************************************************************************/

@media screen and (max-width: 90em) {


.Frontpage section:nth-child(3) .medium-12 {
    display: inherit;
}


.newsitem.boxed {
    width: 32%;
    margin-right: 10px;
    float: left;
}


.newsitem.boxed:last-child {
    margin-right: 0px;
}

.newsitem .read-more {
    display: none;
}

}


/************************************************************************************************** Medium – 1024px **************************************************************************************************/

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


.newsitem.boxed {
    grid-template-rows: 41% 4% 23% 16% 8%;
}

}


/************************************************************************************************** Små – 640px **************************************************************************************************/

@media screen and (max-width: 50em) {

.Frontpage section:nth-child(3) .medium-12 {
    display: inherit;
}

    .newsitem.boxed {
        width: -webkit-fill-available;
        margin: 0 12% 25px;
    }

.page-footer .small-12 .columns:last-child {
    width: auto;
}

}


/************************************************************************************************** Små 432px **************************************************************************************************/

@media screen and (max-width: 27em) {

.campaign--tall .campaign__content {
    max-width: 100%;
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
}


.Frontpage section:nth-child(3) .medium-12 {
    display: block;
}

.newsitem.boxed {
    grid-template-rows: 1fr;
}

.newsitem__excerpt {
    display: none;
    }



}