@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; 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-weight:300; font-size:1.6rem; line-height:1.628571; color:#352d25; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


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

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

/*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*/
.button{display:inline-block; width:fit-content; height:30px; line-height:30px; text-align:center; font-size:1.8rem; font-weight:700; padding:0 48px; border-radius:8px; margin-top:24px; color:#ffffff; font-family:'Roboto',sans-serif;}
.button:hover{}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{}
.button.outline{background:unset; border:4px solid #fff;}
.button.bg-yellow{background-color:#fccc00; color:#575656;}
.button.bg-yellow:hover{background-color:#ffe15f; color:#444444;}
.button.bg-darkgrey{color:white;}
.button.bg-darkgrey:hover{background-color:#d4d4d4; color:#575656;}
.button.bg-lightblue{color:#43abe4;}
.button.bg-lightblue:hover{background-color:#43abe4; color:#b3d5f4;}
.grid{display:grid;}
img{width: 100%; height: 100%;}

/*video-container*/
.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%;}

/*colors*/
.bg-blue{background-color:#43abe4;}
.bg-lightblue{background-color:#e6f1fb;}
.bg-darkgrey{background-color:#575656;}
.bg-lightgrey{background-color:#d4d4d4;}
.bg-white{background-color:#fff;}
.blue{color:#43abe4;}
.lightblue{color:#b3d5f4;}
.darkgrey{color:#575656;}
.lightgrey{color:#d4d4d4;}
.white{color:#fff;}
.yellow{color:#fccc00;}
.orange{color:#eb600a;}
.purple{color:#9672b0;}
.green{color:#fccc00;}
section article p a,
section.bg-blue article p a{color:#fccc00;}
section article p a:hover,
section.bg-blue article p a:hover{color:#eb600a;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:28px; margin:0 0 24px 0;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li a{font-size:1.4rem; line-height:28px; color:#43abe4;}
.breadcrumbs a span{color:#43abe4 !important;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form-grid.order{gap:0px;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-bottom:8px;}
form.form-grid h3{margin-top:16px; margin-bottom:8px;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.margin-top{margin-top:16px;}
form.form-grid.order div{padding:0px;}
form.form-grid.order div.padding{padding:16px;}
form.form-grid div.hide{display:none;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid.order div,
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:not(.input-wrapper-submit) span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="datetime-local" ],
form.form-grid div input[type="time" ],
form.form-grid div input[type="date" ]{color:#2a2620;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
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:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; font-family:'Roboto', sans-serif; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.6rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Roboto', sans-serif; color:#555555;}
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 textarea.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 textarea,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; background:#ffffff; color:#2a2620; border:1px solid #eae9e9; font-family:'Roboto', sans-serif;} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .left input[type=button],
form.form-grid div.submit .left input[type=submit]{border:0px; font-family:'Roboto', sans-serif;  font-size:1.6rem;  text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .right input[type=button],
form.form-grid div.submit .right input[type=submit]{border:0px; font-family:'Roboto', sans-serif; font-size:1.6rem;  text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*header*/
header{height:100px; position:fixed; top:0; width:100%; z-index:1000;}
header .grid{grid-template-columns:200px auto; grid-template-rows:40px 60px; column-gap:24px;}
header .grid .logo{width: 200px; height: 50px; grid-row-end:span 2; margin: auto 0;}
header .grid .logo img{object-fit:contain;}
header .grid .support{text-align:right; line-height:40px; font-weight:400;}
header .grid .support a{color:#43abe4; margin-left:24px;}
header .grid .support a:hover{color:#b3d5f4;}
header .grid .support a.on,  
header .grid .support a:active{color:#575656;} 
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li{font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.0rem; line-height:60px;}
header .grid nav ul li.mobile{display:none;}
header .grid nav ul li a{color:#575656; border-right:3px solid #575656; padding:0 12px;}
header .grid nav ul li:nth-of-type(5) a{border-right:unset;}
header .grid nav ul li a:hover,
header .grid nav ul li a:active,
header .grid nav ul li a.on{color:#43abe4;}
header .grid .menu{display:none;}
.transparent{background:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.10); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.10);}

/*Sections*/
section.slider{padding-top:48px; margin-top:100px;}
section.slider .shape{position:absolute; bottom:0; right:0; height: 100%; width:100%; clip-path: polygon(38% 0, 100% 0, 100% 100%, 76% 100%);}
section.slider .grid{grid-template-columns:1fr 2fr; gap:32px;}
section.slider .grid .image img{object-fit:contain;}

section.intro .bg-shape{position:absolute;}
section.intro .bg-shape.left{height: 120px; width: 110px; left: -5%;bottom:-50%; float:unset;}
section.intro .bg-shape.right{height: 120px; width: 110px; right: 5%; top:24px; float:unset}

section.highlight .grid{grid-template-columns:1fr 1fr 1fr; gap:37px;}
section.highlight .grid .card .image{width: 100%; height: 235px; position: relative;}
section.highlight .grid .card .image img{object-fit:cover; border-top-left-radius:8px; border-top-right-radius:8px;}
section.highlight .grid .card .image .overlay{width: 105px; height: 76px; position:absolute; bottom:-38px; right:-4px;}
section.highlight .grid .card .title{margin:24px 0; font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:700;}
section.highlight .grid  article p{min-height:18rem;}
section.highlight h2{grid-column-end:span 3;}
section.highlight .button{grid-column-start:3; grid-row-start:3; width:100%; margin: 24px 0 0 auto;}
section.highlight.other article{grid-column-end:span 3;}
section.highlight.other .grid .card{position:relative;}
section.highlight.other .grid .card .title{position:absolute; bottom:0; left:0; margin:24px;}
section.highlight.overview h2{grid-column-end:span 3;}

section.about .background{clip-path: polygon(50% 0%, 0 0, 0 25%); position:absolute; top:0; left:0; width: 100%; height: 100%;}
section.about .shape{clip-path: polygon(0 25%, 100% 82%, 100% 100%, 0% 100%); position:absolute; bottom:0; left:0; width: 100%; height: 100%;}
section.about .grid{grid-template-columns:1fr 1fr;}
section.about .grid .image{width: 620px; height:410px; margin-right:-155px;}
section.about .grid .image img{object-fit:contain;}
section.about .grid article{margin-top:259px;}

section.content{overflow:hidden;}
section.content .grid{display:grid; grid-template-columns:repeat(12,1fr); gap:37px;}
section.content .overlay{position:absolute; top:-70px; right:570px; width: 110px; height: 90px;}
section.content .overlay img{object-fit:contain;}
section.content .item{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin: 24px 0; grid-column-end:span 12;}
section.content .item h2{color:#43abe4;}
section.content .item .image{width: 100%; height:100%; margin: 0 0 auto 0;}
section.content .item .image .overlay{display:none;}
section.content .item .image img{width: 100%; height: 100%; object-fit:contain;}
section.content .item:nth-of-type(even) .image{grid-area:1/1/1/1;}
section.content .item.wide article{grid-column-end:span 2;}
section.content .item.third{grid-column-end:span 4; display:grid; grid-template-columns:1fr; grid-template-rows:235px auto; row-gap:24px;}
section.content .item.third .text{min-height:21rem;}
section.content .item.third .text .button{margin: auto 0 0 0;}
section.content .item.third .image{width: 100%; height: 235px; position: relative; grid-area:1/1/1/1;}
section.content .item.third .image img{object-fit:cover; border-top-left-radius:8px; border-top-right-radius:8px;}
section.content .item.third .image .overlay{width: 105px; height: 76px; display:unset; position:absolute; bottom:-38px; right:-4px; top:unset;}
section.content .item.third .title{margin:24px 0; font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:700;}
section.content .item.team{grid-column-end:span 3; display:grid; grid-template-columns:1fr; grid-template-rows:235px auto; row-gap:24px;}
section.content .item.team .image{grid-area:1/1/1/1;}
section.content .item.team article h2{font-size:2.0rem;}


section.logos{background:url(../images/hexagons-fill-large.svg) no-repeat left 5% bottom -150% /256px 200px; background-color:#e6f1fb !important;}
section.logos.small{background:unset;}
section.logos .grid{grid-template-columns:1fr 1fr; gap:24px;}
section.logos .overlay.left{position: absolute; left:-24px; bottom:-62%; width: 256px; height: 200px;}
section.logos .overlay.right{position: absolute; right:-24px; bottom:-62%; width: 256px; height: 200px;}
section.logos .overlay img{object-fit:contain;}
section.logos .grid .showcase{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.logos .grid .showcase .client{width:100%; height: 96px; border-radius:15px; overflow:hidden; border: 3px solid #43abe4; background:#ffffff;}
section.logos .grid .showcase .client img{object-fit:contain;}
section.logos.small .grid{grid-template-columns:1fr; gap:0;}
section.logos.small .grid .showcase{grid-template-columns:1fr 1fr 1fr 1fr; gap:32px; width:80%; margin: 0 auto;}
section.logos.small .overlay.left{left:-124px;}
section.logos.small .overlay.right{right:-124px;}

section.support{margin-top:90px; overflow:visible;}
section.support .background{width: 100%; height: 90px;position:absolute; top:-89px; left:0; clip-path: polygon(0 0, 0% 100%, 100% 100%);}
section.support .extra{width: 100%; height: 100%; position: absolute; top:-90px; left:0; z-index:-1;;}
section.support .grid{grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.support .grid article{grid-column-end:span 2;}
section.support .grid .button{width:80%; margin:24px 0 0 auto;}


section.contact .grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.contact .grid address{font-style:normal;}
section.contact .grid address a{display:block; color:#43abe4;}
section.contact .grid address a:hover,
section.contact .grid address a.on{color:#fccc00;}
section.contact .grid .info{position: relative;}
section.contact .grid .info iframe{width:520px; height:364px; border:0;}
section.contact .grid .overlay.left{position:absolute; right:0; top:0; width: 120px; height: 130px;}
section.contact .grid .overlay.right{position:absolute; right:-120px;; bottom:0; width: 120px; height: 130px;}
section.contact .grid .overlay img{width:100%; height: 100%; object-fit:contain;}

/*Footer*/
footer{padding:24px 0;}
footer .grid{grid-template-columns:1fr 1fr 1fr 1fr; gap:32px;}
footer .grid address{font-style: normal;}
footer .grid address span{font-family:'Montserrat',sans-serif; font-weight:700; display:block;}
footer .grid address .mid{ margin-top:24px;}
footer .grid address a{display:block;}
footer a,
footer .grid .social .sociallinks a i{color:white;}
footer .grid .social .sociallinks i{font-size:2.4rem;}
footer .grid .social .sociallinks{margin-top:24px;}
footer .grid .social .sociallinks a{margin:0px 4px;}
footer .grid .social .sociallinks a:first{margin-left:0;}
footer .grid a:hover,
footer .grid .social .sociallinks a:hover i{color:#b3d5f4;}
footer .grid .vacatures .button{width: 100%;  font-size:1.6rem; margin-top:unset;}
footer .grid .vacatures .logo{width: 200px; height: 70px; margin: 0 auto 24px 0;}
footer .grid .vacatures .logo img{object-fit:contain;}
footer .grid .copyright{grid-column-end:span 4; display:grid; grid-template-columns:1fr 1fr; font-size:1.2rem;}
footer .grid .copyright div:first-of-type{display:flex;}
footer .grid .copyright div:first-of-type a{margin:0 4px;}
footer .grid .copyright div:last-of-type{text-align:right;}


/*tablet: 1220*/
@media only screen and (max-width:1220px) 
{

    header .grid nav ul li{font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.8rem; line-height:60px;}
    header .grid nav ul li a{color:#575656; border-right:3px solid #575656; padding:0 8px;}

    section.about .grid .image{width: 496px; height: 369px;}

    section.highlight .grid .card .image{height:174px;}

    section.contact .grid .info iframe{width:400px; height:300px; border:0;}
}

/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
    h1{font-size:2.8rem; margin-bottom:12px; line-height:30px;}
    h2{font-size:2.4rem; margin-bottom:12px;}
    h3{font-size:2.0rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:8px;}
    h5{font-size:1.6rem; margin-bottom:8px; font-weight:400;}
    p{margin:0px 0px 24px 0px;}

    .button{font-size:1.8rem; padding:0 32px; margin-top:12px;}
    body.noscroll{overflow:hidden;}

    header{overflow:visible;}
    header .grid{grid-template-columns:200px  auto 30px; grid-template-rows:1fr; column-gap:24px;}
    header .grid .logo{grid-row-end:unset; margin: auto 0;}
    header .grid .support{text-align:right; line-height:100px; font-weight:400; font-size:1.8rem;}
    header .grid 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 .grid .menu{display:unset; display:block; text-align:right;}
    header .grid .menu a i{font-size:3.0rem; color:#575656; line-height:100px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#43abe4; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul li a{color:#575656; height:48px; line-height:48px; margin:unset; border-right:unset;}
    header .grid nav ul li a:active,
    header .grid nav ul li a:hover{color:white;}
    header .grid nav ul li a.on{color:#fccc00;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:100px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}

    
    section.slider{padding-top:48px;}
    section.slider .grid{grid-template-columns:1fr 1fr;}
    section.slider .grid article{max-width:90%;}

    section.intro .bg-shape{position:absolute;}
    section.intro .bg-shape.left{height: 100px; width: 90px; left: 5%;bottom:-50%; transform:translateY(-25%); float:unset;}
    section.intro .bg-shape.right{height: 70px; width: 60px; right: 5%; top:4px; float:unset}

    section.highlight .grid{grid-template-columns:1fr; gap:32px;}
    section.highlight .grid .card{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px;}
    section.highlight .grid .card .image{width: 100%; height: 235px;}
    section.highlight .grid .card:nth-of-type(even) .image{grid-area:1/2/1/2;}
    section.highlight .grid .card .image .overlay{width: 80px; height: 51px; position:absolute; bottom:-25px; right:-4px;}
    section.highlight .grid .card .image .overlay img{object-fit:contain;}
    section.highlight .grid .card .title{margin:24px 0; font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:700;}
    section.highlight .grid  article p{min-height:unset;}
    section.highlight.overview h2,
    section.highlight h2{grid-column-end:unset;}
    section.highlight .button{grid-column-start:unset; grid-row-start:4; width:100%; margin: 24px auto;}
    section.highlight.news .grid .card:last-of-type{display:none;}
    section.highlight.other article{grid-column-end:unset;}
    section.highlight.other .grid .card{display:block;}
    section.highlight.other .grid .card .title{position:relative; margin:unset; grid-column-start:1; background:#43abe4; padding: 6px 24px;}
    section.highlight.other .grid .card .title:after{content:'→'; float:right; margin: 0 24px;}
    section.highlight.other .grid .card .image{display:none;}
    section.highlight.other .grid .card:nth-of-type(even) .image{grid-area:1/2/1/2;}
    section.highlight.other .grid .card:nth-of-type(even){background:unset;}

    section.about{background:white;}
    section.about .background{clip-path: polygon(50% 0%, 0 0, 0 12%); position:absolute; top:0; left:0; width: 100%; height: 100%;}
    section.about .shape{display:unset;}
    section.about .grid .image{width: 388px; height:250px; margin-top:20px; margin-right:unset;}
    section.about .grid article{margin-top:20px;}

    section.content .grid{display:block;}
    section.content .overlay{position:absolute; top:-64px; right:50%; width: 80px; height: 76px;}
    section.content .item{grid-column-end:unset;}
    section.content .item.wide{grid-column-end:unset;}
    section.content .item.third{display:grid; grid-template-columns:1fr 1fr;  grid-template-rows:unset; grid-gap:24px;}
    section.content .item.third .image{width: 100%; height: 235px;}
    section.content .item.third:nth-of-type(even) .image{grid-area:1/2/1/2;}
    section.content .item.third .image .overlay{width: 80px; height: 51px; position:absolute; bottom:-25px; right:-4px;}
    section.content .item.third .image .overlay img{object-fit:contain;}
    section.content .item.third .title{margin:24px 0; font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:700;}
    section.content .item.team{grid-column-end:unset;}
    section.content .item.team .image{grid-area:1/2/1/2;}

    section.logos .overlay.left{position: absolute; left:24px; bottom:-38%; width: 124px; height: 100px;}
    section.logos.small .overlay.left{left:-44px;}
    section.logos.small .overlay.right{right:-37px; bottom:-38%; width: 124px; height: 100px;}
    section.logos .grid .showcase{display:grid; grid-template-columns:1fr 1fr;}


    section.support{margin-top:45px; overflow:visible;}
    section.support .background{width: 100%; height: 45px;position:absolute; top:-44px; left:0; clip-path: polygon(0 0, 0% 100%, 100% 100%);}
    section.support .grid{grid-template-columns:1fr 1fr; gap:24px;}
    section.support .grid article{grid-column-end:unset;}
    section.support .grid .button{width:100%; margin:12px auto auto auto;}

    section.contact .grid{display:grid; grid-template-columns:1fr; gap:24px;}

    footer{padding:24px 0;}
    footer .grid{grid-template-columns:1fr 1fr; gap:24px;}
    footer .grid .social .sociallinks{margin-top:12px;}
    footer .grid .vacatures{grid-area:1/2/1/2;}
    footer .grid .vacatures .button{width: 100%;  font-size:1.6rem;}
    footer .grid .vacatures .logo{margin: 0 auto 12px 0;}
    footer .grid .copyright{grid-column-end:span 2; grid-template-columns:2fr 0.8fr;}
    footer .grid .copyright div:first-of-type a{margin:0 4px;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    section{padding:24px 0;}

    h1{font-size:2.4rem;}
    h2{font-size:2.2rem;}
    h3{font-size:2.0rem;}
    h4{font-size:1.8rem;}
    h5{font-size:1.6rem;}
    .button{font-size:1.6rem; padding:0 24px; margin-top:12px; width: 100%;}

    form.form-grid div{padding:unset;}
    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;}
    form.form-grid div.submit{display:grid; grid-template-columns:1fr;}
    form.form-grid div.submit .left,
    form.form-grid div.submit .right{width:100%;}
    form.form-grid div.submit .right input[type="submit"],
    form.form-grid div.submit .right input[type="button"],
    form.form-grid div.submit .left input[type="button"],
    form.form-grid div.submit .left input[type="submit"]{width: 100%;}
    
    header .grid{grid-template-columns:150px auto;}
    header .grid .logo{width: 150px; height: 50px;}
    header .grid .support{display:none;}
    header .grid nav ul li.mobile{display:block;}
    header .grid nav ul li.mobile a{color:white;}
    header .grid nav ul li.mobile a:hover,
    header .grid nav ul li.mobile a.on
    header .grid nav ul li.mobile a:active{color:#fccc00;}
    header .grid nav ul li.mobile i{margin: 0 4px;}
    header .grid nav ul li.mobile i,
    header .grid nav ul li.mobile span{color:#575656;}

    section.slider .grid{grid-template-columns:1fr;}
    section.slider .grid .image{display:none;}
    section.slider .shape{clip-path:polygon(64% 0, 100% 0, 100% 100%, 91% 100%);}

    section.intro .bg-shape.left{display:none;}

    section.highlight .grid{gap:24px;}
    section.highlight .grid .card{display:block;}
    section.highlight.news .grid .card{display:block; padding:unset;}
    section.highlight .grid .card:nth-of-type(even){color:#575656 !important;}
    section.highlight .grid .card:nth-of-type(even) .title{color:#575656 !important;}
    section.highlight .grid .card .image{width: 100%; height:230px;}
    section.highlight.news .grid .card .image{display:block; height:440px;}
    section.highlight .grid .card .title{font-size:1.8rem; margin:unset; margin-bottom:24px;}
    section.highlight.news .grid .card .title{margin:24px 0;}
    section.highlight .grid .card:nth-of-type(even) .image{grid-area:unset;}
    section.highlight.news .grid .card:nth-of-type(2){display:none;}
    section.highlight.news .grid{gap:0;}
    section.highlight.other .grid .card{padding:unset;}
    

    section.about .grid{grid-template-columns:1fr;}
    section.about .grid .image{display:none;}

    section.content .item{grid-template-columns: 1fr; margin: 12px 0;}
    section.content .item.wide article{grid-column-end:unset;}
    section.content .item.third{display:block;}
    section.content .item.third .text{min-height:unset;}
    section.content .item.third .text p{margin-bottom:12px;}
    section.high.content .item.third{display:block; padding:unset;}
    section.content .item.third:nth-of-type(even){color:#575656 !important;}
    section.content .item.third:nth-of-type(even) .title{color:#575656 !important;}
    section.content .item.third .image{display:block; width: 100%; height: 235px;}
    section.high.content .item.third .image{display:block; height:440px;}
    section.content .item.third .title{font-size:1.8rem; margin:unset; margin-bottom:24px;}
    section.high.content .item.third .title{margin:24px 0;}
    section.content .item.third:nth-of-type(even) .image{grid-area:unset;}
    section.content .item.team{grid-template-columns: 1fr; margin: 12px 0;}
    section.content .item.team .image{grid-area:unset;}

    section.logos .grid{grid-template-columns:1fr;}
    section.logos .grid .showcase .client:nth-of-type(3){display:none;}
    section.logos .grid .showcase .client:nth-of-type(4){display:none;}
    section.logos .grid .showcase .client:nth-of-type(5){display:none;}
    section.logos .grid .showcase .client:nth-of-type(6){display:none;}
    section.logos.small .grid .showcase{grid-template-columns:1fr 1fr;}


    section.support{margin-top:20px; overflow:visible;}
    section.support .background{width: 100%; height: 20px;position:absolute; top:-19px; left:0; clip-path: polygon(0 0, 0% 100%, 100% 100%);}
    section.support .grid{grid-template-columns:1fr; gap:24px;}

    section.contact .grid .info iframe{width:100%;}
    section.contact .grid .overlay.left{position:absolute; right:0; top:0; width: 60px; height: 70px;}
    section.contact .grid .overlay.right{display:none;}

    footer{padding:24px 0;}
    footer .grid{grid-template-columns:1fr 1fr; gap:24px;}
    footer .grid address .mid{ margin-top:12px;}
    footer .grid .social{grid-column-end:span 2;}
    footer .grid .social p,
    footer .grid .social h4{display:none;}
    footer .grid .social .sociallinks{margin-top:12px;}
    footer .grid .social .sociallinks i{font-size:5.0rem; margin:0 12px;}
    footer .grid .vacatures{display:none;}
    footer .grid .vacatures .logo{margin: 0 auto 12px 0;}
    footer .grid .copyright{grid-column-end:span 2; display:block;}
    footer .grid .copyright div:first-of-type{display:block;}
    footer .grid .copyright div:first-of-type a{margin:0 4px;}
    footer .grid .copyright div:last-of-type{text-align:left;}

}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    body{font-size:1.2rem;}
    
    .breadcrumbs{display:none;}

    section.highlight.news .grid .card .image{display:block; height:150px;}

    section.slider .shape{display:none;}
    section.intro .bg-shape.right{display:none;}


    section.logos .grid .showcase{grid-template-columns:1fr;}
    section.logos .grid .showcase .client{width:52%; margin: 0 auto;}

     section.highlight.other .grid .card .title:after{content:none;}
}