/* Webdesign by Vincent Diks, all rights reserved ©2018. */ 

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700'); 

:root {
    --thema-groen: #92c10f; 
    --thema-oranje: #ef6c00;
    --button-color: #fff;
    --button-background-color: #ef6c00; 
}


body, html{
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: 'Lato', sans-serif; 
}

.row{
    padding: 0;
    margin: 0; 
}

.nopadding{
    padding: 0; 
}

h5{
    color: rgba(0,0,0,.87);
    font-weight: 400; 
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
}

.btn-primary{
    border:2px solid  var(--thema-oranje); 
    background: #fff;
    color: var(--thema-oranje); 
    border-radius: 0px;
    margin-bottom: 0px !important;

}

.btn-primary:hover {
    background: var(--thema-oranje);
    color: #fff;
    border:2px solid  var(--thema-oranje);  
}

.btn-primary:active {
    margin-top: 4px; 
    background: var(--thema-oranje) !important;
    color: #fff !important;
    border:2px solid  var(--thema-oranje) !important; 
}

.btn-primary:focus {
    margin-top: 4px; 
    background: var(--thema-oranje) !important;
    color: #fff !important;
    border:2px solid  var(--thema-oranje) !important; 
    outline: 0; 
}

.arran{
    padding: 25px;
    text-align: center; 
}

.bodie{
    padding-top: 50px; 
}

.topper{
   background: var(--thema-oranje);  
    padding-right: 20px;
    margin-left: 40px; 
  padding: 4px 20px 4px 20px;
  position: absolute;
  height: auto; 
}


.topper h1{
  color: #fff;
  font-family: 'Noto Serif', serif;
      font-weight: 400; 
}