/* CSS Document */
#stellen>h1{
	margin-top: 0;
}

#stellen.liste .top{
	background: #E0E0E0;
}
#stellen.liste .top article:hover,
#stellen.liste article:hover{
	background: #EFEFEF;
}
#stellen.liste article{
	cursor: pointer;
	padding: 10px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#stellen.liste article .pensum{
	float: right;
}
#stellen.liste article a{
	font-size: 20px;
	font-family:'Ubuntu';
	line-height: 1.3em;
}



#stellen ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	border-collapse: separate;
	border-spacing: 0 5px;
}
#stellen ul ul{
	list-style: none;
	padding: 0 0 10px 20px;
	margin: 0;
}


#stellen ul li {
	padding-left: 0px;
	text-indent: 0px;
	display: table-row;
}




input[type="file"]{
	display: none;
}

.sb_upload_button{
	position: relative;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	display: block;
}
.sb_upload_container .ion-android-arrow-dropright{
	display: none;
}
.sb_upload_container{
	width: 100%;
	font-size: 16px;
	color: #929292;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 2px solid #DEDEDE;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 42px;
	position: relative;
}

.sb_upload_progress_bar{
	width: 0%;
	position: absolute;
	z-index: 1;
	height: 38px;

	-webkit-transition: width .25s, background .25s linear 1.5s;
	-moz-transition: width .25s, background .25s linear 1.5s;
	-ms-transition: width .25s, background .25s linear 1.5s;
	-o-transition: width .25s, background .25s linear 1.5s;
	transition: width .25s, background .25s linear 1.5s;
}

.sb_upload_progress_bar.upload-ok{
	background: #4caf50;
}


.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	fill: none;
	stroke: rgba(255,255,255,0.2);
	animation: tick-stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px rgba(255,255,255,0.2);
	animation: tick-fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	display: inline-block;
	position: relative;
	top: 2px;
}

.checkmark.big{
	width: 100px;
	height: 100px;
	animation: tick-fill-big .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	stroke-width: 5;
	animation: tick-stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes tick-stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes tick-scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes tick-fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px rgba(255,255,255,0.2);
	}
}

.error-string, .error-string i{
	font-size: 12px;
	color: #f44336;
	line-height: 1em !important;
	letter-spacing: 0;
}
.control {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	line-height: 26px;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #FFF;
	border: 2px solid #DEDEDE;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.control--radio .control__indicator {
	border-radius: 50%;
}
.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control__indicator:after {
	display: block;
}
.control--checkbox .control__indicator:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}
label.control{
	text-transform: none;
	text-align: left;
	font-size: 14px;
	width: calc(100% - 30px);
}

.control input:checked ~ .control__indicator {
	background: #204E93;
	border: 2px solid #204E93;

}
.control:hover input:not([disabled]):checked ~ .control__indicator,.control input:checked:focus ~ .control__indicator {
	background: #204E93;
}
.sb_upload_progress_text{
	padding: 10px 5px;
	font-size: 16px;
	position: absolute;
	top:0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.sb_upload_progress_text.inbar{
	z-index: 10;
	color: #FFFFFF;
}
textarea{ height: 200px;}

.sb_upload_progress_text .opener{
	height: 20px;
	overflow: hidden;
	margin: 0 auto;

	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}
.sb_upload_progress_text span{
	display: inline-block;
}
.sb_upload_button{
	cursor: pointer;
}
.sb_upload_progress_text,.sb_upload_progress_bar{
	display: none;
}


.sb_upload_progress_bar{
	background: #204E93;
}
.sb_upload_progress_text{
	color: #204E93;
}


#stellen ul li::before {
	content: "▪ ";
	position: relative;
	top: 1px;
	color: #204E93;
	padding-right: 10px;
	display: table-cell;
}


#stellen.liste h2:nth-of-type(n+2) {
	margin-top: 2em;
}

#stellen.detail h1{
	margin: 0.5em 0;
}

