html, body {
	margin:0px;
	height:100%;
	background-color:#ffffff;
	font:12px/14px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
* {
	box-sizing:border-box;
}
.home_logo {
	width:104px;
	height:56px;
	left:15px;
	top:15px;
	position:fixed;
	/*background-image:url("images/home_logo.png");*/
	background-repeat:no-repeat;
	background-size:contain;
	z-index:8000;
}

/********/
/* Menü */
/********/

.desktop_menu {
	width:174px;
	height:100%;
	right:0;
	top:0;
	position:fixed;
	box-shadow:-3px 0px 5px rgba(0, 0, 0, 0.3);
	background-color:#FFFFFF;
	z-index:7999;
	font-family:Futura,"Trebuchet MS",Arial,sans-serif;
	padding-top:20px;
}
.desktop_menu a {
	text-transform:uppercase;
	display:block;
	text-align:center;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	color:#c2c2c2;
}
.desktop_menu a:hover {
	color:#727272;
}
.desktop_menu a.active {
	color:#00989c;
}
.desktop_menu .product_logo {
	margin-top:4px;
	height:125px;
	background-image:url(images/remix_logo.jpg);
	background-repeat:no-repeat;
}
.desktop_menu .mood {
	width:174px;
	height:220px;
	bottom:0;
	right:0;
	position:fixed;
	background:url(images/remix_mood.jpg) left top no-repeat;
}
.desktop_menu .submenu a {
	font-size:13px;
	line-height:18px;
	padding:1px 0;
}

/***********/
/* Content */
/***********/
.textblock {
	position:absolute;
	font-size:12px;
	line-height:15px;
	color:#828282;
}
.textblock a {
	color:#7f7f7f;
	margin-right:10px;
	text-decoration:underline;
	cursor:pointer;
}
h1 {
	font-family:MyriadPro-Regular,'Myriad Pro Regular',MyriadPro,'Myriad Pro','PT Sans',Helvetica,Arial,sans-serif;
	margin: 0 0 5px 0;
	margin-bottom:8px;
	font-size:27px;
	line-height:27px;
	color:#828282;
	font-weight:lighter;
}
.white, .white a, .white h1 {
	color:#ffffff;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
}

/**********/
/* Footer */
/**********/
.footer {
	width:100%;
	height:19px;
	bottom:8px;
	position:fixed;
	background-color:#000000;
	color:#c2c2c2;
	z-index:8000;
	font:12px/14px Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
}
.footer a {
	color:#c2c2c2;
	padding-left:10px;
	text-decoration:none;
	font-size:11px;
}
.footer a:hover {
	color:#727272;
}
.footer a.active {
	color:#00989c;
}
.footer span {
	font-size:11px;
}

.footer .copyright {
	margin-left:15px;
	float:left;
}
.footer .nav_left {
	font-size:0;
	float:left;
}
.footer .copyright span, .footer .nav_left a, .footer .nav_right a {
	padding-right:10px;
}
.footer .lang_select a {
	padding:0;
	padding-right:7px;
}
.footer .lang_select {
	float:right;
	padding-right:9px;
}
.footer .nav_right {
	font-size:0;
	float:right;
	padding-right:9px;
}

/***********/
/* Soacial */
/***********/
.social {
	bottom:35px;
	position:fixed;
	left:12px;
	z-index:12000;
}
.social a {
	background-repeat:no-repeat;
	background-size:contain;
	width:25px;
	height:25px;
	display:block;
	float:left;
	margin-right:7px;
}
.instagram {
	background-image:url(images/social_instagram.png);
}
.facebook {
	background-image:url(images/social_facebook.png);
}

/******************/
/* Externer Frame */
/******************/
.ext_frame_bg {
	background-color:rgba(0, 0, 0, 0.7);
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:12001;
	display:none;
}
.ext_frame {
	position:fixed;
	z-index:12002;
	left:0;
	top:0;
	background-color:#ffffff;
	width:100%;
	height:100%;
	max-width:800px;
	max-height:600px;
	left:50%;
	top:50%;
	transform:translate3d(-50%, -50%, 0);
	display:none;
}
.ext_frame iframe {
	width:100%;
	height:100%;
	border:0;
}
.ext_frame div {
	width:27px;
	height:27px;
	right:20px;
	top:20px;
	position:absolute;
	cursor:pointer;
	z-index:18040;
	background-image:url(images/close.png);
	background-size:contain;
	background-repeat:no-repeat;
}

/******************/
/* Parallax Layer */
/******************/
.page {
	height:100%;
	overflow:hidden;
	position:relative;
}
.page::before {
	position:fixed;
	content:'';
}
.layer {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
}
.subpage {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.p_home .layer_00 {
	background-image:url(images/home_layer_00.jpg);
}
.p_home .layer_01 {
	background-image:url(images/home_layer_01.png);
}
.p_home .layer_02 {
	background-image:url(images/home_layer_02.png);
}
.p_home .layer_content .textblock {
	width:310px;
	top:18%;
	left:2%;
}

.p_story .layer_00 {
	background-image:url(images/story_layer_00.jpg);
}
.p_story .layer_content .textblock {
	width:600px;
	top:50%;
	left:50%;
	transform:translate3D(-45%, -50%, 0);
}
.p_story .layer_content .infoblock {
	position:absolute;
	width:300px;
	left:3%;
	top:20%;
}
.p_story .layer_content .ingredientinfo {
	display:none;
}

.p_fragrance .layer_00 {
	background-image:url(images/fragrance_layer_00.jpg);
}
.p_fragrance .layer_01 {
	background-image:url(images/fragrance_layer_01.png);
}
.p_fragrance .layer_02 {
	background-image:url(images/fragrance_layer_02.png);
}
.p_fragrance .layer_content .textblock {
	width:300px;
	top:25%;
	left:2%;
}

.p_range .layer_00 {
	background-image:url(images/range_layer_00.jpg);
}
.p_range .layer_01 {
	background-image:url(images/range_layer_01.png);
}
.p_range .layer_02 {
	background-image:url(images/range_layer_02.png);
}
.p_range .layer_03 {
	background-image:url(images/range_layer_03.png);
}
.p_range .layer_04 {
	background-image:url(images/range_layer_04.png);
}
.p_range .layer_05 {
	background-image:url(images/range_layer_05.png);
}
.p_range .layer_06 {
	background-image:url(images/range_layer_06.png);
}
.p_range .layer_content .textblock {
	width:500px;
	bottom:50px;
	left:50%;
	transform:translate3D(-70%, 0, 0);
}
.p_range .storer_limited_edition {
	position:absolute;
	left:calc(174px + 5%);
	top:10%;
	width:150px;
	height:150px;
	background-image:url(images/stoerer_limited_edition.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.p_range .storer_duftstars, .p_range .storer_duftstars_en {
	position:absolute;
	right:calc(200px + 5%);
	top:10%;
	width:120px;
	height:120px;
	background-image:url(images/stoerer_duftstars.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.p_range .storer_duftstars_en {
	background-image:url(images/stoerer_duftstars_en.png);
}
.p_range .storer_astir {
	position:absolute;
	right:calc(350px + 5%);
	top:10%;
	width:120px;
	height:120px;
	background-image:url(images/stoerer_astir.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.p_design .layer_00 {
	background-image:url(images/design_layer_00.jpg);
}
.p_design .layer_01 {
	background-image:url(images/design_layer_01.png);
}
.p_design .layer_02 {
	background-image:url(images/design_layer_02.png);
}
.p_design .layer_03 {
	background-image:url(images/design_layer_03.png);
}
.p_design .layer_content .textblock {
	width:300px;
	top:25%;
	left:2%;
}

.p_campaign .layer_00,
.p_campaign .layer_b_00, 
.p_campaign .layer_c_00 {
	background-image:url(images/campaign_layer_00.jpg);
}
.p_campaign .layer_content .textblock {
	width:740px;
	top:50%;
	left:50%;
	/*margin-left:-360px;*/
	transform:translate3D(-56%, -52%, 0);
}
.p_campaign .layer_content .textblock .column {
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-bottom:20px;
}
.p_campaign .video_container {
	position:relative;
	margin:0px auto;
	width:720px;
	height:405px;
	background-color:rgba(255, 255, 255, 0.5);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
}


.p_campaign .keyvisual {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-image:url(images/keyvisual.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 70%;
}
.p_campaign .video_container video {
	vertical-align:top;
	width:100%;
	height:100%;
}
.p_campaign .video_container .playbtn {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	background-image:url(images/play_btn.png);
	background-size:20%;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.p_campaign .layer_b_content .textblock {
	width:300px;
	top:15%;
	left:5%;
}