#cookieBannerDiv {
    background-color: #6b2e84 !important;
}
div.cookieButton {
 color: #6b2e84 !important;  
}
@media (min-width: 768px) {
    .volg.formpost .flagship_img, .volg.formpost .mediaholder {
        height: auto;
    }
}
div#contact {
   margin-bottom: 20px; 
}

div.speerpuntwrapper.nr_2 a, div.speerpuntwrapper.nr_5 a {
    color: #FAC034;
}
div.social-networks {
    display: none;
}
@media (max-width: 1200px) {
    #playpause {
        bottom: 25%;
    }
}
@media (max-width: 1023px) {
    #playpause {
        bottom: 40%;
    }
}
@media (max-width: 767px) {
    #playvideo {
        top: 100px;
    }
    #playpause {
        bottom: 40%;
    }
}
@media (min-width: 768px) {
    .homeblock .stack, .maskcircle {
        width: 64px;
        height: 64px;
    }
    .iconontop {
        margin-top: -60px;
    }
    .speerpunt {
        overflow: inherit;
    }
    .speerpunt.nr5, .direct.nr6 {
        height: 100px;
    }
    .direct.nr5 {
        height: 110px;
    }
}


.speerpuntenblock .maskcircle {
background-image: url(/sterrensteen/webresources/images/vijfhoek-speerpunten.png);
background-size: 68px auto;
background-position: -2px;
border-radius: 0;
}

.speerpuntenblock a:hover .maskcircle {
background-image: url(/sterrensteen/webresources/images/vijfhoek-speerpunten.png);
background-size: 68px auto;
background-position: -2px;
border-radius: 0;
background-color: #A562C0;
}

.homeblock.directnaar .maskcircle {
background-image: url(/sterrensteen/webresources/images/vijfhoek-directnaar.png);
background-size: 68px auto;
background-position: -1px;
border-radius: 0;
}

.homeblock.directnaar a:hover .maskcircle {
background-image: url(/sterrensteen/webresources/images/vijfhoek-directnaar.png);
background-size: 68px auto;
background-position: -1px;
border-radius: 0;
background-color: #FFB400;
}
@media (max-width: 767.98px) {
    .iconontop {
        margin-top: -70px;
    }
    .speerpuntenblock .maskcircle {
        background-size: 80px auto;
        background-position: -2px;  
    }
    .speerpuntenblock a:hover .maskcircle {
        background-size: 80px auto;
        background-position: -2px;
    }
    .homeblock.directnaar .maskcircle {
        background-size: 80px auto;
        background-position: -1px;
    }

    .homeblock.directnaar a:hover .maskcircle {
        background-size: 80px auto;
        background-position: -1px;
    }
}

@media (min-width: 992px) {
    .headerlogocontainer {
      width: 288px;
      height: 82px;
      margin-top: 2px;
      margin-left: 60px;
      background-size: contain;
    }
}