@CHARSET "UTF-8";


body{
	background: url(/img/bg.jpg);
	font-family: Arial;
	color: #000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body.mceContentBody{
	background: #fff;
	padding: 15px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.1) inset;
}


h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding: 0;
	letter-spacing: -0.01em;
	line-height: 100%;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
}

h1 {font-size: 36px; font-weight: 200;}
h1 strong { font-weight: 400;}
h2 {font-size: 25px; font-weight: 100;}
h2 strong { font-weight: 200; }
h3 {font-size: 18px; font-weight: 400;}
h4 {font-size: 13px; font-weight: 400;}
h4 strong { font-weight: bold;}

h1.dark,h2.dark,h3.dark,h4.dark,h5.dark,h6.dark {
	color: #800418;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
}

ul,ol {margin: 0; padding: 0;}
ul {list-style: square;}



a { color: #ae1744; }

.container-main {
	padding: 15px;
	width: 900px;
	margin: 0px auto;
	position: relative;
}

.upper-row-container {
	background: url(/img/bg_upper_row.jpg) repeat-x;
	height: 45px;
	position: relative;
}


.upper-row {
	/*
	width: 900px;
	margin: 0px auto;
	color: #5c0907;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.1);
	*/
	color: #fff;
	text-shadow: 0px 1px 0px #5c0907;
	font-size: 12px;
	line-height: 13px;

}
.upper-row strong { font-size: 14px;}

.upper-row-left {float: left; width: 60%; 	padding-top: 8px; padding-left: 8px;}
.upper-row-right {float: right; width: 35%; text-align: right; padding-right: 7px;}

.upper-row-container .ribbon{
	position: absolute;
	bottom: -130px;
	height: 131px;
	width: 140px;
	left: 30px;
	background: url(/img/ribbon_open.png) no-repeat;
}

.upper-row-container .actions-right {
	position: absolute;
	right: 6px;
	top: 48px;
}

.upper-row .upper-row-right .upper-row-icon{
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}

.bg-highlight {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/img/bg_highlight.png) no-repeat;
	z-index: -1;
	height: 671px;
	width: 900px;

}
.bg-highlight-lower {
	position: absolute;
	top: 330px;
	left: 0px;
	background: url(/img/bg_lower_part.png) no-repeat;
	z-index: -1;
	width: 900px;
	height: 567px;
	
}
.upper-container {
	position: relative;
}

.upper-container .shelf{
	background: url(/img/shelf.png) no-repeat bottom;
	width: 100%;
	position: relative;
	padding-bottom: 54px;
}

