@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;
}

.jobbewerbungscrollen-out
{
    width:100%;
    height:270px;
    display:block;
    padding:4px;
}

.jobbewerbungscrollen-out-rahmen
{
    border:solid 1px #B1B3B4;
}



.jobbewerbungscrollen
{
	height:260px;
	width:100%;
	overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    
}

.jobbewerbungscrollen::-webkit-scrollbar {
    display: none;
}

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

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

.job-scroll-button-oben-pos, .job-scroll-button-unten-pos
{
    width:37px;
    height:37px;
    position:absolute;
    left:0px;
    top:0px;
}

.job-scroll-button-unten-pos
{
    top:49px;
}

.job-scroll-button-oben, .job-scroll-button-unten
{
    width:100%;
    height:auto;
}

.job-scroll-button-out
{
    position:absolute;
    width:37px;
    height:85px;
    top:120px;
    right:-44px;
}

.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 #B1B3B4;
	border-radius:42px;
	top:0px;
	font-size:28px;
	font-weight:400;
	color:#B1B3B4;
	text-align:center;
	line-height:1;
	padding-top:7px;
	cursor:pointer;
}

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


#bwn1
{
	left:0px;
}

#bwn2
{
	left:62px;
}

#bwn3
{
	left:124px;
}

#bwn4
{
	left:186px;
}

#bwn5
{
	left:248px;
}

.nummericonaktiv
{
	border-color:#AF0917;
	color:#AF0917;
}

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

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

.bewerberbutton
{
    padding-top:12px;
    border: 1px solid #AF0917;
    color: #AF0917;
    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 #AF0917;
    color: #AF0917;
    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:#AF0917;
	border-color:#AF0917;
}

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




.bewerbungsbutton
{
    padding-top:8px;
    border: 1px solid #AF0917;
    color: #FFFFFF;
    display:block;    
    font-size: 16px;
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:210px;
	height:39px;
	cursor: pointer;
	background:#AF0917;
	text-transform:uppercase;
}

.bewerbungsbutton:hover
{
    background: #ffffff;
    color:#AF0917;
	border-color:#AF0917;
}


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


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




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


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

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

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

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

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

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

.job-form input
{
	width:290px;
	height:50px;
	padding-left:10px;
	border: 1px solid #B1B3B4;
	-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 #B1B3B4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0 none; 
	font-size:16px;
	resize: none;
}

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


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

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


.job-form .datei-upload 
{
   	padding-left:20px;
	padding-top:10px;
    border: 1px solid #AF0917;
    color: #AF0917;
    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 #B1B3B4;
    color: #B1B3B4;
    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 #B1B3B4;
}

/* 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 #AF0917;
  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:#AF0917;
}

.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;
	}	
    
     .job-scroll-button-out
    {
        display:none!important;
    }
}
@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;
	}	
	
}