@font-face {
  font-family:'Roboto';
  src:local('Roboto'), local('Roboto'), url(../fonts/roboto-regular.woff) format('woff');
}

@font-face {
  font-family:'Inconsolata';
  src:local('Inconsolata'), local('Inconsolata'), url(../fonts/Inconsolata.woff) format('woff');
}

@font-face {
  font-family:'Caveat';
  src:local('Caveat'), local('Caveat'), url(../fonts/Caveat-Regular.woff) format('woff');
}

.clear-font {
	font-family:Inconsolata, Verdana;
	font-size:120%;
}

* {
  box-sizing: border-box;
}

html, body {
	height: 100%;
}

body {
	background:url('../images/back.jpg');
	background-color:#40403d;
	font-size:16px;
	line-height:100%;
	margin:0em;
	padding:0em;
	padding-bottom:0px;
	color:#565656;
	
}

body,
button,
input,
textarea
{
	font-family:Roboto, Verdana;
}

.display_none {
	display: none !important;
}

a.magnific-popup {
	font-weight: bold;
}

.output {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	
	margin-top: 0.9em;
	padding: 0.4em 1.1em;
	min-height: 1.6em;
	max-width: 30em;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E7E7E7;
	border-radius: 0.3em;
	z-index: 999;
}

.button__info1 {
	position: absolute;
	width: 14px;
	margin-top: 2px;
	margin-left: 6px;
	fill: #5F5F5F;
	cursor: pointer;
}

.success {
	background-color: #10862C;
	color: #fff;
}

.error {
	background-color: #A80000;
	color: #fff;
}

svg.svg_symbol {
	display: none;
}


input:focus {
	/*outline:0;*/
	/*border:1px solid #49818C;*/
}

button:disabled {
	opacity: 0.4;
}

a:link { text-decoration:none; color:#3284c3; }
a:visited { text-decoration:none; color:#3284c3; }
a:hover { text-decoration:none; color:#43c4ec; }
a:active { text-decoration:none; color:#43c4ec; }

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.bold {
	font-weight: bold;
}

.text-align_center {
    text-align: center;
}

.display-none {
	display: none !important;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

#page {
	width:100%;
	max-width:960px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:60px;
	box-shadow:0px 0px 20px #202020;
}

@media only screen and (max-width: 580px) {
	#page {
		margin-bottom:0px;
		box-shadow:none;
	}
}

.nojs_error {
	background-color: #fff; 
	border: 3px solid #E39B54;
	border-radius: 5px; 
	padding: 8px 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
	margin-right: 40px;
}

.nojs_error {
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 0;}
    70%  {opacity: 0;}
    100% {opacity: 1;}
}

#top {
	position: relative;
	height:29px;
	max-width: 100%;
	/*background-color:#000000;*/
	background-color:#000000;
	display: flex;
	border-bottom: 2px solid #313131;
}

#top img.manda-audio-small {
	width:140px;
	margin-top:6px;
	margin-left:19px;
	opacity:0.5;
}

#top img.manda-audio-small:hover {
	opacity:1.0;
}

#top img.logo-alpha-mobile {
	display:none;
	margin-right:25px;
	margin-left:14px;
	max-height: 30px;
	align-self: center;
}

@media only screen and (max-width: 580px) {
	#top img.logo-alpha-mobile {
		max-height: 20px;
	}
}

@media only screen and (max-width: 355px) {
	#top img.logo-alpha-mobile {
		max-height: 10px;
	}
}


nav {
	display: block;
	width: 100%;
	position: sticky;
	/*position: -webkit-sticky;*/
	top: 0;
	margin-bottom: 0;
	/*background:url('../images/nav-back-blank.gif') top repeat-x;*/
	background-color:#161616;
	/*background-color:#232323;*/
	color:#FFFFFF;
	line-height:0px;
	height:70px;
	/*border: 1px solid #3D3D3D;*/
	overflow: visible;
	z-index: 99;
}

@media only screen and (max-width: 580px) {
	nav {
		height:auto;
		text-align:center;
	}
}

nav img {
	width:275px;
	margin-top:15px;
	margin-left:19px;
	float:left;
}

nav ul {
	list-style:none;
	margin:0;
	float:right;
	display:block;
	padding-left:0;
	padding-right:10px;
	padding-top:33px;
	padding-bottom:33px;
}

@media only screen and (max-width: 1300px) {
	
	#top {
		height:63px;
	}
	
	#top img.manda-audio-small {
		display:none;
	}
	
	#top img.logo-alpha-mobile {
		display:block;
	}
	
	nav {
		text-align:center;
	}
	
	nav img {
		display:none;
	}
	
	nav ul {
		float:none;
		padding-left:0px;
		padding-right:0px;
	}
}

@media only screen and (max-width: 580px) {
	#top {
		height:52px;
	}
}

@media only screen and (max-width: 580px) {
	nav ul {
		float:none;
		padding-left:0px;
		padding-right:0px;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:0px;
		vertical-align:bottom;
		text-align:center;
	}
}

nav ul li {
    display:inline;
	margin:0;
	/*padding-top:22px;
	padding-bottom:25px;*/
	padding-top:7px;
	padding-bottom:8px;
	border-radius: 8px;
}

@media only screen and (max-width: 580px) {
	nav ul li {
		display:inline-block;
		padding-top:16px;
		padding-bottom:20px;
	}
}


nav ul li:hover {
	background:rgba(255,255,255,0.1);
}

nav ul li:active {
	background:rgba(255,255,255,0.3);
}
  