.upper-container .shelf .logo{
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

.upper-container .shelf .slogan{
	font-size: 14px;
	/*
	color: #800418;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	*/
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
	font-weight: 400;
	text-align: center;
	display: block;
	margin-top: 20px;
}

.upper-container .shelf .slogan strong{
	font-weight: 600;
	font-size: 16px;
}

.lower-container {
	position: relative;
	margin-top: 38px;
	min-height: 220px;
	
}

.lower-container .claim {
	text-align: center;
}

.lower-container .pocket {
	width: 100%;
	height: 112px;
	background: url(/img/pocket.png) no-repeat;
}

.lower-container .lower-part1{
	width: 100%;
	text-align: center;
	/*background: url(/img/macbook_coffee_todo.png) no-repeat 100% 15px;*/
	margin-bottom: 20px;
}

.lower-container .lower-part1 .video-box{
	padding: 8px;
	padding-bottom: 7px;
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0px -1px 0px rgba(255,255,255,0.2), 0px -2px 3px rgba(0,0,0,0.3) inset;
	border-radius: 5px;
	display: inline-block;
	margin-top: 20px;
}

.lower-container .lower-part1 .video-box iframe{
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.lower-part1 .coming-soon{
	position: relative;
	background: url(/img/macbook_coffee_todo.png) no-repeat 100% 30px;
}

.lower-part1 .coming-soon .doodle{
	position: absolute;
	width: 174px;
	height: 60px;
	bottom: -70px;
	left: 450px;
	background: url(/img/doodle_nicht_verpassen.png) no-repeat;
}

.lower-part1 .coming-soon h2{ margin-bottom: 10px;}

.lower-part1 .coming-soon button{
	margin-top: 250px;
}

.lower-container .lower-part2{
	width: 100%;
	display: none;
	min-height: 320px;
	padding-top: 50px;
}

.lower-part2 .notify-form {
	float: left;
	width: 50%;
	text-align: right;
	
}

.lower-part2 .community-info {
	float: right;
	width: 47%;
}

.lower-part2 .community-info ul{
	margin-left: 20px;
	margin-top: 10px;
	font-size: 13px;
	color: #800418;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	font-weight: 500;
}

.lower-part2 .community-info ul li{
	padding-bottom: 3px;
}

.lower-part2 .notify-form h4 {letter-spacing: -0.06em;}
.lower-part2 .notify-form h2{letter-spacing: -0.04em;}

.lower-part2 .notify-form h2{ margin-bottom: 10px;}

.lower-part2 .notify-form .form{
	margin-top: 20px;
	color: #fff;
}

.lower-part2 .notify-form .success{
	color: #800418;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	font-weight: 400;
	display: none;
	margin-top: 15px;
	font-size: 14px;
	line-height: 16px;
}

.lower-part2 .notify-form .success strong{
	font-weight: bold;
}

.notify-form .form .input-row{
	margin-bottom: 10px;
	position: relative;
}

.notify-form .form .input-row .error-hint{
	display: none;
	position: absolute;
	background: rgba(200,79,66,0.85);
	padding: 5px 8px;
	border-radius: 5px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
	bottom: 35px;
	left: 250px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3),0px 1px 0px rgba(255,255,255,0.4) inset, 0px -10px 10px rgba(0,0,0,0.3) inset;
	font-size: 11px;
	font-weight: 600;
	border: 1px solid rgba(0,0,0,0.3);
	z-index: 2;
	white-space: nowrap;
}

.notify-form .form .input-row .error-hint span{
	position: absolute;
	bottom: -11px;
	border-color: rgba(138,59,45,1) transparent transparent transparent;
	border-style: solid;
	border-width: 6px;
}

.notify-form .form .input-row.error.name .error-hint{
	display: block;
}

.notify-form .form .input-row.error.email.notunique .error-hint.email_notunique{display: block;}
.notify-form .form .input-row.error.email.empty .error-hint.email_empty{display: block;}

.notify-form .form .input-row label{
	display: inline-block;
	width: 70px;
	font-weight: 500;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
	font-size: 12px;
	padding-right: 15px;
}

.notify-form .form .input-row.error label{
	
}

.notify-form .form .input-row input{
	width: 220px;
}

.notify-form .form .input-row.error input{
	
}

button {
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	font-weight: bold;
	font-size: 13px;
	box-sizing: border-box;
	padding: 7px 15px;
	border-radius: 5px;
	border: 1px solid #569eba;
	box-shadow: 0px 1px 2px #1c6d8d, 0px 1px 0px rgba(255,255,255,0.3) inset, 0px 15px 15px rgba(255,255,255,0.45) inset;
	background: #6fcef3;
	color: #4085a0;
	cursor: pointer;
}
button.red {
	text-shadow: 0px 1px 0px rgba(255,255,255,0.15);
	border: 1px solid #a42523;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.15) inset, 0px 15px 15px rgba(255,255,255,0.05) inset;
	background: #ad2a26;
	color: #7d1210;
	
}

button:hover {
	box-shadow: 0px 1px 2px #1c6d8d, 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 15px 15px rgba(255,255,255,0.6) inset;
}

button:active {
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.6) inset, 0px -15px 15px rgba(255,255,255,0.15) inset;
	border: 1px solid #982d2a;
	text-shadow: 0px -1px 0px rgba(255,255,255,0.5);
	padding-top: 8px;
	padding-bottom: 6px;
}

