.innholdet {
        margin-top: 200px;
    }

    a {
        color: #03617B;
    }
    
    footer {
        margin-top: 0;
    }
    
    .img-fluid {
        width: 100%;
    }
    
    .pt-8 {
        padding-top: 8rem;
    }
    
    .pb-8 {
        padding-bottom: 0rem;
    }
    
    .pt-8-mobile {
        padding-top: 8rem;
    }
    
    .pb-8-mobile {
        padding-bottom: 8rem;
    }
    
    .pt-6 {
        padding-top: 6rem;
    }
    
    .pb-6 {
        padding-bottom: 6rem;
    }
    
    .separator {
        width: 200px;
        border-bottom: 1px solid #333;
    }
    
    h1.intro {
        font-size: 3.0em!important;
        color: #75716D;
        letter-spacing: -1px;
    }

    .preintro {
        font-weight: 200;
        font-family: 'Open Sans', sans-serif;
        font-size: 2.2rem!important;
        text-transform: uppercase;
        color: #333;
        letter-spacing: 2px;
    }
    
    h1 .intro-sans {
        font-weight: 200;
        font-family: 'Open Sans', sans-serif;
        font-size: 2.2rem!important;
        text-transform: uppercase;
        color: #333;
        letter-spacing: 2px;
    }
    
    h2 {
        font-weight: 200;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.6rem!important;
        text-transform: uppercase;
        color: #333!important;
        letter-spacing: 2px;
        margin-top: 40px;
    }
    
    p {
        color: #333;
        font-size: 1.2em;
    }

    figcaption {
        border-bottom: none;
        font-style: normal;
        font-size: 0.6em!important;
        text-transform: uppercase;
        color: #333;
    }

    .deltaker-p p {
        font-size: 1.1em;
        padding: 0 1em 0 1em;
    }
    
    .jumbotron {
        border-radius: 0;
    }
    
    .tittel-blogg {
        font-size: 1.6em;
        font-weight: 400;
        color: #333;
        line-height: 1.1em;
    }
    
    .tittel-deltaker {
        font-size: 1.6em;
        font-weight: 400;
        color: #333;
        line-height: 1.1em;
        letter-spacing: 0.2px;
    }
    
    .tittel-tredeler {
        font-size: 1.7em;
        font-weight: 600;
        color: #003349;
        line-height: 1.1em;
        letter-spacing: 0.9px;
    }
    
    .link-oransje a {
        text-decoration: none;
    }
    
    .link-oransje a:hover {
        border-bottom: 4px solid #ffb023;
    }
    
    
    .link-gylden a {
        text-decoration: none;
    }
    
    .link-gylden a:hover {
        border-bottom: 4px solid #faf6f2;
    }
    
    .link-gylden p a:hover {
        border-bottom: 2px solid #faf6f2;
    }

    a span .link-blaa {
        text-decoration: none;
        cursor: pointer;
    }
    
    a span .link-blaa:hover {
        border-bottom: 4px solid #9ecbcf;
    }
    
    .link-blaa a {
        text-decoration: none;
        cursor: pointer;
    }

    .link-blaa a ~ .link-blaa a:hover {
        border-bottom: 4px solid #9ecbcf;
    }
    
    .link-blaa a:hover {
        border-bottom: 4px solid #9ecbcf;
    }
    
    .link-blaa p a:hover {
        border-bottom: 2px solid #9ecbcf;
    }
    
    .link-blaa-tynn a {
        text-decoration: none;
    }
    
    .link-blaa-tynn a:hover {
        border-bottom: 3px solid #9ecbcf;
    }
    
    .link-oransje a {
        text-decoration: none;
    }
    
    .link-oransje a:hover {
        border-bottom: 4px solid #e8ab3b;
    }
    
    .link-oransje-tynn a {
        text-decoration: none;
    }
    
    .link-oransje-tynn a:hover {
        border-bottom: 3px solid #e8ab3b;
    }
    
    .underline {
        border-bottom: 2px solid #003349;
        width: 100%;
    }
    
    .fa-triangle {
        font-size: 0.65em;
        transform: rotate(180deg);
        color: #9ecbcf;
        margin: 0 8px 0 0;
    }
    
    .fa-triangle.triangle-gul {
        color: #e8ab3b;
    }
    
    .lead-ingress p {
        font-size: 1.2em;
        color: #333;
    }

    .lead-ingress p a.not('.ekspedisjon-btn') {
        text-decoration: underline!important;
        color: #333!important;
    }
    
    .lys-blaa {
        background: #d8f0f2;
    }
    
    .hvit {
        background: #fff;
    }
    
    .oransje {
        background: #ffd487;
    }
    
    .mork-blaa {
        background: #0A2D3A;
    }
    
    .gylden {
        background: #faf6f2;
    }

    .lys {
        background: #ededed;
    }

    .lys-grad {
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    }
    
    .hvit-tekst, .hvit-tekst p {
        color: #ffffff;
    }
    
    .kampanje-button {
        background-color: #003349;
        color: #fff;
        font-size: 0.9em;
        font-weight: 600;
        text-align: center;
        padding: 15px 30px 15px 30px;
        max-width: 250px;
    }
    
    .kampanje-button a {
        color: #fff;
    }
    
    a .kampanje-button hover {
        text-decoration: none;
    }
    
    .center-cropped-blogg {
        object-fit: cover;
        object-position: center;
        height: 300px;
        width: 100%;
    }

    .center-cropped-blogg-front {
        object-fit: cover;
        object-position: center;
        height: 400px;
        width: 100%;
    }

    .center-cropped-bilder {
        object-fit: cover;
        object-position: center;
        height: 250px;
        width: 100%;
    }
    
    .no-decor a:hover {
        text-decoration: none;
    }
    
    .no-decor hover {
        text-decoration: none;
    }
    
    .square { 
        opacity: 1; 
    } 
    
    .square:hover { 
        opacity: 0.8; 
    }
    
    .pull-down {
        margin-top: 150px;
    }
    
    .pull-up {
        margin-bottom: -150px;
    }
    
    .pull-venstre {
        margin-left: -100px;
    }
    
    .avsnitt h2 {
        font-weight: 700;
        font-size: 1.4rem!important;
        letter-spacing: 0px;
        text-transform: none;
        padding-top: 40px;
        color: #75716D;
    }
    
    .info-lenke p a {
        color: #003349!important;
        border-bottom: 1px solid #003349;
    }
    
    .info-lenke p a:hover {
        text-decoration: none;
        color: #00638f!important;
        border-bottom: 1px solid #00638f;
    }
    
    .bildecred {
        color: #505050;
        font-size: 0.8em;
    }
    
    .offset-20-lg {
        margin-left: -20.5rem;
    }
    
    .offset-18-lg {
        margin-left: -18.8rem;
    }
    
    .offset-10-lg {
        margin-left: -10rem;
    }

    li a, li a:hover {
        color: #333;
    }
    
    .dropnav {
        font-family: "Open Sans", sans-serif;
        color: #e0e0e0;
        font-size: 1rem;
        font-weight: 300;
        padding: 0px 10px;
    }
    
    .dropnav {
        padding: 15px;
        margin-left: -40px;
    }
    
    .dropnav ul {
        font-size: 0;
        list-style-type: none;
        margin-bottom: 0;
    }
    
    .dropnav ul li {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        color: #333;
        display: inline-block;
        padding: 15px;
        position: relative;
        z-index: 1000;
    }

    .dropnav ul li:active {
        position: relative;
    }
    
    
    .dropnav ul li:hover {
        cursor: pointer;
        background-color: #ededed;
    }
    


    .menu-active {
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        color: #333;
        display: inline-block;
        padding: 15px;
        position: relative;
        background-color: #ededed;
        z-index: 50;
    }


    /* Submenu Styles */
    .submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        padding: 0;
        z-index: 1001;
    }
    
    .submenu li {
        display: block;
        padding: 10px 15px;
        white-space: nowrap;
        width: 100%;
    }
    
    .submenu li a {
        color: #333;
    }
    
    .submenu li:hover {
        background-color: #f5f5f5;
    }
    
    /* Ny klasse for aktiv submenu */
    .divshow.active .submenu {
        display: block;
    }

    .inactive {
    pointer-events: none;
    opacity: 0.4; /* valgfritt: gjør det synlig at valget er deaktivert */
    }

    .ekspedisjon-btn {
        border: 1px solid #333;
        background-image: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 25px auto 0 0;
        padding: 10px 25px;
        
    }

    a.ekspedisjon-btn {
        color: #333;
    }
    
    .ekspedisjon-btn:hover {
        color: #ffffff;
        background-color: #333;
        text-decoration: none;
    }
    
    .rounded-portrait {
        border-radius: 50%;
        padding: 0 3em 0 3em;
    }

    
    
        
    .divshow {
        animation-name: fadeIn;
        animation-timing-function: ease-in-out;
        animation-duration: 500ms;
        animation-delay: calc(var(--count) * 100ms);
                    animation-fill-mode: both;
                }
                
                @keyframes fadeIn {
                    0%{
                        opacity: 0;
                    }
                    
                    100% {
                        opacity: 1;
                    }
                }

    

    .mb-5-desktop {
            margin-bottom: 5rem;
        }

    .fade {
        opacity: 0;
        -webkit-transition: opacity 0.25s linear;
        transition: opacity 0.25s linear;
    }


    /* eda */
    .trekkspill2 button {
        background: none;
        color: inherit;
        border: inherit;
        cursor: pointer;
        text-align: left;
    }

    .trekkspill2 button:hover {
        text-decoration: underline;
        text-underline-offset: 8px;
    }

    .trekkspill2 button {
        outline: none;
    }
    
    .trekkspill2 button.outline-enabled {
        outline: revert;
    }

    
    button.trekkspilltittel2 {
      cursor: pointer;
      display: block;
      font-size: 1.2em;
      color: #333;
      font-weight: 500;
      padding: 15px;
      margin-right: 30px;
      text-decoration: none;
      background-color: #fff;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    button.trekkspilltittel2::after {
      content: '\f055';
      margin-left: 25px;    
      font-family: 'Font Awesome 5 Pro';
      font-weight: 300;
      position: absolute;
    }

    
    button.trekkspillaktiv2::after {
      content: "\f056";
      font-weight: 900;
      color: #848484;
    }
    
    .trekkspillinnhold2 {
      display: none;
      padding: 10px 25px 45px 25px;
      margin-right: 25px;
      -webkit-transform: translate3d(0,0,0);
    }
    
    .trekkspillinnhold2 p {
      font-size: 1em!important;
      line-height: 1.7!important;
    }

    .cleanbtn {
        background: #eee;
        color: inherit;
        padding: 3px 15px 3px 15px;
        font: inherit;
        cursor: pointer;
        outline: inherit;
        border: none;
        border-radius: 12px;
        font-size: 0.9em;
    }
    
            
    
    /* Større enn 1200px */
    @media only screen and (min-width: 1200px) {
        .extrapad-top {
            padding-top: 50px;
        }
        
        .pb-5-desktop {
            padding-bottom: 5rem;
        }
        
        .pt-1-mobile, .pt-2-mobile, .pt-3-mobile, .pt-4-mobile, .pt-5-mobile {
            padding-top: 0rem;
        }
        
        .pb-1-mobile, .pb-2-mobile, .pb-3-mobile, .pb-4-mobile, .pb-5-mobile {
            padding-bottom: 0rem;
        }
        
        .ml-neg-4 {
            margin-left: -1.5rem!important;
        }
        
        .mr-neg-4 {
            margin-right: -1.5rem!important;
        }

        .mr-3-desktop {
            margin-right: 3rem;
        }

        .pr-2-desktop {
            padding-right: 2rem;
        }

        .fullmargin {
            margin-left: 600px;
        }

        .pl-2-desktop {
            padding-left: 2rem!important;
        }

        .pr-2-desktop {
            padding-right: 2rem!important;
        }

        

    }

    /* Mindre enn 990px */
    @media only screen and (max-width: 990px) {
        .mb-5-desktop {
            margin-bottom: 1rem;
        }

        .pl-2-desktop {
            padding-left: 0rem;
        }

        .trekkspill2 button:hover {
            text-decoration: none;
        }
        
    }
    


    /* Mindre enn 1200px */
    @media only screen and (max-width: 1200px) {
        .offset-20-lg, .offset-10-lg, .offset-18-lg {
            margin-left: 0rem;
        }
        
        .separator {
            display: none;
        }
        
        h1.intro {
            font-size: 2em!important;
            line-height: 1em;
        }
        
        h1 .intro-sans {
            font-size: 1.6rem!important;
        }

        p {
            color: #333;
            font-size: 1.05em;
        }
        
        .lead-ingress p, .lead-ingress a {
            font-size: 1.2em;
            color: #333;
        }
        
        .pt-8-mobile {
            padding-top: 0rem;
        }
        
        .pb-8-mobile {
            padding-bottom: 0rem;
        }
        
        .link-oransje a:hover {
            border-bottom: none;
        }
        
        .link-blaa a:hover {
            border-bottom: none;
        }
        
        .link-blaa-tynn a:hover {
            border-bottom: none;
        }
        
        .pt-1-mobile {
            padding-top: 1rem;
        }
        
        .pt-2-mobile {
            padding-top: 2rem;
        }
        
        .pt-3-mobile {
            padding-top: 3rem;
        }
        
        .pt-4-mobile {
            padding-top: 4rem;
        }
        
        .pt-5-mobile {
            padding-top: 5rem;
        }
        
        .pb-1-mobile {
            padding-bottom: 1rem;
        }
        
        .pb-2-mobile {
            padding-bottom: 2rem;
        }
        
        .pb-3-mobile {
            padding-bottom: 3rem;
        }
        
        .pb-4-mobile {
            padding-bottom: 4rem;
        }
        
        .pb-5-mobile {
            padding-bottom: 5rem;
        }

        .mr-3-desktop {
            margin-right: 0rem;
        }
        
        .pull-down {
            margin-top: 100px;
        }
        
        .pull-up {
            margin-bottom: -100px;
        }

        .pr-2-desktop {
            padding: 0;
        }

        .fullmargin {
            margin-left: 0;
        }

        .dropnav ul li {
            padding: 10px;
        }
        
        .pr-xs-2 {
            padding-right: 0.5rem!important;
        }

        .center-cropped-blogg {
            height: 250px;
        }

        .center-cropped-bilder {
            height: 200px;
            width: 100%;
        }

        button.trekkspilltittel {
            font-size: 1em;
            padding: 15px;
        }

        
    }