/* PopUp css*/

/* Styles for dialog window */
.small-dialog {
	background: #ffffff;
	padding: 25px;
	text-align: left;
	max-width: 800px;
	margin: 20px auto 20px auto;
	position: relative;
}
			
			.job-dialog {
				background: white;
				padding: 20px 20px;
				text-align: left;
				max-width: 850px;
				margin: 40px auto;
				position: relative;
			}
			

.popup-textframe {
	padding: 20px;
	width: 100%;
/*	height: 700px;
	background-color: rgba(0, 0, 0, 0.9);
	visibility: hidden;
	opacity: 0;
	transition: opacity 1s;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
*/}

/*.small-dialog:hover .popup-textframe {
    visibility: visible;
    opacity: 1;
}
*/			
.popup-header {
	color: #1e1e1e;
	font-size: 1em;
	font-weight: 300;
	text-decoration: underline;
}
.popup-header span {
	color: #b51717;
	font-weight: 300;
}
.popup-subheader {
	color: #1e1e1e;
	font-size: .8em;
	font-weight: 300;
	text-decoration: underline;
}
.popup-subheader span {
	color: #b51717;
	font-weight: 300;
}
.popup-subsubheader {
	color: #1e1e1e;
	font-size: .8em;
	font-weight: 300;
	font-style: italic;
}
.popup-subsubheader span {
	color: #b51717;
	font-weight: 300;
}
.popup-description {
	color: #1e1e1e;
	font-size: 0.7em;
	font-weight: 300;
	text-align: left;
}
.popup-description li {
	margin-left: 15px;
}


.impressum-pop {
	background: white;
	padding: 25px 10px 10px 25px;
	text-align: left;
	max-width: 800px;
	margin: 20px auto 20px auto;
	position: relative;
}
.impressum-header {
	color: #1e1e1e;
	font-size: .8em;
	font-weight: 300;
	text-decoration: underline;
}
.impressum-header span {
	color: #b51717;
	font-weight: 300;
}
.impressum {
	font-size: .7em;
	font-weight: 200;
	color: #1e1e1e;
	text-align: justify;
	margin-right: 15px;
	margin-bottom: 15px;
}
.impressum a{
	color: #1e1e1e;
}
.impressum a:hover {
	color: #b51717;
}
			/**
			 * Fade-zoom animation for first dialog
			 */
			
			/* start state */
			.my-mfp-zoom-in .zoom-anim-dialog {
				opacity: 0;
			
				-webkit-transition: all 0.2s ease-in-out; 
				-moz-transition: all 0.2s ease-in-out; 
				-o-transition: all 0.2s ease-in-out; 
				transition: all 0.2s ease-in-out; 
				-webkit-transform: scale(0.8); 
				-moz-transform: scale(0.8); 
				-ms-transform: scale(0.8); 
				-o-transform: scale(0.8); 
				transform: scale(0.8); 
			}
			
			/* animate in */
			.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
				opacity: 1;
			
				-webkit-transform: scale(1); 
				-moz-transform: scale(1); 
				-ms-transform: scale(1); 
				-o-transform: scale(1); 
				transform: scale(1); 
			}
						
			/* animate out */
			.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
				-webkit-transform: scale(0.8); 
				-moz-transform: scale(0.8); 
				-ms-transform: scale(0.8); 
				-o-transform: scale(0.8); 
				transform: scale(0.8); 
			
				opacity: 0;
			}
			
			/* Dark overlay, start state */
			.my-mfp-zoom-in.mfp-bg {
				opacity: 1;
				-webkit-transition: opacity 0.3s ease-out; 
				-moz-transition: opacity 0.3s ease-out; 
				-o-transition: opacity 0.3s ease-out; 
				transition: opacity 0.3s ease-out;
			}
			/* animate in */
			.my-mfp-zoom-in.mfp-ready.mfp-bg {
				opacity: 0.98;
			}
			/* animate out */
			.my-mfp-zoom-in.mfp-removing.mfp-bg {
				opacity: 0;
			}
			
			
			
			/**
			 * Fade-move animation for second dialog
			 */
			
			/* at start */
			.my-mfp-slide-bottom .zoom-anim-dialog {
				opacity: 0;
				-webkit-transition: all 0.2s ease-out;
				-moz-transition: all 0.2s ease-out;
				-o-transition: all 0.2s ease-out;
				transition: all 0.2s ease-out;
			
				-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
				-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
				-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
				-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
				transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
			
			}
			
			/* animate in */
			.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
				opacity: 1;
				-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
				-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
				-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
				-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
				transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
			}
			
			/* animate out */
			.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
				opacity: 0;
			
				-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
				-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
				-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
				-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
				transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
			}
			
			/* Dark overlay, start state */
			.my-mfp-slide-bottom.mfp-bg {
				opacity: 0;
			
				-webkit-transition: opacity 0.3s ease-out; 
				-moz-transition: opacity 0.3s ease-out; 
				-o-transition: opacity 0.3s ease-out; 
				transition: opacity 0.3s ease-out;
			}
			/* animate in */
			.my-mfp-slide-bottom.mfp-ready.mfp-bg {
				opacity: 0.8;
			}
			/* animate out */
			.my-mfp-slide-bottom.mfp-removing.mfp-bg {
				opacity: 0;
			}