.innholdet {
        margin-top: 90px;
    }
    
    .breadcrumb {
        font-size: 0.90em;
    }

    html {
        scroll-behavior: smooth;
    }

    .white-shadow {
        position: relative;
    }

    a.white-shadow, a.none-shadow {
        font-size: 1.4em;
        color: #333;
    }

    a.none-shadow {
        padding-top: 2rem;
    }
    
    .white-shadow:after {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 85%);
        bottom: 100%;
        content: '';
        display: inline-block;
        height: 150px;
        position: absolute;
        right: 0;
        width: 100%;
    }

    .txt-btn {
        font-size: 1.4em;
    }

    @media only screen and (max-width: 800px) {
        
        .innholdet {
            margin-top: 100px;
        }
    }

    .none-abs {
        display: none;
    }

    a, a:hover {
        color: #03617B;
    }

    a:hover {
        text-underline-offset: 0.1em;
    }
    
    footer {
        margin-top: 0;
    }
    
    .img-fluid-custom {
        width: 600px;
    }

    .img-fluid-custom-first {
        width: 600px;
        padding: 0 2rem 0 0;
    }

    .studentliv-ikoner {
        padding-right: 10px;
        display: inline;
    }

    .studentliv i {
        margin-left: 2rem;
        font-size: 1.5em;
    }
    
    .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;
    }

    .pr-3-custom {
        padding-right: 0.7rem!important;
    }
    
    .separator {
        width: 200px;
        border-bottom: 1px solid #333;
    }

    .forste {
        font-family: 'Expletus Sans';
        font-size: 2.5rem;
        vertical-align: middle;
        padding: 0.8rem;
    }

    h1 {
        font-family: 'Expletus Sans';
        font-size: 2em!important;
        padding-bottom: 0.5em;
        font-weight: 500;
        color: #333;
        letter-spacing: -0.03em;
    }
    
    h1.intro {
        font-family: 'Expletus Sans';
        font-size: 3.4em!important;
        color: #333;
    }
    
    h2.sub {
        font-weight: 800;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #333;
        font-size: 1.1em;
        letter-spacing: 2px;
    }
    
    .lead-ingress h2 {
        font-weight: 800;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #333;
        background: #ddd;
        font-size: 0.9em!important;
        letter-spacing: 2px;
        padding: 5px 10px;
        display: table;
    }

    h3.nyheter {
        font-size: 1.2em!important;
    }

    h3.kalender {
        font-size: 1.3em!important;
    }

    .day {
        color: #333;
    }

    .breadcrumb-item.active a {
        color: #333;
    }
    
    p {
        color: #333;
        font-size: 1.4em!important;
        line-height: 1.7;
    }

    p.reg {
        font-size: 1em!important;
    }

    .nyh-content-spacer:nth-child(1) {
        margin-right: 1em;
    }

    .nyh-content-spacer:nth-child(2) {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .nyh-content-spacer:nth-child(3) {
        margin-left: 1em;
    }

    .nyh-content-spacer {
        min-height: 370px;
    }

    .nyh-content small, .nyh-content h3 {
        color: #333;
    }

    .nyh-content a:hover {
        text-decoration: none!important;
    }

    .nyh-content a:hover h3 {
        text-decoration: underline;
    }

    .avsnitt-liten p {
        color: #333;
        font-size: 1.4!important;
        line-height: 1.7;
    }

    figcaption {
        border-bottom: none;
        font-style: normal;
        font-size: 0.6em!important;
        text-transform: uppercase;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: -20px;
    }

    figcaption span {
        color: #fff;
        background: #000000;
    }

    .ma-top {
        margin-top: -25px;
    }

    .carousel-indicators {
        bottom: 40px;
    }

    .photocredit {
        background: #000;
        color: #fff;
        padding: 4px 10px 4px 10px;
        font-size: 0.7em;
    }

    .photocaption {
        font-size: 0.9em;
        text-align: center;
        display: block;
    }

/* opacity: 0.4; */
        padding: 2px 8px 8px 8px;
    }

    bilde, bilde-2 {
        position: relative;
    }
    
    bilde, bilde img, bilde-2, bilde-2 img {
        display: inline-block;
    }
    
    bilde::before {
        position: absolute;
        right: 0;
        bottom: 0;     
        background: #000;
        opacity: 0.4;
        font-size: 0.6em;
        text-transform: uppercase;
        color: white;
        padding: 0px 10px 0px 10px;
        margin-bottom: 24px;
        margin-right: 32px;
    }

    bilde-2::before {
        position: absolute;
        right: 0;
        bottom: 0;     
        background: #000;
        opacity: 0.4;
        font-size: 0.6em;
        text-transform: uppercase;
        color: white;
        padding: 0px 10px 0px 10px;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    
    .jumbotron {
        border-radius: 0;
        background: none;
    }
    
    .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-gul a {
        text-decoration: none;
    }
    
    .link-gul a:hover {
        border-bottom: 4px solid #F2A900;
    }
    
    .link-gul p a:hover {
        border-bottom: 2px solid #F2A900;
    }

    .linksubtle a, .linksubtle-article a {
        color: #333;
        font-size: 1.4em!important;
        line-height: 1.7;
        border-bottom: 1px solid rgba(51, 51, 51, 1);
    }

    li.linksubtle {
        padding-left: 1rem;
        text-indent: -1.18rem;
    }

    li.linksubtle-article {
        padding-left: 0;
        text-indent: 0;
        font-size: 1.4em;
        line-height: 1.7em;
    }

    ul li.linksubtle-article {
        padding: 5px 0px;
    }

    .linksubtle-article a {
        font-size: 1em!important;
    }

    .linksubtle a:hover, .linksubtle-article a:hover {
        color: rgba(76, 182, 204, 1);
        border-bottom: 1px solid rgba(76, 182, 204, 1);
        text-decoration: none;
    }

    .linksubtle-plain i, .linksubtle-outer i, .linksubtle-plain-news i {
        font-size: 1.4em!important;
        line-height: 1.7;
    }

    .linksubtle-plain-news-list a {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    .linksubtle-plain a {
        color: #333;
        border-bottom: 1px solid rgba(51, 51, 51, 1);
    }

    .linksubtle-plain a:hover {
        color: rgba(76, 182, 204, 1);
        border-bottom: 1px solid rgba(76, 182, 204, 1);
        text-decoration: none;
    }

    .article-main p a {
        color: #333;
        border-bottom: 1px solid rgba(51, 51, 51, 1);
    }

    .article-main p a:hover {
        color: rgba(76, 182, 204, 1);
        border-bottom: 1px solid rgba(76, 182, 204, 1);
        text-decoration: none;
    }

    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: 4px 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, .lead-ingress a {
        font-size: 1.2em;
        color: #333;
    }
    
    .lys-blaa {
        background: #d8f0f2;
    }

    .lys-graa {
        background: #ddd;
    }
    
    .hvit {
        background: #fff;
    }
    
    .lys-oransje {
        background: #ffd487;
    }
    
    .mork-blaa {
        background: #0A2D3A;
    }

    .graablaa {
        background: #c6c8d1;
    } 
    
    .oransje {
        background: #F2A900;
    }

    .rod {
        background: #d0333a;
    }

    .medium-blaa {
        background: #59a8c0;
    }

    :root {
        --oransje: #F2A900;
    }
    
    .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: 230px;
        width: 100%;
    }

    .center-cropped-bilder-liten {
        object-fit: cover;
        object-position: center;
        height: 150px;
        width: 100%;
    }

    .center-cropped-bilder-stor {
        object-fit: cover;
        object-position: center;
        height: 700px;
        width: 100%;
    }

    .center-cropped-bilder-article {
        object-fit: cover;
        object-position: center;
        height: 500px;
        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-12-lg {
        margin-left: -12.5rem;
    }
    
    .offset-10-lg {
        margin-left: -10rem;
    }
    
    .eda-btn {
        border: 1px solid #333;
        background-image: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 25px auto 0 0;
        padding: 10px 25px;
        font-size: 0.8em!important;
        display: inline;
    }

    a.eda-btn {
        color: #333;
    }
    
    .eda-btn:hover {
        color: #ffffff!important;
        background-color: #333;
        text-decoration: none;
    }

    img.framed {
        box-shadow: -50px -50px 0 -40px var(--oransje), 50px 50px 0 -40px var(--oransje);
    }

    .thought {
        display: flex;
        background-color: #ddd;
        padding: 20px;
        border-radius: 30px;
        min-width: 40px;
        max-width: 350px;
        min-height: 40px;
        margin: 20px;
        position: relative;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .thought p {
        font-size: 1.2em!important;
        line-height: 1.5em!important;
        padding: 0!important;
        margin: 0!important;
    }
    
    .thought::before, .thought::after {
        content: "";
        background-color: #ddd;
        border-radius: 50%;
        display: block;
        position: absolute;
        z-index: -1;
    }
    
    .thought::before {
        width: 44px;
        height: 44px;
        top: -12px;
        left: 28px;
        box-shadow: -50px 30px 0 -12px #ddd;
    }
    
    .thought::after {
        bottom: -10px;
        right: 26px;
        width: 30px;
        height: 30px;
        box-shadow: 40px -34px 0 0 #ddd,
        -28px -6px 0 -2px #ddd,
        -24px 17px 0 -6px #ddd,
        -5px 25px 0 -10px #ddd;
    }

    .rounded-portrait {
        border-radius: 50%;
        padding: 0 3em 0 3em;
    }

    .thumbnail {
        position: relative;
        width: 300px;
        height: 300px;
        overflow: hidden;
    }
    
    .thumbnail-round {
        border-radius: 50%;
    }
    
    .thumbnail img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    
    .thumbnail img.portrait {
        width: 100%;
        height: auto;
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: transparent;
        text-decoration: none;
        outline: 0;
        opacity: 0;
    }

    .studiesteder-oversikt p {
        font-size: 1.1em!important;
        line-height: 1.5;
    }

    .studiesteder-oversikt p:first-of-type {
        font-size: 1em!important;
        letter-spacing: 1px;
        font-weight: 600;
        margin-bottom: -0.5em;
        padding-bottom: 0.5em;
    }

    .studiesteder-oversikt a {
        text-decoration: none;
        color: #333;
    }
    
    .studiesteder-oversikt:hover h2 span {
        border-bottom: 2px solid rgba(51, 51, 51, 1);
    }


    
    .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;
    }

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

    .pl-25 {
        padding-left: 0.8rem !important;
    }

    
    /* Større enn 1200px */
    @media only screen and (min-width: 1200px) {
        .extrapad-top {
            padding-top: 50px;
        }
        
        .pb-5-desktop {
            padding-bottom: 5rem;
        }

        .pl-10-desktop {
            padding-left: 10rem;
        }

        .pt-3-desktop {
            padding-top: 3rem;
        }
        
        .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-4-desktop {
            padding-left: 2rem!important;
        }

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

        .pt-8-desktop {
            padding-top: 8rem!important;
        }

        .thought {
            margin-top: 4em;
        }

        .carousel .carousel-control-prev { visibility: hidden; }
        .carousel .carousel-control-next { visibility: hidden; }
        .carousel:hover .carousel-control-prev { visibility: visible; }
        .carousel:hover .carousel-control-next { visibility: visible; }
      

    }

    /* Større enn 990px */
    @media only screen and (min-width: 990px) {
        .pl-2-desktop {
            padding-left: 2rem!important;
        }

        .thought {
            padding: 45px;
            max-width: 440px;
        }

        .thought p {
            font-size: 1.45em!important;
        }
        
    }

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

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

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

        .pt-3-desktop {
            padding-top: 0rem;
        }

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

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

        .nyh-content-spacer:nth-child(1), .nyh-content-spacer:nth-child(2), .nyh-content-spacer:nth-child(3) {
            margin-left: 0;
            margin-right: 0;
        }

        .center-cropped-bilder-stor {
            object-fit: cover;
            object-position: center;
            height: 300px;
            width: 100%;
        }

        .center-cropped-bilder-article {
            object-fit: cover;
            object-position: center;
            height: 300px;
            width: 100%;
        }

        .carousel-control-prev, .carousel-control-next {
            visibility: hidden;
        }

        .center-cropped-bilder-liten {
            height: 180px;
        }


        
    }
    


    /* 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: 2.6em!important;
            line-height: 1.2em;
        }
        
        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;
        }

        .img-fluid-custom {
            width: 100%;
            padding: 0 1rem 1rem 1rem;
            height: auto;
        }

        .img-fluid-custom-first {
            width: 100%;
            padding: 0 1rem 1rem 1rem;
            height: auto;
            margin-right: -10rem;
        }

        .offset-12-lg {
            margin-left: 0;
        }

        p {
            font-size: 1.2em!important;
            line-height: 1.7;
        }

        h2.sub {
            font-size: 1.5em!important;
        }

        .linksubtle a, .linksubtle i {
            font-size: 1.3em!important;
        }

        bilde::before {
            margin-right: 16px;
        }
}


    /* Mindre enn 600 */
    @media only screen and (max-width: 600px) {
        .center-cropped-bilder {
            height: 240px;
            width: 100%;
        }
        
        h1 {
            font-size: 1.8em!important;
        }

        h1.intro {
            font-size: 2em!important;
            line-height: 1.2em;
        }

        .pt-8-desktop {
            padding-top: 0rem;
        }

        h4 {
            padding-top: 3rem;
        }

        .sidebar h4:first-child {
            padding-top: 3rem;
        }

        .sidebar h4:not(:first-child) {
            padding-top: 0;
        }

        .eda-btn {
            display: inline-block;
            font-size: 0.9em!important;
        }

        li.linksubtle-article {
            font-size: 1.2em;
        }

        .linksubtle-article a {
            font-size: 1.2em;
        }

        
    }

    

    
    /* Kart */
    .kart {
        position: relative;
        display: block;
        width: 552px;
        height: 700px;
        left: 0px;
        overflow: hidden;
    }
    
    .kart_img {
        display: block;
        height: 100%;
    }
    
    .kart_lokasjon {
        position: absolute;
    }
    
    .kart_dot {
        position: relative;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        cursor: pointer;
    }
    
    .kart_dot::before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #d82631 none repeat scroll 0% 0%;
        border-radius: 50%;
        margin-top: -6px;
        margin-left: -6px;
    }
    
    .kart_dot:hover::before,
    .kart_dot:focus::before,
    .hovered .kart_dot::before,
    .kart_dot:active::before {
        background-color: #000;
        -webkit-transition: all 0.20s ease-in-out !important;
        -moz-transition: all 0.20s ease-in-out !important;
        -ms-transition: all 0.20s ease-in-out !important;
        -o-transition: all 0.20s ease-in-out !important;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9px;
    }
    
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }
    
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .hovered:before,
    .hovered:after,
    .tooltip:focus:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    
    .tooltip:after,
    [data-tooltip]:after {
        z-index: 1000;
        padding: 15px;
        width: 160px;
        color: #000;
        content: attr(data-tooltip);
        font-size: 14px;
        line-height: 0.9;
        font-weight: 600;
    }
    
    .tooltip-hoyre:before,
    .tooltip-hoyre:after {
        bottom: 50%;
        left: 100%;
    }
    
    .tooltip-hoyre:before {
        margin-bottom: 0;
        margin-left: -8px;
        border-top-color: transparent;
        border-right-color: #000;
        border-right-color: hsla(0, 0%, 20%, 0.9);
    }
    
    .tooltip-hoyre:hover:before,
    .tooltip-hoyre:hover:after,
    .tooltip-hoyre:focus:before,
    .tooltip-hoyre:focus:after,
    .hovered:before,
    .hovered:after {
        -webkit-transform: translateX(12px);
        -moz-transform: translateX(12px);
        transform: translateX(12px);
    }
    
    .tooltip-hoyre:after {
        margin-left: 0;
        margin-bottom: -16px;
        margin-left: -18px;
    }
    
    .kart_dot_firkant::before {
        display: block;
        content: "";
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #d82631 none repeat scroll 0% 0%;
        margin-top: -6px;
        margin-left: -6px;
        -webkit-transition: all 0.05s ease-in-out !important;
        -moz-transition: all 0.05s ease-in-out !important;
        -ms-transition: all 0.05s ease-in-out !important;
        -o-transition: all 0.05s ease-in-out !important;
    }
    
    .kart_dot_firkant:hover::before,
    .kart_dot_firkant:focus::before,
    .hovered .kart_dot_firkant::before,
    .kart_dot_firkant:active::before {
        background-color: #000;
        -webkit-transition: all 0.20s ease-in-out !important;
        -moz-transition: all 0.20s ease-in-out !important;
        -ms-transition: all 0.20s ease-in-out !important;
        -o-transition: all 0.20s ease-in-out !important;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        margin-left: -9px;
    }
    
    .tooltip-hoyre-firkant:before,
    .tooltip-hoyre-firkant:after {
        bottom: 50%;
        left: 100%;
    }
    
    .tooltip-hoyre-firkant:before {
        margin-bottom: 0;
        margin-left: -8px;
        border-top-color: transparent;
        border-right-color: #000;
        border-right-color: hsla(0, 0%, 20%, 0.9);
    }
    
    .tooltip-hoyre-firkant:hover:before,
    .tooltip-hoyre-firkant:hover:after,
    .tooltip-hoyre-firkant:focus:before,
    .tooltip-hoyre-firkant:focus:after,
    .hovered:before,
    .hovered:after {
        -webkit-transform: translateX(12px);
        -moz-transform: translateX(12px);
        transform: translateX(12px);
    }
    
    .tooltip-hoyre-firkant:after {
        margin-left: 0;
        margin-bottom: -22px;
        margin-left: -8px;
    }
    img.sted { 
        opacity: 1;
        -webkit-transition: all 0.20s ease-in-out !important;
        -moz-transition: all 0.20s ease-in-out !important;
        -ms-transition: all 0.20s ease-in-out !important;
        -o-transition: all 0.20s ease-in-out !important;
    } 
    
    img.sted:hover {
        opacity: 0.65;
        -webkit-transition: all 0.20s ease-in-out !important;
        -moz-transition: all 0.20s ease-in-out !important;
        -ms-transition: all 0.20s ease-in-out !important;
        -o-transition: all 0.20s ease-in-out !important;
    }
    
    .stedsnavn {
        text-decoration: none;
    }