.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; }
 


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

}

@media (min-width: 1400px) and (max-width: 1599px) {
.banner-image-outer .bg-image picture{ height: 600px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
.banner-image-outer .bg-image picture{ height: 600px; }
}
 
@media (min-width: 992px) and (max-width: 1200px) {
.banner-image-outer .bg-image picture{ height: 600px; }
	 
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-image-outer .bg-image picture{ height: 600px; }
 
} 
@media (max-width: 767px) {
.banner-image-outer .bg-image picture{ height: 600px; }
.karriere-banner-text .themered-btn{ padding: 24px 0 0 0; }
	 
}