/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}



.container_content{
  padding-bottom:90px!important;
}

.carousel-item {
  height: 500px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}


/**************** navbar *****/
.navbar{
  background-color: #203f49!important;
  text-align: left!important;
}

.navbar-collapse{
  flex-grow:unset;
}

.nav-link, .navbar-brand{
  color: #CCCCCC!important;
}

.nav-link:hover, .navbar-brand:hover{
  color: #FFFFFF!important;
}

.nav-active{
  text-decoration: underline;
  text-decoration-style: double;
}

.nav-active:hover{
  text-decoration: underline;
  text-decoration-style: double;
}

.nav-item{
 padding-right:40px; 
 
}

.nav-item-last{
  padding-right: 0px!important;
  
}


/********************************** font ***************/
@font-face {
  font-family: britannic;
  src: url(../font/BritannicBoldRegular.ttf);
}

@font-face {
  font-family: brush;
  src: url(../font/BrushScript.ttf);
}

.navbar-brand{
  font-family: brush;
  font-size: 30px;
}

h3.header{
  font-family: britannic;
  font-size: 70px!important;
  text-align: left;
  color:#DDDDDD;
  margin-top: 250px;
  text-shadow:#444444 0px 0px 9px; 
}

p.header{
  font-family: brush;
  font-size: 50px!important;
  text-align: left;
  margin-top:-30px!important;
  margin-left:-30px!important;
  color:#DDDDDD;
  text-shadow:#444444 0px 0px 9px; 
}

h1{
  font-family: britannic;
}

h2{
  font-family: britannic!important;
}

h4{
  font-family: britannic;
}


/*Header*/

.carousel-item{
  background-image: url(../img/header.jpg);
  background-attachment: cover;
  background-position: center -100px;

}

img.mobile{
  visibility: hidden;
  height: 0px;
}

img.desktop{
  
}

/* CARDS 3 */

.titles_card{
}

.card-body{
  height: 180px;
}

.card-text, .titles_3{
  text-align: center;
}

.titles_3{
  font-family: britannic;
  color:#4bb4f4;
}


.card-footer{
  background-color: white;
  border:0px;
}


/********************************* ALGEMEEN ROWS*/

.row{
  margin: 90px 0 0 0;
}

hr{
  margin-top:90px;
}

/******************************** buttons*/
.btn-index{
  background-color: 
  border: 0px;
  border-radius: 0px;
  margin: 0 15% 0 15%;
   width: 70%;
 }

 .btn-index:hover{
   background-color: #4bb4f4;
 }

 .btn-index:checked{
   border:0px;
   box-sizing: unset;
 }

 /*********************** iconen gedeelte ****/

.iconen-container{
background-color:#4bb4f4!important;
margin:0px;
padding:0px;
}

.icons-img{

}

.icons-blok{
  padding-top:90px;
  padding-bottom: 90px;
}


.icons-blok, p{
  margin:0px!important;
}


img.icons-img{
  height: 90px;
  width: 90px;
  margin-bottom:20px;
}

/**************** NIEUWSBRIEF *************/

.nieuwsbrief-img{
  background-image: url(../img/afbeelding_nieuwsbrief.jpg);
}

div.nieuwsbrief{
  padding:0px;
  margin:0px;
  
}


.kader-nieuwsbrief{
  background-color: white;
  width: 600px;
  height: 200px;
  margin: auto auto;
  margin-top:120px;
  margin-bottom:auto;
  padding:20px;
}

.nieuwsb_2{
  height: auto;
  width:50%;
  float:left;
  text-align: center;
}

.nieuwsb_2_2{
  border-left:#CCCCCC solid 2px;
  padding-left:20px;
  
}

input.checkbox{
  width: 20px!important;
  margin-top:5px;
  margin-right: 5px;
}

div.nieuwsbriefdesktop{
  visibility: visible;
}

div.nieuwsbriefmobile{
  visibility: hidden;
  height:0px;
}


/**************** FOOTER *****************/

footer.mobile{
  visibility:hidden;
  height:0px!important;
  font-size:0px;
  margin-top:-20px;
}

footer{
  /*margin-top:-100px!important;*/
  background-color:#203f49!important;
  padding:0px!important;
  margin-top:-100px;
}

.footer-p{
  margin-top:90px;
}



footer > div > div > div > ul > li{
  list-style: none;
  padding:none;
  margin: 0px;
  margin-left:-55px;
  list-style-position: unset
}

footer > div > div > div > ul > li > a{
  color:#CCCCCC;
}

footer > div > div > div > ul > li > a:hover{
  color:#CCCCCC;
}

footer > div > p{
  padding:40px 0 40px 0; 
  color:#CCCCCC!important;
}



/**************** TABLE *************************/

table.table{
 width:1070px;
 
}

table.table > tbody > tr > td{
  padding:20px 5px 20px 5px; 
} 

.column_contact-1, .column_contact-3, .column_contact-2, .column_contact-4, .column_contact-5, .column_contact-6{
  border-right:Solid 1px lightgrey;
}



ol.breadcrumb{
  margin:0px;
}

.table-contact{
  width:200px!important;
  text-align: center;
}


/******** FOTOGALERIJ !!!! ****************/


iframe.video{
  width:100%!important;
  height:400px!important;
}



iframe.albums{
}


.error{
  color:red;
  font-weight: bolder;
}


/***** CONTACT *****/
input, textarea{
  width: 100%;
  margin-bottom: 15px;
  float: left;
  border: solid #CCCCCC 1px;
}

.btn-contact{
  color:white!important;
  width: 100%!important;
  margin-left:0px;
  margin-bottom: 20px;
}


textarea{
  width:100%;
}

