.mapson {display: none;}
.logo {padding: 10px;}

.close {
    font-size: 1.5rem;
}

.col-12 img {
    opacity: 0.7;
    cursor: pointer;
    margin: 2rem;
    width: 100%;
}

.col-12 img:hover {
    opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

table#openingsuren th {background-color: #82bb25; color: #fff; border: 1px solid #d8edc6;}
table#openingsuren td {border: 1px solid #d8edc6;}

.cus-content h1, .cus-content h2, .cus-content h3, .cus-content h4 {margin-bottom: 0.5rem;}
.cus-logo {border: 1px solid #d8edc6; text-align: center; padding: 15px;}

.cus-content ul {list-style-type: disc; margin: 15px 0 15px 0;}
.cus-content ul li {list-style: disc; margin-left: 50px;}

.cus-content ol {list-style-type: decimal; margin: 15px 0 15px 0;}
.cus-content ol li {list-style: decimal; margin-left: 50px;}

.cus-content a {text-decoration: underline;}
.cus-content a:HOVER, .cus-content a:ACTIVE, .cus-content a:FOCUS {color: #82bb25;}

.cus-form-error input, .cus-form-error textarea {border: 1px solid #f00 !important; color: #f00 !important;}

.cus-vakantie {text-align: center; background-color: #cd0a0a; color: #fff;}


@media (max-width: 767px) {

}


@media (min-width: 768px) {

}


@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 43px;
    height: 0;
    margin-bottom: 15px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}