html{font-size:16px}

body{
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height:22px;
font-size: 0.9375rem; 
line-height:1.375rem;
color:#777; 
margin:0;
padding:0;
background:#fff;
-webkit-text-size-adjust: 100%;
   font-weight:400;
   
}

#phone-mobile{
display:none
}

b{
font-weight:700}

.col-2-left{
   width:45%;
   float:left;
}


.pdf-icon{
   width:20px;
   float:left;
   margin:1px 5px 0 0
}

.link-text{
   float:left;
   display:inline-block
}

.notice{
   border:2px solid #009fe3;
   padding:2px 8px 2px 8px;
   display:inline-block;
}

.col-3{
   width:31.3%;
   float:left;
margin-right:3%
}

.last{
 margin-right:0
}



.col-2-right{
   width:45%;
   float:right;

}

.col-2-left-team{
   width:45%;
   float:left;
}


.col-2-right-team{
   width:45%;
   float:right;

}


.team{
   float:right;
   width:25%;
   margin-left:10px
}


.product{
   float:right;
   width:35%;
   margin-left:10px
}



.cont-100{
   width:100%;
float:left
}

.cont-60{
   width:50%;
   float:left
}

.cont-40{
   width:40%;
   float:right
}



.products-left{
   width:40%;
   float:left
}

.products-right{
   width:60%;
   float:left
}

.line-blue,.line-grey-thin{
   width:100%;
   height:3px;
   margin:7px 0 8px 0;
   background-color:#009fe3;
}

#m_icon,#language-box-mobile{
  
   display:none;
}


.normal{
   color:#777; 
}

#top-100{
   background-color:#009fe3;
   width:100%;
   height:30px;
   margin-bottom:20px;
   position:relative;
}


#content-all,#top,#nav-container,#info-content,#blue-content{
   width:1070px;
   margin:0 auto;
   position:relative;
   padding:0;
}


#content-all{    
background-image:url(46.jpg);
   background-position:bottom  center;
   background-repeat: no-repeat;
  
   }


#mycontent{
   width:100%;
   min-height:250px;
   padding-bottom:50px;

}


#nav{
padding:0;
text-align:center;
   height:25px;
   width:100%;



}

#logo{
   width:215px;
  

}

#whitelogo{
   position:absolute;
   bottom:0;
   left:216px;
   width:10px;
   height:100px;
   background-color:#fff;

   z-index:99
}

#line-logo{
   position:absolute;
   bottom:24px;
   right:0;
   height:7px ;
   width:100%;
   background-color:#009fe3;
   z-index:-9
}

#social-all{
   position:absolute;
   right:0;
   bottom:35px;
   text-align:right;
height:auto;
}

.icon{
   width:38px;
   display:inline-block;
   margin:0 0px 0 15px;

}

#headerbild,#header_owl{
   margin:20px 0 25px 0;
}



#header_owl{
   width:1070px;
   height:260px;

}

#content{
   width:100%;
}




#infobar{
   width:100%;
   background-color:#eaeaea;
   padding:15px 0 15px 0;
  float:left;
   z-index:99;
   height:auto;
  opacity: 1.0;
}


#info-content{
   position:relative;
   font-size: 12px;
   line-height:18px;
   font-size: 0.75rem; 
   line-height:1.125rem;
}

#partner-blue{
   width:100%;
   background-color:#009fe3;
   padding:20px 0 20px 0;
  float:left;
 
}


#blue-content{
display: flex;
  gap: 2.5rem;
  justify-content: space-between;
}

.logo-cont{
display:inline-block
}

.kingbright{
padding-top:5px;
}

.partner-logo{
height:auto;
width:auto;

}



.servicenav,.servicenav_active{

   font-size: 12px;
   line-height:18px;
   font-size: 0.75rem; 
   line-height:1.125rem;
}

.servicenav_active{
   font-weight:bold;}


#box1{
   width:32.5%;
   float:left;
}

#box2{
   width:25%;
   float:left;
}


#box3{
   width:27%;
   float:left;
}

