/*
Theme Name: Teide Projects
Author: Kristof Mannaerts
Author URI: http://hands.be
Theme URI: http://hands.be
Version: 1
*/



body{
    font-family: "calibri", sans-serif;
    font-weight: 300;
    font-style: normal;
  font-size: 16px;
  background-color: #f6f6f6;
/*  padding-top: 70px;*/
}
h1, .h1, h2, .h2{
    font-family: "calibri", sans-serif;
    font-weight: 400;
    font-style: normal;
}
h1, .h1{
  font-size: 66px;
  color: #333;
  font-weight: 700;
}
h2, .h2{
  font-size: 24px;
  color: #444444;
}
h3{
    font-family: "calibri", sans-serif;
    font-weight: 400;
    font-style: normal;
  color: #444444;
}
.groen, .groen>.emoji{
  color: green;
}
.rood{
  color: red;
}
strong{
    font-family: "calibri", sans-serif;
    font-weight: 700;
}
.margin-top30{
  margin-top: 30px;
}
.margin-top40{
  margin-top: 40px;
}
.margin-top80{
  margin-top: 80px;
}
.margin-top60{
  margin-top: 60px;
}
.margin-bottom20{
  margin-bottom: 20px;
}
.margin-bottom40{
  margin-bottom: 40px;
}
.margin-bottom60{
  margin-bottom: 60px;
}
.margin-bottom80{
  margin-bottom: 80px;
}
.row.noNegMargin {
    margin-left: 0;
    margin-right: 0;
}
.margin-top20{
  margin-top: 20px;
}
.margin-top30{
  margin-top: 30px;
}
.margin-leftright30{
  margin-left: 30px;
  margin-right: 30px;
}
img {
    max-width: 100%;
    height: auto;
}
.padding-leftright30{
  padding-left: 30px;
  padding-right: 30px;
}
.homechange{
  position: absolute;
  top: 585px;
}

/*Header*/
/* Header / Navigatie - Bootstrap 5 */

.navbar {
    min-height: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
}

.topnav {
    background-color: transparent;
    background-image: url("img/background-nav.png");
    background-repeat: repeat-x;
    min-height: 172px;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1030;
}

.topnav.navbar-default2 {
    background-image: url("img/background-nav2.png");
}

/* Container */
.topnav .container {
    display: flex;
    align-items: flex-start;
}

/* Logo */
.topnav .navbar-brand {
    padding: 0;
    margin: 0;
    display: block;
}

.logonav {
    max-height: 60px;
    width: auto;
    display: block;
}

/* Menu wrapper */
.topnav .navbar-collapse {
    margin-top: 8px;
}

/* Menu */
.topnav .navbar-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
}

/* WordPress menu items */
.topnav .menu-item {
    margin-right: 30px;
    margin-top: 10px;
    border-top: none;
}

/* Laatste item zonder extra marge */
.topnav .menu-item:last-child {
    margin-right: 0;
}

/* Links */
.topnav .navbar-nav .nav-link,
.topnav .navbar-nav > li > a {
    color: #fafafa;
    padding: 8px 15px;
    margin-top: 7px;
    text-decoration: none;
    display: block;
    line-height: 1.4;
}

/* Hover */
.topnav .navbar-nav .nav-link:hover,
.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav > li > a:hover,
.topnav .navbar-nav > li > a:focus {
    color: #fafafa;
    background-color: #18283f;
    border-top: none;
}

/* Actieve pagina */
.topnav .navbar-nav .current-menu-item > a,
.topnav .navbar-nav .current_page_item > a,
.topnav .navbar-nav .active > a,
.topnav .navbar-nav .nav-link.active {
    color: #fafafa;
    background-color: #18283f;
    border-top: none;
}

/* Dropdown */
.topnav .dropdown-menu {
    left: 0;
    padding: 0;
    min-width: 198px;
    background-color: #f6f6f6;
    font-size: 15px;
    border-radius: 0;
    border: none;
}

