ul {
    padding-bottom: 12px;
}
ul:last-child {
    padding-bottom: 0px;
}
.col-sm-offset-3 {
    margin-left: 25%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}      
        #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: 14px/1.5 Helvetica Neue,Arial,sans-serif;
			background: none transparent;
			background-size: 100%;
			border: none;
			margin: 0px auto;
			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(https://jobs.recruvise.com/media/images/u1045/logo.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-continfo a {
			position: relative;
			text-decoration: underline;
			font-weight: inherit;
			color:
				#c11d14
			;
		}

		#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 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: 0px;
			padding-left: 30px;
			text-align: left;
			line-height: 1.5em;
		}


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


		#joboffer li {
			margin-left: 0px;
			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 h6 {
			font-size: 18px;
			font-weight: bold;
		}

    #joboffer p {
			margin: 0 0 10px 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: 15px 15px 0px 15px;
/* 			background-color: #f5f5f5; */
			font-size: 20px;
            margin: 0 ;
			font-weight: bold;
		}
		#company-intro > div, #job-tasks > div, #job-requim > div, #company-weoffer > div, #company-continfo > div {
			display: inline-block;
    		margin: 12px 15px 15px 15px;
    		padding: 0;
		}
		/*style stolen from stepstone.de */
		.giUgun {font-weight:bold;display:block;width:100%;font-size:16px;line-height:24px;padding:8px 12px;border-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;
		}