body {font-family: 'Raleway', sans-serif; color: #000; font-size: 20px; overflow-y: scroll; padding-top: 90px;}
h1 {font-size: 40px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 20px;}
.geel {color: #fc0;}
.mapson {display: none;}

.btn-primary, .btn-primary:HOVER {background-color: #fc0; border: 1px solid #fc0; color: #000; border-radius: 20px; padding: 5px 30px; font-weight: bold;}
.caps {text-transform: uppercase;}
label.inline {display: inline;}

.cus-content a:LINK, .cus-content a:VISITED, .cus-content a:HOVER, .cus-content a:ACTIVE, .cus-content a:FOCUS {color: #000; text-decoration: underline;}

header {background-color: #fff;}
header ul {list-style-type: none; margin: 0; padding: 0;}
header ul li {display: inline-block; margin-right: 20px;}
header ul li:last-child {margin-right: 0;}
header ul li a {color: #000; display: inline-block; padding-left: 3px; padding-right: 3px;}
header ul li.active a, header ul li a:HOVER {background-color: #fc0; text-decoration: none; color: #000;}

.bg-dark {background-color: #000 !important;}
.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #fc0;}

.navbar-nav .nav-item {margin-right: 15px;}
.navbar-nav .nav-item:last-child {margin-right: 0;}
.dropdown-toggle::after {color: #fc0;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}
.navbar-dark .navbar-nav .nav-link:HOVER {color: #fc0;}
.navbar-nav .nav-item.cus-contact {background-color: #fff;}
.navbar-nav .nav-item.cus-contact .nav-link {color: #000;}

.dropdown-menu {background-color: #fc0; text-transform: uppercase;}
.dropdown-menu a {border-bottom: 1px solid #000;}
.dropdown-menu a:last-child {border: 0;}
.dropdown-menu a:HOVER {background-color: transparent; color: #fff;}

.cus-diensten {margin-bottom: 70px;}
.cus-diensten .container-fluid {background-color: #000; height: 100px;}
.cus-diensten-2 img {width: 100%; height: auto; margin-top: -50px;}
.cus-diensten-2 .cus-img {z-index: 1;}
.cus-diensten-2 .cus-txt {background-color: #fc0; border-radius: 10px; text-align: center; font-weight: bold; text-transform: uppercase; margin-top: -70px; z-index: 1000; position: relative; font-size: 16px; padding: 3px 0;}
.cus-diensten-2 a {color: #000;}
.cus-diensten-2 a:HOVER, .cus-diensten-2 a:FOCUS {color: #000; text-decoration: none;}
.cus-dienst-item {padding-left: 25px; padding-right: 25px;}

ul.cus-socials {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 130px; right: 0; z-index: 1000;}
ul.cus-socials li {margin-bottom: 10px;}
ul.cus-socials li a {display: inline-block; width: 50px; height: 50px; background-color: #fc0; color: #000; font-size: 35px; text-align: center;}

.cus-idk-txt h3 {font-weight: bold; text-transform: uppercase; font-size: 22px;}
.cus-idk-txt .btn-primary {text-transform: uppercase;}
.cus-idk-item {margin-bottom: 30px;}
.cus-idk-item a {color: #000;}

footer {background-color: #000; color: #fff;}
.cus-company {line-height: 1.7;}
.cus-nieuwsbrief {border: 1px solid #fff; padding: 25px 15px;}
.cus-nieuwsbrief h4 {font-weight: normal; font-size: 20px;}
footer .cus-socials {font-size: 14px;}
footer .cus-socials ul {list-style-type: none;}
footer .cus-socials ul li {margin-right: 20px; display: inline-block;}
footer .cus-socials ul li:last-child {margin-right: 0;}
footer .cus-socials ul li a {display: inline-block; width: 50px; height: 50px; border: 1px solid #fff; font-size: 35px; text-align: center; color: #fff;}
footer a, footer a:HOVER, footer a:FOCUS {color: #fff;}

.cus-header .container-fluid {background-color: #000; color: #fff; padding-top: 25px; padding-bottom: 25px;}
.cus-header .container-fluid h1 {text-transform: uppercase; font-weight: normal; font-size: 45px; margin: 0;}
.cus-header-2 {margin-top: -90px;}
.cus-header-2 img {width: 20%;}

.cus-banner {background-size: cover; min-height: 100px;}
.cus-inner-subnav {background: url("/img/bg-overlay.png");}
.cus-subnav h2 {background-color: #ffcc00; font-size: 20px; text-transform: uppercase; text-align: center; padding: 5px 0;}
.cus-subnav ul {list-style-type: none; margin: 0; padding: 0 5px;}
.cus-subnav ul li {text-align: center; text-transform: lowercase; padding-top: 5px; padding-bottom: 5px; position: relative;}
.cus-subnav ul li a {color: #777; display: block;}
.cus-subnav ul li a:HOVER, .cus-subnav ul li a:ACTIVE, .cus-subnav ul li a:FOCUS, .cus-subnav ul li.active a {text-decoration: none; color: #000;}
.cus-subnav ul li:AFTER {content: ""; position: absolute; left: 25%; bottom: 0; height: 1px; width: 50%; border-bottom: 1px solid #000;}
.cus-subnav ul li.active:AFTER {content: ""; position: absolute; left: 25%; bottom: 0; height: 1px; width: 50%; border-bottom: 1px solid #fc0;}
.cus-subnav ul li:last-child:AFTER {border: 0;}

.cus-pagenav {list-style-type: none; margin: 0 auto; padding: 0;}
.cus-pagenav li {display: inline-block; margin-right: 3px;}
.cus-pagenav li:last-child {margin-right: 0;}
.cus-pagenav li a {display: table-cell; color: #fc0; border: 1px solid #fc0; width: 32px; height: 32px; text-align: center; line-height: 1; vertical-align: middle; border-radius: 5px;}
.cus-pagenav li a:HOVER, .cus-pagenav li a:ACTIVE, .cus-pagenav li a:FOCUS, .cus-pagenav li.active a {background-color: #fc0; color: #000; text-decoration: none;}

.carousel-indicators {position: static; margin-top: 30px;}
.carousel-indicators li {background-color: #fff; border: 1px solid #fc0; height: 25px; width: 25px; border-radius: 5px; opacity: 1;}
.carousel-indicators .active, .carousel-indicators li:HOVER {background-color: #fc0;}

.carousel-control-prev-icon, .carousel-control-next-icon {border: 1px solid #ccc; border-radius: 5px; background: none; color: #ccc; width: 35px; height: 35px;}
.carousel img {max-width: 100%;}
.carousel .carousel-item {text-align: center;}

.cus-fix-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}









@media (max-width: 767px) {
    h1 {font-size: 30px;}
    h2 {font-size: 30px;}
    h3 {font-size: 20px;}
    h4 {font-size: 14px;}
    .cus-header .container-fluid h1 {font-size: 20px;}
    .cus-header-2 {margin-top: -50px;}

    .cus-dienst-item {margin-bottom: 120px;}
}


@media (min-width: 768px) {
    .cus-header-2 img {width: 12%;}
    .cus-banner {min-height: 385px;}

    .carousel-control-prev {left: -100px;}
    .carousel-control-next {right: -100px;}
}


@media (min-width: 768px) and (max-width: 991px) {
    .cus-dienst-item {margin-bottom: 120px;}
}

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

}

@media (min-width: 992px){
    .navbar-expand-lg {min-height: 100px;}
}



.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%;
}