@charset "UTF-8";

.bewerbung
{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.5);
	display:none;
	z-index:99990;
}

.bewerbungsfensterout
{
	position:absolute;
	top:16%;
	width:100%;
	height:auto;
}


.bewerbungsfenster
{
	width:830px;
	min-height:615px;
	display:block;
	background-color:#cccccc;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.weg-x-button
{
	width:42px;
	height:auto;
	position:absolute;
	right:20px;
	top:20px;
}

.weg-x-button-bewerbung
{
	width:100%;
	height:auto;
	cursor:pointer;
}

.nummernfeld
{
	width:290px;
	height:42px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:80px;
}

.nummernicon
{
	width:42px;
	height:42px;
	position:absolute;
	border:1px solid #A7A6A6;
	border-radius:42px;
	top:0px;
	font-size:28px;
	font-weight:400;
	color:#A7A6A6;
	text-align:center;
	line-height:1;
	padding-top:7px;
	cursor:pointer;
}


#bwn1
{
	left:0px;
}

#bwn2
{
	left:62px;
}

#bwn3
{
	left:124px;
}

#bwn4
{
	left:186px;
}

#bwn5
{
	left:248px;
}

.nummericonaktiv
{
	border-color:#0f1464;
	color:#0f1464;
}

.nummericonfertig
{
	border-color:#ffffff;
	color:#cccccc;
	background:#0f1464;
}

.bewerbungsbuttonposition
{
	position:absolute;
	left:0px;
	bottom:80px;
	width:100%;
}

.bewerberbutton
{
    padding-top:12px;
    border: 1px solid #0f1464;
    color: #0f1464;
    display:block;    
    font-size: 16px;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	text-transform:uppercase;
}

.bewerberbuttonsubmit
{
    padding-top:6px;
    border: 1px solid #0f1464;
    color: #0f1464;
    display:block;    
    font-size: 16px;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:200px;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	text-transform:uppercase;
	line-height:1;
}

.bewerberbutton:hover, .bewerberbuttonsubmit:hover
{
    background: #ffffff;
    color:#0f1464;
	border-color:#0f1464;
}

.bewerberbuttonmarkiert
{
    background: #0f1464;
    color:#ffffff;
	border-color:#ffffff;
}



.bewerbungsauswahlfensterposition
{
	position:absolute;
	left:0px;
	top:160px;
	width:100%;
}


.bewerbungsauswahlfenster
{
	width:290px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#baf1, #baf2, #baf3, #baf4, #baf5, #baf6
{
	display:none;
}


.bewerbungauswahlbutton
{
	padding: 10px 10px;
    border: 1px solid #0f1464;
    color: #0f1464;
    display:block;    
    font-size: 20px;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:290px;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	user-select: none;
}

.bewerbungauswahlbutton:hover
{
    background: #0f1464;
    color:#ffffff;
	border-color:#0f1464;
}

.bewerbungauswahlbuttonmarkiert
{
    background: #0f1464;
    color:#ffffff;
	border-color:#0f1464;
}

.bewerbertextsubheader
{
	color:#000000;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
	line-height:1;
}

.bewerbertextfooter
{
	color:#000000;
	font-size:16px;
	text-align:center;
	font-weight:400;
	line-height:1;
}

.job-form ::placeholder
{
	color: #A7A6A6;
	opacity: 1;
}

.job-form input
{
	width:290px;
	height:50px;
	padding-left:10px;
	border: 1px solid #A7A6A6;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0 none; 
}

.job-form textarea
{
	width:290px;
	height:178px;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #A7A6A6;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0 none; 
	font-size:16px;
	resize: none;
}

.inputfeldmeldung
{
	border: 2px solid #0f1464!important;
}


.job-form input:focus, .job-form input:hover, .job-form textarea:focus, .job-form textarea:hover
{
	border: 1px solid #0f1464;
}

.job-form input[type="file"] 
{
    display: none;
}


.job-form .datei-upload 
{
   	padding-left:20px;
	padding-top:10px;
    border: 1px solid #0f1464;
    color: #0f1464;
    display:block;    
    font-size: 20px;
    transition: all .5s;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:290px;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	user-select: none;
	position:relative;
}

.job-form .datei-upload:hover
{
   	padding-left:20px;
	padding-top:10px;
    border: 1px solid #A7A6A6;
    color: #A7A6A6;
    display:block;    
    font-size: 20px;
    transition: all .5s;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:290px;
	height:50px;
	cursor: pointer;
	background:#ffffff;
	user-select: none;
	position:relative;
}



.job-form .datei-upload-pfeil
{
	position:absolute;
	width:8px;
	height:auto;
	right:20px;
	top:9px;
}

.abstand-file
{
	width:100%;
	height:25px;
	font-size:14px;
	font-weight:300;
	line-height:1;
	padding-top:6px;
	color:#000000;
	text-align:center;
	position:relative;
}

.bewerbertextdatenschutz
{
	width:100%;
	position:relative;
	padding-left:34px;
	font-size:12px;
	line-height:1.1;
}

.bewerberdatenschutzbutton
{
	position:absolute;
	left:0px;
	top:0px;
	width:25px;
	height:25px;
}

.bewerbercheckboxlabel {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.bewerbercheckboxlabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.bewerbercheckbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: solid #A7A6A6;
}

/* On mouse-over, add a grey background color */
.bewerbercheckboxlabel:hover input ~ .bewerbercheckbox {
  background-color: #cccccc;
}

/* When the checkbox is checked, add a blue background */
.bewerbercheckboxlabel input:checked ~ .bewerbercheckbox {
  background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.bewerbercheckbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.bewerbercheckboxlabel input:checked ~ .bewerbercheckbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.bewerbercheckboxlabel .bewerbercheckbox:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #0f1464;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bewerberschlusstext
{
	width:100%;
	font-size:16px;
	font-weight:500;
	text-align:center;
}

.dateifehler
{
	font-weight:400;
	color:#0f1464;
}

.delete-icon
{
	width:12px;
	height:auto;
	display:block;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:6px;
}

#bfile1deleteicon, #bfile2deleteicon, #bfile3deleteicon, #upload-kreis
{
	display:none;
}

.upload-kreis
{
	width:143px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


@media (max-width: 991px)
{

	.bewerbungsfensterout
	{
		top:100px;
		padding-right:80px;
		padding-left:80px;
	}	

	.bewerbungsfenster
	{
		width:100%;
		min-height:615px;
	}

	}

	@media (max-width: 767px)
	{

	.bewerbungsfensterout
	{
		top:100px;
		padding-right:40px;
		padding-left:40px;
	}	

	.bewerbungsfenster
	{
		width:100%;
	}

}

@media (max-width: 575px)
{

	.bewerbungsfensterout
	{
		top:80px;
		padding-right:15px;
		padding-left:15px;
	}	

	.bewerbungsfenster
	{
		width:100%;
		min-height:0px;
		height:580px;
	}

	.weg-x-button
	{
		right:15px;
		top:15px;
	}

	.bewerbungsbuttonposition
	{
		bottom:45px;
	}	
	
}

@media (max-width: 370px)
{

	.bewerbungsfensterout
	{
		top:15px;
		padding-right:5px;
		padding-left:5px;
	}	

	.bewerbungsfenster
	{
		height:540px;
	}

	.weg-x-button
	{
		right:5px;
		top:5px;
	}

	.bewerbungsbuttonposition
	{
		bottom:15px;
	}	
	
}