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

body {font: 1em/1.65em 'Open Sans',"Arial",sans-serif; word-wrap: break-word;}

h2 {font-size: 22pt;}
h3 {font-size: 20pt;}
h5 {font-size: 18pt; font-weight: normal; margin-top: 20px; margin-bottom: 23px;}



#container-header {width: 100%;}

.logo-header {width: 38%; float:left; margin-left:2%;}
.logo-header img {max-width:140px;}	
.navi-header {width: 60%;float:left; font-size: 18px; margin-top: 20px; text-align: right;}
.navi-header a{padding:0 12px; color:#000; text-decoration: none;}
.navi-header a:hover {color: #93c5fa;}

#container-header-image {width: 100%; font: 1em/1.65em 'Open Sans',"Arial",sans-serif; word-wrap: break-word; color: #fff; font-size: 36pt; padding:200px 0; text-align:center; background: url(img/headerbackground-qbit-underside2.jpg) no-repeat center center scroll; }

#container-content {max-width: 1200px; margin-left: auto; margin-right: auto; }

.grid-container-01{
  display:grid;
  grid-template-columns: repeat(3, 32%);
  grid-gap:20px;
  height: auto;
  margin-top:0px;
 margin-bottom: 50px;	

}


.grid-container{
  display:grid;
  grid-template-columns: repeat(3, 32%);
  grid-gap:20px;
  height: auto;
  margin-top:0px;
 margin-bottom: 50px;	
}

.grid-element.eins {
  grid-column-start: 1;
  grid-column-end: 4;
  box-shadow: none;
}

.grid-element{
  
  text-align:center;
  padding:20px;
 box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.09)	
}



#container-footer {background: #292929; width: 100%; margin-top: 100px;}
#container-footer-inner {max-width: 1200px; margin-left: auto; margin-right: auto; color:#fff;}
#container-footer-inner a {color:#706f6f; text-decoration: none;}
#container-footer-inner a:hover{color:#5d91de;}


.grid-container.footer{
  display:grid;
  grid-template-columns: repeat(3, 33%);
  grid-gap:20px;
  height: auto; 	

}

.grid-element.footer{
  
  text-align:left;
  padding:0;
  box-shadow: none;
  margin: 25px 0 50px 0;	

}




.row {width:100%;}

.button-more-details a {background: #000; padding:5px 15px; color:#fff; font-size: 16pt; text-decoration: none; text-align: center;}
.button-more-details a:hover{background-color: #0b82ff;}

.box-left { text-align: center; width: 30%; float: left; box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.09); padding-buttom: 40px;}
.box-middle {text-align: center; width: 30%; float: left; box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.09);margin-left: 5%; margin-right: 5%;}
.box-right {text-align: center; width: 30%;  float: left; box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.09);}
	
	



@media only screen and (max-width: 1200px) {
	
body {font: 1.0em/1.65em 'Open Sans',"Arial",sans-serif; word-wrap: break-word;}	
	
.navi-header {margin-top: 0px;}	
.logo-header {width: 60%; margin-bottom: 30px;}
.logo-header img {max-width: 230px;}	
.navi-header {width: 100%; font-size: 13pt;}	

#container-header {height: 150px;}	
#container-content {width: 100%; text-align: center;} 
#container-footer-inner {width: 80%;}	
	

.grid-container-01{
  display:grid;
  grid-template-columns: 100%;
  grid-gap:20px;
  height: auto;
  margin-top:0px;
}	
	
.grid-container{
  display:grid;
  grid-template-columns: 100%;
  grid-gap:20px;
  height: auto;
  margin-top:30px;
}
	
.grid-element.eins {
  grid-column-start: 1;
  grid-column-end: 2;
  box-shadow: none;
}	
	
	
.grid-container.footer{
  display:grid;
  grid-template-columns: 100%;
  grid-gap:20px;
  height: auto;
  text-align: center;

}	
	
.grid-element.footer{
  
  text-align: center !important;
  padding:0;
  box-shadow: none;
  margin: 25px 0 50px 0;	

}	
	
	
	h5 {font-size: 22pt;}	
	h1 {margin-top: 0px;}	
	
}