/*code pleisterwerken - platrerie*/
*{
  text-decoration:none;
  font-family: 'Roboto', sans-serif;
  list-style: none;

}
body{
  background-color:#e6e6e6;
  color:#576464;
}
  /*header*/
/* display:hidden for iphone ; hamburger display: hidden when on desktop*/
.lang{
  position:absolute;
  right:0px;
  top:0px;
  height:15px;
  padding:5px 0;
  padding-right:10px;
}
.lang a{
  font-style: oblique;
  font-size:12px;
  padding:0 15px;
  color:#576464;
}
header{
  position:fixed;
  top:0px;
  left:0px;
  background-color:#5e5c60;
  width:100%;
  height:60px;
  display:flex;
  flex-wrap:wrap;
  z-index:1000;
}
header .head-wrapper{
  width:800px;
  margin:auto;
}
header .head-wrapper .logo{
  height:55px;
  padding: 2px 5px;
}

header .head-wrapper nav .btn-toggle-nav{
position:fixed;
right:0px;
top:0px;
padding:4px;
height:50px;
width:50px;
border: 1px solid white;
background-image:url(../img/hamburger.png);
background-repeat: no-repeat;
background-size:50%;
background-position:center;
cursor:pointer;
}

header .head-wrapper nav .btn-toggle-nav:hover{
opacity: 0.5;
}

.toggle-menu{
  position:fixed;
  top:60px;
  right:0;
  bottom:0;
  width:0;
  height:calc(100vh - 80px);
  padding: 0;
  background-color:#576464;
  z-index:1000;
  transition: all 0.3s ease-in-out;
}

.toggle-menu ul{
padding-top: 15px;
overflow:hidden;
visibility:hidden;

}
.toggle-menu ul li{
line-height:60px;
list-style:none;
}
.toggle-menu ul li a{
display:block;
height:60px;
padding: 0 10px;
text-decoration:none;
text-transform:uppercase;
color:white;
font-size:16px;
white-space:nowrap;
opacity: 0;
transition: all 0.3s ease-in-out;
}

/*desktop menu */
header .head-wrapper nav ul{
  visibility: hidden;
}
/*end desktop menu*/

@media only screen and (min-width:1000px){
  body{
    width: 1000px;
    margin:auto;
  }

header .head-wrapper nav .btn-toggle-nav{
  visibility:hidden;
}
header .head-wrapper nav ul{
  position:absolute;
  left:55%;
  top:0;
  display:flex;
  flex-wrap:wrap;
  padding-right:15px;
  visibility: visible;
  margin:auto;
}
header .head-wrapper nav ul li{
  list-style:none;
  line-height:56px;
}
header .head-wrapper nav ul li a, span{
  right:0;
  text-transform:uppercase;
  color:white;
  font-size:16px;
  display:flex;
  flex-wrap:wrap;
  border: 2px solid transparent;
  margin:auto 15px;
  padding:0 15px;
}
header .head-wrapper nav ul li span{
  border: 2px solid white;
}
header .head-wrapper nav ul li a:hover{
  border: 2px solid white;
  transition: all 0.3s ease-in-out;
}
}
/*end media*/
/*end header*/
/* index */
/*main*/

main{
  padding-top:65px;
  width:100%;
  margin:0px auto;
}
main .wrapper .index-banner{

  heigh: calc(100vh - 80px);
  background-image: url(../images/pleistervert.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

main .wrapper .index-banner h1{
  color:white;
  font-size: 25px;
  font-weight:600;
  text-align:center;
  text-shadow: 2px 2px 8px #111;
  line-height: 40px;
  display:table;
  margin:auto;
  padding-top:50px;

}
main .wrapper .index-banner ul{
  margin:5px 25px;
}
main .wrapper .index-banner ul li {
  font-style:oblique;
  font-weight: 900;
  font-size: 15px;
  text-align:center;
  line-height: 40px;
  text-shadow: 2px 2px 8px #111;
  color:white;

}
main .wrapper .index-banner .banner-box{
  border: 0px solid white;
  width:fit-content;
  display:table;
  border-radius:1px;
  margin:15px auto;
}

main .wrapper .NRH p{
  font-size:14px;
  line-height:22px;
  font-style:oblique;
  padding: 5px 20px;
  color:white;
}

main .wrapper .wzw{
font-size:1px;
height:5px;
background-color:#e6e6e6;
color:#e6e6e6;
}
/*footer*/
footer{

  botto:0px;
  left:0px;
  width:100%;
  padding-top:10px;
  background-color:#5e5c60;
  color:#fff;
}
footer .contact h4{

  padding: 5px;
  text-transform:uppercase;
  font-size: 12px;
}
footer .contact table tr td img {
  height:15px;
}
 footer .contact table tr td  {
  padding: 10px;
   height:15px;
   font-size:12px;

 }

/*end footer*/
/*end index*/

/*realisaties*/
main .wrapper-realisaties .index-banner{
  margin:20px 0px;
  height:auto;
}
main .wrapper-realisaties .index-banner img{
  height:50px;
  padding:20px;
}
@media only screen and (min-width:1000px){
  main .wrapper-realisaties .index-banner img{
    height: 150px;
    margin:auto;
  }
}
/*end realisaties*/

/*contact*/
main .wrapper-contact .index-banner{

  margin:25px;
  line-height:50px;
}
/*end contact*/
/*diensten*/
main .wzw-wrapper{
  padding: 10px 25px;
}

main .wzw-wrapper .index-banner{
  line-height:20px;
}
main .wzw-wrapper .reg{
  padding:20px;
  line-height:17px;
  text-align:center;
  color:#e6e6e6;
}
@media only screen and (min-width:1000px){
  main .wzw-wrapper .reg{
    padding:20px;
    line-height:17px;
    text-align:center;
    color:#e6e6e6;
}
/*end diensten*/