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

/*reset*/
html{scroll-behavior:smooth;}
*{margin:0; padding:0; outline:none;}
img,fieldset{border:0px; display:block;}
ul, ol{list-style:none;}
form *{box-sizing:border-box;}

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


img{width: 100%; height:100%; object-fit:contain;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-size:1.6rem; line-height:1.628571; 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;}
h1{font-size:3.5rem; margin-bottom:32px; font-weight:900;}
h2{font-size:3.0rem; margin-bottom:32px;}
h3{font-size:2.0rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{text-decoration:none;}
small{font-size:1.2rem;}
.centered{text-align:center;}

/*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*/


.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:24px; column-gap:32px;}

.stripe{margin:48px 0; padding:48px 0;}
.no-padding{padding:unset;}
.stripe.wide .container{width:calc(1260px + 120px); max-width:unset;}
.stripe.full .container{width:100%; max-width:unset;}
.small-margin{margin:48px 0;}
.smaller-margin{margin:24px 0;}
.small-margin-bottom{margin:96px 0 48px 0;}
.small-margin-top{margin:48px 0 96px 0;}
.smaller-margin-top{margin:24px 0 96px 0;}
.smaller-margin-bottom{margin:96px 0 24px 0;}
.no-margin-bottom{margin-bottom:0;}
.no-margin-top{margin-top:0;}

.content-padding{padding:24px;}
.extra-padding{padding:24px;}
/*general image css*/
.image{width: 100%; aspect-ratio:4/3;}
.image img{width: 100%; height: 100%; object-fit:cover;}

/*Grid controls*/
.block-1{grid-column:span 1;}
.block-2{grid-column:span 2;}
.block-3{grid-column:span 3;}
.block-4{grid-column:span 4;}
.block-5{grid-column:span 5;}
.block-6{grid-column:span 6;}
.block-7{grid-column:span 7;}
.block-8{grid-column:span 8;}
.block-9{grid-column:span 9;}
.block-10{grid-column:span 10;}
.block-11{grid-column:span 11;}
.block-12{grid-column:span 12;}

/*Breadcrumbs*/
.breadcrumbs{width:100%; height:32px; padding-top:36px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs ol li::after{content:'|'; margin: 0 8px;}
.breadcrumbs ol li:last-of-type::after{content:none; margin:unset;}

/*form*/


/*checkboxes & switches*/
/*checkbox & radio*/
.form-control {display: grid; grid-template-columns: 24px auto; gap:12px;}
input[type="radio"],
input[type="checkbox"] { -webkit-appearance: none; appearance: none; margin: 0; transform: translateY(0.25em); display: grid; place-content: center;} 
input[type="radio"] {margin: 0;}
input[type="radio"]::before,
input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color);}
input[type="radio"]::before {clip-path:unset; transform-origin:unset;}
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {transform: scale(1);}




header{overflow:visible;}
.logo img{width:100%; height:100%; object-fit:contain;}

header .grid nav ul{display:flex;}
header .grid nav ul li:last-child{margin-right:unset !important;}
header .grid nav ul li.language{height:fit-content; margin:auto 24px auto 0;}
header .grid nav ul li:last-of-type{height:fit-content; margin: auto 24px auto 0; line-height:unset;}
header .grid nav ul li.language img{width: 24px; height: 24px; object-fit:contain; margin: auto 0;}
header .grid .mobilelanguage{display:none;}
header .grid .menu{display:none;}



section.slider .background img {object-fit: cover;}
section.slider .container article .button {margin-top: 24px;}



section .button{margin:24px 0;}
section .image{width: 100%; margin-top:0; margin-bottom:auto; overflow:hidden;}
section .image img{width: 100%; height: 100%; object-fit:cover;}


/*article content*/
article ol{list-style:decimal; margin:0px 0px 30px 20px;}
article ul{list-style:disc outside; margin:0px 0px 30px 20px;}
article.wide{grid-column:span 2;}

article table{width: 100%; margin-top:24px;}
article img{width: 100%; height:auto; object-fit:contain;}

/*video*/
.video{aspect-ratio:16/9; width: 100%; overflow:hidden;}
.video iframe,
.video video{width: 100%; height:100%; object-fit:cover;}

/*Footer*/
footer address{font-style: normal;}
footer a{display:block;}

footer .copyright{display:flex; justify-content:center;}


/*tablet: 1220*/
@media only screen and (max-width:1220px) 
{
  .stripe.full .container,
  .stripe.wide .container{width:unset; max-width:1260px;}

  h1{font-size:2.8rem;}
h2{font-size:2.2rem;}
h3{font-size:2.0rem;}
h4{font-size:1.8rem;}

}
/*tablet: 768-1023*/
@media only screen and (max-width:1023px) 
{
  .stripe{margin:64px 0;}
  .grid{column-gap:unset; gap:12px;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .form-grid{display:grid; grid-template-columns:1fr; gap:32px;}
    .form-grid .wide{grid-column:unset;}

    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 nav ul{ display:block; position:relative; float:left; }
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li a i{display:none;}
    header .grid nav ul li{ line-height:unset; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}

    header .grid nav ul li:last-of-type{display:block; width:100%;}

    header .grid nav ul li a{ margin:unset; border-right:unset;}

    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; 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;}

 
    .stripe{margin:48px 0;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    .form-grid{display:grid; grid-template-columns:1fr; gap:32px;}
    .form-grid .wide{grid-column:unset;}
    
    section .image.right{padding-left:unset;}
    section .image.left{padding-right:unset;}


section .block-1{grid-column:span 12;}
section .block-2{grid-column:span 12;}
section .block-3{grid-column:span 12;}
section .block-4{grid-column:span 12;}
section .block-5{grid-column:span 12;}
section .block-6{grid-column:span 12;}
section .block-7{grid-column:span 12;}
section .block-8{grid-column:span 12;}
section .block-9{grid-column:span 12;}
section .block-10{grid-column:span 12;}
section .block-11{grid-column:span 12;}
section .block-12{grid-column:span 12;}

footer .block-1,
footer .block-2,
footer .block-3,
footer .block-4{grid-column:span 12;}

h1{font-size:2.4rem; margin-bottom:12px;}
h2{font-size:2.2rem; margin-bottom:12px;}
h3{font-size:2.0rem; margin-bottom:12px;}
h4{font-size:1.8rem; margin-bottom:12px;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
  .stripe{margin:32px 0; padding:24px 0;}
  body{font-size:1.4rem;} 
    
}