#wrapperHeader {
    position: absolute;
    padding: 0.25rem 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #343a40;
    z-index: 99;
    transition: all 0.5s;
}

#wrapperIntro1 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC2_3610_2160x810.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 12rem 0 8rem 0;
}

#wrapperIntro2 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC2_3610_2160x810.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro3 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DSC02850_1920x460.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro4 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DSC01718_1920x460.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro5 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DSC05322_1920x460.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro6 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/DSC03007_1920x460.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro7 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/DSC04237_2160x810.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro8 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC3_0534_1920x460.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperIntro9 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC2_5059_2160x810.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    text-shadow: 3px 3px 6px #000000;
    padding: 8rem 0 4rem 0;
}

#wrapperBreadCrumb {
    width: 100%;
    margin: 0rem auto;
}

#SiteTitle {
    width: 100%;
    margin: 0.5rem auto;
}

#wrapperNavigation {
    width: 100%;
    margin: 0rem auto;
    background: #212529;
    border-bottom: 1px solid #F96;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
}

#footer-main {
    background-color: #000;
    color: #CCC;
    border-top: 1px solid #F96;
    border-bottom: 1px solid #343a40;
    margin: 0 0 -60px 0;
    padding: 2rem 0 1rem 0;
}

/*--- media query for background color of contents in #wrapperHeader --- */
@media (max-width:991.98px) {
    #wrapperHeader {
        background-color: rgba(0, 0, 0, 0.8);
        padding: 0rem 0rem;
    }
}

@media (min-width:992px) {
    #wrapperHeader {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (max-width: 575.98px) {
    #wrapperHeader {
        padding: 0.25rem 0rem;
    }
}

.bg-img1 {
    min-height: 36rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/DSC03785_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background-attachment: fixed;*/
    color: white;
}

.bg-img2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url(../images/IMG_0051_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/DSC01214_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC2_5059_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/DC3_4170_2160x750_.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img6 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/DC2_3610_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img7 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/DSC04238_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

.bg-img8 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/DC3_5247_2160x810.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
}

/* ---------------------------- Tilpasning af header menu elementer ------------------------- */
.navbar-font {
    font-size: 1.2rem;
}

/* ---------------------------- Tilpasning af header menu elementer ------------------------- */
.dropdown-menu-dark {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* ------------------------------- Tilpasning af Tekst typografi ---------------------------- */

.text-primary_ { /* primary color tilpasning  */
    color: #0072c6;
}

.text-warning_ { /* warning color tilpasning  */
    color: #fd7e14;
}

.text-shadow {
    text-shadow: 3px 3px 6px #000000;
}

/* ------------------------------- Tilpasning af Links typografi ---------------------------- */
a {
    color: #0072c6;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

#wrapperHeader a:hover {
    text-decoration: none;
}

#wrapperNavigation a:hover {
    text-decoration: none;
}


/* --------------------------- Tilpasning af footer Links typografi -------------------------- */
#footer-main a:link {
    text-decoration: none;
    color: #999999;
}

#footer-main a:visited {
    text-decoration: none;
    color: #999999;
}

#footer-main a:hover {
    text-decoration: underline;
    color: #CCCCCC;
}

#footer-main a:active {
    text-decoration: none;
    color: #FF8400;
}

#footer-main hr {
    border-top: 1px solid #454545;
}


/* ----------------------------------------- Icon box --------------------------------------- */
#wrapperIntro1 .icon-box {
    padding: 1.25rem 0;
    transition: ease-in-out 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.25);
    height: 100%;
    text-align: center;
}

    #wrapperIntro1 .icon-box i {
        line-height: 1;
        color: #ffc107;
    }

    #wrapperIntro1 .icon-box h2 a {
        color: #0dcaf0;
        text-decoration: none;
        transition: ease-in-out 0.3s;
    }

    #wrapperIntro1 .icon-box h5 a {
        color: #868e96;
        text-decoration: none;
        transition: ease-in-out 0.3s;
    }

    #wrapperIntro1 .icon-box h2 a:hover {
        color: #ffc107;
    }

    #wrapperIntro1 .icon-box h5 a:hover {
        color: #ffc107;
    }

    #wrapperIntro1 .icon-box:hover {
        border-color: #ffc107;
    }

#wrapperNavigation .icon-box {
    padding: 1.25rem 0;
    transition: ease-in-out 0.3s;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid #343a40;
    height: 100%;
    text-align: center;
}

    #wrapperNavigation .icon-box i {
        line-height: 1;
        color: #ffc107;
    }

    #wrapperNavigation .icon-box h2 a {
        color: #0dcaf0;
        text-decoration: none;
        transition: ease-in-out 0.3s;
    }

    #wrapperNavigation .icon-box h5 a {
        color: #868e96;
        text-decoration: none;
        transition: ease-in-out 0.3s;
    }

    #wrapperNavigation .icon-box h2 a:hover {
        color: #ffc107;
    }

    #wrapperNavigation .icon-box h5 a:hover {
        color: #ffc107;
    }

    #wrapperNavigation .icon-box:hover {
        border-color: #ffc107;
    }