/*----------------*/
/* SECTION TEASER */
/*----------------*/
*.teaser {
	padding: 0;
	background-color: rgba(var(--revilodesign_black), .1);
}
*.teaser *.teaser_image {
	width: 100%;
	height: 600px;
	max-height: 64vh;
	position: relative;
	margin-bottom: 24px;
	z-index: 1;
}
*.teaser *.teaser_image picture,
*.teaser *.teaser_image picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}
*.teaser div.flex {
	height: 100%;
	position: relative;
	z-index: 9;
	align-items: center;
	padding: 12px 0;
	width: 100%;
}
*.teaser div.text {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
	z-index: 9;
}
*.teaser div.callbox {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--revilodesign_text_large_fontSize);
	line-height: var(--revilodesign_text_large_lineHeight);
	font-weight: var(--revilodesign_text_large_fontWeight);
	border-radius: var(--revilodesign_borderRadius);
	position: relative;
}
*.teaser div.callbox picture.bgImage,
*.teaser div.callbox picture.bgImage img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	background-color: rgba(var(--revilodesign_black), .1);
	border-radius: var(--revilodesign_borderRadius);
	filter: grayscale(1);
	opacity: .4;
}
*.teaser .callbox div.calls {
	width: 100%;
	position: relative;
	z-index: 9;
	transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;x
}
*.teaser div.callbox::after {
	content: '';
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
	background-image: url( '../../images/telefonsex-ruf-an.svg' );
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 6;
}
/*------------------------*/
/* !TEASER CONTENT CENTER */
/*------------------------*/
*.teaser div.content.content-position-center {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 9;
	height: 100%;
	display: flex;
	align-items: center;
	width: 100%;
}
*.teaser div.content.content-position-center *.text {
	padding: 16px 24px 4px 24px;
	border-radius: var(--revilodesign_borderRadius);
	background: rgba( var(--revilodesign_white), 0.6);
}
@media ( max-width: 768px ) {
	*.teaser *.teaser_image {
		max-height: 50vh;
		margin: 0;
	}
	*.teaser *.flex *.flexbox.callbox {
		order: -1;
		margin: -24px -24px 0 -24px;
		border-radius: 0;
		width: calc(100% + 48px);
		max-width: calc(100% + 48px);
	}
	*.teaser div.text div.flexbox-auto {
		display: none;
	}
	*.teaser *.flex *.flexbox.callbox div.calls div.call {
		border-radius: 0;
	}
}
/*-----------------------------------------*/
/* !TEASER IN CONTENT - NOT FIRST POSITION */
/*-----------------------------------------*/
*.teaser.teaser-content div.flex {
	width: auto;
	margin-left: auto;	
	align-items: flex-end;
	justify-content: flex-end;
}
*.teaser.teaser-content div.flex div.callbox {
	transform: translateY(50%);
	box-shadow: var(--revilodesign_boxShadow);
}
*.teaser.teaser-content div.flex div.callbox div.calls div.call a {
	font-size: 80px;
	line-height: 88px;
}
@media ( max-width: 1240px ) {
	
}
@media ( max-width: 1000px ) {
	*.teaser *.teaser_image {
		margin: 0;
	}
	*.teaser div.content.content-position-center {
		position: relative;
		left: auto;
		top: auto;
		transform: initial;
		padding: 0;
	}
	*.teaser div.content.content-position-center div.flex {
		justify-content: center;
		width: 100%;
		padding: 0;
	}
	*.teaser div.content.content-position-center div.flex .callbox {
		margin: 0;
		transform: none;
	}
	*.teaser.teaser-content div.flex div.callbox div.calls div.call {
		border-radius: 0;
	}
	*.teaser.teaser-content div.flex div.callbox div.calls div.call a {
		font-size: 40px;
		line-height: 40px;
	}
}
@media ( max-width: 768px ) {
	*.teaser.teaser-content div.flex div.callbox {
		width: 100%;
		transform: none;
	}
	*.teaser.teaser-content div.flex div.callbox {
		width: 100%;
	}
}
@media ( max-width: 589px ) {
	
}