.teaser{
	position: relative;
	height: 700px;
 height: clamp(500px, calc((100vw / 23)*9), 600px);
 height: -webkit-clamp(500px, calc(100vw - 200px), 600px); /* Safari */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background: rgb(0,48,93) linear-gradient(51deg, rgba(0,48,93,1) 0%, rgba(33,164,62,1) 100%) center top no-repeat cover;

/*	background: [background-image] [background-position] / [background-size] [background-repeat] [background-attachment] [background-origin] [background-clip] [background-color];*/
	
}

.teaser .row{
	height: inherit;
	z-index: 1;

}


.ivideo {
	position: relative;

}

.teaser.ivideo .row{
	position: absolute;
	top: 0;
	text-align: center;
	left:50%;
	transform: translateX(-50%);
}






#bgvid{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
/*	width: 177.77777778vh;*/
	min-width: 100%;
	max-width: 100vw;
	min-height: 56.25vw;
	object-fit: fill;
	object-fit: cover;

}


.teaserBalken{
	width: 100%;
	height: 68px;
	position: absolute;
	bottom: 0;

	background: rgb(0,48,93) linear-gradient(51deg, rgba(0,48,93,1) 0%, rgba(33,164,62,1) 100%) center top no-repeat;
	padding: 0 40px;
	z-index: 299;

}


.teaserBalken h1{
	color: #fff;
	font-family: var(--defaultFont, sans-serif);
	font-weight: 700;
	font-size: 30px;
	line-height: 68px;
	letter-spacing: .2px;
	text-transform: uppercase;
}

.teaser .row h1{
	color: #fff;
	font-family: var(--defaultFont, sans-serif);
	font-weight: 700;
	font-size: 30px;
	line-height: 68px;
	letter-spacing: .2px;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	bottom: 90px;
	margin-left: -45px;
	-moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
  word-wrap: break-word;
}

.blogTeaser .teaser h1{
	display: none;
}

 .teaser.ivideo .h1,
 .teaser.ivideo h1{
 	display: block;
	font-family: Noto Sans Condensed;
  font-size: 71px;
  line-height: 0.9em;
  text-transform: uppercase;
  color: #fff;
  bottom: initial;
  font-weight: 900;
  margin-left: initial;
  position: relative;
  text-align: center;
  transform: rotate(-5deg);
  font-style: italic;
}



.th3_hoch_filter{
	 height: clamp(700px, calc((100vw / 23)*9), 950px);
 height: -webkit-clamp(700px, calc((100vw / 23)*9), 950px); /* Safari */
	background: rgb(33,164,62);
	background: radial-gradient(circle, rgba(33,164,62,1) 14%, rgba(0,44,71,1) 81%);
}

.th3_hoch_filter .h1,
.ivideo  .h1,
.th3_hoch_filter h1,
.ivideo  h1{
	font-family: var(--condensedFont);
	font-size: 71px;
	line-height: 0.9em;
	text-transform: uppercase;
	color: #fff;
	font-weight: 900;
	text-align: center;
	transform: rotate(-5deg);
	font-style: italic;

}

.ivideo  .h1 em,
.th3_hoch_filter .h1 em,
.th3_hoch_filter .h1 em span,
.ivideo  h1 em,
.th3_hoch_filter h1 em,
.th3_hoch_filter h1 em span{
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;
}


.ivideo  h1{
	margin-top: 100px;
}


.teaserBalken h2.karriere {
	text-align: left;
  color: #fff;
  font-family: var(--defaultFont, sans-serif);
  font-weight: 700;
  font-size: 30px;
  line-height: 68px;
  letter-spacing: .2px;
  text-transform: uppercase;
}



/* ############################ TextAnimation ################################# */


.ivideo  .h1 em.txtani,
.ivideo  h1 em.txtani{
	display: block;
	height:70px;
  overflow:hidden;
	
}


.ivideo  .h1 em.txtani span,
.ivideo  h1 em.txtani span{
	display: block;
	margin-bottom: 20px;
}
.ivideo  .h1 em.txtani span i,
.ivideo  h1 em.txtani span i{
	text-transform: lowercase;
}
/*
.ivideo  h1 em.txtani span:first-child {
  animation: show 10s 2s linear infinite;
}
*/
.ivideo  .h1 em.txtani .txtW,
.ivideo  h1 em.txtani .txtW{
  animation: show 11s 0s alternate infinite;
/*  animation: show 10s 2s alternate 1;*/
  opacity: 1;
}


