/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/

#joboffer {
	background: linear-gradient(180deg, rgba(239, 239, 239, 0.3) 300px, rgba(239, 239, 239, 1) 800px),
	url(../../../421111/2020-11-16-15:35:27/3ee51417-ef8a-4a9a-a891-0383260c21a9/111620_Bau_Projektkaufmann/img/stst_bg.jpg) no-repeat top center;
	background-size: 100%;
	margin: 0px auto;
	padding: 20px 0;
	position: relative;
}

#joboffer #joboffer-container {
	max-width: 834px;
	padding: 30px 0px 100px;
	color: #3a434f;
	text-align: left;
	font: 16px/1.5 Helvetica Neue,Arial,sans-serif;
	background: none transparent;
	background-size: 100%;
	border: none;
	margin: 0px auto;
	position: relative;
	box-sizing: border-box;
	word-wrap: break-word;
}

#joboffer .card {
	border: 1px solid rgba(220, 223, 226, 0.8);
/* 	border-radius: 3px; */
	margin-bottom: 10px;
	background-color: #fff;
	margin-top: 12px;
}

#joboffer .card #header-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: block;
/* 	border-radius: 3px; */
}

#joboffer .card #header-slider img.animate-images {
	opacity: 0;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	right: 0;
}

#joboffer .card #header-slider img {
	object-fit: fill;
	overflow: hidden;
	display: block;
	outline: 0;
	margin: 0;
	max-width: 834px;
	width: 100%;
	height: 100%;
}

@keyframes fade2 {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fade3 {
	0% {
		opacity: 0;
	}

	11.11% {
		opacity: 1;
	}

	33.33% {
		opacity: 1;
	}

	44.44% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

#joboffer #joboffer-logo {
	width: 120px;
	height: 120px;

	background: url(../images/1588679643-logo_stst_taurecon_bb5bea0eef.gif) no-repeat center;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0 15px 0 0;
	float: left;
	border: 1px solid rgba(220, 223, 226, 0.8);
	background-size: 100%;
}

/*XXXXXXXXXXXXXX Div ID-Infos XXXXXXXXXXXXXXXXXX*/


#joboffer #company-continfo a {
	position: relative;
	text-decoration: underline;
	font-weight: inherit;
	color:
		#8baa2c
	;
}

#joboffer #vid iframe {
	width: 100%;
	max-width: 834px;
}

#joboffer address {
	font-style: normal;
	padding: 9px 10px 0 0px;
	margin: 0 -30px;
}


/*XXXXXXXXXXXXXX gebr�uchliche Tags XXXXXXXXXXXXXXXXXX*/

#joboffer h3 {
	font-size: 18px;
	color: #8baa2c;
	padding: 0px;
	margin: 0 0 18px 0;
	font-weight: bold;
}

#joboffer h4 {
	font-size: inherit;
	color: inherit;
	font-size: 17px;
}

#joboffer h5 {
	font-size: inherit;
	color: inherit;
}

/* h2 f�r den Jobtitel */

#joboffer h2 {
	font-size: 28px;
	padding: 0;
	color: #000000;
	text-align: left;
	margin: 0 0 15px;
	line-height: 27px;
}

/* h2 f�r den Jobtitel */

#joboffer h2 span {
	font-size: 15px;
	font-weight: bold;
	display: block;
	color: inherit;
}

/* Liste */

#joboffer ul {
	list-style-type: disc;
	margin-left: 0;
	position: relative;
	text-align: left;
	line-height: 1.5em;
}


#joboffer ul ul {
    list-style-type: circle;
}


#joboffer li {
	margin-left: 20px;
	position: relative;
	line-height: 1.5em;
}

#joboffer .listing-list {
	margin: 0px;
}

/* Links */


#joboffer #link:before {
	position: absolute;
	width: 100%;
	background: #33434c;
	display: block;
	height: 2px;
	content: "";
	bottom: 0;
	right: 0;
}

#joboffer #link {
	color: #33434c;
	padding: 0px 1px;
	margin: 0 -1px;
	position: relative;
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

#joboffer #apply {}

/* Sonstiges*/

#joboffer strong {
	color: inherit;
	font-weight: 600;
}

#joboffer b {
	color: inherit;
}

/* die Spalten */

#joboffer .joboffer-left {
	float: left;
	width: 48%;
}

#joboffer .joboffer-main {}

#joboffer .joboffer-right {
	float: right;
	width: 48%;
}

#joboffer .joboffer-clear {
	clear: both;
	zoom: 1;
}

/* XXXXXXXXXXXXXXXX Blocksatz bei 1 Zeile XXXXXXXXXXXXXXXXXXXX */

#joboffer .justify {
	overflow: hidden;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}

#joboffer .justify:after {
	display: inline-block;
	width: 100%;
	content: '.';
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/*XXXXXXXXXXXXXXXXXXX Allgemein (don't touch) XXXXXXXXXXXXXXXXXXXX*/

img[itemprop="brandingImageHero"] {
	display: none;
}

#joboffer .weblink {
	color: #000;
	text-decoration: none;
	padding: 5px 30px;
	margin: 0px;
	background: #efefef;
	position: absolute;
	right: 0px;
	bottom: 0px;
	behavior: url(../../../../../upload_de/offers/htmlfiles/commonJS/PIE.htc);
}

