:root {
    
    /*--donker-groen: #104D4F;*/
	--donker-groen: #407274;
    /*--licht-blauw: #E5F0F6;*/
    --licht-blauw: #d1e1e5;
    --body-background: #F5F8F8;
	/*--body-background: #D2D0C4;*/
    --grijs: #333333;
    /*--geel: #f7e29d;*/
	--geel: #EFE091;
    /*--roze: #F4B2AB;*/
    --roze: #F7C4BF;
    --blauw: #8CADAE;
    
    /* ANIMATIE */
    --snelheid: 0.2s;
}


.hamburger-menu {
    color: var(--donker-groen);
}

#splash {
    display: none;
}

#ster {
    display: none;
}

header {
    background-color: var(--licht-blauw);
    color: var(--donker-groen);
}

.logos {
    background-image: url(../images/LOGOnew-dark.png);
}


header nav a {
    color: var(--donker-groen);
}

header nav .sub-nav a:link,
header nav .sub-nav a:visited,
header nav .sub-nav a:hover,
header nav .sub-nav a:active {
    color: var(--donker-groen);
}

header nav .sub-nav {
    border-bottom: 3px dashed #bdcbd1;
}

#intro .primary-cta {
    display: none;
}

header #pijl {
    display: none;
}

.content-intro {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    align-items: center;
}
.content-intro-text {
    width: 70%;
}
.content-intro-img {
    width: 25%;
    align-self: flex-end;
    height: fit-content;
    margin-bottom: -140px;
    margin-top: -80px;
    z-index: 8888;
}

/*header .detail-header-img {
    position: absolute;
    right: 10%;
    top: 200px;
}*/

.header-visual {
    margin-top: auto;
}


@media only screen and (max-width: 960px) {

    .content-intro {
        justify-content:center;
        flex-wrap: wrap-reverse;
    }

    .content-intro-text {
        width: 100%;
    }

    header p {
        padding-bottom: 0px;
        text-align: center;
        
    }
    header h1 {
        margin-left: auto;
        display: block;
        margin-right: auto;
        text-align: center;
        margin-top: 20px;
    
    }

    header #intro {
        /*display: flex;
        flex-direction: column-reverse;*/
        padding-top: 160px;
    }

    .content-intro-img {
        
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        width: 45%;
    }
    header {
        margin-bottom: 60px;
    }
    

}