/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'NexaHeavy', sans-serif;
    color: white;
}

/*-----FONTS------*/
@font-face {
    font-family: 'NexaHeavy';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*-----TEXTSPECS------*/

h1{
    font-family: 'NexaHeavy';
    color:#403416;
    font-size:38px;
    line-height:42px;
    padding: 0 0 25px 0;
}

h2{
    font-family: 'NexaHeavy';
    color:#403416;
    font-size:14px;
    line-height:22px;
    padding: 7px 10px 5px 15px ;
    background-color: white;
    border: 2px solid #403416;
    border-radius: 25px;    
    width:95%;
}

p {line-height: 1.2}
p a {color: #403416}

p.medium {
    font-family: 'NexaHeavy';
    color:#403416;
    font-size:20px;
    line-height:24px;
    padding: 0 10% 0 0;
}

p.smalltitle {
    font-family: 'NexaHeavy';
    font-size:15px;
    line-height:24px;
    color:#403416;    
}

p.small {
    font-family: 'NexaHeavy';
    font-size:14px;
    line-height:20px;
    color:#403416;    
    padding: 15px 0 5px 0!important;    
}

.outline {
    border:2px solid white;
    padding: 7px 10px 5px 10px;
    border-radius: 15px;
}

.vet {
        font-weight: bold;
}

.txtcenter {
    text-align: center;
}

/*-----COLORS----*/
.white {color:white}
.darkblue {color:#004479!important}
.yellow {color:#FCC401;}
.darkbrown {color:#403416}
.black {color:#403416;}

/*-----INDEX------*/

.bgmain {
    margin: 0;
    padding: 0;
   background-color:#FCC401;
}

.bgmainindex {
    margin: 0;
    padding: 0;
    background-image: url('../assets/bgmain-index-v3.jpg'); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*----TAALSWITCHER-----*/
.menurow {
position:relative;
display:block;  
float:right;    
margin: 0 0 0 0;
padding: 0 0 0 0;    
width:auto;
height:auto;    
}

.menuitem {
position:relative;
display:block;  
float:right;    
margin: 0 0 0 10px;
padding: 9px 0 0 0;    
width:32px;
height:32px;
background-color:white;
border-radius: 25px;
font-size:12px;
text-decoration:none;
color:black;    
border:2px solid white;    
text-align: center;    
}

.active {
border:2px solid black;     
}

/*----SPACERS----*/

.spacer15 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:15px;  
clear: both;
}


.spacer25 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:25px;  
clear: both;
}

.spacer50 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:50px;  
clear: both;
}

.spacer100 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:100px;  
clear: both;
}

.spacer200 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:200px;  
clear: both;
}


/*----STRUCTUUR----*/
.contentcontainer {
position:relative;
display:block;  
margin: 0 auto 0 auto;
width:90%;    
max-width:1300px;  
height:auto;       
}

.kolom100 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
/*background-color:lightslategray;*/
clear: both;
}

.kolom15 {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:15%;  
height:auto;    
}

.kolom15last {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:15%;  
height:auto;    
}

.kolom25 {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:23%;  
height:auto;    
}

.kolom60 {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:45%;  
height:auto;    
}

.kolomlinks {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:48%;  
height:auto;    
}

.kolomlinksfooter {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:38%;  
height:auto;    
}

.mainimage {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;        
text-align: center;    
}

.mainimage img {
width:80%;     
}

.kolomrechts {
position:relative;
display:block;
float:left;    
margin: 0 0 0 2%;
padding: 2% 0 0 0;    
width:48%;  
height:auto;    
}

.kolomrechtsfooter {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
padding: 1% 0 0 10%;    
width:58%;  
height:auto; 
text-align:right;    
}


/*----FORM----*/
.voeremailadresin {
position:absolute;
top:50%;    
left:50%;    
margin-left: -250px;
margin-top: -150px;    
/*background-color:yellow;*/
width:500px; 
height:300px;    
}

.formrow {
 position:relative;
display:block;  
float:left;    
width:100%; 
height:auto;
margin: 0 0 15px 0;
padding: 0 0 0 0;  
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;     
}

.formleft {
 position:relative;
display:block;
float:left;    
width:45%; 
height:auto;
margin: 0 5% 0 0;
padding: 0 0 0 0;    
text-align: left;
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;      
}

.formright {
 position:relative;
display:block;  
float:left;      
width:45%; 
height:auto;
margin: 0 0 0 0;
padding: 0 0 0 0;    
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;       
}

.formradioleft {
 position:relative;
display:block;
float:left;    
width:20px; 
height:auto;
margin: 0 10px 0 0;
padding: 0 0 0 0;    
text-align: left;
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;      
}

.forminputright {
 position:relative;
display:block;  
float:left;      
width:85%; 
height:auto;
margin: 0 0 0 0;
padding: 0 0 0 0;    
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;       
}


input[type="text"] {
    width: 100%;
    padding: 10px 10px 10px 15px ;
    margin: 0;
    box-sizing: border-box;
    background-color: white;
    border: 2px solid #403416;
    border-radius: 25px;
    font-family: 'NexaHeavy', sans-serif; 
    font-size:14px;  
    color:#403416;  
}

input[type="email"] {
    width: 95%;
    padding: 10px 10px 10px 15px ;
    margin: 0;
    box-sizing: border-box;
    background-color: white;
    border: 2px solid #403416;
    border-radius: 25px;
    font-family: 'NexaHeavy', sans-serif; 
    font-size:14px;  
    color:#403416;  
}

.indexinput {
    width: 80%!important;
    padding: 5px 10px 5px 10px!important;
    margin: 5px 10% 5px 10%!important;
    border: 2px solid black!important;
}

.submitcentered {text-align: center}



.registratieknop {
    color:#FCC401!important;
    background-color: #403416!important;
    border: 0px solid black!important;   
    margin:15px 0 15px 0!important;
    font-family: 'NexaHeavy', sans-serif!important; 
    font-size:15px!important;  
    padding: 15px 50px 10px 50px;   
    border-radius: 15px;
    cursor:pointer;
    text-transform: uppercase;
}

.registratieknop:hover {
    background-color: black!important;
}

label {
    position:relative;
    float:left;
    width:100%;
    margin: 0 0 10px 0;
}

select {
    width: 100%;
    padding: 5px 10px 5px 10px ;
    margin-bottom: 20px;
    border: 1px solid #004479;
    border-radius: 4px;
    font-family: 'FASregular';
    font-size:15px;    
    color:#004479;
}

option {
    color:#004479;
}

textarea {
    width: 95%;
    padding: 10px 10px 10px 15px ;
    margin-bottom: 20px;
    background-color: white;
    border: 2px solid #403416;
    border-radius: 25px;
    font-family: 'NexaHeavy', sans-serif; 
    font-size:15px;  
    color:#403416;  
}

.formrightregknop {
display:block;    
position:relative;
float:left;
width:100%;
height:100px;
padding:0 0 0 50px;    
margin: 15px 0 0 14%;
/*background-color:red;*/    
    background-image: url('../assets/gelebliksem.svg'); /* Replace with your image URL */
    background-size: 76px 89px;
    background-position: 0% 0%;
    background-repeat: no-repeat;    
}

/*-----FOOTER------*/


.footer {
    display:block;
    position:fixed;
    bottom:0;    
    margin: 0 0 0 0;
    width: 100%;
    height:auto;   
   background-color:white;    
}


/*--------------------------------------------MOBILE QUERY-------------------------*/
@media only screen and (max-width: 600px) {

/*-----SPECS-----------*/
    p.small {
    font-family: 'NexaHeavy';
    font-size:14px;
    line-height:24px;
    color:#403416;    
    padding: 5px 5px 25px 5px;    
}
    
/*-----FORM--------*/
    
.formleft {
 position:relative;
display:block;
float:left;    
width:95%; 
height:auto;
margin: 0 0 15px 0;
padding: 0 0 0 0;    
text-align: left;
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;      
}

.formright {
 position:relative;
display:block;  
float:left;      
width:95%; 
height:auto;
margin: 0 0 5px 0;
padding: 0 0 0 0;    
font-family: 'NexaHeavy', sans-serif; 
font-size:15px;  
color:#403416;       
}    
    
    .registratieknop {
    color:#FCC401!important;
    background-color: #403416!important;
    border: 0px solid black!important;   
    margin:15px 0 15px 0!important;
    font-family: 'NexaHeavy', sans-serif!important; 
    font-size:14px!important;  
    padding: 15px 10px 10px 10px;   
    border-radius: 15px;
    cursor:pointer;
    width:100%;    
}

.registratieknop:hover {
    background-color: black!important;
}
    
    
/*----SPACER------*/
    .spacer200 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:70px;  
clear: both;
}
    
/*----STRUCTUUR----*/
    
.contentcontainer {
position:relative;
display:block;  
margin: 0 auto 0 auto;
width:90%;    
max-width:1300px;  
height:auto;       
}

.kolom100 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
/*background-color:lightslategray;*/
clear: both;
}

.kolom15 {
position:relative;
display:block;
float:left;    
margin: 0 2% 0 0;
width:13%;  
height:auto;    
}
    
.kolom15last {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
}    

.kolom25 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
}

.kolom60 {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
}

.kolomlinks {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
}
    
.kolomlinksfooter {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
}    
    
.kolomrechts {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
padding: 2% 0 0 0;    
width:100%;  
height:auto;    
}
    
.kolomlinksfooter {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
width:100%;  
height:auto;    
text-align: center;    
}        

.kolomrechtsfooter {
position:relative;
display:block;
float:left;    
margin: 0 0 0 0;
padding: 0 0 0 0;    
width:100%;  
height:auto;  
text-align: center;      
}    
    
/*-----FOOTER------*/

.footer {
    display:block;
    position:relative!important;
    float:left;
    margin: 0 0 0 0;
    width: 100%;
    height:200px;   
   background-color:white!important;    
}    
    
    
}