/* ********************************* *\

		eno energy landing
		(c) 2014 by WERK3.de

\* ********************************* */

/* Font Config */

@font-face {
	font-family: 'Sansation';
	src: url('../fonts/Sansation_Regular-webfont.eot');
	src: url('../fonts/Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Sansation_Regular-webfont.woff') format('woff'),
	url('../fonts/Sansation_Regular-webfont.ttf') format('truetype'),
	url('../fonts/Sansation_Regular-webfont.svg#SansationRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sansation';
	src: url('../fonts/Sansation_Light-webfont.eot');
	src: url('../fonts/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Sansation_Light-webfont.woff') format('woff'),
	url('../fonts/Sansation_Light-webfont.ttf') format('truetype'),
	url('../fonts/Sansation_Light-webfont.svg#SansationLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Sansation';
	src: url('../fonts/Sansation_Bold-webfont.eot');
	src: url('../fonts/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Sansation_Bold-webfont.woff') format('woff'),
	url('../fonts/Sansation_Bold-webfont.ttf') format('truetype'),
	url('../fonts/Sansation_Bold-webfont.svg#SansationBold') format('svg');
	font-weight: bold;
	font-style: normal;
}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

body {
	font: 16px/26px Sansation, Arial, sans-serif;
}

html, button, input, select, textarea {
	font-family: Sansation, sans-serif;
	font-weight: 300;
}

body {
	height: 100%;
	width: 100%;
	min-height: 700px;
}

#main-container {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	min-height: 700px;
}
#intro-bg {
	width: 100%;
	height: 100%;
	background: url("../img/slider_bg_0.jpg") no-repeat 100% / 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	z-index: 1;
}



#intro,
.content {
	width: 500px;
	margin: 0 auto;
	position: relative;
	top: 20%;
	z-index: 2;
}
#intro img {
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
	max-width: 200px;
}
#intro h1,
.content h1 {
	color: #fff;
	font-size: 36pt;
	line-height: 40pt;
	text-align: center;
	font-weight: 300;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	margin-top: 0;
	margin-bottom: 22px;
}

#intro h1 {
	font-size: 42pt;
	line-height: 45pt;
}

#intro p,
.content p {
	color: #fff;
	font-size: 13pt;
	line-height: 17pt;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	margin-top: 0;
}
#loading {
	height: 12px;
	background-color: #c5c6c6;
	width: 306px;
	border-radius: 8px;
	padding: 2px;
	margin: 0 auto;
	margin-top: 50px;
}

#progress {
	height: 12px;
	background-color: #fff;
	border-radius: 8px;
	width: 5%;
}

#footer-container {
	height: 51px;
	width: 100%;
	bottom: 0;
	position: fixed;
	overflow: hidden;
	z-index: 20;
}
#footer {
	height: 51px;
	background: url("../img/footer_bg.jpg") no-repeat;
	background-size: 100% 100%;
	position: relative;
	bottom: -51px;
	width: 100%;
	color: #636362;
}

	#logo_red {
		margin-left: 20px;
		margin-top: 10px;
		max-width: 25px;
		float: left;
	}

	#meta-navigation {
		list-style: none;
		margin: 0;
		display: inline-block;
		margin-left: 30px;
		padding: 0;
	}
		#meta-navigation li {
			display: inline-block;
			margin-left: 15px;
		}
		#meta-navigation li a {
			display: inline-block;
			color: #636362;
			line-height: 50px;
			text-decoration: none;
		}
		#meta-navigation li a:hover {
			color: #b51d1c;
		}

	#footer p {
		display: inline-block;
		float: right;
		line-height: 51px;
		margin: 0 20px 0 0;
	}

	#footer p a {
		color: #636362;
		text-decoration: none;
	}

	#footer p a:hover,
	.red {
		color: #b51d1c;
	}
#meta-navigation #gewinnspiel-btn {
	color: #b51d1c;
	font-weight: bold;
}
#meta-navigation #gewinnspiel-btn:hover {
	color: #e95959;
}

