@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:'Tahoma', sans-serif; font-size:1.6rem; line-height:24px; color:#3d3d3b; 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:'Tahoma', sans-serif; height:auto; font-weight:700; line-height:30px;}
h1{font-size:4.0rem; margin-bottom:12px; line-height:48px;}
h2{font-size:2.8rem; margin-bottom:32px; color:#446FB4;}
h3{font-size:2.0rem; margin-bottom:16px; color:#446FB4;}
h4{font-size:1.6rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#446FB4; text-decoration:none;}
a:hover, a:hover {color:#73b3ea;}
small{font-size:1.2rem;}
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*/
section{padding:32px 0;}

.button{display:inline-block; position: relative; z-index:150; border-radius:8px; padding:8px 16px; font-size:1.8rem; font-weight:bold; color:white; margin-top:24px;}
.button.bg-blue:hover{background:#53a2e4; color:white;}
.button.bg-green:hover{background:#a5d693; color:white;}
.button.bg-white{color:#446FB4;}
.button.bg-white:hover{background:#707070; color:white;}

.bg-blue{background:#446fb4;}
.bg-lightblue{background:#B6D7F3 !important;}
.bg-lighterblue{background:#EEF6FD;}
.bg-green {background:#75c15a;}
.bg-lightgreen{background:#D8EED1;}
.bg-white{background:white;}
.bg-green article *{color:white;}

/*form*/
.form-grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:24px;}
.form-grid .block-1{grid-column-end:span 1;}
.form-grid .block-2{grid-column-end:span 2;}
.form-grid .block-3{grid-column-end:span 3;}
.form-grid .block-4{grid-column-end:span 4;}
.form-grid .push-3{grid-column-start:4;}
.form-grid textarea{min-height:200px;}
.form-grid textarea,
.form-grid input{border:unset; background:unset; font-size:1.6rem; color:#222221; border-bottom:1px solid #446FB4; padding-bottom:8px; font-family:'Tahoma', sans-serif;}
.form-grid textarea::placeholder,
.form-grid input::placeholder{color:#222221; opacity:0.6;}
.form-grid input[type="submit"]{border-radius:8px; border:1px solid #446FB4; background:#446FB4 !important; color:white; line-height:24px; cursor:pointer; padding:8px 24px;}
form.form-grid input[type="text"].red,
form.form-grid input[type="number"].red,
form.form-grid input[type="date"].red,
form.form-grid input[type="time"].red,
form.form-grid select.red,
form.form-grid textarea.red,
form.form-grid input[type="datetime-local"].red{border-bottom:1px solid #e91a60;}
form.form-grid textarea:focus,
form.form-grid input[type="text"]:focus,
form.form-grid input[type="number"]:focus,
form.form-grid input[type="date"]:focus,
form.form-grid input[type="time"]:focus,
form.form-grid input[type="datetime-local"]:focus{border-bottom:1px solid #352d25;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; height:32px; padding:8px 0px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs ol li a{color:#446FB4;}
.breadcrumbs li,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#4E0B70;}
.breadcrumbs li:hover a span{color:#53A2E4;}

.extrapadding{padding-top:76px}



/*header*/
header{height:118px; position: relative; position:absolute; top:0; z-index:1000; overflow:visible;}
header .shape{aspect-ratio:560/118; height:100%; position:absolute; left:0; top:0; background:white; z-index:0; clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);}
header .shape.back{left:calc(24px); top:0; background:#75C15A; z-index:-1;}
header .grid{display:grid; grid-template-columns:auto auto}
header .logo{aspect-ratio:92/35; height:70px; margin: 24px 0;}
header .logo img{height:100%; width:100%; object-fit:contain;}
header nav{overflow:visible;}
header nav ul{display:flex; justify-content:flex-end; overflow:visible;}
header nav ul li{margin-right:24px; line-height:118px; font-size:2.0rem; font-weight:600; }
header nav ul li a{color:white;}
header nav ul li.cta {line-height:unset; margin: auto 24px auto 0; display:inline-block;}
header nav ul li.cta .button{margin-top:unset !important;}
header nav ul li.language a{text-transform:uppercase;}
header nav ul li:last-of-type{margin-right:unset;}
header nav ul li:hover .submenu li a{color:white !important;}
header nav ul li .submenu.showsub li:hover a{color:#73b3ea !important;}
header nav ul li .submenu{display:none; pointer-events:inherit;}
header nav ul li .submenu li{width: 100%; height:32px; display:block; padding:4px 0 8px 0px; float:none; margin-right:unset; line-height:unset; }
header nav ul li .submenu li a{display:block; position: relative; z-index:1000; font-size:1.6rem; text-align:left; height:inherit; text-decoration:none; line-height:32px;}
header nav ul li .submenu.showsub{width:auto; height:auto; position:absolute; top:64px; z-index:1000; left:inherit; background-color:unset; display:block; padding:11px 20px 11px 10px;}
header nav ul .subs:after{content:''; display:inline-block;  width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white;}
header nav ul .subs:hover::after{border-top:6px solid #73b3ea;}
header .menu{display:none;}

/*Sections*/
section.slider{overflow:visible; padding-bottom:unset;}
section.slider .background{height:100%; width:100%; position:absolute; top:0; left:0;}
section.slider .background img{width: 100%; height: 100%; object-fit:cover;}
section.slider .background .overlay{position:absolute; width: 100%; height: 100%; top:0; left:0; background:#446FB4; opacity:0.7;}
section.slider .grid{display:grid; grid-template-columns:1fr 1fr;}
section.slider .grid .payoff{margin-top:calc(118px + 24px + 96px - 70px); color:white; margin-bottom:114px;}
section.slider .grid .payoff h1{margin-bottom:70px;}
section.slider.clean{padding-top:unset;}
section.slider.clean .background{position: relative; top:unset; left:unset; height:250px; width:100%; background:#446FB4;}

section.slider .grid .image{aspect-ratio:1/1; width:350px; margin:auto;}
section.slider .grid .image img{width: 100%; height: 100%; object-fit:contain;}

/*banner*/
.banner-wrap{background:#B6D7F3;}
.banner{display:grid; grid-template-columns:3fr 1fr; gap:24px; padding:24px; margin-top:-57px; z-index:120; background: rgb(118,194,89); background: linear-gradient(90deg, rgba(118,194,89,1) 0%, rgba(132,212,68,1) 100%); clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%); width:80%;}
.banner .title{font-weight:600; font-size:2.6rem; color:white; margin-bottom:12px;}
.banner p {font-size:1.8rem; font-weight:600;}
.banner .buttons{width:fit-content; margin: auto 0 auto auto; width: 200px; padding-right:32px;}
.banner .buttons .button{margin-top:unset; width: 100%;}


section.intro article .button{margin-top:24px;}

section.usp .grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.usp .grid article{grid-column-end:span 2;}
section.usp .grid h2{grid-column-end:span 2; margin-bottom:unset;}
section.usp .grid article h2{color:#446FB4;}
section.usp .grid .block{padding:24px; border-radius:8px; background:white; border:1px solid #446FB4;}
section.usp .grid .block .title{color:#446FB4; display:grid; grid-template-columns:1fr 24px; gap:12px;}
section.usp .grid .block .title span i{font-size:2.4rem;}

section.products .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px;}
section.products .grid article.center{grid-column-end:span 3; text-align:center;}
section.products .card{border-radius:8px; padding:24px; background:white; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.45); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.45);}
section.products .card .image{aspect-ratio:1/1; width: 237px; margin:auto; }
section.products .card .image img{width: 100%; height: 100%; object-fit:contain;}
section.products .card article{text-align:center; font-size:2.0rem;}
section.products .card article .p-name{font-size:2.2rem; color:#446FB4; font-weight:600; margin-bottom:8px;}
section.products .card article .divider{border-bottom:1px solid #446FB4; padding-bottom:15px; margin-bottom:15px;}
section.products .card article .p-yield{color:#53A2E4; font-size:3.0rem; font-weight:600;}
section.products .card article .p-dimension,
section.products .card article .p-power{color:#3d3d3b;}
section.products .card article .p-power span{margin-right:12px;}

section.about article h2{color:#446FB4;}

section.jobs .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; column-gap:64px;}
section.jobs .grid h2{grid-column-end:span 2;}
section.jobs .job-offer h3{color: #446FB4;}
section.jobs .job-offer .location{font-style: italic; font-size:1.6rem; color:#73b3ea; margin-bottom:24px;}
section.jobs .job-offer article{height:40rem;}
section.jobs .job-offer .button{display: inline-block; margin-top:24px; background-color:white; color: #446FB4; font-size:2.0rem; font-weight:700; cursor: pointer; padding: 16px 24px; width: 100%; border-radius:8px; text-align: left; margin-bottom:24px; border: none; outline: none; transition: 0.4s; box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1); position: relative;}
section.jobs .job-offer .button:hover {background-color: #446FB4; color:white;}

section.content{padding-bottom:unset;}
section.content.work .item{background:#446FB4;}
section.content.work .item-grid article h2{color:white;}
section.content.work .item-grid article p{color:white;}
section.content .item-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; column-gap:80px; padding:32px 0; position: relative;}
section.content .item{background:white;}
section.content.bg-lighterblue .item{background:#EEF6FD;}
section.content .item:nth-of-type(even){background:#EEF6FD;}
section.content .item:nth-of-type(even) .item-grid article{grid-area:1/2/1/2;}
section.content .item.wide:nth-of-type(even) .item-grid article{grid-area:unset; grid-column:span 2;}
section.content .item.wide .item-grid article{grid-column-end:span 2;}
section.content .item.wide .item-grid .image{display:none;}
section.content .item-grid .image{aspect-ratio:59/36; width: 100%;  margin-top:0; margin-bottom:auto;}
section.content .item-grid .image img{width: 100%; height: 100%; object-fit:cover;}
section.content .item article table tr td{border:1px solid #EEF6FD;}
.watermark{width:150px; height:150px; position:absolute; bottom:24px; right:24px; opacity:0.2; z-index:0 ;}
.watermark img{width:100%; height:100%; object-fit:contain;}

section.sector .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; column-gap:80px;}
section.sector h2{color:white; grid-column-end:span 2;}
section.sector .tab .button{margin: 60px 0 auto auto; float:right;}
section.sector .tabs .button{display:block; color:#446FB4; font-size:1.8rem; font-weight:600; text-align:center;}
section.sector .tabs .button:first-of-type{margin-top:unset;}
section.sector .tabs .button.on,
section.sector .tabs .button:hover{cursor:pointer; background:#53A2E4; color:white;}
section.sector .tab{color:white;}
.sector.bg-lightblue h2{color:#446FB4;}
.sector.bg-lightblue article span{color:#446FB4;}
.sector.bg-lightblue article h3{color:#446FB4;}
.sector.bg-lightblue article p{color:#222221;}
.sector article span{display:block; margin-bottom:8px;}

.banner form label,
section.download form label{display:block; margin-top:24px; font-weight:600; font-size:2.0rem;}
.banner form input[type="text"],
section.download form input[type="text"]{border:unset; background:unset; min-width:80%; font-size:1.6rem; color:#222221; border-bottom:1px solid #446FB4; padding-bottom:8px; font-family:'Tahoma', sans-serif;}
.banner form input[type="submit"],
section.download form input[type="submit"]{border-radius:8px; border:1px solid #446FB4; line-height:24px; cursor:pointer; padding:8px 24px; margin-left:12px;}

section.product-info .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.product-info .grid .tabs .toggl{display:block;}
section.product-info .grid .tabs .toggl.on{background:white; color:#352d25; border: 1px solid #352d25;}
section.product-info .grid .tabs .button{padding:24px; font-weight:600; font-size:2.2rem; color:white;}
section.product-info .grid .tabs .button i{margin-right:12px;}

section.specs article{margin-bottom:64px;}
section.specs .tabs{display:flex; justify-content:flex-start; width:100%; height:40px; position:absolute; margin-top:-39px; z-index:900;}
section.specs .tabs .toggl{width:auto; height:40px; display:inline-block; line-height:40px; cursor:pointer; font-size:1.8rem; font-weight:600; border-top-left-radius:8px; border-top-right-radius:8px; background:white; color:#446FB4; padding:0 48px;}
section.specs .tabs .toggl.on{background:#446FB4; color:white;}
section.specs .tabs .toggl:first-of-type{margin-left:0;}


section.specs .tab{padding:24px; background:#446FB4; border-radius:8px; border-top-left-radius:unset; padding-bottom:90px;}
section.specs .tab .spec-grid{display:grid; grid-template-columns:auto 300px;}
section.specs .tab .spec-grid .image{width: 100%; aspect-ratio:1/1;}
section.specs .tab .spec-grid .image img{width: 100%; height: 100%; object-fit:cover;}
section.specs .tab .spec-grid table{width:100%; border-collapse:collapse;}
section.specs .tab .spec-grid table th, td{border-bottom:2px solid white; padding: 8px; text-align:left;}
section.specs .tab .spec-grid table tr td:first-of-type{width:200px;}
section.specs .tab .spec-grid table tr td:last-of-type{font-weight:600;}
section.specs .tab .spec-grid table td{color:white;}

section.why .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.why.prod .grid{display:grid; grid-template-columns:1fr; gap:24px;}
section.why .grid .image{aspect-ratio:59/36; width:100%;  margin-top:0; margin-bottom:auto;}
section.why .grid .image img{width: 100%; height: 100%; object-fit:contain;}

section.news .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.news .grid .image{aspect-ratio:59/36; width: 100%; margin-top:0; margin-bottom:auto;}
section.news .grid .image img{width: 100%; height: 100%; object-fit: contain;}

section.offer article{margin-bottom:24px;}

section.news-overview .grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px;}
section.news-overview .grid .intro{grid-column-end:span 3;}
section.news-overview .grid .card{padding:24px; background:white; border:1px solid #446FB4; border-radius:8px;}
section.news-overview .grid .card .image{aspect-ratio:322/197; width: 100%; margin-bottom:24px;}
section.news-overview .grid .card .image img{width: 100%; height: 100%; object-fit:contain;}
section.news-overview .grid .card article{min-height:400px;}
section.news-overview .grid .card article h3{font-size:2.2rem; color:#446FB4; font-weight:600; min-height:15rem;}
section.news-overview .grid .card article .date{color:#446FB4; margin-bottom:24px; font-size:2.2rem;}
section.news-overview .grid .card article{margin-bottom:24px;}
section.news-overview .grid .card .button{width: 100%; text-align:center;}

section.contact .grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.contact .grid address{font-style:normal; margin-bottom:24px;}
section.contact .grid address a{display:block;}
section.contact .grid .maps{width: 100%; aspect-ratio:4/3;}
section.contact .grid .maps iframe{width: 100%; height:100%;}

.cat{margin-bottom:24px; padding:24px; border-radius:8px; border:1px solid #446FB4}
.cat:hover{cursor:pointer;}
.cat .summary{color:#446fb4;}
.cat .summary .title{display:grid; grid-template-columns:auto 24px;}
.cat .summary .title i{font-size:2.4rem;;}
.cat.on .long-desc{display:block;}
.cat.on .summary,
.cat:hover .summary{color:#446fb4;}
.long-desc .type{margin-bottom:24px;}
.long-desc .type span{display:block; font-weight:600;}
.long-desc .title{font-weight:600;}

section.manual .grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
section.manual .grid .image{aspect-ratio:1/1; width:100%;  margin-top:0; margin-bottom:auto;}
section.manual .grid .image img{width: 100%; height: 100%; object-fit: contain;}

/*Footer*/
footer{background:#446FB4; color:white; padding-top:24px; position: relative;}
footer .shape{aspect-ratio:687/118; height:118px; position:absolute; left:0; top:-1px; background:white; z-index:0; clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%); margin:0; padding:0;}
footer h4{margin-bottom:unset;}
footer .grid{display:grid; grid-template-columns:2fr 1fr 1fr; column-gap:24px;}
footer .logo{aspect-ratio:92/35; height:70px;}
footer .grid .logo img{height:100%; width:100%; object-fit:contain;}
footer .grid address{font-style:normal; font-size:1.4rem; margin-bottom:12px;}
footer .grid address a{ color:white;}
footer .grid address a:hover{color:#73b3ea;}
footer .grid .social-links{height:fit-content; margin: auto 0 auto auto;}
footer .grid .social-links ul{display:flex; justify-content:flex-end;}
footer .grid .social-links ul li i{font-size:2.4rem; color:white; margin-right:24px;}
footer .grid .social-links ul li:last-of-type i{margin-right:unset;}
footer .grid .copyright{grid-column-end:span 3; display:grid; grid-template-columns: 1fr 1fr; font-size:1.2rem;}
footer .grid .copyright div:last-of-type{ text-align:right;}
footer .grid .copyright a{ color:white;}
footer .grid .copyright a:hover{ color:#73b3ea;}
footer .grid .copyright div:not(:last-of-type) a{margin-left:8px;}


/*tablet: 1120*/
@media only screen and (max-width:1220px) 
{
  section.slider .grid{grid-template-columns:1fr 550px;}
  section.slider .grid .image{height:550px;}

  .banner .title{font-size:2.4rem;}

  header .shape {aspect-ratio:290/118;}
  footer .grid address{grid-column-start:3;}
}

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

  h1{font-size:3.0rem; margin-bottom:24px;}
  h2{font-size:2.4rem; margin-bottom:24px; color:#446FB4;}
  h3{font-size:2.4rem; margin-bottom:16px;}
  h4{font-size:1.8rem; margin-bottom:16px;}
  body{font-size:1.6rem;}

  .button{font-size:1.6rem;}

  .breadcrumbs{height:unset;}

  header{height:100px;}
  header .grid{grid-template-columns:260px 1fr;}
  header .shape{aspect-ratio:357/118;}
  header .logo{margin:auto 0;}
  
  header{overflow:visible;}
  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:white; line-height:100px;}    
  header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:12px; background:#446FB4; 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; margin:8px 0;}
  header .grid nav ul li:last-of-type{display:block; width:100%;}
  header .grid nav ul li:last-of-type a{margin-right:0; margin-left:auto; text-align:center; padding:unset; line-height:48px;}
  header .grid nav ul li a{color:white; 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:#75C15A;}
  header nav ul li.cta .button{padding:0 24px; width:fit-content;}
  header nav ul .subs:after{content:none; border: unset !important;}
  header .grid nav ul li .submenu,
  header .grid nav ul li .submenu.showsub{display:block; position:relative; top:unset; border-left:unset; left:unset; background-color:unset; padding:unset;}
  header .grid nav ul li .submenu li a{color:white; text-align:right;}
  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 .grid{display:grid; grid-template-columns:1fr; gap:24px;}
  section.slider .grid .payoff{margin-top:calc(96px -48px); color:white; margin-bottom:auto;}
  section.slider .grid .payoff h1{margin-bottom:48px;}
  section.slider .grid .image{height:440px; width:100%;}
  section.slider .grid article p{margin-bottom:32px !important;}
  .banner{grid-column-end:unset; width: 100%; grid-template-columns:2fr 1fr; margin-top:-22px;}
  .banner .title{font-size:2.0rem;}
  .banner p{font-size:1.6rem;}


  section.products .card .image {width:140px;}
  section.products .card article{font-size:1.8rem;}
  section.products .card article .p-yield{font-size:2.0rem;}

  section.content .item-grid{grid-template-columns:1fr;}
  section.content .item:nth-of-type(even) .item-grid article{grid-area:unset;}
  section.content .item.wide .item-grid article{grid-column-end:unset;}
section.content .item.wide .item-grid article {overflow-x:auto;}

  section.sector .tab .button{margin-top:24px;}

  section.specs .tab .spec-grid{display:grid; grid-template-columns:1fr;}
  section.specs .tab .spec-grid table,.spec-grid thead,.spec-grid tbody,.spec-grid th,.spec-grid td,.spec-grid tr{display:block;}
  section.specs .tab .spec-grid table th{display:none;}
  section.specs .tab .spec-grid table tr{margin-bottom:15px; display:flex; flex-wrap: wrap;}
  section.specs .tab .spec-grid .image{margin:auto; width:250px; grid-row-start:1;}

  section.why .grid{grid-template-columns:1fr;}

  section.news .grid{grid-template-columns:1fr;}
  section.news-overview .grid .card{padding:unset; border:unset;}
  section.news-overview .grid .card article p{display:none;}
  section.news-overview .grid .card article h3{ min-height:6rem;}
  section.news-overview .grid .card article{min-height:150px;}

  section.news-overview .grid{grid-template-columns:1fr;}
  section.news-overview .grid .intro{grid-column-end:unset;}

  section.contact .grid{grid-template-columns:1fr;}

  section.manual .grid{grid-template-columns:1fr;}

  footer .shape{aspect-ratio:357/118;}
  footer .grid address{grid-column-start:unset;}

}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
  h1{font-size:2.4rem; margin-bottom:24px;}
  h2{font-size:2.0rem; margin-bottom:24px; color:#446FB4;}
  h3{font-size:1.8rem; margin-bottom:16px;}
  h4{font-size:1.6rem; margin-bottom:16px;}
  body{font-size:1.6rem;}
  section{padding:12px 0;}
  .container{padding: 0 12px;}

  .button{width: 100%;}

  header{height:80px;}
  header .grid{grid-template-columns:137px 1fr; gap:12px;}
  header .grid .logo{height:50px;}
  header .grid nav.open{top:80px;}
  header .grid .menu a i{font-size:3.0rem;  line-height:80px;}    

  section.slider .grid{display:grid; grid-template-columns:1fr; gap:24px;}
  section.slider .grid .image{height:270px; width:100%;}
  .banner{display:block; padding:12px;}
  .banner .title{font-size:1.6rem;}
  .banner p{font-size:1.4rem;}
  .banner .buttons{width: 100%; padding-right:24px; margin-top:24px;}

  section.products .grid{grid-template-columns:1fr; gap:12px;}
  section.products .grid article.center{grid-column-end:unset;}

  section.usp .grid{grid-template-columns:1fr; gap:12px;}
  section.usp .grid h2{grid-column-end:unset;}
  section.usp .grid .block .title span i{font-size:2.0rem;}

  section.jobs .job-offer article{height:fit-content;}

  section.specs .tabs{position: relative; height:unset; margin-top:unset; width:100%; display: block;}
  section.specs .tabs .toggl{height:32px;  padding:0px 16px; line-height:32px; margin:0px; display:block; background:#EEF6FD;}

  .accordion{padding:8px 12px; font-size:1.6rem;}
  .accordion:hover {background-color:white; color:#446FB4;}
  .accordion.active{background:#446FB4; color:white;}
  .accordion.active:after{border-bottom:5px solid #446FB4; border-top:none;}
  .accordion:hover:after{border-bottom: 5px solid white; border-top:unset;}
  .accordion:after{right:12px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #446FB4;}

section.media .grid{grid-template-columns:1fr; gap:12px;}
section.media .grid h2{grid-column-end:unset;}
section.media .grid .image:nth-of-type(4){grid-column-end:unset; grid-row-end:unset; height:unset;}
section.media .grid .image:not(:nth-of-type(1)){display:none;}

section.jobs .grid{display:grid; grid-template-columns:1fr;}
section.jobs .grid h2{grid-column-end:unset;}

section.sector .grid{grid-template-columns:1fr;}
section.sector .grid h2{grid-column-end:unset;}

section.download form label{margin-bottom:12px;}
section.download form input[type="text"]{width:100%;}
section.download form input[type="submit"]{width: 100%; margin-left:unset;}

section.product-info .grid{grid-template-columns:1fr;}
section.product-info .grid .tabs{grid-row-start: 1;}
section.product-info .grid .tabs .button{font-size:1.6rem; padding:12px;}


.form-grid .block-1{grid-column-end:span 4;}
.form-grid .block-2{grid-column-end:span 4;}
.form-grid .block-3{grid-column-end:span 4;}
.form-grid .block-4{grid-column-end:span 4;}
.form-grid .push-3{grid-column-start:unset;}

footer{padding-top:unset;}
  footer .grid{grid-template-columns:1fr; gap:24px;}
  footer .shape{height:80px;}
  footer .logo{height:50px; margin:15px 0;}
  footer .grid .copyright{grid-column-end:unset; display: block; text-align:center;}
  footer .grid .social-links{margin:auto;}
  footer .grid .social-links ul{justify-content:center;}
  footer .grid address{text-align:center; margin-top:24px;}
  footer .grid .copyright div:last-of-type{text-align:center;}


}

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