@font-face {
  font-family: Asap;
  src: url(../font/Asap-Regular.ttf);
}
@font-face {
  font-family: Asap;
  src: url(../font/Asap-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: Asap;
  src: url(../font/Asap-Bold.ttf);
  font-weight: bold;
}

html {
	
}

.full-wrapper {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgb(238,238,238);
	background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(136,181,235,1) 100%);
	background-size: 100% 100%;
	overflow:hidden;
}

#particle-canvas {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:200px;
	background: url(../img/cibasegmbhsmalltransparent.png) no-repeat center center transparent;
	z-index:20;
}

#impressum {
	position:absolute;
	height:200px;
	left:20px;
	right:calc(50% - 20px);
	bottom:20px;
	text-align: center;
	z-index:21;
}
#info {
	position:absolute;
	height:200px;
	right:20px;
	left:calc(50% - 20px);
	bottom:20px;
	text-align: center;
	z-index:21;
}

h1, p {
	font-family: Asap;
	font-weight: normal;
}