#box4{float:right; width:auto;display:inline-block} 


a{
   text-decoration:none;
   color:#009fe3;
}



a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



br.cb { 
   clear: both; 
}



h1,.consent-titel {

     font-size: 22px;
line-height:24px;
font-size: 1.375rem; 
line-height:1.65rem;
   padding:0;
   color:#009fe3;
   text-transform:uppercase;
   margin-top:0px;
   margin-bottom:10px;
   font-weight:700
}


h2 {

     font-size: 16px;
line-height:22px;
font-size: 1.0rem; 
   line-height:1.375rem;
   padding:0;
   text-transform:uppercase;
   margin-top:0px;
   margin-bottom:5px;
   font-weight:700
}




ul{margin:0em;display:block;padding:0em;}
li {list-style-type:inherit;margin:0em;padding:0em;margin-bottom:5px;list-style-position: inside;}



ul.mylist  { margin-left: 1.3em; list-style: none; margin-top:5px;margin-bottom:5px}
ul.mylist  li { position: relative; line-height: 155%;}

ul.mylist li:before{
   position:absolute;
     left: -1.2em;
     content: url(65.svg) " "
}



#language_box{
   position:absolute;
   top:3px;
   right:0;

}



select::-ms-expand {
   display: none;
   border:0;

}


.select_language {

    height: 18px;
    background: url(40.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: right;
    background-size: 14px 16px;
    -moz-appearance: none;
    width: 42px;
    padding: 0 4px 0 6px;
   border:1px solid #fff;
   background-color:#009fe3;
    border-radius: 5px;
   color: #fff;
   line-height:12px;
     outline: 0 !important;

}


.highlight{
border-bottom:2px solid #fff
}
div.highlight-hover:hover {
   border-bottom:2px solid #fff
}

.level0,.level0_active {

   color:#fff; 
   font-style:normal; 
   text-decoration:none;
letter-spacing:0.05rem;
font-size: 13px;
line-height:14px;
font-size: 0.8125rem; 
   line-height:1.0rem;
   font-weight:normal;
   height:35px;
   text-transform:uppercase;
      font-weight:400

}

.level0:hover,.aktiv {

   color:#fff;
 

}


.level0_active {
   
   color:#fff;
   
}


.level0_active:hover {
   color:#fff 
}




.level1,.level1_active {

   color:#777; 
   letter-spacing:0.03rem;
   font-style:normal; 
   text-decoration:none;
   display:block;
   font-size: 13px;
line-height:22px;
font-size:0.8125rem; 
   line-height:1.25rem;
   font-weight:normal;
         font-weight:500

}

.level1:hover {
   text-decoration:none;
   color:#777; 

}

.level1_active {
  
    filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
   color:#009fe3;
   margin:0 20px 0 0px;

}

.level1_active:hover {
   text-decoration:none;
   color:#777; 

}






.level1,.level1_active {
font-family: 'Lato', sans-serif;
   color:#333;
   letter-spacing:0.03rem;
   font-style:normal; 
   text-decoration:none;
   display:block;
   font-size: 13px;
line-height:22px;
font-size:0.8125rem; 
   line-height:1.25rem;
   font-weight:normal;
         font-weight:500;
         display:block;

}

.level1:hover {
   text-decoration:none;
   color:#009fe3;

}

.level1_active {
  
    filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
   color:#009fe3;
   margin:0 20px 0 0px;

}

.level1_active:hover {
   text-decoration:none;
   color:#009fe3;

}



input, select,textarea{
   border:1px solid #999;
   font-size:11px;
   line-height:13px;
   font-size: 0.7rem; 
   line-height: 1.1rem;
   color:#888888; 


}


.my_button {
       -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
   font-size:10px;
   line-height:13px;
   font-size: 0.6rem; 
line-height: 0.6rem;
}

img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
}



.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}


.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}




