@font-face {
	font-family: 'teleGrotesk';
	src: url('../../assets/fonts/TeleGroteskFett.woff') format('woff');
}

#container {
	width: 300px;
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
}

#introRichload {
	width: 300px;
	height: 250px;
}

#endframeRichload {
	width: 300px;
	height: 250px;
}

#background {
	width: 300px;
	height: 250px;
}

#frame2 {
	left:-300px;
	width:300px;
	height:250px;
}

#frame3 {
	opacity:0;
	width:300px;
	height:250px;
}

#frame4 {
	opacity:0;
	width:300px;
	height:250px;
}

#frame5 {
	opacity:0;
	width:300px;
	height:250px;
}

#frame2headline {
	left:-300px;
}

#frame2subHeadline1 {
	opacity:0;
	left:300px;
}

#frame2subHeadline2 {
	opacity:0;
}

#frame3headline {
	left:-300px;
}

#frame3subHeadline1 {
	left:-300px;
}

#frame3subHeadline2 {
	left:300px;
}

#frame4headline {
	left:-300px;
}

#frame4subHeadline1 {
	left:-300px;
}

#frame4subHeadline2 {
	left:-300px;
}

#frame4brandImage {
	left:300px;
}

#frame5headline {
	left:-300px;
}

#frame5subHeadline1 {
	left:-300px;
}

#frame5subHeadline2 {
	top:300px;
}

#frame5brandImage {
	left:300px;
}

#frame5BGImage {
	opacity:0;
}

#frame5BG {
	opacity:0;
	width:300px;
	height:250px;
}

#ctaBtn {
	opacity:0;
}

.legal {
	opacity:0;
	width:290px;
	font-size:10px;
	font-family:teleGrotesk;
	text-align:center;
	bottom:3px;
	left:5px;
}

#logo {
	top:-100px;
}

#border {
	width: 298px;
	height: 248px;
	border: 1px solid #000000;
}

.abs {
	position: absolute;
}