html {
	scroll-behavior: smooth;
	
-moz-appearance: none!important;
appearance: none!important;
-webkit-appearance: none!important;

}
input {

-moz-appearance: none!important;
appearance: none!important;
-webkit-appearance: none!important;
}
.textaslogo{
    font-family: 'enp';
    font-size: 3vh;
    display: inline-block;
    margin-top: 4vh;
    
}
video{
    pointer-events:none;
}
body{
    font-size:2vh;
    
}.section1{
 height:103vh;   
 /*
 
 background-image: url(bg3.jpg);
    background-size: cover;
    
    */
}
a:hover, #contact-submit:hover{
    cursor:pointer;
    filter: brightness(0.8);
}
a{
    text-decoration:none;
    color:inherit;
}
.logo{
    display: inline-block;
    margin-top: 4vh;
    margin-left: 5vh;
    width: 21vh;
}
#startlink{
    
    font-size: 2vh;
    margin-left: 3%;
    font-family: 'avenir';
    float: right;
    margin-top: 5vh;
}
#startlink2{
    background: hsla(209, 70%, 15%, 0.9);
    font-size: 2vh;
    font-family: avenirb;
    text-transform: uppercase;
    padding: 2%;
    display: inline-block;
    border-radius: 0.5vh;
    color: white;
    width: 30%;
    /* padding-left: 3%; */
    /* padding-top: 6%; */
    text-align: center;
    margin-left: 35%;
    margin-top: 10vh;
    margin-bottom: 10vh;
}
body{
    margin:0;
}
@font-face {
  font-family: avenir;
  src: url(avenirr.otf);
}
@font-face {
  font-family: enp;
  src: url(enp.otf);
}
@font-face {
  font-family: avenirb;
  src: url(avenirb.otf);
}
@font-face {
  font-family: avenirbo;
  src: url(avenirbo.otf);
}
html{
    font-family:avenir;
    color:hsla(209, 70%, 15%, 0.9);
}
#background-video {
  width: 100vw;
  height: 105vh;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
 filter: saturate(0.8);
  object-position: right;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#half-video{
    height: 100%;
    object-fit: cover;
}
.s22text{
    width: 80%;
    margin: 10%;
    margin-top: 1%;
}
header{
    padding:2%;
    color:white;
    padding-top:0;
}
.slogan{
   color: white;
    font-family: 'avenirb';
    text-align: center;
    width: 100%;
    padding-top: 40vh;
    font-size: 6vh;
    line-height: 0.85;
    text-transform: uppercase;
}
.slogan3{


    font-family: avenirb;
    padding-top: 5vh;
 line-height: 0.85;
}
.slogandesc{
        color: white;
        margin-left:15vh;
        font-size:2vh;
margin-bottom:4vh;
}
.slogandesc2{
            color: white;

    margin-left:0;
}
.section2slogan{
        float: left;
    
    font-family: avenirb;
    padding-top: 14vh;
    font-size: 3.5vh;
    text-transform: uppercase;
    margin-left: 10%;
    width: 40%;
    white-space: break-spaces;
}
.section2slogan2{
    font-family: 'avenir';
    padding-top: 8vh;
    font-size: 2vh;
    /* text-transform: uppercase; */
    margin-left: 5%;
    width: 40%;
    float: left;
    white-space: break-spaces;
}
.section2{
            height: auto;
    background: white;
    white-space: nowrap;
    padding-bottom: 10vh;
    overflow: hidden;
    color: hsla(209, 70%, 15%, 0.9);
}
.section3{
        height: auto;
    background-color:hsla(209, 0%, 11%, 1);
}
.s2three{
    display: inline-block;
    color: white;
    width: 20%;
    margin-left: 10%;
    margin-top: 4vh;
    margin-bottom: 4vh;
    text-transform: uppercase;
    font-family: 'avenirb';
    font-size: 3vh;
        animation:30s slide infinite linear;
        

}
.s2slide{
    display:inline-block;
    white-space:nowrap;
    background: hsla(209, 32%, 19%, 1);
}
@keyframes slide {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}
.s2three2{
    float: left;
    color: white;
    width: 23%;
    margin-left: 3%;
    margin-top: 4vh;
    text-transform: uppercase;
    font-family: 'avenirb';
    font-size: 2.4vh;
    height: 30vh;
    background: hsla(209, 32%, 19%, 1);
    white-space: initial;
    padding: 3%;
    margin-bottom: 4vh;
}
.s2threedesc{
    white-space:break-spaces;
    text-transform: initial;
    font-family: 'avenir';
    font-size: 1.5vh;
}

form{
         display:inline-block;
   
    color: white;
   width:100%;
    margin-top: 2vh;
}

form input, form textarea{
       width: 95%;
    border: none;
    padding: 1.5vh;
    background: hsla(210, 20%, 16%, 1);
    border-radius: 0.5vh;
    color: white;
    outline: none;
    resize: none;
    font-family: avenir;
    margin-bottom: 2%;
    -webkit-appearance:none!important;
}

