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

/*https://storyblok-assets.mindvalley.com/css/components/two-column-component.d2e5a5c31c42daab359b.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
}
@media(max-width:576px){
	.right-media{
		margin-top:2rem
	}
	.hide-mobile{
		display:none
	}
}
@media(max-width:992px){
	.hide-tablet{
		display:none
	}
}
.variant1 .pre-headline{
	margin-bottom:0;width:100%
}
@media (min-width:1200px){
	.variant1 .pre-headline{
		width:83.333333%
	}
}
.variant1 .headline{
	width:100%
}
@media (min-width:1200px){
	.variant1 .headline{
		width:83.333333%
	}
}
.variant1 .sub-headline{
	width:100%
}
@media (min-width:1200px){
	.variant1 .sub-headline{
		width:83.333333%
	}
}
.variant1 .body-copy{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
.variant1 .button,.variant1 .media{
	width:100%
}
@media (min-width:1200px){
	.variant1 .button{
		width:83.333333%
	}
}
.ol-alignment ol li{
	padding-left:0
}
.ol-alignment ol li:before{
	position:inherit
}
.variant2 .pre-headline{
	margin-bottom:0;width:100%
}
@media (min-width:1200px){
	.variant2 .pre-headline{
		width:66.666667%
	}
}
.variant2 .headline{
	width:100%
}
@media (min-width:1200px){
	.variant2 .headline{
		width:66.666667%
	}
}
.variant2 .sub-headline{
	width:100%
}
@media (min-width:1200px){
	.variant2 .sub-headline{
		width:66.666667%
	}
}
.variant2 .body-copy{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
.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-bottom:0;width:100%
}
@media (min-width:1200px){
	.variant3 .pre-headline{
		width:83.333333%
	}
}
.variant3 .headline{
	width:100%
}
@media (min-width:1200px){
	.variant3 .headline{
		width:83.333333%
	}
}
.variant3 .sub-headline{
	width:100%
}
@media (min-width:1200px){
	.variant3 .sub-headline{
		width:83.333333%
	}
}
.variant3 .body-copy{
	margin-left:auto;
	margin-right:auto;
	width:100%
}
.variant3 .button,.variant3 .media{
	width:100%
}
@media (min-width:1200px){
	.variant3 .button{
		width:83.333333%
	}
}
.overlap-container{
	max-width:none;
	width:606px
}
.order-item-first{
	order:1
}
@media screen and (max-width:992px){
	.order-item-first{
		order:-1
	}
}