.nopadding {
    padding: 0 !important;
}
.paddingxl {
    padding-top: 80px;
    text-align: left;
}
.toggle, [id^=drop] {
    display: none;
}
.back{position:absolute;top:0;left:0;width:100%;overflow:hidden;}
.back .backgroundimg{
        background: linear-gradient(to bottom, transparent, #efefef), url(https://my.enjin.be/editor/plugins/imagemanager/content/2286/background_v1_1.jpg);
    height: 900px;
    background-size: cover;
    position: relative;
    width: 100vw;
}
.btns{
    text-align:center;
    margin-bottom:50px;
}
.btns .morebtn{
    display:inline-block;
    
}
.btns .morebtn a{
    font-size:20px;
}
.darkgreybg {/* background: #4e453b; */color: #000;padding: 50px;font-weight: bold;padding-bottom: 100px;position: relative;z-index: 99;}
.lightgreybg { background: #efefef; color: #000;  padding-bottom: 100px; }
.whitebg { background: #ffffff; color: #000;  padding-bottom: 100px; }
.logo img {max-height: 150px;width: auto;margin: 10px auto;}
.logoname {font-size: 30px;padding-top: 20px;float: right;font-family: 'Lato', sans-serif;}
.logo {padding-top: 15px;text-align: center;padding-bottom: 10px;}
.lightgrey { background: #e2e2e2; }
.intro{line-height:30px;font-size:16px;text-align:center;}
.intro a{color:#30afb8;font-weight:bold;}
h1 {margin: 0;padding: 0;font-size: 50px;margin-bottom: 50px;margin-top: 80px;font-weight: bold;font-family: 'Open Sans', cursive;text-align: center;color: #272727;border-bottom: #30afb8 3px solid;display: table;margin-left: auto;margin-right: auto;padding-bottom: 5px;text-transform: none;}
h2 {margin: 0;padding: 0;font-family: 'Open Sans', cursive;font-weight: bold;text-align: center;font-size: 25px;border-bottom: #30afb8 3px solid;display: table;margin-left: auto;margin-bottom: 30px;margin-right: auto;margin-top: 50px;}
h3 { font-family: 'Open Sans', cursive; color: #30afb8; text-align: center; margin-bottom: 30px; }

.special {position: fixed;color: #000;padding: 0px 10px 0px 0px;right: 150px;z-index: 99;background: #ffffff;border-bottom: #30afb8 1px solid;}
    .special a {color: #000;padding: 10px !important;margin: 0 !important;display: inline-block !important;font-size:16px;}
    .special span {background: #30afb8;padding: 10px;margin-right: 30px;}
.special span a{color: #fff;}
.nav ul { list-style: none; margin: 70px 0 0 0;text-align:center;padding:0; position:relative; }
    .nav ul li { margin: 0px;display: inline-block;}
        .nav ul li a { padding: 10px 20px; color: #333; font-size: 18px; text-transform: uppercase;display: block;text-decoration: none; }
        
.newsitem {margin-top:40px;margin-bottom:40px;padding-top:50px;padding-bottom:50px;background:#fff;padding-left:50px;padding-right:50px;border: #ddd 1px solid;}
.newsitem img{max-width: 180px;margin-left: auto;margin-right: auto;display: block;}
.newsitem h3 {text-align:left;}
.ctabtn {margin-top:60px;margin-bottom:0px; text-align:center;}
.ctabtn a {background:#30afb8;padding:10px 20px;color:#fff;font-weight:bold; font-size:20px;}
.morebtn {margin-top: 30px;margin-bottom: 30px;height: 30px;text-align: center;}
.morebtn a {background:#30afb8;padding:10px 20px;color:#fff;font-weight:bold;}
.werkingicon { margin-left: auto; margin-right: auto; width: 100px; margin-top: 50px; margin-bottom: 30px; }
.titledienst, .dienst { float: left; width: 40%; padding: 10px 30px; }
.titlenr, .nr { font-weight: bold; float: left; padding: 10px 30px; }
.tabelrij { background: #fff; }
.tabeltitel { background: #464648; color: #fff; font-weight: bold; }
.talen a {padding-left:5px !important;padding-right:5px !important;}
.tekstje {text-align:center;margin-top:30px;}
.werking{padding-top:10px;padding-bottom:20px;}
.contactinfo h2 {margin: 0;margin-bottom: 50px;}
.contactinfo {font-size: 20px;}
iframe,.mapoffgoogle {width: 100%;height: 100%;min-height: 700px;}
.team h3{margin-bottom: 10px;height: 45px;margin-top: 20px;overflow: hidden;line-height: 1.3;}
.team h4{width: fit-content;margin-left: auto; margin-right: auto;padding-bottom: 5px;font-size: 16px;border-bottom: 2px solid #30afb8;}
#footer-right{color:#000; padding-top:10px;}
.beleid h2{    border: none;text-align: left;margin: 20px 0;font-size: 18px;}
.beleid{
    margin-top:50px;margin-bottom:50px;
}
.praktijk img{
    height:350px;
    object-fit:cover
}
.contactinfo a{color:#000;}
.fotolinks,.fotorechts,.fotorechts div{
    padding:0px
}
.teamitem {text-align:center;}
.teamitem img {
    max-height: 270px;
    width: auto;
    text-align: center;
}
.fotolinks img{border-radius: 25px;height: 500px;object-fit: cover;padding: 10px;}
.fotorechts img{border-radius: 25px;height: 250px;object-fit: cover;padding: 10px;}
.popupinfo > div >div{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:#ccc 1px solid;
    margin-bottom:20px;
    margin-top:10px;
    font-size:25px;
}
.popupinfo > div:last-child >div{
    border-bottom:none;
}
@media all and (max-width : 991px) {
    .back .backgroundimg {
        height: 550px;
    }
}
@media all and (max-width : 767px) {

    .logo { display: block; padding: 0; width: 100%; text-align: center; float: none; margin-top:10px; }

    .nav { margin: 0;margin-top:100px; }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu { display: none; }

    /* Stylinf the toggle lable */
    .toggle {display: block;padding: 14px 20px;color: #fff;font-size: 17px;text-align: right;text-decoration: none;border: none;background: #30afb8;width: fit-content;float: right;}

        .toggle:hover { background-color: #30afb8;color:#fff; }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul { display: block; }

    /* Change menu item's width to 100% */
    .nav ul{
        margin:20px 0 0 0;
        clear:both;
    }
    .nav ul li { display: block; width: 100%; }

    .nav ul ul .toggle, .nav ul ul a { padding: 0 40px; }

    .nav ul ul ul a { padding: 0 80px; }

    .nav a:hover, .nav ul ul ul a { background-color: #30afb8;color:#fff;}

    .nav ul li ul li .toggle, .nav ul ul a, .nav ul ul ul a { padding: 14px 20px; color: #FFF; font-size: 17px; }


    .nav ul li ul li .toggle, .nav ul ul a { background-color: #212121; }

    /* Hide Dropdowns by Default */
    .nav ul ul { float: none; position: static; color: #ffffff; /* has to be the same number as the "line-height" of "nav a" */ }

        /* Hide menus on hover */
        .nav ul ul li:hover > ul, .nav ul li:hover > ul { display: none; }

        /* Fisrt Tier Dropdown */
        .nav ul ul li { display: block; width: 100%; }

        .nav ul ul ul li { position: static; /* has to be the same number as the "width" of "nav ul ul li" */ }
        iframe{min-height:700px;}
    .praktijk img{
    height:100%;
   margin-top:50px;
}
.special {
    right: 0px;
    text-align: center;
    width:100%;
}
.special span {
    margin-right:0px;
}
.darkgreybg, .lightgreybg, .whitebg {padding:0px;}
.teamitem img{max-width: 300px;margin-left: auto;margin-right: auto;display: block;}
.fotolinks img, .fotorechts img{height:100%;width: 80%;margin-left: auto;margin-right: auto;display: block;}
h1{
    font-size:30px;
}
.btns .morebtn a {
    font-size: 18px;
}
.newsitem img {
    margin-bottom:30px;
}

}

@media all and (max-width : 330px) {

    .nav ul li { display: block; width: 94%; }
    .contactinfo {
    font-size: 16px;
}
}