footer{
    padding: 10%;
    background: hsla(210, 20%, 10%, 1);
    color: white;
    
}
.footerlogo{
        display: inline-block;
    
    color: white;
    font-size: 8vh;
    font-family: 'avenirb';
    letter-spacing: -0.3vh;
}
.s2321{
    padding: 1vh;
    width: 40%;
    background: hsla(45, 00%, 32%, 1);
    font-family: 'avenirb';
    margin-left: 20%;
}
.s2322{
    padding: 1vh;
    width: 40%;
    background: hsla(45, 00%, 50%, 1);
    font-family: 'avenirb';
    margin-left: 20%;
}
.s2323{
    padding: 1vh;
    width: 40%;
    background: hsla(200, 40%, 70%, 1);
    font-family: 'avenirb';
    margin-left: 20%;
}
.s31{
        width: 40%;
    font-size: 2vh;
    display: inline-block;
}
.staff{
       font-size: 2vh;
    
    
}
.section4{
        background: hsla(209, 0%, 7%, 1);
}

.staffname{
        font-family: 'avenirb';
}
.footerspalt, .footerspalt2{
    width:19%;
    display:inline-block;
    vertical-align:top;
}



.section21{
    background: hsla(210, 30%, 90%, 1);
    color: hsla(209, 70%, 15%, 0.9);

}
.s21title{
    font-family: avenirb;
    padding-top: 7vh;
    font-size: 3.5vh;
    text-transform: uppercase;
    margin-left: 10%;
    width: 80%;
}
.s21box1, .s21box2, .s21box3, .s21box4{
    display: inline-block;
    margin-left: 9%;
    width: 33%;
    margin-top: 4%;
    padding: 2%;
    
    border-left: 1px solid;
    font-size: 2vh;
}
.s21boxtitle{
    font-size: 2.5vh;
    margin-bottom: 1%;
    margin-top: 5vh;
    font-family: avenirb;
}
.section22{
    height: 100vh;
    padding: 10%;
    background: hsla(210, 20%, 7%, 1);
    color: white;
}
.s22 #startlink2{
    width: 70%;
    margin-left: 10%;
    margin-top: 0;
    padding: 5%;
    background: hsla(200, 40%, 70%, 1);
    color: black;
}
.s22texth1{
        font-family: avenirb;
}
.s22{
    width: 50%;
    display: inline-block;
}
.s23{width: 45%;
    float: right;
    height: 85%;
    /*
    background-image: url(eu.jpg);
    background-size: cover;
    background-position-x: center; */
}
.s22box{
    width: 40%;
    margin-left: 10%;
    margin-top: 2%;
}
.section23{
    margin:auto;
    width:80%;
    filter:saturate(0.5);
}
.s23box{
    display: inline-block;
    margin-left: 3%;
    width: 29%;
    margin-top: 4%;
    margin-bottom: 7vh;
text-align:center;
    font-size: 2vh;
}
.s23box img{
    width:50%;
    opacity: 0.85;
}

#cookiescript_readmore{
    display:none!important;
}

@media screen and (max-width:600px) {
  #background-video {
    object-position: right;
    display:none;
  }
  header{
      padding-top:1%;
  }
  .textaslogo{
      margin-top:0;
  }
  .section1{
   background-image: url(bgmobile.png);
    background-size: cover;
    background-position: bottom;  
  }
  
  .slogan{
     font-size: 3.5vh;
    /* margin-left: 4vh; */
    padding-top: 32vh;
    width: 100%;
    line-height:normal;
  }
  .slogandesc{
      margin: 5vh;
    margin-top: 0;
  }
  .logo{
      margin-top:10vh;
  }
  #startlink{
      width: 70%;
    text-align: left;
    margin:1%;
    float:left;
  }
  .section2slogan{
          padding-top: 5vh;
    font-size: 2vh;
    width: 90%;
    margin-left:5%;
    white-space: break-spaces;
}
.section2slogan2{
        padding-top: 2vh;
    width: 90%;
    margin-left: 5%;
    font-size:1.5vh;
}
.s23{
    display:none;
}
.s22{
    width: 90%;
    margin-left: 5%;
}
.s21title{
    margin:0;
    width:100%;
        padding-top:4vh;
        text-align: center;
    font-size: 3vh;

}
.s21boxtitle{
    margin-top: 2vh;
}
.s22text{
    margin:0;
    width:100%;
    font-size:1.5vh;
    padding-top:1vh;
}
.s22 #startlink2{
    margin-top:4vh;
}
.section22{
    padding:0;
    height:80vh;
}
.s21box1, .s21box2, .s21box3, .s21box4{
    width:80%;
    font-size: 1.5vh;
    
}
#startlink2{
        width: 80%;
    margin-left: 5%;
    padding: 5%;
}
.s22box{
    width: 80%;
    font-size: 1.5vh;
}
.s23box{
    width: 90%;
    margin-left: 5%;
    margin-bottom: 2vh;
}
.section2{
        padding-bottom: 5vh;
}
.s2321, .s2322, .s2323{
    width: 80%;
    margin-left: 8%;
    padding: 2%;
}
  .section3{
      background-position-x: center;
  }
  .s31{
          width: 98%;
    padding: 0%;
  }
  .slogan3{
      padding-top: 3vh;
    font-size: 4vh;
  }
  .footerspalt{
      width: 48%;
    margin-bottom: 0vh;
margin-top:2vh;
  }
  .footerspalt2{
      width: 60%;
    margin-bottom: 0vh;
margin-top:2vh;
margin-left:5vh;
  }
  .footerlogo{
      font-size:6vh;
          margin-top: 5vh;
  }
  
  .section1{
      height:75vh;
  }
  
  
  
  
}