.pd42-hero {
    /* Uitzondering IE11, flexbox center werkt niet, parent-parent moet ook flex hebben */
    display:flex;
    flex-direction:column;

}



.pd20-repeat {
    height: 100%;
    width: 100%;
    position: absolute;
}
.pd23-dropzone {
    border: dashed 2px grey;
    background-position: 50% 50%;
    background-size: 300px;
    background-repeat: no-repeat;
}
.scroll-downs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width :34px;
    height: 55px;
    cursor: pointer;
}
.mousey {
    width: 3px;
    padding: 10px 15px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 20px;
    opacity: 0.85;
}
.scroller {
    width: 3px;
    margin-left: -1px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}
.pd36-expand-open-div {
    line-height: 50px !important
}

/* PD01 */
.pd01-expand-container {
    pointer-events: none;
}
.m-expand-close.pd01center {
    left: 75%;
}
.m-expand.pd01 {
    pointer-events: all;
}

@media (max-width: 767px) {
    .m-expand-close.pd01center{
        display: none;
    }

    .m-expand-close.pd01center {
        left: 50%;
    }

}

/* PD01 */
.pd01-mainbackground {
    position : absolute;
    top : 0;
    left : 0;
    width: 100%;
    height: 100vh;
}

/* PD36 */
.pd36-expand-open-fa {
    margin-right: 5px !important;
}

/* PD39 */
.pd39-readmore-container {
    display: block;
}

/* PD40 */
.maglr-printview .pd40-articles {
    display: none;
}

/* PD41 */
.pd41-right {
    pointer-events: none;
}
.pd41-menu {
    pointer-events: auto;
}

/* PD42 */
.p42-container, .pd42-bg {
    pointer-events: none;
}
.pd42-hero {
    pointer-events: auto;
}

@media (max-width: 990px) {
    /*.m-expand-contentholder {*/
        /*height: auto !important;*/
    /*}*/
    /* PD01 */
    .pd-background.pd01-mainbackground {
        position: relative;
        top: auto !important;
        left: auto;
        width: 100%;
        height: auto;
    }
}

/* preset for loading */
.interface-container {
    opacity: 0;
}

.interface-container.shown {
    opacity: 1;
    transition: opacity 400ms;
}