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

.pentagram {
	height: 0;
	padding-bottom: 100%;
	background-image: url(../img/pentagram.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	position: relative;
	text-align: center;
	overflow: hidden;
	opacity:0;
}

#pentagram-lolita {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram_top_lolita.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram-kidman {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram_middle_left_kidman.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram-connie {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram_bottom_left_connie.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram-promises {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram_middle_right_promise.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram-phone {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram_bottom_right_phone.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram-cover {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height:100%;
	font-size: 2.5vw;
	background-image: url(../img/pentagram.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
}

#pentagram_container {
	width: 80%;
	height: 80%;
	position: absolute;
	background-color: red;
	top: 10%;
	left: 10%;
}


#interactive_content_background_main {
	background-image: url(../img/bg-main.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}


#interactive_content_background_lolita {
	background-image: url(../img/bg-lolita.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}


#interactive_content_background_kidman {
	background-image: url(../img/bg-kidman.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}



#interactive_content_background_connie {
	background-image: url(../img/bg-promises.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}


#interactive_content_background_phone {
	background-image: url(../img/bg-takefive.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}


#interactive_content_background_promises {
	background-image: url(../img/bg-traumnovelle.jpg);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
	position: absolute;
}