.nav-li-active {
	/*background:rgba(255,255,255,0.1);*/
	background:rgba(255,255,255,0.15);
}

nav ul li a:link,
nav ul li a:visited {
	text-decoration:none;
	color:#FFFFFF;
	padding-left:13px;
	padding-right:13px;
	/*padding-top:22px;
	padding-bottom:25px;*/
	padding-top:7px;
	padding-bottom:8px;
	border-radius: 8px;
}

@media only screen and (max-width: 580px) {
	nav ul li a:link,
	nav ul li a:visited {
		font-size:11px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:5px;
		padding-right:5px;
	}
}

@media only screen and (max-width: 337px) {
	nav ul li a:link,
	nav ul li a:visited {
		font-size:13px;
	}
}


.header_wrap {
	width: 339px;
	text-align: center;
}


.header_h {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	/*margin-left: 88px;*/
	margin-top: 228px;
	font-size: 28px;
	font-weight: bold;
}


#content {
	position: relative;
	/*background: url('../images/content-verlauf.gif') top repeat-x;*/
	background-color: #FFFFFF;
	width:100%;
	/*max-width:960px;*/
	display:inline-block;
}


#waves-end {
	position: relative;
	background: url('../images/waves-end.jpg') repeat-x;
	width: 100%;
	height: 44px;
	margin-top:0px;
}




footer {
	background-color:#000000;
	color:#727272;
	width:100%;
	/*max-width:960px;*/
	font-size:12px;
	padding-top:7px;
	padding-bottom:8px;
	margin-bottom:0px;
}

#footer-left {
	float:left;
	display:block;
	margin-left:7px;
	z-index:10;
}

#footer-right {
	float:right;
	display:block;
	margin-right:7px;
}

@media only screen and (max-width: 730px) {
	
	footer {
		text-align:center;
		font-size:11px;
		line-height:25px;
	}
	
	#footer-left {
		float:none;
		display:none;
	}
	
	#footer-right {
		float:none;
		margin-top:3px;
		margin-right:0px;
	}
}

footer a:link, footer a:visited {
	text-decoration:none;
	color:#848484;
}

footer a:hover, footer a:active {
	text-decoration:none;
	color:#FFFFFF;
}

.line-horizontal {
	width:100%;
	height:1px;
	background-color:#9E9E9E;
}


.btn_submit {
	color:#1F1F1F;
	font-size:18px;
	border:1px solid #969696;
	border-radius: 7px;
	background-color:#FFFFFF;
	padding:5px 14px;
	display: inline-block;
	margin-top:14px;
	margin-bottom:0px;
	cursor: pointer;
}

.btn_submit:hover {
	filter: brightness(0.95);
}

.btn_submit:active {
	filter: brightness(1.2);
	outline: 2px solid #6BB5EB;
}

.btn_submit--contrast {
	color:#fff;
	border:1px solid #1875BA;
	background: rgb(57,122,170);
	background: linear-gradient(0deg, rgba(57,105,170,1.00) 0%, rgba(97,142,203,1.00) 100%); 
}

.btn_submit--contrast:hover {
	filter: brightness(1.15);
}

.btn_submit--contrast:active {
	background: linear-gradient(0deg, rgba(97,142,203,1.00) 100%, rgba(57,105,170,1.00) 0%); 
}

@media only screen and (max-width: 580px) {
	
	.btn_submit {
		font-size:16px;
		border-radius: 5px;
		padding:6px 14px;
		text-align: left;
	}

}









/*section type because it has to be distinguished from div for ajax result target.*/
.captcha_error_text {
	max-width:750px;
	margin-left:87px;
	margin-right:40px;
	margin-top:18px;
	margin-bottom:30px;
	line-height:150%;
	display:inline-block;
}






#page-only-available-wrapper {
	text-align: center;
	margin: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

#page-only-available-wrapper div.content {
	background-color: #EB8E46;
	color: #fff;
	padding: 4px 12px;
	display: inline-block;
	border-radius: 6px;
}

#page-only-available-wrapper div.text {
	display: inline-block;
}

#page-only-available-wrapper-close {
	display: inline-block;
	margin-left: 4px;
	border: 1px solid #E3CA8C;
	border-radius: 4px;
	padding: 0px 7px 1px 7px;
	cursor: pointer;
}

#page-only-available-wrapper-close:hover {
	background-color: #F4B27F;
}



/*Captcha Mobil*/

@media only screen and (max-width: 500px) {
	
	.captcha_error_text {
		max-width:90%;
		margin-top:38px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	.g-recaptcha {
		transform:scale(0.95);
		-webkit-transform:scale(0.95);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}

	.transform2 {
		transform:scale(0.9);
		-webkit-transform:scale(0.9);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	#page-only-available-wrapper-close {
		display: none;
	}

}


.debug_object_name {
	position: absolute; 
	color: red; 
	font-size: 12px;
	margin-top: -17px;
}


a.admin_edit {
	color: red !important; 
	font-size: 14px !important;
}

a.admin_edit:hover {
	text-decoration: underline !important;
}

a.admin_edit.object_found_in_job,
a.admin_edit.already_in_group
{
	color: #CCCCCC !important;
}


.mfp-content {
    max-width:1000px;
 }

/*.mfp-wrap.iframe_one_image .mfp-content {
    max-width:1000px;
	height: 726px;
}

.mfp-wrap.iframe_multiple_images .mfp-content {
    height:100%;
}*/




#overlay_please-wait {
	background-color:rgba(0, 0, 0, 0.95);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	animation: fadeIn ease 0.6s;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}