.mainbackground
{
    background:#1b365e; 
    color:white; 
}

.border-r {
    border: red solid 2px;
}

.cta {
    color: #ff7200;
}
    .bg-cta {
        background-color: #ff7200;
    }

.dark-blue {
    color: #1b365e;
}   

    .bg-dark-blue {
        background-color: #1b365e;
    }
    
/* --- Slider --- */

.slider-text {
    position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -25%);
}

    .bg-dark-semitrans {
        background-color: rgba(0, 0, 0, 0.4);
    }



/* --- Steps --- */

.step-count {
    position: absolute;
    top: 0;
    left: 0;
}

.step-icon {
    width: 50px;
    height: 50px;
}



/* -- fodele --- */

.fordele-hex {
    display: none;
}
 

@media screen and (min-width: 992px) {
    
    .fordele-hex {
        display: block;
    }

    .fordele-mobil {
        display: none;
    }

}

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

    .fordel-col-l {
        border-right: #ff7200 solid 2px;
    }
     
    .fordel-col-r {
        border-left: #ff7200 solid 2px;
    }

}