#joboffer {
			background: linear-gradient(180deg, rgba(239, 239, 239, 0.3) 300px, rgba(239, 239, 239, 1) 800px),
			url( ) 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: 5px;
			margin-bottom: 10px;
			background-color: #fff;
			margin-top: 12px;
			max-width: 834px;
		}
		#joboffer .card img{
			border-radius: 5px;
		}		
		#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/u3663/1540369536-tece_logo_neu.jpg) 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-intro {
			padding: 20px;
			background: #fff;
			margin-bottom: 10px;
			border-radius: 5px;
		}
		#joboffer #job-tasks {
			padding: 20px;
			background: #fff;
			margin-bottom: 10px;
			border-radius: 5px;
		}
		#joboffer #job-requim {
			padding: 20px;
			background: #fff;
			margin-bottom: 10px;
			border-radius: 5px;
		}
		#joboffer #company-weoffer {
			padding: 20px;
			background: #fff;
			margin-bottom: 10px;
			border-radius: 5px;
		}
		#joboffer #company-continfo {
			padding: 20px;
			background: #fff;
			border-radius: 5px;
			margin-bottom: 10px;
		}
		#joboffer #company-continfo a {
			position: relative;
			text-decoration: underline;
			font-weight: inherit;
/* 			color: 				#042455  			; */
		}
		#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: 1.4em;
/* 			color: #042455; */
			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;
			text-align: left;
			line-height: 1.5em;
			padding-left: 15px;
		}
		#joboffer ul ul {
            list-style-type: circle;
		}
		#joboffer li {
			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;
		}
		.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;
		}