.topnav .dropdown-menu .menu-item {
    margin-right: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

.topnav .dropdown-menu a,
.topnav .dropdown-menu .dropdown-item {
    color: #333;
    background-color: transparent;
    padding: 10px 15px;
}

.topnav .dropdown-menu a:hover,
.topnav .dropdown-menu .dropdown-item:hover {
    color: #fafafa;
    background-color: #18283f;
}

.topnav .dropdown-menu .active > a,
.topnav .dropdown-menu .active > a:focus,
.topnav .dropdown-menu .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #18283f;
}

/* Telefoon indien opnieuw gebruikt */
.navbar-phone {
    color: #fafafa;
    margin-top: 32px;
    position: absolute;
    right: 40px;
}

/* Bootstrap 5 mobile toggler */
.navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 0;
    padding: 6px 9px;
    margin-left: auto;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    filter: invert(1);
}

/*Buttons*/
.btn {
    display: inline-block;
    padding: 4px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}
.btn-primary {
    color: #3aaa35;
    background-color: #fafafa;
    border-color: #3aaa35;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;

}
.btn-primary:hover {
    color: #fafafa;
    background-color: #3aaa35;
    border-color: #fafafa;
   
}
.bgcollor-home .btn-wonen1 {
    color: #3aaa35;
    background-color: #fafafa;
    border-color: #3aaa35;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;
}
.bgcollor-home .btn-wonen1:hover {
    color: #fafafa;
    background-color: #3aaa35;
    border-color: #fafafa;
   
}
.bgcollor-home .btn-wonen2 {
    color: #fafafa;
    background-color: #3aaa35;
    border-color: #3aaa35;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
     margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.bgcollor-home .btn-wonen2:hover {
    color: #3aaa35;
    background-color: #fafafa;
    border-color: #3aaa35;
   
}
.btn-vrijetijd1 {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;

}
.btn-vrijetijd1:hover {
    color: #fafafa;
    background-color: #18283f;
    border-color: #fafafa;
   
}
.btn-vrijetijd2 {
    color: #fafafa;
    background-color: #18283f;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.btn-vrijetijd2:hover {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
   
}
.btn-handel1 {
    color: #770f00;
    background-color: #fafafa;
    border-color: #770f00;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;

}
.btn-handel1:hover {
    color: #fafafa;
    background-color: #770f00;
    border-color: #fafafa;
   
}
.btn-handel2 {
    color: #fafafa;
    background-color: #770f00;
    border-color: #770f00;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
     margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.btn-handel2:hover {
    color: #770f00;
    background-color: #fafafa;
    border-color: #770f00;
   
}

/*Home*/
.headerImg{
    padding: 0;
}
.homeblok-titel h2{
  padding-top: 0;
  margin-top: 0;
  font-weight: 700;
}
.homeblok-titel p{
  padding-bottom: 0;
  margin-bottom: 0;
}
.bgcollor-home{
  background-color: #fff;
  padding: 0;
  min-height: 490px;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
position: relative;
padding-bottom: 80px;
}
.bgcollor-home h1{
    position: absolute;
    top: -30px;
    left: 40px;
    background-color: #3aaa35;
    color: #fff;
    font-weight: 200;
    padding: 4px 10px;
} 
 .homeblok1 .bgcollor-home h1, .bgcollor-indekijker h1 {
    background-color: #18283f;
    color: #fff;
}
.projectenhome h1, .bgcollor-indekijker h1 {
  font-size: 14px;
  font-weight: 400;
}
.bgcollor-home > p strong{
  padding-left: 30px;
  padding-right: 30px
}

 .homeblok3 .bgcollor-home h1{
    background-color: #770f00;
    color: #fff;
}
.bgcollor-home h2{
  font-size: 22px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-left: 30px;
  padding-right: 30px;
}
.bgcollor-home h3{
  font-size: 16px;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 8px;
}
.bgcollor-home h3 + p{
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
}
.bgcollor-home p strong{
  font-weight: 400;
}
.homeblok1 .bgcollor-home p strong{
  color: #18283f;
  font-size: 20px;
}
.homeblok2 .bgcollor-home p strong{
  color: #3aaa35;
  font-size: 20px;
}
.homeblok3 .bgcollor-home p strong{
  color: #770f00;
  font-size: 14px;
}

/*In de kijker*/
.indekijker{
    position: absolute;
   top: 90px;
    left: -15px;

}
.bgcollor-indekijker{
  background-color: #fff;
  padding: 0;
  min-height: 250px;
  margin-left: 10px;
  margin-right: 10px;
 
position: relative;
padding-bottom: 80px;
padding-left: 30px;
padding-right: 30px;
width: 300px;
}
.bgcollor-indekijker h1{
    position: absolute;
    top: -30px;
    left: 40px;
    background-color: #3aaa35;
    color: #fff;
    font-weight: 200;
    padding: 4px 10px;
} 
 .homeblok1 .bgcollor-indekijker h1{
    background-color: #18283f;
    color: #fff;
}
.bgcollor-indekijker p img:first-of-type{
  position: absolute;
  margin-bottom: 40px;
  bottom: 40px;
  max-width: 115px;
}
.bgcollor-indekijker p img:last-of-type{
  position: absolute;
  margin-right: 30px;
  margin-bottom: 40px;
  bottom: 40px;
  right: 0;
  max-width: 115px;
}

.bgcollor-indekijker .btn-vrijetijd3 {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    width: 115px;


}
.btn-vrijetijd3 {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    width: 115px;

}

.bgcollor-indekijker .btn-vrijetijd3:hover {
    color: #fafafa;
    background-color: #18283f;
    border-color: #18283f;
   
}
.bgcollor-indekijker .btn-vrijetijd2 {
    color: #fafafa;
    background-color: #18283f;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;
    width: 115px;

}
.bgcollor-indekijker .btn-vrijetijd2:hover {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
   
}
.bgcollor-indekijker h2{
  font-size: 22px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-right: 30px;
  padding-top: 30px;
}
.bgcollor-indekijker h3{
  font-size: 16px;
  margin: 0;
  padding-right: 30px;
  margin-bottom: 28px;
}





/*Projecten*/
.margintoplarge{
  margin-top: 120px;
}
.bgcollor{
  background-color: #fff;
  padding: 0;
  min-height: 920px;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
position: relative;
padding-bottom: 80px;
}
.bgcollorsmall{
  min-height: 690px;
}
.bgcollor-vrijetijd{
  min-height: 825px;
}
.bgcollor h1{
    position: absolute;
    top: -14px;
    left: 40px;
    background-color: #3aaa35;
    color: #fff;
    font-weight: 200;
    padding: 4px 10px;
} 
 .homeblok1 .bgcollor h1{
    background-color: #18283f;
    color: #fff;
}
.bgcollor > p{
  padding-left: 30px;
  padding-right: 30px
}

 .homeblok3 .bgcollor h1{
    background-color: #770f00;
    color: #fff;
}
.bgcollor h2{
  font-size: 22px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-left: 30px;
  padding-right: 30px;
}
.bgcollor h3{
  font-size: 16px;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 8px;
}
.bgcollor h3 + p{
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
}
.bgcollor p strong{
  font-weight: 400;
}
.homeblok1 .bgcollor p strong{
  color: #18283f;
  font-size: 20px;
}
.homeblok2 .bgcollor p strong{
  color: #3aaa35;
  font-size: 20px;
}
.homeblok3 .bgcollor p strong{
  color: #770f00;
  font-size: 14px;
}
.homeblok3  .bgcollor{
  background-color: #fff;
  min-height: 550px;
}
/*Buttons projecten*/
.bgcollor .btn-wonen1 {
    color: #3aaa35;
    background-color: #fafafa;
    border-color: #3aaa35;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;

}
.bgcollor .btn-wonen1:hover {
    color: #fafafa;
    background-color: #3aaa35;
    border-color: #fafafa;
   
}
.bgcollor .btn-wonen2 {
    color: #fafafa;
    background-color: #3aaa35;
    border-color: #3aaa35;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
     margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.bgcollor .btn-wonen2:hover {
    color: #3aaa35;
    background-color: #fafafa;
    border-color: #3aaa35;
   
}
.bgcollor .btn-vrijetijd1 {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;

}
.bgcollor .btn-vrijetijd1:hover {
    color: #fafafa;
    background-color: #18283f;
    border-color: #fafafa;
   
}
.bgcollor .btn-vrijetijd2 {
    color: #fafafa;
    background-color: #18283f;
    border-color: #18283f;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.bgcollor .btn-vrijetijd2:hover {
    color: #18283f;
    background-color: #fafafa;
    border-color: #18283f;
   
}
.bgcollor .btn-handel1 {
    color: #770f00;
    background-color: #fafafa;
    border-color: #770f00;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
    position: absolute;
    bottom: 0;
    height: 32px;
    margin-bottom: 30px;
    margin-left: 30px;

}
.bgcollor .btn-handel1:hover {
    color: #fafafa;
    background-color: #770f00;
    border-color: #fafafa;
   
}
.bgcollor .btn-handel2 {
    color: #fafafa;
    background-color: #770f00;
    border-color: #770f00;
     -o-transition:color .2s ease-out, background 1s ease-in;
    -ms-transition:color .2s ease-out, background 1s ease-in;
    -moz-transition:color .2s ease-out, background 1s ease-in;
    -webkit-transition:color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition:color .2s ease-out, background 1s ease-in;
     margin-right: 30px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 32px;
    margin-bottom: 30px;

}
.bgcollor .btn-handel2:hover {
    color: #770f00;
    background-color: #fafafa;
    border-color: #770f00;
   
}

/* Project: detail */
.projectDetailBG{
	padding: 300px 0;
}
#envira-gallery-wrap-324{
	margin: 20px 0;
}
.projectDetail h1{
	font-size: 2.5em;
	margin-top: 40px;
	text-align: center;
}
.projectLinkBtn{
	color: #3aaa35;
	background-color: #fafafa;
	border: 1px solid #3aaa35;
	display: inline-block;
	padding: 5px 10px;
	margin: 3px 0;
}
.projectLinkBtn:hover{
	color: #FAFAFA;
	background: #3AAA35;
}
.projectLogoImg{
	margin: 20px auto;
}
.headercell{
	background: #917F75;
	color: #FFF;
	font-weight: bold;
}

/*Wonen*/


/*Contact*/
.contact{
  margin-top: 120px;
}
.contact h1{
  font-size: 28px;
}
.form-group:nth-of-type(4) {
    margin-bottom: 30px;
}

/*i_fitness*/
.fotogallerij{
    position: absolute;
    width: 100%;
    width: -moz-available;
    bottom: 80px;
}


/*Footer*/
.bgc{
  background-color: #18283f;
  color: #fff;
  
}
.bgc p{
  font-size: 24px;
  font-weight: 200;
}
.bgc strong{
  font-weight: 700;
}
.footer-brand{
  margin-top: 30px;
  margin-bottom: 20px;
}
.light-grey{
 /* background-color: #2e2d2d;*/
 background-color: #18283f;
}
.dark-grey{
  /*background-color: #201f1f;*/
  background-color: #18283f;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-item{
  max-height: 90px;
}
.logofooter{
    max-height: 65px;
}
.white-light{
  background-color: #fafafa;
}
.footerblok2 h2{
  font-size: 24px;
  font-weight: 800;
}
.footerblok2 h2 strong{
  font-size: 24px;
  font-weight: 800;
}

.footerblok2 p{
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}
.footerblok2-content h2 strong{
  min-height: 70px;
  font-size: 18px;
  font-weight: 700;
}
.footerblok2-content p:first-of-type{
  min-height: 70px;
  font-size: 16px;
  font-weight: 100;
}
.white-grey{
  background-color: #f6f6f6;
}

@media (min-width: 992px) and (max-width: 1199px){
.bgcollor {
    background-color: #fff;
    padding: 0;
    min-height: 1000px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
    box-shadow: 0px 0px 7px 0px rgba(225,225,225,1);
    position: relative;
    padding-bottom: 80px;
}

}
@media all and (max-width: 991px){
    /* Header / Navigatie - Bootstrap 5 */

    .navbar {
        min-height: 0;
        margin-bottom: 0;
        border-radius: 0;
        border: none;
    }

    .topnav {
        background-color: transparent;
        background-image: url("img/background-nav.png");
        background-repeat: repeat-x;
        min-height: 172px;
        padding-top: 30px;
        padding-bottom: 30px;
        z-index: 1030;
    }

    .topnav.navbar-default2 {
        background-image: url("img/background-nav2.png");
    }

    /* Container */
    .topnav .container {
        display: flex;
        align-items: flex-start;
    }

    /* Logo */
    .topnav .navbar-brand {
        padding: 0;
        margin: 0;
        display: block;
    }

    .logonav {
        max-height: 60px;
        width: auto;
        display: block;
    }

    /* Menu wrapper */
    .topnav .navbar-collapse {
        margin-top: 8px;
    }

    /* Menu */
    .topnav .navbar-nav {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    /* WordPress menu items */
    .topnav .menu-item {
        margin-right: 30px;
        margin-top: 10px;
        border-top: none;
    }

    /* Laatste item zonder extra marge */
    .topnav .menu-item:last-child {
        margin-right: 0;
    }

    /* Links */
    .topnav .navbar-nav .nav-link,
    .topnav .navbar-nav > li > a {
        color: #fafafa;
        padding: 8px 15px;
        margin-top: 7px;
        text-decoration: none;
        display: block;
        line-height: 1.4;
    }

    /* Hover */
    .topnav .navbar-nav .nav-link:hover,
    .topnav .navbar-nav .nav-link:focus,
    .topnav .navbar-nav > li > a:hover,
    .topnav .navbar-nav > li > a:focus {
        color: #fafafa;
        background-color: #18283f;
        border-top: none;
    }

    /* Actieve pagina */
    .topnav .navbar-nav .current-menu-item > a,
    .topnav .navbar-nav .current_page_item > a,
    .topnav .navbar-nav .active > a,
    .topnav .navbar-nav .nav-link.active {
        color: #fafafa;
        background-color: #18283f;
        border-top: none;
    }

    /* Dropdown */
    .topnav .dropdown-menu {
        left: 0;
        padding: 0;
        min-width: 198px;
        background-color: #f6f6f6;
        font-size: 15px;
        border-radius: 0;
        border: none;
    }

    .topnav .dropdown-menu .menu-item {
        margin-right: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
    }

    .topnav .dropdown-menu a,
    .topnav .dropdown-menu .dropdown-item {
        color: #333;
        background-color: transparent;
        padding: 10px 15px;
    }

    .topnav .dropdown-menu a:hover,
    .topnav .dropdown-menu .dropdown-item:hover {
        color: #fafafa;
        background-color: #18283f;
    }

    .topnav .dropdown-menu .active > a,
    .topnav .dropdown-menu .active > a:focus,
    .topnav .dropdown-menu .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #18283f;
    }

    /* Telefoon indien opnieuw gebruikt */
    .navbar-phone {
        color: #fafafa;
        margin-top: 32px;
        position: absolute;
        right: 40px;
    }

    /* Bootstrap 5 mobile toggler */
    .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.65);
        border-radius: 0;
        padding: 6px 9px;
        margin-left: auto;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler-icon {
        filter: invert(1);
    }
    .logo {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    }
    .navbar-default {

    border-color: transparent;
}
.navbar-phone {
    margin-top: 62px;  
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    margin-top: 18px;
}

}
@media all and (min-width: 1223px){

.homechange{
  position: absolute;
  top: 695px;
}

}
@media all and (min-width: 1457px){

.homechange{
  position: absolute;
  top: 795px;
}

}
@media all and (min-width: 1597px){

.homechange{
  position: absolute;
  top: 890px;
}

}
@media all and (min-width: 1777px){

.homechange{
  position: absolute;
  top: 990px;
}

}