

.teaser{
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.teaser.th3_schmal{ height: clamp(300px, calc((100vw / 23)*9), 400px); }
.teaser.th3_mittel{ height: clamp(540px, calc((100vw / 23)*9), 600px); }
.teaser.th3_hoch{   height: clamp(700px, calc((100vw / 23)*9), 800px); }
.teaser.th3_voll{   height: 100vh; }



.teaser .row{	height: inherit; }


.teaser .teaserText{
	position: absolute;
	bottom: calc( 0% - 150px);
	left:50%;
  transform: translate(-50%, 0);
	width: 100%;
	max-width: 745px;
	font-size: 30px;
	font-weight: 700px;
	line-height: 40px;
	letter-spacing: 0.6px;
/*	font-size: calc(0.8vw + 0.7vh + 1vmin);*/
	z-index: 30;
	background-color: #FBF7F2;
	padding: 60px 15px 30px 15px;
	border-radius: 170px;
	
}

.teaser .teaserText.left{text-align:left;}
.teaser .teaserText.right{text-align:right;}
.teaser .teaserText.center{text-align: center; }


.teaser .teaserText h2{
	font-size: calc(1.3vw + 1vh + 1vmin);
	line-height: calc(2em + 1vh + 1vmin);
	margin-bottom: 0.2em;
/*	background-color: #000;*/
	color: #fff;
/*	display: inline;*/
/*	padding: 15px 25px;
	padding-inline-start: 20px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;*/
}


.teaser .teaserText p{
	font-size: 30px;
	font-weight: 700px;
	line-height: 40px;

}


.teaser .teaserText a{
	font-size: 18px;
	max-height:40px;
	letter-spacing: -0.1px;
}





/* video block */
.ivideo {	position: relative; }
.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%;
	min-width: 100%;
	max-width: 100vw;
	min-height: 56.25vw;
	object-fit: fill;
	object-fit: cover;
}