.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noSelect:focus {
    outline: none !important;
}    
.schaduw-afbeelding {
    border-radius: 20px; /* ronde hoeken */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* subtiele schaduw */
    width: auto; /* breedte past zich automatisch aan */
    display: block;
    
  }
#afbeelding { width: 100%; height: auto; display: inline-block; }
    
#duimfout {
    background:transparent url('../images/duim-fout.svg');
    background-repeat:no-repeat;
    width:250px;
    height:250px;
    clip-path: url(#mask);
    position:absolute;
    z-index: 100000;
}
#duimgoed {
    background:transparent url('../images/duim-goed.svg');
    background-repeat:no-repeat;
    width:250px;
    height:250px;
    clip-path: url(#mask);
    position:absolute;
    z-index: 100000;
}  
.sidebar {
        
        height: 520px;
    } 
    
    
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {

.sidebar {
        
        height: 400px;
    }
}
    
@media only screen and (min-device-width: 370px) 
                   and (max-device-width: 670px) 
                   and (orientation: portrait) {

.sidebar {
        
        height: 200px;
    }
}