* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:1em;
	}

body {
	background:black;
	font-family: "futura-pt";
	font-weight:400;
	}

h1, b {
	font-weight:700;
	}

.half {
	/*border:1px solid red;*/
	width:50%;
	height:100%;
	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}


.section {
	text-align:center;
	}





#ice_pink {
	position:absolute;
	z-index:999;
	
	left:20%;
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	}
	
#ice_black {
	position:absolute;
	z-index:999;
	
	right:20%;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	}


.startposition {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

.startposition {
	width:15%;
	}

.startposition img {
	width:100%;
	height:auto;
	max-width:310px
	}

#ice_pink.startposition { top:-140%; }

#ice_black.startposition { top:140%; }


#ice_pink.moved, #ice_black.moved {
	
	top:150px;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	}

.moved img {
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	}

#ice_pink.rotated, #ice_black.rotated {

	top:10px;
	
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	}
.rotated {
	width:18%;
	}

#ice_pink.rotated { left:-7%; }
#ice_black.rotated { right:-5%; }





#ice_pink.out { 
	left:-600px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
#ice_black.out {
	right:-600px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}


#scroll {
	background:url(../images/scroll.png) no-repeat;
	background-size:100% 100%;
	width:132px;
	height:52px;
	margin:auto;
	position:absolute;
	bottom:40px;
	margin-left:50%;
	left:-66px;
	z-index:999;
	}

#scroll a {
	display:block;
	height:50%;
	text-indent:-9999px;;
	}

/* ------------------------------------------------------- Section 1 ------------------------------------------------ */

#section1 {
	color:white;
	background:#ec6ca0;
	}
	
#section1 .left {
	background:url(../images/screen_01.jpg) no-repeat;
	background-size:100% auto;
	
	
	background-position:center top;
	}

#section1 .right {
	position:relative;
	}

#section1_logo {
	width:70%;
	height:auto;
	margin-top:40px;
	max-width:686px;
	position:relative;
	}

#section1 .textbox {
	padding-top:100px;
	width:80%;
	margin:auto;
	font-size:1.2em;
	position:relative;
	}

#section1 .textbox p {
	padding-bottom:30px;
	}

#section1 .textbox .underline {
	width:76%;
	border-bottom:1px solid white;
	margin:auto;
	}

#section1_right {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	}

#right_left {
	background:#1c0805;
	width:50%;
	height:100%;
	}

/* ------------------------------------------------------- Section 2 ------------------------------------------------ */

#section2, #section3 {
	background:url(../images/screen_02.jpg) no-repeat;
	background-size:auto 100%;
	background-position:center top;
	background-size: cover;
	background-attachment: fixed;
	}

#section2 .right {
	background: rgb(237, 109, 161);
	/* RGBa with 0.6 opacity */
	background: rgba(237, 109, 161, 0.8);
	display:none;
	}

#section2 .textbox {
	padding-top:35px;
	width:80%;
	margin:auto;
	color:white;
	font-size:1.2em;
	letter-spacing:0.2em;
	}

#section2 .textbox h1 {
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:50px;
	}

#section2 .textbox .underline {
	width:100px;
	border-bottom:1px solid #e4aec2;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}


#section2 .right .imgbox img {
	width:100px;
	height:auto;
	}

#section2 .right .imgbox {
	display:inline-block;
	margin-top:50px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:4px;
	}

/* ------------------------------------------------------- Section 3 ------------------------------------------------ */

#section3 .left {
	background: rgb(27, 8, 5);
	/* RGBa with 0.6 opacity */
	background: rgba(27, 8, 5, 0.8);
	display:none;
	}


#section3 .textbox {
	padding-top:35px;
	width:80%;
	margin:auto;
	color:#ec6da1;
	font-size:1.2em;
	letter-spacing:0.2em;
	}

#section3 .textbox h1 {
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:50px;
	}

#section3 .textbox .underline {
	width:100px;
	border-bottom:1px solid #843a5a;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}

#section3 .left .imgbox img {
	width:100px;
	height:auto;
	}

#section3 .left .imgbox {
	display:inline-block;
	margin-top:50px;
	border-top:1px solid #ea6ea3;
	border-bottom:1px solid #ea6ea3;
	padding-top:10px;
	padding-bottom:4px;
	}

