body {
overflow-x: unset;
}


/****************************** Back to top knap - Bliv frivillig ******************************/

.top {
   text-decoration: none;
   font-size: 1rem !important;
   border: 2px solid #EA4F3D;
   align-items: flex-start;
   border-radius: 30px;
   bottom: 105px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   left: 95%;
   padding: 10px 7px;
   position: fixed;
   transform: translateX(-50%);
   z-index: 10;
   width: max-content;
   background-color: #fff;
   transition: .5s !important;
}

.top img {
   width: 80%;
   display: inline-block;
   height: auto !important;
   width: 30px !important;
}

.top:hover {
   bottom: 110px;
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

/****************************** Facebook link ******************************/

.module-contactBox .column-right .linkFacebook {
   padding: 0px;
}

.module-contactBox .column-right .linkFacebook a svg {
   width: auto;
   height: 100px !important;
}


/****************************** Youtube video ******************************/

.youtubevideo {
   position:relative;
   padding-bottom:56.25%;
   padding-top:30px;
   height:0;
   overflow:hidden;
}

.youtubevideo iframe, .youtubevideo object, .youtubevideo embed {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}

/****************************** Ikoner ******************************/

.module-contactBox .column-right .linkTop .contactformular::before {
   content: url(https://paarisa.sitecore.nanoq.gl/-/media/paarisa/ikoner/klode_neg_5299455b-7a9a-42e1-b7f7-91df4285a5b7.svg?la=da);
   background: none !important;
   position: absolute;
   left: -59px;
}

.module-contactBox .column-right p:first-child:empty {
   display: none !important;
}


/****************************** BREADCRUMBS ******************************/

/***** Breadcrumb *****/
header .header-wrapper .middle-row .breadcrumb a {
   padding-left: 20px;
   color: #111111;
   color: var(--color-black);
   text-decoration: none;
   text-transform: uppercase;
   max-width: 35ch;
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
}


/****************************** Materialer + Online kurser ******************************/

 .SubjectSubPage .page-text, .ArticlePage .page-text {
   display: inline-table;
   max-width: 398px;
   margin-bottom: 50px;
   margin-right: 25px;
}

/***** Materialer - billeder *****/
 .SubjectSubPage .page-text, .ArticlePage .page-text img {
   height: auto !important;
   width: 70% !important;
}

/***** Materialer - overskrift *****/
 .SubjectSubPage .page-text, .ArticlePage .page-text h4 {
   font-size: 26px;
   color: #6c1e0b;
}

/***** Materialer - indhold *****/
 .SubjectSubPage .page-text, .ArticlePage .page-text p a:link {
   color: #ea4f3d;
}


/****************************** LÆS OGSÅ ******************************/

/***** Læs også - DET GODE LIV *****/
#xe41826e418304444a5281b43a5463841 hr {
   color: #053320;
   height: 2px;
   margin-top: 60px;
   margin-bottom: 60px;
}

#xe41826e418304444a5281b43a5463841 p {
   color: #44a37b;
   font-weight: var(--font-weight-bold);
   font-size: var(--font-size-body-medium);
   text-transform: uppercase;
}

/***** Læs også - FÅ HJÆLP *****/
#x46e11bd2392a4e9aa60296b0c50b5928 hr {
   color: #6C1E0B;
   height: 2px;
   margin-top: 60px;
   margin-bottom: 60px;
}

#x46e11bd2392a4e9aa60296b0c50b5928 p {
   color: #ea4f3d;
   font-weight: var(--font-weight-bold);
   font-size: var(--font-size-body-medium);
   text-transform: uppercase;
}

/***** Læs også - PAARISA FOR BØRN *****/
#x0d76704e8e0c4105bc33085001ac9f7c hr {
   color: #24255B;
   height: 2px;
   margin-top: 60px;
   margin-bottom: 60px;
}

#x0d76704e8e0c4105bc33085001ac9f7c p {
   color: #6d64aa;
   font-weight: var(--font-weight-bold);
   font-size: var(--font-size-body-medium);
   text-transform: uppercase;
}


/****************************** TABEL ******************************/

/***** TABEL farve *****/
.table tr:nth-child(odd) {
   background: #E6E7E7;
}

.table tr:nth-child(even) {
   background: #E6E7E7;
}

table {
   border-color: transparent;
}
.primary-section table {
   margin-left: -40%;
}

/***** Tabel - Bliv Frivillig *****/
.secondary-section table { 
   width: 100% !important;
   border-collapse: collapse;
   margin: 50px auto;
}

/***** Zebra striping *****/
.secondary-section tr:nth-of-type(odd) { 
   background: #f1f2f3; 
}