/*

@keyframes show {
  0% {margin-top:0px;}
  5% {margin-top:-80px;}
  20% {margin-top:-80px;}
  25% {margin-top:-170px;}
  40% {margin-top:-170px;}
  45% {margin-top:-250px;}
  60% {margin-top:-250px;}
  65% {margin-top:-335px;}
  80% {margin-top:-335px;}
  85% {margin-top:-420px;}
  99% {margin-top:-420px;}
  99.99% {margin-top:-490px;}
  100% {margin-top:0px;}
}

*/
@keyframes show {
  0% {margin-top:0px; opacity: 1;}
  10% {margin-top:0px; opacity: 1;}

  15% {margin-top:-80px; opacity: 1;}
  25% {margin-top:-80px; opacity: 1;}

  30% {margin-top:-170px; opacity: 1;}
  40% {margin-top:-170px; opacity: 1;}

  45% {margin-top:-250px; opacity: 1;}
  55% {margin-top:-250px; opacity: 1;}

  60% {margin-top:-335px; opacity: 1;}
  70% {margin-top:-335px; opacity: 1;}

  75% {margin-top:-420px; opacity: 1;}
  100% {margin-top:-420px; opacity: 1;}


/*  82% {margin-top:-510px; opacity: 0;}
  97% {margin-top:-510px; opacity: 0;}*/

/*  97%  {margin-top:0px; opacity: 0;}
  100% {margin-top:0px; opacity: 0;}*/
}


.th3_hoch_filter h1{
	color: #fff;
}
.th3_hoch_filter .row{
	padding-top: 250px;
	
}


.th3_hoch .row
{
	padding-top: 130px;


}

@media screen and (max-width: 800px) {

	.teaser.ivideo  h1 em.txtani,
	.ivideo  h1 em.txtani{
	display: block;
	height:60px;
  overflow:hidden;
	
}



.th3_hoch .row{
	padding-top: 160px;
}

	.ivideo  h1 em.txtani span{
/*border: 1px solid #ff00ff;*/

}
/*
	.ivideo  h1 em.txtani span:first-child {
  animation: show 10s 2s linear infinite;
	}
*/
.ivideo  .h1 em.txtani .txtW,
.ivideo  h1 em.txtani .txtW{
  animation: show 11s 0s alternate infinite;
/*  animation: show 10s 2s alternate 1;*/
  opacity: 1;
}


@keyframes show {
  0% {margin-top:5px;  }
  10% {margin-top:5px;}

  15% {margin-top:-60px;}
  25% {margin-top:-60px;}

  30% {margin-top:-125px;}
  40% {margin-top:-125px;}

  45% {margin-top:-190px;}
  55% {margin-top:-190px;}

  60% {margin-top:-250px;}
  70% {margin-top:-250px;}

  75% {margin-top:-310px;}
  100% {margin-top:-310px;}

/*  82% {margin-top:-335px;}
  97% {margin-top:-335px;}

  97%  {margin-top:0px; }
  100% {margin-top:0px;}*/
}
	

}







.th3_hoch_filter .row{
	z-index: 5;
	
}
.th3_hoch_filter .filter{
	position: absolute;
	bottom: 110px;
	width: 100%;
	display: flex;

	
}

.th3_hoch_filter .filter .jobs_filter{
	width: 100%;
	display: flex;
	gap:30px;
	
}

.th3_hoch_filter .filter .witreu_jobs_all_header,
.th3_hoch_filter .filter .witreu_jobs_all_header .jobs_filter {
	width: 100%;	
}


.th3_hoch_filter .filter .witreu_jobs_all_header .jobs_filter div {
	width: 50%;	
}


.th3_hoch_filter .filter select{
	display: block;
	padding: 13px 20px;
	width: 100%;
	color: var(--blue);
	 -webkit-appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg fill='%23002c47' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 8px;

	
cursor: pointer;


	
}



/*.single  .teaser::after {*/
 .teaser::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  mix-blend-mode: multiply;	
/*  mix-blend-mode: color-burn;*/
  background: linear-gradient(to top, rgba(0,0,0,1) 10%,rgba(0,0,0,0) 70%);
  background: linear-gradient(43deg, rgba(0,48,93,1) 0%, rgba(33,164,62,1) 100%);
}