/* ------------------------------------------------------- Section 4 ------------------------------------------------ */


#section4 .left {
	background:#1c0805;
	color:#ec6da1;
	}

#section4 .right {
	background:#ec6ca0;
	}

#section4 h1 {
	font-size:4em;
	text-transform:uppercase;
	margin-top:20px;
	display:none;
	}
	
#section4 .left .imgbox {
	float:left;
	margin-left:50px;
	margin-top:50px;
	border-top:1px solid #ea6ea3;
	border-bottom:1px solid #ea6ea3;
	padding-top:10px;
	padding-bottom:4px;
	}
	
#section4 .right .imgbox {
	float:right;
	margin-right:50px;
	margin-top:50px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:4px;
	}
	
#section4 .imgbox {
	display:none;
	}


/* ------------------------------------------------------- Section 5 ------------------------------------------------ */

#preis {
	background:url(../images/preis.png) no-repeat;
	background-size:100% 100%;
	width:156px;
	height:156px;
	position:absolute;
	margin-left:50%;
	left:-78px;
	top:40%;
	}

#section5 .left {
	background:#1c0805;
	color:#ec6da1;
	}

#section5 .right {
	background:#ec6ca0;
	color:white;
	}
	
#section5 .textbox {
	width:75%;
	display:none;
	}


#section5 .left .textbox {
	float:right;
	padding-left:4%;
	padding-right:15%;
	}

#section5 .right .textbox {
	padding-left:15%;
	padding-right:4%;
	}


#section5 .half {
	position:relative;
	}

#section5 .imgbox {
	text-align:center;
	display:inline-block;
	}

#section5 .left .imgbox {
	border-top:1px solid #ea6ea3;
	border-bottom:1px solid #ea6ea3;
	padding-top:10px;
	padding-bottom:4px;
	}

#section5 .right .imgbox {
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:4px;
	}

#section5 h1 {
	font-size:1.9em;
	text-transform:uppercase;
	margin-top:10%;
	margin-bottom:5%;
	}
	
#section5 p {
	min-height:250px;
	font-size:1em;
	}
	
/* ------------------------------------------------------- Section 6 ------------------------------------------------ */

#section6 .left {
	background:#1c0805;
	color:#ec6da1;
	}

#section6 .right {
	background:#ec6ca0;
	color:white;
	}
	
#section6 #movie {
	position:absolute;
	width:80%;
	height:80%;
	left:10%;
	top:5%;
	}
	
/* ------------------------------------------------------- Section 7 ------------------------------------------------ */



#section7 .left {
	background:#1c0805;
	color:white;
	padding-right:20%;
	}

#section7 .right {
	background:#ec6ca0;
	color:black;
	padding-left:20%;
	}

#section7 .imgbox {
	text-align:center;
	display:inline-block;
	}

#section7 .left .imgbox {
	border-top:1px solid #ea6ea3;
	border-bottom:1px solid #ea6ea3;
	padding-top:10px;
	padding-bottom:4px;
	}

#section7 .right .imgbox {
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:4px;
	}

#section7 .middle {
	position:absolute;
	background:url(../images/last_screen.jpg) no-repeat;
	background-position:center 0px;
	width:40%;
	height:100%;
	left:30%;
	display:none;
	}
	
#section7_logo {
	width:60%;
	height:auto;
	max-width:686px;

	}

#section7_icepink {
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	width:30%;
	margin:auto;
	margin-top:12%;
	margin-bottom:5%;
	}
	
#section7_iceblack {
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	width:30%;
	margin:auto;
	margin-top:12%;
	margin-bottom:5%;
	}

#section7_iceblack img, #section7_icepink img {
	width:100%;
	height:auto;
	max-width:170px;
	}

#section7 .half .textbox {
	font-size:1.2em;
	margin-top:5%;
	}
	
#section7 .middle .textbox {
	font-size:2.2em;
	margin-top:8%;
	text-transform:uppercase;
	font-weight:700;
	}
	
#section7 .middle .textbox a {
	text-decoration:none;
	color:black;
	font-size:0.6em;
	font-weight:700;
	margin-bottom:35%;
	display:block;
	}
	
#lekkerland {
	position:relative;
	top:0px;
	}
	
#order {
	position:relative;
	top:30px;
	}