@charset "utf-8";
/* CSS Document */



/* BORDERS */

.border-top {
	height: 50px;
}

.border-top.top-position {
	top: -50px;
}

@media only screen and (max-width: 640px) {
	
	.border-top {
		height: 70px;
	}
	
	.border-top.top-position {
		top: -70px;
	}

}


/* LOGO */
#header .logo {
	background-image: url('../img/logo-dark.png');
	background-repeat: no-repeat;
	background-size: 100%;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 50px;
	z-index: 1;
}

@media only screen and (min--moz-device-pixel-ratio: 1.5),
		 only screen and (-o-min-device-pixel-ratio: 3/2),
		 only screen and (-webkit-min-device-pixel-ratio: 1.5),
		 only screen and (min-device-pixel-ratio: 1.5),
		 only screen and (min-resolution: 1.5dppx) {
	
    #header .logo {
        background-image: url('../img/logo-dark@2x.png');
    }
}

#header .logo a { 
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: -10000px;
}

@media screen and (max-width:640px) {
	
	#header .logo {
		left: 1px;
		top: 8px;
	}
	
}	
	

/* MENU */
.menu-holder {
	height: 50px;
}

.menu-holder .menu {
	height: 50px;
}

.menu-holder .menu:before {
	margin-top: 15px;
}


@media only screen and (max-width: 640px) {
	
	.menu-holder {
		height: 70px;
	}
	
	.menu-holder .menu {
		height: 70px;
	}
	
	.menu-holder .menu:before {
		margin-top: 25px;
	}

}


/* OPENENING */

.opening { 
	padding-top: 40px;
}


/* COUNTDOWN MODAL */

.countdown-modal {
	z-index: 1006;
}

.countdown-modal,
.countdown-modal.show {
	height: -webkit-calc(100% - 140px, 140px, 140px, 140px);
	height: -moz-calc(100% - 140px, 140px, 140px, 140px);
	height: calc(100% - 140px, 140px, 140px, 140px);
	top: 70px;
}


/* LOWER PAGE */

.lower-page {
	position: relative;
	height: auto!important;
	min-height: inherit;
	overflow: hidden;
	margin-left: 50px;
	margin-right: 50px;
	background: none;
}

@media only screen and (max-width: 640px) {

	.lower-page {
		height: auto;
		min-height: inherit;
		margin-left: 10px;
		margin-right: 10px;
	}

}


/* IMPRINT, PRIVACY POLICE & DISCLAIMER MODAL */

.imprint-modal h6,
.privacy-modal h6,
.disclaimer-modal h6 {
	color: #111;
	font-family: 'Dosis', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.35em;
	line-height: 170%;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.imprint-modal h6,
.privacy-modal h6,
.disclaimer-modal h6 {
	margin-top: 40px;
}

.imprint-modal p,
.privacy-modal p,
.disclaimer-modal p {
	font-size: 13px;
	color: #111;
	text-align: left;
}

.imprint-modal .imprint p,
.disclaimer-modal .disclaimer p,
.privacy-modal .privacy p {
	font-size: 11px;
	text-align: left;
	width: 95%;
}

.privacy-modal .privacy h3 {
	padding-left: 10px;
	text-align: left;
	width: 95%;
}

.privacy-modal .privacy ul li {
	font-size: 11px;
	padding-left: 30px;
	text-align: left;
	width: 95%;
}

.imprint-closer,
.privacy-closer,
.disclaimer-closer {
	width: 20px;
	height: 20px;
	margin: 60px auto 40px auto;
	background: url(../img/countdown-closer.png) no-repeat center;
	cursor: pointer;
}

/*.countdown-icon {
	font-size: 25px;
	width: 50px;
	height: 70px;
}

.countdown-icon a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		 -o-transition: all 0.5s linear;
			transition: all 0.5s linear;
}

.countdown-icon a:hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		 -o-transition: all 0.5s linear;
			transition: all 0.5s linear;
}*/

.imprint-modal,
.privacy-modal,
.disclaimer-modal {
	position: fixed;
	width: -webkit-calc(100% - 140px);
	width: -moz-calc(100% - 140px);
	width: calc(100% - 140px);
	height: -webkit-calc(100% - 140px, 140px, 140px, 140px);
	height: -moz-calc(100% - 140px, 140px, 140px, 140px);
	height: calc(100% - 140px, 140px, 140px, 140px);
	top: 70px;
	left: 70px;
	bottom: 70px;
	right: 70px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	text-align: center;
	background: rgba(255,255,255, 1);
	visibility: hidden;
			opacity: 0;
	   -moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scale(0.75);
	   -moz-transform: scale(0.75);
		-ms-transform: scale(0.75);
		 -o-transform: scale(0.75);
			transform: scale(0.75);
	-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-x: hidden;
	overflow-y: auto;
	z-index: 1005;
}

.imprint-modal.show,
.privacy-modal.show,
.disclaimer-modal.show {
	width: -webkit-calc(100% - 140px);
	width: -moz-calc(100% - 140px);
	width: calc(100% - 140px);
	height: -webkit-calc(100% - 140px, 140px, 140px, 140px);
	height: -moz-calc(100% - 140px, 140px, 140px, 140px);
	height: calc(100% - 140px, 140px, 140px, 140px);
	top: 70px;
	left: 70px;
	bottom: 70px;
	right: 70px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	visibility: visible;
			opacity: 1;
	   -moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}

.fotodesign-link {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.35em;
	line-height: 170%;
	margin: 0 0 20px 0;
	color: #111;
	padding-top: 0px;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

.fotodesign-link a {
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		 -o-transition: all 0.5s linear;
			transition: all 0.5s linear;
}

.lower-page-footer-link {
	position: relative;
	height: auto;
	min-height: inherit;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	background: none;
}

.footer-link {
	text-align: center;
}

@media only screen and (max-width: 640px) {

	#imprint-wrapper,
	#privacy-wrapper,
	#disclaimer-wrapper {
		margin: 40px auto 40px -15px;
	}

	.imprint-modal h6,
	.privacy-modal h6,
	.disclaimer-modal h6 {
		margin: 40px auto 0 auto;
	}

	.imprint-modal p,
	.privacy-modal p,	
	.disclaimer-modal p {
		width: 95%;
	}

	.imprint-modal,
	.privacy-modal,
	.disclaimer-modal {
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
		height: -webkit-calc(100% - 160px, 40px, 40px, 40px);
		height: -moz-calc(100% - 160px, 40px, 40px, 40px);
		height: calc(100% - 160px, 40px, 40px, 40px);
		top: 80px;
		left: 20px;
		bottom: 20px;
		right: 20px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.imprint-modal.show,
	.privacy-modal.show,
	.disclaimer-modal.show {
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
		height: -webkit-calc(100% - 160px, 40px, 40px, 40px);
		height: -moz-calc(100% - 160px, 40px, 40px, 40px);
		height: calc(100% - 160px, 40px, 40px, 40px);
		top: 80px;
		left: 20px;
		bottom: 20px;
		right: 20px;
	}	
	
	.lower-page-footer-link {
		height: auto;
		min-height: inherit;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
}