@charset "utf-8";

@font-face {
  font-family: "HelveticaNeueLTPro-BdEx";
  src: url("../../Fonts/HelveticaNeueLTPro-BdEx.eot"); /* IE9 Compat Modes */
  src: url("../../Fonts/HelveticaNeueLTPro-BdEx.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../Fonts/HelveticaNeueLTPro-BdEx.otf") format("opentype"), /* Open Type Font */
    url("../../Fonts/HelveticaNeueLTPro-BdEx.svg") format("svg"), /* Legacy iOS */
    url("../../Fonts/HelveticaNeueLTPro-BdEx.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../Fonts/HelveticaNeueLTPro-BdEx.woff") format("woff"), /* Modern Browsers */
    url("../../Fonts/HelveticaNeueLTPro-BdEx.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


body {
	background-color: #ffffff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	color:#0033a0;

}

a, a link {
	color:#0033a0;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#969696;
	text-decoration:none;
}

img{
	border:0px;
}

li{
text-align: center;
}
/*-----------------------------------------------------------------------------------------------------*/

.header {
	position:absolute;
	z-index: 1;
	border-bottom: solid 3px #eceae8;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	width:100%;
	background-color: white;
}

.logo{
	padding-left:30px;
}

.navmain{
	display:block;
	float:right;
	text-decoration: none;
	border: 0px;
	font-weight:bold;
	font-size: 20px;
	padding-right:30px;
	padding-top: 17px; 
	
	
}

.contactlink {
	color:#000000;
	font-size: 15px;
}
.contactlink a{
	color:#000000;
	font-size: 15px;
	text-decoration: underline;
}
.contactlink a:hover{
	color:#a8a39d;
}
.contactlink-width{
	 margin: auto;
	width:350px;
}
.content{
	width: 100%; 
	position: relative;
    top:118px;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
}

/*-----------------------------------------------------------------------------------------------------*/

  .overlay {
  height: 100%;
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;

}


.overlay-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.overlay-menu{
	position: relative;
	left: 7%;
	top: 11%;
	width: 55%;
	height: 78%;
	background-color: #1d2440;

}
.overlay-menu-hl{
	position: relative;
	left: 40%;
	top: 11%;
	width: 55%;
	height: 78%;
	background-color: #1d2440;

}
.overlay-buttons{
	position: relative;
	top:5%;
	left: 5%;
	width: 90%;
}

.overlay-headline{
	font-family: HelveticaNeueLTPro-BdEx;
	color: white;
	font-size: 3vw;
	padding-bottom: 4vw;
}

.overlay a {
  padding-top: 1%;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.8vw;
  color: #fff;
  display: block;
  /*transition: 0.3s;*/
}

.overlay p {
  padding-top: 1%;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.6vw;
  color: #fff;
  display: block;
  /*transition: 0.3s;*/
}

.overlay-infotext {
	padding-top: 3%;
}

.overlay a:hover, .overlay a:focus {

	background-color: #377cb5;
}

.overlay .closebtn {
 	position: absolute;
	z-index: 3;
 	top: 20px;
 	right: 45px;
  	font-size: 60px;
	font-size: 4vw;
	width: 5vw;
	height: 5vw;
	text-align: center;
}
.overlay .closebtn2 {
  	position: absolute;
	z-index: 3;
	bottom: 0px;
 	right: 0px;
	font-size: 1.5vw;
}
.bg-clarity{
 	background-image:url("../images_content/Startscreen.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-calrecia{
 	background-image:url("../images_content/Calrecia.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-hl{
 	background-image:url("../images_content/HeartLung.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-welcome{
 	background-image:url("../images_content/Welcome.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-xenios{
 	background-image:url("../images_content/Xenios.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-multifiltrate{
 	background-image:url("../images_content/multiFiltratePRO.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}
.bg-cica{
 	background-image:url("../images_content/CiCa.jpg");
  	background-size: cover;
	height: 100%;
	width:100%;
}

.imprint{

	position: absolute;
	margin-top: 118px;
    width: 100%;
	padding: 0;
	color: #000000;
	margin-bottom: 300px;
}
.imprint p {
	padding-left:100px;
	padding-right:100px;
}
.imprint h1 {
	padding-left:100px;
	margin-top: 50px;
}

table, th, td {
  	border: 1px solid black;
	border-collapse: collapse;
	padding: 3px;
	margin-left:100px;
	margin-right:100px;
	vertical-align: top;

}
ul, li{
	margin-left:50px;
	margin-right:50px;
	text-align: left;
}
.footer{
	background-color: white;
	position: fixed;
    width: 100%;
	height: 5%;
	padding-top: 20px;
	padding-left: 100px;
	font-size: 20px;
	bottom: 0px;
}

@media screen and (max-width: 1024px) {
  	.navmain{font-size: 8px;margin-top: -12px;padding-right: 15px;}
	.logo{width: 100px;padding-left: 15px;}
	.header{padding-top: 15px;padding-bottom: 10px;}
	.content{top:50px;}
	.contactlink, .contactlink a{font-size: 8px;}
	.contactlink-width {width: 200px;margin: auto;}
  }
}