/* Gjør alle overskrifter sorte bortsett fra H2 */
h1, h3, h4, h5, h6 {
    color: #000000; /* Svart */
}

/* H2 skal ha en spesiell rød farge */
h2 {
    color: #bc1f28 !important; /* Rødfargen du ønsket */
}
/* Standard farge for lenkede overskrifter (H1 til H6) */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000066 !important; /* Sett ønsket farge for overskriftene */
    text-decoration: none !important; /* Fortsetter å fjerne understrekningen */
}

/* Farge når musen svever over lenkede overskrifter */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #bc1f28 !important; /* Fargen ved hover (endring ved mus over) */
    text-decoration: none !important; /* Forhindre understrekning ved hover */
}
  
/* Farge for aktiv lenke (den brukeren har klikket på eller er på) */
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
    color: #a2ccd9 !important;
    text-decoration: none !important;
}


/* Fjerner understrekning fra lenkede overskrifter (H1 til H6) */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none !important; /* Fjerner understrekning */
}

/* Pastellblå bakgrunnsfarge på den øverste menyen */
.navbar, .navbar-nav{
    background-color: #add8e6; /* Pastellblå */
}

/* For vertikale menyer */
.navbar-light .navbar-nav .nav-link {
    background-color: #add8e6; /* Pastellblå */
}

/* Endre bakgrunnsfargen for elementer med klassen 'card-header' */
.card-header {
    background-color: #add8e6; /* Pastellblå */

}

/* Hvis menylenkene også trenger tilpasning */
.card-header a {
    color: #000000; /* Svart farge på lenker hvis det er ønskelig */
}


#main {
  color:#000
}

.container-header{
background-color: white;
background-image: none;
}

.container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "top below" 
                         "logo logo" 
                         "nav nav";

}
.container-header .container-topbar {
    padding: .5em;
}
.container-header .container-topbar {
    grid-area: top;
}
.container-header .container-below-top {
    grid-area: below;
    justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
    grid-area: logo;
}
.container-header .container-nav {
    grid-area: nav;
}

.container-topbar {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

blockquote {
    font-style: italic;
    font-weight: bold;
    padding: 0 0 0 15px;
	margin: 0 0 18px;
	border-left: 10px solid #9fcfe0;
}

blockquote p {
  display: inline;
}

/* Alternativ header - sjekk modulplassering */

.container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "top below" 
                         "logo logo" 
                         "nav nav";
}
.container-header .container-topbar {
    padding: .5em;
}
.container-header .container-topbar {
    grid-area: top;
}
.container-header .container-below-top {
    grid-area: below;
    justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
    grid-area: logo;
}
.container-header .container-nav {
    grid-area: nav;
}

@media (min-width: 991.98px) {
    .container-header {
        grid-template-columns: 
            [full-start] minmax(0,1fr) 
            [main-start] repeat(4,minmax(0,19.875rem))
            [main-end] minmax(0,1fr)[full-end];
        grid-template-areas: ". logo nav nav nav .";
        gap: 0 1rem;
    }
    .container-header:has(.container-below-top, .container-topbar) {
        grid-template-areas: ". top top below below ." 
                             ". logo nav nav nav .";
    }
}