.secondary-section td {
   padding: 20px 15px;
   border: none;
   text-align: left;
   font-size: 18px;
   word-break: break-word;
}

.secondary-section td span {
   background-color: inherit !important;
}

.secondary-section td p {
   background-color: inherit !important;
}

.secondary-section tr img {
   width: 100% !important;
   height: auto !important;
}


/****************************** ACCORDION ******************************/

/***** Accordions - Bliv Frivillig - bredde *****/
.secondary-section .col-xs-12 {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   max-width: 100%;
   margin: auto;
}

.secondary-section .accordion-text {
   padding: 0 0 35px;
}


/***** H3 - Bliv Frivillig *****/
.secondary-section h3 {
   margin-top: 100px;
}


/****************************** Podcast ******************************/

/***** Podcast grid *****/
.sixth-section .col-md-offset-3 {
  margin-left: 0;
  max-width: 100%;
flex-basis: -moz-available;
}


/****************************** Links under Akuersineq ******************************/

.color-theme-3 section.container-fluid.third-section div:nth-child(1) p a {
   background: #24255B;
   padding: 8px 25px;
   border-radius: 33px;
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   text-decoration: none;
   -webkit-transition: 0.2s ease-in-out;
   transition: 0.2s ease-in-out;
   border: none;
   font-weight: 500;
}

.color-theme-3 section.container-fluid.third-section div:nth-child(1) p a:hover {
   background: #6D64AA;
}



/****************************** Enheder responsiv ******************************/

/********** 1024 **********/

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

/***** Tabel række width *****/
td:nth-child(1) { 
   width: 10% !important;
}

td:nth-child(2) { 
   width: 20% !important;
   word-break: break-word;
}

td:nth-child(3) { 
   width: 50% !important;
}

td:nth-child(4) { 
   width: 20% !important;
}

section.container-fluid.secondary-section div:nth-child(4) td:nth-child(1) { 
   width: 10% !important;
}

section.container-fluid.secondary-section div:nth-child(4) td:nth-child(2) { 
   width: 20% !important;
   word-break: break-word;
}

section.container-fluid.secondary-section div:nth-child(4) td:nth-child(3) { 
   width: 50% !important;
}

section.container-fluid.secondary-section div:nth-child(4) td:nth-child(4) { 
   width: 20% !important;
}

section.container-fluid.secondary-section div:nth-child(4) .secondary-section tr img {
   width: 100% !important;
   height: auto !important;
}
}
/***** 1024 ends *****/


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/


/********** Min-width 62em **********/

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

/* Forside - Område pingasut sisamanngorlugit - uani kode marluupput */
.FrontpageWithHeaderManchet section:nth-child(6) .col-xs-12.col-md-3.col-md-offset-1, .FrontpageWithHeaderManchet section:nth-child(4) .col-xs-12.col-md-3.col-md-offset-1 {
   margin-left: 0 !important;
}

/* Området pingasuniit sisamanngorlugit */
footer .linkBox .col-md-4 {
   -ms-flex-preferred-size: 25%;
   flex-basis: 25%;
   max-width: 25%;
}

.secondary-section .col-md-8 {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100% !important;
   max-width: 100% !important;
   margin-left: 0;
}

/* 3 grid sanimut tamaat inissillugit */
section.container-fluid.third-section .col-md-offset-3 {
   margin-left: 5%;
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   max-width: 100%;
}
}
/***** 62em ends *****/


/********** max 760 **********/

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)
{

.secondary-section table { 
   width: 100%; 
}

/* Force table to not be like tables anymore */
.secondary-section table, tbody, td, tr { 
   display: block; 
}
	
.secondary-section tr {
   border: 1px solid #ccc;
}

.secondary-section td { 
/* Behave  like a "row" */
   border: none;
   position: relative;
   padding-left: 15px; 
}

.secondary-section td:before { 
/* Now like a table header */
   position: absolute;
/* Top/left values mimic padding */
   top: 6px;
   left: 6px;
   width: 45%; 
   padding-right: 10px; 
   white-space: nowrap;
/* Label the data */
   content: attr(data-column);
   color: #000;
   font-weight: bold;
}
}
/***** 760 ends *****/

}


/********** max 850 **********/

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

/***** Assit tabel-ini *****/
.secondary-section tr img {
   width: 30% !important;
   height: auto !important;
   margin-left: auto;
   margin-right: auto;
}
}
/***** 850 ends *****/


/********** min 40em and max 64em **********/
@media screen (min-width: 40.063em) and (max-width: 64em)
{

.top {  
   bottom: 14%;
   left: 78%;
}
}
/***** ends *****/


/********** max 40em **********/
@media screen and (max-width: 40em) {

.top {  
   bottom: 14%;
   left: 73%;
}
}
/***** ends *****/