@media screen and (max-width:1100px) {
#content-all,#top,#nav-container,#info-content,#blue-content{ width:96%;} 
#box1{ width:33%;} 
#header_owl{width:100%;height:auto;}    

#blue-content{
 gap: 2.0rem;}
  
  
}


@media screen and (max-width:950px) {
#box1{ width:28%;}
#box2{ width:28%;}

}




@media screen and (max-width:850px) {
   .team{ width:18%}
      .product{ width:25%}
      #blue-content{
 gap: 1.5rem;}
}




@media screen and (max-width:768px) {
   
   #blue-content{
  gap: 1.0rem;
}

.kingbright{
padding-top:3px;
}
   
   body{font-size: 16px;line-height:22px;font-size: 1.0rem;  line-height:1.375rem;}
   
   #content-all,#top,#nav-container,#info-content,#blue-content{ width:94%;}
   #infobar{   padding:15px 0 15px 0;}  
   #mobile-margin{width:94%;margin:0 auto;position:fixed;width: 100%;top:0;background-color:#fff;z-index:99;height:130px;}
   #social-all {position:absolute;left:250px;text-align:left;z-index:9999;}
   #logo{position:absolute;left:0;z-index:1;}

   #top{margin-top:10px;height:109px;}   
   #content-all{margin-top:130px;z-index:9;padding-bottom:30px}
   #top-100{display:none}
   #m_icon{   color:#009fe3;display:block; position:absolute;top:40px;right:0;z-index:99999; font-size:28px;font-size: 1.75rem; }
   #language_box{display:none}
   #language-box-mobile{display:block;position:absolute;top:0px; right:0}
   .icon { width: 38px;   margin:0 15px 0 0px;}
   #box1{ width:50%;margin-bottom:20px;}
   #box2{ width:200px;float:right;margin-bottom:20px}
   #box3{width:50%;}

    .select_language {
    border: 0;
    height: 18px;
    background: url(41.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: right;
    background-size: 16px 21px;
    -moz-appearance: none;
    width: 40px;
    padding: 0 4px 0 6px;
   border:1px solid #009fe3;
   background-color:none;
    border-radius: 5px;
   color: #009fe3;
   line-height:12px;
   }
   #infobar{   padding:15px 0 0px 0;}
   #box1{ width:49%;margin-bottom:20px;}
   #box2{ width:30%;float:left}
   #box3{display:none}
   #box4{float:right}

   
.products-left,.products-right{width:50%;}
   
    .col-2-left-team{width:100%;margin-bottom:40px;}
   .col-2-right-team{ width:100%; float:left;}
   
   .team{ margin-right:0px}
   
#phone-mobile{display:inline-block}
   
   
#phone-desktop{display:none}


   
}



@media screen and (max-width:600px) {
   .col-2-left{width:100%;margin-bottom:30px;}
   .col-2-right{ width:100%; float:left;}
   
   #blue-content{
  gap: 0.5rem;
}
   
   #infobar{position: static;height:100px;margin:0 auto}  
   #box1{width:70%;margin-bottom:0}
   #box2{display:none}
   #content-all{margin-top:110px}   
   #mobile-margin{height: 110px;}
   #logo{ width:168px;border-right:5px solid #fff;}
      #whitelogo{display:none;}
   #m_icon{ position:absolute;top:28px;}
   #line-logo{position:absolute; bottom:42px;right:0; height:6px ; width:100%;background-color:#009fe3; }
   #social-all {bottom:51px;left:190px;text-align:left;}
   .icon { width: 28px;   margin:0 10px 0 0px;} 


   .cont-60{width:100%;margin-bottom:25px;}
   .cont-40{ width:100%;float:left}
   #language-box-mobile{margin-top:-3px;}
   
}

@media screen and (max-width:500px) {
   .products-left,.products-right{ width:100%;}
   .products-left{ width:100%;margin-bottom:25px}
   .col-3{width:100%;float:left; margin-right:0;margin-bottom:25px}
     #social-all {left:180px;bottom:53px;}

}


@media screen and (max-width:400px) {
  .icon { width: 25px;   margin:0 3px 0 0px;}

}