section.boekenkast{margin-top:50px;}
section.boekenplank{display:flex;flex-flow:row wrap;position:relative;margin-bottom:50px;}
section.ondersteplank::before{content:"";height:70px;position:absolute;bottom:-20px;left:-20px;right:-20px;-webkit-transform:perspective(115px) rotateX(15deg);-webkit-transform-origin:50% 100% 0;-ms-transform:perspective(115px) rotateX(15deg);-ms-transform-origin:50% 100% 0;background:-moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.06) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#0f000000',GradientType=0);}
section.ondersteplank::after{position:absolute;content:"";background:-moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.06) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%);left:-20px;right:-20px;bottom:-30px;height:10px;}
section.boek{flex:1;flex-basis:25%;z-index:1;transition:all 0.3s;}
.boek-title{opacity:0;visibility:hidden;background-color:rgba(0,0,0,0.8);color:white;display:flex;align-content:center;justify-content:center;height:100%;width:100%;}
.boek-title section{position:absolute;top:50%;transform:translateY(-50%) rotateY(-180deg);text-align:center;padding:0 20px;font-size:20px;font-family:Roboto;left:0;width:100%;}
.cover::before{position:absolute;left:2px;top:0;bottom:0;width:2px;background:rgba(0,0,0,0.06);content:"";}
.cover{position:relative;box-shadow:0px 0px 3px #666666;background-size:cover;background-position:center;background-color:#2292d1;display:block;max-width:200px;width:160px;height:200px;margin:0 auto;border-bottom:0;transition:all 0.3s;cursor:pointer;}
.boek:hover .cover{transform:rotateY(180deg);}
.boek:hover .cover .boek-title{opacity:1;visibility:visible;}
.popup-boek{visibility:hidden;opacity:0;z-index:10000;display:flex;align-items:center;justify-content:center;transition:all 0.3s;position:fixed;left:0;right:0;bottom:0;top:0;}
.popup-boek .bg{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.75);}
.popup-boek.visible{opacity:1;visibility:visible;}
.popup-boek .content{max-width:800px;width:100%;background:white;position:relative;padding:50px;display:flex;overflow:hidden;overflow-y:auto;height:80vh;margin:0 20px;}
.popup-boek .content .close-popup{position:absolute;right:0;top:0;height:40px;width:40px;display:flex;justify-content:center;align-items:center;color:white;}
.close-popup i{color:grey;}
.boek-link{flex:1;margin-right:50px;}
.boekrating{text-align:center;margin:30px 0;}
.boek-link .btn.cta{width:100%;margin:10px 0;}
.boek-informatie{flex:2;}
.boek-informatie .title{font-size:30px;margin-bottom:0;}
.boek-informatie hr{height:1px;background:rgba(0,0,0,0.1);}
@media screen and (max-width:768px){section.boek{flex-basis:50%;margin-bottom:30px;}
.ondersteplank{display:none;}
section.boekenplank{margin-bottom:0;}
.popup-boek .content{flex-direction:column;padding:35px;}
.boek-link{margin-right:0;margin-bottom:50px;}
@media screen and (max-width:575px){section.boek{flex-basis:100%;margin-bottom:30px;}
.ondersteplank{display:none;}
section.boekenplank{margin-bottom:0;}