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

/*reset*/
*{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;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; appearance:none; border-radius:0;}

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

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Roboto', sans-serif; font-size:1.4rem; line-height:1.4; color:#444444; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:700; font-family:'Poppins', sans-serif; color:#222222;}
h1{font-size:3.0rem; margin-bottom:32px;}
h2{font-size:2.5rem; margin-bottom:32px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.6rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#ffffff; text-decoration:none;}
a:hover{color:#f1f1f1;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}


/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/


/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.bg-blue{background:#0053a1;}
.bg-blue.overlay{background:rgba(0,83,163,0.59);}
.bg-lightgrey{background:#e8edf0;}
.bg-white{color:black;}
.blue{color:#0053a1;}
.white{color:#ffffff;}
.button{display:inline-block; width:fit-content; font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:700; color:#ffffff; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px;}
.button:hover{cursor:pointer; background:#fee969; color:#0053a1;}
.button.outline{border:4px solid #ffffff;}
.button.full{width:100%;}
.button.blue{background:#0053a1;}
.button.blue:hover{cursor: pointer; background:#fee969; color:#0053a1;}
.button.green{background:#00a14e;}
.button.green:hover{background:#0053a1; color:#ffffff;}
.wrapper{width:80%; margin: 0 auto;}

/*header*/
header{overflow:visible; padding-top:32px}
header nav{margin-bottom:64px;}
header nav ul{display:flex; justify-content:center;}
header nav ul .logo{height:150px; width:160px; margin: 0 20px;}
header nav ul .logo img{height:100%; width:100%; object-fit:contain;}
header nav ul li{width:calc((1260px - 160px) / 7); text-align:center;}
header nav ul li:nth-of-type(1){text-align:left;}
header nav ul li:nth-of-type(2){text-align:center;}
header nav ul li:nth-of-type(3){text-align:right;}
header nav ul li:nth-of-type(5){text-align:left;}
header nav ul li:nth-of-type(6){text-align:center;}
header nav ul li:nth-of-type(7){text-align:right;}
header nav ul li a{font-family:'Poppins',sans-serif; font-size:1.8rem; text-transform:uppercase; color:#444444;}
header nav ul li a:hover,
header nav ul li a.on{color:#0053a1;}
header .menu{display:none;}
header .logom{display:none;}

/*sections*/
section.slide  h1{text-align:center;}
section.slide .bar .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.slide .bar .grid .image{height:490px; width:100%; margin: 32px 0;}
section.slide .bar .grid .image img{height:100%; width:100%; object-fit:cover; border-radius:4px;}

section.hub{overflow:visible;}
section.hub .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.hub .grid .image{height:300px; width:100%; margin-top:-64px;}
section.hub .grid .image img{height:100%; width:100%; object-fit:cover; border-radius:4px;}
section.hub .grid article{grid-column-end:span 2;}
section.hub .grid article h1{color:#ffffff;}
section.hub.bg-blue .grid article h2,
section.hub.bg-blue .grid article h3,
section.hub.bg-blue .grid article h4{color:white;}

section.product{position:relative;}
section.product .bg{width:100%; height:850px; background:#0053a1; position:absolute; top:80px; left:0;}
section.product .grid{display:grid; grid-template-columns: 1fr 1fr; grid-gap:32px;}
section.product .grid .image{height:350px; width:100%;}
section.product .grid .image img{height:100%; width:100%; object-fit:cover; border-radius:4px;}
section.product .grid .image.large{height:700px; width:100%;}
section.product .grid article p:last-of-type{margin-bottom:24px;}
section.product .grid .icons{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:18px; margin-bottom:32px;}
section.product .grid .icons .item{text-align:center;}

section.product .grid .icons .item i{font-size:4rem; margin-bottom:12px;}
section.product .grid .icons .item div strong{display:block; margin-bottom:12px;}

section.map .intro p{color:#444444;}
section.map .overview{height:490px; width:100%; border: 4px solid #444444; position:relative;}
section.map .overview .image{height:440px; width:880px; margin:auto;}
section.map .overview .image img{height:100%; width:100%; object-fit:cover;}
section.map .overview a{font-size:2.0rem; font-family:'Poppins',sans-serif; color:#444444; font-weight:500; position:absolute;}
section.map .overview a:hover{color:#0053a1;}
section.map .overview .sluis{top:105px; left:233px;}
section.map .overview .terneuzen{top:172px; left:526px;}
section.map .overview .hulst{top:129px; left:793px;}

section.assortment .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.assortment .grid .intro{grid-column-end:span 3; text-align:center;}
section.assortment .grid .intro p{ color:#444444;}
section.assortment .grid .tour{position:relative;}
section.assortment .grid .tour .image{height:250px; position: relative;}
section.assortment .grid .tour .image img{height:100%; width:100%; object-fit:cover; border-radius:4px 4px 0 0 ;}
section.assortment .grid .tour .description{padding:24px; position:relative;}
section.assortment .grid .tour .description h4{margin-top:16px;}
section.assortment .grid .tour .description p{color:#444444;}
section.assortment .grid .tour .description .button{position:absolute; top:-16px; left:16px;}
section.assortment .grid .tour .category{position:absolute;  top:50%; right:2%;}
section.assortment .grid .tour .category i{font-size:6.0rem; color:#fee969;}
section.assortment .grid .button{grid-area:3/3/3/3;}

section.hubconnect .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
section.hubconnect .grid .township{position:relative;}
section.hubconnect .grid .township .image{height:300px; width:100%;}
section.hubconnect .grid .township .image img{height:100%; width:100%; object-fit:cover; border-radius:4px;}
section.hubconnect .grid .township:nth-of-type(3) .image img{height:100%; width:100%; object-fit:contain;}
section.hubconnect .grid .township .button{width:60%; position:absolute; bottom:16px; left:50%; transform:translateX(-50%);}

section.about{background-image:url('../images/gidsen-van-het-gidsenteam.webp'); background-position:center center; background-repeat:no-repeat; background-size:100%; position:relative;}
section.about .overlay{height:100%; width:100%; z-index:0; position:absolute; top:0; left:0;}
section.about .container{text-align:center; margin-top:100px; margin-bottom:100px;}
section.about .container h2,p{color:#ffffff;}

section.folders{background:rgba(255,255,255,0.5); padding:0px;}
section.folders p a{color:#0053a1;}
section.folders .folder-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:35px;}
section.folders .folder-grid a{min-height:80px; border-radius:6px; padding:15px; text-decoration:none !important; display:grid; grid-template-columns:60px auto; grid-gap:12px;}
section.folders .folder-grid a:hover{background:#fee969;}
section.folders .folder-grid a i{font-size:4.0rem; color:#0053a1; text-decoration:none;}
section.folders .folder-grid a span{font-size:1.6rem; font-weight:bold; color:#000000; text-decoration:none;}
section.folders .file-grid{display:grid; grid-template-columns:1r; gap:8px;}
section.folders .file-grid a{min-height:40px; border-radius:6px; padding:8px; text-decoration:none !important; display:grid; grid-template-columns:40px auto 40px; grid-gap:12px;}
section.folders .file-grid a:hover{background:#fee969;}
section.folders .file-grid a i{font-size:3.0rem; color:#0053a1; text-decoration:none;}
section.folders .file-grid a i:nth-of-type(2){color:#a9ca4c; text-decoration:none;}
section.folders .file-grid a span{font-size:1.4rem; font-weight:bold; color:#000000; text-decoration:none;}
section.folders .file-grid a span em{font-size:1.2rem; font-style:normal; font-weight:normal; color:#000000; text-decoration:none;}

section.content .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.content .grid .image{height:350px; width:100%;}
section.content .grid .image img{height:100%; width:100%; object-fit:cover;}
section.content .grid article p{color:#444444; margin-bottom:24px;} 

footer{padding-top:48px;}
footer .grid{display:grid; grid-template-columns:150px 1fr 0.5fr; grid-gap:32px;}
footer .grid .logo{height:150px; width:159px; margin-bottom:32px;}
footer .grid .logo img{height:100%; width:100%; object-fit:cover;}
footer .grid address *{color:#444444; font-style:normal; font-size:1.8rem;}
footer .grid address div{margin:16px 0;}
footer .grid address div strong{font-family:'Poppins',sans-serif; font-size:1.8rem; font-weight:500;}
footer .grid .sociallinks{text-align:right; margin-bottom:20px;}
footer .grid .sociallinks *{color:#444444;}
footer .grid .sociallinks a{margin-right:12px;}
footer .grid .sociallinks a:last-of-type{margin-right:unset;}
footer .grid .sociallinks a i{font-size:3.5rem;}
footer .grid .sociallinks a:hover i{color:#0053a1}
footer .grid .branche{height:75px; display:block; aspect-ratio:1890/599; margin-right:0; margin-left:auto;}
footer .grid .branche img{margin-bottom:20px; width: 100%; height:100%; object-fit:contain;}
footer .bar{height:128px;}
footer .bar .container ul{display:flex; padding-top:32px; margin-bottom:48px;}
footer .bar .container ul li{margin-right:12px;}
footer .bar .container ul li a{font-family:'Poppins',sans-serif; font-size:1.8rem; text-transform:uppercase;}
footer .bar .container .copyright{display:grid; grid-template-columns:1fr 1fr; color:#ffffff; font-size:1.2rem;}
footer .bar .container .copyright div a{margin: 0 8px;}
footer .bar .container .copyright div:last-of-type{text-align:right;}

/*forms*/
form.form-grid{accent-color:#033d51;}
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid.filter{display:block;}
form.form-grid.filter h2{margin-top:unset;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid h3.nomargin{margin-top:0px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.hide{display:none;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div.row label{margin-left:4px;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" i],
form.form-grid div input[type="time" i],
form.form-grid div input[type="date" i]{color:#2a2620;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="password"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:30px; line-height:30px; font-size:1.4rem; font-family:'Montserrat', sans-serif; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#444444; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:30px; font-size:1.4rem; padding:16px; border-radius:8px; color:#444444; background:#ffffff; border:1px solid #eae9e9; font-family:'Maven Pro', sans-serif; }
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:30px; padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9; font-size:1.4rem; font-family:'Montserrat', sans-serif; color:#444444;} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.productprice span{color:#26c983; height:unset; font-family:'Montserrat', sans-serif; font-size:3.3rem; display:flex; justify-content:center; margin:5px 0px; font-weight:500; line-height:65px;}
form.form-grid div.productprice span strike{color:#58889c; font-size:24px; font-size:2.4rem; line-height:84px; margin-right:35px;}
form.form-grid div.radio-image{display:grid; grid-template-columns:repeat(10,auto); grid-gap:12px;}
form.form-grid div.radio-image label{font-weight:500; font-size:1.4rem; text-align:center;}
form.form-grid div.radio-image input[type="radio"]{position:absolute; opacity:0; width:0;height:0;}
form.form-grid div.radio-image .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#8b8f96; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
form.form-grid div.radio-image input[type="radio"]{position:absolute; opacity:0; width:0; height:0;}
form.form-grid div.radio-image input[type="radio"] + img{cursor:pointer; height:100%; width:100%; margin-bottom:10px;}
form.form-grid div.radio-image input[type="radio"]:checked + img{outline:1px solid #D83179; outline-width: 2px; outline-offset:2px;}
form.form-grid div.radio-image input[type="radio"]:not(:checked), 
form.form-grid div.radio-image [type="radio"]:checked{position: absolute; left:-9999px;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label, 
form.form-grid div.radio-image [type="radio"]:checked + label{position:relative; color:#8b8f96; padding-left:25px; padding-right:25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label.red, 
form.form-grid div.radio-image [type="radio"]:checked + label.red{color:#c72230;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:before,
form.form-grid div.radio-image [type="radio"]:checked + label:before,
form.form-grid div.radio-image [type="radio"]:not(:checked) + label:after,
form.form-grid div.radio-image [type="radio"]:checked + label:after{content: ''; position:absolute;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:before, 
form.form-grid div.radio-image [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
form.form-grid div.radio-image input[type="radio"]:not(:checked) + label:after,
form.form-grid div.radio-image [type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
form.form-grid div.radio-image input[type="radio"]:checked + label:before {background:#542f7b;}
form.form-grid div.radio-image input[type="radio"]:checked + label:after {display:none;}
form.form-grid .submit-button{display:grid; grid-template-columns:1fr 1fr; grid-column-end:span 2;}
form.form-grid .submit-button div{padding:unset;}
form.form-grid .submit-button .left input[type=button],
form.form-grid .submit-button .left input[type=submit]{display:inline-block; width:fit-content; font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:700; color:#ffffff; background:#0053a1; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px;border:unset;}
form.form-grid .submit-button .left input[type=submit]:hover{background:#fee969; color: #0053a1;}
form.form-grid .submit-button .right input[type=button],
form.form-grid .submit-button .right input[type=submit]{display:inline-block; width:fit-content; font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:700; color:#ffffff; background:#0053a1; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px;border:unset;}
form.form-grid .submit-button .right input[type=submit]:hover{background:#fee969; color: #0053a1;}
form.form-grid .submit-button .right input.submit[type=submit]{display:inline-block; width:fit-content; font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:700; color:#ffffff; background:#0053a1; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px;border:unset;}
form.form-grid .submit-button .right input.submit[type=submit]:hover{background:#fee969; color: #0053a1;}
form.form-grid .submit-button .button-add{grid-column-end: span 2; }
form.form-grid .submit-button h3 span{font-size:1.6rem; font-weight:500;}
form.form-grid .submit-button.config{background:#ececec; padding:24px;}
form.form-grid .submit-button.config .left input[type=button],
form.form-grid .submit-button.config .left input[type=submit]{width:100%; background:#033d51;}
form.form-grid .basket{grid-column-end: span 2;}
form.form-grid .basket .basket-product-grid span{display:inline; font-size:unset;}
form.form-grid .basket .basket-product-grid span:after{content:":"; padding:0 4px;}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
 h1{font-size:2.5rem; margin-bottom:24px;}
h2{font-size:2.0rem; margin-bottom:24px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.6rem; margin-bottom:16px;}

header nav{margin-bottom:unset; margin-top:unset;}
header nav ul .logo{height:100px; width:109px;}
header nav ul li{width:calc((768px - 109px) / 7); text-align:center;}
header nav ul li a{font-size:1.4rem;}


section.slide .bar .grid{grid-gap:24px;}
section.slide .bar .grid .image{height:350px; width:100%; margin: 24px 0;}


section.product .bg{width:100%; height:962px; background:#0053a1; position:absolute; top:80px; left:0;}
section.product .grid{display:grid; grid-template-columns: 1fr 1fr; grid-gap:32px;}
section.product .grid .image{height:245px; width:100%;}
section.product .grid .image.large{height:245px;}
section.product .grid article{grid-column-end:span 2;}
section.product .grid article h1{color:#ffffff;}
section.product .grid .icons .item{text-align:center;}
section.product .grid .icons .item i{font-size:4rem; margin-bottom:12px;}
section.product .grid .icons .item div strong{display:block; margin-bottom:12px;}

section.map .intro p{color:#444444;}
section.map .overview{height:400px; width:100%; border: 4px solid #444444; position:relative;}
section.map .overview .image{height:350px; width:686px;}
section.map .overview a{font-size:1.8rem;}
section.map .overview .sluis{top:105px; left:74px;}
section.map .overview .terneuzen{top:152px; left:293px;}
section.map .overview .hulst{top:95px; left:500px;}


section.hub .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}
section.hub .grid .image{display:none;}
section.hub .grid article{grid-column-end:unset;}
section.hub .grid article h1{color:#ffffff;}

section.assortment .grid{grid-template-columns:1fr 1fr; grid-gap:24px;}
section.assortment .grid .intro{grid-column-end:span 2;}
section.assortment .grid .tour.mobilehide{display:none;}
section.assortment .grid .tour .image{height:250px;}
section.assortment .grid .tour .description{padding:16px;}
section.assortment .grid .tour .description h4{margin-top:16px;}
section.assortment .grid .button{grid-area:3/1/3/ span 2;}

section.hubconnect .grid{grid-template-columns:1fr; grid-gap:24px;}
section.hubconnect .grid .township .image{height:280px;}
section.hubconnect .grid .township .button{width:90%; position:absolute; bottom:16px; left:50%; transform:translateX(-50%);}

section.content .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}
section.content .grid .image{height:250px; width:100%;}


footer{padding-top:32px;}
footer .grid{display:grid; grid-template-columns:100px 1fr 0.5fr; grid-gap:32px;}
footer .grid .logo{height:100px; width:100px; margin-bottom:24px;}
footer .grid address *{font-size:1.4rem;}
footer .grid address div{margin:8px 0;}
footer .grid address div strong{font-size:1.6rem;}
footer .grid .sociallinks a i{font-size:2.5rem;}
footer .grid .branche img{float:left;}
footer .bar{height:128px;}
footer .bar .container ul{display:flex; padding-top:32px; margin-bottom:32px;}
footer .bar .container ul li{margin-right:12px;}
footer .bar .container ul li a{font-size:1.6rem;}
footer .bar .container .copyright{ grid-template-columns:1fr 0.62fr;font-size:1.2rem;}
footer .bar .container .copyright div a{margin: 0 8px;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
h1{font-size:2.0rem; margin-bottom:24px;}
h2{font-size:1.8rem; margin-bottom:24px;}
h3{font-size:1.6rem; margin-bottom:16px;}
h4{font-size:1.4rem; margin-bottom:16px;}

form.form-grid{grid-template-columns:1fr;}
form.form-grid .wide{grid-column-end:unset; padding-bottom:2px;}
form.form-grid .submit-button{grid-template-columns:1fr; grid-column-end:unset;}
form.form-grid div.row.label{font-weight:500;}

header{overflow:visible;}
header nav{margin-bottom:64px;}
header .grid{display:grid; grid-template-columns:159px 1fr;}
header nav ul{display:flex; justify-content:space-between;}
header nav ul .logo{display:none;}
header .logom{display:block; height:152px; width:159px; margin: 0 auto;}    
header .logom a img{height:100%; width:100%; object-fit:cover;}    
header nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
header .menu{display:unset; display:block; text-align:right;}
header .menu a i{font-size:3.0rem; color:#0053a1; line-height:152px;}    
header nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#fee969; margin-left:unset;}
header nav ul li:nth-of-type(1){text-align:right;}
header nav ul li:nth-of-type(2){text-align:right;}
header nav ul li:nth-of-type(3){text-align:right;}
header nav ul li:nth-of-type(5){text-align:right;}
header nav ul li:nth-of-type(6){text-align:right;}
header nav ul li:nth-of-type(7){text-align:right;}
header nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
header nav ul li a{color:#0053a1; height:48px; line-height:48px; margin:unset;}
header nav ul li a.flag{display:flex; justify-content:flex-end;}
header nav ul li a.flag img{height:100%; width:100%; object-fit:cover;  margin: auto 0;}
header nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:256px; z-index:2; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

section.slide .bar .grid{display:grid; grid-template-columns:1fr; grid-gap:24px;padding:24px 24px;}
section.slide .bar .grid .image{height:100px; width:100%; margin:unset;}

section.product{position:relative;}
section.product .bg{width:100%; height:100%; background:#0053a1; position:absolute; top:80px; left:0;}
section.product .grid{display:grid; grid-template-columns: 1fr; grid-gap:32px;}
section.product .grid article{grid-column-end:unset;}
section.product .grid .icons{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:18px;}
section.product .grid .icons .item{text-align:center;}
section.product .grid .icons .item i{font-size:4rem; margin-bottom:12px;}
section.product .grid .icons .item div strong{display:block; margin-bottom:12px;}

section.map .overview{height:250px;}
section.map .overview .image{height:183px; width:367px; margin: 24px auto;}
section.map .overview a{font-size:1.6rem; color:#ffffff;}
section.map .overview .sluis{top:3px; left:16px;}
section.map .overview .terneuzen{top:206px; left:123px;}
section.map .overview .hulst{top:5px; left:61%;}

section.assortment .grid{display:grid; grid-template-columns:1fr; grid-gap:24px;}
section.assortment .grid .intro{grid-column-end:unset; text-align:center;}
section.assortment .grid .tour .image{height:220px;}
section.assortment .grid .tour .description{padding:8px; position:relative; text-align:center;}
section.assortment .grid .tour .description h4{margin-top:16px;}
section.assortment .grid .tour .description p{margin-bottom:24px;}
section.assortment .grid .tour .description .button{position:relative; top:unset; left:unset; margin-bottom:24px;}
section.assortment .grid .tour .category{top:46%;}
section.assortment .grid .button{grid-area:unset;}

section.about{background-image:url('../images/GZV-Team-01.webp'); background-position:center center; background-repeat:no-repeat; background-size:110%; position:relative;}
section.about .overlay{height:100%; width:100%; z-index:0; position:absolute; top:0; left:0;}
section.about .container{text-align:center; margin-top:0px; margin-bottom:0px;}
section.about .container h2,p{color:#ffffff;}



footer{padding-top:24px;}
footer .grid{display:grid; grid-template-columns:109px 1fr; grid-gap:8px;}
footer .grid .logo{height:102px; width:109px; margin-bottom:32px;}
footer .grid .logo img{height:100%; width:100%; object-fit:cover;}
footer .grid address *{color:#444444; font-style:normal; font-size:1.4rem;}
footer .grid address div{margin:unset;}
footer .grid address div strong{font-family:'Poppins',sans-serif; font-size:1.4rem; font-weight:500;}
footer .grid .sociallinks{text-align:unset; margin-bottom:12px;}
footer .grid .sociallinks a{margin-right:8px;}
footer .grid .sociallinks a:last-of-type{margin-right:unset;}
footer .grid .sociallinks a i{font-size:2.2rem;}
footer .bar{height:250px;}
footer .bar .container ul{display:block; padding-top:24px; margin-bottom:24px;}
footer .bar .container ul li{margin-right:4px;}
footer .bar .container ul li:nth-of-type(4){display:none;}
footer .bar .container ul li a{font-family:'Poppins',sans-serif; font-size:1.2rem; text-transform:uppercase;}
footer .bar .container .copyright{display:grid; grid-template-columns:1fr; color:#f1f1f1; font-size:1.2rem;}
footer .bar .container .copyright div a{margin:unset; margin-right:4px;}
footer .bar .container .copyright div:last-of-type{text-align:unset; margin-top:24px;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
 section.map .overview{height:100px;}
section.map .overview .image{display:none;}
section.map .overview a{font-size:1.6rem; }
section.map .overview .sluis{top:3px; left:16px;}
section.map .overview .terneuzen{top:30px; left:16px;}
section.map .overview .hulst{top:60px; left:16px;}  
    
}