#slider {
	height: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	/*width: 201px;*/
	width: 100%;
	z-index: 30;
	display: table;
	table-layout: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#slider.init {
	width: 198px;
}
#slider.init > li {
	width: 5%;
}

#slider.offstage {
	right: -198px;
}


	#slider > li {
		display: table-cell;
		height: 100%;
		margin: 0;
		padding: 0;
		width: 0%;
		position: relative;
		overflow: hidden;
		-webkit-transition: width 1s ease;
		-moz-transition: width 1s ease;
		-ms-transition: width 1s ease;
		-o-transition: width 1s ease;
		transition: width 1s ease;
	}
	.ie #slider > li {
		height: 100px;
	}

#slider > li.open {
		width: auto;
		width: 100%;
		max-width: none;
	}

	#slider > li.open > div {
		display: block;
	}

	#slider > li > header {
		display: block;
		height: 100%;
		margin: 0;
		padding: 0;
		width: 65px;
		/*width: ;*/
		position: relative;
		background-color: #fff;
		border-left: 1px solid #dddede;
		cursor: pointer;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		z-index: 300;
	}

	#slider > li > header:hover,
	#slider > li.open > header {
		background-color: #b51d1c;
		/*border-left: 1px solid #b51d1c;*/
	}


		#slider > li > header h2 {

			-moz-transform: scale(1) rotate(-90deg);
			-webkit-transform: scale(1) rotate(-90deg);
			-o-transform: scale(1) rotate(-90deg);
			-ms-transform: scale(1) rotate(-90deg);
			transform: scale(1) rotate(-90deg);

			bottom: 20px;
			color: #CFD0D0;
			font-size: 32px;
			font-weight: 300;
			line-height: 50px;
			position: absolute;
			text-transform: uppercase;
			-moz-transform-origin: 0 0 0;
			-webkit-transform-origin: 0 0 0;
			-o-transform-origin: 0 0 0;
			-ms-transform-origin: 0 0 0;
			transform-origin: 0 0 0;
			width: 600px;

			margin-left: 8px;
			margin-bottom: 0;
			letter-spacing: 3px;
		}

		#slider > li > header:hover h2,
		#slider > li.open > header h2 {
			color: #fff;
		}

	#slider > li > header .num {
		border: 1px solid #CFD0D0;
		border-radius: 75px;
		color: #CFD0D0;
		display: block;
		font-size: 32px;
		font-weight: 300;
		height: 44px;
		line-height: 44px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		top: 25px;
		width: 44px;
	}
	.ie #slider > li > header .num {
		padding-top: 4px;
		height: 38px;
	}
	#slider > li > header:hover .num,
	#slider > li.open > header .num {
		color: #fff;
		border-color: #fff;
	}

#slider > li > div{
	position: absolute;
	overflow: hidden;
	top: 0;
	margin-left: 66px;
	min-width: 1000px;
	width: 100%;
	height: 100%;
	z-index: 200;
}



#slider li .bg,
#slider li .rotor {
	width: 102%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	min-width: 0;
}
#slider li .rotor {
	z-index: 6;
	position: absolute;
}

#slider li .rotor div {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	top: 0;
	left: 0;
	z-index: 10;
}


#slider li .wind {
	width: 102%;
	/*height: 450px;*/
	/*height: 1050px;*/
	height: 700px;
	position: absolute;
	/*bottom: -80px;*/
	/*bottom: -320px;*/
	bottom: -91px;
	opacity: 0.3;
}

#slider #slide-1 .wind {
	/*padding-left: 0;*/

	bottom: -400px;
	height: 900px;
}
#slider #slide-2 .wind {
	/*padding-left: 40px;*/
	/*-moz-transform: translateX(40px);*/
	/*-webkit-transform: translateX(40px);*/
	/*-o-transform: translateX(40px);*/
	/*-ms-transform: translateX(40px);*/
	/*transform: translateX(40px);*/
	opacity: 0.20;
}
#slider #slide-3 .wind {
	/*padding-left: 0px;*/
	height: 500px;
	bottom: 200px;
	opacity: 0.15;
}