#stellen.detail img{
	width: 100%;
}


/* cs_some START */
#stellen .cs_some {
	height: 40px;
	width: 100%;
	margin-bottom: 20px;
	background: #43d854;
	overflow: hidden;
}

#stellen .cs_some img {
	background: 0;
	width: 20px;
	height: 20px;
}

#stellen .cs_some a {
	padding: 10px;
	height: 40px;
	width: 20%;
	display: block;
	float: left;
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: width .1s linear;
	-moz-transition: width .1s linear;
	-ms-transition: width .1s linear;
	-o-transition: width .1s linear;
	transition: width .1s linear;
}

#stellen .cs_some:hover a {
	width: 15%;
}

#stellen .cs_some a:hover {
	width: 40%;
}

#stellen .cs_some a svg {
	height: 20px;
	width: auto;
}

#stellen .cs_some .facebook {
	background: #3B5999;
}

#stellen .cs_some .whatsapp {
	background: #43d854;
}

#stellen .cs_some .twitter {
	background: #1DA1F2;
}

#stellen .cs_some .googleplus {
	background: #D73D32;
}

#stellen .cs_some .pinterest {
	background: #C92228;
}
#stellen .cs_some .linkedin{
	background: #0077B5;
}

/* cs_some STOP */

/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser gross
 * 
 * 1170px - 
 *************************************************************************************************/
@media only screen and (min-width: 1170px) {
}



/**************************************************************************************************
 * Browser gross
 * Browser normal / Tablet Landscape
 * 
 * 960px - 
 *************************************************************************************************/
@media only screen and (min-width: 960px) {
}



/**************************************************************************************************
 * Browser gross
 * Browser normal / Tablet Landscape
 * Browser schmal / Tablet Portrait
 * 
 * 768px - 
 *************************************************************************************************/
@media only screen and (min-width: 768px) {
}



/**************************************************************************************************
 * Browser normal / Tablet Landscape
 * 
 * 960px - 1169px
 *************************************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1169px) {
}



/**************************************************************************************************
 * Browser schmal / Tablet
 * 
 * 768px - 959px
 *************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}



/**************************************************************************************************
 * Browser schmal / Tablet Portrait
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 *  - 959px
 *************************************************************************************************/
@media only screen and (max-width: 959px) {
}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 *  - 767px
 *************************************************************************************************/
@media only screen and (max-width: 767px) {
}



/**************************************************************************************************
 * Smartphone Landscape
 * 
 * 480px - 767px
 *************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}



/**************************************************************************************************
 * Smartphone Portrait
 * 
 *  - 479px
 *************************************************************************************************/

.lnk {
	position: relative;}
.bewerben-button{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 10px 8px 10px;
	text-align: center;
	display: block;
	background: rgb(209,31,0);
	color: #FFF;
	border-radius: 4px;

	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-ms-transition: background .25s;
	-o-transition: background .25s;
	transition: background .25s;

	position: relative;
}

a.bewerben-button--2 {
	background: rgb(209,31,0);
	float: right;
}
a.bewerben-button--2:hover {
	background: rgb(231, 64, 35);
}

@media only screen and (max-width: 479px) {
	a.bewerben-button--2 {
		float: left;
		margin-top: 30px;
	}
}

/* .bewerben-button.fixed{
	position: fixed;
	top: 20px;
} */
.bewerben-button.fixed {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 325px !important;
	margin-right: 15px;
}

.bewerben-button:hover{
	background: rgb(231, 64, 35);
	color: #FFF;
}

.bewerben-button .ion-android-arrow-dropright{ display: none; }


label {
	clear: left;
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
label span.red, label.error {
	color: rgb(209,31,0);
}
input[type="text"].error, input[type="email"].error, input[type="number"].error, textarea.error, select.error {
	background: #ffebee;
}
input[type="text"], input[type="email"], input[type="number"], textarea, select {
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #D0D0D0;
}