/* ### career Seite ### */
.career-thomas{
	border-radius:50%;
}
.career-contact-center div.vc_column-inner{
	justify-content:center;	
}


.career-map, .career-map div{
	position:relative;
	z-index:99;
	
}
.career-map div img{
	position:absolute;
	width:470px;
	height:auto;
	top:-100px;
	left:0;
	z-index:9;
}
.icons-career-map{
	display:flex;
	justify-content:flex-start;
	gap:1.5rem;
}
.icons-career-map img{
	width:30px;
}
.career-filter{
	margin-top:23px;
}
.w-grid-none.type_message {
    background:#f7f7f7;
}
.sub-small{
	font-size: 2.3rem !important;
	line-height:3rem !important;
}

/* ### CAREER Videos ### */
#career-video-wrapper {
  height: 100vh !important;
  width: 100vw !important;
  position: relative;
	display:block;
}
.bg-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 42%;      
  background-image: url('/wp-content/uploads/career/career-bg.webp');
  background-size: cover;
  background-position: center;
  z-index: 0;
margin:0rem !important;
}

.career-headline div p{
font-size: clamp(4rem, 7.7vw, 6.4rem);
	font-weight:700;
	}

.career-video-row {
  position: fixed;
  bottom:0;         
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1000px;
	min-height:280px;
  z-index: 1;
	padding:0px;
}
@media (max-width: 1150px) {
.career-video-row {
    padding: 0px 20px;
}
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  min-height: 310px;
  overflow: hidden;
}

.video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
  z-index: 0; /* Standard */
}

.video-wrapper video.playing {
  z-index: 2; /* über Cover, damit Controls klickbar sind */
}

.video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  cursor: pointer;
  transition: opacity 0.3s;
}
.reset-filters-button{
	position:absolute;
	bottom:3rem;
}

@media only screen and (max-width:1000px) {
	
	/* ### Career ###  */
	#career-video-wrapper{
		display:none;
	}
	#career-mobil-img{
		height:35vh;
  background-image: url('/wp-content/uploads/career/career-bg.webp');
  background-size: cover;
  background-position: center;
	}
	h1{
		font-size: 3.2rem !important;
	}
	.video-wrapper-mobil {
  position: relative;
}
	.career-video-name{
		margin-bottom:0px;
	}
.video-wrapper-mobil video,
.video-wrapper-mobil .video-cover-mobil {
  width: 100%;
  height: auto;
  display: block;
}
.video-cover-mobil {
  position: absolute;
  inset: 0;
  object-fit: cover;
  cursor: pointer;
}
	.career-map{
		display:none;
	}
.icons-career-map {
    display: flex;
    width: 100%;
    gap: 0.75rem;
  }
  .icons-career-map img {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
		.sub-small{
		font-size:1.3rem !important;
		line-height:2rem !important;
	}
	#job-vacancies{
		margin-top:-90px;
	}
	.reset-filters-button {
    position: absolute;
    bottom: calc(0.3rem + 30px);
		right:1.5rem;
}
	.w-filter-list{
		margin-bottom:30px;
	}
	.personio-result-box {
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "title title"
      "location location"
      "time icon";
    row-gap: 0.5rem;
    padding: 1rem !important;
  }
  .personio-result-box h2 {
    grid-area: title;
    margin: 0 !important;
		font-size:1.5rem !important;
		line-height:normal !important;
	  padding: 0px 0 0 0px !important;	
  }
  .personio-result-location {
    grid-area: location;
	padding-left: 5px !important;
  }
  .personio-result-time {
    grid-area: time;
    align-self: center;
	padding-left: 5px !important;
  }
  .personio-result-icon {
    grid-area: icon;
    justify-self: end;
    align-self: center;
	width:30px !important;
	margin-left:0px !important;
  }
	.career-thomas{
		width:35%;
	}
	
}