/* oleo-script-swash-caps-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Oleo Script Swash Caps';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/oleo-script-swash-caps-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'BenchNine';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/benchnine-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-pro-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Source Sans Pro', serif;
	color: #7a7a7a;
	background: #333;
	font-size:15px;
	line-height: 20px;
	overflow: hidden;
	font-weight: 400;
}

a {
	color: #ddd;
	text-decoration: none;
}

h1 {font-family: 'Oleo Script Swash Caps', cursive;font-size: 40px;color:#f7d33b;text-shadow:3px 3px 0px #000;}
h2 {font-family: 'BenchNine', sans-serif;font-size:25px;text-transform: uppercase;font-weight:700; color:#4c4d4f;margin:0!important;}
p {padding:10px 0!important;}
strong {color:#4c4d4f;}

#logo {background:url(../images/logo_big.jpg) center 100px no-repeat;width:100%;height:400px;background-size: 446px 240px;}
#date {background:#4c4d4f;padding:30px 0 15px;}
#date h1, #date p {text-align: center;}
#date h1 {font-family: 'Oleo Script Swash Caps', cursive;font-size: 40px;color:#f7d33b;text-shadow:3px 3px 0px #000;}
#date p {color:#ebebeb;font-size:18px;}

#links {overflow:hidden;background:#fff;width:680px;margin:0 auto;padding:50px 0 30px;}
.box {text-align:center;width:320px;}
.box.left {float:left;margin-right:20px;}
.box.right {float:right;margin-left:20px;}
#links .icon {font-size:70px;color:#4c4d4f;}

.box {cursor:pointer;}
.box * {
	transition: all .4s;
	-webkit-transition: all .4s; /* Safari */
}

.pt-page-1 .box:hover .icon {color:#f7d33b!important;}
.pt-page-1 .box:hover p, .pt-page-1 .box:hover h2 {color:#000!important;}
.pt-page-1 .box:hover h2 {font-size:35px;}

#weather {text-align:center;background:#ebebeb;padding:50px 0 30px;}
#weather .inside {width:320px;margin:0 auto;}
#weather .icon-rain-black {font-size:70px;color:#009fe3;}

#haftung {text-align:center;background:#fff;padding:50px 0 30px;}
#haftung .inside {width:620px;margin:0 auto;}
#haftung .icon-cup {font-size:70px;color:#f7d33b;}

.icon, .icon-cup, .icon-rain-black {margin-bottom:35px;}

.icon-logo {color:#5e5f61;font-size:300px;}

.pt-page-2, .pt-page-3 {text-align:center;}
.pt-page-2 p, .pt-page-3 {width:620px;margin:0 auto;color:#a0a0a0;}
.pt-page-2 .table {width:500px;margin:0 auto;padding:30px 0 50px;}
.pt-page-2 .box, .pt-page-3 .box {margin:0 auto;}
.table .label, .table .text {display:inline-block;vertical-align: top;text-align:left;margin-bottom:10px;color:#a0a0a0;}
.table .label {width:160px;color:#f7d33b;}
.table .text {width:330px;}

.icon-arrow_right_alt1,.icon-arrow_left_alt1 {font-size:70px;color:#a0a0a0;margin-bottom:20px;}
.box.back h2, .box.submit h2 {color:#a0a0a0;padding-bottom:50px;}

.box.back:hover .icon-arrow_right_alt1, .box.back:hover .icon-arrow_left_alt1 {color:#f7d33b!important;transition:all .4s;
	-webkit-transition: all .4s;}

.box.submit .icon-arrow_right_alt1 {color:#a0a0a0;transition:all .4s;
	-webkit-transition: all .4s;}
	
	.box.submit:hover .icon-arrow_right_alt1 {color:#95c11f!important;}

#loading {z-index:1000;top:0;left:0;right:0;bottom:0;position:fixed;background:url(../images/loading.gif) no-repeat center rgba(76,77,79,.8);}


.pt-page {z-index:1;}
.pt-page-current {z-index:500;}

#countdown {background:#ebebeb;text-align:center;}
#countdown > span {display:block;color:#7a7a7a;text-align:center:margin:0!important;padding:30px 0 0!important;font-size:18px;}
#defaultCountdown {text-align:center;padding:40px 0 20px;}

.countdown_section {
	display: inline-block;
	width:100px;
	text-align: center;
}

.countdown_amount {
	font-family: 'Oleo Script Swash Caps', cursive;font-size: 50px;color:#333;text-shadow:3px 3px 0px #fff;display:block;
}

div.input {width:620px;border-radius:5px;background:#4c4d4f;box-shadow:0px 1px 0px rgba(255,255,255,.1), 0px 0px 7px rgba(0,0,0,.45) inset;margin:0 auto;height:40px;margin-bottom:10px;text-align:left;}
div.input.spacer {margin-bottom:30px;}
div.input label {color:#7a7a7a;font-family:'BenchNine', sans-serif;font-size:25px;text-transform:uppercase;line-height:40px;display:inline-block;padding:0 10px;width:200px;vertical-align:middle;
transition:all .4s;
	-webkit-transition: all .4s;
}
div.input input {width:380px;height:30px;border:0;outline:0;padding:0;display:inline-block;vertical-align:middle;font-family:'Droid Sans', sans-serif;font-size:15px;background:transparent;color:#fff;}

div.input.error label {color:#ff9f17;}

#buttons {overflow:hidden;width:680px;padding:20px 0;margin:0 auto;}

.pt-page-2 strong { color:#f7d33b;}

#pixelatelier {
	z-index:1000;
	position:fixed;
	border-radius:10px;
	padding:0 10px;
	bottom:10px;right:10px;
	text-align:right;
	font-family:'BenchNine';
	text-transform:uppercase;
	color:#333;
	font-size:15px;
	background:rgba(255,255,255,.4);
	line-height:30px;
	transition:all .4s;
	-webkit-transition: all .4s;
}

#pixelatelier:hover {background:rgba(255,255,255,1);}

.pt-page ul li {
	margin-bottom: 10px;
	color: #ddd;
}

.pt-page ul {
	text-align: left;
	max-width: 600px;
	margin: 0 auto;
	padding-left: 20px;
}