#slider li .wind div {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#slide-1 .bg {
	background: url("../img/slider_bg_1.jpg") no-repeat 100% / 100%;
	background-size: cover;
}
#slide-1 .bg.sub1 {
	background: url("../img/slider_bg_1_1.png") no-repeat 100% / 100%;
	background-size: cover;
	padding-top: 10px;
	width: 103%;
}
#slide-1 .cloud {
	position: absolute;
	top: 100px;
	left: 100px;
	background: url("../img/eno_1_cloud_1.png") no-repeat 100% / 100%;
	height: 500px;
	width: 600px;
	opacity: 0.3;
	background-position: 0% 0;
}
#slide-1 .cloud.animate {
	animation: cloud 60s steps(650, start) infinite;
	-webkit-animation: cloud 60s steps(650, start) infinite;
}
#slide-2 .cloud.animate {
	animation: cloud 120s steps(1000, start) infinite;
	-webkit-animation: cloud 120s steps(1000, start) infinite;
}
#slide-3 .cloud.animate {
	animation: cloud 240s steps(2000, start) infinite;
	-webkit-animation: cloud 240s steps(2000, start) infinite;
}
@keyframes cloud {
	to {
		left: 100%;
	  }
}
@-webkit-keyframes cloud {
	to {
		left: 100%;
	}
}


#slide-2 .bg {
	background: url("../img/slider_bg_2.jpg") no-repeat 100% / 100%;
	background-size: cover;
}
#slide-2 .bg.sub1 {
	background: url("../img/slider_bg_2_1.png") no-repeat 100% / 100%;
	background-size: cover;
	padding-top: 10px;
	-ms-pointer-events: none;
	pointer-events: none;
}
#slide-2 .bg.sub2 {
	background: url("../img/slider_bg_2_2.png") no-repeat 100% / 100%;
	background-size: cover;
	-ms-pointer-events: none;
	pointer-events: none;
}


#slide-2 .cloud {
	position: absolute;
	top: 100px;
	left: 100px;
	background: url("../img/eno_1_cloud_2.png") no-repeat 100% / 100%;
	height: 500px;
	width: 660px;
	opacity: 0.7;
	background-position: 0% 0;
}

#slide-3 .bg {
	background: url("../img/slider_bg_3.jpg") no-repeat 100% / 100%;
	background-size: cover;
}
#slide-3 .bg.sub1 {
	background: url("../img/slider_bg_3_1.png") no-repeat 100% / 100%;
	background-size: cover;
	-ms-pointer-events: none;
	pointer-events: none;
}

#slide-3 .cloud {
	position: absolute;
	top: 40px;
	left: 100px;
	background: url("../img/eno_1_cloud_4.png") no-repeat 100% / 100%;
	height: 500px;
	width: 580px;
	opacity: 0.6;
	background-position: 0% 0;
}
/*#slide-3 .bg.sub2 {*/
	/*background: url("../img/slider_bg_3_2.png") no-repeat 100% / 100%;*/
/*}*/

.scene {
	z-index: -1;
	height: 100%;
	margin: 0;
	padding: 0;
	margin-left: -20px;
	margin-top: -10px;
	list-style: none;
	/*-webkit-transition: all 0.7s ease-out;*/
	/*-moz-transition: all 0.7s ease-out;*/
	/*-ms-transition: all 0.7s ease-out;*/
	/*-o-transition: all 0.7s ease-out;*/
	/*transition: all 0.7s ease-out;*/
	/*left: -100%;*/
}
/*.init .open .scene {
	left: -100%;
}
.open .scene {
	left: 0;
}*/
.scene .layer {
	height: 100%;
	width: 95%; /* testen */
}
.scene .layer img {
	width: 100%;
	height: auto;
}