textarea::placeholder, input::placeholder{
  color:#CCCCCC;
  font-weight: 80;
  font-size: 80%;
  }

input.radio{
  width: 20px!important;
  margin-top:5px;
  margin-right: 5px;
}


.bestel{
  background-color:#EEEEEE;
  padding-top:15px;
}



.kunst > iframe{
  background-image:url(../img/laden.jpg);
  background-size: cover;
}

.kunst{
  margin-bottom: 90px;
}

.webv{
  width:100%!important;
  margin:0px!important;
}


.tienjaarvonkel-container{
  height: 300px;
  margin-top:-90px;
  background-color:white!important;
}

/***************************************** VERANDEREN FORMAAT *********************/




@media (max-width:1999.9px){


  .nieuwsbrief-img{
    height:440px;
  }



  table.table{
    width:900px;
  }

  iframe.video{
    width:100%!important;
    height:350px!important;
  }


 .table-contact{
  width:570px!important;
  text-align: center;

}


}


@media (max-width:1120px){


  footer{
    margin-top:-150px!important;
    background-color:#203f49!important;
    padding:0px!important;
  }

  .table-contact{
    width:570px!important;
    text-align: center;
  
  }


}


@media (max-width:1100px){




  .table{
    width:800px!important;
  
  }

  .table-contact{
    width:580px!important;
    text-align: center;
  
  }

  

}



@media (max-width:1020px){



  footer{
    margin-top:-200px!important;
    background-color:#203f49!important;
    padding:0px!important;
  }


}





@media (max-width:991px){



  footer{
    margin-top:-200px!important;
    background-color:#203f49!important;
    padding:0px!important;
  }

  footer > div > div > div {
    padding-bottom:-200px!important;
  }


  .table{
    width:670px!important;
  
  }

  .table-contact{
    width:640px!important;
    text-align: center;
  
  }

  .col-lg-4{
    margin-top:40px;
  }

  .lijn{
    border-bottom: solid #DDDDDD 1px;
    padding-bottom: 50px;
  }

  .card-body{
    height: auto;
  }

}


@media (max-width:767px){


  .table{
    width:500px!important;
  
  }

  .table-contact{
    width:540px!important;
    text-align: center;
  
  }
 
  .header{
    height:50px!important;
  }
  
  iframe.video{
    width:100%!important;
    height:350px!important;
  }

  .container_DRIE{
    margin-top:-100px;
  }

  


  h4{
    font-size: 30px;
  }


}


@media (max-width:375px){


  .table{
    width:300px!important;
  
  }

  .table-contact{
    width:270px!important;
    text-align: center;
  
  }

  h3.header{
  }
  
  
  iframe.video{
    width:100%!important;
    height:350px!important;
  }

}




@media (min-width:1383px){


  .nieuwsbrief-img{
    background-position: 0 -190px; 
  }

}




@media (min-width:1593px){


  .nieuwsbrief-img{
    background-position: 0 -210px; 
  }

 

}


@media (min-width:1913px){


  .nieuwsbrief-img{
    background-position: 0 -290px; 
  }

}


/****** FORMATEN VOOR "VONKEL EEN LUISTEREND HUIS" *****/


@media (min-width:1549px){
h3.header{
  margin-top:300px;
}
}

@media (min-width:1747px){
  h3.header{
    margin-top:320px;
  }
}

@media (min-width:1827px){
  h3.header, p.header{
  
    
  }
}




@media (max-width:575px){


footer.mobile ul li{
  text-decoration: none;
  color:white;
  list-style: none;
  margin: 10px 0 10px 0;
}

footer.mobile {
  padding: 20px 10px 20px 10px!important;
  margin-top:-1200px!important;
  visibility: visible!important;
  height:100%;
}

footer.mobile ul li a{
  color:white;
}
  footer.desktop{
    visibility: hidden;
  }

  div.nieuwsbriefdesktop{
    visibility: hidden;
  }

  div.nieuwsbriefmobile{
/*margin-top:-500px!important;*/
/*visibility:visible;*/
height:0px;
margin-top:-250px;

  }
.kader-nieuwsbrief{
  width:100%;
  height: 100%;
  text-align: center;

}

  footer.mobile {
    padding: 20px 10px 20px 10px!important;
    visibility: visible;
    margin-top:-800px!important;
    font-size:16pt;
    height:100%!important;
  }

  footer.homemobile{
    margin-top:-1200px!important;
  }

  div.icons-blok{
    padding:30px;
  }

div.blokBoven{
  padding-top:70px;
}

div.blokOnder{
  padding-bottom:70px;
}

div.container_DRIE{
  margin-bottom:-50px;
}

img.desktop{
  visibility: hidden;
}

img.mobile{
  visibility:visible;
  margin-top:-180px;
  height: 100%;
}

p.copyright{
  margin-top: 70px!important;
}


  }




@media (max-width:900px){


  footer.mobile ul li{
    text-decoration: none;
    color:white;
    list-style: none;
    margin: 10px 0 10px 0;
  }
  

  
  footer.mobile ul li a{
    color:white;
  }

 

  .nieuwsbrief-img{
    background-size: 180%;
  }
  
  
  
    div.icons-blok{
      padding:30px;
    }
  
  div.blokBoven{
    padding-top:70px;
  }
  
  div.blokOnder{
    padding-bottom:70px;
  }
  
  div.container_DRIE{
    margin-bottom:-50px;
  }

  
  p.copyright{
    margin-top: 70px!important;
  }

  div.footer-p{
    margin:0px;
    


  }


  footer div div.row{
    padding-top:150px;
  }
    }


    hr.TESTBOLD{
      width:20px;
    }