#joboffer .weblink:hover {
	color: #444;
	text-decoration: none;
	background: #fff;
	position: absolute;
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;
	behavior: url(../../../../../upload_de/offers/htmlfiles/commonJS/PIE.htc);
}

#joboffer sup,
#joboffer sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

#joboffer sub {
	top: 0.4em;
}

/* clearfix hack */

.jo-clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.jo-clearfix {
	display: inline-block;
}

* html .jo-clearfix {
	height: 1%;
}

.jo-clearfix {
	display: block;
}

#joboffer img {
	border: none;
}

#joboffer a img {
	border: none;
	background: none;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1;


}

#joboffer .smaller {
	font-size: 0.8em;
}


#joboffer .place {
	background: url(_/s3.eu-central-1.amazonaws.com/staging-ads2-recruvise-com/static/stepstone_LD_simulator/place.png) no-repeat left center;
		padding-left: 25px;
	float: left;
	margin-right: 12px;
}

#joboffer .time {
	background: url(_/s3.eu-central-1.amazonaws.com/staging-ads2-recruvise-com/static/stepstone_LD_simulator/time.png) no-repeat left center;
		padding-left: 25px;
	float: left;
	margin-right: 12px;
}

#joboffer .type {
	background: url(_/s3.eu-central-1.amazonaws.com/staging-ads2-recruvise-com/static/stepstone_LD_simulator/type.png) no-repeat left 2px;
		padding-left: 25px;
	float: left;
	margin-right: 12px;
}

#joboffer .online {
	background: url(_/s3.eu-central-1.amazonaws.com/staging-ads2-recruvise-com/static/stepstone_LD_simulator/online.png) no-repeat left center;
		padding-left: 25px;
	float: left;
	margin-right: 12px;
}

#joboffer #facts {
	float: left;
}

#joboffer #topbox {
	margin-bottom: 10px;
	background: url(_/s3.eu-central-1.amazonaws.com/staging-ads2-recruvise-com/static/stepstone_LD_simulator/buttons.png) no-repeat 19px bottom #fff;
/* 		border-radius: 5px; */
	padding-bottom: 80px;
	padding: 20px 20px 57px;
	border-bottom: 23px solid #FFF;
}

#joboffer h6 {
	font-size: 18px;
	font-weight: bold;
}

#joboffer p {
	margin: 0 0 12px 0;
}

@media (max-width: 834px) {

	#joboffer #joboffer-container {
		max-width: 834px;
		padding: 30px 0px 100px;
		color: #3a434f;
		text-align: left;
		font: 14px/1.7 Arial, Helvetica, sans-serif;
		background: none transparent;
		background-size: 100%;
		border: none;
		margin: 0px auto;
		position: relative;
		box-sizing: border-box;
		word-wrap: break-word;
	}

	#joboffer {
		background: none #efefef;
		margin: 0px auto;
		padding: 20px 0;
		position: relative;
	}

}

#joboffer .listing-header {
/* 	border-top-right-radius: 3px;
	border-top-left-radius: 3px; */
	border: solid 1px rgba(220, 223, 226, 0.8);
	padding: 24px;
	background: #fff;
}

#Shape {
	fill: #156be6;
}

.footer-btn {
    margin-left: 200px;
    margin-right: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
/*     border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; */
}

.btn-default:hover {
	background-color: #fff;

}

.listing-content-liquiddesign .listing-header {
/* 	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; */
}

.row {
	margin-left: -6px;
	margin-right: -6px;
}

.sticky-bar-container {
	display: block;
}

.listing__profile-logo-image {
	width: 105px;
	min-height: 105px;
	background-size: 99px auto;
}

.svg-wrapper {
	position: relative;
	vertical-align: middle;
	top: -1px;
	display: inline-block;
	line-height: 1px;
	background-size: cover;
	width: 16px;
	height: 16px;
}
div.listing__apply-now_bottom.listing__apply-now_bottom-inside-content {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 0px;
	border: none;
}

#company-intro, #job-tasks, #job-requim, #company-weoffer, #company-continfo {
	background: #fff;
	margin-bottom: 10px;
/* 	border-radius: 5px; */
	border: 1px solid rgba(220,223,226,0.8);
}
#company-intro > h3, #job-tasks > h3, #job-requim > h3, #company-weoffer > h3, #company-continfo > h3{
	padding: 12px 24px;
	background-color: #f5f5f5;
}
#company-intro > span, #job-tasks > span, #job-requim > span, #company-weoffer > span, #company-continfo > span,
#company-intro > div, #job-tasks > div, #job-requim > div, #company-weoffer > div, #company-continfo > div {
	display: inline-block;
	margin: 12px 12px 12px 12px;
}
/*style stolen from stepstone.de */
.giUgun {font-weight:bold;display:block;width:100%;font-size:16px;line-height:24px;padding:8px 12px;b/* order-radius:3px; */-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;outline:none;-webkit-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#ffffff;background-color:#7aae1a;border-color:transparent;} .giUgun:hover,.giUgun:active,.giUgun:focus,.giUgun:active:focus,.giUgun:active:hover{color:#ffffff;background-color:#6a9817;text-decoration:none;outline:none;}

.span_nowrap > li > span {
	display: inline-block;
	white-space:nowrap;
}