.btn {
	background: url("../img/arrow-right.png") no-repeat 100% / 100%;
	width: 170px;
	height: 170px;
	cursor: pointer;
	margin: 0 auto;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.btn:hover {
	opacity: 0.3;
	/*background: url("../img/arrow-right-hover.png") no-repeat 100% / 100%;*/
}


#slider li .maschine {
	width: 80%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 10%;
	margin-top: -10px;
	min-width: 890px;
}
.maschine:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	opacity: 1;
	animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
	to { opacity: 0; }
}
@-webkit-keyframes blink {
	to { opacity: 0; }
}
.maschine.eno82 {
	background: url("../img/eno_82.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno82:before {
	background: url("../img/flare_82.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno92 {
	background: url("../img/eno_92.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno92:before {
	background: url("../img/flare_92.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno100 {
	background: url("../img/eno_100.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno100:before {
	background: url("../img/flare_100.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno114 {
	background: url("../img/eno_114.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno114:before {
	background: url("../img/flare_114.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno126 {
	background: url("../img/eno_126.png") no-repeat 100% / 100%;
	background-size: cover;
}
.maschine.eno126:before {
	background: url("../img/flare_126.png") no-repeat 100% / 100%;
	background-size: cover;
}
.scene .switch.eno126 div.eno126,
.scene .switch.eno92 div.eno92,
.scene .switch.eno82 div.eno82 {
	/*padding-left: 80px;*/
	-moz-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	-o-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
}
.panel-wrap {
	/*width: 100%;*/
	width: 470px;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 250;

	-webkit-box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);
	box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-ms-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
}
.panel-wrap.extend {
	width: 940px;
}
.panel-wrap.collapsed {
	width: 0;
}
.panel {
	width: 390px;
	padding-left: 45px;
	padding-right: 35px;
	/*padding-bottom: 10%;*/
	padding-top: 30px;
	background: rgba(255,255,255,0.9);
	height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow: scroll;
	position: relative;
	-webkit-box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);
	box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);
	z-index: 245;
}
.panel.collapsed {
	margin-left: -470px;
}

	.panel h3 {
		color: #B51D1C;
		font-size: 34px;
		font-weight: normal;
		line-height: 42px;
		margin-top: 25px;
		margin-bottom: 12px;
	}
	.panel p,
	.sub-panel p{
		margin-top: 0;
		font-size: 15px;
		line-height: 22px;
		color: #636362;
		margin-bottom: 8px;
	}
		.panel p a {
			text-decoration: none;
			color: #B51D1C;
			font-weight: bold;
		}
		.btn-download {
			text-decoration: none;
			color: #B51D1C;
			font-weight: 300;
			display: table-cell;
			font-size: 19px;
			vertical-align: middle;
			text-align: center;
			width: 120px;
			height: 120px;
			line-height: 22px;
			border: 2px solid #B51D1C;
			border-radius: 100%;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		.btn-download:hover {
			background-color: #B51D1C;
			color: #fff;
		}

		.btn-panel {
			text-decoration: none;
			color: #B51D1C;
			font-weight: 300;
			display: table-cell;
			font-size: 19px;
			line-height: 22px;
			vertical-align: middle;
			text-align: center;
			width: 154px;
			height: 124px;
			background: url("../img/panel-trigger-0.png") no-repeat center right;
			padding-left: 81px;
			padding-right: 15px;
			outline: none;
		}
		.btn-panel:hover {
			background: url("../img/panel-trigger-1.png") no-repeat center right;
			color: #9c9d9d;
		}
		.btn-panel.active {
			background: url("../img/panel-trigger-2.png") no-repeat center right;
			color: #9c9d9d;
		}

	.panel p.sub {
		color: #b51d1c;
		float: left;
		font-size: 15px;
		font-weight: bold;
		margin-top: 2px;
	}
	.submaschines {
		list-style: none;
		padding-bottom: 20px;
		padding-left: 250px;
		margin-top: 17px;
	}
	.submaschines li {
		padding-left: 35px;
		background: url("../img/link_prev.png") no-repeat center left;
		display: inline-block;
	}
	.submaschines li + li {
		margin-left: 15px;
	}
	.submaschines.eno82 li:first-child + li,
	.submaschines.eno92 li:first-child + li,
	#slide-3 .submaschines.eno114 li:first-child + li {
		margin-left: 0;
	}

	.submaschines li a {
		color: #636362;
		font-size: 15px;
		font-weight: normal;
		text-decoration: none;
	}
	.submaschines li a:hover {
		color: #B51D1C;
	}

	.sub-panel-wrap {
		/*width: 100%;*/
		overflow: hidden;
		height: 100%;
		position: absolute;
		top: 0;
		left: 470px;
		z-index: 240;
		/*-webkit-box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);*/
		/*box-shadow: 0 0 35px 2px rgba(00,0,0,0.5);*/
	}
	.sub-panel {
		width: 380px;
		padding-left: 45px;
		padding-right: 45px;
		/*padding-bottom: 50px;*/
		padding-top: 30px;
		background: rgba(255,255,255,0.9);
		height: 100%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		overflow: scroll;
		position: relative;
	}
	.sub-panel.collapsed {
		margin-left: -470px;
	}

	a.close {
		display: block;
		width: 26px;
		height: 26px;
		background: url("../img/btn-close-0.png") no-repeat 100% / 100%;
		cursor: pointer;
		position: absolute;
		top: 17px;
		right: 17px;
	}
	a.close:hover {
		background: url("../img/btn-close-1.png") no-repeat 100% / 100%;
	}

	.sub-panel h3 {
		color: #B51D1C;
		font-size: 20px;
		font-weight: normal;
	}

	.sub-panel h4 {
		color: #B51D1C;
		font-size: 15px;
		line-height: 22px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.hr {
		height: 1px;
		background: #bbbcbd;
		margin-left: -45px;
		margin-right: -45px;
	}
	.scrollbox {
		overflow: scroll;
		width: 390px;
		height: 500px;
	}
	.ie .scrollbox {
		overflow-x: hidden;
	}
	.scrollbox .hr {
		margin: 0;
	}

	dl {
		margin-top: 0;
		margin-bottom: 20px;
	}
	dt,dd {
		color: #636362;
		font-size: 15px;
		line-height: 25px;
	}
	dt {
		width: 245px;
		float: left;
		clear: left;
	}
	dd {
		margin-left: 250px;
		width: 135px;
		word-wrap: break-word;
	}

	.well {
		border: 1px solid #bbbcbd;
		padding: 0 20px;
		margin-bottom: 30px;
	}
	.well table {
		table-layout: fixed;
		width: 100%;
		margin-bottom: 15px;
	}
	.well table tr th,
	.well table tr td {
		color: #636362;
		text-align: left;
		vertical-align: top;
	}
	.well table tr th:first-child {
		width: 50%;
	}

	.switch > div {
		display: none;
		padding-bottom: 100px;
	}
	.switch.eno82 > .eno82 { display: block; }
	.switch.eno92 > .eno92 { display: block; }
	.switch.eno100 > .eno100 { display: block; }
	.switch.eno114 > .eno114 { display: block; }
	.switch.eno126 > .eno126 { display: block; }

	.submaschines.eno82 .eno82 { display: none; }
	.submaschines.eno92 .eno92 { display: none; }
	.submaschines.eno100 .eno100 { display: none; }
	.submaschines.eno114 .eno114 { display: none; }
	.submaschines.eno126 .eno126 { display: none; }

	
	#overlay {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255,255,255,0.8);
		z-index: 500;
		position: absolute;
		display: none;
		overflow: scroll;
	}
	
	.modal {
		width: 660px;
		position: absolute;
		margin-left: -330px;
		left: 50%;
		z-index: 510;
		display: block;
		background: #fff;
		-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		text-align: center;
	}
	.modal.open {
		top: 50px !important;
	}
	#gewinnspiel.modal.open {
		top: 0 !important;
	}
	.modal h3 {
		color: #B51D1C;
		font-size: 25px;
		line-height: 32px;
		font-weight: 300;
		margin-bottom: 10px;
	}
	.modal p {
		color: #636362;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		margin: 0 0 10px;
	}

	.modal p.red,
	.modal p.red a {
		color: #B51D1C;
		font-size: 25px;
		line-height: 36px;
		font-weight: normal;
		text-decoration: none;
	}

	.modal a {
		color: #636362;
		text-decoration: none;
	}

	.modal a:hover {
		color: #B51D1C;
	}

	a.btn-download-small {
		background: url("../img/btn-download-small.png") no-repeat center bottom;
		padding-bottom: 46px;
		text-decoration: none;
		color: #B51D1C;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 30px;
	}

	#sales{
		height: 740px;
		top: -750px;
	}

	#gewinn-thanks {
		height: 560px;
		top: -570px;
	}

	#sales header,
	#gewinn-thanks header {
		background: url("../img/modal_eno_bg.jpg") no-repeat 0 0;
		width: 660px;
		height: 223px;
	}

	#gewinnspiel {
		height: 1015px;
		top: -1025px;
	}

	#gewinnspiel header {
		background: url("../img/modal_gewinnspiel_bg.jpg") no-repeat 0 0;
		width: 660px;
		height: 223px;
	}
	#gewinnspiel header .close {
		background: url("../img/btn-close-w.png") no-repeat 100% / 100%;
	}
	#gewinnspiel header .close:hover {
		 background: url("../img/btn-close-1.png") no-repeat 100% / 100%;
	 }

	.red.big {
		font-size: 30px !important;
	}

	.scroller {
		overflow: hidden;
	}
	#frage {
		list-style: none;
		display: table;
		margin: 0 auto;
		padding: 0;
		border-spacing: 30px 0;
		border-collapse: separate;
	}
	#frage li {
		/*display: inline-block;*/
		width: 58px;
		height: 58px;
		color: #fff;
		background: #B51D1C;
		border-radius: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 37px;
		font-weight: 300;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		border: 1px solid #B51D1C;
	}
	#frage li:hover {
		background: #dc1e1d;
	}
	.ie #frage li {
		padding-top: 10px;
		height: 48px;
	}

	#frage li.clicked.yes {
		background: #fff;
		border: 1px solid #94c11c;
		color: #94c11c;
	}
	#frage li.clicked.no {
		background: #fff;
		border: 1px solid #B51D1C;
		color: #B51D1C;
	}

	#antwort {
		margin-top: 10px;
		padding: 0 80px;
	}
	#antwort p {
		display: none;
		font-weight: bold;
	}

	#gewinn-formular {
		width: 410px;
		margin: 0 auto;
		position: relative;
		top: 35px;
		margin-bottom: 45px;
	}
	#name, #mail {
		display: block;
		width: 230px;
		height: 45px;
		font-weight: 300;
		font-size: 23px;
		color: #636362;
		margin-bottom: 15px;
		border: 1px solid #cfd0d0;
		padding: 0 10px;
	}
	#gewinn-formular button.submit {
		border: 1px solid #B51D1C;
		background: #fff;
		display: block;
		width: 124px;
		height: 124px;
		border-radius: 100%;
		text-align: center;
		color: #B51D1C;
		font-weight: normal;
		font-size: 18px;
		position: absolute;
		top: -7px;
		right: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#gewinn-formular button.submit:hover {
		background-color: #B51D1C;
		color: #fff;
	}
	#gewinn-formular.disabled button.submit:hover {
		background: #fff;
		color: #B51D1C;
	}

	#gewinn-formular label {
		color: #636362;
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
		display: block;
		text-align: left;
		margin-left: 25px;
		margin-bottom: 10px;
		cursor: pointer;
	}

	#gewinn-formular a {
		color: #B51D1C;
		font-weight: bold;
	}

	p.small {
		color: #9c9d9d;
		font-size: 13px;
		line-height: 18px;
	}

	#gewinn-formular input[type="checkbox"] {
		margin-left: -25px;
		float: left;
		margin-top: 3px;
	}

	form.disabled {
		opacity: 0.3;
	}





/* ==========================================================================
   Helper classes
   ========================================================================== */


.green {
	color: #94c11c;
}
.center {
	text-align: center;
}
.pl-s {
	padding-left: 110px;
}
.pb-s {
	padding-bottom: 80px;
}
.mt-xs {
	margin-top: 20px;
}
.mb-xs {
	margin-bottom: 20px !important;
}
.mt-s {
	margin-top: 70px;
}
.mt-m {
	margin-top: 120px;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}