@charset "utf-8";
/* CSS Document */

/*https://storyblok-assets.mindvalley.com/css/components/single-column-component.ddb65ce69561b0425b65.css*/
.video-thumb{
	cursor:pointer
}
.video-thumb:hover svg #play{
	fill:red
}
.video-thumb svg{
	height:48px;
	left:50%;
	margin-left:-34px;
	margin-top:-24px;
	position:absolute;
	top:50%;
	transition:opacity .25s cubic-bezier(0,0,.2,1);
	width:68px;
	z-index:0
}
.lang-rtl .video-thumb svg{
	right:50%
}
.h-370
{height:370px!important
}
.button-section{
	grid-gap:.75rem;
	display:grid;
	gap:.75rem;
	grid-template-columns:repeat(1,minmax(0,1fr));
	justify-items:center
}
.variant1 .pre-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant1 .pre-headline{
		width:83.333333%
	}
}
.variant1 .headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant1 .headline{
		width:83.333333%
	}
}
.variant1 .sub-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant1 .sub-headline{
		width:83.333333%
	}
}
.variant1 .body-copy{
	margin-left:auto;
	margin-right:auto;width:100%
}
@media (min-width:992px){
	.variant1 .body-copy{
		width:83.333333%
	}
}
@media (min-width:1200px){
	.variant1 .body-copy{
		width:66.666667%
	}
}
.variant1 .media{
	width:100%
}
@media (min-width:1200px){
	.variant1 .media{
		width:66.666667%
	}
}
.variant1 .button{
	width:100%
}
@media (min-width:1200px){
	.variant1 .button{
		width:83.333333%
	}
}
.variant2 .pre-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant2 .pre-headline{
		width:66.666667%
	}
}
.variant2 .headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant2 .headline{
		width:66.666667%
	}
}
.variant2 .sub-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant2 .sub-headline{
		width:66.666667%
	}
}.variant2 .body-copy{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:992px){
	.variant2 .body-copy{
		width:83.333333%
	}
}
@media (min-width:1200px){
	.variant2 .body-copy{
		width:66.666667%
	}
}
.variant2 .media{
	width:100%
}
@media (min-width:1200px){
	.variant2 .media{
		width:66.666667%
	}
}
.variant2 .button{
	width:100%
}
@media (min-width:1200px){
	.variant2 .button{
		width:66.666667%
	}
}
.variant3 .pre-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant3 .pre-headline{
		width:83.333333%
	}
}
.variant3 .headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant3 .headline{
		width:83.333333%
	}
}
.variant3 .sub-headline{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:1200px){
	.variant3 .sub-headline{
		width:83.333333%
	}
}
.variant3 .body-copy{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media (min-width:992px){
	.variant3 .body-copy{
		width:83.333333%
	}
}
@media (min-width:1200px){
	.variant3 .body-copy{
		width:66.666667%
	}
}
.variant3 .button,.variant3 .media{
	width:100%
}
@media (min-width:1200px){
	.variant3 .button{width:83.333333%}
}