@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; font-family:'Open Sans', sans-serif; font-size:1.4rem; line-height:1.628571; color:#000000; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold;}
h1{font-size:3.4rem; margin-bottom:50px; color:#004209;}
h2{font-size:2.2rem; margin-bottom:35px; color:#004209;}
h3{font-size:1.8rem; margin-bottom:15px; color:#004209;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin{margin:0px;}
h3.wider{margin:35px 0px;}

p{margin:0px 0px 35px 0px;}
a, a *{color:#004209; text-decoration:none;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
button{-webkit-appearance:none;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left;}
.right{float:right;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*reset apple*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/*main-container*/
main{width:100%; max-width:1920px; display:grid; grid-template-columns:1fr; grid-template-rows:160px 40px auto 48px; min-height:100vh; grid-gap:0px; margin:0px auto;}
.container{max-width:960px; height:100%; margin:0px auto; padding:0px 24px;}

/*backgrounds*/
.bg-green{background:#acbea4;}
.bg-yellow{background:#fcf4de;}

/*forms*/

/*header*/
header{z-index:800; position:relative;}
header .container{background:url('../images/header.png') no-repeat right #fcf4de;}
header .logo{padding:40px 0px;}
header .logo a{width:297px; height:80px; display:block; text-indent:-4000px; background:url('../images/logo.png') no-repeat center left;}

/*nav*/
nav{width:100%; height:40px; z-index:1000;}
nav .container{display:grid; grid-template-columns:auto 115px; grid-gap:0px;}
nav .menu ul{}
nav .menu ul li{float:left; padding:0px 12px; line-height:40px; color:#ffffff;}
nav .menu ul li:first-of-type{padding-left:0px;}
nav .menu ul li:last-of-type{padding-right:0px;}
nav .menu ul li a{line-height:40px; color:#ffffff; font-size:1.6rem;}
nav .menu ul li.on,
nav .menu ul li.on a{font-weight:bold;}
nav .menu ul li:hover ul, 
nav .menu ul li ul:hover{visibility:visible; opacity:1; position:absolute; z-index:99; transition:.3s opacity;}
nav .menu ul li ul{width:auto; height:auto; display:block; overflow:hidden; position:absolute; visibility:hidden; opacity:0; transition:.3s opacity; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#004209;}
nav .menu ul li ul li{width:auto; height:auto; display:block; text-align:left; margin:0; padding:0px 10px; float:none; border-top:1px solid #fff;}
nav .menu ul li ul li:first-of-type,
nav .menu ul li ul li:first-of-type{padding:0px 10px;}
nav .menu ul li ul li a{font-size:1.6rem;}
nav .flags a.en{width:35px; height:35px; display:block; overflow:hidden; text-indent:-4000px; margin:3px 0px 0px 0px; float:right; background:url('../images/flag-en.png') no-repeat center center; background-size:30px 30px;}
nav .flags a.nl{width:35px; height:35px; display:block; overflow:hidden; text-indent:-4000px; margin:3px 5px 0px 0px; float:right; background:url('../images/flag-nl.png') no-repeat center center; background-size:30px 30px;}
nav .flags a.de{width:35px; height:35px; display:block; overflow:hidden; text-indent:-4000px; margin:3px 5px 0px 0px; float:right; background:url('../images/flag-de.png') no-repeat center center; background-size:30px 30px;}
nav .icon{display:none;}

/*sections*/
section{z-index:800;}

/*article*/
section article{padding:24px 0px;}
section article ul.news-overview{width:100%; margin:0px 0px 20px 0px !important;}
section article ul.news-overview li a{width:100%; height:auto; display:block; margin:0px 0px 20px 0px; font-size:12px; color:#004209 ; text-decoration:none; overflow:hidden;}
section article ul.news-overview li img{width:150px; float:left; margin:0px 20px 0px 0px;}
section article ul.news-overview li h3{text-decoration:none;}
section article ul.news-overview li p{font-size:14px; text-decoration:none;}
section article ul.news-small{width:100%; margin:0px 0px 20px 0px !important;}
section article ul.news-small li{width:100%; height:20px; display:block; margin:0px 0px 10px 0px;}
section article ul.news-small li a{width:100%; height:auto; display:block; overflow:hidden; text-decoration:none;}
section article ul.news-small li a span.date{width:170px; height:auto; float:left; font-size:13px; color:#004209 ; text-decoration:none;}
section article ul.news-small li a h3{width:auto; height:auto; font-size:13px; text-decoration:none; float:left;}
section .blocks{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px; margin-bottom:32px;}
section .blocks a:first-of-type{grid-column-end:span 3;}
section .blocks a img{width:100%;}
/*footer*/
footer{z-index:800;}
footer div.copyright{text-align:center; line-height:48px; color:#ffffff; font-size:1.2rem;}

/*slider*/
.slider{position:fixed; top:0; bottom:0; left:0; right:0;}
.slider .slick-list{height:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.slider .slick-track{height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.slider .slide{height:100%; position:absolute !important; top:0; bottom:0; left:0 !important; right:0;}

/*laptop l*/
@media only screen and (max-width:1440px) 
{
    
}

/*laptop*/
@media only screen and (max-width:1024px) 
{   

}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{font-size:2.6rem;}
    h2{font-size:2.0rem;}
    h3{font-size:1.6rem;}
   
    nav{overflow:visible;}
    nav .icon{display:unset;}
    nav .icon i{font-size:2.6rem; color:#ffffff; line-height:40px;}
    nav .menu{width:0; height:auto; display:none; position:absolute; top:200px; left:0px; padding:16px 24px; background:#004209; overflow-x:hidden; transition:0.5s;}
    nav .menu.open{width:100%; transition:0.7s; display:block; z-index:20000;}
    nav .menu.open ul li{width:100%; float:left;}
    nav .menu.open ul li a{font-size:1.4rem;}
    nav .menu.open ul li{padding:0px 12px;}
    nav .menu.open ul li ul{display:block; position:relative; padding:8px; top:unset; left:unset; visibility:unset; opacity:unset; background:rgba(255,255,255,0.1); border:unset; border-left:1px solid rgba(255,255,255,0.1);}
    nav .menu.open ul li ul li{border:none;}
    nav .menu.open ul li ul li a{font-size:1.3rem;}
    nav .menu.open ul li ul li:first-of-type,
    nav .menu.open ul li ul li:first-of-type{padding:0px 10px;} 
 
}

/*mobile l*/
@media only screen and (max-width:425px)
{
    section .blocks{display:grid; grid-template-columns:1fr; grid-gap:24px; margin-bottom:24px;}
    section .blocks a:first-of-type{grid-column-end:unset;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    h1{font-size:2.4rem;}
    h2{font-size:1.8rem;}
    h3{font-size:1.4rem;}
    
    body{font-size:1.2rem;}
    
    .container{padding:0px 12px;}
    nav .menu.open ul{padding:16px 12px;}

}

/*mobile s*/
@media only screen and (max-width:320px)
{

}