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

html,
body{
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: 'Pharma-Bold';
  box-sizing: border-box;
}
*,
*:after,
*:before{
  box-sizing: inherit;
}
p{
  margin: 0 0 10px 0;;
}
#banner{
  position: relative;
	width: 930px;
	height: 180px;
  margin: 0 auto;
  background-color: rgba(234,234,234,1.00);
  cursor: pointer;
}
#image{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 398px;
	height: 180px;
}
#image img{
	width: 100%;
	height: auto;
}
#mask{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
#splash{
	position: absolute;
	top: 17px;
	left: 20px;
	width: 116px;
	height: 116px;
}
#splash img{
	width: 100%;
	height: auto;
}
#text-wrapper{
  position: absolute;
  top: 30px;
  left: 420px;
  width: 330px;
}
#text-1,
#text-2,
#text-3{
  position: absolute;
  width: 100%;
	text-align: center;
  color: rgba(0,0,0,1.00);
}
#text-1{
	font-size: 30px;
}
#text-2{
  top: 90px;
	font-size: 24px;
  color: rgba(255,51,0,1.00);
}
#text-3{
  top: 35px;
  left: 180px;
  width: 530px;
	font-size: 30px;
}
#button,
#logo{
  position: absolute;
}
#logo{
	top: 20px;
	right: 34px;
	width: 110px;
}
#button{
	bottom: 20px;
	right: 34px;
	width: 110px;
}
#button img,
#logo img{
  width: 100%;
  height: auto;
}
.kursiv{
  font-family: 'Pharma-Italic';
}