/* =============================== *\

	Allgemeine Seiten &
	Formatierungen

\* =============================== */

/* === FONTS === */
body *,
body *,
body * {
	font-family: 'Barlow', 'Arial', sans-serif;
}

body h1,
body h2,
body h3 {
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
}


/* === HEADER === */
#body-user #header,
#body-settings #header,
#body-public #header {
	background-color: rgb(0,50,70);
}


/* =============================== *\

	LOGIN PAGE

\* =============================== */
#body-login {
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

#body-login.brandgrad-bg-image-1  { background-image    : url("../img/space-web/01.jpg") !important; }
#body-login.brandgrad-bg-image-2  { background-image    : url("../img/space-web/02.jpg") !important; }
#body-login.brandgrad-bg-image-3  { background-image    : url("../img/space-web/03.jpg") !important; }
#body-login.brandgrad-bg-image-4  { background-image    : url("../img/space-web/04.jpg") !important; }
#body-login.brandgrad-bg-image-5  { background-image    : url("../img/space-web/05.jpg") !important; }
#body-login.brandgrad-bg-image-6  { background-image    : url("../img/space-web/06.jpg") !important; }
#body-login.brandgrad-bg-image-7  { background-image    : url("../img/space-web/07.jpg") !important; }
#body-login.brandgrad-bg-image-8  { background-image    : url("../img/space-web/08.jpg") !important; }
#body-login.brandgrad-bg-image-8  { background-image    : url("../img/space-web/08.jpg") !important; }
#body-login.brandgrad-bg-image-9  { background-image    : url("../img/space-web/09.jpg") !important; }
#body-login.brandgrad-bg-image-10 { background-image    : url("../img/space-web/11.jpg") !important; }
#body-login.brandgrad-bg-image-11 { background-image    : url("../img/space-web/11.jpg") !important; }
#body-login.brandgrad-bg-image-12 { background-image    : url("../img/space-web/12.jpg") !important; }

#body-login .v-align {
	padding                   : 10px 25px 10px 25px;
	border-radius             : 15px;
	background-color          : rgba(0,50,70,0.7);

	margin-top : -320px;
	opacity    : 0;

	animation-delay           : 0.5s;
	animation-duration        : 1s;
	animation-name            : slidein;
	animation-iteration-count : 1;
	animation-direction       : alternate;
	animation-fill-mode       : forwards
}
	@keyframes slidein {
		0% {
			margin-top : -320px;
			opacity    : 0;
		}

		100% {
			margin-top : -120px;
			opacity    : 1;
		}
	}

#body-login #header {
	padding-top : 0px;
}

#body-login #header .logo {
	width               : 252px;
	height              : 120px;
	margin              : 0 auto;
	background-image    : url(../img/logo.svg);
	background-repeat   : no-repeat;
	background-size     : 250px;
	background-position : center center;
}

#body-login footer, #body-login .push {
	height : 0px;
}

#body-login input {
	margin      : 5px;
	padding     : 11px 10px 9px;
	font-size   : 14px;
	line-height : 44px;
}

#body-login .warning,
#body-login .update,
#body-login .error{
	background-color : rgb(255,0,0,0.7);
}



/* =============================== *\

	Öffentlicher Download Link

\* =============================== */

#body-public{
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : cover;
}

#body-public.brandgrad-bg-image-1  { background-image    : url("../img/space-web/01.jpg") !important; }
#body-public.brandgrad-bg-image-2  { background-image    : url("../img/space-web/02.jpg") !important; }
#body-public.brandgrad-bg-image-3  { background-image    : url("../img/space-web/03.jpg") !important; }
#body-public.brandgrad-bg-image-4  { background-image    : url("../img/space-web/04.jpg") !important; }
#body-public.brandgrad-bg-image-5  { background-image    : url("../img/space-web/05.jpg") !important; }
#body-public.brandgrad-bg-image-6  { background-image    : url("../img/space-web/06.jpg") !important; }
#body-public.brandgrad-bg-image-7  { background-image    : url("../img/space-web/07.jpg") !important; }
#body-public.brandgrad-bg-image-8  { background-image    : url("../img/space-web/08.jpg") !important; }
#body-public.brandgrad-bg-image-8  { background-image    : url("../img/space-web/08.jpg") !important; }
#body-public.brandgrad-bg-image-9  { background-image    : url("../img/space-web/09.jpg") !important; }
#body-public.brandgrad-bg-image-10 { background-image    : url("../img/space-web/11.jpg") !important; }
#body-public.brandgrad-bg-image-11 { background-image    : url("../img/space-web/11.jpg") !important; }
#body-public.brandgrad-bg-image-12 { background-image    : url("../img/space-web/12.jpg") !important; }

#body-public #content-wrapper #content{
	display         : flex;
	justify-content : center;
	align-items     : center;

}
#body-public #content-wrapper #content #preview{
	padding                   : 25px 25px 25px 25px;
	max-width                 : 90%;
	background-color          : rgba(255,255,255,0.8);
	border-radius             : 25px;
	margin-top                : -220px;
	opacity                   : 0;
	animation-delay           : 0.5s;
	animation-duration        : 1s;
	animation-name            : slidein;
	animation-iteration-count : 1;
	animation-direction       : alternate;
	animation-fill-mode       : forwards
}
@keyframes slidein {
	0% {
		margin-top : -220px;
		opacity    : 0;
	}

	100% {
		margin-top : 0px;
		opacity    : 1;
	}
}

#body-public .directDownload #downloadFile {
	padding          : 15px 15px 15px 15px;
	color            : rgb(255,255,255);
	border-radius    : 10px;
	background-color : rgb(230,40,20);
	border           : 1px solid rgb(200,10,0);
	transform        : scale(1);
	box-shadow       : 0px 1px 1px rgba(0,0,0,0.7);
	transition       : all 0.2s;
}
#body-public .directDownload #downloadFile:hover {
	transform        : scale(1.1);
	background-color : rgb(250,60,40);
	box-shadow       : 0px 5px 10px rgba(0,0,0,0.5);
}

#body-public .directDownload, .directLink {}
#body-public .directDownload, .directLink label{}
#body-public .directDownload, .directLink input{}

/* === Header ==== */
#body-public #save { display : none }
