.karriere-banner-outer{ display: block; width: 100%; position: relative; overflow: hidden; }
.banner-image-outer{ z-index: 1; display: block; width: 100%; position: relative; overflow: hidden;}
 
.banner-image-outer .bg-image picture{  display: block; width: 100%;height: 687px; max-height: 90vh; position: relative; z-index: 1; overflow: hidden;  }
.banner-image-outer .bg-image picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }

.banner-image-outer::after{  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;   opacity: 0.75; background: #f0f0f0; content: '';}

.banner-caption-outer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: flex-end; justify-content: center;  padding: 0 0   87px; }
 .karriere-banner-text{ max-width: 600px; }
 .karriere-banner-text  .themered-btn{ padding: 42px 0 0 0; }
 

.details-page-banner .karriere-banner-text{ max-width: 750px; }
.details-page-banner .karriere-banner-text h2{ padding: 0 0 13px; }
.details-page-banner .date-icon{ padding: 57px 0 0 0; display: flex; align-items: center; gap: 10px;}
.details-page-banner .date-icon i{ display: flex; align-items: center; }

.details-page-banner .banner-caption-outer{ padding-bottom: 135px; }

.job-details-section-1{ display: block; width: 100%;}
.details-row-1{ display: flex; justify-content: space-between; align-items: flex-start;}
.details-row-1 .left-col{ width: 561px;}
.details-row-1  .right-col {width: 398px; display: block;}
.info-box-2{ gap: 38px; display: flex; align-items: flex-start; margin: 0 0 38px; width: 100%;  border-radius: 10px;
  box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.16); padding: 35px 20px 29.6px 29px;
  background-color: #fff;}
  .info-box-2 i{ display: flex; width: 13px; align-items: center;}
 .info-box-2 .icon-sub{ width: calc(100% - 13px - 38px);}
  .info-box-2 .icon-sub strong{ padding: 0 0 6px; display: block; font-weight: 300;}
.job-slider-block{ display: block; width: 100%; position: relative; overflow: hidden;}

@media (min-width: 1600px) and (max-width: 1800px) {
.banner-image-outer .bg-image picture{ height: 600px; }

.details-page-banner .date-icon{ padding: 40px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 100px; }

.details-row-1  .right-col {width: 350px; display: block;}
 .info-box-2{ gap: 20px;}
 .info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}
}

@media (min-width: 1400px) and (max-width: 1599px) {
.banner-image-outer .bg-image picture{ height: 600px; }

.details-page-banner .date-icon{ padding: 40px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 100px; }

.details-row-1  .right-col {width: 320px; display: block;}
 .info-box-2{ gap: 20px;}
 .info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-image-outer .bg-image picture{ height: 600px; }

.details-page-banner .date-icon{ padding: 40px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 100px; }

.details-row-1  .right-col {width: 320px; display: block;}
.info-box-2{ gap: 20px;}
.info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
.banner-image-outer .bg-image picture{ height: 600px; }

.details-page-banner .date-icon{ padding: 40px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 100px; }

.details-row-1  .right-col {width: 300px; display: block;}
.info-box-2{ gap: 20px;}
.info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}

.details-row-1 .left-col{ width: 500px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-image-outer .bg-image picture{ height: 600px; }

.details-page-banner .date-icon{ padding: 30px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 80px; }

.details-row-1  .right-col {width: 300px; display: block;}
.info-box-2{ gap: 20px;}
.info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}

.details-row-1 .left-col{ width: 500px;}


.details-row-1{ flex-direction: column;}
.details-row-1 .left-col{ width: 100%;}
.details-row-1 .right-col{ padding: 30px 0 0 0; width: 100%;}

} 
@media (max-width: 767px) {
.banner-image-outer .bg-image picture{ height: 600px; }
.karriere-banner-text .themered-btn{ padding: 24px 0 0 0; }


.details-page-banner .date-icon{ padding: 30px 0 0 0; }
.details-page-banner .banner-caption-outer{ padding: 0 0 80px; }
.details-page-banner .banner-caption-outer h4{ font-size: 18px;}

.info-box-2{ gap: 20px;}
.info-box-2 .icon-sub{ width: calc(100% - 13px - 20px);}
 .details-row-1{ flex-direction: column;}
.details-row-1 .left-col{ width: 100%;}
.details-row-1 .right-col{ padding: 30px 0 0 0; width: 100%;}
	 
}