/* New style for home page without image */
.wideimage-topcontainer.no-image-home{
    background-color: #badedc;
}

@media (max-width: 899px) {
    #content .wideimage-topcontainer.no-image-home .altcontent{ height: 100%; }
    #content .wideimage-topcontainer.no-image-home .allover.alt .wrap { display: flex; flex-direction: column; justify-content: flex-end; }
}
@media (min-width: 900px) {
    #content .wideimage-topcontainer.no-image-home .allover.alt .vcenter{
        top: 60%;
    }
}

#content .wideimage-topcontainer.no-image-home .allover.alt .wrap .ha1, 
#content .wideimage-topcontainer.no-image-home .allover.alt .wrap .ha2 {
    color: inherit;
    text-shadow: none;
}

@media (max-width: 374px) {
    #content .wideimage-topcontainer.no-image-home .allover.alt .wrap .ha1{
        font-size: 280%;
    }
    #content .wideimage-topcontainer.no-image-home .allover.alt .wrap .ha2{
        font-size: 190%;
    }
}

#content .wideimage-topcontainer.no-image-home .allover.alt .wrap .case-onderwerp {
    border-radius: 1em;
}


/* new onload animation */
.new-fading-headers .wrap {
    opacity: 0;
    transform: translateY(-2em);
    animation: fadeInUp 1.2s forwards;
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Extra menu item, so font-size is set a little smaller */
@media (min-width: 600px) {
    #menu .wrap.menu ul.mainmenu > li > a {
        font-size: 1.8em;
    }
}