button.big {
	font-size: 15px;
	padding: 12px 20px;
}

button.red:hover {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 15px 15px rgba(255,255,255,0.07) inset;
}

button.red:active {
	text-shadow: 0px -1px 0px rgba(255,255,255,0.15);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4), 0px 1px 2px rgba(0,0,0,0.6) inset, 0px -15px 15px rgba(255,255,255,0.1) inset;
}


input[type="email"],
input[type="text"]{
	padding: 7px 10px;
	border: 1px solid #982d2a;
	border-radius: 5px;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.4),1px 1px 1px rgba(0,0,0,0.4) inset,0px 15px 15px rgba(30,30,30,0.15) inset;
	color: #800418;
	text-shadow: 0px -1px 0px #fff;
	font-weight: 500;
	font-size: 13px;
	box-sizing: border-box;
}

input.full-width[type=email],
input.full-width[type=text],
textarea.full-width {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.footer {
	margin-top: -40px;
	color: #800418;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.2);
	position: relative;
}



.footer-divider {
	background: url(/img/footer_divider.png) no-repeat;
	height: 42px; 
	width: 100%;
}

.footer .footer-left{
	width: 60%;
	float: left;
}



.footer .footer-right{
	width: 39%;
	float: right;
	text-align: right;
}


.an-article h1 { margin-bottom: 10px;}


.article-body {
	line-height: 18px;
	text-align: justify;
}

body.mceContentBody ul,
.article-body ul {
	padding-left: 15px;
}

.article-body img{
	max-width: 100%;
	border: 1px solid #888;
	display: block;
	padding: 3px;
	background: #fff;
}

.article-body img.align-left{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.article-body img.format-full-width{
	margin-bottom: 15px;
	width: 100%;
}

.article-body .caption{
	display: block;
	width: 100%;
	padding: 4px;
	color: #fff;
	line-height: 14px;
	background: #888;
	text-align: left;
}


.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 { color: #333;}

.article-body h1 { font-size: 160%;}
.article-body h2 { font-size: 150%;}
.article-body h3 { font-size: 140%;}
.article-body h4 { font-size: 130%;}
.article-body h5 { font-size: 120%;}
.article-body h6 { font-size: 110%;}



body.mceContentBody p,
.article-body p{ margin-bottom: 10px;}

.flexslider {
	height: 405px;
}

.flex-control-nav {
margin: 7px 0 0;
text-align: center;
}

.flex-control-nav li {
display: inline;
margin: 0 7px;
background: rgba(0,0,0,0.3);
display: inline-block;
overflow: hidden;
width: 10px;
height: 10px;
position: relative;
text-align: center;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 0 1px 0px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.3), inset 0 0 1px rgba(0,0,0,0.6);
cursor: pointer;
}

.flex-control-nav li a {
	text-indent: -999em;
	display: inline-block;
}

.flex-control-nav li a.active {
background: rgba(255,255,255,0.8);
width: 8px;
height: 8px;
display: inline-block;
border-radius: 20px;
position: absolute;
top: 1px;
left: 1px;
}

.flex-control-nav li a::after {
content: '';
display: inline-block;
margin-top: 2px;
overflow: hidden;
height: 0;
width: 4px;
padding-top: 4px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 100px solid red;
}

.flex-direction-nav li a {
width: 26px;
height: 26px;
margin: -13px 0 0;
display: block;
background: url(/img/bg_direction_nav.png) no-repeat 0 0;
position: absolute;
top: 45%;
cursor: pointer;
text-indent: -9999px;
opacity: 0.8;
filter: alpha(opacity=80);
}

.flex-direction-nav li .next {background-position: -30px 0; right: 0px;}
.flex-direction-nav li .prev {left: 0px;}