html,
body {
    height: 100%;
}

* {
    transition: all 0.25s ease;
}


/* INTRO */

#intro {
    background-image: url('images/unsplash-lights-1920.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

#introText {
    position: absolute;
    top: 40%;
    left: 15%;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 30px;
    display: flex;
}

.profile-picture{
    width:160px;
    height:160px;
    margin-right: 10px;
}

#introText>span {
    display: block;
}

#introScrollDown {
    position: absolute;
    width: 100%;
    bottom: 10%;
    text-align: center;
}

#introScrollDown a:hover .scrolldown-hover,
#introScrollDown a .scrolldown-no-hover {
    display: inline;
}

#introScrollDown a:hover .scrolldown-no-hover,
#introScrollDown a .scrolldown-hover {
    display: none;
}

#introScrollDown>a {
    background-color: gray;
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
    width: 330px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
}

#connectingPeople {
    width: 100%;
    height: 100%;
}


/* PROFIEL */

#profiel .tegels {
    color: #e4e4e4;
}


/* KENNIS */

#kennisSpacer {
    background-image: url('images/unsplash-code-1920.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 400px;
    position: relative;
}

#kennis .tegels {
    color: gray;
}

#kennis .tegel {
    min-width: 180px;
    max-width: 600px;
    min-height: 150px;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}

#kennis .tegels .tegel i {
    color: dimgrey;
}

#kennis .tegel .labels{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: start;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 5px;
    align-items: center;
    align-content: center;
}

#kennis .tegel:has(.labels) {
    border-radius: 5px;
    border: 1px solid #dee2e6;
    padding-left: 20px;
    /* margin-right: 70px; */
}


/* #kennis .tegel:has(.labels) ~  .tegel:has(.labels) {
    margin-left: -40px;
} */

/* PROJECTEN */

#projectenSpacer {
    background-image: url('images/unsplash-projects-1920.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 400px;
    position: relative;
}

#projecten #projectenLijst {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#projecten a.card {
    text-decoration: none;
    color: inherit;
    margin-top: 20px;
    margin-right: 20px;
    flex-basis: 21%;
    flex-grow: 1;
}

#projecten .card-body {
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: 30%;
}

#projecten .card-body *:last-child {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#projecten .card-body *:last-child .badge {
    margin-right: 5px;
    margin-top: 4px;
}

#projecten .card .card-img-top {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: 30%;
}

#projecten .card-title {
    display: flex;
}

#projecten .card-title+.card-text {
    min-height: 80px;
}

#projecten .card-title span:first-child {
    margin-right: auto;
}

#projecten .badge {
    font-weight: normal;
}

#activeProject {
    position: relative;
}

#afbeelding-caption {
    display: flex;
}

#afbeelding-caption span:last-child {
    margin-left: auto;
}

#afbeelding {
    position: relative;
}

#afbeelding .img-fluid {
    background-size: cover;
    background-repeat: no-repeat;
}

.afbeeldingControl {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;
    font-size: 50px;
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.goBack {
    left: 0px;
    justify-content: flex-start;
}

.goForward {
    right: 0px;
    justify-content: flex-end;
}

.closeActiveProject {
    display: block;
    width: 100%;
    background-color: #010146;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.closeActiveProject-bottom {
    top: auto;
    bottom: 0px;
    display: none;
}


/* FOOTER */

#footer .sitemap a {
    margin-right: 20px;
}

#footer .sitemap i+span {
    margin-left: 5px;
}


/* GENERIEK */

a:hover {
    text-decoration: none;
}

.badge {
    padding: .5em .8em;
}

.tegels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}

.tegel {
    min-width: 150px;
    text-align: center;
    padding: 20px 10px;
}

.tegel i {
    display: block;
    font-size: 80px;
    margin-bottom: 10px;
}

.tegel span {
    display: block;
    word-break: break-word;
}

.text-block.container-fluid {
    padding: 80px 80px 90px 80px;
}

.text-block {
    background-color: white;
}

.text-block h1 {
    padding: 0px;
    padding: 10px 0px;
    color: gray;
    text-transform: uppercase;
}

.text-block>p {
    padding: 5px 0px;
}

.credits {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: gray;
}

.credits a {
    text-decoration: none;
    color: gray;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blauweSectie {
    background-color: #12215E;
    color: #b1b1b1;
}

.blauweSectie h1 {
    color: #e4e4e4;
    display: flex;
}

.printables-logo{
    width: 30px;
    height: 35px;
    transform: scale(.5);
    margin-right: -10px;
    margin-left: -10px;
    fill: #007bff;
}

/* ICONS */

.custom-icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 75px;
}

.custom-icon-net-core {
    background-image: url(data:img/png;base64,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);
}


/* afbeelding voor 4K */

@media (min-width:1921px) {
    #kennisSpacer {
        background-image: url('images/unsplash-code-3840.jpg');
    }
    #projectenSpacer {
        background-image: url('images/unsplash-projects-3840.jpg');
    }
    #intro {
        background-image: url('images/unsplash-lights-3840.jpg');
    }
}


/* originele afbeelding */

@media (min-width:3841px) {
    #kennisSpacer {
        background-image: url('images/unsplash-code.jpg');
    }
    #projectenSpacer {
        background-image: url('images/unsplash-projects.jpg');
    }
    #intro {
        background-image: url('images/unsplash-lights.jpg');
    }
}

@media only screen and (max-width:1600px) {
    #projecten a.card {
        flex-basis: 25%;
    }
    #kennis .tegel {
        min-width: 150px;
    }
}

@media only screen and (max-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}


/* grid XL breakout */

@media only screen and (max-width: 1200px) {
    #projecten a.card {
        flex-basis: 40%;
    }
    .closeActiveProject-bottom {
        display: flex;
    }
}


/* grid LARGE breakout */

@media only screen and (max-width: 992px) {
    #projecten a.card {
        flex-basis: 100%;
    }
    #kennis .tegel {
        min-width: 150px;
    }
}


/* grid MEDIUM breakout */

@media only screen and (max-width: 768px) {
    #profiel .tegels {
        margin-top: 60px;
    }
    .tegels i {
        font-size: 40px;
    }
    .custom-icon {
        height: 40px;
    }
    .tegel {
        min-width: 100px !important;
    }
    #footer>div:last-child {
        margin-top: 20px;
    }
}

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


/* grid SMALL breakout */

@media only screen and (max-width: 576px) {
    #introText {
        top: 10px;
        left: 10px;
        right: 10px;
    }
    .credits {
        display: none;
    }
    #kennisSpacer,
    #projectenSpacer {
        max-height: 100px;
    }
    .text-block.container-fluid {
        padding: 10px;
    }
    #activeProject {
        padding-top: 50px;
    }
    #afbeelding .img-fluid {
        min-height: auto;
    }

    #kennis .tegel:has(.labels) {
        padding-left: 20px;
        /* margin-right: 0px; */
        width: 100%;
    }
    
    
    /* #kennis .tegel:has(.labels) ~  .tegel:has(.labels) {
        margin-left: 0px;
    } */
}


/* IE specifiek */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .parallax {
        background-attachment: scroll;
    }
}